@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

package/dist/cjs/accordion/next.js

@@ -1,20 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const Accordion = dynamic(()=>Promise.resolve().then(function () { return require('./components/Accordion.js'); }), {
-    loading: Loading.default
-});
-const AccordionItem = dynamic(()=>Promise.resolve().then(function () { return require('./components/AccordionItem.js'); }), {
-    loading: Loading.default
-});
-var accordion = {
-    Accordion,
-    AccordionItem
-};
-
-exports.default = accordion;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Accordion=dynamic(()=>Promise.resolve().then(function(){return require("./components/Accordion.js")}),{loading:Loading.default}),AccordionItem=dynamic(()=>Promise.resolve().then(function(){return require("./components/AccordionItem.js")}),{loading:Loading.default});var accordion={Accordion,AccordionItem};exports.default=accordion;

package/dist/cjs/accordion/settings/Accordion.js

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var childItems=require("./configs/child-items.js"),settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"Accordion",label:"Accordion",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C2.58579 4 2.25 4.33579 2.25 4.75C2.25 5.16421 2.58579 5.5 3 5.5H21.0025C21.4167 5.5 21.7525 5.16421 21.7525 4.75C21.7525 4.33579 21.4167 4 21.0025 4H3ZM1.5 9.67558C1.5 8.1568 2.73122 6.92558 4.25 6.92558H19.7525C21.2713 6.92558 22.5025 8.1568 22.5025 9.67558V14.3781C22.5025 15.8969 21.2713 17.1281 19.7525 17.1281H4.25C2.73121 17.1281 1.5 15.8969 1.5 14.3781V9.67558ZM4.25 8.42558C3.55964 8.42558 3 8.98523 3 9.67558V14.3781C3 15.0685 3.55964 15.6281 4.25 15.6281H19.7525C20.4428 15.6281 21.0025 15.0685 21.0025 14.3781V9.67558C21.0025 8.98523 20.4428 8.42558 19.7525 8.42558H4.25ZM2.25 19.2542C2.25 18.84 2.58579 18.5042 3 18.5042H21.0025C21.4167 18.5042 21.7525 18.84 21.7525 19.2542C21.7525 19.6684 21.4167 20.0042 21.0025 20.0042H3C2.58579 20.0042 2.25 19.6684 2.25 19.2542Z" fill="white"/>
+  </svg>
+  `,settings:settings.AccordionSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:[{id:"accordion-1",name:{en:"Accordion"},icon:{desktop:`
+     <svg width="98" height="56" viewBox="0 0 98 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect x="4" y="4" width="57" height="6" rx="3" fill="#757575"/>
+      <rect x="2" y="4" width="57" height="6" rx="3" fill="#757575"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1302 5.61716C86.3037 5.46095 86.5851 5.46095 86.7587 5.61716L90 8.53431L93.2413 5.61716C93.4149 5.46095 93.6963 5.46095 93.8698 5.61716C94.0434 5.77337 94.0434 6.02663 93.8698 6.18284L90.3143 9.38284C90.1407 9.53905 89.8593 9.53905 89.6857 9.38284L86.1302 6.18284C85.9566 6.02663 85.9566 5.77337 86.1302 5.61716Z" fill="#AAAAAA"/>
+      <path d="M96 13H0V15H96V13Z" fill="#424242" mask="url(#path-4-inside-2_1355_357)"/>
+      <path d="M98 13H2V15H98V13Z" fill="#424242" mask="url(#path-1-inside-1_1355_357)"/>
+      <rect x="4" y="25" width="57" height="6" rx="3" fill="#757575"/>
+      <rect x="2" y="25" width="57" height="6" rx="3" fill="#757575"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1302 26.6172C86.3037 26.4609 86.5851 26.4609 86.7587 26.6172L90 29.5343L93.2413 26.6172C93.4149 26.4609 93.6963 26.4609 93.8698 26.6172C94.0434 26.7734 94.0434 27.0266 93.8698 27.1828L90.3143 30.3828C90.1407 30.5391 89.8593 30.5391 89.6857 30.3828L86.1302 27.1828C85.9566 27.0266 85.9566 26.7734 86.1302 26.6172Z" fill="#AAAAAA"/>
+      <path d="M96 34H0V36H96V34Z" fill="#424242" mask="url(#path-11-inside-4_1355_357)"/>
+      <path d="M98 34H2V36H98V34Z" fill="#424242" mask="url(#path-8-inside-3_1355_357)"/>
+      <rect x="4" y="46" width="57" height="6" rx="3" fill="#757575"/>
+      <rect x="2" y="46" width="57" height="6" rx="3" fill="#757575"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1302 47.6172C86.3037 47.4609 86.5851 47.4609 86.7587 47.6172L90 50.5343L93.2413 47.6172C93.4149 47.4609 93.6963 47.4609 93.8698 47.6172C94.0434 47.7734 94.0434 48.0266 93.8698 48.1828L90.3143 51.3828C90.1407 51.5391 89.8593 51.5391 89.6857 51.3828L86.1302 48.1828C85.9566 48.0266 85.9566 47.7734 86.1302 47.6172Z" fill="#AAAAAA"/>
+      <path d="M96 55H0V57H96V55Z" fill="#424242" mask="url(#path-18-inside-6_1355_357)"/>
+      <path d="M98 55H2V57H98V55Z" fill="#424242" mask="url(#path-15-inside-5_1355_357)"/>
+      </svg>
+        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"text-only"},styles:{borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[childItems.itemChildrenTemplate,childItems.itemChildrenTemplate,childItems.itemChildrenTemplate]}]},{id:"accordion-3",name:{en:"Accordion"},icon:{desktop:`
+        <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.75 3.75C8.75 3.33579 8.41421 3 8 3C7.58579 3 7.25 3.33579 7.25 3.75L7.25 6.25H4.75C4.33579 6.25 4 6.58579 4 7C4 7.41421 4.33579 7.75 4.75 7.75H7.25L7.25 10.25C7.25 10.6642 7.58579 11 8 11C8.41421 11 8.75 10.6642 8.75 10.25V7.75H11.25C11.6642 7.75 12 7.41421 12 7C12 6.58579 11.6642 6.25 11.25 6.25H8.75V3.75Z" fill="#AAAAAA"/>
+<rect x="35" y="4" width="57" height="6" rx="3" fill="#757575"/>
+<path d="M0 0H96H0ZM96 15H0V13H96V15ZM0 14V0V14ZM96 0V14V0Z" fill="#424242" mask="url(#path-1-inside-1_1355_6372)"/>
+<path d="M8.75 24.75C8.75 24.3358 8.41421 24 8 24C7.58579 24 7.25 24.3358 7.25 24.75L7.25 27.25H4.75C4.33579 27.25 4 27.5858 4 28C4 28.4142 4.33579 28.75 4.75 28.75H7.25L7.25 31.25C7.25 31.6642 7.58579 32 8 32C8.41421 32 8.75 31.6642 8.75 31.25V28.75H11.25C11.6642 28.75 12 28.4142 12 28C12 27.5858 11.6642 27.25 11.25 27.25H8.75V24.75Z" fill="#AAAAAA"/>
+<rect x="35" y="25" width="57" height="6" rx="3" fill="#757575"/>
+<path d="M0 21H96H0ZM96 36H0V34H96V36ZM0 35V21V35ZM96 21V35V21Z" fill="#424242" mask="url(#path-5-inside-2_1355_6372)"/>
+<path d="M8.75 45.75C8.75 45.3358 8.41421 45 8 45C7.58579 45 7.25 45.3358 7.25 45.75L7.25 48.25H4.75C4.33579 48.25 4 48.5858 4 49C4 49.4142 4.33579 49.75 4.75 49.75H7.25L7.25 52.25C7.25 52.6642 7.58579 53 8 53C8.41421 53 8.75 52.6642 8.75 52.25V49.75H11.25C11.6642 49.75 12 49.4142 12 49C12 48.5858 11.6642 48.25 11.25 48.25H8.75V45.75Z" fill="#AAAAAA"/>
+<rect x="35" y="46" width="57" height="6" rx="3" fill="#757575"/>
+<path d="M0 42H96H0ZM96 57H0V55H96V57ZM0 56V42V56ZM96 42V56V42Z" fill="#424242" mask="url(#path-9-inside-3_1355_6372)"/>
+</svg>
+        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"text-only",iconCollapse:`
+            <svg width="16" data-name="plus-regular" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.59995 3.79995C8.59995 3.46858 8.33132 3.19995 7.99995 3.19995C7.66858 3.19995 7.39995 3.46858 7.39995 3.79995V7.39995H3.79995C3.46858 7.39995 3.19995 7.66858 3.19995 7.99995C3.19995 8.33132 3.46858 8.59995 3.79995 8.59995H7.39995L7.39995 12.2C7.39995 12.5313 7.66858 12.8 7.99995 12.8C8.33132 12.8 8.59995 12.5313 8.59995 12.2V8.59995H12.2C12.5313 8.59995 12.8 8.33132 12.8 7.99995C12.8 7.66858 12.5313 7.39995 12.2 7.39995H8.59995V3.79995Z" fill="currentColor"/>
+</svg>
+            `,iconExpand:`
+            <svg width="16" height="16" data-name="minus-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 7.75C2 7.33579 2.33579 7 2.75 7L13.25 7C13.6642 7 14 7.33579 14 7.75C14 8.16421 13.6642 8.5 13.25 8.5H2.75C2.33579 8.5 2 8.16421 2 7.75Z" fill="currentColor"/>
+</svg>
+            `,iconPosition:"left"},styles:{headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}},borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},widthHeightSize:{desktop:{width:"600px"}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[childItems.itemChildrenTemplate,childItems.itemChildrenTemplate,childItems.itemChildrenTemplate]}]},{id:"accordion-2",name:{en:"Accordion"},icon:{desktop:`
+        <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H93C94.6569 0 96 1.34315 96 3V10C96 11.6569 94.6569 13 93 13H3C1.34315 13 0 11.6569 0 10V3Z" fill="#333333"/>
+<g clip-path="url(#clip0_1355_8713)">
+<path d="M9.29832 3.01959C9.38086 2.85236 9.61932 2.85236 9.70185 3.01959L10.6956 5.03312C10.7284 5.09953 10.7917 5.14556 10.865 5.15621L13.0871 5.47909C13.2716 5.50591 13.3453 5.7327 13.2118 5.86287L11.6039 7.43019C11.5508 7.48188 11.5266 7.55636 11.5392 7.62935L11.9187 9.84243C11.9503 10.0262 11.7573 10.1664 11.5923 10.0796L9.60479 9.03475C9.53924 9.00029 9.46093 9.00029 9.39539 9.03475L7.40791 10.0796C7.24284 10.1664 7.04992 10.0262 7.08145 9.84243L7.46102 7.62935C7.47354 7.55636 7.44934 7.48188 7.39631 7.43019L5.78841 5.86287C5.65487 5.7327 5.72856 5.50591 5.91311 5.47909L8.13517 5.15621C8.20846 5.14556 8.27181 5.09953 8.30458 5.03312L9.29832 3.01959Z" fill="#9E9E9E"/>
+</g>
+<rect x="18" y="4" width="45" height="5" rx="2.5" fill="#676767"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M83.1302 4.61716C83.3037 4.46095 83.5851 4.46095 83.7587 4.61716L87 7.53431L90.2413 4.61716C90.4149 4.46095 90.6963 4.46095 90.8698 4.61716C91.0434 4.77337 91.0434 5.02663 90.8698 5.18284L87.3143 8.38284C87.1407 8.53905 86.8593 8.53905 86.6857 8.38284L83.1302 5.18284C82.9566 5.02663 82.9566 4.77337 83.1302 4.61716Z" fill="#AAAAAA"/>
+<path d="M0 24.5C0 22.8431 1.34315 21.5 3 21.5H93C94.6569 21.5 96 22.8431 96 24.5V31.5C96 33.1569 94.6569 34.5 93 34.5H3C1.34315 34.5 0 33.1569 0 31.5V24.5Z" fill="#333333"/>
+<path d="M9.29832 24.5196C9.38086 24.3524 9.61932 24.3524 9.70185 24.5196L10.6956 26.5331C10.7284 26.5995 10.7917 26.6456 10.865 26.6562L13.0871 26.9791C13.2716 27.0059 13.3453 27.2327 13.2118 27.3629L11.6039 28.9302C11.5508 28.9819 11.5266 29.0564 11.5392 29.1293L11.9187 31.3424C11.9503 31.5262 11.7573 31.6664 11.5923 31.5796L9.60479 30.5347C9.53924 30.5003 9.46093 30.5003 9.39539 30.5347L7.40791 31.5796C7.24284 31.6664 7.04992 31.5262 7.08145 31.3424L7.46102 29.1293C7.47354 29.0564 7.44934 28.9819 7.39631 28.9302L5.78841 27.3629C5.65487 27.2327 5.72856 27.0059 5.91311 26.9791L8.13517 26.6562C8.20846 26.6456 8.27181 26.5995 8.30458 26.5331L9.29832 24.5196Z" fill="#9E9E9E"/>
+<rect x="18" y="25.5" width="45" height="5" rx="2.5" fill="#676767"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M83.1302 26.1172C83.3037 25.9609 83.5851 25.9609 83.7587 26.1172L87 29.0343L90.2413 26.1172C90.4149 25.9609 90.6963 25.9609 90.8698 26.1172C91.0434 26.2734 91.0434 26.5266 90.8698 26.6828L87.3143 29.8828C87.1407 30.0391 86.8593 30.0391 86.6857 29.8828L83.1302 26.6828C82.9566 26.5266 82.9566 26.2734 83.1302 26.1172Z" fill="#AAAAAA"/>
+<path d="M0 46C0 44.3431 1.34315 43 3 43H93C94.6569 43 96 44.3431 96 46V53C96 54.6569 94.6569 56 93 56H3C1.34315 56 0 54.6569 0 53V46Z" fill="#333333"/>
+<g clip-path="url(#clip1_1355_8713)">
+<path d="M9.29832 46.0196C9.38086 45.8524 9.61932 45.8524 9.70185 46.0196L10.6956 48.0331C10.7284 48.0995 10.7917 48.1456 10.865 48.1562L13.0871 48.4791C13.2716 48.5059 13.3453 48.7327 13.2118 48.8629L11.6039 50.4302C11.5508 50.4819 11.5266 50.5564 11.5392 50.6293L11.9187 52.8424C11.9503 53.0262 11.7573 53.1664 11.5923 53.0796L9.60479 52.0347C9.53924 52.0003 9.46093 52.0003 9.39539 52.0347L7.40791 53.0796C7.24284 53.1664 7.04992 53.0262 7.08145 52.8424L7.46102 50.6293C7.47354 50.5564 7.44934 50.4819 7.39631 50.4302L5.78841 48.8629C5.65487 48.7327 5.72856 48.5059 5.91311 48.4791L8.13517 48.1562C8.20846 48.1456 8.27181 48.0995 8.30458 48.0331L9.29832 46.0196Z" fill="#9E9E9E"/>
+</g>
+<rect x="18" y="47" width="45" height="5" rx="2.5" fill="#676767"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M83.1302 47.6172C83.3037 47.4609 83.5851 47.4609 83.7587 47.6172L87 50.5343L90.2413 47.6172C90.4149 47.4609 90.6963 47.4609 90.8698 47.6172C91.0434 47.7734 91.0434 48.0266 90.8698 48.1828L87.3143 51.3828C87.1407 51.5391 86.8593 51.5391 86.6857 51.3828L83.1302 48.1828C82.9566 48.0266 82.9566 47.7734 83.1302 47.6172Z" fill="#AAAAAA"/>
+<defs>
+<clipPath id="clip0_1355_8713">
+<rect width="9" height="9" fill="white" transform="translate(5 2)"/>
+</clipPath>
+<clipPath id="clip1_1355_8713">
+<rect width="9" height="9" fill="white" transform="translate(5 45)"/>
+</clipPath>
+</defs>
+</svg>
+        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"before-text"},styles:{backgroundContent:{desktop:"#EAEAEA"},borderContent:{},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"12px",bottom:"12px",right:"12px"}}},itemGap:"16px",contentSizePadding:{desktop:{padding:{type:"medium",top:"4px",left:"12px",bottom:"12px",right:"12px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[childItems.itemChildrenTemplate,childItems.itemChildrenTemplate,childItems.itemChildrenTemplate]}]}],editorConfigs:{placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},rootOverride:{settings:{alignment:{desktop:"left"}},styles:{align:{desktop:"center"},widthHeightSize:{desktop:{width:"600px",height:"auto"}}},"spacing-setting":{desktop:{margin:{bottom:0}}}}};exports.default=config;

package/dist/cjs/accordion/settings/AccordionItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"AccordionItem",label:"Accordion Item",settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{flowTag:["Accordion"],notAppendBeforeAfter:!0}}};exports.default=config;

package/dist/cjs/accordion/settings/configs/child-items.js

@@ -0,0 +1 @@
+"use strict";const itemChildrenTemplate={tag:"AccordionItem",childrens:[{tag:"Col",settings:{},advanced:{w:{desktop:"100%"}},childrens:[]}]},itemControlTemplate={tag:"AccordionItem",label:"Accordion Item",settings:{},styles:{},advanced:{},childrens:[{tag:"Col",settings:{},styles:{minWidth:{desktop:"200px"},justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[]}]};exports.itemChildrenTemplate=itemChildrenTemplate,exports.itemControlTemplate=itemControlTemplate;

package/dist/cjs/accordion/settings/configs/settings.js

@@ -0,0 +1,39 @@
+"use strict";var childItems=require("./child-items.js");const AccordionSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Accordion 1","Accordion 2","Accordion 3"],childTemplate:childItems.itemControlTemplate,expandItem:!1},{id:"translate",type:"input",default:"childItem"},{id:"expandItem",type:"toggle",label:"Expand multiple items",default:!0},{id:"activeKey",label:"Expand item",default:"1",type:"accordion:dropdown:input",inputType:"text",displayOptions:[{label:"Accordion 1",value:"1",reversed:!1},{label:"Accordion 1, 2",value:"1,2",reversed:!0},{label:"All accordions",value:"all"}]},{id:"expandedMode",label:"Expand mode",type:"accordion:segment",default:"multiple",options:[{label:"Single",value:"single"},{label:"Multiple",value:"multiple"}]},{id:"titleTypo",type:"typography-combo",default:{type:"paragraph-1"},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"general",type:"group",label:"General",controls:[{id:"iconSvg",label:"Accordion icon",type:"option:value",disableToggle:!1,options:[{label:"N/A",value:""},{label:`
+                  <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M9 1.5C9 1.22386 8.77614 1 8.5 1C8.22386 1 8 1.22386 8 1.5V7.5H2C1.72386 7.5 1.5 7.72386 1.5 8C1.5 8.27614 1.72386 8.5 2 8.5H8V14.5C8 14.7761 8.22386 15 8.5 15C8.77614 15 9 14.7761 9 14.5V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H9V1.5Z" fill="currentColor"/>
+                  </svg>`,value:"plus"},{label:`
+                  <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M4 12.1763V3.82365C4 3.15846 4.88548 2.7686 5.52991 3.15006L12.5853 7.32641C13.1382 7.65374 13.1382 8.34626 12.5853 8.67359L5.52991 12.8499C4.88548 13.2314 4 12.8415 4 12.1763Z" fill="currentColor"/>
+                  </svg>`,value:`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M4 12.1763V3.82365C4 3.15846 4.88548 2.7686 5.52991 3.15006L12.5853 7.32641C13.1382 7.65374 13.1382 8.34626 12.5853 8.67359L5.52991 12.8499C4.88548 13.2314 4 12.8415 4 12.1763Z" fill="currentColor"/>
+                    </svg>`},{label:`
+                    <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M5.64645 2.64645C5.84171 2.45118 6.15829 2.45118 6.35355 2.64645L11.3536 7.64645C11.5488 7.84171 11.5488 8.15829 11.3536 8.35355L6.35355 13.3536C6.15829 13.5488 5.84171 13.5488 5.64645 13.3536C5.45118 13.1583 5.45118 12.8417 5.64645 12.6464L10.2929 8L5.64645 3.35355C5.45118 3.15829 5.45118 2.84171 5.64645 2.64645Z" fill="currentColor"/>
+                    </svg>`,value:`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M5.64645 2.64645C5.84171 2.45118 6.15829 2.45118 6.35355 2.64645L11.3536 7.64645C11.5488 7.84171 11.5488 8.15829 11.3536 8.35355L6.35355 13.3536C6.15829 13.5488 5.84171 13.5488 5.64645 13.3536C5.45118 13.1583 5.45118 12.8417 5.64645 12.6464L10.2929 8L5.64645 3.35355C5.45118 3.15829 5.45118 2.84171 5.64645 2.64645Z" fill="currentColor"/>
+                  </svg>`}],default:`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M5.64645 2.64645C5.84171 2.45118 6.15829 2.45118 6.35355 2.64645L11.3536 7.64645C11.5488 7.84171 11.5488 8.15829 11.3536 8.35355L6.35355 13.3536C6.15829 13.5488 5.84171 13.5488 5.64645 13.3536C5.45118 13.1583 5.45118 12.8417 5.64645 12.6464L10.2929 8L5.64645 3.35355C5.45118 3.15829 5.45118 2.84171 5.64645 2.64645Z" fill="currentColor"/>
+                  </svg>`},{id:"iconPosition",label:"Icon position",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"right"}]},{id:"layoutHeader",label:"Layout",type:"option:illustration",default:"before-text",options:[{label:"No icon",value:"text-only",svgName:"gp-accordion-header-no-icon"},{label:"Icon before text",value:"before-text",svgName:"gp-accordion-header-left-icon"},{label:"Icon after text",value:"after-text",svgName:"gp-accordion-header-right-icon"}]},{id:"childConfig",type:"child-icon",label:"",initIcon:`
+        <svg width="16" height="16" data-name="Check-circle-filled" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9497 3.05025C10.2161 0.316582 5.78392 0.316582 3.05025 3.05025C0.316582 5.78392 0.316582 10.2161 3.05025 12.9497C5.78392 15.6834 10.2161 15.6834 12.9497 12.9497C15.6834 10.2161 15.6834 5.78392 12.9497 3.05025ZM11.3274 5.0505C11.5422 5.22402 11.5757 5.53883 11.4022 5.75365L7.45811 10.6366C7.37161 10.7437 7.24479 10.8104 7.10755 10.821C6.9703 10.8316 6.83476 10.7851 6.73289 10.6925L4.6364 8.78745C4.43203 8.60174 4.41691 8.28552 4.60262 8.08115C4.78833 7.87678 5.10455 7.86165 5.30892 8.04736L7.01318 9.59601L10.6243 5.1253C10.7978 4.91048 11.1126 4.87699 11.3274 5.0505Z" fill="currentColor"/>
+</svg>
+
+`,default:[,,,].fill(`
+          <svg width="16" height="16" data-name="Check-circle-filled" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9497 3.05025C10.2161 0.316582 5.78392 0.316582 3.05025 3.05025C0.316582 5.78392 0.316582 10.2161 3.05025 12.9497C5.78392 15.6834 10.2161 15.6834 12.9497 12.9497C15.6834 10.2161 15.6834 5.78392 12.9497 3.05025ZM11.3274 5.0505C11.5422 5.22402 11.5757 5.53883 11.4022 5.75365L7.45811 10.6366C7.37161 10.7437 7.24479 10.8104 7.10755 10.821C6.9703 10.8316 6.83476 10.7851 6.73289 10.6925L4.6364 8.78745C4.43203 8.60174 4.41691 8.28552 4.60262 8.08115C4.78833 7.87678 5.10455 7.86165 5.30892 8.04736L7.01318 9.59601L10.6243 5.1253C10.7978 4.91048 11.1126 4.87699 11.3274 5.0505Z" fill="currentColor"/>
+</svg>
+
+`)},{id:"configIconSize",label:"Size",type:"input:stepper",default:16},{id:"iconGlobalSize",type:"size-setting",devices:{desktop:{default:{gap:"8px"}}},hiddenSettings:["shape","padding","width","height"],hiddenShowMore:!0},{id:"iconExpand",type:"icon",label:"Icon",compoDefaultValue:`<svg width="16" height="16" data-name="Caret-up-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6243 9.82426C11.39 10.0586 11.0101 10.0586 10.7758 9.82426L8.00005 7.04853L5.22431 9.82426C4.99 10.0586 4.6101 10.0586 4.37579 9.82426C4.14147 9.58995 4.14147 9.21005 4.37579 8.97574L7.57579 5.77574C7.8101 5.54142 8.19 5.54142 8.42431 5.77574L11.6243 8.97574C11.8586 9.21005 11.8586 9.58995 11.6243 9.82426Z" fill="currentColor"/>
+</svg>
+`,default:`
+       <svg width="16" height="16" data-name="Caret-up-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6243 9.82426C11.39 10.0586 11.0101 10.0586 10.7758 9.82426L8.00005 7.04853L5.22431 9.82426C4.99 10.0586 4.6101 10.0586 4.37579 9.82426C4.14147 9.58995 4.14147 9.21005 4.37579 8.97574L7.57579 5.77574C7.8101 5.54142 8.19 5.54142 8.42431 5.77574L11.6243 8.97574C11.8586 9.21005 11.8586 9.58995 11.6243 9.82426Z" fill="currentColor"/>
+</svg>
+`,hideInput:!0,hideLabel:!0},{id:"iconCollapse",type:"icon",label:"Icon",compoDefaultValue:` <svg width="16" height="16" data-name="Caret-down-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77571C4.81007 6.5414 5.18997 6.5414 5.42429 6.77571L8.20002 9.55145L10.9758 6.77571C11.2101 6.5414 11.59 6.5414 11.8243 6.77571C12.0586 7.01003 12.0586 7.38993 11.8243 7.62424L8.62429 10.8242C8.38997 11.0586 8.01007 11.0586 7.77576 10.8242L4.57576 7.62424C4.34145 7.38993 4.34145 7.01003 4.57576 6.77571Z" fill="currentColor"/>
+</svg>`,default:`
+          <svg width="16" height="16" data-name="Caret-down-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77571C4.81007 6.5414 5.18997 6.5414 5.42429 6.77571L8.20002 9.55145L10.9758 6.77571C11.2101 6.5414 11.59 6.5414 11.8243 6.77571C12.0586 7.01003 12.0586 7.38993 11.8243 7.62424L8.62429 10.8242C8.38997 11.0586 8.01007 11.0586 7.77576 10.8242L4.57576 7.62424C4.34145 7.38993 4.34145 7.01003 4.57576 6.77571Z" fill="currentColor"/>
+</svg>
+          `,hideInput:!0,hideLabel:!0},{id:"iconCollapseSize",label:"Size",type:"input:stepper",default:16},{id:"alignment",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[{id:"enableHoverEffect",type:"toggle",label:"Enable Hover Effect",default:!1},{id:"enableActiveEffect",type:"toggle",label:"Enable Hover Effect",default:!1},{id:"backgroundContent",type:"color-picker-v2",label:"Background Color",devices:{desktop:{}},compoDefaultValue:{desktop:{default:"#EAEAEA"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"roundedContent",type:"radius-preset",label:"Corner",default:{radiusType:"none"}},{id:"behavior-state",type:"behavior-state",controls:[{id:"textColor",type:"color-picker-v2",label:"Text color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"iconColor",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"color",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"bgColor",type:"color-picker-v2",label:"Background Color",default:{},compoDefaultValue:{normal:"#DDDDDD",hover:"highlight",active:"highlight"},state:{hover:!0,normal:!0,active:!0}},{id:"headerBorder",type:"border-v2",default:{},compoDefaultValue:{normal:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},hover:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},active:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"accordion",type:"group",label:"Dimension",controls:[{id:"widthHeightSize",type:"size-setting",devices:{desktop:{default:{height:"auto",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full","default"]},height:{name:"Header height",displayOptions:["auto","small","medium","large"],sizeConfig:{small:"32px",medium:"48px",large:"64px"}}},hiddenSettings:["shape","gap","padding"]},{id:"headerContentPadding",type:"size-setting",devices:{desktop:{}},settingConfig:{padding:{name:"Header padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0},{id:"contentSizePadding",type:"size-setting",devices:{desktop:{default:{padding:{type:"medium",top:"4px",left:"0px",bottom:"12px",right:"0px"},gap:"8px"}}},settingConfig:{padding:{name:"Content padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}},gap:{name:"Item gap",displayOptions:["small","medium","large"],sizeConfig:{small:"8px",medium:"16px",large:"24px"}}},hiddenSettings:["shape","width","height"],hiddenShowMore:!0}]},{id:"align",label:"Alignment",type:"segment",devices:{desktop:{default:"center"}},options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}]},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"accordionShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];exports.AccordionSettings=AccordionSettings;

package/dist/cjs/accordion/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"group",label:{en:"Item management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{type:"group",label:{en:"Expand condition"},controls:[{type:"control",label:{en:"Expand mode"},setting:{id:"expandedMode"}},{type:"control",label:{en:"Default expanded item"},setting:{id:"expandItem"}},{type:"control",label:{en:"Select item"},setting:{id:"activeKey"},condition:"expandItem === true"}]},{type:"group",label:{en:"Layout header"},options:{label:"large",removeSpacing:!0},controls:[{type:"control",setting:{id:"layoutHeader"},layout:"vertical"},{type:"control",layout:"vertical",setting:{id:"childConfig"},condition:'layoutHeader !== "text-only"'},{type:"control",label:{en:"Size"},setting:{id:"configIconSize"},isMoreSetting:!0,condition:'layoutHeader !== "text-only"'},{type:"control",layout:"vertical",setting:{id:"iconGlobalSize"},isMoreSetting:!0,condition:'layoutHeader !== "text-only"'}]},{type:"control",label:{en:"Alignment"},setting:{id:"alignment"},options:{label:"medium"}},{type:"group",label:{en:"Collapsible icon"},controls:[{type:"control",label:{en:"Icon collapse"},setting:{id:"iconCollapse"}},{type:"control",label:{en:"Icon expand"},setting:{id:"iconExpand"}},{type:"control",label:{en:"Icon position"},setting:{id:"iconPosition"}},{type:"control",label:{en:"Size"},setting:{id:"iconCollapseSize"},isMoreSetting:!0}]},{type:"control",label:{en:"Text header"},setting:{id:"titleTypo"},layout:"vertical"},{type:"group",label:{en:"States header"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Collapse"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"normal"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"normal"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"normal"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"normal"},isMoreSetting:!0}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"hover"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"hover"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"hover"},isMoreSetting:!0}]},{type:"group",label:{en:"Expand"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"active"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"active"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"active"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"active"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"active"},isMoreSetting:!0}]}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"widthHeightSize"},options:{noGap:!0}},{type:"control",setting:{id:"headerContentPadding"},isMoreSetting:!0,options:{noGap:!0}},{type:"control",setting:{id:"contentSizePadding"},isMoreSetting:!0,options:{noGap:!0}}]},{type:"group",label:{en:"Background"},controls:[{type:"control",label:{en:"Color"},setting:{id:"backgroundContent"}}]},{type:"group",label:{en:"Item shape"},controls:[{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderContent"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedContent"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasActiveShadow"}},{type:"control",setting:{id:"accordionShadow"},layout:"vertical",condition:"hasActiveShadow === true"}]},{type:"control",label:{en:"Align"},setting:{id:"align"},condition:"widthHeightSize.width !== '100%'"}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/accordion/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Item"},setting:{id:"childItem"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundContent"}},{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"accordionShadow"},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"#121212",angle:90,enable:!0},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"accordionShadow.enable === true",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"accordionShadow.enable === false",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item header"},controls:[{label:{en:"Title icon"},type:"combo",iconName:"polaris-icons",getValueFromSettingID:"layoutHeader",isShowSettingTitle:!0,isHideClear:!0,popoverLabel:{en:"Title icon"},controls:[{label:{en:"Layout"},setting:{id:"layoutHeader"},layout:"vertical"},{layout:"vertical",setting:{id:"childConfig"},conditionDisplay:'layoutHeader !== "text-only"'},{label:{en:"Gap to text"},conditionDisplay:'layoutHeader !== "text-only"',controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,ignoreMax:!0,linkWithSetting:{name:"iconGlobalSize",field:"gap"}}},{label:{en:"Size"},setting:{id:"configIconSize"},conditionDisplay:'layoutHeader !== "text-only"'},{conditionDisplay:'layoutHeader !== "text-only"',label:{en:"Color"},setting:{id:"iconColor",state:"normal"}}]},{label:{en:"Title"},setting:{id:"titleTypo"},options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}},{label:{en:"Expand icon"},type:"combo",iconName:"polaris-icons",fixedValue:"Edited",isHideClear:!0,popoverLabel:{en:"Expand icon"},controls:[{label:{en:"When expanded"},setting:{id:"iconExpand"}},{label:{en:"When collapsed"},setting:{id:"iconCollapse"}},{label:{en:"Position"},setting:{id:"iconPosition"}},{label:{en:"Size"},setting:{id:"iconCollapseSize"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}}]},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"widthHeightSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto"},{label:"Small",value:"32px"},{label:"Medium",value:"48px"},{label:"Large",value:"64px"}]}},{label:{en:"Padding"},controlConfig:{id:"header-content-padding",type:"padding-v2",linkWithSetting:{name:"headerContentPadding",field:"padding"}}},{label:{en:"Background"},setting:{id:"bgColor",state:"normal"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"headerBorder",state:"normal"}},{label:{en:"Align"},setting:{id:"alignment"}}]}},{label:{en:"Item content"},controls:[{label:{en:"Padding"},controlConfig:{id:"content-content-padding",type:"padding-v2",linkWithSetting:{name:"contentSizePadding",field:"padding"}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,linkWithSetting:{name:"contentSizePadding",field:"gap"}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover item"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover item"},state:"hover",setting:{id:"enableHoverEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Title"},setting:{id:"textColor",state:"hover"}},{label:{en:"Expand icon"},setting:{id:"color",state:"hover"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"hover"}}]},{label:{en:"Expand header"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:{en:"Expand header"},setting:{id:"enableActiveEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"active"}},{label:{en:"Title"},setting:{id:"textColor",state:"active"}},{label:{en:"Expand icon"},setting:{id:"color",state:"active"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"active"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"active"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"widthHeightSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},controls:[{label:{en:"Expand mode"},setting:{id:"expandedMode"}},{label:{en:"Auto-expand"},setting:{id:"expandItem"}},{label:{en:"Item"},setting:{id:"activeKey"},conditionDisplay:"expandItem === true"}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(widthHeightSize.width) >= 100 && widthHeightSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/article/common/helpers.js

@@ -0,0 +1,13 @@
+"use strict";const convertSpecialCharacter=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"),styleOverride=`
+.gp-content-text-override.gp-p-description-text p,
+.gp-content-text-override.gp-p-description-text div,
+.gp-content-text-override.gp-p-description-text span,
+.gp-content-text-override.gp-p-description-text h1,
+.gp-content-text-override.gp-p-description-text h2,
+.gp-content-text-override.gp-p-description-text h3,
+.gp-content-text-override.gp-p-description-text h4,
+.gp-content-text-override.gp-p-description-text h5,
+.gp-content-text-override.gp-p-description-text h6,
+.gp-content-text-override.gp-p-description-text * {
+  line-height: inherit !important;
+}`;exports.convertSpecialCharacter=convertSpecialCharacter,exports.styleOverride=styleOverride;

package/dist/cjs/article/components/ArticleAuthor.js

@@ -1,34 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Text = require('../../text/components/Text.js');
-var core = require('@gem-sdk/core');
-var React = require('react');
-
-const ArticleAuthor = ({ setting, builderProps, styles })=>{
-    const { prefix } = setting;
-    const article = core.useArticleStore((s)=>s.article);
-    const author = React.useMemo(()=>{
-        return `${prefix} ${article?.author || 'Unknown'}`;
-    }, [
-        article?.author,
-        prefix
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        id: `shopify-text-element-${builderProps?.uid}`,
-        "data-article-id": article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
-        children: /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-            builderProps: builderProps,
-            styles: styles,
-            setting: {
-                ...setting,
-                text: author,
-                excludeFlex: true
-            }
-        })
-    });
-};
-
-exports.default = ArticleAuthor;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),core=require("@gem-sdk/core"),React=require("react");const ArticleAuthor=({setting:e,builderProps:t,styles:r,advanced:i})=>{let{prefix:s}=e??{},u=core.useArticleStore(e=>e.article),c=React.useMemo(()=>`${s??""} ${u?.author||"Unknown"}`,[u?.author,s]);return jsxRuntime.jsx("div",{id:`shopify-text-element-${t?.uid}`,"data-article-id":u?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:jsxRuntime.jsx(Text.default,{builderProps:t,styles:r,advanced:i,setting:{...e,text:c,excludeFlex:!0}})})};exports.default=ArticleAuthor;

package/dist/cjs/article/components/ArticleAuthor.liquid.js

@@ -1,26 +1,4 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-var Text_liquid = require('../../text/components/Text.liquid.js');
-
-const ArticleAuthor = ({ setting, styles, advanced, builderProps })=>{
-    const { prefix } = setting ?? {};
-    return core.template`
-    ${Text_liquid.default({
-        styles: styles,
-        setting: {
-            ...setting,
-            text: `${prefix} {{ article.author }}`,
-            excludeFlex: true
-        },
-        advanced: advanced,
-        builderAttrs: {
-            'data-id': builderProps?.uid
-        }
-    })}
-  `;
-};
-
-exports.default = ArticleAuthor;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js");const ArticleAuthor=({setting:e,styles:t,advanced:r,builderProps:i})=>{let{prefix:u}=e??{};return core.template`
+    ${Text_liquid.default({styles:t,setting:{...e,text:`${u} {{ article.author }}`,excludeFlex:!0},advanced:r,builderAttrs:{"data-id":i?.uid}})}
+  `};exports.default=ArticleAuthor;

package/dist/cjs/article/components/ArticleCategory.js

@@ -1,27 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Text = require('../../text/components/Text.js');
-var core = require('@gem-sdk/core');
-var string = require('../utils/string.js');
-
-const ArticleCategory = ({ setting, builderProps, styles })=>{
-    const article = core.useArticleStore((s)=>s.article);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        id: `shopify-text-element-${builderProps?.uid}`,
-        "data-article-id": article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
-        children: /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-            builderProps: builderProps,
-            styles: styles,
-            setting: {
-                ...setting,
-                text: string.convertSpecialCharacter(article?.blog?.title ?? ''),
-                excludeFlex: true
-            }
-        })
-    });
-};
-
-exports.default = ArticleCategory;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),core=require("@gem-sdk/core"),helpers=require("../common/helpers.js");const ArticleCategory=({setting:e,builderProps:t,styles:r})=>{let i=core.useArticleStore(e=>e.article);return jsxRuntime.jsx("div",{id:`shopify-text-element-${t?.uid}`,"data-article-id":i?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:jsxRuntime.jsx(Text.default,{builderProps:t,styles:r,setting:{...e,text:helpers.convertSpecialCharacter(i?.blog?.title??""),excludeFlex:!0}})})};exports.default=ArticleCategory;

package/dist/cjs/article/components/ArticleCategory.liquid.js

@@ -1,26 +1,4 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-var Text_liquid = require('../../text/components/Text.liquid.js');
-
-const ArticleCategory = ({ setting, styles, advanced, builderProps })=>{
-    return core.template`
-
-    ${Text_liquid.default({
-        styles: styles,
-        setting: {
-            ...setting,
-            text: '{{blogTitle}}',
-            excludeFlex: true
-        },
-        advanced: advanced,
-        builderAttrs: {
-            'data-id': builderProps?.uid
-        }
-    })}
-  `;
-};
-
-exports.default = ArticleCategory;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js");const ArticleCategory=({setting:e,styles:t,advanced:r,builderProps:i})=>{let l=t?.typo?.attrs?.transform==="capitalize";return core.template`
+    ${Text_liquid.default({styles:t,setting:{...e,text:l?"{{ blogTitle | downcase }}":"{{ blogTitle }}",excludeFlex:!0,isForceValue:!0},advanced:r,builderAttrs:{"data-id":i?.uid}})}
+  `};exports.default=ArticleCategory;

package/dist/cjs/article/components/ArticleContent.js

@@ -1,28 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var React = require('react');
-
-const ArticleContent = ({ styles, builderProps })=>{
-    const article = core.useArticleStore((s)=>s.article);
-    const [open, setOpen] = React.useState(false);
-    const ref = React.useRef(null);
-    const currentDevice = core.useCurrentDevice();
-    const hasLineClamp = core.getResponsiveValueByScreen(styles?.hasLineClamp, currentDevice);
-    const lineClamp = core.getResponsiveValueByScreen(styles?.lineClamp, currentDevice);
-    React.useEffect(()=>{
-        setOpen(false);
-    }, [
-        hasLineClamp,
-        lineClamp,
-        article?.description
-    ]);
-    const appendTypoClass = core.composeTypographyClassName(styles?.typo, styles?.typography);
-    const appendTypoStyle = core.composeTypographyStyle(styles?.typo, styles?.typography);
-    const css = `
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),NoDataState=require("../../common/components/NoDataState.js"),helpers=require("../common/helpers.js");const ArticleContent=({styles:e,builderProps:t})=>{let r=core.useArticleStore(e=>e.article),[i,o]=React.useState(!1),p=React.useRef(null),s=core.useCurrentDevice(),c=core.useShopStore(e=>e.storefrontUrl),n=core.getResponsiveValueByScreen(e?.hasLineClamp,s),a=core.getResponsiveValueByScreen(e?.lineClamp,s),l=()=>{if(!c)return;let e=new URL(c);window.open(`${e.protocol}//${e.host}/admin/content/articles`)};React.useEffect(()=>{o(!1)},[n,a,r?.description]);let d=core.composeTypographyClassName(e?.typo,e?.typography),m=core.composeTypographyStyle(e?.typo,e?.typography),y=`
     .gp-p-description-text a:empty,
     .gp-p-description-text ul:empty,
     .gp-p-description-text dl:empty,
@@ -38,41 +15,5 @@ const ArticleContent = ({ styles, builderProps })=>{
     .gp-p-description-text h6:empty {
         display: none;
     }
-  `;
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        "data-id": builderProps?.uid,
-        id: `shopify-text-element-${builderProps?.uid}`,
-        className: "gp-article-description",
-        "data-article-id": article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
-        children: !article?.content.html ? /*#__PURE__*/ jsxRuntime.jsx("div", {
-            children: /*#__PURE__*/ jsxRuntime.jsx("p", {
-                className: "gp-p-2 gp-text-sm gp-font-semibold gp-text-gray-500",
-                children: "This article does not have content."
-            })
-        }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [
-                !core.isSafari() && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                    children: css
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    ref: ref,
-                    className: core.cls('gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre', appendTypoClass),
-                    style: {
-                        ...core.getGlobalColorStateStyle('c', styles?.color),
-                        ...core.makeStyleResponsive('ta', styles?.textAlign),
-                        ...hasLineClamp && !open ? core.makeStyleResponsive('line-clamp', styles?.lineClamp) : {},
-                        ...core.makeStyle({
-                            tt: styles?.transform
-                        }),
-                        ...appendTypoStyle
-                    },
-                    dangerouslySetInnerHTML: {
-                        __html: article?.content.html
-                    }
-                })
-            ]
-        })
-    });
-};
-
-exports.default = ArticleContent;
+   ${helpers.styleOverride}
+  `;return jsxRuntime.jsx("div",{"data-id":t?.uid,id:`shopify-text-element-${t?.uid}`,className:"gp-article-description","data-article-id":r?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:r?.content.html?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!core.isSafari()&&jsxRuntime.jsx("style",{children:y}),jsxRuntime.jsx("div",{ref:p,className:core.cls("gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",d),style:{...core.getGlobalColorStateStyle("c",e?.color),...core.makeStyleResponsive("ta",e?.textAlign),...n&&!i?core.makeStyleResponsive("line-clamp",e?.lineClamp):{},...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyle({tt:e?.transform}),...m},dangerouslySetInnerHTML:{__html:r?.content.html}})]}):jsxRuntime.jsx("div",{children:jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Inform and provide value to the audience with article content.",descriptionActions:[{text:"Add article content",callback:l},{text:"sync data",callback:"syncArticle"}]})})})};exports.default=ArticleContent;

package/dist/cjs/article/components/ArticleContent.liquid.js

@@ -1,30 +1,9 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-var helpers = require('../../helpers.js');
-
-const ArticleContent = ({ styles, builderProps })=>{
-    const appendTypoClass = core.composeTypographyClassName(styles?.typo, styles?.typography);
-    const appendTypoStyle = core.composeTypographyStyle(styles?.typo, styles?.typography);
-    const defaultStyle = {
-        ...core.makeStyleResponsive('ta', styles?.textAlign),
-        ...core.getGlobalColorStateStyle('c', styles?.color),
-        ...core.makeStyle({
-            tt: styles?.transform
-        }),
-        ...appendTypoStyle
-    };
-    const collapseStyle = {
-        ...defaultStyle,
-        ...core.makeStyleResponsive('line-clamp', core.makeLineClamp(styles?.lineClamp, styles?.hasLineClamp))
-    };
-    return core.template`
-<gp-article-content data-id="${builderProps?.uid}" >
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),helpers=require("../common/helpers.js");const ArticleContent=({styles:e,builderProps:t})=>{let r=core.composeTypographyClassName(e?.typo,e?.typography),a=core.composeTypographyStyle(e?.typo,e?.typography),s={...core.makeStyleResponsive("ta",e?.textAlign),...core.getGlobalColorStateStyle("c",e?.color),...core.makeStyle({tt:e?.transform}),...a},o={...s,...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp)),...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText})};return core.template`
+<gp-article-content data-id="${t?.uid}" >
   <div
-      class="${core.cls('gp-relative gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre', appendTypoClass, core.getGlobalColorStateClass('text', styles?.color), "data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white")}"
-      style="${collapseStyle}"
+      class="${core.cls("gp-relative gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",r,core.getGlobalColorStateClass("text",e?.color),"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white")}"
+      style="${o}"
     >
     {{article.content}}
   </div>
@@ -32,10 +11,8 @@ const ArticleContent = ({ styles, builderProps })=>{
     .gp-p-description-text * {
       color: inherit
     }
+    ${helpers.styleOverride}
   {% endstyle %}
 </gp-article-content>
-${core.RenderIf(core.isLocalEnv, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-article-content.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-article-content.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `;
-};
-
-exports.default = ArticleContent;
+${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-article-content-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-article-content-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=ArticleContent;

package/dist/cjs/article/components/ArticleDate.js

@@ -1,44 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Text = require('../../text/components/Text.js');
-var React = require('react');
-var core = require('@gem-sdk/core');
-
-const ArticleDate = ({ setting, builderProps, styles })=>{
-    const { dateFormat } = setting ?? {};
-    const article = core.useArticleStore((s)=>s.article);
-    const { timezone } = core.useTimezone();
-    const convertTZ = (date, tzString)=>{
-        const tz = tzString?.split(' ')?.[1] ?? '';
-        return new Date(new Date(date).toLocaleString('en-US', {
-            timeZone: tz
-        }));
-    };
-    const formattedDate = React.useMemo(()=>{
-        const date = convertTZ(new Date(article.publishedAt), timezone ?? '');
-        const { locales, options } = JSON.parse(dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');
-        return date.toLocaleDateString(locales, options);
-    }, [
-        article.publishedAt,
-        timezone,
-        dateFormat
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        id: `shopify-text-element-${builderProps?.uid}`,
-        "data-article-id": article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
-        children: /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-            builderProps: builderProps,
-            styles: styles,
-            setting: {
-                ...setting,
-                text: formattedDate,
-                excludeFlex: true
-            }
-        })
-    });
-};
-
-exports.default = ArticleDate;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),React=require("react"),core=require("@gem-sdk/core");const ArticleDate=({setting:e,builderProps:t,styles:r})=>{let{dateFormat:i}=e??{},s=core.useArticleStore(e=>e.article),{timezone:l}=core.useTimezone(),n=(e,t)=>{let r=t?.split(" ")?.[1]??"";return r?new Date(new Date(e).toLocaleString("en-US",{timeZone:r})):e},o=React.useMemo(()=>{let e=n(new Date(s.publishedAt),l??""),{locales:t,options:r}=JSON.parse(i??'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');return e.toLocaleDateString(t,r)},[s.publishedAt,l,i]);return jsxRuntime.jsx("div",{id:`shopify-text-element-${t?.uid}`,"data-article-id":s?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:jsxRuntime.jsx(Text.default,{builderProps:t,styles:r,setting:{...e,text:o,excludeFlex:!0},disableEdit:!0})})};exports.default=ArticleDate;

