@hhgtech/hhg-components 1.22.43 → 1.23.1

package/build/index-7242cf15.js

@@ -0,0 +1 @@
+"use strict";var n=require("./tslib.es6-1c286715.js"),t=require("styled-components"),e=require("react");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,i=a(t),d=a(e),o=i.default.div(r||(r=n.__makeTemplateObject(["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"],["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"]))),h="style-module_heading__xzO2I";exports.Heading=function(t){var e,a=t.as,r=t.tag,i=t.className,o=t.children,s=t.title,c=t.color,g=t.style,v=t.fontWeight,p=t.dataEventCategory,l=t.dataEventAction,u=t.dataEventLabel,m=n.__rest(t,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),w=a||r;return d.default.createElement(w,n.__assign({title:s,style:n.__assign(n.__assign({},c?(e={},e["--custom-heading-color"]=c,e):void 0),g),"data-tag":r,"data-font-weight":v||void 0,"data-event-category":p,"data-event-action":l,"data-event-label":u,className:"".concat(h," ").concat(i||"")},m),o)},exports.StyledAvatar=o;

package/build/{index-cd259114.js → index-791fb021.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-99ec8021.js"),n=require("react"),t=require("@mantine/carousel"),r=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(n),c=i(l).default(t.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),a=n.createContext({}),d=function(e,n){return e>=n?e-n:e},s=function(l){var i=l.children,u=l.blurFromCenter,c=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,h=l.onSlideChange,x=l.selectSlideWhenClick,m=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),S=r.useResizeObserver(),g=S[0],b=S[1],C=n.useRef(null),y=n.useState(0),k=y[0],_=y[1],E=function(){var e,n,t,r=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();_(r);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,o=(null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.slidesInView()).length,a=Math.floor(o/2),s=u?c+f-1:a,v=r+s,h=v===i?0:v>i?v-i:v,x=r-s,m=x<0?i+x:x>0?r-s:0,S=Array(2*s+1).fill("").map((function(e,n){return d(m+n,i)}));l.map((function(e,n){if(n===r?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var t=p/f,l=0;l<f;l++){if(n===d(m+l,i)||n===(o=i,(u=h-l)<0?o+u:u)){e.style.opacity=String((l+1)*t);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},q={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){E(),null==h||h(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&E()}),[b]),o.default.createElement(a.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},o.default.createElement(t.Carousel,e.__assign({ref:g,slideSize:"auto",containScroll:"trimSnaps"},q,m,{loop:!0}),"function"==typeof i?i(k):i))};s.Slide=function(t){var r=t.children,l=t.onClick,i=e.__rest(t,["children","onClick"]),u=n.useContext(a),d=u.slider,s=u.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),p=n.useState(0),h=p[0],x=p[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var m={ref:f,"data-key":v.current,"data-index":h,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return o.default.createElement(c,e.__assign({},m,i),o.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(h)),null==l||l(h)}},r))},exports.CentralCarousel=s;
+"use strict";var e=require("./tslib.es6-1c286715.js"),n=require("react"),t=require("@mantine/carousel"),r=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(n),c=i(l).default(t.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),a=n.createContext({}),d=function(e,n){return e>=n?e-n:e},s=function(l){var i=l.children,u=l.blurFromCenter,c=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,h=l.onSlideChange,x=l.selectSlideWhenClick,m=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),S=r.useResizeObserver(),g=S[0],b=S[1],C=n.useRef(null),y=n.useState(0),k=y[0],_=y[1],E=function(){var e,n,t,r=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();_(r);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,o=(null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.slidesInView()).length,a=Math.floor(o/2),s=u?c+f-1:a,v=r+s,h=v===i?0:v>i?v-i:v,x=r-s,m=x<0?i+x:x>0?r-s:0,S=Array(2*s+1).fill("").map((function(e,n){return d(m+n,i)}));l.map((function(e,n){if(n===r?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var t=p/f,l=0;l<f;l++){if(n===d(m+l,i)||n===(o=i,(u=h-l)<0?o+u:u)){e.style.opacity=String((l+1)*t);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},q={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){E(),null==h||h(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&E()}),[b]),o.default.createElement(a.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},o.default.createElement(t.Carousel,e.__assign({ref:g,slideSize:"auto",containScroll:"trimSnaps"},q,m,{loop:!0}),"function"==typeof i?i(k):i))};s.Slide=function(t){var r=t.children,l=t.onClick,i=e.__rest(t,["children","onClick"]),u=n.useContext(a),d=u.slider,s=u.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),p=n.useState(0),h=p[0],x=p[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var m={ref:f,"data-key":v.current,"data-index":h,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return o.default.createElement(c,e.__assign({},m,i),o.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(h)),null==l||l(h)}},r))},exports.CentralCarousel=s;