@gem-sdk/components 17.0.0-staging.35 → 17.0.0-staging.41

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

@@ -1,6 +1,7 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),l=require("../../button/components/Button.liquid.js"),r=require("../settings/configs/translate.js");exports.default=({setting:a,styles:n,builderAttrs:o,builderProps:s,advanced:i,style:u,pageContext:p})=>{let{readMoreType:d,label:g}=a??{},{typoBtn:c,typoText:b,globalSizeText:x,globalSizeBtn:f,textColorTextState:y,alignBtn:m,alignText:q,enableHoverEffectText:v}=n??{};return e.template`
-    ${e.RenderIf("text"===d,t.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,color:y,typo:b,spacing:"0px",align:q,textColor:void 0,enableHoverEffect:v},style:u??{},setting:{...a,text:g,globalSize:x,excludeFlex:!0},pageContext:p,translateSetting:r.ArticleReadMore?.label?.id}))}
-    ${e.RenderIf("text"!==d,e.template`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
-      ${l.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,typo:c,globalSize:f,align:m},style:u??{},setting:{...a,label:g,htmlType:"button"},translateSetting:r.ArticleReadMore?.label?.id,pageContext:p})}</a>`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),l=require("../../button/components/Button.liquid.js"),r=require("../settings/configs/translate.js");exports.default=({setting:a,styles:n,builderAttrs:o,builderProps:s,advanced:i,style:u,pageContext:p})=>{let{readMoreType:g,label:c}=a??{},{typoBtn:d,typoText:b,globalSizeText:f,globalSizeBtn:x,textColorTextState:y,alignBtn:m,alignText:q,enableHoverEffectText:v}=n??{};return e.template`
+    ${e.RenderIf("text"===g,e.template`<a href="{{article.url}}" target="_blank">
+      ${t.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,color:y,typo:b,spacing:"0px",align:q,textColor:void 0,enableHoverEffect:v},style:u??{},setting:{...a,text:c,globalSize:f,excludeFlex:!0},pageContext:p,translateSetting:r.ArticleReadMore?.label?.id})}</a>`)}
+    ${e.RenderIf("text"!==g,e.template`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
+      ${l.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,typo:d,globalSize:x,align:m},style:u??{},setting:{...a,label:c,htmlType:"button"},translateSetting:r.ArticleReadMore?.label?.id,pageContext:p})}</a>`)}
   `};

package/dist/cjs/carousel/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:u,dotActiveColor:c,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsive("w",u,"px"),...r?s.getGlobalColorResponsiveStyle("bg",c):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:c,dotActiveColor:u,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsiveByScreen("w",c,"px"),...r?s.getGlobalColorResponsiveStyle("bg",u):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};

package/dist/cjs/carousel-v3/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:u,dotActiveColor:c,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsive("w",u,"px"),...r?s.getGlobalColorResponsiveStyle("bg",c):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:c,dotActiveColor:u,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsiveByScreen("w",c,"px"),...r?s.getGlobalColorResponsiveStyle("bg",u):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};

package/dist/esm/article/components/ArticleReadMore.liquid.js

@@ -1,6 +1,7 @@
 'use client';
-import{RenderIf as t,template as e}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import l from"../../button/components/Button.liquid.js";import{ArticleReadMore as r}from"../settings/configs/translate.js";let n=({setting:n,styles:a,builderAttrs:s,builderProps:i,advanced:p,style:g,pageContext:c})=>{let{readMoreType:u,label:m}=n??{},{typoBtn:b,typoText:d,globalSizeText:x,globalSizeBtn:f,textColorTextState:y,alignBtn:v,alignText:S,enableHoverEffectText:j}=a??{};return e`
-    ${t("text"===u,o({builderAttrs:s,builderProps:i,advanced:p,styles:{...a,color:y,typo:d,spacing:"0px",align:S,textColor:void 0,enableHoverEffect:j},style:g??{},setting:{...n,text:m,globalSize:x,excludeFlex:!0},pageContext:c,translateSetting:r?.label?.id}))}
+import{RenderIf as t,template as e}from"@gem-sdk/core";import l from"../../text/components/Text.liquid.js";import o from"../../button/components/Button.liquid.js";import{ArticleReadMore as r}from"../settings/configs/translate.js";let a=({setting:a,styles:n,builderAttrs:i,builderProps:s,advanced:g,style:p,pageContext:c})=>{let{readMoreType:u,label:m}=a??{},{typoBtn:b,typoText:d,globalSizeText:f,globalSizeBtn:x,textColorTextState:y,alignBtn:v,alignText:S,enableHoverEffectText:$}=n??{};return e`
+    ${t("text"===u,e`<a href="{{article.url}}" target="_blank">
+      ${l({builderAttrs:i,builderProps:s,advanced:g,styles:{...n,color:y,typo:d,spacing:"0px",align:S,textColor:void 0,enableHoverEffect:$},style:p??{},setting:{...a,text:m,globalSize:f,excludeFlex:!0},pageContext:c,translateSetting:r?.label?.id})}</a>`)}
     ${t("text"!==u,e`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
-      ${l({builderAttrs:s,builderProps:i,advanced:p,styles:{...a,typo:b,globalSize:f,align:v},style:g??{},setting:{...n,label:m,htmlType:"button"},translateSetting:r?.label?.id,pageContext:c})}</a>`)}
-  `};export{n as default};
+      ${o({builderAttrs:i,builderProps:s,advanced:g,styles:{...n,typo:b,globalSize:x,align:v},style:p??{},setting:{...a,label:m,htmlType:"button"},translateSetting:r?.label?.id,pageContext:c})}</a>`)}
+  `};export{a as default};

package/dist/esm/carousel/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsive as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsiveByScreen as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};

package/dist/esm/carousel-v3/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsive as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsiveByScreen as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-staging.35",
+  "version": "17.0.0-staging.41",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,8 +26,8 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-staging.34",
-    "@gem-sdk/styles": "17.0.0-staging.30",
+    "@gem-sdk/core": "17.0.0-staging.42",
+    "@gem-sdk/styles": "17.0.0-staging.40",
     "@gem-sdk/system": "17.0.0-staging.26",
     "@types/react-transition-group": "^4.4.12",
     "postcss-import": "16.1.1",