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

package/dist/esm/hero-banner/settings/configs/presets/banner-content-right.js

@@ -0,0 +1,26 @@
+let heroBannerContentRight={id:"hero-banner-content-right",name:{en:"Hero Banner"},icon:{desktop:`
+      <svg
+        width="96"
+        height="48"
+        viewBox="0 0 96 48"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clip-path="url(#clip0_2430_3506)">
+          <rect width="96" height="48" rx="3" fill="#424242" />
+          <g opacity="0.2">
+            <path
+              d="M94.3989 61.8234L76.4012 40.4906C75.7919 39.767 75.0389 39.1816 74.1912 38.7727C73.3436 38.3638 72.4204 38.1406 71.4819 38.1175C70.5434 38.0944 69.6106 38.272 68.7444 38.6387C67.8781 39.0055 67.098 39.5531 66.4547 40.2459L58.0391 49.2989L25.142 9.43075C24.498 8.64956 23.6884 8.02551 22.7736 7.60499C21.8587 7.18447 20.862 6.9783 19.8577 7.00181C18.8533 7.02532 17.8671 7.2779 16.9724 7.74078C16.0777 8.20366 15.2974 8.86493 14.6897 9.67543L-24.6409 62.0866C-25.3929 63.0913 -25.8533 64.2887 -25.9703 65.5441C-26.0874 66.7994 -25.8564 68.063 -25.3035 69.1926C-24.7505 70.3222 -23.8975 71.2732 -22.8403 71.9384C-21.783 72.6037 -20.5636 72.957 -19.3191 72.9585L89.314 73C90.5918 72.9995 91.8427 72.6281 92.9187 71.9299C93.9947 71.2317 94.8508 70.2358 95.3857 69.06C95.9206 67.8843 96.1119 66.5779 95.9371 65.2955C95.7622 64.0131 95.2284 62.8082 94.3989 61.8234Z"
+              fill="#D6D6D6"
+            />
+          </g>
+          <rect x="54" y="15" width="32" height="7" rx="3" fill="#D6D6D6" />
+          <rect x="54" y="26" width="21" height="7" rx="3" fill="#D6D6D6" />
+        </g>
+        <defs>
+          <clipPath id="clip0_2430_3506">
+            <rect width="96" height="48" rx="3" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%"},mobile:{shape:"custom",width:"100%"}}},childrens:[{tag:"Col",styles:{order:{desktop:1}},childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your<br/>                      product's story or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]},{tag:"Col",styles:{order:{desktop:0}},childrens:[]}]}]};export{heroBannerContentRight};

package/dist/esm/hero-banner/settings/configs/presets/banner-parallax-pre-sales-page.js

@@ -0,0 +1,16 @@
+let heroBannerParallaxPreSalesPage={id:"hero-banner-parallax-pre-sales-page",name:{en:"Hero Banner Parallax"},icon:{desktop:`
+      <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_21157_36120)">
+<rect width="96" height="48" rx="3" fill="#424242"/>
+<ellipse cx="5" cy="24.5" rx="11" ry="11.5" fill="#5E5E5E"/>
+<path d="M-4.39892 61.8234L13.5988 40.4906C14.2081 39.767 14.9611 39.1816 15.8088 38.7727C16.6564 38.3638 17.5796 38.1406 18.5181 38.1175C19.4566 38.0944 20.3894 38.272 21.2556 38.6387C22.1219 39.0055 22.902 39.5531 23.5453 40.2459L31.9609 49.2989L64.858 9.43075C65.502 8.64956 66.3116 8.02551 67.2264 7.60499C68.1413 7.18447 69.138 6.9783 70.1423 7.00181C71.1467 7.02532 72.1329 7.2779 73.0276 7.74078C73.9223 8.20366 74.7026 8.86493 75.3103 9.67543L114.641 62.0866C115.393 63.0913 115.853 64.2887 115.97 65.5441C116.087 66.7994 115.856 68.063 115.303 69.1926C114.751 70.3222 113.897 71.2732 112.84 71.9384C111.783 72.6037 110.564 72.957 109.319 72.9585L0.685989 73C-0.591779 72.9995 -1.84266 72.6281 -2.91866 71.9299C-3.99467 71.2317 -4.85077 70.2358 -5.38568 69.06C-5.92059 67.8843 -6.11193 66.5779 -5.93706 65.2955C-5.76219 64.0131 -5.22843 62.8082 -4.39892 61.8234Z" fill="#5E5E5E"/>
+<rect x="36" y="21" width="22" height="6" rx="3" fill="#F9F9F9"/>
+</g>
+<defs>
+<clipPath id="clip0_21157_36120">
+<rect width="96" height="48" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},enableParallax:!0,speedParallax:.6,link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"custom",widthHeightLinked:!1,width:"100%",height:"600px"},mobile:{shape:"custom",widthHeightLinked:!1,width:"1200px",height:"600px"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerParallaxPreSalesPage};

package/dist/esm/hero-banner/settings/configs/presets/banner-parallax.js

@@ -0,0 +1,16 @@
+let heroBannerParallax={id:"hero-banner-parallax",name:{en:"Hero Banner Parallax"},icon:{desktop:`
+      <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_21157_36120)">
+<rect width="96" height="48" rx="3" fill="#424242"/>
+<ellipse cx="5" cy="24.5" rx="11" ry="11.5" fill="#5E5E5E"/>
+<path d="M-4.39892 61.8234L13.5988 40.4906C14.2081 39.767 14.9611 39.1816 15.8088 38.7727C16.6564 38.3638 17.5796 38.1406 18.5181 38.1175C19.4566 38.0944 20.3894 38.272 21.2556 38.6387C22.1219 39.0055 22.902 39.5531 23.5453 40.2459L31.9609 49.2989L64.858 9.43075C65.502 8.64956 66.3116 8.02551 67.2264 7.60499C68.1413 7.18447 69.138 6.9783 70.1423 7.00181C71.1467 7.02532 72.1329 7.2779 73.0276 7.74078C73.9223 8.20366 74.7026 8.86493 75.3103 9.67543L114.641 62.0866C115.393 63.0913 115.853 64.2887 115.97 65.5441C116.087 66.7994 115.856 68.063 115.303 69.1926C114.751 70.3222 113.897 71.2732 112.84 71.9384C111.783 72.6037 110.564 72.957 109.319 72.9585L0.685989 73C-0.591779 72.9995 -1.84266 72.6281 -2.91866 71.9299C-3.99467 71.2317 -4.85077 70.2358 -5.38568 69.06C-5.92059 67.8843 -6.11193 66.5779 -5.93706 65.2955C-5.76219 64.0131 -5.22843 62.8082 -4.39892 61.8234Z" fill="#5E5E5E"/>
+<rect x="36" y="21" width="22" height="6" rx="3" fill="#F9F9F9"/>
+</g>
+<defs>
+<clipPath id="clip0_21157_36120">
+<rect width="96" height="48" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},enableParallax:!0,speedParallax:.6},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"custom",widthHeightLinked:!1,width:"100%",height:"600px"},mobile:{shape:"custom",widthHeightLinked:!1,width:"1200px",height:"600px"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerParallax};

package/dist/esm/hero-banner/settings/configs/presets/banner-video-pre-sales-page.js

@@ -0,0 +1,15 @@
+let heroBannerVideoPreSalesPage={id:"hero-banner-video-pre-sales-page",name:{en:"Video Banner"},icon:{desktop:`
+    <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_12567_1327)">
+    <rect width="96" height="48" rx="3" fill="#424242"/>
+    <ellipse cx="4" cy="1.5" rx="11" ry="11.5" fill="#5E5E5E"/>
+    <path d="M25.6011 61.8234L43.5988 40.4906C44.2081 39.767 44.9611 39.1816 45.8088 38.7727C46.6564 38.3638 47.5796 38.1406 48.5181 38.1175C49.4566 38.0944 50.3894 38.272 51.2556 38.6387C52.1219 39.0055 52.902 39.5531 53.5453 40.2459L61.9609 49.2989L94.858 9.43075C95.502 8.64956 96.3116 8.02551 97.2264 7.60499C98.1413 7.18447 99.138 6.9783 100.142 7.00181C101.147 7.02532 102.133 7.2779 103.028 7.74078C103.922 8.20366 104.703 8.86493 105.31 9.67543L144.641 62.0866C145.393 63.0913 145.853 64.2887 145.97 65.5441C146.087 66.7994 145.856 68.063 145.303 69.1926C144.751 70.3222 143.897 71.2732 142.84 71.9384C141.783 72.6037 140.564 72.957 139.319 72.9585L30.686 73C29.4082 72.9995 28.1573 72.6281 27.0813 71.9299C26.0053 71.2317 25.1492 70.2358 24.6143 69.06C24.0794 67.8843 23.8881 66.5779 24.0629 65.2955C24.2378 64.0131 24.7716 62.8082 25.6011 61.8234Z" fill="#5E5E5E"/>
+    <path d="M40 28.4163V14.3838C40 13.2662 41.3774 12.6113 42.3799 13.2521L53.3549 20.2684C54.215 20.8183 54.215 21.9818 53.3549 22.5317L42.3799 29.5479C41.3774 30.1888 40 29.5338 40 28.4163Z" fill="#F9F9F9"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_12567_1327">
+    <rect width="96" height="48" rx="3" fill="white"/>
+    </clipPath>
+    </defs>
+    </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"html5",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerVideoPreSalesPage};

