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

package/dist/esm/stock-counter/settings/configs/presets.js

@@ -0,0 +1,11 @@
+let StockCounterPreset=[{id:"product-stock-counter",name:{en:"Stock Counter"},icon:{desktop:`
+        <svg width="97" height="48" viewBox="0 0 97 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.07049 28V19.2727H2.12731V23.1591H6.78072V19.2727H7.83754V28H6.78072V24.0966H2.12731V28H1.07049ZM13.9419 25.3239V21.4545H14.9476V28H13.9419V26.892H13.8738C13.7203 27.2244 13.4817 27.5071 13.1578 27.7401C12.834 27.9702 12.4249 28.0852 11.9306 28.0852C11.5215 28.0852 11.1578 27.9957 10.8397 27.8168C10.5215 27.6349 10.2715 27.3622 10.0897 26.9986C9.90785 26.6321 9.81694 26.1705 9.81694 25.6136V21.4545H10.8226V25.5455C10.8226 26.0227 10.9561 26.4034 11.2232 26.6875C11.4931 26.9716 11.8368 27.1136 12.2544 27.1136C12.5044 27.1136 12.7587 27.0497 13.0172 26.9219C13.2786 26.794 13.4973 26.598 13.6735 26.3338C13.8525 26.0696 13.9419 25.733 13.9419 25.3239ZM16.7896 28V21.4545H17.7612V22.4432H17.8294C17.9487 22.1193 18.1646 21.8565 18.4771 21.6548C18.7896 21.4531 19.1419 21.3523 19.5339 21.3523C19.6078 21.3523 19.7001 21.3537 19.8109 21.3565C19.9217 21.3594 20.0055 21.3636 20.0623 21.3693V22.392C20.0282 22.3835 19.9501 22.3707 19.8279 22.3537C19.7086 22.3338 19.5822 22.3239 19.4487 22.3239C19.1305 22.3239 18.8464 22.3906 18.5964 22.5241C18.3493 22.6548 18.1532 22.8366 18.0083 23.0696C17.8663 23.2997 17.7953 23.5625 17.7953 23.858V28H16.7896ZM21.2544 28V21.4545H22.226V22.4432H22.2942C22.4135 22.1193 22.6294 21.8565 22.9419 21.6548C23.2544 21.4531 23.6067 21.3523 23.9988 21.3523C24.0726 21.3523 24.165 21.3537 24.2757 21.3565C24.3865 21.3594 24.4703 21.3636 24.5272 21.3693V22.392C24.4931 22.3835 24.415 22.3707 24.2928 22.3537C24.1735 22.3338 24.0471 22.3239 23.9135 22.3239C23.5953 22.3239 23.3113 22.3906 23.0613 22.5241C22.8141 22.6548 22.6181 22.8366 22.4732 23.0696C22.3311 23.2997 22.2601 23.5625 22.2601 23.858V28H21.2544ZM26.5662 30.4545C26.3958 30.4545 26.2438 30.4403 26.1103 30.4119C25.9767 30.3864 25.8844 30.3608 25.8333 30.3352L26.089 29.4489C26.3333 29.5114 26.5492 29.5341 26.7367 29.517C26.9242 29.5 27.0904 29.4162 27.2353 29.2656C27.383 29.1179 27.5179 28.8778 27.6401 28.5455L27.8276 28.0341L25.4071 21.4545H26.498L28.3049 26.6705H28.373L30.1799 21.4545H31.2708L28.4924 28.9545C28.3674 29.2926 28.2125 29.5724 28.0279 29.794C27.8432 30.0185 27.6287 30.1847 27.3844 30.2926C27.1429 30.4006 26.8702 30.4545 26.5662 30.4545ZM33.9277 19.2727L33.8425 25.5455H32.8539L32.7686 19.2727H33.9277ZM33.3482 28.0682C33.138 28.0682 32.9576 27.9929 32.807 27.8423C32.6564 27.6918 32.5811 27.5114 32.5811 27.3011C32.5811 27.0909 32.6564 26.9105 32.807 26.7599C32.9576 26.6094 33.138 26.5341 33.3482 26.5341C33.5584 26.5341 33.7388 26.6094 33.8894 26.7599C34.04 26.9105 34.1152 27.0909 34.1152 27.3011C34.1152 27.4403 34.0797 27.5682 34.0087 27.6847C33.9405 27.8011 33.8482 27.8949 33.7317 27.9659C33.6181 28.0341 33.4902 28.0682 33.3482 28.0682ZM46.813 23.6364C46.813 24.5568 46.6468 25.3523 46.3145 26.0227C45.9821 26.6932 45.5261 27.2102 44.9466 27.5739C44.367 27.9375 43.7051 28.1193 42.9608 28.1193C42.2164 28.1193 41.5545 27.9375 40.975 27.5739C40.3954 27.2102 39.9395 26.6932 39.6071 26.0227C39.2747 25.3523 39.1085 24.5568 39.1085 23.6364C39.1085 22.7159 39.2747 21.9205 39.6071 21.25C39.9395 20.5795 40.3954 20.0625 40.975 19.6989C41.5545 19.3352 42.2164 19.1534 42.9608 19.1534C43.7051 19.1534 44.367 19.3352 44.9466 19.6989C45.5261 20.0625 45.9821 20.5795 46.3145 21.25C46.6468 21.9205 46.813 22.7159 46.813 23.6364ZM45.7903 23.6364C45.7903 22.8807 45.6639 22.2429 45.411 21.723C45.161 21.2031 44.8216 20.8097 44.3926 20.5426C43.9664 20.2756 43.4892 20.142 42.9608 20.142C42.4324 20.142 41.9537 20.2756 41.5247 20.5426C41.0985 20.8097 40.7591 21.2031 40.5062 21.723C40.2562 22.2429 40.1312 22.8807 40.1312 23.6364C40.1312 24.392 40.2562 25.0298 40.5062 25.5497C40.7591 26.0696 41.0985 26.4631 41.5247 26.7301C41.9537 26.9972 42.4324 27.1307 42.9608 27.1307C43.4892 27.1307 43.9664 26.9972 44.3926 26.7301C44.8216 26.4631 45.161 26.0696 45.411 25.5497C45.6639 25.0298 45.7903 24.392 45.7903 23.6364ZM49.4593 24.0625V28H48.4537V21.4545H49.4252V22.4773H49.5105C49.6639 22.1449 49.8968 21.8778 50.2093 21.6761C50.5218 21.4716 50.9252 21.3693 51.4196 21.3693C51.8627 21.3693 52.2505 21.4602 52.5829 21.642C52.9153 21.821 53.1738 22.0938 53.3585 22.4602C53.5431 22.8239 53.6355 23.2841 53.6355 23.8409V28H52.6298V23.9091C52.6298 23.3949 52.4963 22.9943 52.2292 22.7074C51.9622 22.4176 51.5957 22.2727 51.1298 22.2727C50.8088 22.2727 50.5218 22.3423 50.269 22.4815C50.019 22.6207 49.8216 22.8239 49.6767 23.0909C49.5318 23.358 49.4593 23.6818 49.4593 24.0625ZM56.4789 19.2727V28H55.4732V19.2727H56.4789ZM58.9686 30.4545C58.7981 30.4545 58.6461 30.4403 58.5126 30.4119C58.3791 30.3864 58.2868 30.3608 58.2356 30.3352L58.4913 29.4489C58.7356 29.5114 58.9515 29.5341 59.139 29.517C59.3265 29.5 59.4927 29.4162 59.6376 29.2656C59.7853 29.1179 59.9203 28.8778 60.0424 28.5455L60.2299 28.0341L57.8095 21.4545H58.9004L60.7072 26.6705H60.7754L62.5822 21.4545H63.6731L60.8947 28.9545C60.7697 29.2926 60.6149 29.5724 60.4302 29.794C60.2456 30.0185 60.0311 30.1847 59.7868 30.2926C59.5453 30.4006 59.2725 30.4545 58.9686 30.4545ZM71.3074 28.1193C70.7449 28.1193 70.2434 28.0227 69.8031 27.8295C69.3656 27.6364 69.0176 27.3679 68.7591 27.0241C68.5034 26.6776 68.3642 26.2756 68.3414 25.8182H69.4153C69.438 26.0994 69.5346 26.3423 69.7051 26.5469C69.8755 26.7486 70.0985 26.9048 70.3741 27.0156C70.6497 27.1264 70.9551 27.1818 71.2903 27.1818C71.6653 27.1818 71.9977 27.1165 72.2875 26.9858C72.5772 26.8551 72.8045 26.6733 72.9693 26.4403C73.1341 26.2074 73.2164 25.9375 73.2164 25.6307C73.2164 25.3097 73.1369 25.027 72.9778 24.7827C72.8187 24.5355 72.5858 24.3423 72.2789 24.2031C71.9721 24.0639 71.5971 23.9943 71.1539 23.9943H70.4551V23.0568H71.1539C71.5005 23.0568 71.8045 22.9943 72.0659 22.8693C72.3301 22.7443 72.536 22.5682 72.6838 22.3409C72.8343 22.1136 72.9096 21.8466 72.9096 21.5398C72.9096 21.2443 72.8443 20.9872 72.7136 20.7685C72.5829 20.5497 72.3983 20.3793 72.1596 20.2571C71.9238 20.1349 71.6454 20.0739 71.3244 20.0739C71.0233 20.0739 70.7392 20.1293 70.4721 20.2401C70.2079 20.348 69.992 20.5057 69.8244 20.7131C69.6568 20.9176 69.5659 21.1648 69.5517 21.4545H68.5289C68.546 20.9972 68.6838 20.5966 68.9423 20.2528C69.2008 19.9062 69.5389 19.6364 69.9565 19.4432C70.377 19.25 70.8386 19.1534 71.3414 19.1534C71.8812 19.1534 72.3443 19.2628 72.7306 19.4815C73.117 19.6974 73.4139 19.983 73.6213 20.3381C73.8287 20.6932 73.9324 21.0767 73.9324 21.4886C73.9324 21.9801 73.8031 22.3991 73.5446 22.7457C73.2889 23.0923 72.9409 23.3324 72.5005 23.4659V23.5341C73.0517 23.625 73.4821 23.8594 73.7917 24.2372C74.1014 24.6122 74.2562 25.0767 74.2562 25.6307C74.2562 26.1051 74.127 26.5312 73.8684 26.9091C73.6127 27.2841 73.2633 27.5795 72.8201 27.7955C72.377 28.0114 71.8727 28.1193 71.3074 28.1193ZM80.3968 19.2727V28H79.3912V19.2727H80.3968ZM84.9831 28.1364C84.3525 28.1364 83.8084 27.9972 83.351 27.7188C82.8965 27.4375 82.5456 27.0455 82.2985 26.5426C82.0542 26.0369 81.932 25.4489 81.932 24.7784C81.932 24.108 82.0542 23.517 82.2985 23.0057C82.5456 22.4915 82.8894 22.0909 83.3297 21.804C83.7729 21.5142 84.29 21.3693 84.8809 21.3693C85.2218 21.3693 85.5584 21.4261 85.8908 21.5398C86.2232 21.6534 86.5257 21.8381 86.7985 22.0938C87.0712 22.3466 87.2885 22.6818 87.4505 23.0994C87.6124 23.517 87.6934 24.0312 87.6934 24.642V25.0682H82.6479V24.1989H86.6706C86.6706 23.8295 86.5968 23.5 86.449 23.2102C86.3042 22.9205 86.0968 22.6918 85.8269 22.5241C85.5598 22.3565 85.2445 22.2727 84.8809 22.2727C84.4803 22.2727 84.1337 22.3722 83.8411 22.571C83.5513 22.767 83.3283 23.0227 83.1721 23.3381C83.0158 23.6534 82.9377 23.9915 82.9377 24.3523V24.9318C82.9377 25.4261 83.0229 25.8452 83.1934 26.1889C83.3667 26.5298 83.6067 26.7898 83.9135 26.9688C84.2203 27.1449 84.5769 27.233 84.9831 27.233C85.2473 27.233 85.486 27.196 85.699 27.1222C85.915 27.0455 86.101 26.9318 86.2573 26.7812C86.4135 26.6278 86.5343 26.4375 86.6195 26.2102L87.5911 26.483C87.4888 26.8125 87.3169 27.1023 87.0755 27.3523C86.834 27.5994 86.5357 27.7926 86.1806 27.9318C85.8255 28.0682 85.4263 28.1364 84.9831 28.1364ZM92.138 21.4545V22.3068H88.6096V21.4545H92.138ZM89.6664 28V20.5511C89.6664 20.1761 89.7544 19.8636 89.9306 19.6136C90.1067 19.3636 90.3354 19.1761 90.6167 19.0511C90.8979 18.9261 91.1948 18.8636 91.5073 18.8636C91.7544 18.8636 91.9561 18.8835 92.1124 18.9233C92.2686 18.9631 92.3851 19 92.4618 19.0341L92.1721 19.9034C92.1209 19.8864 92.0499 19.8651 91.959 19.8395C91.8709 19.8139 91.7544 19.8011 91.6096 19.8011C91.2772 19.8011 91.0371 19.8849 90.8894 20.0526C90.7445 20.2202 90.6721 20.4659 90.6721 20.7898V28H89.6664ZM96.394 21.4545V22.3068H93.002V21.4545H96.394ZM93.9906 19.8864H94.9963V26.125C94.9963 26.4091 95.0375 26.6222 95.1199 26.7642C95.2051 26.9034 95.313 26.9972 95.4437 27.0455C95.5772 27.0909 95.7179 27.1136 95.8656 27.1136C95.9764 27.1136 96.0673 27.108 96.1383 27.0966C96.2093 27.0824 96.2662 27.071 96.3088 27.0625L96.5133 27.9659C96.4451 27.9915 96.35 28.017 96.2278 28.0426C96.1056 28.071 95.9508 28.0852 95.7633 28.0852C95.4792 28.0852 95.2008 28.0241 94.9281 27.902C94.6582 27.7798 94.4338 27.5938 94.2548 27.3438C94.0787 27.0938 93.9906 26.7784 93.9906 26.3977V19.8864Z" fill="#AAAAAA"/>
+</svg>
+        `},components:[{tag:"StockCounter",settings:{layout:"icon-and-text"},styles:{displayProgressBar:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} mark{\r\n\r\ncolor: #ffffff !important;\r\n\r\nbackground: #4D4D4D !important;\r\n\r\n}\r\n\r\n.{{rootClassName}} span{\r\n\r\ncolor: #4D4D4D !important;\r\n\r\n}"}}}]},{id:"product-stock-counter-bar",name:{en:"Stock Counter"},icon:{desktop:`
+         <svg width="98" height="48" viewBox="0 0 98 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.57049 24V15.2727H2.62731V19.1591H7.28072V15.2727H8.33754V24H7.28072V20.0966H2.62731V24H1.57049ZM14.4419 21.3239V17.4545H15.4476V24H14.4419V22.892H14.3738C14.2203 23.2244 13.9817 23.5071 13.6578 23.7401C13.334 23.9702 12.9249 24.0852 12.4306 24.0852C12.0215 24.0852 11.6578 23.9957 11.3397 23.8168C11.0215 23.6349 10.7715 23.3622 10.5897 22.9986C10.4078 22.6321 10.3169 22.1705 10.3169 21.6136V17.4545H11.3226V21.5455C11.3226 22.0227 11.4561 22.4034 11.7232 22.6875C11.9931 22.9716 12.3368 23.1136 12.7544 23.1136C13.0044 23.1136 13.2587 23.0497 13.5172 22.9219C13.7786 22.794 13.9973 22.598 14.1735 22.3338C14.3525 22.0696 14.4419 21.733 14.4419 21.3239ZM17.2896 24V17.4545H18.2612V18.4432H18.3294C18.4487 18.1193 18.6646 17.8565 18.9771 17.6548C19.2896 17.4531 19.6419 17.3523 20.0339 17.3523C20.1078 17.3523 20.2001 17.3537 20.3109 17.3565C20.4217 17.3594 20.5055 17.3636 20.5623 17.3693V18.392C20.5282 18.3835 20.4501 18.3707 20.3279 18.3537C20.2086 18.3338 20.0822 18.3239 19.9487 18.3239C19.6305 18.3239 19.3464 18.3906 19.0964 18.5241C18.8493 18.6548 18.6532 18.8366 18.5083 19.0696C18.3663 19.2997 18.2953 19.5625 18.2953 19.858V24H17.2896ZM21.7544 24V17.4545H22.726V18.4432H22.7942C22.9135 18.1193 23.1294 17.8565 23.4419 17.6548C23.7544 17.4531 24.1067 17.3523 24.4988 17.3523C24.5726 17.3523 24.665 17.3537 24.7757 17.3565C24.8865 17.3594 24.9703 17.3636 25.0272 17.3693V18.392C24.9931 18.3835 24.915 18.3707 24.7928 18.3537C24.6735 18.3338 24.5471 18.3239 24.4135 18.3239C24.0953 18.3239 23.8113 18.3906 23.5613 18.5241C23.3141 18.6548 23.1181 18.8366 22.9732 19.0696C22.8311 19.2997 22.7601 19.5625 22.7601 19.858V24H21.7544ZM27.0662 26.4545C26.8958 26.4545 26.7438 26.4403 26.6103 26.4119C26.4767 26.3864 26.3844 26.3608 26.3333 26.3352L26.589 25.4489C26.8333 25.5114 27.0492 25.5341 27.2367 25.517C27.4242 25.5 27.5904 25.4162 27.7353 25.2656C27.883 25.1179 28.0179 24.8778 28.1401 24.5455L28.3276 24.0341L25.9071 17.4545H26.998L28.8049 22.6705H28.873L30.6799 17.4545H31.7708L28.9924 24.9545C28.8674 25.2926 28.7125 25.5724 28.5279 25.794C28.3432 26.0185 28.1287 26.1847 27.8844 26.2926C27.6429 26.4006 27.3702 26.4545 27.0662 26.4545ZM34.4277 15.2727L34.3425 21.5455H33.3539L33.2686 15.2727H34.4277ZM33.8482 24.0682C33.638 24.0682 33.4576 23.9929 33.307 23.8423C33.1564 23.6918 33.0811 23.5114 33.0811 23.3011C33.0811 23.0909 33.1564 22.9105 33.307 22.7599C33.4576 22.6094 33.638 22.5341 33.8482 22.5341C34.0584 22.5341 34.2388 22.6094 34.3894 22.7599C34.54 22.9105 34.6152 23.0909 34.6152 23.3011C34.6152 23.4403 34.5797 23.5682 34.5087 23.6847C34.4405 23.8011 34.3482 23.8949 34.2317 23.9659C34.1181 24.0341 33.9902 24.0682 33.8482 24.0682ZM47.313 19.6364C47.313 20.5568 47.1468 21.3523 46.8145 22.0227C46.4821 22.6932 46.0261 23.2102 45.4466 23.5739C44.867 23.9375 44.2051 24.1193 43.4608 24.1193C42.7164 24.1193 42.0545 23.9375 41.475 23.5739C40.8954 23.2102 40.4395 22.6932 40.1071 22.0227C39.7747 21.3523 39.6085 20.5568 39.6085 19.6364C39.6085 18.7159 39.7747 17.9205 40.1071 17.25C40.4395 16.5795 40.8954 16.0625 41.475 15.6989C42.0545 15.3352 42.7164 15.1534 43.4608 15.1534C44.2051 15.1534 44.867 15.3352 45.4466 15.6989C46.0261 16.0625 46.4821 16.5795 46.8145 17.25C47.1468 17.9205 47.313 18.7159 47.313 19.6364ZM46.2903 19.6364C46.2903 18.8807 46.1639 18.2429 45.911 17.723C45.661 17.2031 45.3216 16.8097 44.8926 16.5426C44.4664 16.2756 43.9892 16.142 43.4608 16.142C42.9324 16.142 42.4537 16.2756 42.0247 16.5426C41.5985 16.8097 41.2591 17.2031 41.0062 17.723C40.7562 18.2429 40.6312 18.8807 40.6312 19.6364C40.6312 20.392 40.7562 21.0298 41.0062 21.5497C41.2591 22.0696 41.5985 22.4631 42.0247 22.7301C42.4537 22.9972 42.9324 23.1307 43.4608 23.1307C43.9892 23.1307 44.4664 22.9972 44.8926 22.7301C45.3216 22.4631 45.661 22.0696 45.911 21.5497C46.1639 21.0298 46.2903 20.392 46.2903 19.6364ZM49.9593 20.0625V24H48.9537V17.4545H49.9252V18.4773H50.0105C50.1639 18.1449 50.3968 17.8778 50.7093 17.6761C51.0218 17.4716 51.4252 17.3693 51.9196 17.3693C52.3627 17.3693 52.7505 17.4602 53.0829 17.642C53.4153 17.821 53.6738 18.0938 53.8585 18.4602C54.0431 18.8239 54.1355 19.2841 54.1355 19.8409V24H53.1298V19.9091C53.1298 19.3949 52.9963 18.9943 52.7292 18.7074C52.4622 18.4176 52.0957 18.2727 51.6298 18.2727C51.3088 18.2727 51.0218 18.3423 50.769 18.4815C50.519 18.6207 50.3216 18.8239 50.1767 19.0909C50.0318 19.358 49.9593 19.6818 49.9593 20.0625ZM56.9789 15.2727V24H55.9732V15.2727H56.9789ZM59.4686 26.4545C59.2981 26.4545 59.1461 26.4403 59.0126 26.4119C58.8791 26.3864 58.7868 26.3608 58.7356 26.3352L58.9913 25.4489C59.2356 25.5114 59.4515 25.5341 59.639 25.517C59.8265 25.5 59.9927 25.4162 60.1376 25.2656C60.2853 25.1179 60.4203 24.8778 60.5424 24.5455L60.7299 24.0341L58.3095 17.4545H59.4004L61.2072 22.6705H61.2754L63.0822 17.4545H64.1731L61.3947 24.9545C61.2697 25.2926 61.1149 25.5724 60.9302 25.794C60.7456 26.0185 60.5311 26.1847 60.2868 26.2926C60.0453 26.4006 59.7725 26.4545 59.4686 26.4545ZM71.8074 24.1193C71.2449 24.1193 70.7434 24.0227 70.3031 23.8295C69.8656 23.6364 69.5176 23.3679 69.2591 23.0241C69.0034 22.6776 68.8642 22.2756 68.8414 21.8182H69.9153C69.938 22.0994 70.0346 22.3423 70.2051 22.5469C70.3755 22.7486 70.5985 22.9048 70.8741 23.0156C71.1497 23.1264 71.4551 23.1818 71.7903 23.1818C72.1653 23.1818 72.4977 23.1165 72.7875 22.9858C73.0772 22.8551 73.3045 22.6733 73.4693 22.4403C73.6341 22.2074 73.7164 21.9375 73.7164 21.6307C73.7164 21.3097 73.6369 21.027 73.4778 20.7827C73.3187 20.5355 73.0858 20.3423 72.7789 20.2031C72.4721 20.0639 72.0971 19.9943 71.6539 19.9943H70.9551V19.0568H71.6539C72.0005 19.0568 72.3045 18.9943 72.5659 18.8693C72.8301 18.7443 73.036 18.5682 73.1838 18.3409C73.3343 18.1136 73.4096 17.8466 73.4096 17.5398C73.4096 17.2443 73.3443 16.9872 73.2136 16.7685C73.0829 16.5497 72.8983 16.3793 72.6596 16.2571C72.4238 16.1349 72.1454 16.0739 71.8244 16.0739C71.5233 16.0739 71.2392 16.1293 70.9721 16.2401C70.7079 16.348 70.492 16.5057 70.3244 16.7131C70.1568 16.9176 70.0659 17.1648 70.0517 17.4545H69.0289C69.046 16.9972 69.1838 16.5966 69.4423 16.2528C69.7008 15.9062 70.0389 15.6364 70.4565 15.4432C70.877 15.25 71.3386 15.1534 71.8414 15.1534C72.3812 15.1534 72.8443 15.2628 73.2306 15.4815C73.617 15.6974 73.9139 15.983 74.1213 16.3381C74.3287 16.6932 74.4324 17.0767 74.4324 17.4886C74.4324 17.9801 74.3031 18.3991 74.0446 18.7457C73.7889 19.0923 73.4409 19.3324 73.0005 19.4659V19.5341C73.5517 19.625 73.9821 19.8594 74.2917 20.2372C74.6014 20.6122 74.7562 21.0767 74.7562 21.6307C74.7562 22.1051 74.627 22.5312 74.3684 22.9091C74.1127 23.2841 73.7633 23.5795 73.3201 23.7955C72.877 24.0114 72.3727 24.1193 71.8074 24.1193ZM80.8968 15.2727V24H79.8912V15.2727H80.8968ZM85.4831 24.1364C84.8525 24.1364 84.3084 23.9972 83.851 23.7188C83.3965 23.4375 83.0456 23.0455 82.7985 22.5426C82.5542 22.0369 82.432 21.4489 82.432 20.7784C82.432 20.108 82.5542 19.517 82.7985 19.0057C83.0456 18.4915 83.3894 18.0909 83.8297 17.804C84.2729 17.5142 84.79 17.3693 85.3809 17.3693C85.7218 17.3693 86.0584 17.4261 86.3908 17.5398C86.7232 17.6534 87.0257 17.8381 87.2985 18.0938C87.5712 18.3466 87.7885 18.6818 87.9505 19.0994C88.1124 19.517 88.1934 20.0312 88.1934 20.642V21.0682H83.1479V20.1989H87.1706C87.1706 19.8295 87.0968 19.5 86.949 19.2102C86.8042 18.9205 86.5968 18.6918 86.3269 18.5241C86.0598 18.3565 85.7445 18.2727 85.3809 18.2727C84.9803 18.2727 84.6337 18.3722 84.3411 18.571C84.0513 18.767 83.8283 19.0227 83.6721 19.3381C83.5158 19.6534 83.4377 19.9915 83.4377 20.3523V20.9318C83.4377 21.4261 83.5229 21.8452 83.6934 22.1889C83.8667 22.5298 84.1067 22.7898 84.4135 22.9688C84.7203 23.1449 85.0769 23.233 85.4831 23.233C85.7473 23.233 85.986 23.196 86.199 23.1222C86.415 23.0455 86.601 22.9318 86.7573 22.7812C86.9135 22.6278 87.0343 22.4375 87.1195 22.2102L88.0911 22.483C87.9888 22.8125 87.8169 23.1023 87.5755 23.3523C87.334 23.5994 87.0357 23.7926 86.6806 23.9318C86.3255 24.0682 85.9263 24.1364 85.4831 24.1364ZM92.638 17.4545V18.3068H89.1096V17.4545H92.638ZM90.1664 24V16.5511C90.1664 16.1761 90.2544 15.8636 90.4306 15.6136C90.6067 15.3636 90.8354 15.1761 91.1167 15.0511C91.3979 14.9261 91.6948 14.8636 92.0073 14.8636C92.2544 14.8636 92.4561 14.8835 92.6124 14.9233C92.7686 14.9631 92.8851 15 92.9618 15.0341L92.6721 15.9034C92.6209 15.8864 92.5499 15.8651 92.459 15.8395C92.3709 15.8139 92.2544 15.8011 92.1096 15.8011C91.7772 15.8011 91.5371 15.8849 91.3894 16.0526C91.2445 16.2202 91.1721 16.4659 91.1721 16.7898V24H90.1664ZM96.894 17.4545V18.3068H93.502V17.4545H96.894ZM94.4906 15.8864H95.4963V22.125C95.4963 22.4091 95.5375 22.6222 95.6199 22.7642C95.7051 22.9034 95.813 22.9972 95.9437 23.0455C96.0772 23.0909 96.2179 23.1136 96.3656 23.1136C96.4764 23.1136 96.5673 23.108 96.6383 23.0966C96.7093 23.0824 96.7662 23.071 96.8088 23.0625L97.0133 23.9659C96.9451 23.9915 96.85 24.017 96.7278 24.0426C96.6056 24.071 96.4508 24.0852 96.2633 24.0852C95.9792 24.0852 95.7008 24.0241 95.4281 23.902C95.1582 23.7798 94.9338 23.5938 94.7548 23.3438C94.5787 23.0938 94.4906 22.7784 94.4906 22.3977V15.8864Z" fill="#AAAAAA"/>
+<rect x="0.5" y="34" width="97" height="4" rx="2" fill="#424242"/>
+<rect x="0.5" y="34" width="44" height="4" rx="2" fill="#AAAAAA"/>
+</svg>
+        `},components:[{tag:"StockCounter",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} mark{\r\n\r\ncolor: #ffffff !important;\r\n\r\nbackground: #4D4D4D !important;\r\n\r\n}\r\n\r\n.{{rootClassName}} span{\r\n\r\ncolor: #4D4D4D !important;\r\n\r\n}"}}}]}];export{StockCounterPreset};

package/dist/esm/stock-counter/settings/configs/settings-v2.js

@@ -0,0 +1,2 @@
+import{DEFAULT_SCARCITY_THRESHOLD as e,DEFAULT_QUANTITY_TEMPLATE as t,DEFAULT_REMAINING_PERCENT as l,MIN_REMAINING_PERCENT as o,MAX_REMAINING_PERCENT as a,DEFAULT_RANGE_STEP as i}from"../../common/helpers.js";let StockCounterSettingsV2=[{id:"setting",controls:[{id:"layout",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:{en:"Layout"},enableItemOpacity:!0,options:[{label:"Full",value:"full",type:"p-image-layout",iconName:"gp-stock-counter-full"},{label:"Text & progress bar",value:"text-and-progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-text-and-progress-bar"},{label:"Icon & Text",value:"icon-and-text",type:"p-image-layout",iconName:"gp-stock-counter-icon-and-text"},{label:"Text only",value:"text-only",type:"p-image-layout",iconName:"gp-stock-counter-text-only"},{label:"Progress bar only",value:"progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-progress-bar"}],default:"full"},{id:"displayCondition",label:"Display Condition",type:"group",controls:[{id:"displayByDefault",label:"Display By Default",type:"select",options:[{label:"Always show",value:!0},{label:"Show if under",value:!1}],default:!0},{id:"scarcityThreshold",label:"Scarcity Threshold",type:"input:stepper",default:e,info:"Only show if inventory quantity less than or equal to the above number."}]},{id:"oosIcon",label:"",type:"icon",default:'<svg data-name="package-regular" style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path></svg>'},{id:"hiddenCounterWhenOutOfStock",type:"select",options:[{value:!1,label:"Show message"},{value:!0,label:"Hide counter"}],default:!1},{id:"message",label:"Message",type:"group",controls:[{id:"template",label:"Template",type:"textarea",autoHeight:!0,showPlusBtn:!0,default:`Only ${t} left`,info:`Use ${t} to represent remaining number`,minHeight:56,suggestContents:[{message:"%number%",eg:"E.g: Only 2 left"}]},{id:"outOfStockMessage",label:"Out Of Stock Message",type:"input",default:"OUT OF STOCK"},{id:"continueSelling",label:"Continue Selling When Out Of Stock Message",type:"textarea",autoHeight:!0,default:"Restock soon! PREORDER NOW",info:"Turn out-of-stock productions into pre-orders"},{id:"unlimitedQuantityMessage",label:"Unlimited Quantity Message",type:"textarea",autoHeight:!0,default:"Hurry! LET BUY NOW"},{id:"translate",type:"input",default:"template,outOfStockMessage,continueSelling,unlimitedQuantityMessage"}]},{id:"icon",label:"Icon",type:"group",controls:[{id:"showIcon",label:"Show Icon",type:"toggle",default:!0},{id:"icon",label:"",type:"icon",default:`<svg height="20px" width="20px" data-name="lightning-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817742720598376">
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z"></path></svg>`}]},{id:"progressBarPosition",type:"option:value",options:[{value:"top",label:"Top"},{value:"bottom",label:"Bottom"}],default:"bottom"},{id:"iconPosition",type:"option:value",options:[{value:"left",label:"Left"},{value:"right",label:"Right"}],default:"left"},{id:"iconSize",type:"input:stepper",allowEmptyValue:!0,placeholder:"Enter size",devices:{desktop:{default:16}}},{id:"remainingPercentage",label:"Remaining Percentage (%)",type:"input:slider",default:l,min:o,max:a,step:i,units:["%"],showDefaultUnit:!0,isNumber:!0,useOnlyUnitInit:!0}]},{id:"style",controls:[{id:"dimension",label:"Dimension",type:"group",controls:[{id:"fullWidth",label:"Full width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"100%"}}},{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:"display",label:"Display",type:"group",controls:[{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-2"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",label:"Text Color",type:"color-picker-v2",default:"text-2"},{id:"color",label:"Color",type:"color-picker-v2",default:"line-3"},{id:"iconColor",label:"Color",type:"color-picker-v2",default:"text-2"},{id:"oosIconColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"},{id:"oosTextColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"}]},{id:"progressBar",label:"Progress Bar",type:"group",controls:[{id:"displayProgressBar",label:"Display",type:"toggle",default:!0},{id:"progressBarHeight",type:"input:stepper",min:5,max:20,devices:{desktop:{default:10}}},{id:"roundedBorder",label:"Rounded Border",type:"toggle",default:!0},{id:"effect",label:"Effect",type:"toggle",default:!0}]},{id:"borderRadius",type:"corner-v2",default:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"},compoDefaultValue:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}}]}];export{StockCounterSettingsV2};

package/dist/esm/stock-counter/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"group",label:{en:"Remaining stock"},controls:[{type:"control",label:{en:"Hide counter when out of stock"},setting:{id:"hiddenCounterWhenOutOfStock"}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"showIcon"}},{type:"control",condition:"showIcon == true",setting:{id:"icon"},layout:"vertical"},{type:"control",condition:"showIcon == true",label:{en:"Icon color"},setting:{id:"iconColor"}}]},{type:"group",controls:[{type:"control",label:{en:"Progress bar"},options:{label:"large"},setting:{id:"displayProgressBar"}},{type:"control",condition:"displayProgressBar == true",label:{en:"Percentage left"},setting:{id:"remainingPercentage"}},{type:"control",condition:"displayProgressBar == true",label:{en:"Color"},setting:{id:"color"}},{type:"control",condition:"displayProgressBar == true",label:{en:"Height"},setting:{id:"progressBarHeight"}},{type:"control",condition:"displayProgressBar == true",label:{en:"Corner"},setting:{id:"roundedBorder"}},{type:"control",condition:"displayProgressBar == true",label:{en:"Effect"},setting:{id:"effect"}}]},{type:"group",controls:[{type:"control",label:{en:"Always show"},setting:{id:"displayByDefault"},options:{label:"large"}},{type:"control",label:{en:"Show if under"},condition:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{type:"group",label:{en:"Message"},controls:[{type:"control",label:{en:"Template"},setting:{id:"template"},options:{labelPosition:"start"}},{type:"control",label:{en:"Out of stock"},setting:{id:"outOfStockMessage"}},{type:"control",label:{en:"Continue <br> selling when <br> out of stock"},options:{styleControl:{"min-width":"140px"}},setting:{id:"continueSelling"}},{type:"control",label:{en:"Unlimited <br> quantity"},setting:{id:"unlimitedQuantityMessage"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",condition:"fullWidth == false",label:{en:"Width"},setting:{id:"width"}}]},{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical",options:{label:"large"}},{type:"control",condition:"fullWidth == false",label:{en:"Align"},options:{label:"large"},setting:{id:"alignment"}}];export{SettingUIV1};

package/dist/esm/stock-counter/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{label:{en:"layout"},controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Progress bar"},setting:{id:"displayProgressBar"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"displayProgressBar == true",label:{en:"Percentage left"},setting:{id:"remainingPercentage"}},{conditionDisplay:"displayProgressBar == true",label:{en:"Color"},setting:{id:"color"}},{conditionDisplay:"displayProgressBar == true",label:{en:"Effect"},setting:{id:"effect"}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:{en:"Height"},setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:{en:"Position"},setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",label:{en:"Corner"},setting:{id:"borderRadius"}}]}},{controls:[{label:{en:"Icon"},setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:{en:"Size"},conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:{en:"Color"},setting:{id:"iconColor"}},{label:{en:"Position"},conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Text"},controls:[{label:{en:"Content"},type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:{en:"Out of stock state"},controls:[{label:{en:"Action"},setting:{id:"hiddenCounterWhenOutOfStock"}},{label:{en:"Icon"},setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:{en:"Content"},type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:{en:"Icon color"},setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:{en:"Text color"},setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:{en:"Message"},controls:[{label:{en:"Sell when OOS"},type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:{en:"Out of stock sell"},controls:[{label:{en:"Content"},setting:{id:"continueSelling"},layout:"vertical"}]},{label:{en:"Unlimited stock"},type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:{en:"Unlimited quantity"},controls:[{label:{en:"Content"},setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:{en:"Display option"},controls:[{label:{en:"Display"},setting:{id:"displayByDefault"}},{label:{en:"Stock"},conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

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

@@ -0,0 +1 @@
+let getAttr=({uid:t})=>({"data-id":t}),getAttrContent=({uid:t})=>({key:t});export{getAttr,getAttrContent};

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

@@ -0,0 +1,4 @@
+import{composeClasses as e,getGlobalColorClass as t,getGlobalColorStateClass as s}from"@gem-sdk/core";import{getWrapClassByPositionResponsive as a,getUlClassByPositionResponsive as p,makeStyleLayoutFullWidthResponsive as g}from"./helpers.js";let getClassesWrapper=({builderProps:t,advancedCssClass:s})=>{let a="gp-flex";return t?.uid&&(a+=` ${t?.uid}`),s&&(a+=` ${s}`),{...e(a)}},getContainClasses=({setting:t})=>{let{position:s}=t??{},p="gp-flex ";return a(s)&&(p+=` ${a(s)}`),{...e(p)}},getTabListClasses=({setting:t})=>{let{position:s}=t??{},a="gp-tab-header-list gp-flex gp-flex-wrap gp-overflow-hidden ";return p(s)&&(a+=` ${p(s)}`),{...e(a)}},getItemClasses=({setting:a,isNotLiquid:p,isActive:g,currentDevice:r})=>{let{labelBgColor:l,labelColor:n,position:i,enableActiveEffect:C}=a??{},o="gp-tab-item gp-navs-tab gp-flex gp-cursor-pointer gp-py-2 gp-px-4 gp-whitespace-nowrap";return p&&(g&&C?o+=` ${t("bg",l?.active)} ${t("text",n?.active)}`:o+=` ${s("bg",l)} ${s("text",n)}`,r&&i?.[r]&&(o+=` ${i?.[r]}`)),{...e(o)}},getTabParentListClasses=()=>({...e("gp-flex")}),getStyleTagClasses=({panelWidth:e,builderProps:t})=>{let s="",a=g(e,t);return t?.uid&&(s+=` .${t?.uid} .gp-tab-item p {
+            word-wrap: break-word;
+            white-space: break-spaces;
+          }`),a&&(s+=` ${a}`),s},getWrapperContentClasses=()=>({...e("gp-flex gp-flex-1 gp-min-w-0")}),getContainContentClasses=()=>({...e("gp-tab-item-container gp-p-4")}),getTextClasses=()=>({...e("gp-cursor-pointer gp-overflow-hidden gp-whitespace-nowrap !gp-text-inherit")}),getTabItemClasses=({parentUid:t,className:s,isNotLiquid:a,isActive:p})=>{let g="gp-tab-item";return t&&(g+=` gp-child-item-${t}`),s&&(g+=` ${s}`),a&&!p&&(g+=" !gp-hidden"),{...e(g)}};export{getClassesWrapper,getContainClasses,getContainContentClasses,getItemClasses,getStyleTagClasses,getTabItemClasses,getTabListClasses,getTabParentListClasses,getTextClasses,getWrapperContentClasses};

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

@@ -0,0 +1,2 @@
+import{DEVICES as e,getValueByDevice as t}from"@gem-sdk/core";let makeStyleLayoutFullWidthResponsive=(o,l)=>e.map(e=>{if("100%"===t(o,e))return`.${l?.uid}
+      .wrap-width_full_${e}_top_true { width: 100%; } .${l?.uid} .wrap-width_full_${e}_top_true .gp-tab-item { flex: 1 }`}).join(""),makeDeviceDefault=(e={})=>{let{desktop:t="",tablet:o=t,mobile:l=o||t}=e;return{desktop:t,tablet:o,mobile:l}},getStyleWidthByPositionResponsive=e=>{let t={desktop:"",tablet:"",mobile:""};if(e.position)for(let o of Object.keys(t))if(e.position[o]&&"top"!==e.position[o]){let l=makeDeviceDefault(e.labelWidth);t[o]=l?.[o]||"min-content"}else{let l=makeDeviceDefault(e.panelWidth);t[o]=l?.[o]||"auto"}return t},getUlClassByPositionResponsive=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l||"right"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`;return t},getWrapClassByPositionResponsive=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l?t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`:"right"===l?t+=` ${"desktop"===o?"gp-flex-row-reverse":o+":gp-flex-row-reverse"}`:"top"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:"bottom"===l&&(t+=` ${"desktop"===o?"gp-flex-col-reverse":o+":gp-flex-col-reverse"}`);return t};export{getStyleWidthByPositionResponsive,getUlClassByPositionResponsive,getWrapClassByPositionResponsive,makeStyleLayoutFullWidthResponsive};

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

@@ -0,0 +1 @@
+import{getStyleBackgroundByDevice as e,getGradientBgrStyleByDevice as t,makeStyleResponsive as l,makeWidth as r,makeStyle as o,getSingleColorVariable as a,getGlobalColorStateStyle as i,handleConvertBorderStyle as n,handleConvertBorderWidth as b,handleConvertBorderColor as c,filterHoverVariables as m}from"@gem-sdk/core";import{filterTruthyStyles as s}from"../../helpers.js";import{getStyleWidthByPositionResponsive as p}from"./helpers.js";let getStyleWrapper=(o,a)=>{let{background:i,containWidth:n,align:b}=o??{},c={...a,...e(i),...t(i,{desktop:!0,tablet:!0,mobile:!0}),...l("w",r(n)),...l("as",b)};return s(c)},getTabListStyle=e=>{let{panelAlign:t}=e??{},r={...l("jc",t),...l("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return s(r)},getItemStyle=(e,t)=>{let{labelColor:r,labelBgColor:g,borderTab:d,labelAlign:y,enableActiveEffect:S,panelWidth:v,position:h,panelFullWidth:u,labelWidth:w}=e??{},j={},T=!0===S||void 0===S;return j={...j=t&&T?{...l("jc",y),...o({c:a(r?.active??r?.normal),bgc:a(g?.active??g?.normal),bs:d?.active?.border??d?.normal?.border,bw:d?.active?.width??d?.normal?.width,bc:a(d?.active?.color??d?.normal?.color)})}:{...l("jc",y),...i("c",r),...i("bgc",g),...n(d),...b(d),...c(d)},...l("w",p({position:h,panelFullWidth:u,panelWidth:v,labelWidth:w}))},e?.enableHoverEffect||(j=m(j)),s(j)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:r}=e??{},o={...l("jc",t),...l("ai",r)};return s(o)},getContainContentStyle=()=>{let e={};return o({w:"100%"})&&(e={...o({w:"100%"})}),s(e)},getTabItemStyle=(e,t)=>{let l={...e,...o({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return s(l)};export{getContainContentStyle,getItemStyle,getStyleWrapper,getTabItemStyle,getTabListStyle,getTabParentListStyle};

package/dist/esm/tab/components/TabItem.js

@@ -1,20 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { cls, makeStyle, isEmptyChildren } from '@gem-sdk/core';
-import ChildrenDroppable from '../../grid/components/ChildrenDroppable.js';
-
-const TabItem = ({ children, builderAttrs, isActive, className, parentUid })=>{
-    return /*#__PURE__*/ jsx("div", {
-        ...builderAttrs,
-        className: cls(className, {
-            'gp-hidden': !isActive
-        }, `gp-child-item-${parentUid}`),
-        style: {
-            ...makeStyle({
-                h: '100%'
-            })
-        },
-        children: isEmptyChildren(children) ? /*#__PURE__*/ jsx(ChildrenDroppable, {}) : children
-    });
-};
-
-export { TabItem as default };
+'use client';
+import{jsx as m}from"react/jsx-runtime";import{isEmptyChildren as o}from"@gem-sdk/core";import r from"../../grid/components/ChildrenDroppable.js";import{createStyle as e,createClass as t}from"@gem-sdk/system";import{getTabItemClasses as s}from"../common/classes.js";import{getTabItemStyle as i}from"../common/styles.js";let TabItem=l=>{let{children:p,builderAttrs:a,className:c,parentUid:d,isActive:n,style:f}=l,j=e({...i(f,n)}),u=t({...s({parentUid:d,className:c,isNotLiquid:!0,isActive:n})});return m("div",{...a,className:u,style:j,children:o(p)?m(r,{}):p})};export{TabItem as default};

package/dist/esm/tab/components/TabItem.liquid.js

@@ -1,24 +1,9 @@
-import { isEmptyChildren, template, cls } from '@gem-sdk/core';
-
-const TabItem = ({ children, builderAttrs, style, className, parentUid, isActive })=>{
-    if (isEmptyChildren(children)) {
-        return template`<div class="gp-tab-item"></div>`;
-    }
-    return template`
+import{template as m}from"@gem-sdk/core";import{createStyle as s,createClass as o}from"@gem-sdk/system";import{getTabItemClasses as t}from"../common/classes.js";import{getTabItemStyle as e}from"../common/styles.js";let TabItem=r=>{let{children:i,builderAttrs:l,className:a,parentUid:d,style:c,isActive:f}=r,p=s({...e(c,f)}),$=o({...t({parentUid:d,className:a,isNotLiquid:!1,isActive:f})});return m`
   <div
-    ${{
-        ...builderAttrs
-    }}
-    style="${{
-        ...style
-    }}"
-    class="${cls(`gp-tab-item gp-child-item-${parentUid}`, className, {
-        'gp-visible gp-h-0 gp-overflow-hidden': !isActive
-    })}"
+    ${{...l}}
+    class="${$}"
+    style="${p}"
   >
-    ${children}
+    ${i}
   </div>
-  `;
-};
-
-export { TabItem as default };
+  `};export{TabItem as default};

package/dist/esm/tab/components/Tabs.js

@@ -1,153 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCurrentDevice, getStyleBackgroundByDevice, cls, makeStyleResponsive, getGlobalColorStateClass, getGlobalColorClass, makeStyle, getSingleColorVariable, getGlobalColorStateStyle, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, filterToolbarPreview } from '@gem-sdk/core';
-import { useState, Children, useMemo, isValidElement } from 'react';
-import Text from '../../text/components/Text.js';
-import { getWrapClassByPositionResponsive, getUlClassByPositionResponsive, makeDeviceFullWidthDefault, getStyleWidthByPositionResponsive } from './common.js';
-import { useGetProductId } from '../../hooks/useGetProductId.js';
-import { useTabInteraction } from '../hooks/useTabInteraction.js';
-
-const Tabs = ({ builderAttrs, builderProps, children, style, setting })=>{
-    const currentDevice = useCurrentDevice();
-    const [activeTab, setActiveKey] = useState(setting?.activeKey || 1);
-    const { refContainer, productID } = useGetProductId();
-    const { dispatchEventTabActive } = useTabInteraction({
-        activeKey: setting?.activeKey || 1,
-        setActiveKey,
-        activeTab,
-        refContainer,
-        componentUid: builderProps?.uid || ''
-    });
-    if (setting && !setting?.labelWidth) {
-        setting.labelWidth = {
-            desktop: '200px'
-        };
-    }
-    const childItemUid = Children.map(children, (child)=>{
-        return child?.props?.uid;
-    });
-    const makeStyleLayoutFullWidthResponsive = useMemo(()=>{
-        const fullWidthInherit = makeDeviceFullWidthDefault(setting?.panelFullWidth);
-        return Object.entries(fullWidthInherit).filter(([, isFullWidth])=>isFullWidth).map(([device])=>`.${builderProps?.uid} 
-        .wrap-width_full_${device}_top_true { width: 100%; }\n`).join('');
-    }, [
-        setting?.panelFullWidth,
-        builderProps?.uid
-    ]);
-    return /*#__PURE__*/ jsxs("div", {
-        ref: refContainer,
-        "data-id": builderProps?.uid,
-        ...builderAttrs,
-        style: {
-            ...style,
-            ...getStyleBackgroundByDevice(setting?.background)
-        },
-        className: cls('gp-flex', builderProps?.uid),
-        children: [
-            /*#__PURE__*/ jsx("style", {
-                children: `.${builderProps?.uid} .gp-tab-item.left p,
-          .${builderProps?.uid} .gp-tab-item.right p {
-            word-wrap: break-word;
-            white-space: break-spaces;
-          }
-          ${makeStyleLayoutFullWidthResponsive}
-        `
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: cls('gp-flex gp-w-full', getWrapClassByPositionResponsive(setting?.position)),
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "gp-flex",
-                        style: {
-                            ...makeStyleResponsive('jc', setting?.panelAlign)
-                        },
-                        children: /*#__PURE__*/ jsx("ul", {
-                            className: cls('gp-tab-header-list gp-flex gp-flex-wrap', getUlClassByPositionResponsive(setting?.position), `wrap-width_full_${currentDevice}_${setting?.position?.[currentDevice]}_${makeDeviceFullWidthDefault(setting?.panelFullWidth)?.[currentDevice]}`),
-                            style: {
-                                ...makeStyleResponsive('maxw', getStyleWidthByPositionResponsive({
-                                    position: setting?.position,
-                                    panelFullWidth: setting?.panelFullWidth,
-                                    panelWidth: setting?.panelWidth,
-                                    labelWidth: setting?.labelWidth
-                                }))
-                            },
-                            children: setting?.childItem?.map((tab, index)=>{
-                                const isActive = activeTab - 1 == index;
-                                return /*#__PURE__*/ jsx("li", {
-                                    className: cls('gp-flex gp-cursor-pointer gp-px-4 gp-py-2 gp-whitespace-nowrap gp-flex-1 gp-tab-item', setting?.position?.[currentDevice], {
-                                        [getGlobalColorStateClass('bg', setting?.labelBgColor)]: !isActive,
-                                        [getGlobalColorStateClass('text', setting?.labelColor)]: !isActive,
-                                        [getGlobalColorClass('bg', setting?.labelBgColor?.active)]: isActive,
-                                        [getGlobalColorClass('text', setting?.labelColor?.active)]: isActive
-                                    }),
-                                    "aria-hidden": true,
-                                    onClick: ()=>{
-                                        setActiveKey(index + 1);
-                                        dispatchEventTabActive(index);
-                                    },
-                                    style: {
-                                        ...makeStyleResponsive('jc', setting?.labelAlign),
-                                        ...isActive ? makeStyle({
-                                            c: getSingleColorVariable(setting?.labelColor?.active ?? setting?.labelColor?.normal),
-                                            bgc: getSingleColorVariable(setting?.labelBgColor?.active ?? setting?.labelBgColor?.normal),
-                                            bs: setting?.borderTab?.active?.border ?? setting?.borderTab?.normal?.border,
-                                            bw: setting?.borderTab?.active?.width ?? setting?.borderTab?.normal?.width,
-                                            bc: getSingleColorVariable(setting?.borderTab?.active?.color ?? setting?.borderTab?.normal?.color)
-                                        }) : {
-                                            ...getGlobalColorStateStyle('c', setting?.labelColor),
-                                            ...getGlobalColorStateStyle('bgc', setting?.labelBgColor),
-                                            ...handleConvertBorderStyle(setting?.borderTab),
-                                            ...handleConvertBorderWidth(setting?.borderTab),
-                                            ...handleConvertBorderColor(setting?.borderTab)
-                                        }
-                                    },
-                                    children: /*#__PURE__*/ jsx(Text, {
-                                        setting: {
-                                            text: tab,
-                                            htmlTag: 'div',
-                                            options: {
-                                                useState: true,
-                                                uniqueId: productID ? `${childItemUid?.[index]}-${productID}` : `${childItemUid?.[index]}`,
-                                                productID
-                                            },
-                                            excludeFlex: true
-                                        },
-                                        styles: {
-                                            typo: setting?.labelTypoV2,
-                                            typography: setting?.labelTypo,
-                                            textAlign: setting?.labelAlign
-                                        },
-                                        className: "gp-overflow-hidden gp-border gp-border-transparent"
-                                    })
-                                }, childItemUid && childItemUid[index]);
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: "gp-flex gp-flex-1 gp-min-w-0",
-                        children: /*#__PURE__*/ jsx("div", {
-                            className: "gp-p-4 gp-pb-0",
-                            style: {
-                                ...makeStyle({
-                                    w: '100%'
-                                })
-                            },
-                            children: Children.map(filterToolbarPreview(children), (child, index)=>{
-                                if (/*#__PURE__*/ isValidElement(child)) {
-                                    return /*#__PURE__*/ jsx(child.type, {
-                                        ...child.props,
-                                        isActive: index == activeTab - 1,
-                                        parentUid: builderProps?.uid
-                                    });
-                                }
-                                return null;
-                            })
-                        })
-                    })
-                ]
-            }),
-            filterToolbarPreview(children, true)
-        ]
-    });
-};
-
-export { Tabs as default };
+'use client';
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as m,createStyle as a,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as v,getTabParentListClasses as g,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as T,getItemClasses as C}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=m({...d({uid:A?.uid||""})}),P=a({...n(F,W)}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=v({panelWidth:U,builderProps:A}),X=o({...g()}),Y=a({...u(F)}),Z=o({...j({setting:F})}),_=a({...h(F)}),ee=e=>o({...C({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>a({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=a({...y()}),em=o({...T()}),ea=m({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:em,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...ea,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};

package/dist/esm/tab/components/Tabs.liquid.js

@@ -1,124 +1,36 @@
-import { template, getStyleBackgroundByDevice, cls, makeStyleResponsive, makeStyle, WrapRenderChildren, RenderChildren, RenderIf, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
-import Text from '../../text/components/Text.liquid.js';
-import { getWrapClassByPositionResponsive, getUlClassByPositionResponsive, getStyleWidthByPositionResponsive, makeDeviceFullWidthDefault } from './common.js';
-import { getDynamicSourceLocales, getSettingPreloadData } from '../../helpers.js';
+import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as l,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../helpers.js";import{createStateOrContext as o,createAttr as c,createStyle as p,createClass as m}from"@gem-sdk/system";import{getAttr as $,getAttrContent as n}from"../common/attrs.js";import y from"../../text/components/Text.liquid.js";import{getStyleWrapper as u,getTabParentListStyle as v,getTabListStyle as g,getContainContentStyle as f,getItemStyle as h}from"../common/styles.js";import{getClassesWrapper as b,getContainClasses as x,getStyleTagClasses as j,getTabParentListClasses as T,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as K,getTextClasses as S,getItemClasses as C}from"../common/classes.js";let Tabs=I=>{let{builderProps:E,style:N,setting:V,advanced:P,rawChildren:_}=I;delete V?.labelTypoV2?.attrs?.color;let{cssClass:q}=P??{},{panelWidth:z,childItem:F,labelAlign:G,labelTypo:O,labelTypoV2:W}=V??{},J=o({setting:V,builderProps:E}),L=void 0;V&&!V?.labelWidth&&(V.labelWidth={desktop:"200px"});let M=c({...$({uid:E?.uid||""})}),R=p({...u(V,N)}),U=m({...b({builderProps:E,advancedCssClass:q})}),w=m({...x({setting:V})}),B=j({panelWidth:z,builderProps:E}),D=m({...T()}),H=p({...v(V)}),Q=m({...k({setting:V})}),X=p({...g(V)}),Y=e=>m({...C({setting:V,isNotLiquid:!1,isActive:e,currentDevice:L})}),Z=e=>p({...h(V,e)}),ee=m({...A()}),et=m({...K()}),es=p({...f()}),el=c({...n({uid:E?.uid||""})}),ei=m({...S()}),ea=()=>F?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let l=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===s:s===V?.activeKey,i=r({val:t,uid:E?.uid,settingId:`childItem_${s}`,pageContext:I.pageContext,isCapitalize:V?.labelTypoV2?.attrs?.transform==="capitalize",translate:V?.translate});return e`
+      <li
+        aria-hidden
+        class="${Y(l)}"
+        style="${Z(l)}"
+        key="${E?.uid}"
 
-const Tabs = ({ builderAttrs, builderProps, rawChildren, style, setting, advanced, pageContext })=>{
-    const initialStyles = '--bs:unset, --hvr-bs:unset, --hvr-bgc:unset, --hvr-c:unset,--hvr-bw:unset, --hvr-bc:unset';
-    if (setting?.childItem) setting.childItem = setting.childItem.map((item)=>item.replaceAll("'", '&#039;'));
-    const makeStyleLayoutFullWidthResponsive = ()=>{
-        const fullWidthInherit = makeDeviceFullWidthDefault(setting?.panelFullWidth);
-        return Object.entries(fullWidthInherit).filter(([, isFullWidth])=>isFullWidth).map(([device])=>`.${builderProps?.uid} .wrap-width_full_${device}_top_true { width: 100%; }\n`).join('');
-    };
-    return template`
-    <gp-tab data-id="${builderProps?.uid}" gp-data='${JSON.stringify({
-        setting,
-        builderProps
-    }).replaceAll("'", '&#039;')}'>
-      <div
-        ${{
-        ...builderAttrs
-    }}
-        data-id=""
-        style="${{
-        ...style,
-        ...getStyleBackgroundByDevice(setting?.background)
-    }}"
-        class="${cls('gp-flex', builderProps?.uid, advanced?.cssClass)}"
       >
-        <style>
-            .${builderProps?.uid} .gp-navs-tab.left p,
-            .${builderProps?.uid} .gp-navs-tab.right p {
-              word-wrap: break-word;
-              white-space: break-spaces;
-            }
-            ${makeStyleLayoutFullWidthResponsive()}
-        </style>
-        <div
-          class="${cls('gp-flex gp-w-full', getWrapClassByPositionResponsive(setting?.position))}"
-        >
-          <div
-            class="gp-flex"
-            style="${{
-        ...makeStyleResponsive('jc', setting?.panelAlign)
-    }}"
-          >
-            <ul
-              class="${cls('gp-tab-header-list gp-flex gp-flex-wrap', getUlClassByPositionResponsive(setting?.position))}"
-              style="${{
-        ...makeStyleResponsive('maxw', getStyleWidthByPositionResponsive({
-            position: setting?.position,
-            panelFullWidth: setting?.panelFullWidth,
-            panelWidth: setting?.panelWidth,
-            labelWidth: setting?.labelWidth
-        }))
-    }}"
-            >
-              ${setting?.childItem?.map((item, index)=>{
-        const val = getDynamicSourceLocales({
-            val: item,
-            uid: builderProps?.uid,
-            settingId: `childItem_${index}`,
-            pageContext,
-            isCapitalize: setting?.labelTypoV2?.attrs?.transform === 'capitalize',
-            translate: setting?.translate
-        });
-        return template`
-                  <li
-                    class="gp-navs-tab gp-flex gp-flex-1 gp-cursor-pointer gp-py-2 gp-px-4"
-                    aria-hidden
-                    style="${initialStyles}"
-                    key="${builderProps?.uid}"
-                  >
-                    ${Text({
-            styles: {
-                typo: setting?.labelTypoV2,
-                typography: setting?.labelTypo,
-                textAlign: setting?.labelAlign
-            },
-            setting: {
-                text: val,
-                htmlTag: 'div',
-                excludeFlex: true,
-                isForceValue: true
-            },
-            className: 'gp-cursor-pointer gp-overflow-hidden gp-whitespace-nowrap'
-        })}
-                  </li>
-                `;
-    }).join('')}
+        ${y({className:ei,styles:{typo:W,typography:O,textAlign:G},setting:{text:i,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
+      </li>
+    `}).join(""),er=()=>t({uid:E?.uid||"",customProps:_?.[0].customProps},_?.map((t,l)=>{let i=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===l:l===V?.activeKey;return t?e`${s({...t,parentUid:E?.uid,isActive:i})}`:""})),ed=()=>l(i,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
+    <gp-tab
+      ${{...M}}
+      style="${R}"
+      class="${U}"
+      gp-data='${JSON.stringify(J)?.replaceAll("'","&#039;")}'>
+        <style>${B}</style>
+        <div class="${w}">
+          <div class="${D}" style="${H}">
+            <ul class="${Q}" style="${X}">
+              ${ea()}
             </ul>
           </div>
-          <div
-            class="gp-flex gp-flex-1 gp-min-w-0"
-          >
+          <div class="${ee}">
             <div
-              class="gp-tab-item-container gp-p-4 gp-pb-0"
-              ${builderProps?.uid && `key="${builderProps?.uid}"`}
-              style="${{
-        ...makeStyle({
-            w: '100%'
-        })
-    }}"
+              ${{...el}}
+              class="${et}"
+              style="${es}"
             >
-            ${WrapRenderChildren({
-        uid: builderProps?.uid || '',
-        customProps: rawChildren?.[0].customProps
-    }, rawChildren?.map((child, index)=>{
-        const isActive = (setting?.activeKey ?? 0) < 0 || (setting?.activeKey ?? 0) >= (setting?.childItem ?? []).length ? index === 0 : index === (setting?.activeKey ?? 0) - 1;
-        return child ? template`${RenderChildren({
-            ...child,
-            parentUid: builderProps?.uid,
-            isActive
-        })}` : '';
-    }))}
+              ${er()}
             </div>
           </div>
         </div>
-      </div>
     </gp-tab>
-    ${RenderIf(isLocalEnv, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-tab.js' | asset_url }}" defer="defer"></script>`, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="${baseAssetURL}/assets-v2/gp-tab.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `;
-};
-
-export { Tabs as default };
+    ${ed()}
+  `};export{Tabs as default};

package/dist/esm/tab/hooks/useTab.js

@@ -0,0 +1 @@
+import{useCurrentDevice as e}from"@gem-sdk/core";import{useState as t}from"react";import{useGetProductId as o}from"../../hooks/useGetProductId.js";import{useTabInteraction as r}from"./useTabInteraction.js";let useTab=(i,m)=>{let{activeKey:d}=i??{},s=e(),[a,l]=t(!d||d<0||d>=(i?.childItem??[]).length?0:d),{refContainer:p,productID:c}=o(),{dispatchEventTabActive:u}=r({activeKey:d||1,setActiveKey:l,activeTab:a,refContainer:p,componentUid:m?.uid||""});return i&&!i?.labelWidth&&(i.labelWidth={desktop:"200px"}),{currentDevice:s,productID:c,dispatchEventTabActive:u,activeTab:a,setActiveKey:l,refContainer:p}};export{useTab};

package/dist/esm/tab/hooks/useTabInteraction.js

@@ -1,54 +1 @@
-import { useInteraction, useEditorMode } from '@gem-sdk/core';
-import { useState, useEffect } from 'react';
-
-const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, componentUid })=>{
-    const [previousTab, setPreviousTab] = useState(activeKey || 1);
-    const { trigger, onListener, interactionListenerLoaded } = useInteraction();
-    const mode = useEditorMode();
-    const changeOpenTabInteraction = (params)=>{
-        const { data, isRollback } = params || {};
-        if (data === undefined && isRollback === undefined) return;
-        if (isRollback) {
-            setActiveKey(previousTab);
-            setPreviousTab(activeTab);
-            return;
-        }
-        setPreviousTab(activeTab);
-        setActiveKey(data + 1);
-    };
-    const dispatchEventTabActive = (index)=>{
-        trigger({
-            event: 'gp:rollback:tab-active',
-            selector: `[data-id="${componentUid}"]`,
-            element: refContainer.current
-        });
-        trigger({
-            event: 'gp:tab-active',
-            selector: `[data-id="${componentUid}"]`,
-            data: index,
-            element: refContainer.current
-        });
-    };
-    useEffect(()=>{
-        if (mode === 'edit') return;
-        interactionListenerLoaded(()=>{
-            dispatchEventTabActive(activeTab - 1);
-        });
-        const selector = `[data-id="${componentUid}"]`;
-        const removeListener = onListener({
-            event: 'gp:change-open-tab',
-            selector
-        }, (params)=>{
-            changeOpenTabInteraction(params);
-        });
-        return ()=>{
-            removeListener?.();
-        };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        dispatchEventTabActive
-    };
-};
-
-export { useTabInteraction };
+import{useInteraction as e,useEditorMode as t}from"@gem-sdk/core";import{useEffect as r}from"react";let useTabInteraction=({activeKey:a,setActiveKey:n,activeTab:i,refContainer:o,componentUid:c})=>{let{trigger:u,onListener:d,interactionListenerLoaded:l,saveToElementInteractionData:m,findElementIncludingSelf:b}=e(),g=t(),p=e=>{let{data:t,isRollback:r,element:i,key:o}=e||{};if(void 0===t&&r)return;let c=Number(t)+1;if(r){n(c);return}m(i,o,String(a)),n(c)},v=e=>{u({event:"gp:rollback:tab-active",selector:`[data-id="${c}"]`,element:o.current}),u({event:"gp:tab-active",selector:`[data-id="${c}"]`,data:e,element:o.current})};return r(()=>{if("edit"===g)return;l(()=>{v(i-1)});let e=`[data-id="${c}"]`,t=b(document,e),r=d({event:"gp:change-open-tab",selector:e},e=>{p({...e,element:t,key:e?.uniqueStorageKey})});return()=>{r?.()}},[]),{dispatchEventTabActive:v}};export{useTabInteraction};

package/dist/esm/tab/index.js

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

package/dist/esm/tab/next.js

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

package/dist/esm/tab/settings/TabItem.js

@@ -0,0 +1,5 @@
+let config={tag:"TabItem",label:"Tab Item",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.16699 4C2.89085 4 2.66699 4.22386 2.66699 4.5V36.8333C2.66699 37.1095 2.89085 37.3333 3.16699 37.3333H36.8337C37.1098 37.3333 37.3337 37.1095 37.3337 36.8333V4.5C37.3337 4.22386 37.1098 4 36.8337 4H3.16699ZM16.0003 6.66667H24.0003V12H16.0003V6.66667ZM34.667 34.6667H5.33366V6.66667H13.3337V12V13.3333V14.1667C13.3337 14.4428 13.5575 14.6667 13.8337 14.6667H34.667V34.6667ZM34.667 12H26.667V6.66667H34.667V12Z" fill="currentColor"/>
+  </svg>
+  `,settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},sideBar:{hide:!0},placeholder:{flowTag:["Tabs"],notAppendBeforeAfter:!0},toolbar:{hide:!0}}};export{config as default};

package/dist/esm/tab/settings/Tabs.js

@@ -0,0 +1,11 @@
+import{TabsSettings as t}from"./configs/settings.js";import{SettingUIV1 as e}from"./configs/ui-v1.js";import{SettingUIV2 as i}from"./configs/ui-v2.js";let config={tag:"Tabs",label:"Tab",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.16699 4C2.89085 4 2.66699 4.22386 2.66699 4.5V36.8333C2.66699 37.1095 2.89085 37.3333 3.16699 37.3333H36.8337C37.1098 37.3333 37.3337 37.1095 37.3337 36.8333V4.5C37.3337 4.22386 37.1098 4 36.8337 4H3.16699ZM16.0003 6.66667H24.0003V12H16.0003V6.66667ZM34.667 34.6667H5.33366V6.66667H13.3337V12V13.3333V14.1667C13.3337 14.4428 13.5575 14.6667 13.8337 14.6667H34.667V34.6667ZM34.667 12H26.667V6.66667H34.667V12Z" fill="currentColor"/>
+  </svg>
+  `,settings:t,ui:e,uiV2:i,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},presets:[{id:"tab",name:{en:"Tab"},icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect x="8" y="30" width="32" height="2" fill="#D6D6D6"/>
+          <rect x="8" y="12" width="32" height="8" rx="4" fill="#757575"/>
+          <rect x="56" y="12" width="32" height="8" rx="4" fill="#757575"/>
+          </svg>
+        `},components:[{tag:"Tabs",settings:{childItem:["Tab 1","Tab 2","Tab 3"]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"TabItem"},{tag:"TabItem"},{tag:"TabItem"}]}]}],rootOverride:{settings:{containWidth:{desktop:"1200px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};

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

@@ -0,0 +1 @@
+let TabsSettings=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"translate",type:"input",default:"childItem"},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",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:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!0},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{TabsSettings};