From 40c1192119173791f5b0b8ec8c5903a1ef344cfe Mon Sep 17 00:00:00 2001 From: kurudrive Date: Thu, 28 Apr 2022 18:25:49 +0900 Subject: [PATCH 01/64] add : tab --- .../class-vk-blocks-block-loader.php | 4 +- inc/vk-blocks/languages/vk-blocks-js.pot | 200 ++++++--- inc/vk-blocks/languages/vk-blocks.pot | 204 ++++++--- src/blocks/_pro/tab-item/block.json | 23 + src/blocks/_pro/tab-item/edit.js | 42 ++ src/blocks/_pro/tab-item/icon.svg | 1 + src/blocks/_pro/tab-item/index.js | 21 + src/blocks/_pro/tab-item/index.php | 34 ++ src/blocks/_pro/tab-item/save.js | 22 + src/blocks/_pro/tab-item/style.scss | 271 ++++++++++++ src/blocks/_pro/tab/block.json | 50 +++ src/blocks/_pro/tab/edit.js | 413 ++++++++++++++++++ src/blocks/_pro/tab/enque-front.js | 39 ++ src/blocks/_pro/tab/icon.svg | 1 + src/blocks/_pro/tab/index.js | 91 ++++ src/blocks/_pro/tab/index.php | 23 + src/blocks/_pro/tab/save.js | 26 ++ src/blocks/bundle-pro.js | 4 + 18 files changed, 1342 insertions(+), 127 deletions(-) create mode 100644 src/blocks/_pro/tab-item/block.json create mode 100644 src/blocks/_pro/tab-item/edit.js create mode 100644 src/blocks/_pro/tab-item/icon.svg create mode 100644 src/blocks/_pro/tab-item/index.js create mode 100644 src/blocks/_pro/tab-item/index.php create mode 100644 src/blocks/_pro/tab-item/save.js create mode 100644 src/blocks/_pro/tab-item/style.scss create mode 100644 src/blocks/_pro/tab/block.json create mode 100644 src/blocks/_pro/tab/edit.js create mode 100644 src/blocks/_pro/tab/enque-front.js create mode 100644 src/blocks/_pro/tab/icon.svg create mode 100644 src/blocks/_pro/tab/index.js create mode 100644 src/blocks/_pro/tab/index.php create mode 100644 src/blocks/_pro/tab/save.js diff --git a/inc/vk-blocks/class-vk-blocks-block-loader.php b/inc/vk-blocks/class-vk-blocks-block-loader.php index dbc30f7e3..844d91790 100644 --- a/inc/vk-blocks/class-vk-blocks-block-loader.php +++ b/inc/vk-blocks/class-vk-blocks-block-loader.php @@ -64,7 +64,9 @@ class VK_Blocks_Block_Loader { array( 'name' => 'step-item', 'is_pro' => true ), array( 'name' => 'table-of-contents-new', 'is_pro' => true ), array( 'name' => 'timeline', 'is_pro' => true ), - array( 'name' => 'timeline-item', 'is_pro' => true ) + array( 'name' => 'timeline-item', 'is_pro' => true ), + array( 'name' => 'tab', 'is_pro' => true ), + array( 'name' => 'tab-item', 'is_pro' => true ) ); // phpcs:enable diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index 3270f1d9d..30ac6639e 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -46,8 +46,9 @@ msgstr "" #: src/blocks/_pro/animation/edit.js:123 #: src/blocks/_pro/outer/edit.js:351 #: src/blocks/_pro/slider/edit.js:193 +#: src/blocks/_pro/tab/index.js:60 #: src/blocks/balloon/edit.js:483 -#: src/blocks/button/edit.js:328 +#: src/blocks/button/edit.js:294 #: src/blocks/faq/index.js:26 #: src/blocks/faq2/index.js:21 #: src/extensions/common/inline-font-size/index.js:89 @@ -267,7 +268,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:104 #: src/blocks/_pro/gridcolcard/edit-common.js:160 -#: src/blocks/button/edit.js:711 +#: src/blocks/button/edit.js:677 #: src/blocks/heading/edit.js:324 msgid "Text Color" msgstr "" @@ -275,7 +276,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:110 #: src/blocks/_pro/gridcolcard/edit-common.js:169 #: src/blocks/border-box/edit.js:216 -#: src/blocks/button/edit.js:694 +#: src/blocks/button/edit.js:660 msgid "Background Color" msgstr "" @@ -351,18 +352,18 @@ msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:201 #: src/blocks/_pro/select-post-list-item/edit.js:66 -#: src/blocks/button/edit.js:209 +#: src/blocks/button/edit.js:212 msgid "Unlink" msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:202 -#: src/blocks/button/edit.js:210 +#: src/blocks/button/edit.js:213 msgid "Input Link URL" msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:241 #: src/blocks/_pro/select-post-list-item/edit.js:102 -#: src/blocks/button/edit.js:249 +#: src/blocks/button/edit.js:252 msgid "Submit" msgstr "" @@ -398,7 +399,7 @@ msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:301 #: src/blocks/_pro/icon-card-item/edit.js:128 -#: src/blocks/button/edit.js:235 +#: src/blocks/button/edit.js:238 #: src/blocks/icon/edit.js:254 #: src/blocks/pr-blocks/edit.js:262 #: src/blocks/pr-content/edit.js:131 @@ -464,7 +465,6 @@ msgid "Column header media area" msgstr "" #: src/blocks/_pro/gridcolcard/edit.js:118 -#: src/blocks/button/edit.js:265 msgid "Block ID" msgstr "" @@ -473,7 +473,6 @@ msgid "Update Block ID" msgstr "" #: src/blocks/_pro/gridcolcard/edit.js:133 -#: src/blocks/button/edit.js:271 msgid "This is the identification ID for this block style." msgstr "" @@ -555,7 +554,7 @@ msgstr "" #: src/blocks/_pro/icon-card-item/edit.js:137 #: src/blocks/_pro/step-item/edit.js:76 #: src/blocks/border-box/edit.js:240 -#: src/blocks/button/edit.js:722 +#: src/blocks/button/edit.js:688 #: src/blocks/heading/edit.js:334 #: src/blocks/icon/edit.js:241 #: src/blocks/pr-content/edit.js:197 @@ -569,7 +568,7 @@ msgid "Icon Background:" msgstr "" #: src/blocks/_pro/icon-card-item/edit.js:150 -#: src/blocks/button/edit.js:605 +#: src/blocks/button/edit.js:571 #: src/blocks/icon-outer/edit.js:204 #: src/blocks/icon/edit.js:195 #: src/blocks/pr-blocks/edit.js:285 @@ -577,7 +576,7 @@ msgid "Solid color" msgstr "" #: src/blocks/_pro/icon-card-item/edit.js:154 -#: src/blocks/button/edit.js:618 +#: src/blocks/button/edit.js:584 #: src/blocks/pr-blocks/edit.js:289 msgid "No background" msgstr "" @@ -808,21 +807,21 @@ msgstr "" #: src/blocks/_pro/outer/edit.js:604 #: src/blocks/_pro/slider/edit.js:238 -#: src/blocks/button/edit.js:406 +#: src/blocks/button/edit.js:372 #: src/components/advanced-viewport-control/index.js:39 msgid "Mobile" msgstr "" #: src/blocks/_pro/outer/edit.js:619 #: src/blocks/_pro/slider/edit.js:227 -#: src/blocks/button/edit.js:471 +#: src/blocks/button/edit.js:437 #: src/components/advanced-viewport-control/index.js:31 msgid "Tablet" msgstr "" #: src/blocks/_pro/outer/edit.js:634 #: src/blocks/_pro/slider/edit.js:216 -#: src/blocks/button/edit.js:536 +#: src/blocks/button/edit.js:502 #: src/components/advanced-viewport-control/index.js:25 msgid "PC" msgstr "" @@ -1024,7 +1023,7 @@ msgid "Navigation Position" msgstr "" #: src/blocks/_pro/slider/edit.js:370 -#: src/blocks/button/edit.js:364 +#: src/blocks/button/edit.js:330 #: src/components/display-items-control/index.js:127 msgid "Center" msgstr "" @@ -1054,7 +1053,7 @@ msgstr "" #: src/blocks/_pro/step-item/edit.js:96 #: src/blocks/_pro/timeline-item/edit.js:69 #: src/blocks/border-box/edit.js:204 -#: src/blocks/button/edit.js:640 +#: src/blocks/button/edit.js:606 #: src/blocks/icon/edit.js:261 #: src/blocks/staff/edit.js:199 msgid "Color" @@ -1072,6 +1071,95 @@ msgstr "" msgid "First Dot Number" msgstr "" +#: src/blocks/_pro/tab-item/index.js:17 +msgid "Tab Item" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:159 +#. Tab label [i] +msgid "Tab Label [ %s ]" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:201 +msgid "Tab size Setting" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:203 +msgid "Tab Size ( Extra small )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:236 +msgid "Tab Size ( Small )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:269 +msgid "Tab Size ( Mediium )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:302 +msgid "Tab Size ( Large )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:335 +msgid "Tab Size ( Extra large )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:368 +msgid "Tab Size ( XX Large )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:372 +msgid "Fit Text" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:376 +msgid "Fit full Width" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:380 +msgid "Equal 1 Column" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:384 +msgid "Equal 2 Column" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:388 +msgid "Equal 3 Column" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:392 +msgid "Equal 4 Column" +msgstr "" + +#: src/blocks/_pro/tab/index.js:55 +msgid "Tab" +msgstr "" + +#: src/blocks/_pro/tab/index.js:65 +msgid "Normal No Frame" +msgstr "" + +#: src/blocks/_pro/tab/index.js:69 +msgid "Speech Balloon" +msgstr "" + +#: src/blocks/_pro/tab/index.js:73 +msgid "Speech Balloon No Frame" +msgstr "" + +#: src/blocks/_pro/tab/index.js:77 +msgid "Line" +msgstr "" + +#: src/blocks/_pro/tab/index.js:81 +msgid "Line No Frame" +msgstr "" + +#: src/blocks/_pro/tab/index.js:85 +msgid "Line Simple" +msgstr "" + #: src/blocks/_pro/table-of-contents-new/deprecated/0.59.1/save.js:19 #: src/blocks/_pro/table-of-contents-new/edit.js:178 #: src/blocks/_pro/table-of-contents-new/save.js:16 @@ -1119,28 +1207,28 @@ msgid "Style Settings" msgstr "" #: src/blocks/alert/edit.js:25 -#: src/blocks/button/edit.js:654 +#: src/blocks/button/edit.js:620 #: src/blocks/pr-content/edit.js:165 #: src/extensions/core/group/style.js:138 msgid "Success" msgstr "" #: src/blocks/alert/edit.js:28 -#: src/blocks/button/edit.js:658 +#: src/blocks/button/edit.js:624 #: src/blocks/pr-content/edit.js:168 #: src/extensions/core/group/style.js:134 msgid "Info" msgstr "" #: src/blocks/alert/edit.js:30 -#: src/blocks/button/edit.js:662 +#: src/blocks/button/edit.js:628 #: src/blocks/pr-content/edit.js:170 #: src/extensions/core/group/style.js:142 msgid "Warning" msgstr "" #: src/blocks/alert/edit.js:34 -#: src/blocks/button/edit.js:666 +#: src/blocks/button/edit.js:632 #: src/blocks/pr-content/edit.js:174 #: src/extensions/core/group/style.js:146 msgid "Danger" @@ -1180,14 +1268,14 @@ msgid "Please specify the layout of the balloon." msgstr "" #: src/blocks/balloon/edit.js:426 -#: src/blocks/button/edit.js:354 +#: src/blocks/button/edit.js:320 #: src/blocks/pr-content/edit.js:237 #: src/components/display-items-control/index.js:123 msgid "Left" msgstr "" #: src/blocks/balloon/edit.js:438 -#: src/blocks/button/edit.js:374 +#: src/blocks/button/edit.js:340 #: src/blocks/pr-content/edit.js:236 #: src/components/display-items-control/index.js:131 msgid "Right" @@ -1313,137 +1401,125 @@ msgstr "" msgid "Solid Angle iconFeature" msgstr "" -#: src/blocks/button/edit.js:262 +#: src/blocks/button/edit.js:265 msgid "Button setting" msgstr "" -#: src/blocks/button/edit.js:277 -msgid "If you don't use custom colors, you don't have to worry about it." -msgstr "" - -#: src/blocks/button/edit.js:284 -msgid "If you duplicate this block, please change the ID." -msgstr "" - -#: src/blocks/button/edit.js:291 -msgid "This ID is'not id of HTML attribute." -msgstr "" - -#: src/blocks/button/edit.js:301 +#: src/blocks/button/edit.js:267 msgid "Sub Caption" msgstr "" -#: src/blocks/button/edit.js:311 +#: src/blocks/button/edit.js:277 msgid "Button Size:" msgstr "" -#: src/blocks/button/edit.js:320 +#: src/blocks/button/edit.js:286 #: src/blocks/spacer/edit.js:105 msgid "Large" msgstr "" -#: src/blocks/button/edit.js:336 +#: src/blocks/button/edit.js:302 #: src/blocks/spacer/edit.js:85 #: src/extensions/common/inline-font-size/index.js:84 msgid "Small" msgstr "" -#: src/blocks/button/edit.js:343 +#: src/blocks/button/edit.js:309 msgid "Button Position:" msgstr "" -#: src/blocks/button/edit.js:384 +#: src/blocks/button/edit.js:350 msgid "Wide" msgstr "" -#: src/blocks/button/edit.js:394 +#: src/blocks/button/edit.js:360 msgid "Block" msgstr "" -#: src/blocks/button/edit.js:403 +#: src/blocks/button/edit.js:369 msgid "Button Width:" msgstr "" -#: src/blocks/button/edit.js:550 +#: src/blocks/button/edit.js:516 msgid "25%" msgstr "" -#: src/blocks/button/edit.js:563 +#: src/blocks/button/edit.js:529 msgid "50%" msgstr "" -#: src/blocks/button/edit.js:576 +#: src/blocks/button/edit.js:542 msgid "75%" msgstr "" -#: src/blocks/button/edit.js:589 +#: src/blocks/button/edit.js:555 msgid "100%" msgstr "" -#: src/blocks/button/edit.js:596 +#: src/blocks/button/edit.js:562 msgid "Button Style:" msgstr "" -#: src/blocks/button/edit.js:631 +#: src/blocks/button/edit.js:597 msgid "Text only" msgstr "" -#: src/blocks/button/edit.js:635 +#: src/blocks/button/edit.js:601 msgid "If you select \"No background\", that you need to select a Custom Color." msgstr "" -#: src/blocks/button/edit.js:642 +#: src/blocks/button/edit.js:608 msgid "Default Color (Bootstrap)" msgstr "" -#: src/blocks/button/edit.js:646 +#: src/blocks/button/edit.js:612 #: src/blocks/pr-content/edit.js:157 msgid "Primary" msgstr "" -#: src/blocks/button/edit.js:650 +#: src/blocks/button/edit.js:616 #: src/blocks/pr-content/edit.js:161 msgid "Secondary" msgstr "" -#: src/blocks/button/edit.js:670 +#: src/blocks/button/edit.js:636 #: src/blocks/pr-content/edit.js:177 msgid "Light" msgstr "" -#: src/blocks/button/edit.js:674 +#: src/blocks/button/edit.js:640 #: src/blocks/pr-content/edit.js:178 msgid "Dark" msgstr "" -#: src/blocks/button/edit.js:687 +#: src/blocks/button/edit.js:653 msgid "Custom Color" msgstr "" -#: src/blocks/button/edit.js:695 +#: src/blocks/button/edit.js:661 #: src/blocks/pr-content/edit.js:186 msgid "Button Color" msgstr "" -#: src/blocks/button/edit.js:697 +#: src/blocks/button/edit.js:663 msgid "" "This color palette overrides the default color. If you want to use the " "default color, click the clear button." msgstr "" -#: src/blocks/button/edit.js:729 +#: src/blocks/button/edit.js:695 #: src/blocks/heading/edit.js:337 #: src/blocks/pr-content/edit.js:204 msgid "Before text" msgstr "" -#: src/blocks/button/edit.js:738 +#: src/blocks/button/edit.js:704 #: src/blocks/heading/edit.js:346 #: src/blocks/pr-content/edit.js:216 msgid "After text" msgstr "" -#: src/blocks/button/edit.js:767 +#: src/blocks/button/edit.js:733 msgid "Input text" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index bfec0e916..dc9119333 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -2,14 +2,14 @@ # This file is distributed under the same license as the VK Blocks Pro plugin. msgid "" msgstr "" -"Project-Id-Version: VK Blocks Pro 1.32.0.0\n" +"Project-Id-Version: VK Blocks Pro 1.32.0.1\n" "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/vk-blocks-pro\n" "Last-Translator: FULL NAME \n" "Language-Team: LANGUAGE \n" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-04-26T08:33:04+00:00\n" +"POT-Creation-Date: 2022-04-28T08:57:15+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.5.0-alpha-3f4c34b\n" "X-Domain: vk-blocks\n" @@ -57,8 +57,9 @@ msgstr "" #: src/blocks/_pro/animation/edit.js:123 #: src/blocks/_pro/outer/edit.js:351 #: src/blocks/_pro/slider/edit.js:193 +#: src/blocks/_pro/tab/index.js:60 #: src/blocks/balloon/edit.js:483 -#: src/blocks/button/edit.js:328 +#: src/blocks/button/edit.js:294 #: src/blocks/faq/index.js:26 #: src/blocks/faq2/index.js:21 #: src/extensions/common/inline-font-size/index.js:89 @@ -274,7 +275,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:104 #: src/blocks/_pro/gridcolcard/edit-common.js:160 -#: src/blocks/button/edit.js:711 +#: src/blocks/button/edit.js:677 #: src/blocks/heading/edit.js:324 msgid "Text Color" msgstr "" @@ -282,7 +283,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:110 #: src/blocks/_pro/gridcolcard/edit-common.js:169 #: src/blocks/border-box/edit.js:216 -#: src/blocks/button/edit.js:694 +#: src/blocks/button/edit.js:660 msgid "Background Color" msgstr "" @@ -366,18 +367,18 @@ msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:201 #: src/blocks/_pro/select-post-list-item/edit.js:66 -#: src/blocks/button/edit.js:209 +#: src/blocks/button/edit.js:212 msgid "Unlink" msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:202 -#: src/blocks/button/edit.js:210 +#: src/blocks/button/edit.js:213 msgid "Input Link URL" msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:241 #: src/blocks/_pro/select-post-list-item/edit.js:102 -#: src/blocks/button/edit.js:249 +#: src/blocks/button/edit.js:252 msgid "Submit" msgstr "" @@ -413,7 +414,7 @@ msgstr "" #: src/blocks/_pro/gridcolcard-item/edit.js:301 #: src/blocks/_pro/icon-card-item/edit.js:128 -#: src/blocks/button/edit.js:235 +#: src/blocks/button/edit.js:238 #: src/blocks/icon/edit.js:254 #: src/blocks/pr-blocks/edit.js:262 #: src/blocks/pr-content/edit.js:131 @@ -479,7 +480,6 @@ msgid "Column header media area" msgstr "" #: src/blocks/_pro/gridcolcard/edit.js:118 -#: src/blocks/button/edit.js:265 msgid "Block ID" msgstr "" @@ -488,7 +488,6 @@ msgid "Update Block ID" msgstr "" #: src/blocks/_pro/gridcolcard/edit.js:133 -#: src/blocks/button/edit.js:271 msgid "This is the identification ID for this block style." msgstr "" @@ -567,7 +566,7 @@ msgstr "" #: src/blocks/_pro/icon-card-item/edit.js:137 #: src/blocks/_pro/step-item/edit.js:76 #: src/blocks/border-box/edit.js:240 -#: src/blocks/button/edit.js:722 +#: src/blocks/button/edit.js:688 #: src/blocks/heading/edit.js:334 #: src/blocks/icon/edit.js:241 #: src/blocks/pr-content/edit.js:197 @@ -581,7 +580,7 @@ msgid "Icon Background:" msgstr "" #: src/blocks/_pro/icon-card-item/edit.js:150 -#: src/blocks/button/edit.js:605 +#: src/blocks/button/edit.js:571 #: src/blocks/icon-outer/edit.js:204 #: src/blocks/icon/edit.js:195 #: src/blocks/pr-blocks/edit.js:285 @@ -589,7 +588,7 @@ msgid "Solid color" msgstr "" #: src/blocks/_pro/icon-card-item/edit.js:154 -#: src/blocks/button/edit.js:618 +#: src/blocks/button/edit.js:584 #: src/blocks/pr-blocks/edit.js:289 msgid "No background" msgstr "" @@ -816,7 +815,7 @@ msgstr "" #: src/blocks/_pro/outer/edit.js:604 #: src/blocks/_pro/slider/edit.js:238 -#: src/blocks/button/edit.js:406 +#: src/blocks/button/edit.js:372 #: src/components/advanced-viewport-control/index.js:39 #: dist/vk-blocks-pro/inc/vk-blocks/admin/admin-margin.php:62 #: inc/vk-blocks/admin/admin-margin.php:62 @@ -825,7 +824,7 @@ msgstr "" #: src/blocks/_pro/outer/edit.js:619 #: src/blocks/_pro/slider/edit.js:227 -#: src/blocks/button/edit.js:471 +#: src/blocks/button/edit.js:437 #: src/components/advanced-viewport-control/index.js:31 #: dist/vk-blocks-pro/inc/vk-blocks/admin/admin-margin.php:61 #: inc/vk-blocks/admin/admin-margin.php:61 @@ -834,7 +833,7 @@ msgstr "" #: src/blocks/_pro/outer/edit.js:634 #: src/blocks/_pro/slider/edit.js:216 -#: src/blocks/button/edit.js:536 +#: src/blocks/button/edit.js:502 #: src/components/advanced-viewport-control/index.js:25 #: dist/vk-blocks-pro/inc/vk-blocks/admin/admin-margin.php:60 #: inc/vk-blocks/admin/admin-margin.php:60 @@ -1036,7 +1035,7 @@ msgid "Navigation Position" msgstr "" #: src/blocks/_pro/slider/edit.js:370 -#: src/blocks/button/edit.js:364 +#: src/blocks/button/edit.js:330 #: src/components/display-items-control/index.js:127 msgid "Center" msgstr "" @@ -1066,7 +1065,7 @@ msgstr "" #: src/blocks/_pro/step-item/edit.js:96 #: src/blocks/_pro/timeline-item/edit.js:69 #: src/blocks/border-box/edit.js:204 -#: src/blocks/button/edit.js:640 +#: src/blocks/button/edit.js:606 #: src/blocks/icon/edit.js:261 #: src/blocks/staff/edit.js:199 #: dist/vk-blocks-pro/inc/term-color/package/class.term-color.php:41 @@ -1090,6 +1089,95 @@ msgstr "" msgid "First Dot Number" msgstr "" +#: src/blocks/_pro/tab-item/index.js:17 +msgid "Tab Item" +msgstr "" + +#. Tab label [i] +#: src/blocks/_pro/tab/edit.js:159 +msgid "Tab Label [ %s ]" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:201 +msgid "Tab size Setting" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:203 +msgid "Tab Size ( Extra small )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:236 +msgid "Tab Size ( Small )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:269 +msgid "Tab Size ( Mediium )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:302 +msgid "Tab Size ( Large )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:335 +msgid "Tab Size ( Extra large )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:368 +msgid "Tab Size ( XX Large )" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:372 +msgid "Fit Text" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:376 +msgid "Fit full Width" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:380 +msgid "Equal 1 Column" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:384 +msgid "Equal 2 Column" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:388 +msgid "Equal 3 Column" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:392 +msgid "Equal 4 Column" +msgstr "" + +#: src/blocks/_pro/tab/index.js:55 +msgid "Tab" +msgstr "" + +#: src/blocks/_pro/tab/index.js:65 +msgid "Normal No Frame" +msgstr "" + +#: src/blocks/_pro/tab/index.js:69 +msgid "Speech Balloon" +msgstr "" + +#: src/blocks/_pro/tab/index.js:73 +msgid "Speech Balloon No Frame" +msgstr "" + +#: src/blocks/_pro/tab/index.js:77 +msgid "Line" +msgstr "" + +#: src/blocks/_pro/tab/index.js:81 +msgid "Line No Frame" +msgstr "" + +#: src/blocks/_pro/tab/index.js:85 +msgid "Line Simple" +msgstr "" + #: src/blocks/_pro/table-of-contents-new/deprecated/0.59.1/save.js:19 #: src/blocks/_pro/table-of-contents-new/edit.js:178 #: src/blocks/_pro/table-of-contents-new/save.js:16 @@ -1135,28 +1223,28 @@ msgid "Style Settings" msgstr "" #: src/blocks/alert/edit.js:25 -#: src/blocks/button/edit.js:654 +#: src/blocks/button/edit.js:620 #: src/blocks/pr-content/edit.js:165 #: src/extensions/core/group/style.js:138 msgid "Success" msgstr "" #: src/blocks/alert/edit.js:28 -#: src/blocks/button/edit.js:658 +#: src/blocks/button/edit.js:624 #: src/blocks/pr-content/edit.js:168 #: src/extensions/core/group/style.js:134 msgid "Info" msgstr "" #: src/blocks/alert/edit.js:30 -#: src/blocks/button/edit.js:662 +#: src/blocks/button/edit.js:628 #: src/blocks/pr-content/edit.js:170 #: src/extensions/core/group/style.js:142 msgid "Warning" msgstr "" #: src/blocks/alert/edit.js:34 -#: src/blocks/button/edit.js:666 +#: src/blocks/button/edit.js:632 #: src/blocks/pr-content/edit.js:174 #: src/extensions/core/group/style.js:146 msgid "Danger" @@ -1196,14 +1284,14 @@ msgid "Please specify the layout of the balloon." msgstr "" #: src/blocks/balloon/edit.js:426 -#: src/blocks/button/edit.js:354 +#: src/blocks/button/edit.js:320 #: src/blocks/pr-content/edit.js:237 #: src/components/display-items-control/index.js:123 msgid "Left" msgstr "" #: src/blocks/balloon/edit.js:438 -#: src/blocks/button/edit.js:374 +#: src/blocks/button/edit.js:340 #: src/blocks/pr-content/edit.js:236 #: src/components/display-items-control/index.js:131 msgid "Right" @@ -1327,38 +1415,26 @@ msgstr "" msgid "Solid Angle iconFeature" msgstr "" -#: src/blocks/button/edit.js:262 +#: src/blocks/button/edit.js:265 msgid "Button setting" msgstr "" -#: src/blocks/button/edit.js:277 -msgid "If you don't use custom colors, you don't have to worry about it." -msgstr "" - -#: src/blocks/button/edit.js:284 -msgid "If you duplicate this block, please change the ID." -msgstr "" - -#: src/blocks/button/edit.js:291 -msgid "This ID is'not id of HTML attribute." -msgstr "" - -#: src/blocks/button/edit.js:301 +#: src/blocks/button/edit.js:267 msgid "Sub Caption" msgstr "" -#: src/blocks/button/edit.js:311 +#: src/blocks/button/edit.js:277 msgid "Button Size:" msgstr "" -#: src/blocks/button/edit.js:320 +#: src/blocks/button/edit.js:286 #: src/blocks/spacer/edit.js:105 #: dist/vk-blocks-pro/inc/vk-blocks/vk-blocks-functions.php:31 #: inc/vk-blocks/vk-blocks-functions.php:31 msgid "Large" msgstr "" -#: src/blocks/button/edit.js:336 +#: src/blocks/button/edit.js:302 #: src/blocks/spacer/edit.js:85 #: src/extensions/common/inline-font-size/index.js:84 #: dist/vk-blocks-pro/inc/vk-blocks/vk-blocks-functions.php:23 @@ -1366,100 +1442,100 @@ msgstr "" msgid "Small" msgstr "" -#: src/blocks/button/edit.js:343 +#: src/blocks/button/edit.js:309 msgid "Button Position:" msgstr "" -#: src/blocks/button/edit.js:384 +#: src/blocks/button/edit.js:350 msgid "Wide" msgstr "" -#: src/blocks/button/edit.js:394 +#: src/blocks/button/edit.js:360 msgid "Block" msgstr "" -#: src/blocks/button/edit.js:403 +#: src/blocks/button/edit.js:369 msgid "Button Width:" msgstr "" -#: src/blocks/button/edit.js:550 +#: src/blocks/button/edit.js:516 msgid "25%" msgstr "" -#: src/blocks/button/edit.js:563 +#: src/blocks/button/edit.js:529 msgid "50%" msgstr "" -#: src/blocks/button/edit.js:576 +#: src/blocks/button/edit.js:542 msgid "75%" msgstr "" -#: src/blocks/button/edit.js:589 +#: src/blocks/button/edit.js:555 msgid "100%" msgstr "" -#: src/blocks/button/edit.js:596 +#: src/blocks/button/edit.js:562 msgid "Button Style:" msgstr "" -#: src/blocks/button/edit.js:631 +#: src/blocks/button/edit.js:597 msgid "Text only" msgstr "" -#: src/blocks/button/edit.js:635 +#: src/blocks/button/edit.js:601 msgid "If you select \"No background\", that you need to select a Custom Color." msgstr "" -#: src/blocks/button/edit.js:642 +#: src/blocks/button/edit.js:608 msgid "Default Color (Bootstrap)" msgstr "" -#: src/blocks/button/edit.js:646 +#: src/blocks/button/edit.js:612 #: src/blocks/pr-content/edit.js:157 msgid "Primary" msgstr "" -#: src/blocks/button/edit.js:650 +#: src/blocks/button/edit.js:616 #: src/blocks/pr-content/edit.js:161 msgid "Secondary" msgstr "" -#: src/blocks/button/edit.js:670 +#: src/blocks/button/edit.js:636 #: src/blocks/pr-content/edit.js:177 msgid "Light" msgstr "" -#: src/blocks/button/edit.js:674 +#: src/blocks/button/edit.js:640 #: src/blocks/pr-content/edit.js:178 msgid "Dark" msgstr "" -#: src/blocks/button/edit.js:687 +#: src/blocks/button/edit.js:653 msgid "Custom Color" msgstr "" -#: src/blocks/button/edit.js:695 +#: src/blocks/button/edit.js:661 #: src/blocks/pr-content/edit.js:186 msgid "Button Color" msgstr "" -#: src/blocks/button/edit.js:697 +#: src/blocks/button/edit.js:663 msgid "This color palette overrides the default color. If you want to use the default color, click the clear button." msgstr "" -#: src/blocks/button/edit.js:729 +#: src/blocks/button/edit.js:695 #: src/blocks/heading/edit.js:337 #: src/blocks/pr-content/edit.js:204 msgid "Before text" msgstr "" -#: src/blocks/button/edit.js:738 +#: src/blocks/button/edit.js:704 #: src/blocks/heading/edit.js:346 #: src/blocks/pr-content/edit.js:216 msgid "After text" msgstr "" -#: src/blocks/button/edit.js:767 +#: src/blocks/button/edit.js:733 msgid "Input text" msgstr "" diff --git a/src/blocks/_pro/tab-item/block.json b/src/blocks/_pro/tab-item/block.json new file mode 100644 index 000000000..5b476e883 --- /dev/null +++ b/src/blocks/_pro/tab-item/block.json @@ -0,0 +1,23 @@ +{ + "apiVersion": 2, + "name": "vk-blocks/tab-item", + "category": "vk-blocks-cat", + "parent": ["vk-blocks/tab"], + "attributes": { + "tabLabel": { + "type": "string", + "default": "" + }, + "clientId": { + "type": "string", + "default": "" + }, + "tabBodyActive": { + "type": "boolean", + "default": false + } + }, + "supports": { + "className": true + } +} diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js new file mode 100644 index 000000000..471d031a0 --- /dev/null +++ b/src/blocks/_pro/tab-item/edit.js @@ -0,0 +1,42 @@ +import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; +import { useEffect } from '@wordpress/element'; +import { dispatch } from '@wordpress/data'; + +export default function TabItemEdit(props) { + const { attributes, setAttributes, clientId } = props; + const { tabBodyActive } = attributes; + attributes.clientId = clientId; + + const { updateBlockAttributes } = dispatch('core/block-editor'); + + if (tabBodyActive === undefined) { + setAttributes({ tabBodyActive: false }); + } + + useEffect(() => { + if (clientId) { + updateBlockAttributes(clientId, { clientId }); + } + }, [clientId]); + + let activeBodyClass = ''; + if (tabBodyActive === true) { + activeBodyClass = 'vk_tab_bodys_body-state-active'; + } + + const blockProps = useBlockProps({ + className: `vk_tab_bodys_body ${activeBodyClass}`, + id: `vk_tab_bodys_body-${clientId}`, + }); + + return ( + <> +
+ +
+ + ); +} diff --git a/src/blocks/_pro/tab-item/icon.svg b/src/blocks/_pro/tab-item/icon.svg new file mode 100644 index 000000000..a02064cf1 --- /dev/null +++ b/src/blocks/_pro/tab-item/icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/blocks/_pro/tab-item/index.js b/src/blocks/_pro/tab-item/index.js new file mode 100644 index 000000000..6a4fdba17 --- /dev/null +++ b/src/blocks/_pro/tab-item/index.js @@ -0,0 +1,21 @@ +/** + * Tab Block + * + */ +import { ReactComponent as Icon } from './icon.svg'; +import { __ } from '@wordpress/i18n'; + +import edit from './edit'; +import metadata from './block.json'; +import save from './save'; + +const { name } = metadata; + +export { metadata, name }; + +export const settings = { + title: __('Tab Item', 'vk-blocks'), // Block title. + icon: , // Block icon from Dashicons → https://developer.wordpress.org/resource/dashicons/. + edit, + save, +}; diff --git a/src/blocks/_pro/tab-item/index.php b/src/blocks/_pro/tab-item/index.php new file mode 100644 index 000000000..fd16a14df --- /dev/null +++ b/src/blocks/_pro/tab-item/index.php @@ -0,0 +1,34 @@ + 'vk-blocks/tab-item', + 'editor_style' => 'vk-blocks-build-editor-css', + 'editor_script' => 'vk-blocks-build-js', + ) + ); +} +add_action( 'init', 'vk_blocks_register_block_tab_item', 99 ); diff --git a/src/blocks/_pro/tab-item/save.js b/src/blocks/_pro/tab-item/save.js new file mode 100644 index 000000000..432481335 --- /dev/null +++ b/src/blocks/_pro/tab-item/save.js @@ -0,0 +1,22 @@ +import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; + +export default function save(props) { + const { attributes } = props; + const { clientId, tabBodyActive } = attributes; + + let activeBodyClass = ''; + if (tabBodyActive === true) { + activeBodyClass = 'vk_tab_bodys_body-state-active'; + } + + const blockProps = useBlockProps.save({ + className: `vk_tab_bodys_body ${activeBodyClass}`, + id: `vk_tab_bodys_body-${clientId}`, + }); + + return ( +
+ +
+ ); +} diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab-item/style.scss new file mode 100644 index 000000000..adf681cb1 --- /dev/null +++ b/src/blocks/_pro/tab-item/style.scss @@ -0,0 +1,271 @@ +/*-------------------------------------------*/ +/* CSS +/*-------------------------------------------*/ +:root { + --vk-color-border: rgba(0,0,0,.12); + --vk-size-text: 16px; + --vk-color-bg-accent-wh: rgba(255,255,255,0.65); + --default-color:#337ab7; +} +@mixin speechーballoon-li-after { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(136, 183, 213, 0); + border-top-color: var(--default-color); + border-width: 10px; + margin-left: -10px; +} + +@mixin no-frame { + .vk_tab_bodys{ + border: none; + padding-right: 0; + padding-left:0; + background-color: transparent; + } +} + + +@mixin line { + .vk_tab_labels .vk_tab_labels_label{ + color: inherit; + background: none; + background-color: var(--vk-color-bg-accent-wh); + margin-left: 0; + margin-right: 0; + border-top: 1px solid var(--vk-color-border); + border-left: 1px solid var(--vk-color-border); + border-radius: 0; + &:last-child{ + border-right: 1px solid var(--vk-color-border); + } + &::before,&::after{ + position: absolute; + bottom: 0; + left: 0; + display: block; + width: 100%; + content: ""; + } + &::before{ + bottom:0; + z-index: 0; + height: 1px; + background-color: var(--vk-color-border); + } + &::after{ + top:0; + bottom: unset; + transition: all .5s ease-out; + } + &:hover{ + color:var(--default-color); + background-color: var(--vk-color-bg-accent-wh); + &::before{ + bottom:0; + z-index: 0; + height: 1px; + background-color: var(--vk-color-bg-accent-wh); + } + &::after{ + z-index: 1; + height: 2px; + background-color: var(--default-color); + transition: all .5s ease-out; + } + } + + &.vk_tab_labels_label-state-active{ + color:var(--default-color); + background-color: var(--vk-color-bg-accent-wh); + &::before{ + // content: none; + background-color: #fff; + } + &::after{ + z-index: 1; + height: 2px; + background-color: var(--default-color); + } + + } + + } + +} + + + +/* style +--------------------------------------------*/ +.is-style-vk_tab_labels{ + + &-normal-no-frame{ + @include no-frame(); + } + &-speechーballoon{ + .vk_tab_labels_label.vk_tab_labels_label-state-active::after{ + @include speechーballoon-li-after(); + } + } + &-speechーballoon-no-frame{ + .vk_tab_labels_label.vk_tab_labels_label-state-active::after{ + @include speechーballoon-li-after(); + } + @include no-frame(); + } + &-line{ + @include line(); + .vk_tab_labels{ + margin-bottom:-1px; + } + .vk_tab_bodys{ + border-top:1px solid var(--vk-color-border); + background-color: var(--vk-color-bg-accent-wh); + } + } + &-line-no-frame{ + @include line(); + .vk_tab_labels { + margin-bottom: -1px; + } + @include no-frame(); + } + &-line-simple{ + .vk_tab_labels .vk_tab_labels_label{ + color: inherit; + background: none; + background-color: transparent; + margin-left: 0; + margin-right: 0; + &::before,&::after{ + position: absolute; + bottom: 0; + left: 0; + display: block; + width: 100%; + content: ""; + } + &::before{ + z-index: 0; + height: 1px; + background-color: var(--vk-color-border); + } + &:hover{ + color:var(--default-color); + background-color: transparent; + &::after{ + z-index: 1; + height: 2px; + background-color: var(--default-color); + transition: all .5s ease-out; + } + } + + &.vk_tab_labels_label-state-active{ + color:var(--default-color); + background-color: transparent; + &::after{ + z-index: 1; + height: 2px; + background-color: var(--default-color); + } + + } + + } + @include no-frame(); + } + +} + +/* default style +--------------------------------------------*/ +.vk_tab{ + margin-bottom: calc( var(--vk-size-text) * 2); + &_labels{ + + padding: 0; + margin: 0; + display: flex; + .vk_tab_labels_label{ + // flex-grow: 1; + background-color: var(--default-color); + position: relative; + list-style: none; + text-align: center; + transition: all .5s ease-out; + + padding: calc( var(--vk-size-text) * 0.5 ) calc( var(--vk-size-text) * 1 ); + cursor: pointer; + background-color: rgba(0,0,0,.08); + border-radius:calc( var(--vk-size-text) * 0.3 ) calc( var(--vk-size-text) * 0.3 ) 0 0; + margin:0 calc( var(--vk-size-text) * 0.15 ); + line-height: 1.5; + &:hover{ + background-color: var(--default-color); + color: #fff; + } + + &:first-child{ + margin-left:0; + } + &:last-child{ + margin-right: 0; + } + &.vk_tab_labels_label-state-active{ + background-color: var(--default-color); + // font-weight: bold; + color: #fff; + } + } + + } + +} +.vk_tab_bodys{ + border-top: 2px solid var(--default-color); + border-right: 1px solid var(--vk-color-border); + border-bottom: 1px solid var(--vk-color-border); + border-left: 1px solid var(--vk-color-border); + padding: calc( var(--vk-size-text) * 1); + background-color: var(--vk-color-bg-accent-wh); + @media (min-width: 768px){ + padding: calc( var(--vk-size-text) * 2); + } + .vk_tab_bodys_body { + display: none; + &.vk_tab_bodys_body-state-active{ + display: block; + } + } +} + +/* 編集画面 +/*-------------------------------------------*/ +.editor-styles-wrapper{ + .vk_tab{ + position: relative; + &.is-style-vk_tab_labels-line .vk_tab_labels { + margin-bottom: -1px; + } + ul.vk_tab_labels{ + margin:0; + padding: 0; + } + .block-list-appender{ + position: absolute; + top: calc(var(--vk-size-text) * -6 ); + right: calc(var(--vk-size-text) * 0 ); + + + } + } + +} \ No newline at end of file diff --git a/src/blocks/_pro/tab/block.json b/src/blocks/_pro/tab/block.json new file mode 100644 index 000000000..05e8bdc6f --- /dev/null +++ b/src/blocks/_pro/tab/block.json @@ -0,0 +1,50 @@ +{ + "apiVersion": 2, + "name": "vk-blocks/tab", + "category": "vk-blocks-cat", + "attributes": { + "clientId": { + "type": "string", + "default": "" + }, + "tabListHtml": { + "type": "string", + "default": "" + }, + "firstActive": { + "type": "number", + "default": 0 + }, + "tabSizeXs": { + "type": "string", + "default": "text" + }, + "tabSizeSm": { + "type": "string", + "default": "text" + }, + "tabSizeMd": { + "type": "string", + "default": "text" + }, + "tabSizeLg": { + "type": "string", + "default": "text" + }, + "tabSizeXl": { + "type": "string", + "default": "text" + }, + "tabSizeXxl": { + "type": "string", + "default": "text" + }, + "activeColor": { + "type": "string", + "default": null + } + }, + "supports": { + "className": true + } +} diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js new file mode 100644 index 000000000..9eaecebe8 --- /dev/null +++ b/src/blocks/_pro/tab/edit.js @@ -0,0 +1,413 @@ +import { + InnerBlocks, + useBlockProps, + RichText, + InspectorControls, +} from '@wordpress/block-editor'; +import { PanelBody, RadioControl } from '@wordpress/components'; +import { useEffect } from '@wordpress/element'; +import { select, dispatch } from '@wordpress/data'; +import { renderToStaticMarkup } from 'react-dom/server'; +import { __, sprintf } from '@wordpress/i18n'; + +export default function TabEdit(props) { + const { attributes, setAttributes, clientId } = props; + const { + firstActive, + tabSizeXs, + tabSizeSm, + tabSizeMd, + tabSizeLg, + tabSizeXl, + tabSizeXxl, + } = attributes; + attributes.clientId = clientId; + + const ALLOWED_BLOCKS = ['vk-blocks/tab-item']; + const TEMPLATE = [ + ['vk-blocks/tab-item', { tabBodyActive: true }], + ['vk-blocks/tab-item', { tabBodyActive: false }], + ]; + + const { updateBlockAttributes } = dispatch('core/block-editor'); + + useEffect(() => { + if (clientId) { + updateBlockAttributes(clientId, { clientId }); + } + }, [clientId]); + + const parentBlock = + select('core/block-editor').getBlocksByClientId(clientId); + + useEffect(() => { + if (parentBlock && parentBlock[0] && parentBlock[0].innerBlocks) { + const childBlocks = parentBlock[0].innerBlocks; + childBlocks.forEach((childBlock, index) => { + if (firstActive === index) { + updateBlockAttributes(childBlock.clientId, { + tabBodyActive: true, + }); + } else { + updateBlockAttributes(childBlock.clientId, { + tabBodyActive: false, + }); + } + }); + } + }, [parentBlock, firstActive]); + + const liOnClick = (e) => { + if (parentBlock && parentBlock[0] && parentBlock[0].innerBlocks) { + const childBlocks = parentBlock[0].innerBlocks; + const vkTab = e.target.closest('.vk_tab'); + const vkTabLabels = vkTab.querySelector('.vk_tab_labels'); + + // ブロック ID を抽出 + const TabLabelId = e.target.id; + const TabId = TabLabelId.replace('vk_tab_labels_label-', ''); + + /* ラベルの処理 */ + // カレントを探して全て外す + const activeLabels = vkTabLabels.querySelectorAll( + '.vk_tab_labels_label-state-active' + ); + Array.prototype.forEach.call(activeLabels, (activeLabel) => { + activeLabel.classList.remove( + 'vk_tab_labels_label-state-active' + ); + }); + + // クリックされた要素にアクティブを追加 + vkTabLabels + .querySelector(`#vk_tab_labels_label-${TabId}`) + .classList.add('vk_tab_labels_label-state-active'); + + /* 本体の処理 */ + childBlocks.forEach((childBlock, index) => { + if (TabId === childBlock.clientId) { + updateBlockAttributes(clientId, { + firstActive: parseInt(index, 10), + }); + } + }); + } + }; + + const tabSizePrefix = 'vk_tab_labels-tabSize-col-'; + + const tabSizes = [ + { + name: 'xs', + attribute: tabSizeXs, + }, + { + name: 'sm', + attribute: tabSizeSm, + }, + { + name: 'md', + attribute: tabSizeMd, + }, + { + name: 'lg', + attribute: tabSizeLg, + }, + { + name: 'xl', + attribute: tabSizeXl, + }, + { + name: 'xxl', + attribute: tabSizeXxl, + }, + ]; + + let tabListClassName = `vk_tab_labels`; + tabSizes.forEach((tabSize) => { + if (tabSize.attribute !== null && tabSize.attribute !== undefined) { + tabListClassName += ` ${tabSizePrefix}-${tabSize.name}-${tabSize.attribute}`; + } + }); + + let tabList = ''; + let tablabelsEditList = ''; + let tablabelsEdit = ''; + let tablabels = ''; + if (parentBlock && parentBlock[0] && parentBlock[0].innerBlocks) { + const childBlocks = parentBlock[0].innerBlocks; + tablabelsEditList = childBlocks.map((childBlock, index) => { + let activeLabelClass = ''; + if (firstActive === index) { + activeLabelClass = 'vk_tab_labels_label-state-active'; + } + + return ( + { + updateBlockAttributes(childBlock.clientId, { + tabLabel: content, + }); + }} + placeholder={ + // translators: Tab label [i] + sprintf(__('Tab Label [ %s ]'), index + 1) + } + onClick={(e) => { + liOnClick(e); + }} + /> + ); + }); + tablabelsEdit = ( +
    {tablabelsEditList}
+ ); + tablabels = childBlocks.map((childBlock, index) => { + let activeLabelClass = ''; + if (firstActive === index) { + activeLabelClass = 'vk_tab_labels_label-state-active'; + } + return ( +
  • + {childBlock.attributes.tabLabel} +
    • + ); + }); + + tabList =
      {tablabels}
    ; + } + + useEffect(() => { + setAttributes({ tabListHtml: renderToStaticMarkup(tabList) }); + }, [parentBlock, tabList]); + + const blockProps = useBlockProps({ + className: `vk_tab`, + id: `vk-tab-id-${clientId}`, + }); + + return ( + <> + + + + setAttributes({ tabSizeXs: value }) + } + /> + + setAttributes({ tabSizeSm: value }) + } + /> + + setAttributes({ tabSizeMd: value }) + } + /> + + setAttributes({ tabSizeLg: value }) + } + /> + + setAttributes({ tabSizeXl: value }) + } + /> + + setAttributes({ tabSizeXxl: value }) + } + /> + + +
    + {tablabelsEdit} +
    + +
    +
    + + ); +} diff --git a/src/blocks/_pro/tab/enque-front.js b/src/blocks/_pro/tab/enque-front.js new file mode 100644 index 000000000..9524a34ee --- /dev/null +++ b/src/blocks/_pro/tab/enque-front.js @@ -0,0 +1,39 @@ +const vkTabs = document.querySelectorAll('.vk_tab'); + +Array.prototype.forEach.call(vkTabs, (vkTab) => { + const vkTabLabels = vkTab.querySelector('.vk_tab_labels'); + const vkTabLabel = vkTab.querySelectorAll('.vk_tab_labels_label'); + const vkTabBodies = vkTab.querySelector('.vk_tab_bodys'); + + Array.prototype.forEach.call(vkTabLabel, (TabLabel) => { + TabLabel.addEventListener('click', (e) => { + // ブロック ID を抽出 + const TabLabelId = e.path[0].id; + const TabId = TabLabelId.replace('vk_tab_labels_label-', ''); + + // カレントを探して全て外す + const activeLabels = vkTabLabels.querySelectorAll( + '.vk_tab_labels_label-state-active' + ); + Array.prototype.forEach.call(activeLabels, (activeLabel) => { + activeLabel.classList.remove( + 'vk_tab_labels_label-state-active' + ); + }); + const activeBodies = vkTabBodies.querySelectorAll( + '.vk_tab_bodys_body-state-active' + ); + Array.prototype.forEach.call(activeBodies, (activeBody) => { + activeBody.classList.remove('vk_tab_bodys_body-state-active'); + }); + + // クリックされた要素にアクティブを追加 + vkTabLabels + .querySelector(`#vk_tab_labels_label-${TabId}`) + .classList.add('vk_tab_labels_label-state-active'); + vkTabBodies + .querySelector(`#vk_tab_bodys_body-${TabId}`) + .classList.add('vk_tab_bodys_body-state-active'); + }); + }); +}); diff --git a/src/blocks/_pro/tab/icon.svg b/src/blocks/_pro/tab/icon.svg new file mode 100644 index 000000000..a02064cf1 --- /dev/null +++ b/src/blocks/_pro/tab/icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/blocks/_pro/tab/index.js b/src/blocks/_pro/tab/index.js new file mode 100644 index 000000000..854f894b8 --- /dev/null +++ b/src/blocks/_pro/tab/index.js @@ -0,0 +1,91 @@ +/** + * Tab Block + * + */ +import { ReactComponent as Icon } from './icon.svg'; +import { __ } from '@wordpress/i18n'; + +// import { content, title } from '@vkblocks/utils/example-data'; +import edit from './edit'; +import metadata from './block.json'; +import save from './save'; + +const { name } = metadata; + +export { metadata, name }; + +/* +const example = { + innerBlocks: [ + { + name: 'vk-blocks/tab-item', + attributes: { + tabLabel: title, + tabBodyActive: true, + }, + innerBlocks: [ + { + name: 'core/paragraph', + attributes: { + content, + }, + }, + ], + }, + { + name: 'vk-blocks/tab-item', + attributes: { + tabLabel: title, + tabBodyActive: false, + }, + innerBlocks: [ + { + name: 'core/paragraph', + attributes: { + content, + }, + }, + ], + }, + ], +}; +*/ + +export const settings = { + title: __('Tab', 'vk-blocks'), // Block title. + icon: , // Block icon from Dashicons → https://developer.wordpress.org/resource/dashicons/. + styles: [ + { + name: 'vk_tab_labels-normal', + label: __('Normal', 'vk-blocks'), + isDefault: true, + }, + { + name: 'vk_tab_labels-normal-no-frame', + label: __('Normal No Frame', 'vk-blocks'), + }, + { + name: 'vk_tab_labels-speechーballoon', + label: __('Speech Balloon', 'vk-blocks'), + }, + { + name: 'vk_tab_labels-speechーballoon-no-frame', + label: __('Speech Balloon No Frame', 'vk-blocks'), + }, + { + name: 'vk_tab_labels-line', + label: __('Line', 'vk-blocks'), + }, + { + name: 'vk_tab_labels-line-no-frame', + label: __('Line No Frame', 'vk-blocks'), + }, + { + name: 'vk_tab_labels-line-simple', + label: __('Line Simple', 'vk-blocks'), + }, + ], + // example, + edit, + save, +}; diff --git a/src/blocks/_pro/tab/index.php b/src/blocks/_pro/tab/index.php new file mode 100644 index 000000000..488de6650 --- /dev/null +++ b/src/blocks/_pro/tab/index.php @@ -0,0 +1,23 @@ + 'vk-blocks/tab', + 'editor_style' => 'vk-blocks-build-editor-css', + 'editor_script' => 'vk-blocks-build-js', + ) + ); +} +add_action( 'init', 'vk_blocks_register_block_tab', 99 ); diff --git a/src/blocks/_pro/tab/save.js b/src/blocks/_pro/tab/save.js new file mode 100644 index 000000000..73736a9c4 --- /dev/null +++ b/src/blocks/_pro/tab/save.js @@ -0,0 +1,26 @@ +import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; +import parse from 'html-react-parser'; + +export default function save(props) { + const { attributes } = props; + const { clientId, tabListHtml } = attributes; + + let tablist = ''; + if (tabListHtml) { + tablist = parse(tabListHtml); + } + + const blockProps = useBlockProps.save({ + className: `vk_tab`, + id: `vk-tab-id-${clientId}`, + }); + + return ( +
    + {tablist} +
    + +
    +
    + ); +} diff --git a/src/blocks/bundle-pro.js b/src/blocks/bundle-pro.js index 68b866f6c..9d9d8b63f 100644 --- a/src/blocks/bundle-pro.js +++ b/src/blocks/bundle-pro.js @@ -30,6 +30,8 @@ import * as stepItem from './_pro/step-item'; import * as tableofContentsNew from './_pro/table-of-contents-new'; import * as timeline from './_pro/timeline'; import * as timelineItem from './_pro/timeline-item'; +import * as tab from './_pro/tab'; +import * as tabItem from './_pro/tab-item'; const vkblocksPro = [ accordion, @@ -61,6 +63,8 @@ const vkblocksPro = [ tableofContentsNew, timeline, timelineItem, + tab, + tabItem, ]; export default vkblocksPro; From 76e78a76f1ad00aae475de7b4eb038ad421d8935 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sat, 30 Apr 2022 22:03:42 +0900 Subject: [PATCH 02/64] add :tab --- gulpfile.js | 4 ++++ inc/vk-blocks-pro/vk-blocks-pro-functions.php | 3 +++ inc/vk-blocks/languages/vk-blocks.pot | 2 +- src/blocks/_pro/tab/index.php | 13 +++++++++++++ src/blocks/_pro/tab/{enque-front.js => view.js} | 0 5 files changed, 21 insertions(+), 1 deletion(-) rename src/blocks/_pro/tab/{enque-front.js => view.js} (100%) diff --git a/gulpfile.js b/gulpfile.js index a02134ca7..09d8f2941 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -53,6 +53,10 @@ gulp.task('helper-js-pro', (done) => { .pipe(uglify()) .pipe(rename('vk-slider.min.js')) .pipe(gulp.dest('./build/')); + gulp.src('src/blocks/_pro/tab/view.js') + .pipe(uglify()) + .pipe(rename('vk-tab.min.js')) + .pipe(gulp.dest('./build/')); done(); }); diff --git a/inc/vk-blocks-pro/vk-blocks-pro-functions.php b/inc/vk-blocks-pro/vk-blocks-pro-functions.php index bb2f4533c..a293e5af7 100644 --- a/inc/vk-blocks-pro/vk-blocks-pro-functions.php +++ b/inc/vk-blocks-pro/vk-blocks-pro-functions.php @@ -49,5 +49,8 @@ function vk_blocks_pro_load_scripts() { wp_enqueue_style( 'vk-swiper-style', $vk_swiper_url . 'assets/css/swiper.min.css', array(), SWIPER_VERSION ); wp_enqueue_script( 'vk-blocks-slider', VK_BLOCKS_DIR_URL . 'build/vk-slider.min.js', array( 'vk-swiper-script' ), VK_BLOCKS_VERSION, true ); + + // Tab Block + wp_enqueue_script( 'vk-blocks-tab', VK_BLOCKS_DIR_URL . 'build/vk-tab.min.js', array(), VK_BLOCKS_VERSION, true ); } add_action( 'wp_enqueue_scripts', 'vk_blocks_pro_load_scripts' ); diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index dc9119333..2725a25ad 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-04-28T08:57:15+00:00\n" +"POT-Creation-Date: 2022-04-30T12:27:07+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.5.0-alpha-3f4c34b\n" "X-Domain: vk-blocks\n" diff --git a/src/blocks/_pro/tab/index.php b/src/blocks/_pro/tab/index.php index 488de6650..5a3ff88d2 100644 --- a/src/blocks/_pro/tab/index.php +++ b/src/blocks/_pro/tab/index.php @@ -11,10 +11,23 @@ * @return void */ function vk_blocks_register_block_tab() { + + // Register Style. + if ( ! is_admin() ) { + wp_register_script( + 'vk-blocks/tab-script', + VK_BLOCKS_DIR_URL . 'build/vk-tab.min.js', + array(), + VK_BLOCKS_VERSION, + true + ); + } + register_block_type( __DIR__, array( 'style' => 'vk-blocks/tab', + 'script' => 'vk-blocks/tab-script', 'editor_style' => 'vk-blocks-build-editor-css', 'editor_script' => 'vk-blocks-build-js', ) diff --git a/src/blocks/_pro/tab/enque-front.js b/src/blocks/_pro/tab/view.js similarity index 100% rename from src/blocks/_pro/tab/enque-front.js rename to src/blocks/_pro/tab/view.js From f4e06bbef59752f5abbd481ca0c27d0119e2852f Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sun, 1 May 2022 03:31:34 +0900 Subject: [PATCH 03/64] fix : css --- editor-css/_editor_before.scss | 2 + editor-css/_editor_before_tab.scss | 22 +++++ src/blocks/_pro/tab-item/style.scss | 131 ++++++++++++++++++++++------ 3 files changed, 126 insertions(+), 29 deletions(-) create mode 100644 editor-css/_editor_before_tab.scss diff --git a/editor-css/_editor_before.scss b/editor-css/_editor_before.scss index b5239ec2d..19c82fb32 100644 --- a/editor-css/_editor_before.scss +++ b/editor-css/_editor_before.scss @@ -224,6 +224,8 @@ div[data-type="vk-blocks/page-content"].is-selected{ // アニメーションブロックの識別用枠線 @import "./editor_before_animation"; +@import "./editor_before_tab"; + // アイコンカードの見出しがテーマの見出し指定機能に負けるので上書き @import "./editor_before_icon-card"; diff --git a/editor-css/_editor_before_tab.scss b/editor-css/_editor_before_tab.scss new file mode 100644 index 000000000..ca5f49344 --- /dev/null +++ b/editor-css/_editor_before_tab.scss @@ -0,0 +1,22 @@ +/* 編集画面 +/*-------------------------------------------*/ +.editor-styles-wrapper{ + .vk_tab{ + position: relative; + &.is-style-vk_tab_labels-line .vk_tab_labels { + margin-bottom: -1px; + } + ul.vk_tab_labels{ + margin:0; + padding: 0; + li { + margin-bottom:0; + } + } + .block-list-appender{ + position: absolute; + top: calc(var(--vk-size-text) * -6 ); + right: calc(var(--vk-size-text) * 0 ); + } + } +} \ No newline at end of file diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab-item/style.scss index adf681cb1..126794866 100644 --- a/src/blocks/_pro/tab-item/style.scss +++ b/src/blocks/_pro/tab-item/style.scss @@ -7,6 +7,17 @@ --vk-color-bg-accent-wh: rgba(255,255,255,0.65); --default-color:#337ab7; } + +$xs-max: 575.98px; +$sm-max: 767.98px; +$md-max: 991.98px; +$lg-max: 1199.98px; + +$sm-min: 576px; +$md-min: 768px; +$lg-min: 992px; +$xl-min: 1200px; + @mixin speechーballoon-li-after { top: 100%; left: 50%; @@ -190,10 +201,13 @@ .vk_tab{ margin-bottom: calc( var(--vk-size-text) * 2); &_labels{ - + --vk-tab-gap:calc( var(--vk-size-text) * 0.2 ); padding: 0; margin: 0; display: flex; + flex-wrap: wrap; + justify-content: space-between; + // gap:var(--vk-tab-gap); .vk_tab_labels_label{ // flex-grow: 1; background-color: var(--default-color); @@ -201,24 +215,23 @@ list-style: none; text-align: center; transition: all .5s ease-out; - padding: calc( var(--vk-size-text) * 0.5 ) calc( var(--vk-size-text) * 1 ); cursor: pointer; background-color: rgba(0,0,0,.08); border-radius:calc( var(--vk-size-text) * 0.3 ) calc( var(--vk-size-text) * 0.3 ) 0 0; - margin:0 calc( var(--vk-size-text) * 0.15 ); - line-height: 1.5; + // margin:0 calc( var(--vk-size-text) * 0.15 ); + margin:0; + line-height: 1.5; &:hover{ background-color: var(--default-color); color: #fff; - } - - &:first-child{ - margin-left:0; - } - &:last-child{ - margin-right: 0; - } + } + // &:first-child{ + // margin-left:0; + // } + // &:last-child{ + // margin-right: 0; + // } &.vk_tab_labels_label-state-active{ background-color: var(--default-color); // font-weight: bold; @@ -247,25 +260,85 @@ } } -/* 編集画面 -/*-------------------------------------------*/ -.editor-styles-wrapper{ - .vk_tab{ - position: relative; - &.is-style-vk_tab_labels-line .vk_tab_labels { - margin-bottom: -1px; - } - ul.vk_tab_labels{ - margin:0; - padding: 0; - } - .block-list-appender{ - position: absolute; - top: calc(var(--vk-size-text) * -6 ); - right: calc(var(--vk-size-text) * 0 ); +$xs-max: 575.98px; +$sm-max: 767.98px; +$md-max: 991.98px; +$lg-max: 1199.98px; +$sm-min: 576px; +$md-min: 768px; +$lg-min: 992px; +$xl-min: 1200px; +.vk_tab_labels-tabSize-col{ + @media(max-width:$xs-max){ + &--xs-12 li { + width:100%; + } + &--xs-6 li { + width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--xs-4 li { + width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--xs-3 li { + width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + } + } + @media ( min-width:$sm-min ) and ( max-width:$sm-max){ + &--sm-12 li { + width:100%; + } + &--sm-6 li { + width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--sm-4 li { + width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--sm-3 li { + width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + } + } + @media ( min-width:$md-min ) and ( max-width:$md-max){ + &--md-12 li { + width:100%; + } + &--md-6 li { + width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--md-4 li { + width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--md-3 li { + width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + } + } + @media ( min-width:$lg-min ) and ( max-width:$lg-max){ + &--lg-12 li { + width:100%; + } + &--lg-6 li { + width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--lg-4 li { + width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--lg-3 li { + width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + } + } + @media (min-width:1200px){ + &--xl-12 li { + width:100%; + } + &--xl-6 li { + width:calc( 50% - ( var(--vk-tab-gap) / 2 - 1px ) ) ; + } + &--xl-4 li { + width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + } + &--xl-3 li { + width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; } } - } \ No newline at end of file From 7babb9fed5989ed2704d65e26a20ef7908715c5b Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sun, 1 May 2022 12:28:50 +0900 Subject: [PATCH 04/64] =?UTF-8?q?fix=20:=20=E3=82=BF=E3=83=96=E3=81=AECSS?= =?UTF-8?q?=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-blocks/languages/vk-blocks-js.pot | 30 ++++---- inc/vk-blocks/languages/vk-blocks.pot | 32 ++++---- src/blocks/_pro/tab-item/style.scss | 94 +++++++++++++++++++----- src/blocks/_pro/tab/block.json | 4 - src/blocks/_pro/tab/edit.js | 48 ++---------- 5 files changed, 106 insertions(+), 102 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index 30ac6639e..a3ed02ead 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1075,60 +1075,56 @@ msgstr "" msgid "Tab Item" msgstr "" -#: src/blocks/_pro/tab/edit.js:159 +#: src/blocks/_pro/tab/edit.js:154 #. Tab label [i] msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:201 +#: src/blocks/_pro/tab/edit.js:196 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:203 +#: src/blocks/_pro/tab/edit.js:198 msgid "Tab Size ( Extra small )" msgstr "" -#: src/blocks/_pro/tab/edit.js:236 +#: src/blocks/_pro/tab/edit.js:231 msgid "Tab Size ( Small )" msgstr "" -#: src/blocks/_pro/tab/edit.js:269 +#: src/blocks/_pro/tab/edit.js:264 msgid "Tab Size ( Mediium )" msgstr "" -#: src/blocks/_pro/tab/edit.js:302 +#: src/blocks/_pro/tab/edit.js:297 msgid "Tab Size ( Large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:335 +#: src/blocks/_pro/tab/edit.js:330 msgid "Tab Size ( Extra large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:368 -msgid "Tab Size ( XX Large )" -msgstr "" - -#: src/blocks/_pro/tab/edit.js:372 +#: src/blocks/_pro/tab/edit.js:334 msgid "Fit Text" msgstr "" -#: src/blocks/_pro/tab/edit.js:376 +#: src/blocks/_pro/tab/edit.js:338 msgid "Fit full Width" msgstr "" -#: src/blocks/_pro/tab/edit.js:380 +#: src/blocks/_pro/tab/edit.js:342 msgid "Equal 1 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:384 +#: src/blocks/_pro/tab/edit.js:346 msgid "Equal 2 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:388 +#: src/blocks/_pro/tab/edit.js:350 msgid "Equal 3 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:392 +#: src/blocks/_pro/tab/edit.js:354 msgid "Equal 4 Column" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index 2725a25ad..c528ebddd 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-04-30T12:27:07+00:00\n" +"POT-Creation-Date: 2022-05-01T01:49:56+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.5.0-alpha-3f4c34b\n" "X-Domain: vk-blocks\n" @@ -1094,59 +1094,55 @@ msgid "Tab Item" msgstr "" #. Tab label [i] -#: src/blocks/_pro/tab/edit.js:159 +#: src/blocks/_pro/tab/edit.js:154 msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:201 +#: src/blocks/_pro/tab/edit.js:196 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:203 +#: src/blocks/_pro/tab/edit.js:198 msgid "Tab Size ( Extra small )" msgstr "" -#: src/blocks/_pro/tab/edit.js:236 +#: src/blocks/_pro/tab/edit.js:231 msgid "Tab Size ( Small )" msgstr "" -#: src/blocks/_pro/tab/edit.js:269 +#: src/blocks/_pro/tab/edit.js:264 msgid "Tab Size ( Mediium )" msgstr "" -#: src/blocks/_pro/tab/edit.js:302 +#: src/blocks/_pro/tab/edit.js:297 msgid "Tab Size ( Large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:335 +#: src/blocks/_pro/tab/edit.js:330 msgid "Tab Size ( Extra large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:368 -msgid "Tab Size ( XX Large )" -msgstr "" - -#: src/blocks/_pro/tab/edit.js:372 +#: src/blocks/_pro/tab/edit.js:334 msgid "Fit Text" msgstr "" -#: src/blocks/_pro/tab/edit.js:376 +#: src/blocks/_pro/tab/edit.js:338 msgid "Fit full Width" msgstr "" -#: src/blocks/_pro/tab/edit.js:380 +#: src/blocks/_pro/tab/edit.js:342 msgid "Equal 1 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:384 +#: src/blocks/_pro/tab/edit.js:346 msgid "Equal 2 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:388 +#: src/blocks/_pro/tab/edit.js:350 msgid "Equal 3 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:392 +#: src/blocks/_pro/tab/edit.js:354 msgid "Equal 4 Column" msgstr "" diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab-item/style.scss index 126794866..6fff77a0d 100644 --- a/src/blocks/_pro/tab-item/style.scss +++ b/src/blocks/_pro/tab-item/style.scss @@ -207,7 +207,6 @@ $xl-min: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; - // gap:var(--vk-tab-gap); .vk_tab_labels_label{ // flex-grow: 1; background-color: var(--default-color); @@ -272,73 +271,128 @@ $xl-min: 1200px; .vk_tab_labels-tabSize-col{ @media(max-width:$xs-max){ + &--xs-text { + justify-content: flex-start; + } + &--xs-text, + &--xs-fit-width{ + flex-wrap: nowrap; + gap:var(--vk-tab-gap); + } + &--xs-fit-width li { + width:100%; + } &--xs-12 li { width:100%; } &--xs-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 50% - var(--vk-tab-gap) / 2 ); } &--xs-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 33.3% - var(--vk-tab-gap) / 2 ); } &--xs-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 25% - var(--vk-tab-gap) / 2 ); } } - @media ( min-width:$sm-min ) and ( max-width:$sm-max){ + @media ( min-width:$sm-min ){ + &--sm-text { + justify-content: flex-start; + } + &--sm-text, + &--sm-fit-width{ + flex-wrap: nowrap; + gap:var(--vk-tab-gap); + } + &--sm-fit-width li { + width:100%; + } &--sm-12 li { width:100%; } &--sm-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 50% - var(--vk-tab-gap) / 2 ); } &--sm-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 33.3% - var(--vk-tab-gap) / 2 ); } &--sm-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 25% - var(--vk-tab-gap) / 2 ); } } - @media ( min-width:$md-min ) and ( max-width:$md-max){ + @media ( min-width:$md-min ){ + &--md-text { + justify-content: flex-start; + } + &--md-text, + &--md-fit-width{ + flex-wrap: nowrap; + gap:var(--vk-tab-gap); + } + &--md-fit-width li { + width:100%; + } &--md-12 li { width:100%; } &--md-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 50% - var(--vk-tab-gap) / 2 ); } &--md-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 33.3% - var(--vk-tab-gap) / 2 ); } &--md-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 25% - var(--vk-tab-gap) / 2 ); } } - @media ( min-width:$lg-min ) and ( max-width:$lg-max){ + @media ( min-width:$lg-min ){ + &--lg-text { + justify-content: flex-start; + } + &--lg-text, + &--lg-fit-width{ + flex-wrap: nowrap; + gap:var(--vk-tab-gap); + } + &--lg-fit-width li { + width:100%; + } &--lg-12 li { width:100%; } &--lg-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 50% - var(--vk-tab-gap) / 2 ); } &--lg-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 33.3% - var(--vk-tab-gap) / 2 ); } &--lg-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 25% - var(--vk-tab-gap) / 2 ); } } - @media (min-width:1200px){ + @media ( min-width:$xl-min ){ + &--xl-text { + justify-content: flex-start; + } + &--xl-text, + &--xl-fit-width{ + flex-wrap: nowrap; + gap:var(--vk-tab-gap); + } + &--xl-fit-width li { + width:100%; + } &--xl-12 li { width:100%; } &--xl-6 li { - width:calc( 50% - ( var(--vk-tab-gap) / 2 - 1px ) ) ; + width:calc( 50% - var(--vk-tab-gap) / 2 ); } &--xl-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 33.3% - var(--vk-tab-gap) / 2 ); } &--xl-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 - 1px ) ; + width:calc( 25% - var(--vk-tab-gap) / 2 ); } } } \ No newline at end of file diff --git a/src/blocks/_pro/tab/block.json b/src/blocks/_pro/tab/block.json index 05e8bdc6f..4b67af06b 100644 --- a/src/blocks/_pro/tab/block.json +++ b/src/blocks/_pro/tab/block.json @@ -35,10 +35,6 @@ "type": "string", "default": "text" }, - "tabSizeXxl": { - "type": "string", - "default": "text" - }, "activeColor": { "type": "string", "default": null diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index 9eaecebe8..4a33570aa 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -19,7 +19,6 @@ export default function TabEdit(props) { tabSizeMd, tabSizeLg, tabSizeXl, - tabSizeXxl, } = attributes; attributes.clientId = clientId; @@ -117,10 +116,6 @@ export default function TabEdit(props) { name: 'xl', attribute: tabSizeXl, }, - { - name: 'xxl', - attribute: tabSizeXxl, - }, ]; let tabListClassName = `vk_tab_labels`; @@ -209,7 +204,7 @@ export default function TabEdit(props) { }, { label: __('Fit full Width', 'vk-blocks'), - value: 'width', + value: 'fit-width', }, { label: __('Equal 1 Column', 'vk-blocks'), @@ -242,7 +237,7 @@ export default function TabEdit(props) { }, { label: __('Fit full Width', 'vk-blocks'), - value: 'width', + value: 'fit-width', }, { label: __('Equal 1 Column', 'vk-blocks'), @@ -275,7 +270,7 @@ export default function TabEdit(props) { }, { label: __('Fit full Width', 'vk-blocks'), - value: 'width', + value: 'fit-width', }, { label: __('Equal 1 Column', 'vk-blocks'), @@ -308,7 +303,7 @@ export default function TabEdit(props) { }, { label: __('Fit full Width', 'vk-blocks'), - value: 'width', + value: 'fit-width', }, { label: __('Equal 1 Column', 'vk-blocks'), @@ -341,7 +336,7 @@ export default function TabEdit(props) { }, { label: __('Fit full Width', 'vk-blocks'), - value: 'width', + value: 'fit-width', }, { label: __('Equal 1 Column', 'vk-blocks'), @@ -364,39 +359,6 @@ export default function TabEdit(props) { setAttributes({ tabSizeXl: value }) } /> - - setAttributes({ tabSizeXxl: value }) - } - />
    From 49a5e44baf7d632e91a599f4244c7c96e8c63389 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sun, 1 May 2022 14:07:15 +0900 Subject: [PATCH 05/64] =?UTF-8?q?fix=20/=20tab=20:=20CSS=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/blocks/_pro/tab-item/style.scss | 13 +------------ 1 file changed, 1 insertion(+), 12 deletions(-) diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab-item/style.scss index 6fff77a0d..7caa08212 100644 --- a/src/blocks/_pro/tab-item/style.scss +++ b/src/blocks/_pro/tab-item/style.scss @@ -106,9 +106,7 @@ $xl-min: 1200px; } } - } - } @@ -116,7 +114,6 @@ $xl-min: 1200px; /* style --------------------------------------------*/ .is-style-vk_tab_labels{ - &-normal-no-frame{ @include no-frame(); } @@ -208,7 +205,6 @@ $xl-min: 1200px; flex-wrap: wrap; justify-content: space-between; .vk_tab_labels_label{ - // flex-grow: 1; background-color: var(--default-color); position: relative; list-style: none; @@ -218,19 +214,12 @@ $xl-min: 1200px; cursor: pointer; background-color: rgba(0,0,0,.08); border-radius:calc( var(--vk-size-text) * 0.3 ) calc( var(--vk-size-text) * 0.3 ) 0 0; - // margin:0 calc( var(--vk-size-text) * 0.15 ); margin:0; line-height: 1.5; &:hover{ background-color: var(--default-color); color: #fff; } - // &:first-child{ - // margin-left:0; - // } - // &:last-child{ - // margin-right: 0; - // } &.vk_tab_labels_label-state-active{ background-color: var(--default-color); // font-weight: bold; @@ -246,7 +235,7 @@ $xl-min: 1200px; border-right: 1px solid var(--vk-color-border); border-bottom: 1px solid var(--vk-color-border); border-left: 1px solid var(--vk-color-border); - padding: calc( var(--vk-size-text) * 1); + padding: 1rem; background-color: var(--vk-color-bg-accent-wh); @media (min-width: 768px){ padding: calc( var(--vk-size-text) * 2); From 14fadf69eaccb6087311b54e3c74e2c03057c316 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sun, 1 May 2022 15:24:15 +0900 Subject: [PATCH 06/64] =?UTF-8?q?fix=20/=20tab=20:=20=E3=82=AB=E3=83=A9?= =?UTF-8?q?=E3=83=A0=E6=8C=87=E5=AE=9A=E5=BB=83=E6=AD=A2=20#1190?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-blocks/languages/vk-blocks-js.pot | 28 ++------ inc/vk-blocks/languages/vk-blocks.pot | 34 +++++----- src/blocks/_pro/tab-item/style.scss | 62 +---------------- src/blocks/_pro/tab/edit.js | 86 +----------------------- 4 files changed, 27 insertions(+), 183 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index a3ed02ead..717640867 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1088,46 +1088,30 @@ msgstr "" msgid "Tab Size ( Extra small )" msgstr "" -#: src/blocks/_pro/tab/edit.js:231 +#: src/blocks/_pro/tab/edit.js:215 msgid "Tab Size ( Small )" msgstr "" -#: src/blocks/_pro/tab/edit.js:264 +#: src/blocks/_pro/tab/edit.js:232 msgid "Tab Size ( Mediium )" msgstr "" -#: src/blocks/_pro/tab/edit.js:297 +#: src/blocks/_pro/tab/edit.js:249 msgid "Tab Size ( Large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:330 +#: src/blocks/_pro/tab/edit.js:266 msgid "Tab Size ( Extra large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:334 +#: src/blocks/_pro/tab/edit.js:270 msgid "Fit Text" msgstr "" -#: src/blocks/_pro/tab/edit.js:338 +#: src/blocks/_pro/tab/edit.js:274 msgid "Fit full Width" msgstr "" -#: src/blocks/_pro/tab/edit.js:342 -msgid "Equal 1 Column" -msgstr "" - -#: src/blocks/_pro/tab/edit.js:346 -msgid "Equal 2 Column" -msgstr "" - -#: src/blocks/_pro/tab/edit.js:350 -msgid "Equal 3 Column" -msgstr "" - -#: src/blocks/_pro/tab/edit.js:354 -msgid "Equal 4 Column" -msgstr "" - #: src/blocks/_pro/tab/index.js:55 msgid "Tab" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index c528ebddd..f0e2cabd7 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-01T01:49:56+00:00\n" +"POT-Creation-Date: 2022-05-01T06:13:25+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.5.0-alpha-3f4c34b\n" "X-Domain: vk-blocks\n" @@ -1114,36 +1114,36 @@ msgstr "" msgid "Tab Size ( Mediium )" msgstr "" -#: src/blocks/_pro/tab/edit.js:297 -msgid "Tab Size ( Large )" +#: src/blocks/_pro/tab/edit.js:276 +msgid "Equal 1 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:330 -msgid "Tab Size ( Extra large )" +#: src/blocks/_pro/tab/edit.js:280 +msgid "Equal 2 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:334 -msgid "Fit Text" +#: src/blocks/_pro/tab/edit.js:284 +msgid "Equal 3 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:338 -msgid "Fit full Width" +#: src/blocks/_pro/tab/edit.js:288 +msgid "Equal 4 Column" msgstr "" -#: src/blocks/_pro/tab/edit.js:342 -msgid "Equal 1 Column" +#: src/blocks/_pro/tab/edit.js:297 +msgid "Tab Size ( Large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:346 -msgid "Equal 2 Column" +#: src/blocks/_pro/tab/edit.js:314 +msgid "Tab Size ( Extra large )" msgstr "" -#: src/blocks/_pro/tab/edit.js:350 -msgid "Equal 3 Column" +#: src/blocks/_pro/tab/edit.js:318 +msgid "Fit Text" msgstr "" -#: src/blocks/_pro/tab/edit.js:354 -msgid "Equal 4 Column" +#: src/blocks/_pro/tab/edit.js:322 +msgid "Fit full Width" msgstr "" #: src/blocks/_pro/tab/index.js:55 diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab-item/style.scss index 7caa08212..9a1eb89e6 100644 --- a/src/blocks/_pro/tab-item/style.scss +++ b/src/blocks/_pro/tab-item/style.scss @@ -258,7 +258,7 @@ $md-min: 768px; $lg-min: 992px; $xl-min: 1200px; -.vk_tab_labels-tabSize-col{ +.vk_tab_labels-tabSize{ @media(max-width:$xs-max){ &--xs-text { justify-content: flex-start; @@ -271,18 +271,6 @@ $xl-min: 1200px; &--xs-fit-width li { width:100%; } - &--xs-12 li { - width:100%; - } - &--xs-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 ); - } - &--xs-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 ); - } - &--xs-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 ); - } } @media ( min-width:$sm-min ){ &--sm-text { @@ -296,18 +284,6 @@ $xl-min: 1200px; &--sm-fit-width li { width:100%; } - &--sm-12 li { - width:100%; - } - &--sm-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 ); - } - &--sm-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 ); - } - &--sm-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 ); - } } @media ( min-width:$md-min ){ &--md-text { @@ -321,18 +297,6 @@ $xl-min: 1200px; &--md-fit-width li { width:100%; } - &--md-12 li { - width:100%; - } - &--md-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 ); - } - &--md-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 ); - } - &--md-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 ); - } } @media ( min-width:$lg-min ){ &--lg-text { @@ -346,18 +310,6 @@ $xl-min: 1200px; &--lg-fit-width li { width:100%; } - &--lg-12 li { - width:100%; - } - &--lg-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 ); - } - &--lg-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 ); - } - &--lg-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 ); - } } @media ( min-width:$xl-min ){ &--xl-text { @@ -371,17 +323,5 @@ $xl-min: 1200px; &--xl-fit-width li { width:100%; } - &--xl-12 li { - width:100%; - } - &--xl-6 li { - width:calc( 50% - var(--vk-tab-gap) / 2 ); - } - &--xl-4 li { - width:calc( 33.3% - var(--vk-tab-gap) / 2 ); - } - &--xl-3 li { - width:calc( 25% - var(--vk-tab-gap) / 2 ); - } } } \ No newline at end of file diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index 4a33570aa..e22e1638c 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -93,7 +93,7 @@ export default function TabEdit(props) { } }; - const tabSizePrefix = 'vk_tab_labels-tabSize-col-'; + const tabSizePrefix = 'vk_tab_labels-tabSize'; const tabSizes = [ { @@ -121,7 +121,7 @@ export default function TabEdit(props) { let tabListClassName = `vk_tab_labels`; tabSizes.forEach((tabSize) => { if (tabSize.attribute !== null && tabSize.attribute !== undefined) { - tabListClassName += ` ${tabSizePrefix}-${tabSize.name}-${tabSize.attribute}`; + tabListClassName += ` ${tabSizePrefix}--${tabSize.name}-${tabSize.attribute}`; } }); @@ -206,22 +206,6 @@ export default function TabEdit(props) { label: __('Fit full Width', 'vk-blocks'), value: 'fit-width', }, - { - label: __('Equal 1 Column', 'vk-blocks'), - value: '12', - }, - { - label: __('Equal 2 Column', 'vk-blocks'), - value: '6', - }, - { - label: __('Equal 3 Column', 'vk-blocks'), - value: '4', - }, - { - label: __('Equal 4 Column', 'vk-blocks'), - value: '3', - }, ]} onChange={(value) => setAttributes({ tabSizeXs: value }) @@ -239,22 +223,6 @@ export default function TabEdit(props) { label: __('Fit full Width', 'vk-blocks'), value: 'fit-width', }, - { - label: __('Equal 1 Column', 'vk-blocks'), - value: '12', - }, - { - label: __('Equal 2 Column', 'vk-blocks'), - value: '6', - }, - { - label: __('Equal 3 Column', 'vk-blocks'), - value: '4', - }, - { - label: __('Equal 4 Column', 'vk-blocks'), - value: '3', - }, ]} onChange={(value) => setAttributes({ tabSizeSm: value }) @@ -272,22 +240,6 @@ export default function TabEdit(props) { label: __('Fit full Width', 'vk-blocks'), value: 'fit-width', }, - { - label: __('Equal 1 Column', 'vk-blocks'), - value: '12', - }, - { - label: __('Equal 2 Column', 'vk-blocks'), - value: '6', - }, - { - label: __('Equal 3 Column', 'vk-blocks'), - value: '4', - }, - { - label: __('Equal 4 Column', 'vk-blocks'), - value: '3', - }, ]} onChange={(value) => setAttributes({ tabSizeMd: value }) @@ -305,22 +257,6 @@ export default function TabEdit(props) { label: __('Fit full Width', 'vk-blocks'), value: 'fit-width', }, - { - label: __('Equal 1 Column', 'vk-blocks'), - value: '12', - }, - { - label: __('Equal 2 Column', 'vk-blocks'), - value: '6', - }, - { - label: __('Equal 3 Column', 'vk-blocks'), - value: '4', - }, - { - label: __('Equal 4 Column', 'vk-blocks'), - value: '3', - }, ]} onChange={(value) => setAttributes({ tabSizeLg: value }) @@ -337,23 +273,7 @@ export default function TabEdit(props) { { label: __('Fit full Width', 'vk-blocks'), value: 'fit-width', - }, - { - label: __('Equal 1 Column', 'vk-blocks'), - value: '12', - }, - { - label: __('Equal 2 Column', 'vk-blocks'), - value: '6', - }, - { - label: __('Equal 3 Column', 'vk-blocks'), - value: '4', - }, - { - label: __('Equal 4 Column', 'vk-blocks'), - value: '3', - }, + } ]} onChange={(value) => setAttributes({ tabSizeXl: value }) From 4ec8b19393f6e0ab3b53b7c0fb5670a1ae4c0941 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sun, 1 May 2022 16:06:37 +0900 Subject: [PATCH 07/64] =?UTF-8?q?fix=20/=20tab=20:=20=E3=83=96=E3=83=AC?= =?UTF-8?q?=E3=82=A4=E3=82=AF=E3=83=9D=E3=82=A4=E3=83=B3=E3=83=88=E3=82=92?= =?UTF-8?q?=20=E3=82=B9=E3=83=9E=E3=83=9B/=E3=82=BF=E3=83=96=E3=83=AC?= =?UTF-8?q?=E3=83=83=E3=83=88/PC=20=E3=81=AE=E3=81=BF=E3=81=AB=E5=A4=89?= =?UTF-8?q?=E6=9B=B4=20=20#1190?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/blocks/_pro/tab-item/style.scss | 50 ++++--------- src/blocks/_pro/tab/block.json | 14 +--- src/blocks/_pro/tab/edit.js | 104 ++++++++-------------------- 3 files changed, 45 insertions(+), 123 deletions(-) diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab-item/style.scss index 9a1eb89e6..b98b9d30a 100644 --- a/src/blocks/_pro/tab-item/style.scss +++ b/src/blocks/_pro/tab-item/style.scss @@ -260,67 +260,41 @@ $xl-min: 1200px; .vk_tab_labels-tabSize{ @media(max-width:$xs-max){ - &--xs-text { + &--sp-fitText { justify-content: flex-start; } - &--xs-text, - &--xs-fit-width{ + &--sp-fitText, + &--sp-monospaced{ flex-wrap: nowrap; gap:var(--vk-tab-gap); } - &--xs-fit-width li { + &--sp-monospaced li { width:100%; } } @media ( min-width:$sm-min ){ - &--sm-text { + &--tab-fitText { justify-content: flex-start; } - &--sm-text, - &--sm-fit-width{ + &--tab-fitText, + &--tab-monospaced{ flex-wrap: nowrap; gap:var(--vk-tab-gap); } - &--sm-fit-width li { - width:100%; - } - } - @media ( min-width:$md-min ){ - &--md-text { - justify-content: flex-start; - } - &--md-text, - &--md-fit-width{ - flex-wrap: nowrap; - gap:var(--vk-tab-gap); - } - &--md-fit-width li { + &--tab-monospaced li { width:100%; } } @media ( min-width:$lg-min ){ - &--lg-text { - justify-content: flex-start; - } - &--lg-text, - &--lg-fit-width{ - flex-wrap: nowrap; - gap:var(--vk-tab-gap); - } - &--lg-fit-width li { - width:100%; - } - } - @media ( min-width:$xl-min ){ - &--xl-text { + &--pc-fitText { justify-content: flex-start; } - &--xl-text, - &--xl-fit-width{ + &--pc-fitText, + &--pc-monospaced{ flex-wrap: nowrap; gap:var(--vk-tab-gap); } - &--xl-fit-width li { + &--pc-monospaced li { width:100%; } } diff --git a/src/blocks/_pro/tab/block.json b/src/blocks/_pro/tab/block.json index 4b67af06b..d9ebe5007 100644 --- a/src/blocks/_pro/tab/block.json +++ b/src/blocks/_pro/tab/block.json @@ -15,23 +15,15 @@ "type": "number", "default": 0 }, - "tabSizeXs": { + "tabSizeSp": { "type": "string", "default": "text" }, - "tabSizeSm": { + "tabSizeTab": { "type": "string", "default": "text" }, - "tabSizeMd": { - "type": "string", - "default": "text" - }, - "tabSizeLg": { - "type": "string", - "default": "text" - }, - "tabSizeXl": { + "tabSizePc": { "type": "string", "default": "text" }, diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index e22e1638c..718bc741a 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -14,11 +14,9 @@ export default function TabEdit(props) { const { attributes, setAttributes, clientId } = props; const { firstActive, - tabSizeXs, - tabSizeSm, - tabSizeMd, - tabSizeLg, - tabSizeXl, + tabSizeSp, + tabSizeTab, + tabSizePc, } = attributes; attributes.clientId = clientId; @@ -97,24 +95,16 @@ export default function TabEdit(props) { const tabSizes = [ { - name: 'xs', - attribute: tabSizeXs, + name: 'sp', + attribute: tabSizeSp, }, { - name: 'sm', - attribute: tabSizeSm, + name: 'tab', + attribute: tabSizeTab, }, { - name: 'md', - attribute: tabSizeMd, - }, - { - name: 'lg', - attribute: tabSizeLg, - }, - { - name: 'xl', - attribute: tabSizeXl, + name: 'pc', + attribute: tabSizePc, }, ]; @@ -195,88 +185,54 @@ export default function TabEdit(props) { - setAttributes({ tabSizeXs: value }) + setAttributes({ tabSizeSp: value }) } /> - setAttributes({ tabSizeSm: value }) + setAttributes({ tabSizeTab: value }) } /> - setAttributes({ tabSizeMd: value }) - } - /> - - setAttributes({ tabSizeLg: value }) - } - /> - - setAttributes({ tabSizeXl: value }) + setAttributes({ tabSizePc: value }) } /> From 43675c5d1c3c39fa8798d74f7ccdc26bdcdc35a1 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sun, 1 May 2022 16:08:05 +0900 Subject: [PATCH 08/64] lint --- src/blocks/_pro/tab/edit.js | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index 718bc741a..e7e3d9d88 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -12,12 +12,7 @@ import { __, sprintf } from '@wordpress/i18n'; export default function TabEdit(props) { const { attributes, setAttributes, clientId } = props; - const { - firstActive, - tabSizeSp, - tabSizeTab, - tabSizePc, - } = attributes; + const { firstActive, tabSizeSp, tabSizeTab, tabSizePc } = attributes; attributes.clientId = clientId; const ALLOWED_BLOCKS = ['vk-blocks/tab-item']; From 5cacd93e7d9f78bd99a1b58acf8d6de452986230 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sun, 1 May 2022 16:22:06 +0900 Subject: [PATCH 09/64] =?UTF-8?q?fix=20/=20tab=20:=20css=E5=BE=AE=E8=AA=BF?= =?UTF-8?q?=E6=95=B4=E3=81=AE=E3=81=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/blocks/_pro/tab-item/style.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab-item/style.scss index b98b9d30a..5139c4c6b 100644 --- a/src/blocks/_pro/tab-item/style.scss +++ b/src/blocks/_pro/tab-item/style.scss @@ -237,9 +237,6 @@ $xl-min: 1200px; border-left: 1px solid var(--vk-color-border); padding: 1rem; background-color: var(--vk-color-bg-accent-wh); - @media (min-width: 768px){ - padding: calc( var(--vk-size-text) * 2); - } .vk_tab_bodys_body { display: none; &.vk_tab_bodys_body-state-active{ From 4c0741d90bb4731acf5408b787e21ba4209e5c30 Mon Sep 17 00:00:00 2001 From: goutetsuguma Date: Fri, 6 May 2022 11:58:19 +0900 Subject: [PATCH 10/64] =?UTF-8?q?svgicon=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/blocks/_pro/tab-item/icon.svg | 2 +- src/blocks/_pro/tab/icon.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/blocks/_pro/tab-item/icon.svg b/src/blocks/_pro/tab-item/icon.svg index a02064cf1..6da633856 100644 --- a/src/blocks/_pro/tab-item/icon.svg +++ b/src/blocks/_pro/tab-item/icon.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/blocks/_pro/tab/icon.svg b/src/blocks/_pro/tab/icon.svg index a02064cf1..d3e9fcb87 100644 --- a/src/blocks/_pro/tab/icon.svg +++ b/src/blocks/_pro/tab/icon.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From 2206d133003a30612c71a88d688370520428b0ab Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Wed, 11 May 2022 14:55:23 +0900 Subject: [PATCH 11/64] =?UTF-8?q?fix:=20attribute=20=E3=81=AE=E5=BD=A2?= =?UTF-8?q?=E5=BC=8F=E3=82=92=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-blocks/languages/vk-blocks-js.pot | 14 ++-- inc/vk-blocks/languages/vk-blocks.pot | 16 ++--- src/blocks/_pro/tab-item/block.json | 4 ++ src/blocks/_pro/tab/block.json | 22 ++---- src/blocks/_pro/tab/edit.js | 87 +++++++++++++----------- src/blocks/_pro/tab/save.js | 69 +++++++++++++++++-- 6 files changed, 134 insertions(+), 78 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index 831251d50..4fe8fa402 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1075,32 +1075,32 @@ msgstr "" msgid "Tab Item" msgstr "" -#: src/blocks/_pro/tab/edit.js:139 +#: src/blocks/_pro/tab/edit.js:152 #. Tab label [i] msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:181 +#: src/blocks/_pro/tab/edit.js:186 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:183 +#: src/blocks/_pro/tab/edit.js:188 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:200 +#: src/blocks/_pro/tab/edit.js:205 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:217 +#: src/blocks/_pro/tab/edit.js:222 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:221 +#: src/blocks/_pro/tab/edit.js:226 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:225 +#: src/blocks/_pro/tab/edit.js:230 msgid "Monospaced" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index 82ce915fa..abc9910ce 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-11T00:27:44+00:00\n" +"POT-Creation-Date: 2022-05-11T05:53:58+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.6.0\n" "X-Domain: vk-blocks\n" @@ -1083,31 +1083,31 @@ msgid "Tab Item" msgstr "" #. Tab label [i] -#: src/blocks/_pro/tab/edit.js:139 +#: src/blocks/_pro/tab/edit.js:152 msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:181 +#: src/blocks/_pro/tab/edit.js:186 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:183 +#: src/blocks/_pro/tab/edit.js:188 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:200 +#: src/blocks/_pro/tab/edit.js:205 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:217 +#: src/blocks/_pro/tab/edit.js:222 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:221 +#: src/blocks/_pro/tab/edit.js:226 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:225 +#: src/blocks/_pro/tab/edit.js:230 msgid "Monospaced" msgstr "" diff --git a/src/blocks/_pro/tab-item/block.json b/src/blocks/_pro/tab-item/block.json index 5b476e883..bdbf6b46e 100644 --- a/src/blocks/_pro/tab-item/block.json +++ b/src/blocks/_pro/tab-item/block.json @@ -15,6 +15,10 @@ "tabBodyActive": { "type": "boolean", "default": false + }, + "tabColor": { + "type": "string", + "default": "" } }, "supports": { diff --git a/src/blocks/_pro/tab/block.json b/src/blocks/_pro/tab/block.json index d9ebe5007..d1eb896ef 100644 --- a/src/blocks/_pro/tab/block.json +++ b/src/blocks/_pro/tab/block.json @@ -3,33 +3,25 @@ "name": "vk-blocks/tab", "category": "vk-blocks-cat", "attributes": { - "clientId": { + "tabListArray": { "type": "string", - "default": "" - }, - "tabListHtml": { - "type": "string", - "default": "" - }, - "firstActive": { - "type": "number", - "default": 0 + "default": "[]" }, "tabSizeSp": { "type": "string", - "default": "text" + "default": "fitText" }, "tabSizeTab": { "type": "string", - "default": "text" + "default": "fitText" }, "tabSizePc": { "type": "string", - "default": "text" + "default": "fitText" }, - "activeColor": { + "blockId": { "type": "string", - "default": null + "default": "" } }, "supports": { diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index e7e3d9d88..c4e5dc16c 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -5,15 +5,15 @@ import { InspectorControls, } from '@wordpress/block-editor'; import { PanelBody, RadioControl } from '@wordpress/components'; -import { useEffect } from '@wordpress/element'; +import { useEffect, useState } from '@wordpress/element'; import { select, dispatch } from '@wordpress/data'; -import { renderToStaticMarkup } from 'react-dom/server'; import { __, sprintf } from '@wordpress/i18n'; +import { isHexColor } from '@vkblocks/utils/is-hex-color'; +import { isParentReusableBlock } from '@vkblocks/utils/is-parent-reusable-block'; export default function TabEdit(props) { const { attributes, setAttributes, clientId } = props; - const { firstActive, tabSizeSp, tabSizeTab, tabSizePc } = attributes; - attributes.clientId = clientId; + const { tabSizeSp, tabSizeTab, tabSizePc, blockId } = attributes; const ALLOWED_BLOCKS = ['vk-blocks/tab-item']; const TEMPLATE = [ @@ -23,20 +23,29 @@ export default function TabEdit(props) { const { updateBlockAttributes } = dispatch('core/block-editor'); + // アクティブなタブ + const [tabActive, setTabActive] = useState(0); + useEffect(() => { - if (clientId) { - updateBlockAttributes(clientId, { clientId }); + if ( + blockId === undefined || + isParentReusableBlock(clientId) === false + ) { + setAttributes({ blockId: clientId }); } }, [clientId]); const parentBlock = select('core/block-editor').getBlocksByClientId(clientId); + const childBlocks = + parentBlock && parentBlock[0] && parentBlock[0].innerBlocks + ? parentBlock[0].innerBlocks + : []; useEffect(() => { - if (parentBlock && parentBlock[0] && parentBlock[0].innerBlocks) { - const childBlocks = parentBlock[0].innerBlocks; + if (childBlocks !== []) { childBlocks.forEach((childBlock, index) => { - if (firstActive === index) { + if (tabActive === index) { updateBlockAttributes(childBlock.clientId, { tabBodyActive: true, }); @@ -47,11 +56,10 @@ export default function TabEdit(props) { } }); } - }, [parentBlock, firstActive]); + }, [tabActive]); const liOnClick = (e) => { - if (parentBlock && parentBlock[0] && parentBlock[0].innerBlocks) { - const childBlocks = parentBlock[0].innerBlocks; + if (childBlocks !== []) { const vkTab = e.target.closest('.vk_tab'); const vkTabLabels = vkTab.querySelector('.vk_tab_labels'); @@ -64,7 +72,7 @@ export default function TabEdit(props) { const activeLabels = vkTabLabels.querySelectorAll( '.vk_tab_labels_label-state-active' ); - Array.prototype.forEach.call(activeLabels, (activeLabel) => { + activeLabels.forEach((activeLabel) => { activeLabel.classList.remove( 'vk_tab_labels_label-state-active' ); @@ -78,9 +86,7 @@ export default function TabEdit(props) { /* 本体の処理 */ childBlocks.forEach((childBlock, index) => { if (TabId === childBlock.clientId) { - updateBlockAttributes(clientId, { - firstActive: parseInt(index, 10), - }); + setTabActive(index); } }); } @@ -110,23 +116,30 @@ export default function TabEdit(props) { } }); - let tabList = ''; let tablabelsEditList = ''; let tablabelsEdit = ''; - let tablabels = ''; - if (parentBlock && parentBlock[0] && parentBlock[0].innerBlocks) { - const childBlocks = parentBlock[0].innerBlocks; + if (childBlocks !== []) { tablabelsEditList = childBlocks.map((childBlock, index) => { let activeLabelClass = ''; - if (firstActive === index) { + if (tabActive === index) { activeLabelClass = 'vk_tab_labels_label-state-active'; } + let tabColorClass = ''; + let tabColorStyle = {}; + if (!isHexColor(childBlock.attributes.tabColor)) { + tabColorClass = `has-${childBlock.attributes.tabColor}-background-color`; + } else { + tabColorStyle = { + backGroundColor: childBlock.attributes.tabColor, + }; + } return ( { @@ -147,28 +160,20 @@ export default function TabEdit(props) { tablabelsEdit = (
      {tablabelsEditList}
    ); - tablabels = childBlocks.map((childBlock, index) => { - let activeLabelClass = ''; - if (firstActive === index) { - activeLabelClass = 'vk_tab_labels_label-state-active'; - } - return ( -
  • - {childBlock.attributes.tabLabel} -
    • - ); - }); - - tabList =
      {tablabels}
    ; } useEffect(() => { - setAttributes({ tabListHtml: renderToStaticMarkup(tabList) }); - }, [parentBlock, tabList]); + if (childBlocks !== []) { + const tabOption = childBlocks.map((childBlock) => { + return { + tabLabel: childBlock.attributes.tabLabel, + tabColor: childBlock.attributes.tabColor, + tabId: childBlock.attributes.clientId, + }; + }); + setAttributes({ tabListArray: JSON.stringify(tabOption) }); + } + }, [childBlocks]); const blockProps = useBlockProps({ className: `vk_tab`, diff --git a/src/blocks/_pro/tab/save.js b/src/blocks/_pro/tab/save.js index 73736a9c4..16323c6f7 100644 --- a/src/blocks/_pro/tab/save.js +++ b/src/blocks/_pro/tab/save.js @@ -1,23 +1,78 @@ import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; -import parse from 'html-react-parser'; +import { isHexColor } from '@vkblocks/utils/is-hex-color'; export default function save(props) { const { attributes } = props; - const { clientId, tabListHtml } = attributes; + const { tabSizeSp, tabSizeTab, tabSizePc, blockId, tabListArray } = + attributes; - let tablist = ''; - if (tabListHtml) { - tablist = parse(tabListHtml); + const tabOption = JSON.parse(tabListArray); + let tabList = ''; + let tabListInner = ''; + if (tabOption) { + tabListInner = tabOption.map((tab, index) => { + let activeLabelClass = ''; + if (index === 0) { + activeLabelClass = 'vk_tab_labels_label-state-active'; + } + let tabColorClass = ''; + let tabColorStyle = {}; + if (!!tab.tabColor) { + if (!isHexColor(tab.tabColor)) { + tabColorClass = `has-${tab.tabColor}-background-color`; + } else { + tabColorStyle = { + backGroundColor: tab.tabColor, + }; + } + } + return ( +
  • + {tab.tabLabel} +
    • + ); + }); } + const tabSizePrefix = 'vk_tab_labels-tabSize'; + + const tabSizes = [ + { + name: 'sp', + attribute: tabSizeSp, + }, + { + name: 'tab', + attribute: tabSizeTab, + }, + { + name: 'pc', + attribute: tabSizePc, + }, + ]; + + let tabListClassName = `vk_tab_labels`; + tabSizes.forEach((tabSize) => { + if (tabSize.attribute !== null && tabSize.attribute !== undefined) { + tabListClassName += ` ${tabSizePrefix}--${tabSize.name}-${tabSize.attribute}`; + } + }); + + tabList =
      {tabListInner}
    ; + const blockProps = useBlockProps.save({ className: `vk_tab`, - id: `vk-tab-id-${clientId}`, + id: `vk-tab-id-${blockId}`, }); return (
    - {tablist} + {tabList}
    From bf79721b95ba96466027a70051b7839140b584e3 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Wed, 11 May 2022 15:23:15 +0900 Subject: [PATCH 12/64] fix: tab-item --- inc/vk-blocks/languages/vk-blocks-js.pot | 16 +++++----- inc/vk-blocks/languages/vk-blocks.pot | 18 +++++------ src/blocks/_pro/tab-item/block.json | 12 +++++--- src/blocks/_pro/tab-item/edit.js | 20 +++++------- src/blocks/_pro/tab-item/save.js | 4 +-- src/blocks/_pro/tab/edit.js | 4 +-- src/blocks/_pro/tab/index.js | 39 ------------------------ 7 files changed, 37 insertions(+), 76 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index 4fe8fa402..c251d3142 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -46,7 +46,7 @@ msgstr "" #: src/blocks/_pro/animation/edit.js:123 #: src/blocks/_pro/outer/edit.js:351 #: src/blocks/_pro/slider/edit.js:193 -#: src/blocks/_pro/tab/index.js:60 +#: src/blocks/_pro/tab/index.js:22 #: src/blocks/balloon/edit.js:483 #: src/blocks/button/edit.js:294 #: src/blocks/faq/index.js:26 @@ -1104,31 +1104,31 @@ msgstr "" msgid "Monospaced" msgstr "" -#: src/blocks/_pro/tab/index.js:55 +#: src/blocks/_pro/tab/index.js:17 msgid "Tab" msgstr "" -#: src/blocks/_pro/tab/index.js:65 +#: src/blocks/_pro/tab/index.js:27 msgid "Normal No Frame" msgstr "" -#: src/blocks/_pro/tab/index.js:69 +#: src/blocks/_pro/tab/index.js:31 msgid "Speech Balloon" msgstr "" -#: src/blocks/_pro/tab/index.js:73 +#: src/blocks/_pro/tab/index.js:35 msgid "Speech Balloon No Frame" msgstr "" -#: src/blocks/_pro/tab/index.js:77 +#: src/blocks/_pro/tab/index.js:39 msgid "Line" msgstr "" -#: src/blocks/_pro/tab/index.js:81 +#: src/blocks/_pro/tab/index.js:43 msgid "Line No Frame" msgstr "" -#: src/blocks/_pro/tab/index.js:85 +#: src/blocks/_pro/tab/index.js:47 msgid "Line Simple" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index abc9910ce..c69b8febe 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-11T05:53:58+00:00\n" +"POT-Creation-Date: 2022-05-11T06:21:26+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.6.0\n" "X-Domain: vk-blocks\n" @@ -57,7 +57,7 @@ msgstr "" #: src/blocks/_pro/animation/edit.js:123 #: src/blocks/_pro/outer/edit.js:351 #: src/blocks/_pro/slider/edit.js:193 -#: src/blocks/_pro/tab/index.js:60 +#: src/blocks/_pro/tab/index.js:22 #: src/blocks/balloon/edit.js:483 #: src/blocks/button/edit.js:294 #: src/blocks/faq/index.js:26 @@ -1111,31 +1111,31 @@ msgstr "" msgid "Monospaced" msgstr "" -#: src/blocks/_pro/tab/index.js:55 +#: src/blocks/_pro/tab/index.js:17 msgid "Tab" msgstr "" -#: src/blocks/_pro/tab/index.js:65 +#: src/blocks/_pro/tab/index.js:27 msgid "Normal No Frame" msgstr "" -#: src/blocks/_pro/tab/index.js:69 +#: src/blocks/_pro/tab/index.js:31 msgid "Speech Balloon" msgstr "" -#: src/blocks/_pro/tab/index.js:73 +#: src/blocks/_pro/tab/index.js:35 msgid "Speech Balloon No Frame" msgstr "" -#: src/blocks/_pro/tab/index.js:77 +#: src/blocks/_pro/tab/index.js:39 msgid "Line" msgstr "" -#: src/blocks/_pro/tab/index.js:81 +#: src/blocks/_pro/tab/index.js:43 msgid "Line No Frame" msgstr "" -#: src/blocks/_pro/tab/index.js:85 +#: src/blocks/_pro/tab/index.js:47 msgid "Line Simple" msgstr "" diff --git a/src/blocks/_pro/tab-item/block.json b/src/blocks/_pro/tab-item/block.json index bdbf6b46e..15c355bbc 100644 --- a/src/blocks/_pro/tab-item/block.json +++ b/src/blocks/_pro/tab-item/block.json @@ -8,17 +8,21 @@ "type": "string", "default": "" }, - "clientId": { - "type": "string", - "default": "" - }, "tabBodyActive": { "type": "boolean", "default": false }, + "tabBodyPadding": { + "type": "string", + "default": "" + }, "tabColor": { "type": "string", "default": "" + }, + "blockId": { + "type": "string", + "default": "" } }, "supports": { diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 471d031a0..382b2d0d1 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -1,21 +1,17 @@ import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; import { useEffect } from '@wordpress/element'; -import { dispatch } from '@wordpress/data'; - +import { isParentReusableBlock } from '@vkblocks/utils/is-parent-reusable-block'; export default function TabItemEdit(props) { const { attributes, setAttributes, clientId } = props; - const { tabBodyActive } = attributes; + const { tabBodyActive, blockId } = attributes; attributes.clientId = clientId; - const { updateBlockAttributes } = dispatch('core/block-editor'); - - if (tabBodyActive === undefined) { - setAttributes({ tabBodyActive: false }); - } - useEffect(() => { - if (clientId) { - updateBlockAttributes(clientId, { clientId }); + if ( + blockId === undefined || + isParentReusableBlock(clientId) === false + ) { + setAttributes({ blockId: clientId }); } }, [clientId]); @@ -26,7 +22,7 @@ export default function TabItemEdit(props) { const blockProps = useBlockProps({ className: `vk_tab_bodys_body ${activeBodyClass}`, - id: `vk_tab_bodys_body-${clientId}`, + id: `vk_tab_bodys_body-${blockId}`, }); return ( diff --git a/src/blocks/_pro/tab-item/save.js b/src/blocks/_pro/tab-item/save.js index 432481335..4b66d7924 100644 --- a/src/blocks/_pro/tab-item/save.js +++ b/src/blocks/_pro/tab-item/save.js @@ -2,7 +2,7 @@ import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; export default function save(props) { const { attributes } = props; - const { clientId, tabBodyActive } = attributes; + const { tabBodyActive, blockId } = attributes; let activeBodyClass = ''; if (tabBodyActive === true) { @@ -11,7 +11,7 @@ export default function save(props) { const blockProps = useBlockProps.save({ className: `vk_tab_bodys_body ${activeBodyClass}`, - id: `vk_tab_bodys_body-${clientId}`, + id: `vk_tab_bodys_body-${blockId}`, }); return ( diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index c4e5dc16c..5d3e5d585 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -17,8 +17,8 @@ export default function TabEdit(props) { const ALLOWED_BLOCKS = ['vk-blocks/tab-item']; const TEMPLATE = [ - ['vk-blocks/tab-item', { tabBodyActive: true }], - ['vk-blocks/tab-item', { tabBodyActive: false }], + ['vk-blocks/tab-item', { tabLabel: 'Tab 01', tabBodyActive: true }], + ['vk-blocks/tab-item', { tabLabel: 'Tab 02', tabBodyActive: false }], ]; const { updateBlockAttributes } = dispatch('core/block-editor'); diff --git a/src/blocks/_pro/tab/index.js b/src/blocks/_pro/tab/index.js index 854f894b8..27222f1ee 100644 --- a/src/blocks/_pro/tab/index.js +++ b/src/blocks/_pro/tab/index.js @@ -5,7 +5,6 @@ import { ReactComponent as Icon } from './icon.svg'; import { __ } from '@wordpress/i18n'; -// import { content, title } from '@vkblocks/utils/example-data'; import edit from './edit'; import metadata from './block.json'; import save from './save'; @@ -14,43 +13,6 @@ const { name } = metadata; export { metadata, name }; -/* -const example = { - innerBlocks: [ - { - name: 'vk-blocks/tab-item', - attributes: { - tabLabel: title, - tabBodyActive: true, - }, - innerBlocks: [ - { - name: 'core/paragraph', - attributes: { - content, - }, - }, - ], - }, - { - name: 'vk-blocks/tab-item', - attributes: { - tabLabel: title, - tabBodyActive: false, - }, - innerBlocks: [ - { - name: 'core/paragraph', - attributes: { - content, - }, - }, - ], - }, - ], -}; -*/ - export const settings = { title: __('Tab', 'vk-blocks'), // Block title. icon: , // Block icon from Dashicons → https://developer.wordpress.org/resource/dashicons/. @@ -85,7 +47,6 @@ export const settings = { label: __('Line Simple', 'vk-blocks'), }, ], - // example, edit, save, }; From 892f684a43487dfa93300f169cdefc9a6a619c60 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Wed, 11 May 2022 15:24:54 +0900 Subject: [PATCH 13/64] fix: tab --- inc/vk-blocks/languages/vk-blocks-js.pot | 22 +++++++++++++++------- inc/vk-blocks/languages/vk-blocks.pot | 2 +- src/blocks/_pro/tab/edit.js | 10 ++++++++-- 3 files changed, 24 insertions(+), 10 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index c251d3142..e85ba98dc 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1075,35 +1075,43 @@ msgstr "" msgid "Tab Item" msgstr "" -#: src/blocks/_pro/tab/edit.js:152 +#: src/blocks/_pro/tab/edit.js:158 #. Tab label [i] msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:186 +#: src/blocks/_pro/tab/edit.js:192 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:188 +#: src/blocks/_pro/tab/edit.js:194 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:205 +#: src/blocks/_pro/tab/edit.js:211 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:222 +#: src/blocks/_pro/tab/edit.js:22 +msgid "Tab 01" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:228 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:226 +#: src/blocks/_pro/tab/edit.js:232 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:230 +#: src/blocks/_pro/tab/edit.js:236 msgid "Monospaced" msgstr "" +#: src/blocks/_pro/tab/edit.js:26 +msgid "Tab 02" +msgstr "" + #: src/blocks/_pro/tab/index.js:17 msgid "Tab" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index c69b8febe..2d2165837 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-11T06:21:26+00:00\n" +"POT-Creation-Date: 2022-05-11T06:23:55+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.6.0\n" "X-Domain: vk-blocks\n" diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index 5d3e5d585..5f4038f90 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -17,8 +17,14 @@ export default function TabEdit(props) { const ALLOWED_BLOCKS = ['vk-blocks/tab-item']; const TEMPLATE = [ - ['vk-blocks/tab-item', { tabLabel: 'Tab 01', tabBodyActive: true }], - ['vk-blocks/tab-item', { tabLabel: 'Tab 02', tabBodyActive: false }], + [ + 'vk-blocks/tab-item', + { tabLabel: __('Tab 01', 'vk-blocks'), tabBodyActive: true }, + ], + [ + 'vk-blocks/tab-item', + { tabLabel: __('Tab 02', 'vk-blocks'), tabBodyActive: false }, + ], ]; const { updateBlockAttributes } = dispatch('core/block-editor'); From aa050d64f25de01258a60d3b00a4f49765cc4364 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Wed, 11 May 2022 15:46:39 +0900 Subject: [PATCH 14/64] fix: firstActive --- inc/vk-blocks/languages/vk-blocks-js.pot | 22 +++++++++++----------- inc/vk-blocks/languages/vk-blocks.pot | 24 ++++++++++++++++-------- src/blocks/_pro/tab/block.json | 4 ++++ src/blocks/_pro/tab/edit.js | 16 +++++++--------- src/blocks/_pro/tab/save.js | 12 +++++++++--- 5 files changed, 47 insertions(+), 31 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index e85ba98dc..a7cf549af 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1075,40 +1075,40 @@ msgstr "" msgid "Tab Item" msgstr "" -#: src/blocks/_pro/tab/edit.js:158 +#: src/blocks/_pro/tab/edit.js:156 #. Tab label [i] msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:192 +#: src/blocks/_pro/tab/edit.js:190 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:194 +#: src/blocks/_pro/tab/edit.js:192 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:211 +#: src/blocks/_pro/tab/edit.js:209 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:22 -msgid "Tab 01" +#: src/blocks/_pro/tab/edit.js:226 +msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:228 -msgid "Tab Size ( PC )" +#: src/blocks/_pro/tab/edit.js:23 +msgid "Tab 01" msgstr "" -#: src/blocks/_pro/tab/edit.js:232 +#: src/blocks/_pro/tab/edit.js:230 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:236 +#: src/blocks/_pro/tab/edit.js:234 msgid "Monospaced" msgstr "" -#: src/blocks/_pro/tab/edit.js:26 +#: src/blocks/_pro/tab/edit.js:27 msgid "Tab 02" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index 2d2165837..ec08733ee 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-11T06:23:55+00:00\n" +"POT-Creation-Date: 2022-05-11T06:45:37+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.6.0\n" "X-Domain: vk-blocks\n" @@ -1083,34 +1083,42 @@ msgid "Tab Item" msgstr "" #. Tab label [i] -#: src/blocks/_pro/tab/edit.js:152 +#: src/blocks/_pro/tab/edit.js:156 msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:186 +#: src/blocks/_pro/tab/edit.js:190 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:188 +#: src/blocks/_pro/tab/edit.js:192 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:205 +#: src/blocks/_pro/tab/edit.js:209 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:222 +#: src/blocks/_pro/tab/edit.js:226 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:226 -msgid "Fit to the text" +#: src/blocks/_pro/tab/edit.js:23 +msgid "Tab 01" msgstr "" #: src/blocks/_pro/tab/edit.js:230 +msgid "Fit to the text" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:234 msgid "Monospaced" msgstr "" +#: src/blocks/_pro/tab/edit.js:27 +msgid "Tab 02" +msgstr "" + #: src/blocks/_pro/tab/index.js:17 msgid "Tab" msgstr "" diff --git a/src/blocks/_pro/tab/block.json b/src/blocks/_pro/tab/block.json index d1eb896ef..45f301359 100644 --- a/src/blocks/_pro/tab/block.json +++ b/src/blocks/_pro/tab/block.json @@ -19,6 +19,10 @@ "type": "string", "default": "fitText" }, + "firstActive": { + "type": "number", + "default": 0 + }, "blockId": { "type": "string", "default": "" diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index 5f4038f90..f949a37f0 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -5,7 +5,7 @@ import { InspectorControls, } from '@wordpress/block-editor'; import { PanelBody, RadioControl } from '@wordpress/components'; -import { useEffect, useState } from '@wordpress/element'; +import { useEffect } from '@wordpress/element'; import { select, dispatch } from '@wordpress/data'; import { __, sprintf } from '@wordpress/i18n'; import { isHexColor } from '@vkblocks/utils/is-hex-color'; @@ -13,7 +13,8 @@ import { isParentReusableBlock } from '@vkblocks/utils/is-parent-reusable-block' export default function TabEdit(props) { const { attributes, setAttributes, clientId } = props; - const { tabSizeSp, tabSizeTab, tabSizePc, blockId } = attributes; + const { tabSizeSp, tabSizeTab, tabSizePc, firstActive, blockId } = + attributes; const ALLOWED_BLOCKS = ['vk-blocks/tab-item']; const TEMPLATE = [ @@ -29,9 +30,6 @@ export default function TabEdit(props) { const { updateBlockAttributes } = dispatch('core/block-editor'); - // アクティブなタブ - const [tabActive, setTabActive] = useState(0); - useEffect(() => { if ( blockId === undefined || @@ -51,7 +49,7 @@ export default function TabEdit(props) { useEffect(() => { if (childBlocks !== []) { childBlocks.forEach((childBlock, index) => { - if (tabActive === index) { + if (firstActive === index) { updateBlockAttributes(childBlock.clientId, { tabBodyActive: true, }); @@ -62,7 +60,7 @@ export default function TabEdit(props) { } }); } - }, [tabActive]); + }, [firstActive]); const liOnClick = (e) => { if (childBlocks !== []) { @@ -92,7 +90,7 @@ export default function TabEdit(props) { /* 本体の処理 */ childBlocks.forEach((childBlock, index) => { if (TabId === childBlock.clientId) { - setTabActive(index); + setAttributes({ firstActive: parseInt(index, 10) }); } }); } @@ -127,7 +125,7 @@ export default function TabEdit(props) { if (childBlocks !== []) { tablabelsEditList = childBlocks.map((childBlock, index) => { let activeLabelClass = ''; - if (tabActive === index) { + if (firstActive === index) { activeLabelClass = 'vk_tab_labels_label-state-active'; } let tabColorClass = ''; diff --git a/src/blocks/_pro/tab/save.js b/src/blocks/_pro/tab/save.js index 16323c6f7..8afbfddef 100644 --- a/src/blocks/_pro/tab/save.js +++ b/src/blocks/_pro/tab/save.js @@ -3,8 +3,14 @@ import { isHexColor } from '@vkblocks/utils/is-hex-color'; export default function save(props) { const { attributes } = props; - const { tabSizeSp, tabSizeTab, tabSizePc, blockId, tabListArray } = - attributes; + const { + tabListArray, + tabSizeSp, + tabSizeTab, + tabSizePc, + firstActive, + blockId, + } = attributes; const tabOption = JSON.parse(tabListArray); let tabList = ''; @@ -12,7 +18,7 @@ export default function save(props) { if (tabOption) { tabListInner = tabOption.map((tab, index) => { let activeLabelClass = ''; - if (index === 0) { + if (firstActive === index) { activeLabelClass = 'vk_tab_labels_label-state-active'; } let tabColorClass = ''; From 1f59d7d991c8a3b00cad2ba8fdd7c1af8f6a87fb Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Wed, 11 May 2022 16:39:02 +0900 Subject: [PATCH 15/64] fix: text-domain --- src/blocks/_pro/tab/edit.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index f949a37f0..b60c531e9 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -153,7 +153,7 @@ export default function TabEdit(props) { }} placeholder={ // translators: Tab label [i] - sprintf(__('Tab Label [ %s ]'), index + 1) + sprintf(__('Tab Label [ %s ]', 'vk-Blocks'), index + 1) } onClick={(e) => { liOnClick(e); From c479264dfe2304735bd504f6a07dd55e2d28551c Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 12 May 2022 11:32:43 +0900 Subject: [PATCH 16/64] add: tabColor --- inc/vk-blocks/languages/vk-blocks-js.pot | 8 ++++++++ inc/vk-blocks/languages/vk-blocks.pot | 10 +++++++++- src/blocks/_pro/tab-item/edit.js | 20 +++++++++++++++++++- 3 files changed, 36 insertions(+), 2 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index a7cf549af..1eecb0928 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1071,6 +1071,14 @@ msgstr "" msgid "First Dot Number" msgstr "" +#: src/blocks/_pro/tab-item/edit.js:39 +msgid "Tab Color Setting" +msgstr "" + +#: src/blocks/_pro/tab-item/edit.js:42 +msgid "Tab Color" +msgstr "" + #: src/blocks/_pro/tab-item/index.js:17 msgid "Tab Item" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index ec08733ee..935b06360 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-11T06:45:37+00:00\n" +"POT-Creation-Date: 2022-05-12T01:54:36+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.6.0\n" "X-Domain: vk-blocks\n" @@ -1078,6 +1078,14 @@ msgstr "" msgid "First Dot Number" msgstr "" +#: src/blocks/_pro/tab-item/edit.js:39 +msgid "Tab Color Setting" +msgstr "" + +#: src/blocks/_pro/tab-item/edit.js:42 +msgid "Tab Color" +msgstr "" + #: src/blocks/_pro/tab-item/index.js:17 msgid "Tab Item" msgstr "" diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 382b2d0d1..2aac410ca 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -1,6 +1,14 @@ -import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; +import { + InnerBlocks, + useBlockProps, + InspectorControls, +} from '@wordpress/block-editor'; import { useEffect } from '@wordpress/element'; import { isParentReusableBlock } from '@vkblocks/utils/is-parent-reusable-block'; +import { PanelBody, BaseControl } from '@wordpress/components'; +import { __ } from '@wordpress/i18n'; +import { AdvancedColorPalette } from '@vkblocks/components/advanced-color-palette'; + export default function TabItemEdit(props) { const { attributes, setAttributes, clientId } = props; const { tabBodyActive, blockId } = attributes; @@ -27,6 +35,16 @@ export default function TabItemEdit(props) { return ( <> + + + + + + +
    Date: Thu, 12 May 2022 14:04:19 +0900 Subject: [PATCH 17/64] add: padding control --- inc/vk-blocks/languages/vk-blocks-js.pot | 47 +++++++---- inc/vk-blocks/languages/vk-blocks.pot | 49 +++++++---- src/blocks/_pro/tab-item/block.json | 4 +- src/blocks/_pro/tab-item/edit.js | 48 ++++++++++- src/blocks/_pro/tab-item/save.js | 5 +- src/blocks/_pro/tab/block.json | 8 ++ src/blocks/_pro/tab/edit.js | 100 ++++++++++++++++++++--- src/blocks/_pro/tab/save.js | 7 +- 8 files changed, 218 insertions(+), 50 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index 1eecb0928..e68b3e2cc 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1071,11 +1071,22 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:39 +#: src/blocks/_pro/tab-item/edit.js:49 +#: src/blocks/_pro/tab/edit.js:277 +msgid "Body Layout Setting" +msgstr "" + +#: src/blocks/_pro/tab-item/edit.js:57 +#: src/blocks/_pro/tab/edit.js:318 +msgid "Padding of Tab Body" +msgstr "" + +#: src/blocks/_pro/tab-item/edit.js:80 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:42 +#: src/blocks/_pro/tab-item/edit.js:83 +#: src/blocks/_pro/tab/edit.js:282 msgid "Tab Color" msgstr "" @@ -1083,40 +1094,48 @@ msgstr "" msgid "Tab Item" msgstr "" -#: src/blocks/_pro/tab/edit.js:156 +#: src/blocks/_pro/tab/edit.js:188 #. Tab label [i] msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:190 +#: src/blocks/_pro/tab/edit.js:223 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:192 +#: src/blocks/_pro/tab/edit.js:225 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:209 +#: src/blocks/_pro/tab/edit.js:242 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:226 +#: src/blocks/_pro/tab/edit.js:259 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:23 -msgid "Tab 01" -msgstr "" - -#: src/blocks/_pro/tab/edit.js:230 +#: src/blocks/_pro/tab/edit.js:263 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:234 +#: src/blocks/_pro/tab/edit.js:267 msgid "Monospaced" msgstr "" -#: src/blocks/_pro/tab/edit.js:27 +#: src/blocks/_pro/tab/edit.js:295 +msgid "Separate" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:308 +msgid "Bundle" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:40 +msgid "Tab 01" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:44 msgid "Tab 02" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index 935b06360..f3854402b 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-12T01:54:36+00:00\n" +"POT-Creation-Date: 2022-05-12T04:57:30+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.6.0\n" "X-Domain: vk-blocks\n" @@ -1078,11 +1078,22 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:39 +#: src/blocks/_pro/tab-item/edit.js:49 +#: src/blocks/_pro/tab/edit.js:277 +msgid "Body Layout Setting" +msgstr "" + +#: src/blocks/_pro/tab-item/edit.js:57 +#: src/blocks/_pro/tab/edit.js:318 +msgid "Padding of Tab Body" +msgstr "" + +#: src/blocks/_pro/tab-item/edit.js:80 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:42 +#: src/blocks/_pro/tab-item/edit.js:83 +#: src/blocks/_pro/tab/edit.js:282 msgid "Tab Color" msgstr "" @@ -1091,39 +1102,47 @@ msgid "Tab Item" msgstr "" #. Tab label [i] -#: src/blocks/_pro/tab/edit.js:156 +#: src/blocks/_pro/tab/edit.js:188 msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:190 +#: src/blocks/_pro/tab/edit.js:223 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:192 +#: src/blocks/_pro/tab/edit.js:225 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:209 +#: src/blocks/_pro/tab/edit.js:242 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:226 +#: src/blocks/_pro/tab/edit.js:259 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:23 -msgid "Tab 01" -msgstr "" - -#: src/blocks/_pro/tab/edit.js:230 +#: src/blocks/_pro/tab/edit.js:263 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:234 +#: src/blocks/_pro/tab/edit.js:267 msgid "Monospaced" msgstr "" -#: src/blocks/_pro/tab/edit.js:27 +#: src/blocks/_pro/tab/edit.js:295 +msgid "Separate" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:308 +msgid "Bundle" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:40 +msgid "Tab 01" +msgstr "" + +#: src/blocks/_pro/tab/edit.js:44 msgid "Tab 02" msgstr "" diff --git a/src/blocks/_pro/tab-item/block.json b/src/blocks/_pro/tab-item/block.json index 15c355bbc..16f87a9e0 100644 --- a/src/blocks/_pro/tab-item/block.json +++ b/src/blocks/_pro/tab-item/block.json @@ -13,8 +13,8 @@ "default": false }, "tabBodyPadding": { - "type": "string", - "default": "" + "type": "object", + "default": {"top":null,"right":null,"bottom":null,"left":null} }, "tabColor": { "type": "string", diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 2aac410ca..15c4d88e7 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -5,14 +5,19 @@ import { } from '@wordpress/block-editor'; import { useEffect } from '@wordpress/element'; import { isParentReusableBlock } from '@vkblocks/utils/is-parent-reusable-block'; -import { PanelBody, BaseControl } from '@wordpress/components'; +import { + PanelBody, + BaseControl, + // eslint-disable-next-line @wordpress/no-unsafe-wp-apis + __experimentalBoxControl as BoxControl, +} from '@wordpress/components'; import { __ } from '@wordpress/i18n'; +import { select } from '@wordpress/data'; import { AdvancedColorPalette } from '@vkblocks/components/advanced-color-palette'; export default function TabItemEdit(props) { const { attributes, setAttributes, clientId } = props; - const { tabBodyActive, blockId } = attributes; - attributes.clientId = clientId; + const { tabBodyActive, tabBodyPadding, blockId } = attributes; useEffect(() => { if ( @@ -23,6 +28,39 @@ export default function TabItemEdit(props) { } }, [clientId]); + let tabBodyPaddingControl = ''; + + const parentTabBlockList = select( + 'core/block-editor' + ).getBlockParentsByBlockName(clientId, ['vk-blocks/tab']); + + if (parentTabBlockList) { + const parentTabBlock = select('core/block-editor').getBlocksByClientId( + parentTabBlockList[0] + ); + if ( + parentTabBlock && + parentTabBlock[0] && + parentTabBlock[0].attributes && + parentTabBlock[0].attributes.tabBodyPaddingMode === 'separate' + ) { + tabBodyPaddingControl = ( + + { + setAttributes({ tabBodyPadding: value }); + }} + label={__('Padding of Tab Body', 'vk-blocks')} + /> + + ); + } + } + let activeBodyClass = ''; if (tabBodyActive === true) { activeBodyClass = 'vk_tab_bodys_body-state-active'; @@ -31,6 +69,9 @@ export default function TabItemEdit(props) { const blockProps = useBlockProps({ className: `vk_tab_bodys_body ${activeBodyClass}`, id: `vk_tab_bodys_body-${blockId}`, + style: { + padding: `${tabBodyPadding.top} ${tabBodyPadding.right} ${tabBodyPadding.bottom} ${tabBodyPadding.left}`, + }, }); return ( @@ -44,6 +85,7 @@ export default function TabItemEdit(props) { + {tabBodyPaddingControl}
    { + if (childBlocks !== []) { + if (tabBodyPaddingMode === 'bundle') { + childBlocks.forEach((childBlock) => { + updateBlockAttributes(childBlock.clientId, { + tabBodyPadding: tabBodyPaddingAll, + }); + }); + } + } + }, [tabBodyPaddingAll]); + const liOnClick = (e) => { if (childBlocks !== []) { const vkTab = e.target.closest('.vk_tab'); @@ -130,19 +157,22 @@ export default function TabEdit(props) { } let tabColorClass = ''; let tabColorStyle = {}; - if (!isHexColor(childBlock.attributes.tabColor)) { - tabColorClass = `has-${childBlock.attributes.tabColor}-background-color`; - } else { - tabColorStyle = { - backGroundColor: childBlock.attributes.tabColor, - }; + if (childBlock.attributes.tabColor !== '') { + tabColorClass = 'has-background'; + if (!isHexColor(childBlock.attributes.tabColor)) { + tabColorClass += ` has-${childBlock.attributes.tabColor}-background-color`; + } else { + tabColorStyle = { + backGroundColor: childBlock.attributes.tabColor, + }; + } } return ( + + + + + + + + {tabBodyPaddingMode === 'bundle' && ( + + setAttributes({ tabBodyPaddingAll: value }) + } + label={__('Padding of Tab Body', 'vk-blocks')} + /> + )} +
    {tablabelsEdit} diff --git a/src/blocks/_pro/tab/save.js b/src/blocks/_pro/tab/save.js index 8afbfddef..3a1e91318 100644 --- a/src/blocks/_pro/tab/save.js +++ b/src/blocks/_pro/tab/save.js @@ -23,9 +23,10 @@ export default function save(props) { } let tabColorClass = ''; let tabColorStyle = {}; - if (!!tab.tabColor) { + if (tab.tabColor !== '') { + tabColorClass = 'has-background'; if (!isHexColor(tab.tabColor)) { - tabColorClass = `has-${tab.tabColor}-background-color`; + tabColorClass += ` has-${tab.tabColor}-background-color`; } else { tabColorStyle = { backGroundColor: tab.tabColor, @@ -35,7 +36,7 @@ export default function save(props) { return (
  • From ef1bd0d058ba5cac6f0bb19304766d9812b3a3e1 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 12 May 2022 15:01:52 +0900 Subject: [PATCH 18/64] fix: tab html --- inc/vk-blocks/languages/vk-blocks-js.pot | 28 +++---- inc/vk-blocks/languages/vk-blocks.pot | 30 ++++---- src/blocks/_pro/tab/block.json | 4 +- src/blocks/_pro/tab/edit.js | 75 ++++++++++++------- src/blocks/_pro/tab/save.js | 73 +----------------- .../advanced-color-palette/index.js | 2 - 6 files changed, 84 insertions(+), 128 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index e68b3e2cc..b1b056c83 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -1072,12 +1072,12 @@ msgid "First Dot Number" msgstr "" #: src/blocks/_pro/tab-item/edit.js:49 -#: src/blocks/_pro/tab/edit.js:277 +#: src/blocks/_pro/tab/edit.js:300 msgid "Body Layout Setting" msgstr "" #: src/blocks/_pro/tab-item/edit.js:57 -#: src/blocks/_pro/tab/edit.js:318 +#: src/blocks/_pro/tab/edit.js:340 msgid "Padding of Tab Body" msgstr "" @@ -1086,7 +1086,7 @@ msgid "Tab Color Setting" msgstr "" #: src/blocks/_pro/tab-item/edit.js:83 -#: src/blocks/_pro/tab/edit.js:282 +#: src/blocks/_pro/tab/edit.js:305 msgid "Tab Color" msgstr "" @@ -1094,48 +1094,48 @@ msgstr "" msgid "Tab Item" msgstr "" -#: src/blocks/_pro/tab/edit.js:188 +#: src/blocks/_pro/tab/edit.js:187 #. Tab label [i] msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:223 +#: src/blocks/_pro/tab/edit.js:246 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:225 +#: src/blocks/_pro/tab/edit.js:248 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:242 +#: src/blocks/_pro/tab/edit.js:265 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:259 +#: src/blocks/_pro/tab/edit.js:282 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:263 +#: src/blocks/_pro/tab/edit.js:286 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:267 +#: src/blocks/_pro/tab/edit.js:290 msgid "Monospaced" msgstr "" -#: src/blocks/_pro/tab/edit.js:295 +#: src/blocks/_pro/tab/edit.js:318 msgid "Separate" msgstr "" -#: src/blocks/_pro/tab/edit.js:308 +#: src/blocks/_pro/tab/edit.js:330 msgid "Bundle" msgstr "" -#: src/blocks/_pro/tab/edit.js:40 +#: src/blocks/_pro/tab/edit.js:39 msgid "Tab 01" msgstr "" -#: src/blocks/_pro/tab/edit.js:44 +#: src/blocks/_pro/tab/edit.js:43 msgid "Tab 02" msgstr "" diff --git a/inc/vk-blocks/languages/vk-blocks.pot b/inc/vk-blocks/languages/vk-blocks.pot index f3854402b..122c2e4dc 100644 --- a/inc/vk-blocks/languages/vk-blocks.pot +++ b/inc/vk-blocks/languages/vk-blocks.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2022-05-12T04:57:30+00:00\n" +"POT-Creation-Date: 2022-05-12T06:00:32+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.6.0\n" "X-Domain: vk-blocks\n" @@ -1079,12 +1079,12 @@ msgid "First Dot Number" msgstr "" #: src/blocks/_pro/tab-item/edit.js:49 -#: src/blocks/_pro/tab/edit.js:277 +#: src/blocks/_pro/tab/edit.js:300 msgid "Body Layout Setting" msgstr "" #: src/blocks/_pro/tab-item/edit.js:57 -#: src/blocks/_pro/tab/edit.js:318 +#: src/blocks/_pro/tab/edit.js:340 msgid "Padding of Tab Body" msgstr "" @@ -1093,7 +1093,7 @@ msgid "Tab Color Setting" msgstr "" #: src/blocks/_pro/tab-item/edit.js:83 -#: src/blocks/_pro/tab/edit.js:282 +#: src/blocks/_pro/tab/edit.js:305 msgid "Tab Color" msgstr "" @@ -1102,47 +1102,47 @@ msgid "Tab Item" msgstr "" #. Tab label [i] -#: src/blocks/_pro/tab/edit.js:188 +#: src/blocks/_pro/tab/edit.js:187 msgid "Tab Label [ %s ]" msgstr "" -#: src/blocks/_pro/tab/edit.js:223 +#: src/blocks/_pro/tab/edit.js:246 msgid "Tab size Setting" msgstr "" -#: src/blocks/_pro/tab/edit.js:225 +#: src/blocks/_pro/tab/edit.js:248 msgid "Tab Size ( Smart Phone )" msgstr "" -#: src/blocks/_pro/tab/edit.js:242 +#: src/blocks/_pro/tab/edit.js:265 msgid "Tab Size ( Tablet )" msgstr "" -#: src/blocks/_pro/tab/edit.js:259 +#: src/blocks/_pro/tab/edit.js:282 msgid "Tab Size ( PC )" msgstr "" -#: src/blocks/_pro/tab/edit.js:263 +#: src/blocks/_pro/tab/edit.js:286 msgid "Fit to the text" msgstr "" -#: src/blocks/_pro/tab/edit.js:267 +#: src/blocks/_pro/tab/edit.js:290 msgid "Monospaced" msgstr "" -#: src/blocks/_pro/tab/edit.js:295 +#: src/blocks/_pro/tab/edit.js:318 msgid "Separate" msgstr "" -#: src/blocks/_pro/tab/edit.js:308 +#: src/blocks/_pro/tab/edit.js:330 msgid "Bundle" msgstr "" -#: src/blocks/_pro/tab/edit.js:40 +#: src/blocks/_pro/tab/edit.js:39 msgid "Tab 01" msgstr "" -#: src/blocks/_pro/tab/edit.js:44 +#: src/blocks/_pro/tab/edit.js:43 msgid "Tab 02" msgstr "" diff --git a/src/blocks/_pro/tab/block.json b/src/blocks/_pro/tab/block.json index 7afca060a..c7d71df87 100644 --- a/src/blocks/_pro/tab/block.json +++ b/src/blocks/_pro/tab/block.json @@ -3,9 +3,9 @@ "name": "vk-blocks/tab", "category": "vk-blocks-cat", "attributes": { - "tabListArray": { + "tabLabelHtml": { "type": "string", - "default": "[]" + "default": "" }, "tabSizeSp": { "type": "string", diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index 3c85d1665..a0a7f70be 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -13,11 +13,12 @@ import { // eslint-disable-next-line @wordpress/no-unsafe-wp-apis __experimentalBoxControl as BoxControl, } from '@wordpress/components'; -import { useEffect } from '@wordpress/element'; +import { useEffect, useState } from '@wordpress/element'; import { select, dispatch } from '@wordpress/data'; import { __, sprintf } from '@wordpress/i18n'; import { isHexColor } from '@vkblocks/utils/is-hex-color'; import { isParentReusableBlock } from '@vkblocks/utils/is-parent-reusable-block'; +import { renderToString } from 'react-dom/server'; export default function TabEdit(props) { const { attributes, setAttributes, clientId } = props; @@ -163,7 +164,7 @@ export default function TabEdit(props) { tabColorClass += ` has-${childBlock.attributes.tabColor}-background-color`; } else { tabColorStyle = { - backGroundColor: childBlock.attributes.tabColor, + backgroundColor: childBlock.attributes.tabColor, }; } } @@ -197,16 +198,41 @@ export default function TabEdit(props) { } useEffect(() => { + let tablabelsList = ''; + let tablabels = ''; if (childBlocks !== []) { - const tabOption = childBlocks.map((childBlock) => { - return { - tabLabel: childBlock.attributes.tabLabel, - tabColor: childBlock.attributes.tabColor, - tabId: childBlock.attributes.blockId, - }; + tablabelsList = childBlocks.map((childBlock, index) => { + let activeLabelClass = ''; + if (firstActive === index) { + activeLabelClass = 'vk_tab_labels_label-state-active'; + } + let tabColorClass = ''; + let tabColorStyle = {}; + if (childBlock.attributes.tabColor !== '') { + tabColorClass = 'has-background'; + if (!isHexColor(childBlock.attributes.tabColor)) { + tabColorClass += ` has-${childBlock.attributes.tabColor}-background-color`; + } else { + tabColorStyle = { + backgroundColor: childBlock.attributes.tabColor, + }; + } + } + + return ( +
  • + {childBlock.attributes.tabLabel} +
    • + ); }); - setAttributes({ tabListArray: JSON.stringify(tabOption) }); + tablabels =
      {tablabelsList}
    ; } + setAttributes({ tabLabelHtml: renderToString(tablabels) }); }, [childBlocks]); const blockProps = useBlockProps({ @@ -231,9 +257,9 @@ export default function TabEdit(props) { value: 'monospaced', }, ]} - onChange={(value) => - setAttributes({ tabSizeSp: value }) - } + onChange={(value) => { + setAttributes({ tabSizeSp: value }); + }} /> - setAttributes({ tabSizeTab: value }) - } + onChange={(value) => { + setAttributes({ tabSizeTab: value }); + }} /> - setAttributes({ tabSizePc: value }) - } + onChange={(value) => { + setAttributes({ tabSizePc: value }); + }} /> + onClick={() => { setAttributes({ tabBodyPaddingMode: 'separate', - }) - } + }); + }} > {__('Separate', 'vk-blocks')} @@ -296,7 +322,6 @@ export default function TabEdit(props) { isPrimary={tabBodyPaddingMode === 'bundle'} isSecondary={tabBodyPaddingMode !== 'bundle'} onClick={() => { - setAttributes({ buttonType: 'bundle' }); setAttributes({ tabBodyPaddingMode: 'bundle', }); @@ -309,9 +334,9 @@ export default function TabEdit(props) { {tabBodyPaddingMode === 'bundle' && ( - setAttributes({ tabBodyPaddingAll: value }) - } + onChange={(value) => { + setAttributes({ tabBodyPaddingAll: value }); + }} label={__('Padding of Tab Body', 'vk-blocks')} /> )} diff --git a/src/blocks/_pro/tab/save.js b/src/blocks/_pro/tab/save.js index 3a1e91318..a98a492a3 100644 --- a/src/blocks/_pro/tab/save.js +++ b/src/blocks/_pro/tab/save.js @@ -1,76 +1,9 @@ import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; -import { isHexColor } from '@vkblocks/utils/is-hex-color'; +import parse from 'html-react-parser'; export default function save(props) { const { attributes } = props; - const { - tabListArray, - tabSizeSp, - tabSizeTab, - tabSizePc, - firstActive, - blockId, - } = attributes; - - const tabOption = JSON.parse(tabListArray); - let tabList = ''; - let tabListInner = ''; - if (tabOption) { - tabListInner = tabOption.map((tab, index) => { - let activeLabelClass = ''; - if (firstActive === index) { - activeLabelClass = 'vk_tab_labels_label-state-active'; - } - let tabColorClass = ''; - let tabColorStyle = {}; - if (tab.tabColor !== '') { - tabColorClass = 'has-background'; - if (!isHexColor(tab.tabColor)) { - tabColorClass += ` has-${tab.tabColor}-background-color`; - } else { - tabColorStyle = { - backGroundColor: tab.tabColor, - }; - } - } - return ( -
  • - {tab.tabLabel} -
    • - ); - }); - } - - const tabSizePrefix = 'vk_tab_labels-tabSize'; - - const tabSizes = [ - { - name: 'sp', - attribute: tabSizeSp, - }, - { - name: 'tab', - attribute: tabSizeTab, - }, - { - name: 'pc', - attribute: tabSizePc, - }, - ]; - - let tabListClassName = `vk_tab_labels`; - tabSizes.forEach((tabSize) => { - if (tabSize.attribute !== null && tabSize.attribute !== undefined) { - tabListClassName += ` ${tabSizePrefix}--${tabSize.name}-${tabSize.attribute}`; - } - }); - - tabList =
      {tabListInner}
    ; + const { tabLabelHtml, blockId } = attributes; const blockProps = useBlockProps.save({ className: `vk_tab`, @@ -79,7 +12,7 @@ export default function save(props) { return (
    - {tabList} + {parse(tabLabelHtml)}
    diff --git a/src/components/advanced-color-palette/index.js b/src/components/advanced-color-palette/index.js index c73386dcf..d63aef1d7 100644 --- a/src/components/advanced-color-palette/index.js +++ b/src/components/advanced-color-palette/index.js @@ -4,14 +4,12 @@ import { getColorObjectByColorValue, } from '@wordpress/block-editor'; import { colorSlugToColorCode } from '@vkblocks/utils/color-slug-to-color-code'; - // @wordpress/data から必要なものをインポート import { select } from '@wordpress/data'; export const AdvancedColorPalette = (props) => { const { schema, setAttributes, attributes } = props; const hexColor = colorSlugToColorCode(attributes[schema]); - return ( Date: Thu, 12 May 2022 15:02:31 +0900 Subject: [PATCH 19/64] fix: tab --- src/blocks/_pro/tab/edit.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index a0a7f70be..81aacdfc8 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -13,7 +13,7 @@ import { // eslint-disable-next-line @wordpress/no-unsafe-wp-apis __experimentalBoxControl as BoxControl, } from '@wordpress/components'; -import { useEffect, useState } from '@wordpress/element'; +import { useEffect } from '@wordpress/element'; import { select, dispatch } from '@wordpress/data'; import { __, sprintf } from '@wordpress/i18n'; import { isHexColor } from '@vkblocks/utils/is-hex-color'; From 11b31dfd7167988aed513b5868ab986b182ab08b Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 12 May 2022 16:33:26 +0900 Subject: [PATCH 20/64] =?UTF-8?q?=E3=83=95=E3=82=A3x=EF=BC=9Atab-edit?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-blocks/languages/vk-blocks-js.pot | 190 +++++++---------------- src/blocks/_pro/tab/edit.js | 2 +- 2 files changed, 56 insertions(+), 136 deletions(-) diff --git a/inc/vk-blocks/languages/vk-blocks-js.pot b/inc/vk-blocks/languages/vk-blocks-js.pot index b1b056c83..cb8038425 100644 --- a/inc/vk-blocks/languages/vk-blocks-js.pot +++ b/inc/vk-blocks/languages/vk-blocks-js.pot @@ -122,12 +122,11 @@ msgstr "" msgid "Slow" msgstr "" -#: src/blocks/_pro/card-item/deprecated/0.20.2/component.js:149 -#: src/blocks/_pro/card-item/deprecated/0.20.3/component.js:151 -#: src/blocks/_pro/card-item/deprecated/0.20.4/component.js:156 -#: src/blocks/_pro/card-item/deprecated/0.20.5/component.js:154 -#: src/blocks/_pro/card-item/deprecated/0.20.6/component.js:157 -#: src/blocks/_pro/card-item/deprecated/0.60.1/component.js:161 +#: src/blocks/_pro/card-item/edit.js:105 +#: src/components/advanced-media-upload/index.js:34 +msgid "Delete Image" +msgstr "" + #: src/blocks/_pro/card-item/edit.js:140 #: src/utils/example-data.js:3 msgid "" @@ -135,12 +134,6 @@ msgid "" "tempor incididunt ut labore et dolore magna aliqua. " msgstr "" -#: src/blocks/_pro/card-item/deprecated/0.20.2/component.js:190 -#: src/blocks/_pro/card-item/deprecated/0.20.3/component.js:194 -#: src/blocks/_pro/card-item/deprecated/0.20.4/component.js:201 -#: src/blocks/_pro/card-item/deprecated/0.20.5/component.js:199 -#: src/blocks/_pro/card-item/deprecated/0.20.6/component.js:206 -#: src/blocks/_pro/card-item/deprecated/0.60.1/component.js:210 #: src/blocks/_pro/card-item/edit.js:182 #: src/blocks/_pro/card/edit.js:122 #: src/blocks/_pro/icon-card/edit.js:72 @@ -148,12 +141,14 @@ msgstr "" msgid "Title" msgstr "" -#: src/blocks/_pro/card-item/deprecated/0.20.2/component.js:81 -#: src/blocks/_pro/card-item/deprecated/0.20.3/component.js:77 -#: src/blocks/_pro/card-item/deprecated/0.20.4/component.js:82 -#: src/blocks/_pro/card-item/deprecated/0.20.5/component.js:80 -#: src/blocks/_pro/card-item/deprecated/0.20.6/component.js:82 -#: src/blocks/_pro/card-item/deprecated/0.60.1/component.js:86 +#: src/blocks/_pro/card-item/edit.js:217 +msgid "URL" +msgstr "" + +#: src/blocks/_pro/card-item/edit.js:222 +msgid "https://example.com" +msgstr "" + #: src/blocks/_pro/card-item/edit.js:88 #: src/blocks/balloon/edit.js:584 #: src/blocks/flow/edit.js:84 @@ -161,39 +156,14 @@ msgstr "" #: src/blocks/pr-content/deprecated/0.0.0/save.js:130 #: src/blocks/pr-content/deprecated/0.0.1/save.js:112 #: src/blocks/pr-content/deprecated/0.0.2/save.js:207 -#: src/blocks/pr-content/deprecated/0.0.3/component.js:178 #: src/blocks/pr-content/deprecated/0.43.0/save.js:178 #: src/blocks/pr-content/deprecated/0.5.1/save.js:116 -#: src/blocks/pr-content/deprecated/0.56.3/component.js:156 -#: src/blocks/pr-content/deprecated/0.58.7/component.js:171 -#: src/blocks/pr-content/deprecated/0.58.9/component.js:171 -#: src/blocks/pr-content/deprecated/1.7.1/mediaUpload.js:68 #: src/blocks/pr-content/mediaUpload.js:68 -#: src/blocks/staff/deprecated/0.58/component.js:96 #: src/blocks/staff/edit.js:359 #: src/components/advanced-media-upload/index.js:47 msgid "Select image" msgstr "" -#: src/blocks/_pro/card-item/deprecated/0.20.2/component.js:94 -#: src/blocks/_pro/card-item/deprecated/0.20.3/component.js:94 -#: src/blocks/_pro/card-item/deprecated/0.20.4/component.js:99 -#: src/blocks/_pro/card-item/deprecated/0.20.5/component.js:97 -#: src/blocks/_pro/card-item/deprecated/0.20.6/component.js:99 -#: src/blocks/_pro/card-item/deprecated/0.60.1/component.js:103 -#: src/blocks/_pro/card-item/edit.js:105 -#: src/components/advanced-media-upload/index.js:34 -msgid "Delete Image" -msgstr "" - -#: src/blocks/_pro/card-item/edit.js:217 -msgid "URL" -msgstr "" - -#: src/blocks/_pro/card-item/edit.js:222 -msgid "https://example.com" -msgstr "" - #: src/blocks/_pro/card/edit.js:120 #: src/components/display-items-control/index.js:28 msgid "Display item" @@ -523,30 +493,6 @@ msgstr "" msgid "Specify all columns at once" msgstr "" -#: src/blocks/_pro/icon-card-item/deprecated/0.0.0/component.js:55 -#: src/blocks/_pro/icon-card-item/deprecated/0.0.1/component.js:70 -#: src/blocks/_pro/icon-card-item/deprecated/0.49.8/component.js:71 -#: src/blocks/_pro/icon-card-item/deprecated/0.60.1/component.js:85 -#: src/blocks/_pro/icon-card-item/edit.js:194 -#: src/blocks/pr-blocks/deprecated/0.0.1/component.js:148 -#: src/blocks/pr-blocks/deprecated/0.0.2/component.js:176 -#: src/blocks/pr-blocks/deprecated/0.59.0/component.js:191 -#: src/blocks/pr-blocks/edit.js:534 -msgid "Input Title" -msgstr "" - -#: src/blocks/_pro/icon-card-item/deprecated/0.0.0/component.js:62 -#: src/blocks/_pro/icon-card-item/deprecated/0.0.1/component.js:77 -#: src/blocks/_pro/icon-card-item/deprecated/0.49.8/component.js:78 -#: src/blocks/_pro/icon-card-item/deprecated/0.60.1/component.js:106 -#: src/blocks/_pro/icon-card-item/edit.js:216 -#: src/blocks/pr-blocks/deprecated/0.0.1/component.js:157 -#: src/blocks/pr-blocks/deprecated/0.0.2/component.js:185 -#: src/blocks/pr-blocks/deprecated/0.59.0/component.js:200 -#: src/blocks/pr-blocks/edit.js:543 -msgid "Input Content" -msgstr "" - #: src/blocks/_pro/icon-card-item/edit.js:118 msgid "Icon Card Setting" msgstr "" @@ -581,6 +527,16 @@ msgstr "" msgid "No background" msgstr "" +#: src/blocks/_pro/icon-card-item/edit.js:194 +#: src/blocks/pr-blocks/edit.js:534 +msgid "Input Title" +msgstr "" + +#: src/blocks/_pro/icon-card-item/edit.js:216 +#: src/blocks/pr-blocks/edit.js:543 +msgid "Input Content" +msgstr "" + #: src/blocks/_pro/icon-card/edit.js:65 msgid "Columns" msgstr "" @@ -1086,7 +1042,6 @@ msgid "Tab Color Setting" msgstr "" #: src/blocks/_pro/tab-item/edit.js:83 -#: src/blocks/_pro/tab/edit.js:305 msgid "Tab Color" msgstr "" @@ -1123,6 +1078,10 @@ msgstr "" msgid "Monospaced" msgstr "" +#: src/blocks/_pro/tab/edit.js:305 +msgid "Padding Setting Mode" +msgstr "" + #: src/blocks/_pro/tab/edit.js:318 msgid "Separate" msgstr "" @@ -1341,13 +1300,8 @@ msgstr "" #: src/blocks/pr-content/deprecated/0.0.0/save.js:135 #: src/blocks/pr-content/deprecated/0.0.1/save.js:117 #: src/blocks/pr-content/deprecated/0.0.2/save.js:214 -#: src/blocks/pr-content/deprecated/0.0.3/component.js:185 #: src/blocks/pr-content/deprecated/0.43.0/save.js:185 #: src/blocks/pr-content/deprecated/0.5.1/save.js:121 -#: src/blocks/pr-content/deprecated/0.56.3/component.js:163 -#: src/blocks/pr-content/deprecated/0.58.7/component.js:178 -#: src/blocks/pr-content/deprecated/0.58.9/component.js:178 -#: src/blocks/pr-content/deprecated/1.7.1/mediaUpload.js:130 #: src/blocks/pr-content/mediaUpload.js:130 msgid "Upload image" msgstr "" @@ -1601,34 +1555,14 @@ msgstr "" msgid "Input content" msgstr "" -#: src/blocks/heading/deprecated/0.24.1/component.js:117 -#: src/blocks/heading/deprecated/0.24.4/component.js:80 -#: src/blocks/heading/deprecated/0.24.5/component.js:117 -#: src/blocks/heading/deprecated/0.24.6/component.js:117 -#: src/blocks/heading/deprecated/0.24.7/component.js:117 -#: src/blocks/heading/deprecated/0.37.1/component.js:122 -#: src/blocks/heading/deprecated/0.39.5/component.js:152 -#: src/blocks/heading/deprecated/0.40.0/component.js:152 -#: src/blocks/heading/deprecated/0.40.1/component.js:152 -#: src/blocks/heading/deprecated/0.60.1/component.js:152 -#: src/blocks/heading/edit.js:229 -msgid "Input sub text…" -msgstr "" - -#: src/blocks/heading/deprecated/0.24.1/component.js:98 -#: src/blocks/heading/deprecated/0.24.4/component.js:61 -#: src/blocks/heading/deprecated/0.24.5/component.js:98 -#: src/blocks/heading/deprecated/0.24.6/component.js:98 -#: src/blocks/heading/deprecated/0.24.7/component.js:98 -#: src/blocks/heading/deprecated/0.37.1/component.js:109 -#: src/blocks/heading/deprecated/0.39.5/component.js:137 -#: src/blocks/heading/deprecated/0.40.0/component.js:137 -#: src/blocks/heading/deprecated/0.40.1/component.js:137 -#: src/blocks/heading/deprecated/0.60.1/component.js:137 #: src/blocks/heading/edit.js:214 msgid "Input title…" msgstr "" +#: src/blocks/heading/edit.js:229 +msgid "Input sub text…" +msgstr "" + #: src/blocks/heading/edit.js:257 msgid "Heading style" msgstr "" @@ -1768,12 +1702,8 @@ msgstr "" #: src/blocks/pr-content/deprecated/0.0.0/save.js:152 #: src/blocks/pr-content/deprecated/0.0.1/save.js:134 #: src/blocks/pr-content/deprecated/0.0.2/save.js:251 -#: src/blocks/pr-content/deprecated/0.0.3/component.js:222 #: src/blocks/pr-content/deprecated/0.43.0/save.js:222 #: src/blocks/pr-content/deprecated/0.5.1/save.js:138 -#: src/blocks/pr-content/deprecated/0.56.3/component.js:197 -#: src/blocks/pr-content/deprecated/0.58.7/component.js:215 -#: src/blocks/pr-content/deprecated/0.58.9/component.js:215 #: src/blocks/pr-content/edit.js:257 msgid "Input title." msgstr "" @@ -1781,21 +1711,12 @@ msgstr "" #: src/blocks/pr-content/deprecated/0.0.0/save.js:165 #: src/blocks/pr-content/deprecated/0.0.1/save.js:147 #: src/blocks/pr-content/deprecated/0.0.2/save.js:264 -#: src/blocks/pr-content/deprecated/0.0.3/component.js:235 #: src/blocks/pr-content/deprecated/0.43.0/save.js:235 #: src/blocks/pr-content/deprecated/0.5.1/save.js:151 -#: src/blocks/pr-content/deprecated/0.56.3/component.js:205 -#: src/blocks/pr-content/deprecated/0.58.7/component.js:228 -#: src/blocks/pr-content/deprecated/0.58.9/component.js:228 #: src/blocks/pr-content/edit.js:265 msgid "Input content." msgstr "" -#: src/blocks/pr-content/deprecated/1.7.1/mediaUpload.js:120 -#: src/blocks/pr-content/mediaUpload.js:120 -msgid "Select Image" -msgstr "" - #: src/blocks/pr-content/edit.js:105 msgid "Button Setting" msgstr "" @@ -1832,6 +1753,10 @@ msgstr "" msgid "Image Border Color" msgstr "" +#: src/blocks/pr-content/mediaUpload.js:120 +msgid "Select Image" +msgstr "" + #: src/blocks/spacer/advanced-spacer-control.js:15 msgid "height" msgstr "" @@ -1868,31 +1793,6 @@ msgstr "" msgid "Medium" msgstr "" -#: src/blocks/staff/deprecated/0.58/component.js:50 -#: src/blocks/staff/edit.js:284 -msgid "Your Name" -msgstr "" - -#: src/blocks/staff/deprecated/0.58/component.js:58 -#: src/blocks/staff/edit.js:296 -msgid "Caption" -msgstr "" - -#: src/blocks/staff/deprecated/0.58/component.js:66 -#: src/blocks/staff/edit.js:308 -msgid "Role position" -msgstr "" - -#: src/blocks/staff/deprecated/0.58/component.js:74 -#: src/blocks/staff/edit.js:321 -msgid "Profile title" -msgstr "" - -#: src/blocks/staff/deprecated/0.58/component.js:82 -#: src/blocks/staff/edit.js:337 -msgid "Profile text" -msgstr "" - #: src/blocks/staff/edit.js:145 msgid "Layout" msgstr "" @@ -1933,6 +1833,26 @@ msgstr "" msgid "minchoBody" msgstr "" +#: src/blocks/staff/edit.js:284 +msgid "Your Name" +msgstr "" + +#: src/blocks/staff/edit.js:296 +msgid "Caption" +msgstr "" + +#: src/blocks/staff/edit.js:308 +msgid "Role position" +msgstr "" + +#: src/blocks/staff/edit.js:321 +msgid "Profile title" +msgstr "" + +#: src/blocks/staff/edit.js:337 +msgid "Profile text" +msgstr "" + #: src/components/column-layout-control/index.js:20 msgid "Card (Image Round)" msgstr "" diff --git a/src/blocks/_pro/tab/edit.js b/src/blocks/_pro/tab/edit.js index 81aacdfc8..7a2f70a8e 100644 --- a/src/blocks/_pro/tab/edit.js +++ b/src/blocks/_pro/tab/edit.js @@ -302,7 +302,7 @@ export default function TabEdit(props) { > - - - - {tabBodyPaddingMode === 'bundle' && ( - { - setAttributes({ tabBodyPaddingAll: value }); - }} - label={__('Padding of Tab Body', 'vk-blocks')} - /> - )} -
    {tablabelsEdit} From 8c56be9c58b4b09b0fc65954e956a10d232ebdff Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Wed, 17 Apr 2024 15:58:01 +0900 Subject: [PATCH 54/64] build --- languages/vk-blocks-pro-js.pot | 32 ++++++++++++++++---------------- languages/vk-blocks-pro.l10n.php | 6 +++++- 2 files changed, 21 insertions(+), 17 deletions(-) diff --git a/languages/vk-blocks-pro-js.pot b/languages/vk-blocks-pro-js.pot index 4e01d1e5c..14775ee4e 100644 --- a/languages/vk-blocks-pro-js.pot +++ b/languages/vk-blocks-pro-js.pot @@ -768,31 +768,35 @@ msgid "Max number of words" msgstr "" #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:102 -msgid "4:3" +msgid "16:9" msgstr "" #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:106 -msgid "3:2" +msgid "4:3" msgstr "" #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:110 -msgid "9:16" +msgid "3:2" msgstr "" #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:114 -msgid "3:4" +msgid "9:16" msgstr "" #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:118 +msgid "3:4" +msgstr "" + +#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:122 msgid "2:3" msgstr "" -#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:139 +#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:143 #: src/blocks/slider/edit.js:940 msgid "Height" msgstr "" -#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:161 +#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:165 #: src/blocks/_pro/outer/edit.js:471 #: src/blocks/balloon/edit.js:508 #: src/blocks/slider/edit.js:915 @@ -813,20 +817,16 @@ msgstr "" msgid "Image will be stretched and distorted to completely fill the space." msgstr "" -#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:85 +#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:89 msgid "Aspect ratio" msgstr "" -#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:90 -msgid "Original" -msgstr "" - #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:94 -msgid "Square" +msgid "Original" msgstr "" #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:98 -msgid "16:9" +msgid "Square" msgstr "" #: src/blocks/_pro/blog-card-featured-image/edit.js:48 @@ -1912,7 +1912,7 @@ msgstr "" #: src/blocks/heading/edit.js:264 #: src/blocks/slider/edit.js:1134 #: src/blocks/staff/edit.js:173 -#: src/components/advanced-color-gradient-control/index.js:36 +#: src/components/advanced-color-gradient-control/index.js:37 msgid "Default" msgstr "" @@ -3009,7 +3009,7 @@ msgstr "" msgid "minchoBody" msgstr "" -#: src/components/advanced-color-gradient-control/index.js:30 +#: src/components/advanced-color-gradient-control/index.js:31 msgid "Theme" msgstr "" @@ -3509,7 +3509,7 @@ msgctxt "Scale option for Image dimension control" msgid "Fill" msgstr "" -#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:67 +#: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:71 msgctxt "Image scaling options" msgid "Scale" msgstr "" diff --git a/languages/vk-blocks-pro.l10n.php b/languages/vk-blocks-pro.l10n.php index 3ffe76f71..95b531852 100644 --- a/languages/vk-blocks-pro.l10n.php +++ b/languages/vk-blocks-pro.l10n.php @@ -1,2 +1,6 @@ 'vk-blocks-pro','plural-forms'=>'nplurals=2; plural=(n != 1);','messages'=>['Added balloon image setting'=>'','Balloon Image Setting'=>'','Would you like to delete %s?'=>'','Cancel'=>'','Delete'=>'','Select'=>'','Balloon Image Name'=>'','Balloon Setting'=>'','Balloon Border Width Setting'=>'','1px'=>'','2px'=>'','3px'=>'','4px'=>'','You can register frequently used icon images for speech bubble blocks.'=>'','image'=>'','Block Manager Setting'=>'','Block Style Manager Setting'=>'','Block Style Label (Changeable)'=>'','Add'=>'','Add Custom Block Style'=>'','Target Block (Required/Unchangeable)'=>'','Set the target block.'=>'','Search for a block'=>'','Please enter a string'=>'','Only alphanumeric characters, hyphens, and underscores are allowed.'=>'','Class name is required'=>'','Already registered'=>'','The identifier of the style used to compute a CSS class. (Required/Unchangeable)'=>'','This will be the CSS class name following is-style-.'=>'','(e.g.) %s-block-style'=>'','Custom Block Style Setting'=>'','Block style settings can be registered.'=>'','Target block'=>'','CSS class'=>'','If selector is specified, it will be replaced with CSS class (.is-style-%1$s). CSS selectors other than selector,.is-style-%2$s may affect the entire page.'=>'','Block Style Labels'=>'','※ Required If no title is entered, it will not appear on the toolbar.'=>'','If this Block Style is used for saved content, the style may change.'=>'','Edit'=>'','Custom CSS Setting'=>'','Show Custom CSS flag in editor'=>'','Add Custom Format'=>'','CSS class/unique ID (Required/Unchangeable)'=>'','(e.g.) vk-format-1'=>'','Toolbar title (Changeable)'=>'','Must begin with an alphabetic character and only alphanumeric characters and hyphens may be used.'=>'','Custom Format'=>'','If the saved content has this format, the style will be unstyled.'=>'','Format Setting'=>'','Bold'=>'','Italic'=>'','Strikethrough'=>'','Nowrap'=>'','Color'=>'','Text Color'=>'','Background Color'=>'','Highlighter Color'=>'','Activate Highlighter'=>'','Custom CSS'=>'','If selector is specified, it will be replaced by a unique CSS class (.%s); CSS selectors other than selector may affect the entire page.'=>'','Example:'=>'','Custom Format Setting'=>'','You can apply commonly used formatting on the block toolbar.'=>'','Toolbar title'=>'','Preview Text'=>'','Please enter a license key of valid Vektor Passport ( or Lightning G3 Pro Pack or Lightning Pro ).'=>'','Once you enter the license key you will be able to do a one click update from the administration screen.'=>'','License key'=>'','Load Separate Setting'=>'','Note that the order in which CSS/JS are loaded will change.'=>'','Load Separate Option on'=>'','Custom Value'=>'','If you enter a custom value, the values you entered will be used as a priority.'=>'','This item is mainly intended for inputting CSS variables for the margins specified by the theme. Thereby you can apply to the same margin size to the VK Blocks.'=>'','ex)'=>'','Margin'=>'','XS'=>'','S'=>'','M'=>'','L'=>'','XL'=>'','PC'=>'','Tablet'=>'','Mobile'=>'','Common Margin Setting'=>'','Please specify the size of the common margin used for responsive spacers, etc.'=>'','Unit'=>'','FAQ Block Setting'=>'','Disable accordion'=>'','Enable accordion and default open'=>'','Enable accordion and default close'=>'','Save setting'=>'','Save Success'=>'','No background color'=>'','No background color / Border'=>'','Background color'=>'','Background color / Border'=>'','Background color / Rounded '=>'','Background color / Rounded / Border'=>'','Slow'=>'','Fast'=>'','Very Fast'=>'','Animation range'=>'','Short'=>'','Normal'=>'','Long'=>'','Animation only the first view'=>'','Animation Settings'=>'','Animation effect'=>'','Fade In'=>'','Slide Up'=>'','Slide Left'=>'','Slide Right'=>'','Left Right'=>'','Up Down'=>'','Trembling Y'=>'','Trembling X'=>'','Pounding'=>'','Shaking'=>'','Animation speed'=>'','Very Slow'=>'','Archive List Setting'=>'','Post type'=>'','Archive type'=>'','Monthly'=>'','Yearly'=>'','Display as dropdown'=>'','Show post counts'=>'','Button Common Setting'=>'','Button gap size'=>'','Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. '=>'','Title'=>'','Select image'=>'','Delete Image'=>'','URL'=>'','https://example.com'=>'','Display item'=>'','Excerpt Text'=>'','Warning! When you hidden this item, you will lose the content.'=>'','Image'=>'','Button'=>'','Button option'=>'','Click each card block to set the target url. You can find the url form at it\'s sidebar.'=>'','Button text'=>'','Image Height'=>'','Slide Height for each device.'=>'','There are no Page.'=>'','Display conditions'=>'','Parent'=>'','Ignore this post'=>'','Current page'=>'','Please select display element from the Setting sidebar.'=>'','Post Type Name'=>'','Ancestor Page Title'=>'','Display element settings'=>'','Display element'=>'','Please Select'=>'','Post type name of the page being viewed'=>'','Page name in the ancestor hierarchy of the displayed page'=>'','Hide on Ancestor Hierarchy Pages'=>'','This block will not display on pages other than pages that have a parent hierarchy.'=>'','HTML element'=>'','div (default)'=>'','h1'=>'','h2'=>'','h3'=>'','h4'=>'','h5'=>'','h6'=>'','p'=>'','span'=>'','Color Settings'=>'','Margin setting inside the item'=>'','Padding (Top)'=>'','Padding (Left and Right)'=>'','Padding (Bottom)'=>'','px'=>'','em'=>'','rem'=>'','vw'=>'','Layout Columns'=>'','Column Margin Bottom Setting'=>'','Margin Bottom'=>'','You can create a variety of layouts with grid column card blocks.'=>'','Unlink'=>'','Input Link URL'=>'','Submit'=>'','Edit mode'=>'','All columns'=>'','This column only'=>'','Edit Lock'=>'','Lock edits this block from the parent and other Grid Column Item block'=>'','Column Setting'=>'','Link URL:'=>'','Open link new tab.'=>'','If you set a link URL, do not place the link element (text or button) in the Grid Column Card Item. It may not be displayed correctly.'=>'','Make sure that no link is specified for the image block, etc.'=>'','Image fit to column'=>'','Column footer button area'=>'','Display'=>'','Hide'=>'','Column Radius'=>'','Border'=>'','Border Color'=>'','Column padding'=>'','Column header media area'=>'','Column Width Setting'=>'','If you specify the minimum column size on a tablet or PC with %, it will be easier to align the number of columns in the upper and lower rows according to the screen size.'=>'','Column min width (Mobile)'=>'','Column min width (Tablet / Optional)'=>'','Column min width (PC / Optional)'=>'','Column Gap Setting'=>'','Column gap size'=>'','Column row-gap size (optional)'=>'','Specify all columns at once'=>'','Input Title'=>'','Input Content'=>'','Icon Card Setting'=>'','Icon'=>'','Icon Background:'=>'','Solid color'=>'','No background'=>'','Columns'=>'','Align'=>'','Text'=>'','Background Setting'=>'','Color Setting'=>'','Color will overcome background image. If you want to display image, set opacity 0.'=>'','Opacity Setting'=>'','Background Image PC'=>'','Background Image Tablet'=>'','Background Image Mobile'=>'','Background image Position'=>'','Repeat'=>'','Cover'=>'','Cover fixed (Not fixed on iPhone)'=>'','Parallax (Non-guaranteed)'=>'','Layout Setting'=>'','Width'=>'','Fit to the Content area'=>'','Add padding to the Outer area'=>'','Remove padding from the Outer area'=>'','Padding (Top and Bottom)'=>'','Use default padding'=>'','Do not use default padding'=>'','* If you select "Do not use" that, please set yourself it such as a spacer block.'=>'','Divider Setting'=>'','Type'=>'','Tilt'=>'','Curve'=>'','Wave'=>'','Triangle'=>'','Upper Divider Level'=>'','Lower Divider Level'=>'','Border Setting'=>'','Border will disappear when divider effect is applied.'=>'','Border type'=>'','None'=>'','Solid'=>'','Dotted'=>'','Dashed'=>'','Double'=>'','Groove'=>'','Ridge'=>'','Inset'=>'','Outset'=>'','Border width'=>'','Border radius'=>'','Container Inner Side Space Setting'=>'','Unit Type'=>'','Filter by %s'=>'','Filter by PostTypes'=>'','Taxonomy filter condition'=>'','OR ( Whichever apply )'=>'','AND ( All apply )'=>'','Number of Posts'=>'','Filter by Date'=>'','Period of Time'=>'','Whole Period'=>'','From Today'=>'','From Now'=>'','From Tomorrow'=>'','* If you choose a future period, you will need to customize it so that future posts will be published immediately.'=>'','Order'=>'','ASC'=>'','DESC'=>'','Order by'=>'','Published Date'=>'','Modefied Date'=>'','Random'=>'','offset'=>'','Because no post is selected, The block Will not render'=>'','Input Internal Post URL'=>'','Ex,6:00AM'=>'','Style'=>'','Outlined'=>'','Default'=>'','Step Mark'=>'','If Font Awesome tags entered, it will overrides the number.'=>'','First Dot Number'=>'','Table of Contents'=>'','Note on duplicating headings'=>'','If you duplicate a heading, the table of contents block will not work properly, please reassign the ID.'=>'','Display type'=>'','No frame'=>'','Default Display Status'=>'','OPEN'=>'','CLOSE'=>'','Show only top level categories'=>'','Hide if term has no posts'=>'','Show hierarchy'=>'','This block will not be displayed because no taxonomy is selected.'=>'','This block will not be displayed because this taxonomy has no term.'=>'','Taxonomy Block Option'=>'','Taxonomy'=>'','label'=>'','Style Settings'=>'','Success'=>'','Info'=>'','Warning'=>'','Danger'=>'','Don\'t display inactive grand child pages'=>'','Ancestor Page List Setting'=>'','Display Ancestor Page Title'=>'','Archive title tag'=>'','Ancestor page title class name'=>'','Add link to ancestor page title'=>'','If there is no child page, the block itself is not displayed'=>'',' Image Border'=>'','Add border to image'=>'','* You can change border width on Setting > VK Blocks'=>'','Border color of speech balloon'=>'','Add border to balloon'=>'','Balloon setting'=>'','Position'=>'','Please specify the layout of the balloon.'=>'','Left'=>'','Right'=>'','Please select the type of balloon.'=>'','Speech'=>'','Thinking'=>'','Image Style'=>'','Rounded'=>'','Circle'=>'','100%'=>'','Background color of speech balloon'=>'','Default Icon Setting'=>'','You can register default icons from Settings > VK Blocks in Admin.'=>'','Animation setting'=>'','Please select the type of animation.'=>'','Trembling'=>'','Upload image'=>'','Icon Name'=>'','Please enter a title.'=>'','The margin-top of the first element and the margin-bottom of the last element in the border block will be automatically set to 0.If you want to add margins at the beginning and end, use a spacer block to specify height instead of margin.'=>'','Transparent'=>'','White'=>'','Solid Angle Tab'=>'','Solid Round Tab'=>'','Solid Angle Banner'=>'','Solid Angle Onborder'=>'','Solid Angle Inner'=>'','Solid Angle iconFeature'=>'','Button setting'=>'','Sub Caption'=>'','Button Size:'=>'','Large'=>'','Small'=>'','Button Position:'=>'','Center'=>'','Wide'=>'','Block'=>'','Button Width:'=>'','25%'=>'','50%'=>'','75%'=>'','Button Style:'=>'','Text only'=>'','If you select "No background", that you need to select a Custom Color.'=>'','Button Effect:'=>'','Shine'=>'','Default Color (Bootstrap)'=>'','Primary'=>'','Secondary'=>'','Light'=>'','Dark'=>'','Custom Color'=>'','Button Color'=>'','This color palette overrides the default color. If you want to use the default color, click the clear button.'=>'','Before text'=>'','After text'=>'','Size'=>'','Input text'=>'','If you want to be collapsing this block, you can set it at Setting > VK Blocks'=>'','You can be collapsing this block at VK Blocks Pro'=>'','Accordion Setting'=>'','Please enter a question.'=>'','Bgfill Circle'=>'','Bgfill Square'=>'','Bgfill Rounded'=>'','Border Circle'=>'','Border Square'=>'','Border Rounded'=>'','Display of arrow'=>'','Arrow display'=>'','Arrow hidden'=>'','Input title'=>'','Input content'=>'','Input sub text…'=>'','Input title…'=>'','Heading style'=>'','Plain'=>'','Margin Setting'=>'','Margin between Heading and sub text (rem)'=>'','Margin bottom size of after this block (rem)'=>'','Heading Settings'=>'','Icon Color'=>'','Sub Text Settings'=>'','Text size (rem)'=>'','Change heading level'=>'','Heading %d'=>'','Reset'=>'','Icon & Frame'=>'','Icon only'=>'','Icon Common Setting'=>'','Icon Setting'=>'','Link URL'=>'','Unspecified'=>'','Page Setting'=>'','Select Page'=>'','This block can display private content. Please note that this content will be public even if you set the original page to private.'=>'','PR Block1 Setting'=>'','Icon 1'=>'','When you have an image. Image is displayed with priority'=>'','PR Image 1'=>'','PR Block2 Setting'=>'','Icon 2'=>'','PR Image 2'=>'','PR Block3 Setting'=>'','Icon 3'=>'','When you have an image. Image is displayed with priority.'=>'','PR Image 3'=>'','Input title.'=>'','Input content.'=>'','Select Image'=>'','Button Setting'=>'','Button Text'=>'','Button Type'=>'','Ghost'=>'','Default Color:'=>'','Layout Type'=>'','Title Color'=>'','Content Color'=>'','Image Border Color'=>'','Fit to the Container area'=>'','Add padding to the Slider area'=>'','Remove padding from the Slider area'=>'','Vertical align'=>'','Background Image Size'=>'','cover'=>'','repeat'=>'','If you specifying a numbers with decimals such as 1.5, Please set "Centering the active slide"'=>'','The decimal point can be set for the display number only when the display is switched one by one.'=>'','Enter integer divisors for the number of placed slide items for each display size.'=>'','If you want to loop slides, the number of placed slide items must be at least twice as large as the number of items to display per view.'=>'','Multi-item Display Setting'=>'','Number of Items to display per view'=>'','Enter divisors for the number of placed slide items for each display size.'=>'','If the number is not divisible, the sliding behaviour will be unnatural'=>'','Number of items to change in a transition'=>'','One by One'=>'','Same as the number of items to display'=>'','Centering the active slide'=>'','If you specify the center, you can display items that are cut off on the left and right.'=>'','Full Wide'=>'','Height'=>'','Slider Settings'=>'','Effect '=>'','Slide'=>'','Fade'=>'','Loop '=>'','AutoPlay'=>'','Stop AutoPlay when swipe'=>'','Display Time'=>'','Change Speed'=>'','Pagination Type'=>'','Number of slides'=>'','Navigation Position'=>'','Bottom on Mobile device'=>'','height'=>'','margin-top'=>'','margin-bottom'=>'','Space Type'=>'','Custom'=>'','You can change each common margin size from Setting > VK Blocks'=>'','Height for each device.'=>'','Spacer Settings'=>'','Your Name'=>'','Caption'=>'','Role position'=>'','Profile title'=>'','Profile text'=>'','Layout'=>'','Image left'=>'','Image border'=>'','Alt text'=>'','Set the alt text for profile image'=>'','Staff name'=>'','Name caption'=>'','Heading Font'=>'','Font'=>'','minchoBody'=>'','Note : Contains double-byte spaces; CSS may not work.'=>'','There is an error with your CSS structure.'=>'','Card (Image Round)'=>'','Card'=>'','Card (No border)'=>'','Card (Intext)'=>'','Card (Horizontal)'=>'','Media'=>'','Text 1 Column'=>'','Display type and columns'=>'','Column ( Screen size : Extra large )'=>'','Column ( Screen size : XX large )'=>'','Column ( Screen size : Extra small )'=>'','Column ( Screen size : Small )'=>'','Column ( Screen size : Medium )'=>'','Column ( Screen size : Large )'=>'','Button align'=>'','Term\'s name on Image'=>'','Excerpt'=>'','Author'=>'','Date'=>'','New mark'=>'','Taxonomies (all)'=>'','New mark option'=>'','Number of days to display the new post mark'=>'','New post mark'=>'','Link target'=>'','Open in new tab'=>'','Link rel'=>'','If selector is specified, it is replaced by a block-specific CSS class. If selector is set to "selector", it will be replaced with a block-specific CSS class. CSS selectors other than "selector" may affect the entire page.'=>'','If you want the edit screen to be as close to the public screen as possible, or if your own CSS interferes with the CSS for the identification display and does not display as intended on the edit screen, please hide it.'=>'','Hidden Settings'=>'','Hidden at screen size'=>'','Note : This function is display hidden only. Actually Block is output to HTML. Please don\'t use you must not visible item. Don\'t use it for blocks you really don\'t want to display.'=>'','Hidden ( Screen size : all )'=>'','Hidden ( Screen size : xs )'=>'','Hidden ( Screen size : sm )'=>'','Hidden ( Screen size : md )'=>'','Hidden ( Screen size : lg )'=>'','Hidden ( Screen size : xl )'=>'','Hidden ( Screen size : xxl )'=>'','If you want to hide multiple blocks, that first you set to group block and the next, hide for the that group block.'=>'','Highlighter'=>'','Inline Font Size'=>'','Inline font size'=>'','Apply'=>'','Big'=>'','Extra big'=>'','Top XL'=>'','Margin the block'=>'','Top L'=>'','Top M'=>'','Top S'=>'','Top XS'=>'','Top 0'=>'','Bottom 0'=>'','Bottom XS'=>'','Bottom S'=>'','Bottom M'=>'','Bottom L'=>'','Bottom XL'=>'','No wrap'=>'','Responsive BR'=>'','Responsive BR '=>'','Because of the theme that enabled theme.json become can specify the color from border panel that, specification from here is deprecated.'=>'','List Icon Color'=>'','Theoretical Physicist'=>'','Profile'=>'','Albert Einstein'=>'','14 March 1879 – 18 April 1955'=>'','Lorem ipsum dolor'=>'','Lorem ipsum'=>'','Font Awesome icon list'=>'','If you want to use an icon other than the ones listed above, you can use any of the icons from Font Awesome\'s icon list Please select a tag and enter it.'=>'','Ex) '=>'','When you click save button, the window will be reloaded and this setting will be applied.'=>'','Save'=>'','Select Icon'=>'','vh'=>'','svh'=>'','lvh'=>'','dvh'=>'','VK Blocks Pro'=>'','https://github.com/vektor-inc/vk-blocks'=>'','This is a plugin that extends Block Editor.'=>'','Vektor,Inc.'=>'','https://vektor-inc.co.jp'=>'','We\'ve released VK Blocks Pro!'=>'','Thank you for using VK Blocks. We\'ve released VK Blocks Pro. It has more custom blocks to build web site more easily. If you are interested in VK Blocks Pro, Please read %1$s this post %2$s for more details.'=>'','https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/'=>'','See more'=>'','Dismiss this notice'=>'','Install Required Plugins'=>'','Install Plugins'=>'','Installing Plugin: %s'=>'','Something went wrong with the plugin API.'=>'','This plugin requires the following plugin: %1$s.'=>'' . "\0" . '','This plugin recommends the following plugin: %1$s.
    Many additional functions are available for free.'=>'' . "\0" . '','Sorry, but you do not have the correct permissions to install the %1$s plugin.'=>'' . "\0" . '','The following plugin needs to be updated to its latest version to ensure maximum compatibility with this plugin: %1$s.'=>'' . "\0" . '','There is an update available for: %1$s.'=>'' . "\0" . '','Sorry, but you do not have the correct permissions to update the %1$s plugin.'=>'' . "\0" . '','The following required plugin is currently inactive: %1$s.'=>'' . "\0" . '','The following recommended plugin is currently inactive: %1$s.'=>'' . "\0" . '','Sorry, but you do not have the correct permissions to activate the %1$s plugin.'=>'' . "\0" . '','Begin installing plugin'=>'' . "\0" . '','Begin updating plugin'=>'' . "\0" . '','Begin activating plugin'=>'' . "\0" . '','Return to Required Plugins Installer'=>'','Plugin activated successfully.'=>'','The following plugin was activated successfully:'=>'','No action taken. Plugin %1$s was already active.'=>'','Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin.'=>'','All plugins installed and activated successfully. %1$s'=>'','Please contact the administrator of this site for help.'=>'','FAQ Setting'=>'','Blocks setting'=>'','label in admin menuBlocks'=>'','Blocks Setting'=>'','License Key'=>'','Balloon Block Setting'=>'','Load Separete Setting'=>'','Setting'=>'','Blocks'=>'','Blocks Layout'=>'','Deprecated Blocks'=>'','Dummy Text'=>'','Because of the site editor have not child page that, the page list from ancestor is not displayed. Now displaying the dummy text list instead of the page list from ancestor.'=>'','This message only display on the edit screen.'=>'','Edit this area'=>'','Please select year'=>'','Please select month'=>'','Please select taxonomy'=>'','Categories'=>'','All of %s'=>'','Background fill lightgray'=>'','Double border top and bottom black'=>'','Double border bottom black'=>'','Solid border top and bottom black'=>'','Solid border bottom black'=>'','Dotted border bottom black'=>'','Both ends'=>'','Brackets black'=>'','Arrow'=>'','Check'=>'','Check Square'=>'','Check Circle'=>'','Handpoint'=>'','Pencil'=>'','Smile'=>'','Frown'=>'','Numbered Circle'=>'','Numbered Square'=>'','Border Top Bottom'=>'','Border / Stripes'=>'','Rounded02'=>'','Photo frame'=>'','Photo frame Tilt Right'=>'','Photo frame Tilt Left'=>'','Shadow'=>'','Wave01'=>'','Wave02'=>'','Wave03'=>'','Wave04'=>'','Solid Roundcorner'=>'','Stitch'=>'','Setting saved.'=>'','Post'=>'','There are no %ss.'=>'','Read more'=>'','New!!'=>'','More'=>'','Posts navigation'=>'','Posts'=>'','Page'=>'','Card Noborder'=>'','Card Intext'=>'','Card Horizontal'=>'','post list typeText 1 Column'=>'','VK Blocks '=>'','Disabled Blocks module on VK All in One Expansion Unit. Because VK-Blocks Plugin running.'=>'','License Key has no registered.'=>'','The VK Blocks Pro license is invalid.'=>'','Please enter a valid license key for any of the following products on the settings screen.'=>'','Enter the license key'=>'','If this display does not disappear even after entering a valid license key, re-acquire the update.'=>'','Re-acquisition of updates'=>'','block titleAlert'=>'','block descriptionA colored box with four statuses, including annotations and alerts.'=>'','block titlePage list from ancestor'=>'','block descriptionDisplay Page list from ancestor page'=>'','block titleBallon'=>'','block descriptionThese speech balloons are perfect for recreating conversations.'=>'','block titleBorder Box'=>'','block descriptionThis is a border box where you can place headings to attract attention.'=>'','block titleButton'=>'','block descriptionA button link that can display icons before and after.'=>'','block titleClassic FAQ'=>'','block descriptionDisplays a combination of questions and answers.'=>'','block titleFAQ Answer'=>'','block descriptionAnswer area where you can add blocks freely.'=>'','block titleFAQ Question'=>'','block descriptionQuestion area where you can freely add blocks.'=>'','block titleNew FAQ'=>'','block descriptionIt displays a combination of questions and answers. You can freely add blocks to the question area as well.'=>'','block titleFlow'=>'','block descriptionDisplays a sequential description in time series.'=>'','block titleHeading'=>'','block descriptionThis is a heading that allows you to set text size, subtext, icon, and margin.'=>'','block titleIcon Outer'=>'','block descriptionDisplay the Font Awesome icons horizontally.'=>'','block titleIcon'=>'','block descriptionDisplay icons with Font Awesome.'=>'','block titlePage Content'=>'','block descriptionDisplays the body content of the specified parent page.'=>'','block titlePR Blocks (not recommended)'=>'','block descriptionThis is a PR block where you can place images and icon. But currently, it is possible to create the same layout by combining Column Block and Icon Block, so this block is not recommended. Please check Columns category of Block Patterns.'=>'','block titlePR Content'=>'','block descriptionThis is PR content where you can place images, headlines, text, and buttons.'=>'','block titleSlider Item'=>'','block descriptionThis is one item in the slider.'=>'','block titleSlider'=>'','block descriptionThis slider allows you to place various items.Slider is do not move in edit screen.'=>'','block titleResponsive Spacer'=>'','block descriptionUse responsive spacers to get the margins right.'=>'','block titleStaff'=>'','block descriptionUsed for staff introduction, company introduction, school introduction, menu, etc.'=>'','block titleAccordion Target'=>'','block descriptionThis is the content area where you can add blocks freely.'=>'','block titleAccordion Trigger'=>'','block descriptionThis is the title area where you can freely add blocks.'=>'','block titleAccordion'=>'','block descriptionCollapses and hides content when the content is long.'=>'','block titleAnimation'=>'','block descriptionAdd animation to elements when scrolling the page.'=>'','block titleArchive list'=>'','block descriptionDisplays a list of archives'=>'','block titleBreadcrumb'=>'','block descriptionDisplays breadcrumbs of a page\'s hierarchy, or a post\'s categories.This block is not displayed on the front page.'=>'','block titleButton Outer'=>'','block descriptionDisplay the VK Button block horizontally.'=>'','block titleCard Item'=>'','block descriptionA single item in a card block.'=>'','block titleCard'=>'','block descriptionA card where you can place images, headings, text, and links.'=>'','block titleChild page list'=>'','block descriptionWhen a parent page is specified, a list of its child pages will be displayed.'=>'','block titleDynamic Text'=>'','block descriptionDisplay dynamic text'=>'','block titleGrid Column Item'=>'','block descriptionOne item in a grit column block.'=>'','block titleGrid Column'=>'','block descriptionSet the number of columns to be displayed for each screen size.'=>'','block titleGrid Column Card Item Body'=>'','block descriptionBody of Grid Column Card Block Item'=>'','block titleGrid Column Card Item Footer'=>'','block descriptionFooter button area of Grid Column Card Block Item'=>'','block titleGrid Column Card Item header'=>'','block descriptionHeader image area of Grid Column Card Block Item'=>'','block titleGrid Column Card Item'=>'','block descriptionIt is a block of single column of Grid Column Card.'=>'','block titleGrid Column Card'=>'','block descriptionThis block can flexible column layout'=>'','block titleIcon Card Item'=>'','block descriptionThis is one item in an icon card.'=>'','block titleIcon Card'=>'','block descriptionDisplay card with icons, headings, text, and links.'=>'','block titleOuter'=>'','block descriptionSet the background image, color, and border to show the layout and divisions.'=>'','block titlePost list'=>'','block descriptionDisplays the list of posts by setting the post type, classification, and number of posts to display.'=>'','block titleSelected Post List Item'=>'','block descriptionA single item in the select post list.'=>'','block titleSelected Post List'=>'','block descriptionDisplays an arbitrarily specified page with the layout of the posting list.'=>'','block titleStep Item'=>'','block descriptionThis element sets the icon, color, and style of the step mark.'=>'','block titleStep'=>'','block descriptionSet and display step marks, which are useful when explaining the order.'=>'','block titleTable of Contents'=>'','block descriptionThis is a table of contents that is automatically generated according to the headings when added.'=>'','block titleTaxonomy'=>'','block descriptionDisplay Taxnomy List Pulldown'=>'','block titleTimeline Item'=>'','block descriptionThis element sets the label, color, and style of the timeline.'=>'','block titleTimeline'=>'','block descriptionDisplays a simple schedule and other information that is useful for explaining the order.'=>''],'language'=>'','x-generator'=>'Poedit 3.3.1']; \ No newline at end of file +return ['domain'=>'vk-blocks-pro','plural-forms'=>NULL,'messages'=>['Added balloon image setting'=>'','Balloon Image Setting'=>'','Would you like to delete %s?'=>'','Cancel'=>'','Delete'=>'','Select'=>'','Balloon Image Name'=>'','Balloon Setting'=>'','Balloon Border Width Setting'=>'','1px'=>'','2px'=>'','3px'=>'','4px'=>'','You can register frequently used icon images for speech bubble blocks.'=>'','image'=>'','Block Manager Setting'=>'','Block Style Manager Setting'=>'','Block Style Label (Changeable)'=>'','Add'=>'','Add Custom Block Style'=>'','Target Block (Required/Unchangeable)'=>'','Set the target block.'=>'','Search for a block'=>'','Please enter a string'=>'','Only alphanumeric characters, hyphens, and underscores are allowed.'=>'','Class name is required'=>'','Already registered'=>'','The identifier of the style used to compute a CSS class. (Required/Unchangeable)'=>'','This will be the CSS class name following is-style-.'=>'','(e.g.) %s-block-style'=>'','Custom Block Style Setting'=>'','Block style settings can be registered.'=>'','Target block'=>'','CSS class'=>'','If selector is specified, it will be replaced with CSS class (.is-style-%1$s). CSS selectors other than selector,.is-style-%2$s may affect the entire page.'=>'','Block Style Labels'=>'','※ Required If no title is entered, it will not appear on the toolbar.'=>'','If this Block Style is used for saved content, the style may change.'=>'','Edit'=>'','Custom CSS Setting'=>'','Show Custom CSS flag in editor'=>'','Add Custom Format'=>'','CSS class/unique ID (Required/Unchangeable)'=>'','(e.g.) vk-format-1'=>'','Toolbar title (Changeable)'=>'','Must begin with an alphabetic character and only alphanumeric characters and hyphens may be used.'=>'','Custom Format'=>'','If the saved content has this format, the style will be unstyled.'=>'','Format Setting'=>'','Bold'=>'','Italic'=>'','Strikethrough'=>'','Nowrap'=>'','Color'=>'','Text Color'=>'','Background Color'=>'','Highlighter Color'=>'','Activate Highlighter'=>'','Custom CSS'=>'','If selector is specified, it will be replaced by a unique CSS class (.%s); CSS selectors other than selector may affect the entire page.'=>'','Example:'=>'','Custom Format Setting'=>'','You can apply commonly used formatting on the block toolbar.'=>'','Toolbar title'=>'','Preview Text'=>'','Please enter a license key of valid Vektor Passport ( or Lightning G3 Pro Pack or Lightning Pro ).'=>'','Once you enter the license key you will be able to do a one click update from the administration screen.'=>'','License key'=>'','Load Separate Setting'=>'','Note that the order in which CSS/JS are loaded will change.'=>'','Load Separate Option on'=>'','Custom Value'=>'','If you enter a custom value, the values you entered will be used as a priority.'=>'','This item is mainly intended for inputting CSS variables for the margins specified by the theme. Thereby you can apply to the same margin size to the VK Blocks.'=>'','ex)'=>'','Margin'=>'','XS'=>'','S'=>'','M'=>'','L'=>'','XL'=>'','PC'=>'','Tablet'=>'','Mobile'=>'','Common Margin Setting'=>'','Please specify the size of the common margin used for responsive spacers, etc.'=>'','Unit'=>'','FAQ Block Setting'=>'','Disable accordion'=>'','Enable accordion and default open'=>'','Enable accordion and default close'=>'','Save setting'=>'','Save Success'=>' +develop:languages/vk-blocks-pro.po','No background color'=>'','No background color / Border'=>'','Background color'=>'','Background color / Border'=>'','Background color / Rounded '=>'','Background color / Rounded / Border'=>'','Slow'=>'','Fast'=>'','Very Fast'=>'','Animation range'=>'','Short'=>'','Normal'=>'','Long'=>'','Animation only the first view'=>'','Animation Settings'=>'','Animation effect'=>'','Fade In'=>'','Slide Up'=>'','Slide Left'=>'','Slide Right'=>'','Left Right'=>'','Up Down'=>'','Trembling Y'=>'','Trembling X'=>'','Pounding'=>'','Shaking'=>'','Animation speed'=>'','Very Slow'=>'','Archive List Setting'=>'','Post type'=>'','Archive type'=>'','Monthly'=>'','Yearly'=>'','Display as dropdown'=>'','Show post counts'=>'','Button Common Setting'=>'','Button gap size'=>'','Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. '=>'','Title'=>'','Select image'=>'','Delete Image'=>'','URL'=>'','https://example.com'=>'','Display item'=>'','Excerpt Text'=>'','Warning! When you hidden this item, you will lose the content.'=>'','Image'=>'','Button'=>'','Button option'=>'','Click each card block to set the target url. You can find the url form at it\'s sidebar.'=>'','Button text'=>'','Image Height'=>'','Slide Height for each device.'=>'','There are no Page.'=>'','Display conditions'=>'','Parent'=>'','Ignore this post'=>'','Current page'=>'','Please select display element from the Setting sidebar.'=>'','Post Type Name'=>'','Ancestor Page Title'=>'','Display element settings'=>'','Display element'=>'','Please Select'=>'','Post type name of the page being viewed'=>'','Page name in the ancestor hierarchy of the displayed page'=>'','Hide on Ancestor Hierarchy Pages'=>'','This block will not display on pages other than pages that have a parent hierarchy.'=>'','HTML element'=>'','div (default)'=>'','h1'=>'','h2'=>'','h3'=>'','h4'=>'','h5'=>'','h6'=>'','p'=>'','span'=>'','Color Settings'=>'','Margin setting inside the item'=>'','Padding (Top)'=>'','Padding (Left and Right)'=>'','Padding (Bottom)'=>'','px'=>'','em'=>'','rem'=>'','vw'=>'','Layout Columns'=>'','Column Margin Bottom Setting'=>'','Margin Bottom'=>'','You can create a variety of layouts with grid column card blocks.'=>'','Unlink'=>'','Input Link URL'=>'','Submit'=>'','Edit mode'=>'','All columns'=>'','This column only'=>'','Edit Lock'=>'','Lock edits this block from the parent and other Grid Column Item block'=>'','Column Setting'=>'','Link URL:'=>'','Open link new tab.'=>'','If you set a link URL, do not place the link element (text or button) in the Grid Column Card Item. It may not be displayed correctly.'=>'','Make sure that no link is specified for the image block, etc.'=>'','Image fit to column'=>'','Column footer button area'=>'','Display'=>'','Hide'=>'','Column Radius'=>'','Border'=>'','Border Color'=>'','Column padding'=>'','Column header media area'=>'','Column Width Setting'=>'','If you specify the minimum column size on a tablet or PC with %, it will be easier to align the number of columns in the upper and lower rows according to the screen size.'=>'','Column min width (Mobile)'=>'','Column min width (Tablet / Optional)'=>'','Column min width (PC / Optional)'=>'','Column Gap Setting'=>'','Column gap size'=>'','Column row-gap size (optional)'=>'','Specify all columns at once'=>'','Input Title'=>'','Input Content'=>'','Icon Card Setting'=>'','Icon'=>'','Icon Background:'=>'','Solid color'=>'','No background'=>'','Columns'=>'','Align'=>'','Text'=>'','Background Setting'=>'','Color Setting'=>'','Color will overcome background image. If you want to display image, set opacity 0.'=>'','Opacity Setting'=>'','Background Image PC'=>'','Background Image Tablet'=>'','Background Image Mobile'=>'','Background image Position'=>'','Repeat'=>'','Cover'=>'','Cover fixed (Not fixed on iPhone)'=>'','Parallax (Non-guaranteed)'=>'','Layout Setting'=>'','Width'=>'','Fit to the Content area'=>'','Add padding to the Outer area'=>'','Remove padding from the Outer area'=>'','Padding (Top and Bottom)'=>'','Use default padding'=>'','Do not use default padding'=>'','* If you select "Do not use" that, please set yourself it such as a spacer block.'=>'','Divider Setting'=>'','Type'=>'','Tilt'=>'','Curve'=>'','Wave'=>'','Triangle'=>'','Upper Divider Level'=>'','Lower Divider Level'=>'','Border Setting'=>'','Border will disappear when divider effect is applied.'=>'','Border type'=>'','None'=>'','Solid'=>'','Dotted'=>'','Dashed'=>'','Double'=>'','Groove'=>'','Ridge'=>'','Inset'=>'','Outset'=>'','Border width'=>'','Border radius'=>'','Container Inner Side Space Setting'=>'','Unit Type'=>'','Filter by %s'=>'','Filter by PostTypes'=>'','Taxonomy filter condition'=>'','OR ( Whichever apply )'=>'','AND ( All apply )'=>'','Number of Posts'=>'','Filter by Date'=>'','Period of Time'=>'','Whole Period'=>'','From Today'=>'','From Now'=>'','From Tomorrow'=>'','* If you choose a future period, you will need to customize it so that future posts will be published immediately.'=>'','Order'=>'','ASC'=>'','DESC'=>'','Order by'=>'','Published Date'=>'','Modefied Date'=>'','Random'=>'','offset'=>'','Because no post is selected, The block Will not render'=>'','Input Internal Post URL'=>'','Ex,6:00AM'=>'','Style +develop:languages/vk-blocks-pro.po'=>'','Outlined'=>'','Default'=>'','Step Mark'=>'','If Font Awesome tags entered, it will overrides the number.'=>'','First Dot Number'=>'','Tab Color Setting'=>'','Tab Color'=>'','Body Layout Setting'=>'','Padding of Tab Body'=>'','Tab Item'=>'','Tab Label [ %s ]'=>'','Tab size Setting'=>'','Tab Size ( Smart Phone )'=>'','Tab Size ( Tablet )'=>'','Tab Size ( PC )'=>'','Fit to the text'=>'','Monospaced'=>'','Padding Setting Mode'=>'','Separate'=>'','Tab 01'=>'','Bundle'=>'','Tab 02'=>'','Tab'=>'','Normal No Frame'=>'','Line'=>'','Line No Frame'=>'','Table of Contents'=>'','Note on duplicating headings'=>'','If you duplicate a heading, the table of contents block will not work properly, please reassign the ID.'=>'','Display type'=>'','No frame'=>'','Default Display Status'=>'','OPEN'=>'','CLOSE'=>'','Show only top level categories'=>'','Hide if term has no posts'=>'','Show hierarchy'=>'','This block will not be displayed because no taxonomy is selected.'=>'','This block will not be displayed because this taxonomy has no term.'=>'','Taxonomy Block Option'=>'','Taxonomy'=>'','label'=>'','Style Settings'=>'','Success'=>'','Info'=>'','Warning'=>'','Danger'=>'','Don\'t display inactive grand child pages'=>'','Ancestor Page List Setting'=>'','Display Ancestor Page Title'=>'','Archive title tag'=>'','Ancestor page title class name'=>'','Add link to ancestor page title'=>'','If there is no child page, the block itself is not displayed'=>'',' Image Border'=>'','Add border to image'=>'','* You can change border width on Setting > VK Blocks'=>'','Border color of speech balloon'=>'','Add border to balloon'=>'','Balloon setting'=>'','Position'=>'','Please specify the layout of the balloon.'=>'','Left'=>'','Right'=>'','Please select the type of balloon.'=>'','Speech'=>'','Thinking'=>'','Image Style'=>'','Rounded'=>'','Circle'=>'','100%'=>'','Background color of speech balloon'=>'','Default Icon Setting'=>'','You can register default icons from Settings > VK Blocks in Admin.'=>'','Animation setting'=>'','Please select the type of animation.'=>'','Trembling'=>'','Upload image'=>'','Icon Name'=>'','Please enter a title.'=>'','The margin-top of the first element and the margin-bottom of the last element in the border block will be automatically set to 0.If you want to add margins at the beginning and end, use a spacer block to specify height instead of margin.'=>'','Transparent'=>'','White'=>'','Solid Angle Tab'=>'','Solid Round Tab'=>'','Solid Angle Banner'=>'','Solid Angle Onborder'=>'','Solid Angle Inner'=>'','Solid Angle iconFeature'=>'','Button setting'=>'','Sub Caption'=>'','Button Size:'=>'','Large'=>'','Small'=>'','Button Position:'=>'','Center'=>'','Wide'=>'','Block'=>'','Button Width:'=>'','25%'=>'','50%'=>'','75%'=>'','Button Style:'=>'','Text only'=>'','If you select "No background", that you need to select a Custom Color.'=>'','Button Effect:'=>'','Shine'=>'','Default Color (Bootstrap)'=>'','Primary'=>'','Secondary'=>'','Light'=>'','Dark'=>'','Custom Color'=>'','Button Color'=>'','This color palette overrides the default color. If you want to use the default color, click the clear button.'=>'','Before text'=>'','After text'=>'','Size'=>'','Input text'=>'','If you want to be collapsing this block, you can set it at Setting > VK Blocks'=>'','You can be collapsing this block at VK Blocks Pro'=>'','Accordion Setting'=>'','Please enter a question.'=>'','Bgfill Circle'=>'','Bgfill Square'=>'','Bgfill Rounded'=>'','Border Circle'=>'','Border Square'=>'','Border Rounded'=>'','Display of arrow'=>'','Arrow display'=>'','Arrow hidden'=>'','Input title'=>'','Input content'=>'','Input sub text…'=>'','Input title…'=>'','Heading style'=>'','Plain'=>'','Margin Setting'=>'','Margin between Heading and sub text (rem)'=>'','Margin bottom size of after this block (rem)'=>'','Heading Settings'=>'','Icon Color'=>'','Sub Text Settings'=>'','Text size (rem)'=>'','Change heading level'=>'','Heading %d'=>'','Reset'=>'','Icon & Frame'=>'','Icon only'=>'','Icon Common Setting'=>'','Icon Setting'=>'','Link URL'=>'','Unspecified'=>'','Page Setting'=>'','Select Page'=>'','This block can display private content. Please note that this content will be public even if you set the original page to private.'=>'','PR Block1 Setting'=>'','Icon 1'=>'','When you have an image. Image is displayed with priority'=>'','PR Image 1'=>'','PR Block2 Setting'=>'','Icon 2'=>'','PR Image 2'=>'','PR Block3 Setting'=>'','Icon 3'=>'','When you have an image. Image is displayed with priority.'=>'','PR Image 3'=>'','Input title.'=>'','Input content.'=>'','Select Image'=>'','Button Setting'=>'','Button Text'=>'','Button Type'=>'','Ghost'=>'','Default Color:'=>'','Layout Type'=>'','Title Color'=>'','Content Color'=>'','Image Border Color'=>'','Fit to the Container area'=>'','Add padding to the Slider area'=>'','Remove padding from the Slider area'=>'','Vertical align'=>'','Background Image Size'=>'','cover'=>'','repeat'=>'','If you specifying a numbers with decimals such as 1.5, Please set "Centering the active slide"'=>'','The decimal point can be set for the display number only when the display is switched one by one.'=>'','Enter integer divisors for the number of placed slide items for each display size.'=>'','If you want to loop slides, the number of placed slide items must be at least twice as large as the number of items to display per view.'=>'','Multi-item Display Setting'=>'','Number of Items to display per view'=>'','Enter divisors for the number of placed slide items for each display size.'=>'','If the number is not divisible, the sliding behaviour will be unnatural'=>'','Number of items to change in a transition'=>'','One by One'=>'','Same as the number of items to display'=>'','Centering the active slide'=>'','If you specify the center, you can display items that are cut off on the left and right.'=>'','Full Wide'=>'','Height'=>'','Slider Settings'=>'','Effect '=>'','Slide'=>'','Fade'=>'','Loop '=>'','AutoPlay'=>'','Stop AutoPlay when swipe'=>'','Display Time'=>'','Change Speed'=>'','Pagination Type'=>'','Number of slides'=>'','Navigation Position'=>'','Bottom on Mobile device'=>'','height'=>'','margin-top'=>'','margin-bottom'=>'','Space Type'=>'','Custom'=>'','You can change each common margin size from Setting > VK Blocks'=>'','Height for each device.'=>'','Spacer Settings'=>'','Medium'=>'','Your Name'=>'','Caption'=>'','Role position'=>'','Profile title'=>'','Profile text'=>'','Layout'=>'','Image left'=>'','Image border'=>'','Alt text'=>'','Set the alt text for profile image'=>'','Staff name'=>'','Name caption'=>'','Heading Font'=>'','Font'=>'','minchoBody'=>'','Note : Contains double-byte spaces; CSS may not work.'=>'','There is an error with your CSS structure.'=>'','Card (Image Round)'=>'','Card'=>'','Card (No border)'=>'','Card (Intext)'=>'','Card (Horizontal)'=>'','Media'=>'','Text 1 Column'=>'','Display type and columns'=>'','Column ( Screen size : Extra large )'=>'','Column ( Screen size : XX large )'=>'','Column ( Screen size : Extra small )'=>'','Column ( Screen size : Small )'=>'','Column ( Screen size : Medium )'=>'','Column ( Screen size : Large )'=>'','Button align'=>'','Term\'s name on Image'=>'','Excerpt'=>'','Author'=>'','Date'=>'','New mark'=>'','Taxonomies (all)'=>'','New mark option'=>'','Number of days to display the new post mark'=>'','New post mark'=>'','Link target'=>'','Open in new tab'=>'','Link rel'=>'','If selector is specified, it is replaced by a block-specific CSS class. If selector is set to "selector", it will be replaced with a block-specific CSS class. CSS selectors other than "selector" may affect the entire page.'=>'','If you want the edit screen to be as close to the public screen as possible, or if your own CSS interferes with the CSS for the identification display and does not display as intended on the edit screen, please hide it.'=>'','Hidden Settings'=>'','Hidden at screen size'=>'','Note : This function is display hidden only. Actually Block is output to HTML. Please don\'t use you must not visible item. Don\'t use it for blocks you really don\'t want to display.'=>'','Hidden ( Screen size : all )'=>'','Hidden ( Screen size : xs )'=>'','Hidden ( Screen size : sm )'=>'','Hidden ( Screen size : md )'=>'','Hidden ( Screen size : lg )'=>'','Hidden ( Screen size : xl )'=>'','Hidden ( Screen size : xxl )'=>'','If you want to hide multiple blocks, that first you set to group block and the next, hide for the that group block.'=>'','Highlighter'=>'','Inline Font Size'=>'','Inline font size'=>'','Apply'=>'','Big'=>'','Extra big'=>'','Top XL'=>'','Margin the block'=>'','Top L'=>'','Top M'=>'','Top S'=>'','Top XS'=>'','Top 0'=>'','Bottom 0'=>'','Bottom XS'=>'','Bottom S'=>'','Bottom M'=>'','Bottom L'=>'','Bottom XL'=>'','No wrap'=>'','Responsive BR'=>'','Responsive BR '=>'','Because of the theme that enabled theme.json become can specify the color from border panel that, specification from here is deprecated.'=>'','List Icon Color'=>'','Theoretical Physicist'=>'','Profile'=>'','Albert Einstein'=>'','14 March 1879 – 18 April 1955'=>'','Lorem ipsum dolor'=>'','Lorem ipsum'=>'','Font Awesome icon list'=>'','If you want to use an icon other than the ones listed above, you can use any of the icons from Font Awesome\'s icon list Please select a tag and enter it.'=>'','Ex) '=>'','When you click save button, the window will be reloaded and this setting will be applied.'=>'','Save'=>'','Select Icon'=>'','vh'=>'','svh'=>'','lvh'=>'','dvh'=>'','VK Blocks Pro'=>'','https://github.com/vektor-inc/vk-blocks'=>'','This is a plugin that extends Block Editor.'=>'','Vektor,Inc.'=>'','https://vektor-inc.co.jp'=>'','We\'ve released VK Blocks Pro!'=>'','Thank you for using VK Blocks. We\'ve released VK Blocks Pro. It has more custom blocks to build web site more easily. If you are interested in VK Blocks Pro, Please read %1$s this post %2$s for more details.'=>'','https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/'=>'','See more'=>'','Dismiss this notice'=>'','Setting saved.'=>'','Install Required Plugins'=>'','Install Plugins'=>'','Installing Plugin: %s'=>'','Something went wrong with the plugin API.'=>'','This plugin requires the following plugin: %1$s.'=>'' . "\0" . '','This plugin recommends the following plugin: %1$s.
    Many additional functions are available for free.'=>'' . "\0" . '','Sorry, but you do not have the correct permissions to install the %1$s plugin.'=>'' . "\0" . '','The following plugin needs to be updated to its latest version to ensure maximum compatibility with this plugin: %1$s.'=>'' . "\0" . '','There is an update available for: %1$s.'=>'' . "\0" . '','Sorry, but you do not have the correct permissions to update the %1$s plugin.'=>'' . "\0" . '','The following required plugin is currently inactive: %1$s.'=>'' . "\0" . '','The following recommended plugin is currently inactive: %1$s.'=>'' . "\0" . '','Sorry, but you do not have the correct permissions to activate the %1$s plugin.'=>'' . "\0" . '','Begin installing plugin'=>'' . "\0" . '','Begin updating plugin'=>'' . "\0" . '','Begin activating plugin'=>'' . "\0" . '','Return to Required Plugins Installer'=>'','Plugin activated successfully.'=>'','The following plugin was activated successfully:'=>'','No action taken. Plugin %1$s was already active.'=>'','Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin.'=>'','All plugins installed and activated successfully. %1$s'=>'','Please contact the administrator of this site for help.'=>'','Sorry, there is no post'=>'','Vektor WordPress Information'=>'','Enable accordion and default open '=>'','Enable accordion and default close '=>'','FAQ Setting'=>'','If you change image or name that please click Save Changes button.'=>'','Enter a valid Lightning G3 Pro Pack or Lightning Pro license key.'=>'','Load Separete Setting'=>'','Load Separete Option on'=>'','Blocks setting'=>'','label in admin menuBlocks'=>'','Blocks Setting'=>'','License Key'=>'','Balloon Block Setting'=>'','Setting'=>'','Edit this area'=>'','Blocks'=>'','Blocks Layout'=>'','Deprecated Blocks'=>'','Dummy Text'=>'','Because of the site editor have not child page that, the page list from ancestor is not displayed. Now displaying the dummy text list instead of the page list from ancestor.'=>'','This message only display on the edit screen.'=>'','Please select year'=>'','Please select month'=>'','Please select taxonomy'=>'','Categories'=>'','All of %s'=>'','Background fill lightgray'=>'','Double border top and bottom black'=>'','Double border bottom black'=>'','Solid border top and bottom black'=>'','Solid border bottom black'=>'','Dotted border bottom black'=>'','Both ends'=>'','Brackets black'=>'','Arrow'=>'','Check'=>'','Check Square'=>'','Check Circle'=>'','Handpoint'=>'','Pencil'=>'','Smile'=>'','Frown'=>'','Numbered Circle'=>'','Numbered Square'=>'','Border Top Bottom'=>'','Border / Stripes'=>'','Rounded02'=>'','Photo frame'=>'','Photo frame Tilt Right'=>'','Photo frame Tilt Left'=>'','Shadow'=>'','Wave01'=>'','Wave02'=>'','Wave03'=>'','Wave04'=>'','Solid Roundcorner'=>'','Stitch'=>'','Post'=>'','There are no %ss.'=>'','Read more'=>'','New!!'=>'','More'=>'','Posts navigation'=>'','Posts'=>'','Page'=>'','Card Noborder'=>'','Card Intext'=>'','Card Horizontal'=>'','post list typeText 1 Column'=>'','CSS Optimize ( Speed up ) Settings'=>'','Tree shaking'=>'','Tree shaking activation settings'=>'','Output only the main CSS of the page inline'=>'','Nothing to do'=>'','Active Tree shaking (Recomend)'=>'','Exclude class of Tree shaking'=>'','If you choose "Active Tree shaking" that delete the useless css.If you using active css class that please fill in class name. Ex) btn-active,slide-active,scrolled'=>'','Preload CSS'=>'','Preload CSS activation settings'=>'','Preload css except for critical css'=>'','Active Preload CSS (Recomend)'=>'','Exclude class of Preload CSS'=>'','If you choose "Active Preload CSS" that css load timing was changed.If you have any do not want to preload css file that please fill in handle(id) name. Ex) pluginname_a-style,pluginname_b-css'=>'','Disabled Blocks module on VK All in One Expansion Unit. Because VK-Blocks Plugin running.'=>'','License Key has no registered.'=>'','The VK Blocks Pro license is invalid.'=>'','Enter a valid license key for any of the following products on the settings screen.'=>'','Enter the license key'=>'','If this display does not disappear even after entering a valid license key, re-acquire the update.'=>'','Re-acquisition of updates'=>'','VK Blocks '=>'','Please enter a valid license key for any of the following products on the settings screen.'=>'','block titleAlert'=>'','block descriptionA colored box with four statuses, including annotations and alerts.'=>'','block titlePage list from ancestor'=>'','block descriptionDisplay Page list from ancestor page'=>'','block titleBallon'=>'','block descriptionThese speech balloons are perfect for recreating conversations.'=>'','block titleBorder Box'=>'','block descriptionThis is a border box where you can place headings to attract attention.'=>'','block titleButton'=>'','block descriptionA button link that can display icons before and after.'=>'','block titleClassic FAQ'=>'','block descriptionDisplays a combination of questions and answers.'=>'','block titleFAQ Answer'=>'','block descriptionAnswer area where you can add blocks freely.'=>'','block titleFAQ Question'=>'','block descriptionQuestion area where you can freely add blocks.'=>'','block titleNew FAQ'=>'','block descriptionIt displays a combination of questions and answers. You can freely add blocks to the question area as well.'=>'','block titleFlow'=>'','block descriptionDisplays a sequential description in time series.'=>'','block titleHeading'=>'','block descriptionThis is a heading that allows you to set text size, subtext, icon, and margin.'=>'','block titleIcon Outer'=>'','block descriptionDisplay the Font Awesome icons horizontally.'=>'','block titleIcon'=>'','block descriptionDisplay icons with Font Awesome.'=>'','block titlePage Content'=>'','block descriptionDisplays the body content of the specified parent page.'=>'','block titlePR Blocks (not recommended)'=>'','block descriptionThis is a PR block where you can place images and icon. But currently, it is possible to create the same layout by combining Column Block and Icon Block, so this block is not recommended. Please check Columns category of Block Patterns.'=>'','block titlePR Content'=>'','block descriptionThis is PR content where you can place images, headlines, text, and buttons.'=>'','block titleSlider Item'=>'','block descriptionThis is one item in the slider.'=>'','block titleSlider'=>'','block descriptionThis slider allows you to place various items.Slider is do not move in edit screen.'=>'','block titleResponsive Spacer'=>'','block descriptionUse responsive spacers to get the margins right.'=>'','block titleStaff'=>'','block descriptionUsed for staff introduction, company introduction, school introduction, menu, etc.'=>'','block titleAccordion Target'=>'','block descriptionThis is the content area where you can add blocks freely.'=>'','block titleAccordion Trigger'=>'','block descriptionThis is the title area where you can freely add blocks.'=>'','block titleAccordion'=>'','block descriptionCollapses and hides content when the content is long.'=>'','block titleAnimation'=>'','block descriptionAdd animation to elements when scrolling the page.'=>'','block titleArchive list'=>'','block descriptionDisplays a list of archives'=>'','block titleBreadcrumb'=>'','block descriptionDisplays breadcrumbs of a page\'s hierarchy, or a post\'s categories.This block is not displayed on the front page.'=>'','block titleButton Outer'=>'','block descriptionDisplay the VK Button block horizontally.'=>'','block titleCard Item'=>'','block descriptionA single item in a card block.'=>'','block titleCard'=>'','block descriptionA card where you can place images, headings, text, and links.'=>'','block titleChild page list'=>'','block descriptionWhen a parent page is specified, a list of its child pages will be displayed.'=>'','block titleDynamic Text'=>'','block descriptionDisplay dynamic text'=>'','block titleGrid Column Item'=>'','block descriptionOne item in a grit column block.'=>'','block titleGrid Column'=>'','block descriptionSet the number of columns to be displayed for each screen size.'=>'','block titleGrid Column Card Item Body'=>'','block descriptionBody of Grid Column Card Block Item'=>'','block titleGrid Column Card Item Footer'=>'','block descriptionFooter button area of Grid Column Card Block Item'=>'','block titleGrid Column Card Item header'=>'','block descriptionHeader image area of Grid Column Card Block Item'=>'','block titleGrid Column Card Item'=>'','block descriptionIt is a block of single column of Grid Column Card.'=>'','block titleGrid Column Card'=>'','block descriptionThis block can flexible column layout'=>'','block titleIcon Card Item'=>'','block descriptionThis is one item in an icon card.'=>'','block titleIcon Card'=>'','block descriptionDisplay card with icons, headings, text, and links.'=>'','block titleOuter'=>'','block descriptionSet the background image, color, and border to show the layout and divisions.'=>'','block titlePost list'=>'','block descriptionDisplays the list of posts by setting the post type, classification, and number of posts to display.'=>'','block titleSelected Post List Item'=>'','block descriptionA single item in the select post list.'=>'','block titleSelected Post List'=>'','block description +HEAD:inc/vk-blocks/languages/vk-blocks.potDisplays an arbitrarily specified page with the layout of the posting list.'=>'','block descriptionDisplays an arbitrarily specified page with the layout of the posting list. +develop:languages/vk-blocks-pro.po'=>'','block titleStep Item'=>'','block descriptionThis element sets the icon, color, and style of the step mark.'=>'','block titleStep'=>'','block descriptionSet and display step marks, which are useful when explaining the order.'=>'','block titleTable of Contents'=>'','block descriptionThis is a table of contents that is automatically generated according to the headings when added.'=>'','block titleTaxonomy'=>'','block descriptionDisplay Taxnomy List Pulldown'=>'','block titleTimeline Item'=>'','block descriptionThis element sets the label, color, and style of the timeline.'=>'','block titleTimeline'=>'','block descriptionDisplays a simple schedule and other information that is useful for explaining the order.'=>''],'language'=>'','x-generator'=>'Poedit 3.3.1']; \ No newline at end of file From 600f8c982211c81188c6bf994b1b85ef77b58046 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 18 Apr 2024 13:09:46 +0900 Subject: [PATCH 55/64] fix: shadow --- .../class-vk-blocks-global-settings.php | 8 ++ languages/vk-blocks-pro-js.pot | 12 +- languages/vk-blocks-pro.pot | 112 ++++++++---------- package-lock.json | 19 ++- package.json | 2 +- src/blocks/_pro/tab-item/block.json | 12 +- src/blocks/_pro/tab-item/edit.js | 9 +- src/blocks/_pro/tab-item/index.php | 24 ++-- src/blocks/_pro/tab-item/save.js | 9 +- src/blocks/_pro/tab/block.json | 16 +-- src/blocks/_pro/tab/index.js | 24 ---- src/blocks/_pro/tab/index.php | 27 ++++- src/blocks/_pro/{tab-item => tab}/style.scss | 70 +---------- 13 files changed, 115 insertions(+), 229 deletions(-) rename src/blocks/_pro/{tab-item => tab}/style.scss (77%) diff --git a/inc/vk-blocks/class-vk-blocks-global-settings.php b/inc/vk-blocks/class-vk-blocks-global-settings.php index 49f6ca136..44ff0f651 100644 --- a/inc/vk-blocks/class-vk-blocks-global-settings.php +++ b/inc/vk-blocks/class-vk-blocks-global-settings.php @@ -251,6 +251,14 @@ public static function blocks() { 'name' => 'step-item', 'is_pro' => true, ), + array( + 'name' => 'tab', + 'is_pro' => true, + ), + array( + 'name' => 'tab-item', + 'is_pro' => true, + ), array( 'name' => 'table-of-contents-new', 'is_pro' => true, diff --git a/languages/vk-blocks-pro-js.pot b/languages/vk-blocks-pro-js.pot index 14775ee4e..3a928f08d 100644 --- a/languages/vk-blocks-pro-js.pot +++ b/languages/vk-blocks-pro-js.pot @@ -1928,11 +1928,11 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:109 +#: src/blocks/_pro/tab-item/edit.js:102 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:112 +#: src/blocks/_pro/tab-item/edit.js:105 msgid "Tab Color" msgstr "" @@ -1982,17 +1982,9 @@ msgid "Tab" msgstr "" #: src/blocks/_pro/tab/index.js:27 -msgid "Normal No Frame" -msgstr "" - -#: src/blocks/_pro/tab/index.js:41 msgid "Line" msgstr "" -#: src/blocks/_pro/tab/index.js:45 -msgid "Line No Frame" -msgstr "" - #: src/blocks/_pro/table-of-contents-new/deprecated/0.59.1/save.js:19 #: src/blocks/_pro/table-of-contents-new/edit.js:162 #: src/blocks/_pro/table-of-contents-new/save.js:16 diff --git a/languages/vk-blocks-pro.pot b/languages/vk-blocks-pro.pot index 8869b48df..731fd99a9 100644 --- a/languages/vk-blocks-pro.pot +++ b/languages/vk-blocks-pro.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2024-04-17T06:57:36+00:00\n" +"POT-Creation-Date: 2024-04-18T04:08:44+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.10.0\n" "X-Domain: vk-blocks-pro\n" @@ -622,7 +622,7 @@ msgstr "" #: src/blocks/_pro/accordion/index.js:47 #: src/blocks/heading/edit.js:268 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:284 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:292 msgid "Plain" msgstr "" @@ -654,7 +654,7 @@ msgstr "" #: src/blocks/faq2/index.js:21 #: src/blocks/slider/edit.js:925 #: src/extensions/common/inline-font-size/inline.js:28 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:498 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:506 msgid "Normal" msgstr "" @@ -1398,8 +1398,8 @@ msgstr "" #: src/blocks/_pro/gridcolcard/edit-common.js:188 #: src/blocks/balloon/edit.js:310 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:372 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:386 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:380 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:394 msgid "Border" msgstr "" @@ -1638,7 +1638,7 @@ msgid "Wave" msgstr "" #: src/blocks/_pro/outer/edit.js:571 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:326 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:334 msgid "Triangle" msgstr "" @@ -1679,22 +1679,22 @@ msgstr "" #: src/blocks/_pro/step-item/edit.js:118 #: src/blocks/_pro/timeline-item/edit.js:88 #: src/blocks/pr-content/edit.js:145 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:424 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:432 msgid "Solid" msgstr "" #: src/blocks/_pro/outer/edit.js:780 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:432 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:440 msgid "Dotted" msgstr "" #: src/blocks/_pro/outer/edit.js:784 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:436 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:444 msgid "Dashed" msgstr "" #: src/blocks/_pro/outer/edit.js:788 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:440 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:448 msgid "Double" msgstr "" @@ -1916,11 +1916,11 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:109 +#: src/blocks/_pro/tab-item/edit.js:102 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:112 +#: src/blocks/_pro/tab-item/edit.js:105 msgid "Tab Color" msgstr "" @@ -1970,17 +1970,9 @@ msgid "Tab" msgstr "" #: src/blocks/_pro/tab/index.js:27 -msgid "Normal No Frame" -msgstr "" - -#: src/blocks/_pro/tab/index.js:41 msgid "Line" msgstr "" -#: src/blocks/_pro/tab/index.js:45 -msgid "Line No Frame" -msgstr "" - #: src/blocks/_pro/table-of-contents-new/deprecated/0.59.1/save.js:19 #: src/blocks/_pro/table-of-contents-new/edit.js:162 #: src/blocks/_pro/table-of-contents-new/save.js:16 @@ -2062,28 +2054,28 @@ msgstr "" #: src/blocks/alert/edit.js:25 #: src/blocks/button/edit.js:692 #: src/blocks/pr-content/edit.js:171 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:460 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:468 msgid "Success" msgstr "" #: src/blocks/alert/edit.js:29 #: src/blocks/button/edit.js:696 #: src/blocks/pr-content/edit.js:175 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:456 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:464 msgid "Info" msgstr "" #: src/blocks/alert/edit.js:33 #: src/blocks/button/edit.js:700 #: src/blocks/pr-content/edit.js:179 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:464 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:472 msgid "Warning" msgstr "" #: src/blocks/alert/edit.js:37 #: src/blocks/button/edit.js:704 #: src/blocks/pr-content/edit.js:183 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:468 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:476 msgid "Danger" msgstr "" @@ -2295,7 +2287,7 @@ msgstr "" #: src/blocks/button/edit.js:338 #: src/extensions/common/inline-font-size/inline.js:23 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:493 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:501 msgid "Small" msgstr "" @@ -3273,12 +3265,12 @@ msgid "Apply" msgstr "" #: src/extensions/common/inline-font-size/inline.js:33 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:503 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:511 msgid "Big" msgstr "" #: src/extensions/common/inline-font-size/inline.js:38 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:508 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:516 msgid "Extra big" msgstr "" @@ -3740,129 +3732,129 @@ msgstr "" msgid "VK Taxonomy Block" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:288 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:296 msgid "Background fill lightgray" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:292 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:300 msgid "Double border top and bottom black" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:296 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:304 msgid "Double border bottom black" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:300 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:308 msgid "Solid border top and bottom black" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:304 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:312 msgid "Solid border bottom black" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:308 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:316 msgid "Dotted border bottom black" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:312 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:320 msgid "Both ends" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:316 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:324 msgid "Brackets black" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:322 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:330 msgid "Arrow" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:330 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:338 msgid "Check" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:334 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:342 msgid "Check Square" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:338 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:346 msgid "Check Circle" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:342 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:350 msgid "Handpoint" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:346 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:354 msgid "Pencil" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:350 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:358 msgid "Smile" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:354 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:362 msgid "Frown" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:358 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:366 msgid "Numbered Circle" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:362 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:370 msgid "Numbered Square" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:368 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:448 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:376 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:456 msgid "Border Top Bottom" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:376 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:384 msgid "Border / Stripes" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:382 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:390 msgid "Rounded02" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:390 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:398 msgid "Photo frame" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:394 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:402 msgid "Photo frame Tilt Right" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:398 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:406 msgid "Photo frame Tilt Left" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:402 -#: inc/vk-blocks/class-vk-blocks-global-settings.php:452 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:410 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:460 msgid "Shadow" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:406 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:414 msgid "Wave01" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:410 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:418 msgid "Wave02" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:414 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:422 msgid "Wave03" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:418 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:426 msgid "Wave04" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:428 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:436 msgid "Solid Roundcorner" msgstr "" -#: inc/vk-blocks/class-vk-blocks-global-settings.php:444 +#: inc/vk-blocks/class-vk-blocks-global-settings.php:452 msgid "Stitch" msgstr "" diff --git a/package-lock.json b/package-lock.json index 2ec580dce..744e6a71a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -25,7 +25,7 @@ "@wordpress/e2e-test-utils": "^10.13.0", "@wordpress/edit-post": "^7.19.0", "@wordpress/element": "^5.19.0", - "@wordpress/env": "9.6.0", + "@wordpress/env": "5.16.0", "@wordpress/hooks": "^3.42.0", "@wordpress/i18n": "^4.42.0", "@wordpress/icons": "^9.33.0", @@ -7117,14 +7117,14 @@ } }, "node_modules/@wordpress/env": { - "version": "9.6.0", - "resolved": "https://registry.npmjs.org/@wordpress/env/-/env-9.6.0.tgz", - "integrity": "sha512-vXFcr+MfMhREEw+8TBrEtS4MlTJSAjEj5qtUHYK4dpN5DaD1LqQjPxgFFcCvKrZf0ZtT99NQqw+HHB7rYK64rg==", + "version": "5.16.0", + "resolved": "https://registry.npmjs.org/@wordpress/env/-/env-5.16.0.tgz", + "integrity": "sha512-zx6UO8PuJBrQ34cfeedK1HlGHLFaj7oWzTo9tTt+noB79Ttqc4+a0lYwDqBLLJhlHU+cWgcyOP2lB6TboXH0xA==", "dev": true, "dependencies": { "chalk": "^4.0.0", "copy-dir": "^1.3.0", - "docker-compose": "^0.24.3", + "docker-compose": "^0.22.2", "extract-zip": "^1.6.7", "got": "^11.8.5", "inquirer": "^7.1.0", @@ -13492,13 +13492,10 @@ } }, "node_modules/docker-compose": { - "version": "0.24.8", - "resolved": "https://registry.npmjs.org/docker-compose/-/docker-compose-0.24.8.tgz", - "integrity": "sha512-plizRs/Vf15H+GCVxq2EUvyPK7ei9b/cVesHvjnX4xaXjM9spHe2Ytq0BitndFgvTJ3E3NljPNUEl7BAN43iZw==", + "version": "0.22.2", + "resolved": "https://registry.npmjs.org/docker-compose/-/docker-compose-0.22.2.tgz", + "integrity": "sha512-iXWb5+LiYmylIMFXvGTYsjI1F+Xyx78Jm/uj1dxwwZLbWkUdH6yOXY5Nr3RjbYX15EgbGJCq78d29CmWQQQMPg==", "dev": true, - "dependencies": { - "yaml": "^2.2.2" - }, "engines": { "node": ">= 6.0.0" } diff --git a/package.json b/package.json index 6d60590f0..5c3cf8135 100644 --- a/package.json +++ b/package.json @@ -63,7 +63,7 @@ "@wordpress/e2e-test-utils": "^10.13.0", "@wordpress/edit-post": "^7.19.0", "@wordpress/element": "^5.19.0", - "@wordpress/env": "9.6.0", + "@wordpress/env": "5.16.0", "@wordpress/hooks": "^3.42.0", "@wordpress/i18n": "^4.42.0", "@wordpress/icons": "^9.33.0", diff --git a/src/blocks/_pro/tab-item/block.json b/src/blocks/_pro/tab-item/block.json index 0a0aa7c76..def18d929 100644 --- a/src/blocks/_pro/tab-item/block.json +++ b/src/blocks/_pro/tab-item/block.json @@ -3,6 +3,9 @@ "name": "vk-blocks/tab-item", "category": "vk-blocks-cat", "parent": ["vk-blocks/tab"], + "editorScript": "vk-blocks-build-js", + "editorStyle": "vk-blocks-build-editor-css", + "style": "vk-blocks/tab", "attributes": { "tabLabel": { "type": "string", @@ -12,15 +15,6 @@ "type": "boolean", "default": false }, - "tabBodyPadding": { - "type": "object", - "default": { - "top": null, - "right": null, - "bottom": null, - "left": null - } - }, "tabColor": { "type": "string", "default": "" diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 476f98578..3a32b10b2 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -13,13 +13,7 @@ import { isHexColor } from '@vkblocks/utils/is-hex-color'; export default function TabItemEdit(props) { const { attributes, setAttributes, clientId } = props; - const { - tabBodyActive, - tabBodyPadding, - tabColor, - tabBodyBorderTop, - blockId, - } = attributes; + const { tabBodyActive, tabColor, tabBodyBorderTop, blockId } = attributes; const { updateBlockAttributes } = dispatch('core/block-editor'); @@ -99,7 +93,6 @@ export default function TabItemEdit(props) { id: `vk_tab_bodys_body-${blockId}`, style: { ...tabBodyStyle, - padding: `${tabBodyPadding.top} ${tabBodyPadding.right} ${tabBodyPadding.bottom} ${tabBodyPadding.left}`, }, }); diff --git a/src/blocks/_pro/tab-item/index.php b/src/blocks/_pro/tab-item/index.php index fd16a14df..1dd43f0e8 100644 --- a/src/blocks/_pro/tab-item/index.php +++ b/src/blocks/_pro/tab-item/index.php @@ -12,23 +12,23 @@ */ function vk_blocks_register_block_tab_item() { - // Register Style. - if ( ! is_admin() ) { - wp_register_style( - 'vk-blocks/tab-item', - VK_BLOCKS_DIR_URL . 'build/_pro/tab-item/style.css', - array(), - VK_BLOCKS_VERSION + + // クラシックテーマ & 6.5 環境で $assets = array() のように空にしないと重複登録になるため + // ここで初期化しておく + $assets = array(); + // Attend to load separate assets. + // 分割読み込みが有効な場合のみ、分割読み込み用のスクリプトを登録する + if ( method_exists( 'VK_Blocks_Block_Loader', 'should_load_separate_assets' ) && VK_Blocks_Block_Loader::should_load_separate_assets() ) { + $assets = array( + 'style' => 'vk-blocks/tab', + 'editor_style' => 'vk-blocks-build-editor-css', + 'editor_script' => 'vk-blocks-build-js', ); } register_block_type( __DIR__, - array( - 'style' => 'vk-blocks/tab-item', - 'editor_style' => 'vk-blocks-build-editor-css', - 'editor_script' => 'vk-blocks-build-js', - ) + $assets ); } add_action( 'init', 'vk_blocks_register_block_tab_item', 99 ); diff --git a/src/blocks/_pro/tab-item/save.js b/src/blocks/_pro/tab-item/save.js index 88d6d3747..29dba68b3 100644 --- a/src/blocks/_pro/tab-item/save.js +++ b/src/blocks/_pro/tab-item/save.js @@ -2,13 +2,7 @@ import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; import { isHexColor } from '@vkblocks/utils/is-hex-color'; export default function save(props) { const { attributes } = props; - const { - tabBodyActive, - tabBodyPadding, - tabColor, - tabBodyBorderTop, - blockId, - } = attributes; + const { tabBodyActive, tabColor, tabBodyBorderTop, blockId } = attributes; let activeBodyClass = ''; if (tabBodyActive === true) { @@ -33,7 +27,6 @@ export default function save(props) { id: `vk_tab_bodys_body-${blockId}`, style: { ...tabBodyStyle, - padding: `${tabBodyPadding.top} ${tabBodyPadding.right} ${tabBodyPadding.bottom} ${tabBodyPadding.left}`, }, }); diff --git a/src/blocks/_pro/tab/block.json b/src/blocks/_pro/tab/block.json index 89752d5f5..8da3acfc5 100644 --- a/src/blocks/_pro/tab/block.json +++ b/src/blocks/_pro/tab/block.json @@ -2,6 +2,9 @@ "apiVersion": 2, "name": "vk-blocks/tab", "category": "vk-blocks-cat", + "editorScript": "vk-blocks-build-js", + "editorStyle": "vk-blocks-build-editor-css", + "style": "vk-blocks/tab", "attributes": { "tabOptionJSON": { "type": "string", @@ -19,19 +22,6 @@ "type": "string", "default": "fitText" }, - "tabBodyPaddingMode": { - "type": "string", - "default": "bundle" - }, - "tabBodyPaddingAll": { - "type": "object", - "default": { - "top": null, - "right": null, - "bottom": null, - "left": null - } - }, "firstActive": { "type": "number", "default": 0 diff --git a/src/blocks/_pro/tab/index.js b/src/blocks/_pro/tab/index.js index 8ac0d7cd9..a1f930576 100644 --- a/src/blocks/_pro/tab/index.js +++ b/src/blocks/_pro/tab/index.js @@ -22,34 +22,10 @@ export const settings = { label: __('Normal', 'vk-blocks'), isDefault: true, }, - { - name: 'vk_tab_labels-normal-no-frame', - label: __('Normal No Frame', 'vk-blocks'), - }, - /* - { - name: 'vk_tab_labels-speech-balloon', - label: __('Speech Balloon', 'vk-blocks'), - }, - { - name: 'vk_tab_labels-speech-balloon-no-frame', - label: __('Speech Balloon No Frame', 'vk-blocks'), - }, - */ { name: 'vk_tab_labels-line', label: __('Line', 'vk-blocks'), }, - { - name: 'vk_tab_labels-line-no-frame', - label: __('Line No Frame', 'vk-blocks'), - }, - /* - { - name: 'vk_tab_labels-line-simple', - label: __('Line Simple', 'vk-blocks'), - }, - */ ], edit, save, diff --git a/src/blocks/_pro/tab/index.php b/src/blocks/_pro/tab/index.php index 5a3ff88d2..525b232ed 100644 --- a/src/blocks/_pro/tab/index.php +++ b/src/blocks/_pro/tab/index.php @@ -12,6 +12,16 @@ */ function vk_blocks_register_block_tab() { + // Register Style. + if ( ! is_admin() ) { + wp_register_style( + 'vk-blocks/tab', + VK_BLOCKS_DIR_URL . 'build/_pro/tab/style.css', + array(), + VK_BLOCKS_VERSION + ); + } + // Register Style. if ( ! is_admin() ) { wp_register_script( @@ -23,14 +33,23 @@ function vk_blocks_register_block_tab() { ); } - register_block_type( - __DIR__, - array( + // クラシックテーマ & 6.5 環境で $assets = array() のように空にしないと重複登録になるため + // ここで初期化しておく + $assets = array(); + // Attend to load separate assets. + // 分割読み込みが有効な場合のみ、分割読み込み用のスクリプトを登録する + if ( method_exists( 'VK_Blocks_Block_Loader', 'should_load_separate_assets' ) && VK_Blocks_Block_Loader::should_load_separate_assets() ) { + $assets = array( 'style' => 'vk-blocks/tab', 'script' => 'vk-blocks/tab-script', 'editor_style' => 'vk-blocks-build-editor-css', 'editor_script' => 'vk-blocks-build-js', - ) + ); + } + + register_block_type( + __DIR__, + $assets ); } add_action( 'init', 'vk_blocks_register_block_tab', 99 ); diff --git a/src/blocks/_pro/tab-item/style.scss b/src/blocks/_pro/tab/style.scss similarity index 77% rename from src/blocks/_pro/tab-item/style.scss rename to src/blocks/_pro/tab/style.scss index 3a9c8f36d..1a2130567 100644 --- a/src/blocks/_pro/tab-item/style.scss +++ b/src/blocks/_pro/tab/style.scss @@ -115,83 +115,15 @@ $xl-min: 1200px; /* style --------------------------------------------*/ .is-style-vk_tab_labels{ - &-normal-no-frame{ - @include no-frame(); - } - &-speech-balloon{ - .vk_tab_labels_label.vk_tab_labels_label-state-active::after{ - @include speech-balloon-li-after(); - } - } - &-speech-balloon-no-frame{ - .vk_tab_labels_label.vk_tab_labels_label-state-active::after{ - @include speech-balloon-li-after(); - } - @include no-frame(); - } &-line{ @include line(); .vk_tab_labels{ margin-bottom:-1px; } .vk_tab_bodys{ - border-top:1px solid var(--vk-color-border); background-color: var(--vk-color-bg-accent-wh); } } - &-line-no-frame{ - @include line(); - .vk_tab_labels { - margin-bottom: -1px; - } - @include no-frame(); - } - &-line-simple{ - .vk_tab_labels .vk_tab_labels_label{ - color: inherit; - background: none; - background-color: transparent; - margin-left: 0; - margin-right: 0; - &::before,&::after{ - position: absolute; - bottom: 0; - left: 0; - display: block; - width: 100%; - content: ""; - } - &::before{ - z-index: 0; - height: 1px; - background-color: var(--vk-color-border); - } - &:hover{ - color:var(--default-color); - background-color: transparent; - &::after{ - z-index: 1; - height: 2px; - background-color: var(--default-color); - transition: all .5s ease-out; - } - } - - &.vk_tab_labels_label-state-active{ - color:var(--default-color); - background-color: transparent; - &::after{ - z-index: 1; - height: 2px; - background-color: var(--default-color); - } - - } - - } - @include no-frame(); - } - } /* default style @@ -237,7 +169,7 @@ $xl-min: 1200px; // border で枠をつけると、内側の要素である vk_tab_bodys_body に対してアクティブ識別用の border-top がつき、 // そうなると border の内側に上部線がつくので、左右線の分だけ上線が伸ばせなくて凹んだように見える // これを回避するために border ではなく shadow で枠をつけている - box-shadow: inset 0px 0px 0px 1px var(--vk-color-border); + // box-shadow: inset 0px 0px 0px 1px var(--vk-color-border); background-color: var(--vk-color-bg-accent-wh); .vk_tab_bodys_body { display: none; From 46cedf4c91c701aafdb1bb6149d7c6c816967c34 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 18 Apr 2024 13:11:46 +0900 Subject: [PATCH 56/64] lint --- src/blocks/_pro/tab-item/index.php | 1 - 1 file changed, 1 deletion(-) diff --git a/src/blocks/_pro/tab-item/index.php b/src/blocks/_pro/tab-item/index.php index 1dd43f0e8..c0be02e0e 100644 --- a/src/blocks/_pro/tab-item/index.php +++ b/src/blocks/_pro/tab-item/index.php @@ -12,7 +12,6 @@ */ function vk_blocks_register_block_tab_item() { - // クラシックテーマ & 6.5 環境で $assets = array() のように空にしないと重複登録になるため // ここで初期化しておく $assets = array(); From 557e0ce602100ba6d8a88e45970c0ee1fad951e2 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 18 Apr 2024 14:04:15 +0900 Subject: [PATCH 57/64] add: group --- languages/vk-blocks-pro-js.pot | 4 ++-- languages/vk-blocks-pro.pot | 6 +++--- src/blocks/_pro/tab-item/edit.js | 20 ++++++++++++++++---- src/blocks/_pro/tab/style.scss | 26 -------------------------- 4 files changed, 21 insertions(+), 35 deletions(-) diff --git a/languages/vk-blocks-pro-js.pot b/languages/vk-blocks-pro-js.pot index 3a928f08d..825c44294 100644 --- a/languages/vk-blocks-pro-js.pot +++ b/languages/vk-blocks-pro-js.pot @@ -1928,11 +1928,11 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:102 +#: src/blocks/_pro/tab-item/edit.js:111 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:105 +#: src/blocks/_pro/tab-item/edit.js:114 msgid "Tab Color" msgstr "" diff --git a/languages/vk-blocks-pro.pot b/languages/vk-blocks-pro.pot index 731fd99a9..0c94a228c 100644 --- a/languages/vk-blocks-pro.pot +++ b/languages/vk-blocks-pro.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2024-04-18T04:08:44+00:00\n" +"POT-Creation-Date: 2024-04-18T05:03:06+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.10.0\n" "X-Domain: vk-blocks-pro\n" @@ -1916,11 +1916,11 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:102 +#: src/blocks/_pro/tab-item/edit.js:111 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:105 +#: src/blocks/_pro/tab-item/edit.js:114 msgid "Tab Color" msgstr "" diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 3a32b10b2..423eb37e7 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -17,6 +17,21 @@ export default function TabItemEdit(props) { const { updateBlockAttributes } = dispatch('core/block-editor'); + const innerBlocksTemplate = [ + [ + 'core/group', + { + style: { + border: { + width: '1px', + color: '#F5F5F5', + }, + }, + }, + [['core/paragraph']], + ], + ]; + useEffect(() => { if ( blockId === undefined || @@ -111,12 +126,9 @@ export default function TabItemEdit(props) {
    - ); } diff --git a/src/blocks/_pro/tab/style.scss b/src/blocks/_pro/tab/style.scss index 1a2130567..0a96bea53 100644 --- a/src/blocks/_pro/tab/style.scss +++ b/src/blocks/_pro/tab/style.scss @@ -18,31 +18,6 @@ $md-min: 768px; $lg-min: 992px; $xl-min: 1200px; -@mixin speech-balloon-li-after { - top: 100%; - left: 50%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-color: rgba(136, 183, 213, 0); - border-top-color: var(--default-color); - border-width: 10px; - margin-left: -10px; -} - -@mixin no-frame { - .vk_tab_bodys{ - border: none; - box-shadow: none; - padding-right: 0; - padding-left:0; - background-color: transparent; - } -} - @mixin line { .vk_tab_labels .vk_tab_labels_label{ @@ -173,7 +148,6 @@ $xl-min: 1200px; background-color: var(--vk-color-bg-accent-wh); .vk_tab_bodys_body { display: none; - padding: 1rem; &.vk_tab_bodys_body-state-active{ display: block; } From 93d7753727b1c2492574bfbc5349e8506627b520 Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 18 Apr 2024 14:05:48 +0900 Subject: [PATCH 58/64] fix: readme --- readme.txt | 2 -- 1 file changed, 2 deletions(-) diff --git a/readme.txt b/readme.txt index 4f10d4870..7c1529af6 100644 --- a/readme.txt +++ b/readme.txt @@ -103,8 +103,6 @@ e.g. == Changelog == [ Add Block ] Add Tab Block -[ Bug fix ] Fixed an issue with redundant JavaScript loading in the WordPress 6.5 environment. -[ Other ] Fixed useSetting deprecated = 1.72.1 = [ Specification Change ][ Pro ] Attend to I18N Improvements in 6.5. From a9fffc66d857518c0a8dff44c183a8fc6e83ea5b Mon Sep 17 00:00:00 2001 From: drill-lancer Date: Thu, 18 Apr 2024 14:45:20 +0900 Subject: [PATCH 59/64] fixd: test --- .../blocks/vk-blocks__tab__default.html | 34 +++++++------------ 1 file changed, 13 insertions(+), 21 deletions(-) diff --git a/test/e2e-tests/fixtures/blocks/vk-blocks__tab__default.html b/test/e2e-tests/fixtures/blocks/vk-blocks__tab__default.html index 686c75eae..e9fea1892 100644 --- a/test/e2e-tests/fixtures/blocks/vk-blocks__tab__default.html +++ b/test/e2e-tests/fixtures/blocks/vk-blocks__tab__default.html @@ -1,25 +1,17 @@ - -
    • Tab 01
    • Tab 02
    • Tab 03
    -
    -
    -

    青

    -
    -
    + +
    • Tab 01
    • Tab 02
    +
    +
    +

    +
    +
    - -
    -
    -

    黃

    -
    -
    - - - -
    -
    -

    赤

    -
    -
    + +
    +
    +

    +
    +
    \ No newline at end of file From c620fa9469700be8c9eb68cf7768d87f4ae5a74e Mon Sep 17 00:00:00 2001 From: kurudrive Date: Tue, 7 May 2024 01:19:34 +0900 Subject: [PATCH 60/64] =?UTF-8?q?=E3=83=A6=E3=83=BC=E3=82=B6=E3=83=BC?= =?UTF-8?q?=E3=81=8C=E4=BD=BF=E3=81=8A=E3=81=86=E3=81=A8=E3=81=99=E3=82=8B?= =?UTF-8?q?=E3=81=A8=E4=BD=99=E7=99=BD=E3=81=AA=E3=81=A9=E4=B8=80=E5=88=87?= =?UTF-8?q?=E3=81=AA=E3=81=84=E7=8A=B6=E6=85=8B=E3=81=A7=E3=82=B9=E3=82=BF?= =?UTF-8?q?=E3=83=BC=E3=83=88=E3=81=97=E3=81=A6=E3=81=97=E3=81=BE=E3=81=86?= =?UTF-8?q?=E3=81=AE=E3=81=A7=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E8=AA=BF?= =?UTF-8?q?=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/blocks/_pro/tab-item/edit.js | 21 ++++++++++++++++++--- src/blocks/_pro/tab/style.scss | 8 -------- 2 files changed, 18 insertions(+), 11 deletions(-) diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 423eb37e7..3795c6a41 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -23,10 +23,25 @@ export default function TabItemEdit(props) { { style: { border: { - width: '1px', - color: '#F5F5F5', + style: "solid", + color: "#cccccc", + width: "1px", + top: { + width: "0px" + }, }, - }, + spacing: { + padding: { + top: '20px', + bottom: '20px', + left: '20px', + right: '20px', + }, + }, + color: { + background: "#ffffff" + }, + } }, [['core/paragraph']], ], diff --git a/src/blocks/_pro/tab/style.scss b/src/blocks/_pro/tab/style.scss index 0a96bea53..7b32c3bd6 100644 --- a/src/blocks/_pro/tab/style.scss +++ b/src/blocks/_pro/tab/style.scss @@ -95,9 +95,6 @@ $xl-min: 1200px; .vk_tab_labels{ margin-bottom:-1px; } - .vk_tab_bodys{ - background-color: var(--vk-color-bg-accent-wh); - } } } @@ -141,11 +138,6 @@ $xl-min: 1200px; } .vk_tab_bodys{ - // border で枠をつけると、内側の要素である vk_tab_bodys_body に対してアクティブ識別用の border-top がつき、 - // そうなると border の内側に上部線がつくので、左右線の分だけ上線が伸ばせなくて凹んだように見える - // これを回避するために border ではなく shadow で枠をつけている - // box-shadow: inset 0px 0px 0px 1px var(--vk-color-border); - background-color: var(--vk-color-bg-accent-wh); .vk_tab_bodys_body { display: none; &.vk_tab_bodys_body-state-active{ From d565bfa02007628d818ff71aba62120c900845d6 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Tue, 7 May 2024 01:21:11 +0900 Subject: [PATCH 61/64] lint --- src/blocks/_pro/tab-item/edit.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 3795c6a41..0592b56e2 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -23,11 +23,11 @@ export default function TabItemEdit(props) { { style: { border: { - style: "solid", - color: "#cccccc", - width: "1px", + style: 'solid', + color: '#cccccc', + width: '1px', top: { - width: "0px" + width: '0px', }, }, spacing: { @@ -39,9 +39,9 @@ export default function TabItemEdit(props) { }, }, color: { - background: "#ffffff" + background: '#ffffff', }, - } + }, }, [['core/paragraph']], ], From 6ad90db7e8ee5551388f413cede2f8d286e63815 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Tue, 7 May 2024 01:46:16 +0900 Subject: [PATCH 62/64] =?UTF-8?q?[=20=E3=82=BF=E3=83=96=E3=83=96=E3=83=AD?= =?UTF-8?q?=E3=83=83=E3=82=AF=20]=20=E3=82=A4=E3=83=B3=E3=83=8A=E3=83=BC?= =?UTF-8?q?=E3=83=86=E3=83=B3=E3=83=97=E3=83=AC=E3=83=BC=E3=83=88=E3=82=92?= =?UTF-8?q?=20block.json=20=E3=81=AB=E7=A7=BB=E5=8B=95=20/=20=E3=82=B0?= =?UTF-8?q?=E3=83=AB=E3=83=BC=E3=83=97=E3=83=96=E3=83=AD=E3=83=83=E3=82=AF?= =?UTF-8?q?=E3=81=AB=E4=BD=99=E7=99=BD=E3=81=AA=E3=81=A9=E6=8C=87=E5=AE=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/blocks/_pro/tab-item/block.json | 31 ++++++++++++++++++++++++- src/blocks/_pro/tab-item/edit.js | 35 +---------------------------- 2 files changed, 31 insertions(+), 35 deletions(-) diff --git a/src/blocks/_pro/tab-item/block.json b/src/blocks/_pro/tab-item/block.json index def18d929..f47219234 100644 --- a/src/blocks/_pro/tab-item/block.json +++ b/src/blocks/_pro/tab-item/block.json @@ -30,5 +30,34 @@ }, "supports": { "className": true - } + }, + "innerBlocksTemplate": [ + [ + "core/group", + { + "style": { + "spacing": { + "padding": { + "top": "20px", + "right": "20px", + "bottom": "20px", + "left": "20px" + } + }, + "border": { + "style": "solid", + "color": "#f5f5f5", + "width": "1px", + "top": { + "width": "0px" + } + }, + "color": { + "background": "#ffffff" + } + } + }, + [["core/paragraph"]] + ] + ] } diff --git a/src/blocks/_pro/tab-item/edit.js b/src/blocks/_pro/tab-item/edit.js index 0592b56e2..eb95b740b 100644 --- a/src/blocks/_pro/tab-item/edit.js +++ b/src/blocks/_pro/tab-item/edit.js @@ -17,36 +17,6 @@ export default function TabItemEdit(props) { const { updateBlockAttributes } = dispatch('core/block-editor'); - const innerBlocksTemplate = [ - [ - 'core/group', - { - style: { - border: { - style: 'solid', - color: '#cccccc', - width: '1px', - top: { - width: '0px', - }, - }, - spacing: { - padding: { - top: '20px', - bottom: '20px', - left: '20px', - right: '20px', - }, - }, - color: { - background: '#ffffff', - }, - }, - }, - [['core/paragraph']], - ], - ]; - useEffect(() => { if ( blockId === undefined || @@ -139,10 +109,7 @@ export default function TabItemEdit(props) {
    - +
    ); From 25551cfd10fc4f0cec59f54b147dbe4761173cce Mon Sep 17 00:00:00 2001 From: kurudrive Date: Tue, 7 May 2024 01:48:24 +0900 Subject: [PATCH 63/64] build --- languages/vk-blocks-pro-js.pot | 4 +- languages/vk-blocks-pro.pot | 464 ++++++++++++++++++++++------ src/blocks/_pro/tab-item/block.json | 48 +-- 3 files changed, 394 insertions(+), 122 deletions(-) diff --git a/languages/vk-blocks-pro-js.pot b/languages/vk-blocks-pro-js.pot index bce611307..a515cdff7 100644 --- a/languages/vk-blocks-pro-js.pot +++ b/languages/vk-blocks-pro-js.pot @@ -1952,11 +1952,11 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:117 +#: src/blocks/_pro/tab-item/edit.js:102 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:120 +#: src/blocks/_pro/tab-item/edit.js:105 msgid "Tab Color" msgstr "" diff --git a/languages/vk-blocks-pro.pot b/languages/vk-blocks-pro.pot index 0c94a228c..966e3d7ab 100644 --- a/languages/vk-blocks-pro.pot +++ b/languages/vk-blocks-pro.pot @@ -2,14 +2,14 @@ # This file is distributed under the same license as the VK Blocks Pro plugin. msgid "" msgstr "" -"Project-Id-Version: VK Blocks Pro 1.72.0.0\n" +"Project-Id-Version: VK Blocks Pro 1.72.1.0\n" "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/vk-blocks-pro\n" "Last-Translator: FULL NAME \n" "Language-Team: LANGUAGE \n" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2024-04-18T05:03:06+00:00\n" +"POT-Creation-Date: 2024-05-06T16:47:13+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.10.0\n" "X-Domain: vk-blocks-pro\n" @@ -93,17 +93,20 @@ msgstr "" #: src/admin/block-manager/index.js:51 #: src/admin/import-export/index.js:106 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:117 #: inc/vk-blocks/admin/admin.php:117 msgid "Block Manager Setting" msgstr "" #: src/admin/block-style-manager/index.js:27 #: src/admin/import-export/index.js:115 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:118 #: inc/vk-blocks/admin/admin.php:118 msgid "Block Style Manager Setting" msgstr "" #: src/admin/breadcrumb.js:24 +#: dist/vk-blocks-pro/inc/vk-blocks-pro/admin-pro/admin-pro.php:15 #: inc/vk-blocks-pro/admin-pro/admin-pro.php:15 msgid "Breadcrumb Setting" msgstr "" @@ -196,6 +199,7 @@ msgstr "" #: src/admin/custom-block-style/index.js:77 #: src/admin/custom-block-style/item/title-area/delete-button/index.js:31 #: src/admin/import-export/index.js:52 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:112 #: inc/vk-blocks/admin/admin.php:112 msgid "Custom Block Style Setting" msgstr "" @@ -239,6 +243,7 @@ msgstr "" #: src/admin/custom-css.js:20 #: src/admin/import-export/index.js:96 #: src/extensions/common/custom-css-extension/index.js:225 +#: dist/vk-blocks-pro/inc/vk-blocks-pro/admin-pro/admin-pro.php:16 #: inc/vk-blocks-pro/admin-pro/admin-pro.php:16 msgid "Custom CSS Setting" msgstr "" @@ -304,6 +309,9 @@ msgstr "" #: src/blocks/button/edit.js:677 #: src/blocks/icon/edit.js:299 #: src/blocks/staff/edit.js:199 +#: dist/vk-blocks-pro/inc/term-color/package/class.term-color.php:67 +#: dist/vk-blocks-pro/inc/term-color/package/class.term-color.php:85 +#: dist/vk-blocks-pro/inc/term-color/package/class.term-color.php:171 msgid "Color" msgstr "" @@ -349,6 +357,7 @@ msgstr "" #: src/admin/custom-format/index.js:50 #: src/admin/import-export/index.js:39 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:111 #: inc/vk-blocks/admin/admin.php:111 msgid "Custom Format Setting" msgstr "" @@ -436,11 +445,13 @@ msgid "Breadcrumb Separator Setting" msgstr "" #: src/admin/import-export/index.js:15 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:107 #: inc/vk-blocks/admin/admin.php:107 msgid "License Key" msgstr "" #: src/admin/import-export/index.js:167 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:119 #: inc/vk-blocks/admin/admin.php:119 msgid "Import Export Tool" msgstr "" @@ -504,32 +515,32 @@ msgid "Margin" msgstr "" #: src/admin/margin.js:20 -#: src/blocks/spacer/edit.js:83 +#: src/blocks/spacer/edit.js:91 msgid "XS" msgstr "" #: src/admin/margin.js:24 -#: src/blocks/spacer/edit.js:93 +#: src/blocks/spacer/edit.js:101 msgid "S" msgstr "" #: src/admin/margin.js:28 -#: src/blocks/spacer/edit.js:103 +#: src/blocks/spacer/edit.js:111 msgid "M" msgstr "" #: src/admin/margin.js:32 -#: src/blocks/spacer/edit.js:113 +#: src/blocks/spacer/edit.js:121 msgid "L" msgstr "" #: src/admin/margin.js:36 -#: src/blocks/spacer/edit.js:121 +#: src/blocks/spacer/edit.js:129 msgid "XL" msgstr "" #: src/admin/margin.js:43 -#: src/blocks/_pro/outer/edit.js:883 +#: src/blocks/_pro/outer/edit.js:1028 #: src/blocks/button/edit.js:537 #: src/blocks/slider/edit.js:952 #: src/components/advanced-viewport-control/index.js:25 @@ -537,7 +548,7 @@ msgid "PC" msgstr "" #: src/admin/margin.js:47 -#: src/blocks/_pro/outer/edit.js:867 +#: src/blocks/_pro/outer/edit.js:1012 #: src/blocks/button/edit.js:472 #: src/blocks/slider/edit.js:973 #: src/components/advanced-viewport-control/index.js:32 @@ -545,7 +556,7 @@ msgid "Tablet" msgstr "" #: src/admin/margin.js:51 -#: src/blocks/_pro/outer/edit.js:851 +#: src/blocks/_pro/outer/edit.js:996 #: src/blocks/button/edit.js:407 #: src/blocks/slider/edit.js:994 #: src/components/advanced-viewport-control/index.js:41 @@ -553,6 +564,7 @@ msgid "Mobile" msgstr "" #: src/admin/margin.js:64 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:114 #: inc/vk-blocks/admin/admin.php:114 msgid "Common Margin Setting" msgstr "" @@ -622,6 +634,7 @@ msgstr "" #: src/blocks/_pro/accordion/index.js:47 #: src/blocks/heading/edit.js:268 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:284 #: inc/vk-blocks/class-vk-blocks-global-settings.php:292 msgid "Plain" msgstr "" @@ -654,6 +667,7 @@ msgstr "" #: src/blocks/faq2/index.js:21 #: src/blocks/slider/edit.js:925 #: src/extensions/common/inline-font-size/inline.js:28 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:498 #: inc/vk-blocks/class-vk-blocks-global-settings.php:506 msgid "Normal" msgstr "" @@ -798,7 +812,7 @@ msgid "Height" msgstr "" #: src/blocks/_pro/blog-card-featured-image/dimension-controls.js:165 -#: src/blocks/_pro/outer/edit.js:471 +#: src/blocks/_pro/outer/edit.js:518 #: src/blocks/balloon/edit.js:508 #: src/blocks/slider/edit.js:915 msgid "Width" @@ -1083,6 +1097,7 @@ msgid "Post Type Name" msgstr "" #: src/blocks/_pro/dynamic-text/edit.js:136 +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/ancestor-page-list/index.php:44 #: inc/vk-blocks/build/blocks/ancestor-page-list/index.php:44 #: src/blocks/ancestor-page-list/index.php:44 msgid "Ancestor Page Title" @@ -1257,7 +1272,7 @@ msgid "Padding (Top)" msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:143 -#: src/blocks/_pro/outer/edit.js:474 +#: src/blocks/_pro/outer/edit.js:521 #: src/blocks/slider-item/edit.js:120 msgid "Padding (Left and Right)" msgstr "" @@ -1268,7 +1283,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:190 #: src/blocks/_pro/grid-column/edit.js:91 -#: src/blocks/_pro/outer/edit.js:924 +#: src/blocks/_pro/outer/edit.js:1050 #: src/blocks/icon-outer/edit.js:183 #: src/blocks/icon/edit.js:172 #: src/utils/unit-options.js:6 @@ -1277,7 +1292,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:194 #: src/blocks/_pro/grid-column/edit.js:95 -#: src/blocks/_pro/outer/edit.js:928 +#: src/blocks/_pro/outer/edit.js:1054 #: src/blocks/icon-outer/edit.js:187 #: src/blocks/icon/edit.js:176 #: src/utils/unit-options.js:10 @@ -1286,7 +1301,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:198 #: src/blocks/_pro/grid-column/edit.js:99 -#: src/blocks/_pro/outer/edit.js:932 +#: src/blocks/_pro/outer/edit.js:1058 #: src/blocks/icon-outer/edit.js:191 #: src/blocks/icon/edit.js:180 #: src/utils/unit-options.js:14 @@ -1295,7 +1310,7 @@ msgstr "" #: src/blocks/_pro/grid-column-item/edit.js:202 #: src/blocks/_pro/grid-column/edit.js:103 -#: src/blocks/_pro/outer/edit.js:936 +#: src/blocks/_pro/outer/edit.js:986 #: src/blocks/icon-outer/edit.js:195 #: src/blocks/icon/edit.js:184 #: src/utils/unit-options.js:18 @@ -1398,6 +1413,8 @@ msgstr "" #: src/blocks/_pro/gridcolcard/edit-common.js:188 #: src/blocks/balloon/edit.js:310 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:372 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:386 #: inc/vk-blocks/class-vk-blocks-global-settings.php:380 #: inc/vk-blocks/class-vk-blocks-global-settings.php:394 msgid "Border" @@ -1526,147 +1543,173 @@ msgstr "" msgid "Text" msgstr "" -#: src/blocks/_pro/outer/edit.js:362 +#: src/blocks/_pro/outer/edit.js:1044 +#: src/components/advanced-unit-control/index.js:13 +msgid "Unit Type" +msgstr "" + +#: src/blocks/_pro/outer/edit.js:1062 +#: src/utils/unit-options.js:22 +msgid "vh" +msgstr "" + +#: src/blocks/_pro/outer/edit.js:1066 +#: src/utils/unit-options.js:26 +msgid "svh" +msgstr "" + +#: src/blocks/_pro/outer/edit.js:1070 +#: src/utils/unit-options.js:30 +msgid "lvh" +msgstr "" + +#: src/blocks/_pro/outer/edit.js:1074 +#: src/utils/unit-options.js:34 +msgid "dvh" +msgstr "" + +#: src/blocks/_pro/outer/edit.js:409 #: src/blocks/slider-item/edit.js:171 msgid "Background Setting" msgstr "" -#: src/blocks/_pro/outer/edit.js:367 +#: src/blocks/_pro/outer/edit.js:414 #: src/blocks/pr-content/edit.js:67 #: src/blocks/slider-item/edit.js:175 msgid "Color Setting" msgstr "" -#: src/blocks/_pro/outer/edit.js:368 +#: src/blocks/_pro/outer/edit.js:415 #: src/blocks/slider-item/edit.js:177 msgid "Color will overcome background image. If you want to display image, set opacity 0." msgstr "" -#: src/blocks/_pro/outer/edit.js:380 +#: src/blocks/_pro/outer/edit.js:427 #: src/blocks/slider-item/edit.js:189 msgid "Opacity Setting" msgstr "" -#: src/blocks/_pro/outer/edit.js:394 +#: src/blocks/_pro/outer/edit.js:441 #: src/blocks/slider-item/edit.js:224 msgid "Background Image PC" msgstr "" -#: src/blocks/_pro/outer/edit.js:410 +#: src/blocks/_pro/outer/edit.js:457 #: src/blocks/slider-item/edit.js:240 msgid "Background Image Tablet" msgstr "" -#: src/blocks/_pro/outer/edit.js:420 +#: src/blocks/_pro/outer/edit.js:467 #: src/blocks/slider-item/edit.js:250 msgid "Background Image Mobile" msgstr "" -#: src/blocks/_pro/outer/edit.js:430 +#: src/blocks/_pro/outer/edit.js:477 msgid "Background image Position" msgstr "" -#: src/blocks/_pro/outer/edit.js:438 +#: src/blocks/_pro/outer/edit.js:485 msgid "Repeat" msgstr "" -#: src/blocks/_pro/outer/edit.js:442 +#: src/blocks/_pro/outer/edit.js:489 msgid "Cover" msgstr "" -#: src/blocks/_pro/outer/edit.js:446 +#: src/blocks/_pro/outer/edit.js:493 msgid "Cover fixed (Not fixed on iPhone)" msgstr "" -#: src/blocks/_pro/outer/edit.js:453 +#: src/blocks/_pro/outer/edit.js:500 msgid "Parallax (Non-guaranteed)" msgstr "" -#: src/blocks/_pro/outer/edit.js:468 +#: src/blocks/_pro/outer/edit.js:515 #: src/blocks/pr-content/edit.js:244 #: src/blocks/slider-item/edit.js:115 msgid "Layout Setting" msgstr "" -#: src/blocks/_pro/outer/edit.js:481 +#: src/blocks/_pro/outer/edit.js:528 msgid "Fit to the Content area" msgstr "" -#: src/blocks/_pro/outer/edit.js:488 +#: src/blocks/_pro/outer/edit.js:535 msgid "Add padding to the Outer area" msgstr "" -#: src/blocks/_pro/outer/edit.js:495 +#: src/blocks/_pro/outer/edit.js:542 msgid "Remove padding from the Outer area" msgstr "" -#: src/blocks/_pro/outer/edit.js:509 +#: src/blocks/_pro/outer/edit.js:556 msgid "Padding (Top and Bottom)" msgstr "" -#: src/blocks/_pro/outer/edit.js:517 +#: src/blocks/_pro/outer/edit.js:564 msgid "Use default padding" msgstr "" -#: src/blocks/_pro/outer/edit.js:524 +#: src/blocks/_pro/outer/edit.js:571 msgid "Do not use default padding" msgstr "" -#: src/blocks/_pro/outer/edit.js:538 +#: src/blocks/_pro/outer/edit.js:585 msgid "* If you select \"Do not use\" that, please set yourself it such as a spacer block." msgstr "" -#: src/blocks/_pro/outer/edit.js:546 +#: src/blocks/_pro/outer/edit.js:593 msgid "Divider Setting" msgstr "" -#: src/blocks/_pro/outer/edit.js:551 +#: src/blocks/_pro/outer/edit.js:598 #: src/blocks/balloon/edit.js:439 msgid "Type" msgstr "" -#: src/blocks/_pro/outer/edit.js:559 +#: src/blocks/_pro/outer/edit.js:606 msgid "Tilt" msgstr "" -#: src/blocks/_pro/outer/edit.js:563 +#: src/blocks/_pro/outer/edit.js:610 msgid "Curve" msgstr "" -#: src/blocks/_pro/outer/edit.js:567 +#: src/blocks/_pro/outer/edit.js:614 msgid "Wave" msgstr "" -#: src/blocks/_pro/outer/edit.js:571 +#: src/blocks/_pro/outer/edit.js:618 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:326 #: inc/vk-blocks/class-vk-blocks-global-settings.php:334 msgid "Triangle" msgstr "" -#: src/blocks/_pro/outer/edit.js:578 -msgid "端末毎に設定" +#: src/blocks/_pro/outer/edit.js:625 +msgid "Settings for each device" msgstr "" -#: src/blocks/_pro/outer/edit.js:588 +#: src/blocks/_pro/outer/edit.js:638 msgid "Upper Divider Level" msgstr "" -#: src/blocks/_pro/outer/edit.js:670 +#: src/blocks/_pro/outer/edit.js:720 msgid "Lower Divider Level" msgstr "" -#: src/blocks/_pro/outer/edit.js:753 +#: src/blocks/_pro/outer/edit.js:803 msgid "Border Setting" msgstr "" -#: src/blocks/_pro/outer/edit.js:758 +#: src/blocks/_pro/outer/edit.js:808 msgid "Border will disappear when divider effect is applied." msgstr "" -#: src/blocks/_pro/outer/edit.js:764 +#: src/blocks/_pro/outer/edit.js:814 msgid "Border type" msgstr "" -#: src/blocks/_pro/outer/edit.js:772 +#: src/blocks/_pro/outer/edit.js:822 #: src/blocks/_pro/step-item/edit.js:147 #: src/blocks/_pro/timeline-item/edit.js:113 #: src/blocks/balloon/edit.js:559 @@ -1675,62 +1718,65 @@ msgstr "" msgid "None" msgstr "" -#: src/blocks/_pro/outer/edit.js:776 +#: src/blocks/_pro/outer/edit.js:826 #: src/blocks/_pro/step-item/edit.js:118 #: src/blocks/_pro/timeline-item/edit.js:88 #: src/blocks/pr-content/edit.js:145 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:424 #: inc/vk-blocks/class-vk-blocks-global-settings.php:432 msgid "Solid" msgstr "" -#: src/blocks/_pro/outer/edit.js:780 +#: src/blocks/_pro/outer/edit.js:830 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:432 #: inc/vk-blocks/class-vk-blocks-global-settings.php:440 msgid "Dotted" msgstr "" -#: src/blocks/_pro/outer/edit.js:784 +#: src/blocks/_pro/outer/edit.js:834 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:436 #: inc/vk-blocks/class-vk-blocks-global-settings.php:444 msgid "Dashed" msgstr "" -#: src/blocks/_pro/outer/edit.js:788 +#: src/blocks/_pro/outer/edit.js:838 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:440 #: inc/vk-blocks/class-vk-blocks-global-settings.php:448 msgid "Double" msgstr "" -#: src/blocks/_pro/outer/edit.js:792 +#: src/blocks/_pro/outer/edit.js:842 msgid "Groove" msgstr "" -#: src/blocks/_pro/outer/edit.js:796 +#: src/blocks/_pro/outer/edit.js:846 msgid "Ridge" msgstr "" -#: src/blocks/_pro/outer/edit.js:800 +#: src/blocks/_pro/outer/edit.js:850 msgid "Inset" msgstr "" -#: src/blocks/_pro/outer/edit.js:804 +#: src/blocks/_pro/outer/edit.js:854 msgid "Outset" msgstr "" -#: src/blocks/_pro/outer/edit.js:816 +#: src/blocks/_pro/outer/edit.js:866 msgid "Border width" msgstr "" -#: src/blocks/_pro/outer/edit.js:828 +#: src/blocks/_pro/outer/edit.js:878 #: src/blocks/icon-outer/edit.js:212 #: src/blocks/icon/edit.js:201 msgid "Border radius" msgstr "" -#: src/blocks/_pro/outer/edit.js:844 +#: src/blocks/_pro/outer/edit.js:894 msgid "Container Inner Side Space Setting" msgstr "" -#: src/blocks/_pro/outer/edit.js:899 -#: src/components/advanced-unit-control/index.js:13 -msgid "Unit Type" +#: src/blocks/_pro/outer/edit.js:992 +msgid "Min Height Setting" msgstr "" #: src/blocks/_pro/post-category-badge/edit.js:100 @@ -1742,6 +1788,7 @@ msgid "Not Set" msgstr "" #: src/blocks/_pro/post-category-badge/edit.js:86 +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:134 #: inc/vk-blocks/admin/admin.php:134 msgid "Setting" msgstr "" @@ -1916,11 +1963,11 @@ msgstr "" msgid "First Dot Number" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:111 +#: src/blocks/_pro/tab-item/edit.js:102 msgid "Tab Color Setting" msgstr "" -#: src/blocks/_pro/tab-item/edit.js:114 +#: src/blocks/_pro/tab-item/edit.js:105 msgid "Tab Color" msgstr "" @@ -2029,6 +2076,7 @@ msgid "Show hierarchy" msgstr "" #: src/blocks/_pro/taxonomy/edit.js:54 +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:246 #: inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:246 #: src/blocks/_pro/taxonomy/index.php:246 msgid "Specified taxonomy does not exist. Please check your taxonomy settings to display or remove this block." @@ -2054,6 +2102,7 @@ msgstr "" #: src/blocks/alert/edit.js:25 #: src/blocks/button/edit.js:692 #: src/blocks/pr-content/edit.js:171 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:460 #: inc/vk-blocks/class-vk-blocks-global-settings.php:468 msgid "Success" msgstr "" @@ -2061,6 +2110,7 @@ msgstr "" #: src/blocks/alert/edit.js:29 #: src/blocks/button/edit.js:696 #: src/blocks/pr-content/edit.js:175 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:456 #: inc/vk-blocks/class-vk-blocks-global-settings.php:464 msgid "Info" msgstr "" @@ -2068,6 +2118,7 @@ msgstr "" #: src/blocks/alert/edit.js:33 #: src/blocks/button/edit.js:700 #: src/blocks/pr-content/edit.js:179 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:464 #: inc/vk-blocks/class-vk-blocks-global-settings.php:472 msgid "Warning" msgstr "" @@ -2075,6 +2126,7 @@ msgstr "" #: src/blocks/alert/edit.js:37 #: src/blocks/button/edit.js:704 #: src/blocks/pr-content/edit.js:183 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:468 #: inc/vk-blocks/class-vk-blocks-global-settings.php:476 msgid "Danger" msgstr "" @@ -2287,6 +2339,7 @@ msgstr "" #: src/blocks/button/edit.js:338 #: src/extensions/common/inline-font-size/inline.js:23 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:493 #: inc/vk-blocks/class-vk-blocks-global-settings.php:501 msgid "Small" msgstr "" @@ -2887,11 +2940,15 @@ msgstr "" msgid "Space Type" msgstr "" -#: src/blocks/spacer/edit.js:131 +#: src/blocks/spacer/edit.js:137 +msgid "XXL" +msgstr "" + +#: src/blocks/spacer/edit.js:147 msgid "Custom" msgstr "" -#: src/blocks/spacer/edit.js:135 +#: src/blocks/spacer/edit.js:151 msgid "You can change each common margin size from Setting > VK Blocks" msgstr "" @@ -2903,6 +2960,10 @@ msgstr "" msgid "Spacer Settings" msgstr "" +#: src/blocks/spacer/edit.js:83 +msgid "XXS" +msgstr "" + #: src/blocks/staff/deprecated/0.58/component.js:50 #: src/blocks/staff/edit.js:284 msgid "Your Name" @@ -3265,64 +3326,82 @@ msgid "Apply" msgstr "" #: src/extensions/common/inline-font-size/inline.js:33 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:503 #: inc/vk-blocks/class-vk-blocks-global-settings.php:511 msgid "Big" msgstr "" #: src/extensions/common/inline-font-size/inline.js:38 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:508 #: inc/vk-blocks/class-vk-blocks-global-settings.php:516 msgid "Extra big" msgstr "" +#: src/extensions/common/margin-extension/index.js:103 +msgid "Bottom XXL" +msgstr "" + #: src/extensions/common/margin-extension/index.js:25 -msgid "Top XL" +msgid "Top XXL" msgstr "" -#: src/extensions/common/margin-extension/index.js:273 +#: src/extensions/common/margin-extension/index.js:293 msgid "Margin the block" msgstr "" #: src/extensions/common/margin-extension/index.js:30 -msgid "Top L" +msgid "Top XL" msgstr "" #: src/extensions/common/margin-extension/index.js:35 -msgid "Top M" +msgid "Top L" msgstr "" #: src/extensions/common/margin-extension/index.js:40 -msgid "Top S" +msgid "Top M" msgstr "" #: src/extensions/common/margin-extension/index.js:45 -msgid "Top XS" +msgid "Top S" msgstr "" #: src/extensions/common/margin-extension/index.js:50 +msgid "Top XS" +msgstr "" + +#: src/extensions/common/margin-extension/index.js:55 +msgid "Top XXS" +msgstr "" + +#: src/extensions/common/margin-extension/index.js:60 msgid "Top 0" msgstr "" -#: src/extensions/common/margin-extension/index.js:58 +#: src/extensions/common/margin-extension/index.js:68 msgid "Bottom 0" msgstr "" -#: src/extensions/common/margin-extension/index.js:63 +#: src/extensions/common/margin-extension/index.js:73 +msgid "Bottom XXS" +msgstr "" + +#: src/extensions/common/margin-extension/index.js:78 msgid "Bottom XS" msgstr "" -#: src/extensions/common/margin-extension/index.js:68 +#: src/extensions/common/margin-extension/index.js:83 msgid "Bottom S" msgstr "" -#: src/extensions/common/margin-extension/index.js:73 +#: src/extensions/common/margin-extension/index.js:88 msgid "Bottom M" msgstr "" -#: src/extensions/common/margin-extension/index.js:78 +#: src/extensions/common/margin-extension/index.js:93 msgid "Bottom L" msgstr "" -#: src/extensions/common/margin-extension/index.js:83 +#: src/extensions/common/margin-extension/index.js:98 msgid "Bottom XL" msgstr "" @@ -3410,22 +3489,6 @@ msgstr "" msgid "Select Icon" msgstr "" -#: src/utils/unit-options.js:22 -msgid "vh" -msgstr "" - -#: src/utils/unit-options.js:26 -msgid "svh" -msgstr "" - -#: src/utils/unit-options.js:30 -msgid "lvh" -msgstr "" - -#: src/utils/unit-options.js:34 -msgid "dvh" -msgstr "" - #: src/blocks/_pro/blog-card-excerpt/edit.js:38 msgctxt "Word count type. Do not translate!" msgid "words" @@ -3491,46 +3554,58 @@ msgstr "" msgid "https://vektor-inc.co.jp" msgstr "" +#: dist/vk-blocks-pro/inc/admin-notices.php:28 #: inc/admin-notices.php:28 msgid "We've released VK Blocks Pro!" msgstr "" #. translators: 1: opening a tag, 2: closing a tag +#: dist/vk-blocks-pro/inc/admin-notices.php:35 #: inc/admin-notices.php:35 msgid "Thank you for using VK Blocks. We've released VK Blocks Pro. It has more custom blocks to build web site more easily. If you are interested in VK Blocks Pro, Please read %1$s this post %2$s for more details." msgstr "" +#: dist/vk-blocks-pro/inc/admin-notices.php:39 +#: dist/vk-blocks-pro/inc/admin-notices.php:45 #: inc/admin-notices.php:39 #: inc/admin-notices.php:45 msgid "https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/" msgstr "" +#: dist/vk-blocks-pro/inc/admin-notices.php:46 #: inc/admin-notices.php:46 msgid "See more" msgstr "" +#: dist/vk-blocks-pro/inc/admin-notices.php:49 #: inc/admin-notices.php:49 msgid "Dismiss this notice" msgstr "" +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:72 #: inc/tgm-plugin-activation/tgm-config.php:72 msgid "Install Required Plugins" msgstr "" +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:73 #: inc/tgm-plugin-activation/tgm-config.php:73 msgid "Install Plugins" msgstr "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:75 #: inc/tgm-plugin-activation/tgm-config.php:75 msgid "Installing Plugin: %s" msgstr "" +#. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:76 #: inc/tgm-plugin-activation/tgm-config.php:76 msgid "Something went wrong with the plugin API." msgstr "" #. translators: +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:78 #: inc/tgm-plugin-activation/tgm-config.php:78 msgid "This plugin requires the following plugin: %1$s." msgid_plural "This plugin requires the following plugins: %1$s." @@ -3538,6 +3613,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:84 #: inc/tgm-plugin-activation/tgm-config.php:84 msgid "This plugin recommends the following plugin: %1$s.
    Many additional functions are available for free." msgid_plural "This plugin recommends the following plugins: %1$s.
    Many additional functions are available for free." @@ -3545,6 +3621,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:90 #: inc/tgm-plugin-activation/tgm-config.php:90 msgid "Sorry, but you do not have the correct permissions to install the %1$s plugin." msgid_plural "Sorry, but you do not have the correct permissions to install the %1$s plugins." @@ -3552,6 +3629,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:96 #: inc/tgm-plugin-activation/tgm-config.php:96 msgid "The following plugin needs to be updated to its latest version to ensure maximum compatibility with this plugin: %1$s." msgid_plural "The following plugins need to be updated to their latest version to ensure maximum compatibility with this plugin: %1$s." @@ -3559,6 +3637,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:102 #: inc/tgm-plugin-activation/tgm-config.php:102 msgid "There is an update available for: %1$s." msgid_plural "There are updates available for the following plugins: %1$s." @@ -3566,6 +3645,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:108 #: inc/tgm-plugin-activation/tgm-config.php:108 msgid "Sorry, but you do not have the correct permissions to update the %1$s plugin." msgid_plural "Sorry, but you do not have the correct permissions to update the %1$s plugins." @@ -3573,6 +3653,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:114 #: inc/tgm-plugin-activation/tgm-config.php:114 msgid "The following required plugin is currently inactive: %1$s." msgid_plural "The following required plugins are currently inactive: %1$s." @@ -3580,6 +3661,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:120 #: inc/tgm-plugin-activation/tgm-config.php:120 msgid "The following recommended plugin is currently inactive: %1$s." msgid_plural "The following recommended plugins are currently inactive: %1$s." @@ -3587,6 +3669,7 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:126 #: inc/tgm-plugin-activation/tgm-config.php:126 msgid "Sorry, but you do not have the correct permissions to activate the %1$s plugin." msgid_plural "Sorry, but you do not have the correct permissions to activate the %1$s plugins." @@ -3594,1005 +3677,1194 @@ msgstr[0] "" msgstr[1] "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:132 #: inc/tgm-plugin-activation/tgm-config.php:132 msgid "Begin installing plugin" msgid_plural "Begin installing plugins" msgstr[0] "" msgstr[1] "" +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:137 #: inc/tgm-plugin-activation/tgm-config.php:137 msgid "Begin updating plugin" msgid_plural "Begin updating plugins" msgstr[0] "" msgstr[1] "" +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:142 #: inc/tgm-plugin-activation/tgm-config.php:142 msgid "Begin activating plugin" msgid_plural "Begin activating plugins" msgstr[0] "" msgstr[1] "" +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:147 #: inc/tgm-plugin-activation/tgm-config.php:147 msgid "Return to Required Plugins Installer" msgstr "" +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:148 #: inc/tgm-plugin-activation/tgm-config.php:148 msgid "Plugin activated successfully." msgstr "" +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:149 #: inc/tgm-plugin-activation/tgm-config.php:149 msgid "The following plugin was activated successfully:" msgstr "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:151 #: inc/tgm-plugin-activation/tgm-config.php:151 msgid "No action taken. Plugin %1$s was already active." msgstr "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:153 #: inc/tgm-plugin-activation/tgm-config.php:153 msgid "Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin." msgstr "" #. translators: %s = plugin name. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:155 #: inc/tgm-plugin-activation/tgm-config.php:155 msgid "All plugins installed and activated successfully. %1$s" msgstr "" #. translators: %s = dashboard link. +#: dist/vk-blocks-pro/inc/tgm-plugin-activation/tgm-config.php:157 #: inc/tgm-plugin-activation/tgm-config.php:157 msgid "Please contact the administrator of this site for help." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks-pro/admin-pro/admin-pro.php:14 #: inc/vk-blocks-pro/admin-pro/admin-pro.php:14 msgid "FAQ Setting" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:83 #: inc/vk-blocks/admin/admin.php:83 msgid "Blocks setting" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:84 #: inc/vk-blocks/admin/admin.php:84 msgctxt "label in admin menu" msgid "Blocks" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:100 #: inc/vk-blocks/admin/admin.php:100 msgid "Blocks Setting" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:109 #: inc/vk-blocks/admin/admin.php:109 msgid "Balloon Block Setting" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/admin/admin.php:115 #: inc/vk-blocks/admin/admin.php:115 msgid "Load Separete Setting" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/blocks.php:26 #: inc/vk-blocks/blocks.php:26 msgid "Blocks" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/blocks.php:39 #: inc/vk-blocks/blocks.php:39 msgid "Blocks Layout" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/blocks.php:52 #: inc/vk-blocks/blocks.php:52 msgid "Deprecated Blocks" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/ancestor-page-list/index.php:91 #: inc/vk-blocks/build/blocks/ancestor-page-list/index.php:91 #: src/blocks/ancestor-page-list/index.php:91 msgid "Dummy Text" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/ancestor-page-list/index.php:91 #: inc/vk-blocks/build/blocks/ancestor-page-list/index.php:91 #: src/blocks/ancestor-page-list/index.php:91 msgid "Because of the site editor have not child page that, the page list from ancestor is not displayed. Now displaying the dummy text list instead of the page list from ancestor." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/ancestor-page-list/index.php:91 #: inc/vk-blocks/build/blocks/ancestor-page-list/index.php:91 #: src/blocks/ancestor-page-list/index.php:91 msgid "This message only display on the edit screen." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/page-content/index.php:123 #: inc/vk-blocks/build/blocks/page-content/index.php:123 #: src/blocks/page-content/index.php:123 msgid "Edit this area" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/archive-list/index.php:87 #: inc/vk-blocks/build/blocks/_pro/archive-list/index.php:87 #: src/blocks/_pro/archive-list/index.php:87 msgid "Please select year" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/archive-list/index.php:89 #: inc/vk-blocks/build/blocks/_pro/archive-list/index.php:89 #: src/blocks/_pro/archive-list/index.php:89 msgid "Please select month" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:95 #: inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:95 #: src/blocks/_pro/taxonomy/index.php:95 msgid "Please select taxonomy" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:110 #: inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:110 #: src/blocks/_pro/taxonomy/index.php:110 msgid "Categories" msgstr "" #. translators: +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:199 #: inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:199 #: src/blocks/_pro/taxonomy/index.php:199 msgid "All of %s" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:243 #: inc/vk-blocks/build/blocks/_pro/taxonomy/index.php:243 #: src/blocks/_pro/taxonomy/index.php:243 msgid "VK Taxonomy Block" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:288 #: inc/vk-blocks/class-vk-blocks-global-settings.php:296 msgid "Background fill lightgray" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:292 #: inc/vk-blocks/class-vk-blocks-global-settings.php:300 msgid "Double border top and bottom black" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:296 #: inc/vk-blocks/class-vk-blocks-global-settings.php:304 msgid "Double border bottom black" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:300 #: inc/vk-blocks/class-vk-blocks-global-settings.php:308 msgid "Solid border top and bottom black" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:304 #: inc/vk-blocks/class-vk-blocks-global-settings.php:312 msgid "Solid border bottom black" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:308 #: inc/vk-blocks/class-vk-blocks-global-settings.php:316 msgid "Dotted border bottom black" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:312 #: inc/vk-blocks/class-vk-blocks-global-settings.php:320 msgid "Both ends" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:316 #: inc/vk-blocks/class-vk-blocks-global-settings.php:324 msgid "Brackets black" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:322 #: inc/vk-blocks/class-vk-blocks-global-settings.php:330 msgid "Arrow" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:330 #: inc/vk-blocks/class-vk-blocks-global-settings.php:338 msgid "Check" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:334 #: inc/vk-blocks/class-vk-blocks-global-settings.php:342 msgid "Check Square" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:338 #: inc/vk-blocks/class-vk-blocks-global-settings.php:346 msgid "Check Circle" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:342 #: inc/vk-blocks/class-vk-blocks-global-settings.php:350 msgid "Handpoint" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:346 #: inc/vk-blocks/class-vk-blocks-global-settings.php:354 msgid "Pencil" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:350 #: inc/vk-blocks/class-vk-blocks-global-settings.php:358 msgid "Smile" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:354 #: inc/vk-blocks/class-vk-blocks-global-settings.php:362 msgid "Frown" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:358 #: inc/vk-blocks/class-vk-blocks-global-settings.php:366 msgid "Numbered Circle" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:362 #: inc/vk-blocks/class-vk-blocks-global-settings.php:370 msgid "Numbered Square" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:368 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:448 #: inc/vk-blocks/class-vk-blocks-global-settings.php:376 #: inc/vk-blocks/class-vk-blocks-global-settings.php:456 msgid "Border Top Bottom" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:376 #: inc/vk-blocks/class-vk-blocks-global-settings.php:384 msgid "Border / Stripes" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:382 #: inc/vk-blocks/class-vk-blocks-global-settings.php:390 msgid "Rounded02" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:390 #: inc/vk-blocks/class-vk-blocks-global-settings.php:398 msgid "Photo frame" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:394 #: inc/vk-blocks/class-vk-blocks-global-settings.php:402 msgid "Photo frame Tilt Right" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:398 #: inc/vk-blocks/class-vk-blocks-global-settings.php:406 msgid "Photo frame Tilt Left" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:402 +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:452 #: inc/vk-blocks/class-vk-blocks-global-settings.php:410 #: inc/vk-blocks/class-vk-blocks-global-settings.php:460 msgid "Shadow" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:406 #: inc/vk-blocks/class-vk-blocks-global-settings.php:414 msgid "Wave01" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:410 #: inc/vk-blocks/class-vk-blocks-global-settings.php:418 msgid "Wave02" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:414 #: inc/vk-blocks/class-vk-blocks-global-settings.php:422 msgid "Wave03" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:418 #: inc/vk-blocks/class-vk-blocks-global-settings.php:426 msgid "Wave04" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:428 #: inc/vk-blocks/class-vk-blocks-global-settings.php:436 msgid "Solid Roundcorner" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/class-vk-blocks-global-settings.php:444 #: inc/vk-blocks/class-vk-blocks-global-settings.php:452 msgid "Stitch" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/font-awesome/class-vk-blocks-font-awesome-api.php:73 #: inc/vk-blocks/font-awesome/class-vk-blocks-font-awesome-api.php:73 msgid "Setting saved." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/view/class-vk-blocks-postlist.php:255 #: inc/vk-blocks/view/class-vk-blocks-postlist.php:255 msgid "Post" msgstr "" #. translators: %s: 投稿タイプ名 +#: dist/vk-blocks-pro/inc/vk-blocks/view/class-vk-blocks-postlist.php:259 #: inc/vk-blocks/view/class-vk-blocks-postlist.php:259 msgid "There are no %ss." msgstr "" +#: dist/vk-blocks-pro/inc/vk-css-optimize/config.php:12 #: inc/vk-css-optimize/config.php:12 msgid "VK Blocks " msgstr "" +#: dist/vk-blocks-pro/vk-blocks.php:105 #: vk-blocks.php:105 msgid "Disabled Blocks module on VK All in One Expansion Unit. Because VK-Blocks Plugin running." msgstr "" +#: dist/vk-blocks-pro/vk-blocks.php:305 #: vk-blocks.php:305 msgid "License Key has no registered." msgstr "" +#: dist/vk-blocks-pro/vk-blocks.php:310 #: vk-blocks.php:310 msgid "The VK Blocks Pro license is invalid." msgstr "" +#: dist/vk-blocks-pro/vk-blocks.php:334 #: vk-blocks.php:334 msgid "Please enter a valid license key for any of the following products on the settings screen." msgstr "" +#: dist/vk-blocks-pro/vk-blocks.php:344 #: vk-blocks.php:344 msgid "Enter the license key" msgstr "" +#: dist/vk-blocks-pro/vk-blocks.php:347 #: vk-blocks.php:347 msgid "If this display does not disappear even after entering a valid license key, re-acquire the update." msgstr "" +#: dist/vk-blocks-pro/vk-blocks.php:348 #: vk-blocks.php:348 msgid "Re-acquisition of updates" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/alert/block.json #: inc/vk-blocks/build/blocks/alert/block.json #: src/blocks/alert/block.json msgctxt "block title" msgid "Alert" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/alert/block.json #: inc/vk-blocks/build/blocks/alert/block.json #: src/blocks/alert/block.json msgctxt "block description" msgid "A colored box with four statuses, including annotations and alerts." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/ancestor-page-list/block.json #: inc/vk-blocks/build/blocks/ancestor-page-list/block.json #: src/blocks/ancestor-page-list/block.json msgctxt "block title" msgid "Page list from ancestor" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/ancestor-page-list/block.json #: inc/vk-blocks/build/blocks/ancestor-page-list/block.json #: src/blocks/ancestor-page-list/block.json msgctxt "block description" msgid "Display Page list from ancestor page" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/balloon/block.json #: inc/vk-blocks/build/blocks/balloon/block.json #: src/blocks/balloon/block.json msgctxt "block title" msgid "Ballon" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/balloon/block.json #: inc/vk-blocks/build/blocks/balloon/block.json #: src/blocks/balloon/block.json msgctxt "block description" msgid "These speech balloons are perfect for recreating conversations." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/border-box/block.json #: inc/vk-blocks/build/blocks/border-box/block.json #: src/blocks/border-box/block.json msgctxt "block title" msgid "Border Box" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/border-box/block.json #: inc/vk-blocks/build/blocks/border-box/block.json #: src/blocks/border-box/block.json msgctxt "block description" msgid "This is a border box where you can place headings to attract attention." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/button/block.json #: inc/vk-blocks/build/blocks/button/block.json #: src/blocks/button/block.json msgctxt "block title" msgid "Button" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/button/block.json #: inc/vk-blocks/build/blocks/button/block.json #: src/blocks/button/block.json msgctxt "block description" msgid "A button link that can display icons before and after." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq/block.json #: inc/vk-blocks/build/blocks/faq/block.json #: src/blocks/faq/block.json msgctxt "block title" msgid "Classic FAQ" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq/block.json #: inc/vk-blocks/build/blocks/faq/block.json #: src/blocks/faq/block.json msgctxt "block description" msgid "Displays a combination of questions and answers." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq2-a/block.json #: inc/vk-blocks/build/blocks/faq2-a/block.json #: src/blocks/faq2-a/block.json msgctxt "block title" msgid "FAQ Answer" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq2-a/block.json #: inc/vk-blocks/build/blocks/faq2-a/block.json #: src/blocks/faq2-a/block.json msgctxt "block description" msgid "Answer area where you can add blocks freely." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq2-q/block.json #: inc/vk-blocks/build/blocks/faq2-q/block.json #: src/blocks/faq2-q/block.json msgctxt "block title" msgid "FAQ Question" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq2-q/block.json #: inc/vk-blocks/build/blocks/faq2-q/block.json #: src/blocks/faq2-q/block.json msgctxt "block description" msgid "Question area where you can freely add blocks." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq2/block.json #: inc/vk-blocks/build/blocks/faq2/block.json #: src/blocks/faq2/block.json msgctxt "block title" msgid "New FAQ" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/faq2/block.json #: inc/vk-blocks/build/blocks/faq2/block.json #: src/blocks/faq2/block.json msgctxt "block description" msgid "It displays a combination of questions and answers. You can freely add blocks to the question area as well." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/flow/block.json #: inc/vk-blocks/build/blocks/flow/block.json #: src/blocks/flow/block.json msgctxt "block title" msgid "Flow" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/flow/block.json #: inc/vk-blocks/build/blocks/flow/block.json #: src/blocks/flow/block.json msgctxt "block description" msgid "Displays a sequential description in time series." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/heading/block.json #: inc/vk-blocks/build/blocks/heading/block.json #: src/blocks/heading/block.json msgctxt "block title" msgid "Heading(not recommended)" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/heading/block.json #: inc/vk-blocks/build/blocks/heading/block.json #: src/blocks/heading/block.json msgctxt "block description" msgid "This is a heading that allows you to set text size, subtext, icon, and margin." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/icon-outer/block.json #: inc/vk-blocks/build/blocks/icon-outer/block.json #: src/blocks/icon-outer/block.json msgctxt "block title" msgid "Icon Outer" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/icon-outer/block.json #: inc/vk-blocks/build/blocks/icon-outer/block.json #: src/blocks/icon-outer/block.json msgctxt "block description" msgid "Display the Font Awesome icons horizontally." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/icon/block.json #: inc/vk-blocks/build/blocks/icon/block.json #: src/blocks/icon/block.json msgctxt "block title" msgid "Icon" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/icon/block.json #: inc/vk-blocks/build/blocks/icon/block.json #: src/blocks/icon/block.json msgctxt "block description" msgid "Display icons with Font Awesome." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/page-content/block.json #: inc/vk-blocks/build/blocks/page-content/block.json #: src/blocks/page-content/block.json msgctxt "block title" msgid "Page Content" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/page-content/block.json #: inc/vk-blocks/build/blocks/page-content/block.json #: src/blocks/page-content/block.json msgctxt "block description" msgid "Displays the body content of the specified parent page." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/pr-blocks/block.json #: inc/vk-blocks/build/blocks/pr-blocks/block.json #: src/blocks/pr-blocks/block.json msgctxt "block title" msgid "PR Blocks (not recommended)" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/pr-blocks/block.json #: inc/vk-blocks/build/blocks/pr-blocks/block.json #: src/blocks/pr-blocks/block.json msgctxt "block description" msgid "This is a PR block where you can place images and icon. But currently, it is possible to create the same layout by combining Column Block and Icon Block, so this block is not recommended. Please check Columns category of Block Patterns." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/pr-content/block.json #: inc/vk-blocks/build/blocks/pr-content/block.json #: src/blocks/pr-content/block.json msgctxt "block title" msgid "PR Content" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/pr-content/block.json #: inc/vk-blocks/build/blocks/pr-content/block.json #: src/blocks/pr-content/block.json msgctxt "block description" msgid "This is PR content where you can place images, headlines, text, and buttons." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/slider-item/block.json #: inc/vk-blocks/build/blocks/slider-item/block.json #: src/blocks/slider-item/block.json msgctxt "block title" msgid "Slider Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/slider-item/block.json #: inc/vk-blocks/build/blocks/slider-item/block.json #: src/blocks/slider-item/block.json msgctxt "block description" msgid "This is one item in the slider." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/slider/block.json #: inc/vk-blocks/build/blocks/slider/block.json #: src/blocks/slider/block.json msgctxt "block title" msgid "Slider" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/slider/block.json #: inc/vk-blocks/build/blocks/slider/block.json #: src/blocks/slider/block.json msgctxt "block description" msgid "This slider allows you to place various items.Slider is do not move in edit screen." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/spacer/block.json #: inc/vk-blocks/build/blocks/spacer/block.json #: src/blocks/spacer/block.json msgctxt "block title" msgid "Responsive Spacer" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/spacer/block.json #: inc/vk-blocks/build/blocks/spacer/block.json #: src/blocks/spacer/block.json msgctxt "block description" msgid "Use responsive spacers to get the margins right." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/staff/block.json #: inc/vk-blocks/build/blocks/staff/block.json #: src/blocks/staff/block.json msgctxt "block title" msgid "Staff" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/staff/block.json #: inc/vk-blocks/build/blocks/staff/block.json #: src/blocks/staff/block.json msgctxt "block description" msgid "Used for staff introduction, company introduction, school introduction, menu, etc." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/accordion-target/block.json #: inc/vk-blocks/build/blocks/_pro/accordion-target/block.json #: src/blocks/_pro/accordion-target/block.json msgctxt "block title" msgid "Accordion Target" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/accordion-target/block.json #: inc/vk-blocks/build/blocks/_pro/accordion-target/block.json #: src/blocks/_pro/accordion-target/block.json msgctxt "block description" msgid "This is the content area where you can add blocks freely." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/accordion-trigger/block.json #: inc/vk-blocks/build/blocks/_pro/accordion-trigger/block.json #: src/blocks/_pro/accordion-trigger/block.json msgctxt "block title" msgid "Accordion Trigger" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/accordion-trigger/block.json #: inc/vk-blocks/build/blocks/_pro/accordion-trigger/block.json #: src/blocks/_pro/accordion-trigger/block.json msgctxt "block description" msgid "This is the title area where you can freely add blocks." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/accordion/block.json #: inc/vk-blocks/build/blocks/_pro/accordion/block.json #: src/blocks/_pro/accordion/block.json msgctxt "block title" msgid "Accordion" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/accordion/block.json #: inc/vk-blocks/build/blocks/_pro/accordion/block.json #: src/blocks/_pro/accordion/block.json msgctxt "block description" msgid "Collapses and hides content when the content is long." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/animation/block.json #: inc/vk-blocks/build/blocks/_pro/animation/block.json #: src/blocks/_pro/animation/block.json msgctxt "block title" msgid "Animation" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/animation/block.json #: inc/vk-blocks/build/blocks/_pro/animation/block.json #: src/blocks/_pro/animation/block.json msgctxt "block description" msgid "Add animation to elements when scrolling the page." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/archive-list/block.json #: inc/vk-blocks/build/blocks/_pro/archive-list/block.json #: src/blocks/_pro/archive-list/block.json msgctxt "block title" msgid "Archive list" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/archive-list/block.json #: inc/vk-blocks/build/blocks/_pro/archive-list/block.json #: src/blocks/_pro/archive-list/block.json msgctxt "block description" msgid "Displays a list of archives" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-excerpt/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-excerpt/block.json #: src/blocks/_pro/blog-card-excerpt/block.json msgctxt "block title" msgid "Blog Card Excerpt" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-excerpt/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-excerpt/block.json #: src/blocks/_pro/blog-card-excerpt/block.json msgctxt "block description" msgid "Shows an excerpt retrieved from a URL." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-featured-image/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-featured-image/block.json #: src/blocks/_pro/blog-card-featured-image/block.json msgctxt "block title" msgid "Blog Card Featured Image" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-featured-image/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-featured-image/block.json #: src/blocks/_pro/blog-card-featured-image/block.json msgctxt "block description" msgid "Displays the featured image obtained from the URL." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-site-logo/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-site-logo/block.json #: src/blocks/_pro/blog-card-site-logo/block.json msgctxt "block title" msgid "Blog Card Site Logo" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-site-logo/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-site-logo/block.json #: src/blocks/_pro/blog-card-site-logo/block.json msgctxt "block description" msgid "Displays the site logo image obtained from the URL." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-site-title/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-site-title/block.json #: src/blocks/_pro/blog-card-site-title/block.json msgctxt "block title" msgid "Blog Card Site Title" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-site-title/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-site-title/block.json #: src/blocks/_pro/blog-card-site-title/block.json msgctxt "block description" msgid "Displays the site title obtained from the URL." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-title/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-title/block.json #: src/blocks/_pro/blog-card-title/block.json msgctxt "block title" msgid "Blog Card Title" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card-title/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card-title/block.json #: src/blocks/_pro/blog-card-title/block.json msgctxt "block description" msgid "Displays the title obtained from the URL." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card/block.json #: src/blocks/_pro/blog-card/block.json msgctxt "block title" msgid "Blog Card" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/blog-card/block.json #: inc/vk-blocks/build/blocks/_pro/blog-card/block.json #: src/blocks/_pro/blog-card/block.json msgctxt "block description" msgid "Add a block that fetches and displays content from a URL." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/breadcrumb/block.json #: inc/vk-blocks/build/blocks/_pro/breadcrumb/block.json #: src/blocks/_pro/breadcrumb/block.json msgctxt "block title" msgid "Breadcrumb" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/breadcrumb/block.json #: inc/vk-blocks/build/blocks/_pro/breadcrumb/block.json #: src/blocks/_pro/breadcrumb/block.json msgctxt "block description" msgid "Displays breadcrumbs of a page's hierarchy, or a post's categories.This block is not displayed on the front page." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/button-outer/block.json #: inc/vk-blocks/build/blocks/_pro/button-outer/block.json #: src/blocks/_pro/button-outer/block.json msgctxt "block title" msgid "Button Outer" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/button-outer/block.json #: inc/vk-blocks/build/blocks/_pro/button-outer/block.json #: src/blocks/_pro/button-outer/block.json msgctxt "block description" msgid "Display the VK Button block horizontally." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/card-item/block.json #: inc/vk-blocks/build/blocks/_pro/card-item/block.json #: src/blocks/_pro/card-item/block.json msgctxt "block title" msgid "Card Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/card-item/block.json #: inc/vk-blocks/build/blocks/_pro/card-item/block.json #: src/blocks/_pro/card-item/block.json msgctxt "block description" msgid "A single item in a card block." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/card/block.json #: inc/vk-blocks/build/blocks/_pro/card/block.json #: src/blocks/_pro/card/block.json msgctxt "block title" msgid "Card" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/card/block.json #: inc/vk-blocks/build/blocks/_pro/card/block.json #: src/blocks/_pro/card/block.json msgctxt "block description" msgid "A card where you can place images, headings, text, and links." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/child-page/block.json #: inc/vk-blocks/build/blocks/_pro/child-page/block.json #: src/blocks/_pro/child-page/block.json msgctxt "block title" msgid "Child page list" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/child-page/block.json #: inc/vk-blocks/build/blocks/_pro/child-page/block.json #: src/blocks/_pro/child-page/block.json msgctxt "block description" msgid "When a parent page is specified, a list of its child pages will be displayed." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/dynamic-text/block.json #: inc/vk-blocks/build/blocks/_pro/dynamic-text/block.json #: src/blocks/_pro/dynamic-text/block.json msgctxt "block title" msgid "Dynamic Text" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/dynamic-text/block.json #: inc/vk-blocks/build/blocks/_pro/dynamic-text/block.json #: src/blocks/_pro/dynamic-text/block.json msgctxt "block description" msgid "Display dynamic text" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/grid-column-item/block.json #: inc/vk-blocks/build/blocks/_pro/grid-column-item/block.json #: src/blocks/_pro/grid-column-item/block.json msgctxt "block title" msgid "Grid Column Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/grid-column-item/block.json #: inc/vk-blocks/build/blocks/_pro/grid-column-item/block.json #: src/blocks/_pro/grid-column-item/block.json msgctxt "block description" msgid "One item in a grit column block." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/grid-column/block.json #: inc/vk-blocks/build/blocks/_pro/grid-column/block.json #: src/blocks/_pro/grid-column/block.json msgctxt "block title" msgid "Grid Column" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/grid-column/block.json #: inc/vk-blocks/build/blocks/_pro/grid-column/block.json #: src/blocks/_pro/grid-column/block.json msgctxt "block description" msgid "Set the number of columns to be displayed for each screen size." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item-body/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item-body/block.json #: src/blocks/_pro/gridcolcard-item-body/block.json msgctxt "block title" msgid "Grid Column Card Item Body" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item-body/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item-body/block.json #: src/blocks/_pro/gridcolcard-item-body/block.json msgctxt "block description" msgid "Body of Grid Column Card Block Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item-footer/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item-footer/block.json #: src/blocks/_pro/gridcolcard-item-footer/block.json msgctxt "block title" msgid "Grid Column Card Item Footer" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item-footer/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item-footer/block.json #: src/blocks/_pro/gridcolcard-item-footer/block.json msgctxt "block description" msgid "Footer button area of Grid Column Card Block Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item-header/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item-header/block.json #: src/blocks/_pro/gridcolcard-item-header/block.json msgctxt "block title" msgid "Grid Column Card Item header" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item-header/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item-header/block.json #: src/blocks/_pro/gridcolcard-item-header/block.json msgctxt "block description" msgid "Header image area of Grid Column Card Block Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item/block.json #: src/blocks/_pro/gridcolcard-item/block.json msgctxt "block title" msgid "Grid Column Card Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard-item/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard-item/block.json #: src/blocks/_pro/gridcolcard-item/block.json msgctxt "block description" msgid "It is a block of single column of Grid Column Card." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard/block.json #: src/blocks/_pro/gridcolcard/block.json msgctxt "block title" msgid "Grid Column Card" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/gridcolcard/block.json #: inc/vk-blocks/build/blocks/_pro/gridcolcard/block.json #: src/blocks/_pro/gridcolcard/block.json msgctxt "block description" msgid "This block can flexible column layout" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/icon-card-item/block.json #: inc/vk-blocks/build/blocks/_pro/icon-card-item/block.json #: src/blocks/_pro/icon-card-item/block.json msgctxt "block title" msgid "Icon Card Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/icon-card-item/block.json #: inc/vk-blocks/build/blocks/_pro/icon-card-item/block.json #: src/blocks/_pro/icon-card-item/block.json msgctxt "block description" msgid "This is one item in an icon card." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/icon-card/block.json #: inc/vk-blocks/build/blocks/_pro/icon-card/block.json #: src/blocks/_pro/icon-card/block.json msgctxt "block title" msgid "Icon Card" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/icon-card/block.json #: inc/vk-blocks/build/blocks/_pro/icon-card/block.json #: src/blocks/_pro/icon-card/block.json msgctxt "block description" msgid "Display card with icons, headings, text, and links." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/outer/block.json #: inc/vk-blocks/build/blocks/_pro/outer/block.json #: src/blocks/_pro/outer/block.json msgctxt "block title" msgid "Outer" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/outer/block.json #: inc/vk-blocks/build/blocks/_pro/outer/block.json #: src/blocks/_pro/outer/block.json msgctxt "block description" msgid "Set the background image, color, and border to show the layout and divisions." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/post-category-badge/block.json #: inc/vk-blocks/build/blocks/_pro/post-category-badge/block.json #: src/blocks/_pro/post-category-badge/block.json msgctxt "block title" msgid "Category Badge" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/post-category-badge/block.json #: inc/vk-blocks/build/blocks/_pro/post-category-badge/block.json #: src/blocks/_pro/post-category-badge/block.json msgctxt "block description" msgid "Displays a single category or custom taxonomy associated with the post. It allows for the specification of taxonomy and design." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/post-list/block.json #: inc/vk-blocks/build/blocks/_pro/post-list/block.json #: src/blocks/_pro/post-list/block.json msgctxt "block title" msgid "Post list" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/post-list/block.json #: inc/vk-blocks/build/blocks/_pro/post-list/block.json #: src/blocks/_pro/post-list/block.json msgctxt "block description" msgid "Displays the list of posts by setting the post type, classification, and number of posts to display." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/post-new-badge/block.json #: inc/vk-blocks/build/blocks/_pro/post-new-badge/block.json #: src/blocks/_pro/post-new-badge/block.json msgctxt "block title" msgid "New Badge" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/post-new-badge/block.json #: inc/vk-blocks/build/blocks/_pro/post-new-badge/block.json #: src/blocks/_pro/post-new-badge/block.json msgctxt "block description" msgid "Easily highlight your latest content or products with the 'New Badge' feature." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/select-post-list-item/block.json #: inc/vk-blocks/build/blocks/_pro/select-post-list-item/block.json #: src/blocks/_pro/select-post-list-item/block.json msgctxt "block title" msgid "Selected Post List Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/select-post-list-item/block.json #: inc/vk-blocks/build/blocks/_pro/select-post-list-item/block.json #: src/blocks/_pro/select-post-list-item/block.json msgctxt "block description" msgid "A single item in the select post list." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/select-post-list/block.json #: inc/vk-blocks/build/blocks/_pro/select-post-list/block.json #: src/blocks/_pro/select-post-list/block.json msgctxt "block title" msgid "Selected Post List" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/select-post-list/block.json #: inc/vk-blocks/build/blocks/_pro/select-post-list/block.json #: src/blocks/_pro/select-post-list/block.json msgctxt "block description" msgid "Displays an arbitrarily specified page with the layout of the posting list." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/step-item/block.json #: inc/vk-blocks/build/blocks/_pro/step-item/block.json #: src/blocks/_pro/step-item/block.json msgctxt "block title" msgid "Step Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/step-item/block.json #: inc/vk-blocks/build/blocks/_pro/step-item/block.json #: src/blocks/_pro/step-item/block.json msgctxt "block description" msgid "This element sets the icon, color, and style of the step mark." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/step/block.json #: inc/vk-blocks/build/blocks/_pro/step/block.json #: src/blocks/_pro/step/block.json msgctxt "block title" msgid "Step" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/step/block.json #: inc/vk-blocks/build/blocks/_pro/step/block.json #: src/blocks/_pro/step/block.json msgctxt "block description" msgid "Set and display step marks, which are useful when explaining the order." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/table-of-contents-new/block.json #: inc/vk-blocks/build/blocks/_pro/table-of-contents-new/block.json #: src/blocks/_pro/table-of-contents-new/block.json msgctxt "block title" msgid "Table of Contents" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/table-of-contents-new/block.json #: inc/vk-blocks/build/blocks/_pro/table-of-contents-new/block.json #: src/blocks/_pro/table-of-contents-new/block.json msgctxt "block description" msgid "This is a table of contents that is automatically generated according to the headings when added." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/taxonomy/block.json #: inc/vk-blocks/build/blocks/_pro/taxonomy/block.json #: src/blocks/_pro/taxonomy/block.json msgctxt "block title" msgid "Taxonomy" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/taxonomy/block.json #: inc/vk-blocks/build/blocks/_pro/taxonomy/block.json #: src/blocks/_pro/taxonomy/block.json msgctxt "block description" msgid "Display Taxnomy List Pulldown" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/timeline-item/block.json #: inc/vk-blocks/build/blocks/_pro/timeline-item/block.json #: src/blocks/_pro/timeline-item/block.json msgctxt "block title" msgid "Timeline Item" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/timeline-item/block.json #: inc/vk-blocks/build/blocks/_pro/timeline-item/block.json #: src/blocks/_pro/timeline-item/block.json msgctxt "block description" msgid "This element sets the label, color, and style of the timeline." msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/timeline/block.json #: inc/vk-blocks/build/blocks/_pro/timeline/block.json #: src/blocks/_pro/timeline/block.json msgctxt "block title" msgid "Timeline" msgstr "" +#: dist/vk-blocks-pro/inc/vk-blocks/build/blocks/_pro/timeline/block.json #: inc/vk-blocks/build/blocks/_pro/timeline/block.json #: src/blocks/_pro/timeline/block.json msgctxt "block description" diff --git a/src/blocks/_pro/tab-item/block.json b/src/blocks/_pro/tab-item/block.json index f47219234..394da434c 100644 --- a/src/blocks/_pro/tab-item/block.json +++ b/src/blocks/_pro/tab-item/block.json @@ -33,31 +33,31 @@ }, "innerBlocksTemplate": [ [ - "core/group", - { - "style": { - "spacing": { - "padding": { - "top": "20px", - "right": "20px", - "bottom": "20px", - "left": "20px" + "core/group", + { + "style": { + "spacing": { + "padding": { + "top": "20px", + "right": "20px", + "bottom": "20px", + "left": "20px" + } + }, + "border": { + "style": "solid", + "color": "#f5f5f5", + "width": "1px", + "top": { + "width": "0px" + } + }, + "color": { + "background": "#ffffff" + } } - }, - "border": { - "style": "solid", - "color": "#f5f5f5", - "width": "1px", - "top": { - "width": "0px" - } - }, - "color": { - "background": "#ffffff" - } - } - }, - [["core/paragraph"]] + }, + [["core/paragraph"]] ] ] } From 5baf0b16f0cb746672bd6e5c8e551a33fef46795 Mon Sep 17 00:00:00 2001 From: mtdkei Date: Wed, 8 May 2024 08:23:02 +0900 Subject: [PATCH 64/64] Adjust CSS for has-border-top --- src/blocks/_pro/tab/style.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/blocks/_pro/tab/style.scss b/src/blocks/_pro/tab/style.scss index 7b32c3bd6..be8c63e0d 100644 --- a/src/blocks/_pro/tab/style.scss +++ b/src/blocks/_pro/tab/style.scss @@ -24,6 +24,7 @@ $xl-min: 1200px; color: inherit; background: none; background-color: var(--vk-color-bg-accent-wh); + padding: 0; margin-left: 0; margin-right: 0; border-top: 1px solid var(--vk-color-border); @@ -68,6 +69,10 @@ $xl-min: 1200px; } } + &> div{ + padding: calc( var(--vk-size-text) * 0.5 ) calc( var(--vk-size-text) * 1 ); + } + &.vk_tab_labels_label-state-active{ color:var(--default-color); background-color: var(--vk-color-bg-accent-wh); @@ -80,7 +85,6 @@ $xl-min: 1200px; height: 2px; background-color: var(--default-color); } - } } }