package/dist/esm/hero-banner/settings/configs/presets/banner-video.js

@@ -0,0 +1,15 @@
+let heroBannerVideo={id:"hero-banner-video",name:{en:"Video Banner"},icon:{desktop:`
+    <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_12567_1327)">
+    <rect width="96" height="48" rx="3" fill="#424242"/>
+    <ellipse cx="4" cy="1.5" rx="11" ry="11.5" fill="#5E5E5E"/>
+    <path d="M25.6011 61.8234L43.5988 40.4906C44.2081 39.767 44.9611 39.1816 45.8088 38.7727C46.6564 38.3638 47.5796 38.1406 48.5181 38.1175C49.4566 38.0944 50.3894 38.272 51.2556 38.6387C52.1219 39.0055 52.902 39.5531 53.5453 40.2459L61.9609 49.2989L94.858 9.43075C95.502 8.64956 96.3116 8.02551 97.2264 7.60499C98.1413 7.18447 99.138 6.9783 100.142 7.00181C101.147 7.02532 102.133 7.2779 103.028 7.74078C103.922 8.20366 104.703 8.86493 105.31 9.67543L144.641 62.0866C145.393 63.0913 145.853 64.2887 145.97 65.5441C146.087 66.7994 145.856 68.063 145.303 69.1926C144.751 70.3222 143.897 71.2732 142.84 71.9384C141.783 72.6037 140.564 72.957 139.319 72.9585L30.686 73C29.4082 72.9995 28.1573 72.6281 27.0813 71.9299C26.0053 71.2317 25.1492 70.2358 24.6143 69.06C24.0794 67.8843 23.8881 66.5779 24.0629 65.2955C24.2378 64.0131 24.7716 62.8082 25.6011 61.8234Z" fill="#5E5E5E"/>
+    <path d="M40 28.4163V14.3838C40 13.2662 41.3774 12.6113 42.3799 13.2521L53.3549 20.2684C54.215 20.8183 54.215 21.9818 53.3549 22.5317L42.3799 29.5479C41.3774 30.1888 40 29.5338 40 28.4163Z" fill="#F9F9F9"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_12567_1327">
+    <rect width="96" height="48" rx="3" fill="white"/>
+    </clipPath>
+    </defs>
+    </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%"},mobile:{shape:"original",width:"100%"}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"youtube",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerVideo};

package/dist/esm/hero-banner/settings/configs/settings.js

@@ -0,0 +1,146 @@
+let SettingsV2=[{id:"setting",controls:[{id:"layout",type:"layout-banner",devices:{desktop:{default:{cols:[12],display:"fill"}}}},{id:"verticalAlign",type:"segment",options:[{label:"Start",value:"start",icon:`<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20"
+              height="20"
+              viewBox="0 0 20 20"
+              fill="none"
+            >
+              <path
+                d="M18.75 2.8125C18.75 3.15768 18.4702 3.4375 18.125 3.4375L1.875 3.4375C1.52982 3.4375 1.25 3.15768 1.25 2.8125C1.25 2.46732 1.52982 2.1875 1.875 2.1875L18.125 2.1875C18.4702 2.1875 18.75 2.46732 18.75 2.8125Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M13.75 4.0625C14.7855 4.0625 15.625 4.90197 15.625 5.9375L15.625 12.1875C15.625 13.223 14.7855 14.0625 13.75 14.0625L12.5 14.0625C11.4645 14.0625 10.625 13.223 10.625 12.1875L10.625 5.9375C10.625 4.90197 11.4645 4.0625 12.5 4.0625L13.75 4.0625ZM14.375 5.9375C14.375 5.59232 14.0952 5.3125 13.75 5.3125L12.5 5.3125C12.1548 5.3125 11.875 5.59232 11.875 5.9375L11.875 12.1875C11.875 12.5327 12.1548 12.8125 12.5 12.8125L13.75 12.8125C14.0952 12.8125 14.375 12.5327 14.375 12.1875L14.375 5.9375Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M9.375 5.9375C9.375 4.90197 8.53553 4.0625 7.5 4.0625L6.25 4.0625C5.21447 4.0625 4.375 4.90197 4.375 5.9375L4.375 15.9375C4.375 16.973 5.21447 17.8125 6.25 17.8125L7.5 17.8125C8.53553 17.8125 9.375 16.973 9.375 15.9375L9.375 5.9375ZM7.5 5.3125C7.84518 5.3125 8.125 5.59232 8.125 5.9375L8.125 15.9375C8.125 16.2827 7.84518 16.5625 7.5 16.5625L6.25 16.5625C5.90482 16.5625 5.625 16.2827 5.625 15.9375L5.625 5.9375C5.625 5.59232 5.90482 5.3125 6.25 5.3125L7.5 5.3125Z"
+                fill="currentColor"
+              />
+            </svg> `},{label:"Center",value:"center",icon:`<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20"
+              height="20"
+              viewBox="0 0 20 20"
+              fill="none"
+            >
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M18.125 10.625C18.125 10.9702 17.8652 11.25 17.5446 11.25L15.2232 11.25L15.2232 13.75C15.2232 14.7855 14.4437 15.625 13.4821 15.625L12.3214 15.625C11.3599 15.625 10.5804 14.7855 10.5804 13.75L10.5804 11.25L9.41964 11.25L9.41964 15.625C9.41964 16.6605 8.64014 17.5 7.67857 17.5L6.51786 17.5C5.55629 17.5 4.77679 16.6605 4.77679 15.625L4.77679 11.25L2.45536 11.25C2.13484 11.25 1.875 10.9702 1.875 10.625C1.875 10.2798 2.13484 10 2.45536 10L4.77679 10L4.77679 5.625C4.77679 4.58947 5.55629 3.75 6.51786 3.75L7.67857 3.75C8.64014 3.75 9.41964 4.58947 9.41964 5.625L9.41964 10L10.5804 10L10.5804 7.5C10.5804 6.46447 11.3599 5.625 12.3214 5.625L13.4821 5.625C14.4437 5.625 15.2232 6.46447 15.2232 7.5L15.2232 10L17.5446 10C17.8652 10 18.125 10.2798 18.125 10.625ZM5.9375 15.625C5.9375 15.9702 6.19734 16.25 6.51786 16.25L7.67857 16.25C7.99909 16.25 8.25893 15.9702 8.25893 15.625L8.25893 5.625C8.25893 5.27982 7.99909 5 7.67857 5L6.51786 5C6.19734 5 5.9375 5.27982 5.9375 5.625L5.9375 15.625ZM11.7411 13.75L11.7411 7.5C11.7411 7.15482 12.0009 6.875 12.3214 6.875L13.4821 6.875C13.8027 6.875 14.0625 7.15482 14.0625 7.5L14.0625 13.75C14.0625 14.0952 13.8027 14.375 13.4821 14.375L12.3214 14.375C12.0009 14.375 11.7411 14.0952 11.7411 13.75Z"
+                fill="currentColor"
+              />
+            </svg> `},{label:"End",value:"end",icon:`<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20"
+              height="20"
+              viewBox="0 0 20 20"
+              fill="none"
+            >
+              <path
+                d="M1.25 17.8125C1.25 17.4673 1.52982 17.1875 1.875 17.1875L18.125 17.1875C18.4702 17.1875 18.75 17.4673 18.75 17.8125C18.75 18.1577 18.4702 18.4375 18.125 18.4375L1.875 18.4375C1.52982 18.4375 1.25 18.1577 1.25 17.8125Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M6.25 16.5625C5.21447 16.5625 4.375 15.723 4.375 14.6875L4.375 8.4375C4.375 7.40196 5.21447 6.5625 6.25 6.5625L7.5 6.5625C8.53553 6.5625 9.375 7.40197 9.375 8.4375L9.375 14.6875C9.375 15.723 8.53553 16.5625 7.5 16.5625L6.25 16.5625ZM5.625 14.6875C5.625 15.0327 5.90482 15.3125 6.25 15.3125L7.5 15.3125C7.84518 15.3125 8.125 15.0327 8.125 14.6875L8.125 8.4375C8.125 8.09232 7.84518 7.8125 7.5 7.8125L6.25 7.8125C5.90482 7.8125 5.625 8.09232 5.625 8.4375L5.625 14.6875Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M10.625 14.6875C10.625 15.723 11.4645 16.5625 12.5 16.5625L13.75 16.5625C14.7855 16.5625 15.625 15.723 15.625 14.6875L15.625 4.6875C15.625 3.65196 14.7855 2.8125 13.75 2.8125L12.5 2.8125C11.4645 2.8125 10.625 3.65197 10.625 4.6875L10.625 14.6875ZM12.5 15.3125C12.1548 15.3125 11.875 15.0327 11.875 14.6875L11.875 4.6875C11.875 4.34232 12.1548 4.0625 12.5 4.0625L13.75 4.0625C14.0952 4.0625 14.375 4.34232 14.375 4.6875L14.375 14.6875C14.375 15.0327 14.0952 15.3125 13.75 15.3125L12.5 15.3125Z"
+                fill="currentColor"
+              />
+            </svg> `},{label:"Between",value:"space-between",icon:`<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20"
+              height="20"
+              viewBox="0 0 20 20"
+              fill="none"
+            >
+              <path
+                d="M1.87891 1.22485C1.53373 1.22485 1.25391 1.50468 1.25391 1.84985C1.25391 2.19503 1.53373 2.47485 1.87891 2.47485L18.1298 2.47485C18.475 2.47485 18.7548 2.19503 18.7548 1.84985C18.7548 1.50468 18.475 1.22485 18.1298 1.22485H1.87891Z"
+                fill="currentColor"
+              />
+              <path
+                d="M1.93433 17.5249C1.58915 17.5249 1.30933 17.8047 1.30933 18.1499C1.30933 18.4951 1.58915 18.7749 1.93433 18.7749L18.1852 18.7749C18.5304 18.7749 18.8102 18.4951 18.8102 18.1499C18.8102 17.8047 18.5304 17.5249 18.1852 17.5249L1.93433 17.5249Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M2.875 6.375C2.875 5.33947 3.71447 4.5 4.75 4.5H15.25C16.2855 4.5 17.125 5.33947 17.125 6.375V6.875C17.125 7.91053 16.2855 8.75 15.25 8.75H4.75C3.71447 8.75 2.875 7.91053 2.875 6.875V6.375ZM4.75 5.75C4.40482 5.75 4.125 6.02982 4.125 6.375V6.875C4.125 7.22018 4.40482 7.5 4.75 7.5H15.25C15.5952 7.5 15.875 7.22018 15.875 6.875V6.375C15.875 6.02982 15.5952 5.75 15.25 5.75H4.75Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M4.75 11.25C3.71447 11.25 2.875 12.0895 2.875 13.125V13.625C2.875 14.6605 3.71447 15.5 4.75 15.5H15.25C16.2855 15.5 17.125 14.6605 17.125 13.625V13.125C17.125 12.0895 16.2855 11.25 15.25 11.25H4.75ZM4.125 13.125C4.125 12.7798 4.40482 12.5 4.75 12.5H15.25C15.5952 12.5 15.875 12.7798 15.875 13.125V13.625C15.875 13.9702 15.5952 14.25 15.25 14.25H4.75C4.40482 14.25 4.125 13.9702 4.125 13.625V13.125Z"
+                fill="currentColor"
+              />
+            </svg> `}],devices:{desktop:{default:"center"}}},{id:"enableLink",label:"",type:"toggle",default:!1},{id:"preload",type:"toggle",label:"Preload",default:!1},{id:"link",type:"pick-link",label:"Hero Link",default:{link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"enableParallax",type:"toggle",default:!1},{id:"speedParallax",type:"input:slider",label:"Speed",useOnlyUnitInit:!0,hideUnit:!0,min:0,max:1,step:.1,compoDefaultValue:.6,default:.6,ignoreMax:!0},{id:"alignBanner",type:"segment",options:[{label:"Left",value:"left",icon:`<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="21"
+              height="20"
+              viewBox="0 0 21 20"
+              fill="none"
+            >
+              <path
+                d="M3.47916 1.25C3.82434 1.25 4.10416 1.52982 4.10416 1.875L4.10416 18.125C4.10416 18.4702 3.82434 18.75 3.47916 18.75C3.13399 18.75 2.85416 18.4702 2.85416 18.125L2.85416 1.875C2.85416 1.52982 3.13399 1.25 3.47916 1.25Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M4.72916 6.25C4.72916 5.21447 5.56863 4.375 6.60416 4.375H12.8542C13.8897 4.375 14.7292 5.21447 14.7292 6.25V7.5C14.7292 8.53553 13.8897 9.375 12.8542 9.375H6.60416C5.56863 9.375 4.72916 8.53553 4.72916 7.5V6.25ZM6.60416 5.625C6.25899 5.625 5.97916 5.90482 5.97916 6.25V7.5C5.97916 7.84518 6.25899 8.125 6.60416 8.125H12.8542C13.1993 8.125 13.4792 7.84518 13.4792 7.5V6.25C13.4792 5.90482 13.1993 5.625 12.8542 5.625H6.60416Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M6.60416 10.625C5.56863 10.625 4.72916 11.4645 4.72916 12.5V13.75C4.72916 14.7855 5.56863 15.625 6.60416 15.625H16.6042C17.6397 15.625 18.4792 14.7855 18.4792 13.75V12.5C18.4792 11.4645 17.6397 10.625 16.6042 10.625H6.60416ZM5.97916 12.5C5.97916 12.1548 6.25899 11.875 6.60416 11.875H16.6042C16.9493 11.875 17.2292 12.1548 17.2292 12.5V13.75C17.2292 14.0952 16.9493 14.375 16.6042 14.375H6.60416C6.25899 14.375 5.97916 14.0952 5.97916 13.75V12.5Z"
+                fill="currentColor"
+              />
+            </svg> `,tooltip:"Align left"},{label:"Center",value:"center",icon:`<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20"
+              height="20"
+              viewBox="0 0 20 20"
+              fill="none"
+            >
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M10 1.25C10.3452 1.25 10.625 1.52982 10.625 1.875V4.375H13.125C14.1605 4.375 15 5.21447 15 6.25V7.5C15 8.53553 14.1605 9.375 13.125 9.375H10.625V10.625H15C16.0355 10.625 16.875 11.4645 16.875 12.5V13.75C16.875 14.7855 16.0355 15.625 15 15.625H10.625V18.125C10.625 18.4702 10.3452 18.75 10 18.75C9.65482 18.75 9.375 18.4702 9.375 18.125V15.625H5C3.96447 15.625 3.125 14.7855 3.125 13.75V12.5C3.125 11.4645 3.96447 10.625 5 10.625H9.375V9.375H6.875C5.83947 9.375 5 8.53553 5 7.5V6.25C5 5.21447 5.83947 4.375 6.875 4.375H9.375V1.875C9.375 1.52982 9.65482 1.25 10 1.25ZM15 14.375C15.3452 14.375 15.625 14.0952 15.625 13.75V12.5C15.625 12.1548 15.3452 11.875 15 11.875H5C4.65482 11.875 4.375 12.1548 4.375 12.5V13.75C4.375 14.0952 4.65482 14.375 5 14.375H15ZM13.125 8.125H6.875C6.52982 8.125 6.25 7.84518 6.25 7.5V6.25C6.25 5.90482 6.52982 5.625 6.875 5.625H13.125C13.4702 5.625 13.75 5.90482 13.75 6.25V7.5C13.75 7.84518 13.4702 8.125 13.125 8.125Z"
+                fill="currentColor"
+              />
+            </svg> `,tooltip:"Align center"},{label:"Right",value:"right",icon:`<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="21"
+              height="20"
+              viewBox="0 0 21 20"
+              fill="none"
+            >
+              <path
+                d="M17.5208 18.75C17.866 18.75 18.1458 18.4702 18.1458 18.125V1.875C18.1458 1.52982 17.866 1.25 17.5208 1.25C17.1757 1.25 16.8958 1.52982 16.8958 1.875V18.125C16.8958 18.4702 17.1757 18.75 17.5208 18.75Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M6.27084 7.5C6.27084 8.53553 7.11031 9.375 8.14584 9.375H14.3958C15.4314 9.375 16.2708 8.53553 16.2708 7.5V6.25C16.2708 5.21447 15.4314 4.375 14.3958 4.375H8.14584C7.11031 4.375 6.27084 5.21447 6.27084 6.25V7.5ZM8.14584 8.125C7.80066 8.125 7.52084 7.84518 7.52084 7.5V6.25C7.52084 5.90482 7.80066 5.625 8.14584 5.625H14.3958C14.741 5.625 15.0208 5.90482 15.0208 6.25V7.5C15.0208 7.84518 14.741 8.125 14.3958 8.125H8.14584Z"
+                fill="currentColor"
+              />
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
+                fill="currentColor"
+              />
+            </svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%"},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,useOnlyUnitInit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"}},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",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}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];export{SettingsV2};

