diff --git a/src/blocks/_pro/outer/deprecated/hooks/0.0.1/index.js b/src/blocks/_pro/outer/deprecated/hooks/1.0.13/index.js
similarity index 100%
rename from src/blocks/_pro/outer/deprecated/hooks/0.0.1/index.js
rename to src/blocks/_pro/outer/deprecated/hooks/1.0.13/index.js
diff --git a/src/blocks/_pro/outer/deprecated/hooks/index.js b/src/blocks/_pro/outer/deprecated/hooks/index.js
index d5378a6d4..8be9c8cdc 100644
--- a/src/blocks/_pro/outer/deprecated/hooks/index.js
+++ b/src/blocks/_pro/outer/deprecated/hooks/index.js
@@ -2,7 +2,7 @@ import OuterHook1_60_0 from './1.60.0/'
import OuterHook1_36_2 from './1.36.2/'
import OuterHook1_34_1 from './1.34.1/'
import OuterHook1_26_0 from './1.26.0/'
-import OuterHook0_0_1 from './0.0.1'
+import OuterHook1_0_13 from './1.0.13/'
// saveの数分必要
export default [
@@ -17,17 +17,5 @@ export default [
OuterHook1_36_2, // 1.36.2
OuterHook1_34_1, // 1.34.1
OuterHook1_26_0, // 1.26.0
- OuterHook0_0_1, // 1.0.13
- OuterHook0_0_1, // 0.60.0
- OuterHook0_0_1, // 0.37.1
- OuterHook0_0_1, // 0.0.9
- OuterHook0_0_1, // 0.0.8
- OuterHook0_0_1, // 0.0.7
- OuterHook0_0_1, // 0.0.6
- OuterHook0_0_1, // 0.0.5
- OuterHook0_0_1, // 0.0.4
- OuterHook0_0_1, // 0.0.3
- OuterHook0_0_1, // 0.0.2
- OuterHook0_0_1, // 0.0.1
- OuterHook0_0_1, // 0.0.0
+ OuterHook1_0_13, // 1.0.13
];
diff --git a/src/blocks/_pro/outer/deprecated/save/0.0.0/component.js b/src/blocks/_pro/outer/deprecated/save/0.0.0/component.js
deleted file mode 100644
index f963f6aa8..000000000
--- a/src/blocks/_pro/outer/deprecated/save/0.0.0/component.js
+++ /dev/null
@@ -1,179 +0,0 @@
-import { componentDivider } from '../component-divider';
-import { InnerBlocks } from '@wordpress/block-editor';
-import { Component } from '@wordpress/element';
-
-//hexカラーコード定義をrgbaに変換
-function hex2rgba(hex, alpha) {
- // ロングバージョンの場合（例：#FF0000）
- let r = hex.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
- let c = null;
- if (r) {
- c = r.slice(1, 4).map(function (x) {
- return parseInt(x, 16);
- });
- }
- // ショートバージョンの場合（例：#F00）
- r = hex.match(/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i);
- if (r) {
- c = r.slice(1, 4).map(function (x) {
- return 0x11 * parseInt(x, 16);
- });
- }
- // 該当しない場合は、nullを返す.
- if (!c) {
- return null;
- }
- return `rgba(${c[0]}, ${c[1]}, ${c[2]}, ${alpha})`;
-}
-
-export class ComponentV0 extends Component {
- render() {
- let {
- bgColor,
- bgImage,
- bgPosition,
- outerWidth,
- // eslint-disable-next-line camelcase
- padding_left_and_right,
- // eslint-disable-next-line camelcase
- padding_top_and_bottom,
- opacity,
- // eslint-disable-next-line camelcase
- upper_level,
- // eslint-disable-next-line camelcase
- lower_level,
- upperDividerBgColor,
- lowerDividerBgColor,
- dividerType,
- borderWidth,
- borderStyle,
- borderColor,
- borderRadius,
- anchor,
- } = this.props.attributes;
-
- const for_ = this.props.for_;
- let classPaddingLR;
- let classPaddingVertical;
- let classBgPosition;
- let classWidth;
- let elm;
- let containerClass;
- let whichSideUpper;
- let whichSideLower;
- let bgStyle;
- let borderProperty;
- let borderRadiusProperty;
-
- //幅のクラス切り替え
- // eslint-disable-next-line prefer-const
- classWidth = ` vk_outer-width-${outerWidth}`;
-
- //hexからrgbaに変換
- if (bgColor) {
- bgColor = hex2rgba(bgColor, opacity);
- } else {
- //背景色をクリアした時は、白に変更
- bgColor = hex2rgba('#fff', opacity);
- }
-
- //classBgPositionのクラス切り替え
- if (bgPosition === 'parallax') {
- classBgPosition = ' vk_outer-bgPosition-parallax vk-prlx';
- } else if (bgPosition === 'fixed') {
- classBgPosition = ' vk_outer-bgPosition-fixed';
- } else {
- classBgPosition = ' vk_outer-bgPosition-normal';
- }
-
- //classPaddingLRのクラス切り替え
- // eslint-disable-next-line camelcase
- if (padding_left_and_right === '1') {
- classPaddingLR = ' vk_outer-paddingLR-use';
- } else {
- classPaddingLR = ' vk_outer-paddingLR-none';
- }
-
- //classPaddingVerticalのクラス切り替え
- // eslint-disable-next-line camelcase
- if (padding_top_and_bottom === '1') {
- classPaddingVertical = ' vk_outer-paddingVertical-use';
- } else {
- classPaddingVertical = ' vk_outer-paddingVertical-none';
- }
-
- //上側セクションの傾き切り替え
- // eslint-disable-next-line camelcase
- if (upper_level) {
- whichSideUpper = 'upper';
- }
-
- //下側セクションの傾き切り替え
- // eslint-disable-next-line camelcase
- if (lower_level) {
- whichSideLower = 'lower';
- }
-
- //編集画面とサイト上の切り替え
- if (for_ === 'edit') {
- elm = ;
- } else if ('save') {
- elm = ;
- containerClass = 'vk_outer_container';
- }
-
- //背景画像の有り無しでstyleを切り替え
- if (bgImage) {
- bgStyle = `linear-gradient(${bgColor}, ${bgColor}), url(${bgImage})`;
- } else {
- bgStyle = `linear-gradient(${bgColor}, ${bgColor})`;
- }
-
- //borderColorクリア時に白をセットする
- if (!borderColor) {
- borderColor = '#fff';
- }
-
- //Dividerエフェクトがない時のみ枠線を追加
- // eslint-disable-next-line camelcase
- if (upper_level === 0 && lower_level === 0) {
- borderProperty = `${borderWidth}px ${borderStyle} ${borderColor}`;
- borderRadiusProperty = `${borderRadius}px`;
- } else {
- borderProperty = 'none';
- borderRadiusProperty = `0px`;
- }
-
- return (
-
- {componentDivider(
- upper_level,
- upperDividerBgColor,
- whichSideUpper,
- dividerType
- )}
-
{elm}
- {componentDivider(
- lower_level,
- lowerDividerBgColor,
- whichSideLower,
- dividerType
- )}
-
- {componentDivider(
- upper_level,
- upperDividerBgColor,
- whichSideUpper,
- dividerType
- )}
-
{elm}
- {componentDivider(
- lower_level,
- lowerDividerBgColor,
- whichSideLower,
- dividerType
- )}
-
- {componentDivider(
- upper_level,
- upperDividerBgColor,
- whichSideUpper,
- dividerType
- )}
-
{elm}
- {componentDivider(
- lower_level,
- lowerDividerBgColor,
- whichSideLower,
- dividerType
- )}
-
-
-
-
- );
-};
-
-const GenerateMediaqueryCss = (props) => {
- const { attributes, clientId } = props;
- const {
- bgImageMobile,
- bgImageTablet,
- bgImage,
- bgColor,
- opacity,
- } = attributes;
-
- const mobileViewport = 'max-width: 575.98px';
- const tabletViewport = 'min-width: 576px';
- const pcViewport = 'min-width: 1200px';
- const underPcViewport = 'max-width: 1199.98px';
-
- let bgColorWOpacity;
-
- //hexからrgbaに変換
- if (bgColor) {
- bgColorWOpacity = hex2rgba(bgColor, opacity);
- } else {
- //背景色をクリアした時は、白に変更
- bgColorWOpacity = hex2rgba('#fff', opacity);
- }
-
- //moible only
- if (bgImageMobile && !bgImageTablet && !bgImage) {
- return (
-
- );
- }
- //tablet only
- if (!bgImageMobile && bgImageTablet && !bgImage) {
- return (
-
- );
- }
- //pc only
- if (!bgImageMobile && !bgImageTablet && bgImage) {
- return (
-
- );
- }
- //pc -mobile
- if (bgImageMobile && !bgImageTablet && bgImage) {
- return (
-
- );
- }
- //pc -tablet
- if (!bgImageMobile && bgImageTablet && bgImage) {
- return (
-
- );
- }
- //tablet - mobile
- if (bgImageMobile && bgImageTablet && !bgImage) {
- return (
-
- );
- }
- //pc -tablet - mobile
- if (bgImageMobile && bgImageTablet && bgImage) {
- return (
-
- );
- }
- //no background image
- if (!bgImageMobile && !bgImageTablet && !bgImage) {
- return (
-
- );
- }
-};
-
-const OuterBlockInner = (props) => {
- const {
- // eslint-disable-next-line camelcase
- upper_level,
- upperDividerBgColor,
- whichSideUpper,
- dividerType,
- containerClass,
- elm,
- // eslint-disable-next-line camelcase
- lower_level,
- lowerDividerBgColor,
- whichSideLower,
- } = props;
-
- return (
- <>
-
- {componentDivider(
- upper_level,
- upperDividerBgColor,
- whichSideUpper,
- dividerType
- )}
-
{elm}
- {componentDivider(
- lower_level,
- lowerDividerBgColor,
- whichSideLower,
- dividerType
- )}
-
-
-
-
- );
-};
-
-const OuterBlockInner = (props) => {
- const {
- // eslint-disable-next-line camelcase
- upper_level,
- upperDividerBgColor,
- whichSideUpper,
- dividerType,
- containerClass,
- elm,
- // eslint-disable-next-line camelcase
- lower_level,
- lowerDividerBgColor,
- whichSideLower,
- } = props;
-
- return (
- <>
-
- {componentDivider(
- upper_level,
- upperDividerBgColor,
- whichSideUpper,
- dividerType
- )}
-
{elm}
- {componentDivider(
- lower_level,
- lowerDividerBgColor,
- whichSideLower,
- dividerType
- )}
-