package/dist/cjs/article/components/ArticleDate.liquid.js

@@ -1,34 +1,4 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-var Text_liquid = require('../../text/components/Text.liquid.js');
-
-const FORMAT_MAP = {
-    '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}': '%b %d, %Y',
-    '{"locales":"en-US","options":{"month":"long","day":"2-digit","year":"numeric"}}': '%B %d, %Y',
-    '{"locales":"en-GB","options":{"month":"long","day":"2-digit","year":"numeric"}}': '%d %B %Y',
-    '{"locales":"en-GB","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}': '%d/%m/%Y',
-    '{"locales":"en-US","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}': '%m/%d/%Y',
-    '{"locales":"ja-JP","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}': '%Y/%m/%d'
-};
-const ArticleDate = ({ setting, styles, advanced, builderProps })=>{
-    const { dateFormat } = setting ?? {};
-    return core.template`
-    ${Text_liquid.default({
-        styles: styles,
-        setting: {
-            ...setting,
-            text: `{{ article.published_at | date: '${FORMAT_MAP[dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,
-            excludeFlex: true
-        },
-        advanced: advanced,
-        builderAttrs: {
-            'data-id': builderProps?.uid
-        }
-    })}
-  `;
-};
-
-exports.default = ArticleDate;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js");const FORMAT_MAP={'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}':"%b %d, %Y",'{"locales":"en-US","options":{"month":"long","day":"2-digit","year":"numeric"}}':"%B %d, %Y",'{"locales":"en-GB","options":{"month":"long","day":"2-digit","year":"numeric"}}':"%d %B %Y",'{"locales":"en-GB","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%d/%m/%Y",'{"locales":"en-US","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%m/%d/%Y",'{"locales":"ja-JP","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%Y/%m/%d"},ArticleDate=({setting:e,styles:t,advanced:i,builderProps:o})=>{let{dateFormat:d}=e??{};return core.template`
+    ${Text_liquid.default({styles:t,setting:{...e,text:`{{ article.published_at | date: '${FORMAT_MAP[d??'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,excludeFlex:!0},advanced:i,builderAttrs:{"data-id":o?.uid}})}
+  `};exports.default=ArticleDate;