package/dist/esm/hero-banner/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"group",label:{en:"Layout"},setting:{id:"layoutBanner"},controls:[{type:"control",setting:{id:"layout"}},{type:"control",label:{en:"Arrange content"},setting:{id:"contentPosition1Col"},condition:'layout.cols.length <= 1  && layout.display === "fill"'},{type:"control",label:{en:"Arrange content"},setting:{id:"contentPosition2Col"},condition:'layout.cols.length > 1 && layout.display === "fill"',controlChangeTrigger:{settings:[{condition:'contentPosition2Col==="top"',source:["contentPosition2Col"],action:{controlId:"verticalAlign",newValue:"start",groupType:"setting",controlType:"setting"}},{condition:'contentPosition2Col==="center"',source:["contentPosition2Col"],action:{controlId:"verticalAlign",newValue:"center",groupType:"setting",controlType:"setting"}},{condition:'contentPosition2Col==="bottom"',source:["contentPosition2Col"],action:{controlId:"verticalAlign",newValue:"end",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}},{type:"control",label:{en:"Vertical align"},setting:{id:"verticalAlign"},condition:"layout.cols.length > 1",isMoreSetting:!0}],layout:"vertical"},{type:"group",controls:[{type:"control",label:{en:"Banner source"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1,hiddenShape:!0},valueIfNull:{width:"100%",hiddenShape:!0},groupType:"style",controlType:"size-setting"}},{condition:"!!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{hiddenShape:!1},valueIfNull:{hiddenShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0}}},{type:"control",label:{en:"Preload"},options:{info:"near"},setting:{id:"preload"},condition:'background.type == "image"'}]},{type:"control",label:{en:"Link"},setting:{id:"link"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Video Ratio"},setting:{id:"aspectRatio"},condition:'background.type == "video"'},{condition:"aspectRatio === 'custom'",type:"control",setting:{id:"ratioOptions"}},{type:"control",setting:{id:"sizeSetting"},layout:"vertical"},{type:"control",label:{en:"Content width"},setting:{id:"contentWidth"}},{type:"control",setting:{id:"contentPadding"}}]},{type:"group",label:{en:"Shape"},controls:[{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBg"}},{type:"control",label:{en:"Corner"},setting:{id:"cornerBg"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasActiveShadow"}},{type:"control",setting:{id:"shadowBg"},layout:"vertical",condition:"hasActiveShadow === true"}]},{type:"group",controls:[{type:"control",label:{en:"Overlay"},setting:{id:"overlayEnable"},options:{label:"large"}},{type:"tab",condition:"overlayEnable == true",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Opacity"},setting:{id:"overlayOpacity",state:"normal"}},{type:"control",label:{en:"Color"},setting:{id:"overlayColor",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Opacity"},setting:{id:"overlayOpacity",state:"hover"}},{type:"control",label:{en:"Color"},setting:{id:"overlayColor",state:"hover"}}]}]}]},{type:"group",controls:[{type:"control",label:{en:"Zoom when hover"},setting:{id:"hoverEffect"},options:{label:"large"}},{type:"control",label:{en:"Scale value"},condition:"hoverEffect == true",setting:{id:"hoverEffectScale"}},{type:"control",label:{en:"Time"},condition:"hoverEffect == true",setting:{id:"hoverEffectDuration"}}]},{type:"group",condition:'background.type == "image"',controls:[{type:"control",label:{en:"Parallax scrolling"},setting:{id:"enableParallax"},options:{label:"large"}},{type:"control",label:{en:"Speed"},setting:{id:"speedParallax"}}]},{type:"control",condition:'sizeSetting.width !== "100%"',label:{en:"Align"},setting:{id:"alignBanner"}},{type:"group",label:{en:"SEO"},controls:[{type:"control",label:{en:"Alt text"},setting:{id:"alt"},layout:"vertical"},{type:"control",label:{en:"Image title"},setting:{id:"title"},layout:"vertical"}]}];export{SettingUIV1};

package/dist/esm/hero-banner/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"layout.cols.length == 1 &&  layout.type === 'center-top'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-bottom'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"bottom"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-distributed'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-distributed' || layout.type === 'right-distributed')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-top' || layout.type === 'right-top')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length > 1 && ( layout.type === 'right' || layout.type === 'left')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-bottom' || layout.type === 'right-bottom')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"bottom"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1,hiddenShape:!0},valueIfNull:{width:"100%",height:"fit-content",hiddenShape:!0},groupType:"style",controlType:"size-setting"}},{condition:"!!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{hiddenShape:!1},valueIfNull:{hiddenShape:!1},groupType:"style",controlType:"size-setting"}},{condition:'background.type == "video" && background.videoType == "html5"',source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1,hiddenShape:!0},valueIfNull:{hiddenShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0}},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:{en:"Overlay"},type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.normal",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayColor",state:"normal"},label:{en:"Color"}},{setting:{id:"overlayOpacity",state:"normal"},label:{en:"Opacity"}}]}]}},{label:{en:"Size"},controls:[{label:{en:"Video ratio"},setting:{id:"aspectRatio"},conditionDisplay:'background.type == "video" && background.videoType == "html5"'},{conditionDisplay:'aspectRatio === \'custom\' && background.type == "video" && background.videoType == "html5"',setting:{id:"ratioOptions"},label:{en:"Ratio"}},{setting:{id:"sizeSetting"},layout:"vertical"}]},{label:{en:"Content"},controls:[{id:"contentWidth",label:{en:"Width"},controlConfig:{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},setting:{id:"contentPadding"}},{label:{en:"Align"},setting:{id:"verticalAlign"},conditionEnable:'layout.cols.length > 1 && layout.type != "right-distributed" && layout.type != "left-distributed"'}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBg"}},{label:{en:"Corner"},setting:{id:"cornerBg"}},{label:{en:"Shadow"},setting:{id:"shadowBg"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadowBg.enable === true",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadowBg.enable === false",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{type:"combo",fixedValue:"Effect",iconName:"polaris-check-clicked",label:{en:"Hover effect"},setting:{id:"hoverEffect"},controlChangeTrigger:{settings:[{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectScale"],action:{controlId:"hoverEffectScale",groupType:"style",controlType:"style",newValue:"120%"}},{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectDuration"],action:{controlId:"hoverEffectDuration",groupType:"style",controlType:"style",newValue:"0.5s"}}],options:{noRecordHistory:!0}},defaultValueWhenClear:!1,state:"hover",controls:[{label:{en:"Overlay"},type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.hover",defaultValueWhenClear:"transparent",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayOpacity",state:"hover"},label:{en:"Opacity"}},{setting:{id:"overlayColor",state:"hover"},controlChangeTrigger:{settings:[{condition:"overlayColor.hover == 'transparent'",source:["overlayColor","overlayOpacity"],action:{controlId:"overlayOpacity",groupType:"style",controlType:"style",state:"hover",newValue:"20%"}}],options:{noRecordHistory:!0}},compoDefaultValue:"#121212",label:{en:"Color"}}]},{label:{en:"Scale"},type:"combo",iconName:"polaris-maximize",getValueFromSettingID:"hoverEffectScale",defaultValueWhenClear:"100%",compoDefaultValue:"120%",controls:[{label:{en:"Scale"},setting:{id:"hoverEffectScale"},defaultValueWhenClear:"100%"},{type:"control",label:{en:"Time"},setting:{id:"hoverEffectDuration"}}]}]},{type:"combo",fixedValue:"Enabled",iconName:"polaris-parallax-effect",label:{en:"Parallax scroll"},setting:{id:"enableParallax"},conditionDisplay:'background.type == "image"',defaultValueWhenClear:!1,controls:[{setting:{id:"contentBanner"},layout:"vertical"},{label:{en:"Speed"},setting:{id:"speedParallax"}}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableLink == true'},{conditionDisplay:"enableLink == true",setting:{id:"link"},layout:"vertical"}]},{label:{en:"SEO"},controls:[{type:"combo",label:{en:"Image alt text"},iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:{en:"Image title"},iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"title"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"alignBanner"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/hooks/useGetProductId.js

@@ -1,13 +1 @@
-import { useRef } from 'react';
-
-const useGetProductId = ()=>{
-    const refContainer = useRef(null);
-    const isProductParent = refContainer.current?.closest('[data-component-tag="Product"]');
-    const productID = isProductParent?.getAttribute('data-product-id') || '';
-    return {
-        refContainer,
-        productID
-    };
-};
-
-export { useGetProductId };
+import{useRef as t}from"react";let useGetProductId=()=>{let e=t(null),r=e.current?.closest('[data-component-tag="Product"]'),o=r?.getAttribute("data-product-id")||"";return{refContainer:e,productID:o}};export{useGetProductId};

package/dist/esm/icon/common/attrs.js

@@ -0,0 +1 @@
+let getAttr=({uid:t,builderAttrs:e})=>({id:t,...e});export{getAttr};

package/dist/esm/icon/common/classes.js

@@ -0,0 +1 @@
+import{handleConvertClassColor as e,getGlobalColorStateClass as t}from"@gem-sdk/core";let getContainerClasses=({styles:g,builderProps:i})=>{let{bgColor:s,iconBorder:n}=g??{},r=e(n),l=t("bg",s);return{"icon-wrapper gp-inline-flex gp-overflow-hidden":!0,...i?.uid&&{[i.uid]:!0},...r&&{[r]:!0},[l]:!0}},getIconClasses=({styles:e})=>{let{color:g,spin:i}=e??{},s=t("text",g);return{"gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]":!0,...i&&{"gp-animate-spin":!0},[s]:!0}};export{getContainerClasses,getIconClasses};

package/dist/esm/icon/common/helpers.js

@@ -0,0 +1 @@
+import{getInsertLinkData as e}from"../../helpers.js";import{HREF_TO_SALES_PAGE as t}from"../../constant.js";let getLink=o=>{let{iconLink:r}=o??{};return r?.type==="go-to-sales-page"&&(r={type:"go-to-sales-page",link:t,target:"_self"}),{iconLink:r,...e("div",r)}};export{getLink};

package/dist/esm/icon/common/styles.js

@@ -0,0 +1 @@
+import{makeStyleResponsive as t,makeGlobalSizeIcon as e,handleConvertBorderStyle as i,handleConvertBorderWidth as l,handleConvertBorderColor as o,composeRadius as r,getGlobalColorStateStyle as d,getStyleShadow as h,makeStyle as a}from"@gem-sdk/core";import{filterTruthyStyles as p}from"../../helpers.js";let getWrapperStyle=(e,i)=>{let{align:l}=i??{},o={...e,...t("ta",l)};return p(o)},getContainerStyle=t=>{let{bgColor:a,iconBorder:g,iconRounded:n,globalSize:s,iconShadow:b}=t??{},w=e(s),m={...w.padding,...i(g),...l(g),...o(g),...r(n),...d("bg",a),...h({value:b,styleAppliedFor:"box-shadow",isEnableShadow:b?.enable})};return p(m)},getIconStyle=t=>{let{globalSize:i,color:l,spin:o,iconRotate:r}=t??{},h=()=>o?0:r||0,g=e(i),n={...d("c",l),...a({t:`rotate(${h()}deg)`}),...g.width,...g.height,...g.minWidth,"--height-desktop":`${i?.desktop?.width}`,"--height-tablet":`${i?.tablet?.width||i?.desktop?.width}`,"--height-mobile":`${i?.mobile?.width||i?.tablet?.width||i?.desktop?.width}`};return p(n)};export{getContainerStyle,getIconStyle,getWrapperStyle};

package/dist/esm/icon/components/Icon.js

@@ -1,71 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Fragment } from 'react';
-import { makeGlobalSizeIcon, makeStyleResponsive, cls, handleConvertClassColor, getGlobalColorStateClass, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, composeRadius, getGlobalColorStateStyle, makeStyle } from '@gem-sdk/core';
-import Link from '../../link/components/Link.js';
-
-const Icon = ({ className, styles, builderAttrs, builderProps, setting = {}, style, children })=>{
-    const { iconSvg, iconLink } = setting;
-    const { bgColor, color, iconBorder, align, iconRotate, spin, iconRounded, globalSize } = styles ?? {};
-    const WrapLink = iconLink?.link ? Link : Fragment;
-    const setRotateIcon = ()=>{
-        if (spin) return 0;
-        else if (iconRotate) return iconRotate;
-        else return 0;
-    };
-    const composeGlobalSize = makeGlobalSizeIcon(globalSize);
-    return /*#__PURE__*/ jsxs("div", {
-        ...builderAttrs,
-        style: {
-            ...style,
-            ...makeStyleResponsive('ta', align)
-        },
-        className: cls('gp-leading-[0]', builderProps?.uid),
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                "data-id": builderProps?.uid,
-                className: cls('icon-wrapper', className, 'gp-inline-flex gp-overflow-hidden', handleConvertClassColor(iconBorder), getGlobalColorStateClass('bg', bgColor)),
-                style: {
-                    ...composeGlobalSize.padding,
-                    ...handleConvertBorderStyle(iconBorder),
-                    ...handleConvertBorderWidth(iconBorder),
-                    ...handleConvertBorderColor(iconBorder),
-                    ...composeRadius(iconRounded),
-                    ...getGlobalColorStateStyle('bg', bgColor)
-                },
-                children: iconSvg && /*#__PURE__*/ jsx(WrapLink, {
-                    ...iconLink?.link ? {
-                        setting: {
-                            type: 'custom',
-                            href: iconLink?.link,
-                            target: iconLink?.target,
-                            label: iconLink?.title
-                        }
-                    } : {},
-                    children: /*#__PURE__*/ jsx("span", {
-                        style: {
-                            ...getGlobalColorStateStyle('c', color),
-                            ...makeStyle({
-                                t: `rotate(${setRotateIcon()}deg)`
-                            }),
-                            ...composeGlobalSize.width,
-                            ...composeGlobalSize.height,
-                            ...composeGlobalSize.minWidth,
-                            '--height-desktop': `${globalSize?.desktop?.width}`,
-                            '--height-tablet': `${globalSize?.tablet?.width || globalSize?.desktop?.width}`,
-                            '--height-mobile': `${globalSize?.mobile?.width || globalSize?.tablet?.width || globalSize?.desktop?.width}`
-                        },
-                        className: cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`, {
-                            'gp-animate-spin': spin
-                        }, getGlobalColorStateClass('text', color)),
-                        dangerouslySetInnerHTML: {
-                            __html: iconSvg
-                        }
-                    })
-                })
-            }),
-            children
-        ]
-    });
-};
-
-export { Icon as default };
+'use client';
+import{jsxs as s,jsx as t}from"react/jsx-runtime";import{Fragment as e}from"react";import{createAttr as o,createClass as l,createStyle as m,If as r}from"@gem-sdk/system";import i from"../../link/components/Link.js";import{getAttr as n}from"../common/attrs.js";import{getContainerClasses as a,getIconClasses as c}from"../common/classes.js";import{getWrapperStyle as d,getContainerStyle as p,getIconStyle as u}from"../common/styles.js";let Icon=({styles:f,builderAttrs:g,builderProps:y,setting:k={},style:h,children:j,advanced:I})=>{let{iconSvg:N,iconLink:v,iconLinkEnable:w}=k,x=v?.link&&w?i:e,C=v?.link?{setting:{type:"custom",href:v?.link,target:v?.target,label:v?.title,noFollow:v?.noFollow}}:{},F=o({...n({uid:y?.uid??"",builderAttrs:g})}),L=o({...y?.uid&&{"data-id":y?.uid}}),_=l({"gp-leading-[0]":!0,...y?.uid&&{[y.uid]:!0},...I?.cssClass&&{[I.cssClass]:!0}}),b=l({...a({styles:f,builderProps:y})}),H=l({...c({styles:f})}),M=m({...d(h,f)}),S=m({...p(f)}),T=m({...u(f)});return s("div",{...F,style:M,className:_,children:[t("div",{...L,className:b,style:S,children:r(!!N,t(x,{...C,children:t("span",{style:T,className:H,dangerouslySetInnerHTML:{__html:N||""}})}))}),j]})};export{Icon as default};

package/dist/esm/icon/components/Icon.liquid.js

@@ -1,71 +1,10 @@
-import { makeGlobalSizeIcon, template, makeStyleResponsive, cls, handleConvertClassColor, getGlobalColorStateClass, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, composeRadius, getGlobalColorStateStyle, RenderIf, makeStyle } from '@gem-sdk/core';
-import { getLinkDataConfigs } from '../../helpers.js';
-
-const Icon = ({ className, style, builderAttrs, builderProps, setting = {}, styles, advanced })=>{
-    const { iconSvg, iconLink, isGoToSalesPage } = setting;
-    const { bgColor, color, iconBorder, align, iconRotate, spin, iconRounded, globalSize } = styles ?? {};
-    const { Wrap: WrapLink, urlData } = getLinkDataConfigs({
-        defaultWrap: 'div',
-        setting: iconLink
-    }, isGoToSalesPage);
-    const composeGlobalSize = makeGlobalSizeIcon(globalSize);
-    const setRotateIcon = ()=>{
-        if (spin) return 0;
-        else if (iconRotate) return iconRotate;
-        else return 0;
-    };
-    return template`
-  <div
-      ${{
-        ...builderAttrs
-    }}
-      style="${{
-        ...style,
-        ...makeStyleResponsive('ta', align)
-    }}"
-      class="${cls('gp-leading-[0]', builderProps?.uid, advanced?.cssClass)}"
-    >
-      <div 
-      data-id="${builderProps?.uid}"
-      class="${cls('icon-wrapper', className, 'gp-inline-flex gp-overflow-hidden', handleConvertClassColor(iconBorder), getGlobalColorStateClass('bg', bgColor))}"
-      style="${{
-        ...composeGlobalSize.padding,
-        ...handleConvertBorderStyle(iconBorder),
-        ...handleConvertBorderWidth(iconBorder),
-        ...handleConvertBorderColor(iconBorder),
-        ...composeRadius(iconRounded),
-        ...getGlobalColorStateStyle('bg', bgColor)
-    }}"
-      >
-      ${RenderIf(!!iconSvg, template`<${WrapLink}
-      ${{
-        ...iconLink?.link ? {
-            ...urlData,
-            title: iconLink?.title
-        } : {}
-    }}
-    >
-      <span
-        style="${{
-        ...getGlobalColorStateStyle('c', color),
-        ...makeStyle({
-            t: `rotate(${setRotateIcon()}deg)`
-        }),
-        ...composeGlobalSize.width,
-        ...composeGlobalSize.height,
-        ...composeGlobalSize.minWidth,
-        '--height-desktop': `${globalSize?.desktop?.width}`,
-        '--height-tablet': `${globalSize?.tablet?.width || globalSize?.desktop?.width}`,
-        '--height-mobile': `${globalSize?.mobile?.width || globalSize?.tablet?.width || globalSize?.desktop?.width}`
-    }}"
-        class="${cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`, {
-        'gp-animate-spin': spin
-    }, getGlobalColorStateClass('text', color))}"
-      >${iconSvg}</span>
-    </${WrapLink}>`)}
+import{template as s}from"@gem-sdk/core";import{createAttr as t,createClass as e,createStyle as r,Liquid as o,If as m}from"@gem-sdk/system";import{getLink as i}from"../common/helpers.js";import{getAttr as l}from"../common/attrs.js";import{getContainerClasses as a,getIconClasses as d}from"../common/classes.js";import{getWrapperStyle as c,getContainerStyle as $,getIconStyle as p}from"../common/styles.js";let Icon=({style:n,builderAttrs:f,builderProps:u,setting:g={},styles:y,advanced:j})=>{let{iconSvg:v,iconLinkEnable:h}=g,{Wrap:k,urlData:C,iconLink:I}=i(g),x=I?.link&&h?{href:C.href,target:C?.target,title:I?.title,rel:C?.rel}:{},W=t({...l({uid:u?.uid??"",builderAttrs:f})}),b=t({...u?.uid&&{"data-id":u?.uid}}),q=e({"gp-leading-[0]":!0,...u?.uid&&{[u.uid]:!0},...j?.cssClass&&{[j.cssClass]:!0}}),w=e({...a({styles:y,builderProps:u})}),z=e({...d({styles:y})}),A=r({...c(n,y)}),B=r({...$(y)}),D=r({...p(y)});return o(s`
+    <div ${W} class="${q}" style="${A}">
+      <div ${b} class="${w}" style="${B}">
+      ${m(!!v,s`
+        <${k} ${x}>
+          <span style="${D}" class="${z}">${v}</span>
+        </${k}>`)}
       </div>
     </div>
-    `;
-};
-
-export { Icon as default };
+    `)};export{Icon as default};

package/dist/esm/icon/index.js

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"react";import"@gem-sdk/system";import"next/link";import"@gem-sdk/core";import t from"./settings/Icon.js";let iconSetting={Icon:t};export{iconSetting};

package/dist/esm/icon/next.js

@@ -1,12 +1 @@
-import dynamic from 'next/dynamic';
-import Loading from '../common/components/Loading.js';
-import 'react/jsx-runtime';
-
-const Icon = dynamic(()=>import('./components/Icon.js'), {
-    loading: Loading
-});
-var icon = {
-    Icon
-};
-
-export { icon as default };
+import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Icon=o(()=>import("./components/Icon.js"),{loading:m});var icon={Icon};export{icon as default};

package/dist/esm/icon/settings/Icon.js

@@ -0,0 +1,6 @@
+import{SettingUIV2 as i}from"./configs/ui-v2.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{IconSettings as t}from"./configs/settings.js";import{IconPreset as e}from"./configs/presets.js";let config={tag:"Icon",label:"Icon",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="M13.8255 2.7925C12.9604 1.28792 10.7896 1.28791 9.92446 2.7925L6.76725 8.2833C5.90475 9.7833 6.9875 11.6549 8.71779 11.6549H15.0322C16.7625 11.6549 17.8452 9.7833 16.9827 8.2833L13.8255 2.7925ZM11.2248 3.54021C11.5132 3.03868 12.2368 3.03868 12.5252 3.54021L15.6824 9.03101C15.9699 9.53101 15.609 10.1549 15.0322 10.1549H8.71779C8.14103 10.1549 7.78011 9.53101 8.06761 9.03101L11.2248 3.54021ZM12.375 17.3389C12.375 14.5775 14.6136 12.3389 17.375 12.3389C20.1364 12.3389 22.375 14.5775 22.375 17.3389C22.375 20.1004 20.1364 22.3389 17.375 22.3389C14.6136 22.3389 12.375 20.1004 12.375 17.3389ZM17.375 13.8389C15.442 13.8389 13.875 15.4059 13.875 17.3389C13.875 19.2719 15.442 20.8389 17.375 20.8389C19.308 20.8389 20.875 19.2719 20.875 17.3389C20.875 15.4059 19.308 13.8389 17.375 13.8389ZM1.625 14.8389C1.625 13.5963 2.63236 12.5889 3.875 12.5889H8.875C10.1176 12.5889 11.125 13.5963 11.125 14.8389V19.8389C11.125 21.0816 10.1176 22.0889 8.875 22.0889H3.875C2.63236 22.0889 1.625 21.0816 1.625 19.8389V14.8389ZM3.875 14.0889C3.46079 14.0889 3.125 14.4247 3.125 14.8389V19.8389C3.125 20.2532 3.46079 20.5889 3.875 20.5889H8.875C9.28921 20.5889 9.625 20.2532 9.625 19.8389V14.8389C9.625 14.4247 9.28921 14.0889 8.875 14.0889H3.875Z" fill="white"/>
+  </svg>
+
+  `,settings:t,ui:o,uiV2:i,presets:e,rootOverride:{styles:{align:{desktop:"center"},globalSize:{desktop:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};

package/dist/esm/icon/settings/configs/presets.js

@@ -0,0 +1,9 @@
+let IconPreset=[{id:"icon",name:{en:"Icon"},icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M47.283 7.62515C47.5764 7.03055 48.4243 7.03055 48.7177 7.62515L52.251 14.7844C52.3676 15.0205 52.5928 15.1842 52.8534 15.222L60.7541 16.3701C61.4102 16.4654 61.6722 17.2718 61.1974 17.7346L55.4804 23.3073C55.2919 23.4911 55.2059 23.7559 55.2504 24.0154L56.6 31.8842C56.7121 32.5377 56.0261 33.0361 55.4392 32.7275L48.3726 29.0124C48.1396 28.8899 47.8611 28.8898 47.6281 29.0124L40.5615 32.7275C39.9746 33.0361 39.2886 32.5377 39.4007 31.8842L40.7503 24.0154C40.7948 23.7559 40.7088 23.4911 40.5202 23.3073L34.8033 17.7346C34.3284 17.2718 34.5904 16.4654 35.2466 16.3701L43.1473 15.222C43.4079 15.1842 43.6331 15.0205 43.7497 14.7844L47.283 7.62515Z" fill="#D6D6D6"/>
+          </svg>
+        `},components:[{tag:"Icon",advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}],rootOverride:{styles:{align:{desktop:"center"}}}},{id:"icon-pre-sales-page",name:{en:"Icon"},icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M47.283 7.62515C47.5764 7.03055 48.4243 7.03055 48.7177 7.62515L52.251 14.7844C52.3676 15.0205 52.5928 15.1842 52.8534 15.222L60.7541 16.3701C61.4102 16.4654 61.6722 17.2718 61.1974 17.7346L55.4804 23.3073C55.2919 23.4911 55.2059 23.7559 55.2504 24.0154L56.6 31.8842C56.7121 32.5377 56.0261 33.0361 55.4392 32.7275L48.3726 29.0124C48.1396 28.8899 47.8611 28.8898 47.6281 29.0124L40.5615 32.7275C39.9746 33.0361 39.2886 32.5377 39.4007 31.8842L40.7503 24.0154C40.7948 23.7559 40.7088 23.4911 40.5202 23.3073L34.8033 17.7346C34.3284 17.2718 34.5904 16.4654 35.2466 16.3701L43.1473 15.222C43.4079 15.1842 43.6331 15.0205 43.7497 14.7844L47.283 7.62515Z" fill="#D6D6D6"/>
+          </svg>
+        `},components:[{tag:"Icon",advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},settings:{iconLink:{type:"go-to-sales-page"}}}],rootOverride:{styles:{align:{desktop:"center"}}}}];export{IconPreset};

package/dist/esm/icon/settings/configs/settings.js

@@ -0,0 +1,2 @@
+let IconSettings=[{id:"setting",controls:[{id:"iconSvg",type:"icon",label:"Icon",info:"Choose from list or paste any SVG icon",default:`<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" data-name="star-filled" viewBox="0 0 256 256" fill="currentColor" data-id="508414815326568808">
+          <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`},{id:"iconLinkEnable",type:"toggle",default:!1},{id:"iconLink",type:"pick-link",label:"Source URL",default:{type:"open-page",link:"",target:"_self",title:""},hiddenOptions:{"stay-on-page":!0}}]},{id:"style",controls:[{id:"iconWidth",type:"input:unit",label:"Icon Width",units:["px"],devices:{desktop:{default:"20px"}}},{id:"iconSpacing",label:"Icon Spacing",type:"size",hasNoneValue:!0,emptyOnClear:!0,default:{type:"none"},ignoreReRender:!0},{id:"bgColor",type:"color-picker-v2",state:{hover:!0,normal:!0},compoDefaultValue:{normal:"bg-1"}},{id:"color",type:"color-picker-v2",label:"Color",default:{normal:"text-1"},state:{hover:!0,normal:!0},compoDefaultValue:{normal:"text-1"}},{id:"iconBorder",type:"border-v2",label:"Border",state:{hover:!0,normal:!0},compoDefaultValue:{normal:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px",color:"text-1",isCustom:!1}}},{id:"iconRounded",type:"corner-v2",label:"Border Radius",default:{hover:{radiusType:"none"},normal:{radiusType:"none"}},state:{hover:!0,normal:!0}},{id:"iconShadow",type:"shadow-v2",default:{enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spin",type:"toggle",label:"Spin",default:!1},{id:"iconRotate",type:"angle",label:"Icon Rotate",info:"Rotate this icon",default:0,max:359,min:0},{id:"align",label:"Alignment",type:"option:value",devices:{desktop:{default:"left"}},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"}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},settingConfig:{padding:{paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]}];export{IconSettings};

package/dist/esm/icon/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"group",options:{label:"large"},label:{en:"Icon"},controls:[{type:"control",setting:{id:"iconSvg"},layout:"vertical",options:{styleControl:{"max-width":"100%"}}}]},{type:"control",label:{en:"Insert link"},layout:"vertical",setting:{id:"iconLink"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"Color & border"},controls:[{type:"control",label:{en:"Icon color"},setting:{id:"color",state:"normal"}},{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"iconBorder",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"iconRounded",state:"normal"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}];export{SettingUIV1};

package/dist/esm/icon/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{label:{en:"Icon"},controls:[{label:{en:"Choose"},setting:{id:"iconSvg"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}},{label:{en:"Size"},controlConfig:{id:"width",type:"input:stepper",includeUnit:"px",linkWithSetting:{name:"globalSize",field:"width"}}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"bgColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"iconBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"iconRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"iconShadow"}}]},{controls:[{label:{en:"Link"},setting:{id:"iconLinkEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && iconLinkEnable == true'},{conditionDisplay:"iconLinkEnable == true",layout:"vertical",setting:{id:"iconLink"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/icon-list/common/attrs.js

@@ -0,0 +1 @@
+let getItemAttrs=(t,e)=>({"data-index":e?.toString(),"data-id":t});export{getItemAttrs};

package/dist/esm/icon-list/common/classes.js

@@ -0,0 +1 @@
+import{composeClasses as e,cls as s}from"@gem-sdk/core";let getItemClasses=s=>e(`gp-icon-list-item gp-flex gp-w-full gp-items-center gp-child-item-${s}`),getUlClasses=l=>e(s("gp-inline-flex gp-flex-col",l)),getWrapperClasses=()=>e("gp-flex");export{getItemClasses,getUlClasses,getWrapperClasses};

package/dist/esm/icon-list/common/styles.js

@@ -0,0 +1 @@
+import{makeGlobalSize as e,makeStyleResponsive as t,getStyleBackgroundByDevice as i,getGradientBgrStyleByDevice as r,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,composeBorderResponsive as d,getGlobalColorResponsiveStyle as a}from"@gem-sdk/core";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=(l,o,d)=>{let{align:a,background:g,globalSize:s}=o||{},n=e(s||{desktop:{width:"100%"}}),m={...l,...d?.advancedClasses,...n.width,...t("ta",a),...i(g,{liquid:d?.isLiquid}),...r(g)};return d?.isLiquid?m:filterStyles(m)},getWrapperStyles=e=>{let{alignWrapper:i}=e||{};return{...t("jc",i)}},getItemStyles=i=>{let r=e(i?.itemPadding);return{...r.padding,...l(i?.itemBoxShadow,"box-shadow",i?.itemBoxShadow),...o(i?.itemRounded),...d(i?.itemBorder),...a("bgc",i?.itemBackgroundColor),...a("bgi",i?.itemBackgroundColor),...t("cg",i?.horizontalSpacing)}},getUlStyles=e=>({...t("gg",e?.verticalSpacing)});export{getContainerStyles,getItemStyles,getUlStyles,getWrapperStyles};