npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1014) hide show

package/dist/components/{p-kcsMbHgQ.js.map → p-CTMBR_ES.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-kcsMbHgQ.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,257LAA257L;;MCSj67L,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEnB;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAClD;;AAEK;IACoB,QAAQ,GAAY,KAAK;AAClD;;AAEG;AACK,IAAA,IAAI;AACZ;;AAEG;IACK,MAAM,GAAuB,OAAO;AAC5C;;AAEG;AACK,IAAA,SAAS;AACjB;;AAEG;IACK,KAAK,GAeQ,QAAQ;AAC7B;;AAEG;IACK,QAAQ,GAAkD,QAAQ;AAC1E;;AAEG;AACK,IAAA,UAAU;AAQlB;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;IACK,oBAAoB,GAAY,KAAK;AAE7C;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AAEK,IAAA,SAAS;AACjB;;;;AAIG;IACK,MAAM,GAAW,CAAC;AAE1B;;AAEG;IACK,cAAc,GAAY,KAAK;IAEvC,iBAAiB,GAAA;AAChB,QAAA,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;;IAGnC,aAAa,GAAA;AACZ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC;AACzD,QAAA,MAAM,IAAI,GAAG,UAAU,IAAI,UAAU,CAAC,SAAS;AAE/C,QAAA,IAAI,IAAI,CAAC,EAAE,IAAI,UAAU,EAAE;AAC1B,YAAA,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE;;AAGvB,QAAA,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,MAAM,IAAI,iBAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACrD,CAAA,CAAC,OAAO,EACP,EAAA,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAC9C,KAAK,EAAE,IAAI,CAAC,SAAS,EACjB,IAAC,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE,EAAE,QAAQ,EAAE,EAAE;AAChB,kBAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAA,EAEnB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACJ,CACL,CACA;;IAIT,cAAc,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,MAAM,IAAI,iBAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACrD,CAAA,CAAA,GAAA,EAAA,EACC,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAC9C,KAAK,EAAE,IAAI,CAAC,SAAS,EACjB,IAAC,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE,EAAE,QAAQ,EAAE,EAAE;AAChB,kBAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAA,EAEnB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACV,CACC,CACA;;IAIT,MAAM,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC9B,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;aACrB;AACN,YAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;;IAItB,cAAc,GAAA;AACrB,QAAA,MAAM,YAAY,GAAG;YACpB,QAAQ;YACR,WAAW;YACX,WAAW;YACX,kBAAkB;YAClB,gBAAgB;YAChB,eAAe;YACf,oBAAoB;YACpB,iBAAiB;YACjB,gBAAgB;YAChB,cAAc;YACd,mBAAmB;YACnB,mBAAmB;YACnB,QAAQ;YACR,kBAAkB;SAClB;AACD,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK;QAE1B,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;AACxC,YAAA,SAAS,GAAG,QAAQ,CAAC;;QAGtB,OAAO;YACN,CAAC,UAAU,GAAG,IAAI;YAClB,CAAC,SAAS,GAAG,IAAI;AACjB,YAAA,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ;AAC3B,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;AACrB,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,6BAA6B,GAAG,IAAI,CAAC,cAAc;SACpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-link/ptc-link.scss?tag=ptc-link&encapsulation=shadow","src/components/atoms/ptc-link/ptc-link.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n@use 'app' as ;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.disabled {\r\n pointer-events: none;\r\n cursor: default;\r\n text-decoration: none;\r\n}\r\n\r\n.ptc-link {\r\n display: inline-block;\r\n color: var(--color-gray-10);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n position: relative;\r\n line-height: var(--ptc-line-height-densest);\r\n outline: none;\r\n text-decoration: none;\r\n transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n\r\n .focus-state-dark-background {\r\n &:focus-visible {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.simple {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.global {\r\n font-style: var(--ptc-letter-spacing-normal);\r\n font-weight: var(--ptc-font-weight-bold);\r\n font-size: var(--ptc-font-size-x-small);\r\n text-decoration-line: underline;\r\n color: var(--color-hyperlink);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n //pressed\r\n color: var(--color-blue-09);\r\n transition: none;\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.product-link {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.underline {\r\n border-bottom: 2px solid var(--color-green-06);\r\n\r\n &:hover {\r\n color: #00890b;\r\n border-bottom: 2px solid #00890b;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.small {\r\n font-size: var(--ptc-font-size-xx-small);\r\n}\r\n\r\n.medium {\r\n font-size: var(--ptc-font-size-x-small);\r\n}\r\n\r\n.medium-large {\r\n font-size: var(--ptc-font-size-small);\r\n}\r\n\r\n.large {\r\n font-size: var(--ptc-font-size-medium);\r\n}\r\n\r\n.nav-title,\r\n.nav-title-link,\r\n.nav-card-link,\r\n.primary-nav-link,\r\n.secondary-nav-link,\r\n.footer-nav-link,\r\n.copyright-link {\r\n &:focus {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title {\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-02);\r\n text-align: left;\r\n}\r\n\r\n.primary-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-01);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\r\n padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\r\n position: relative;\r\n text-decoration: none;\r\n transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n border-radius: var(--ptc-border-radius-standard);\r\n background-color: var(--color-gray-12);\r\n text-decoration: none;\r\n outline: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration-color: var(--color-white);\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n display: inline-block;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-card-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-white);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-small);\r\n\r\n @include screen-lg {\r\n font-size: var(--ptc-font-size-xxx-small);\r\n }\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n text-decoration: underline var(--color-green-06) solid 1px;\r\n text-underline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.secondary-nav-link {\r\n display: inline-block;\r\n background-color: transparent;\r\n // border-radius: 4px;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-style: normal;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-03);\r\n text-align: left;\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n border-radius: 0;\r\n text-decoration: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.footer-nav-link {\r\n color: var(--color-white);\r\n transition: border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1px solid transparent;\r\n outline: none;\r\n text-decoration: none;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n text-align: left;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n outline: none;\r\n text-decoration: none;\r\n border-bottom: 0.1rem solid var(--color-green-06);\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.copyright-link {\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-normal);\r\n line-height: var(--ptc-line-height-loose);\r\n display: inline-block;\r\n}\r\n\r\n.d-green-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n //color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.d-white-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-white);\r\n text-underline-offset: 5px;\r\n}\r\n\r\n.link-area-cover-parent {\r\n position: static;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n inset: 0;\r\n z-index: 2;\r\n }\r\n}\r\n\r\n.standard-link,\r\n.blog-link {\r\n font-weight: 800;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n// Font - weight\r\n.w-thin {\r\n font-weight: var(--ptc-font-weight-thin);\r\n}\r\n\r\n.w-regular {\r\n font-weight: var(--ptc-font-weight-regular);\r\n}\r\n\r\n.w-medium {\r\n font-weight: var(--ptc-font-weight-medium);\r\n}\r\n\r\n.w-semibold {\r\n font-weight: var(--ptc-font-weight-semibold);\r\n}\r\n\r\n.w-bold {\r\n font-weight: var(--ptc-font-weight-bold);\r\n}\r\n\r\n.w-extrabold {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n}\r\n\r\n.w-black {\r\n font-weight: var(--ptc-font-weight-black);\r\n}\r\n\r\n.utility-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-13);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-semibold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-green-06);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.tracker-div {\r\n @include div-tracker;\r\n}\r\n\r\n:host(.event-podcast) {\r\n a {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n //line-height: 26px;\r\n //font-size: var(--ptc-font-size-small);\r\n }\r\n}\r\n","import { Component, h, Prop, Host, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-link\",\r\n\tstyleUrl: \"ptc-link.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcLink {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Disabled link\r\n\t /\r\n\t@Prop({ reflect: true }) disabled: boolean = false;\r\n\t/\r\n\t Rxternal link\r\n\t * /\r\n\t@Prop({ reflect: true }) external: boolean = false;\r\n\t/\r\n\t href\r\n\t /\r\n\t@Prop() href: string \| undefined;\r\n\t/\r\n\t Target\r\n\t /\r\n\t@Prop() target: string \| undefined = \"_self\";\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() linkTitle: string \| undefined;\r\n\t/\r\n\t Theme\r\n\t /\r\n\t@Prop() theme:\r\n\t\t\| \"simple\"\r\n\t\t\| \"underline\"\r\n\t\t\| \"nav-title\"\r\n\t\t\| \"primary-nav-link\"\r\n\t\t\| \"nav-title-link\"\r\n\t\t\| \"nav-card-link\"\r\n\t\t\| \"secondary-nav-link\"\r\n\t\t\| \"footer-nav-link\"\r\n\t\t\| \"copyright-link\"\r\n\t\t\| \"product-link\"\r\n\t\t\| \"d-green-underline\"\r\n\t\t\| \"d-white-underline\"\r\n\t\t\| \"global\"\r\n\t\t\| \"utility-nav-link\"\r\n\t\t\| \"standard-link\" = \"simple\";\r\n\t/\r\n\t Font Size\r\n\t /\r\n\t@Prop() fontSize: \"small\" \| \"medium\" \| \"large\" \| \"medium-large\" = \"medium\";\r\n\t/\r\n\t Font Weight\r\n\t /\r\n\t@Prop() fontWeight?:\r\n\t\t\| \"w-thin\"\r\n\t\t\| \"w-regular\"\r\n\t\t\| \"w-medium\"\r\n\t\t\| \"w-semibold\"\r\n\t\t\| \"w-bold\"\r\n\t\t\| \"w-extrabold\"\r\n\t\t\| \"w-black\";\r\n\t/\r\n\t Optional Link Area\r\n\t /\r\n\t@Prop() linkArea?: \"link-area-cover-parent\";\r\n\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t trackerId added for Mouseflow id\r\n\t /\r\n\r\n\t@Prop() trackerId?: string;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, \"a\");\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tinnerHTML={html}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tconst classOptions = [\r\n\t\t\t\"simple\",\r\n\t\t\t\"underline\",\r\n\t\t\t\"nav-title\",\r\n\t\t\t\"primary-nav-link\",\r\n\t\t\t\"nav-title-link\",\r\n\t\t\t\"nav-card-link\",\r\n\t\t\t\"secondary-nav-link\",\r\n\t\t\t\"footer-nav-link\",\r\n\t\t\t\"copyright-link\",\r\n\t\t\t\"product-link\",\r\n\t\t\t\"d-green-underline\",\r\n\t\t\t\"d-white-underline\",\r\n\t\t\t\"global\",\r\n\t\t\t\"utility-nav-link\",\r\n\t\t];\r\n\t\tlet mainClass = this.theme;\r\n\r\n\t\tif (classOptions.indexOf(mainClass) < 0) {\r\n\t\t\tmainClass = \"simple\"; // fallback to simple class if theme is unavailable\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\t[\"ptc-link\"]: true,\r\n\t\t\t[mainClass]: true,\r\n\t\t\t[\"disabled\"]: this.disabled,\r\n\t\t\t[this.fontSize]: true,\r\n\t\t\t[this.linkArea]: this.linkArea ? true : false,\r\n\t\t\t[this.fontWeight]: this.fontWeight ? true : false,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CTMBR_ES.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-link/ptc-link.scss?tag=ptc-link&encapsulation=shadow","src/components/atoms/ptc-link/ptc-link.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n@use 'app' as ;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.disabled {\r\n pointer-events: none;\r\n cursor: default;\r\n text-decoration: none;\r\n}\r\n\r\n.ptc-link {\r\n display: inline-block;\r\n color: var(--color-gray-10);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n position: relative;\r\n line-height: var(--ptc-line-height-densest);\r\n outline: none;\r\n text-decoration: none;\r\n transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n\r\n .focus-state-dark-background {\r\n &:focus-visible {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.simple {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.global {\r\n font-style: var(--ptc-letter-spacing-normal);\r\n font-weight: var(--ptc-font-weight-bold);\r\n font-size: var(--ptc-font-size-x-small);\r\n text-decoration-line: underline;\r\n color: var(--color-hyperlink);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n //pressed\r\n color: var(--color-blue-09);\r\n transition: none;\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.product-link {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.underline {\r\n border-bottom: 2px solid var(--color-green-06);\r\n\r\n &:hover {\r\n color: #00890b;\r\n border-bottom: 2px solid #00890b;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.small {\r\n font-size: var(--ptc-font-size-xx-small);\r\n}\r\n\r\n.medium {\r\n font-size: var(--ptc-font-size-x-small);\r\n}\r\n\r\n.medium-large {\r\n font-size: var(--ptc-font-size-small);\r\n}\r\n\r\n.large {\r\n font-size: var(--ptc-font-size-medium);\r\n}\r\n\r\n.nav-title,\r\n.nav-title-link,\r\n.nav-card-link,\r\n.primary-nav-link,\r\n.secondary-nav-link,\r\n.footer-nav-link,\r\n.copyright-link {\r\n &:focus {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title {\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-02);\r\n text-align: left;\r\n}\r\n\r\n.primary-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-01);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\r\n padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\r\n position: relative;\r\n text-decoration: none;\r\n transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n border-radius: var(--ptc-border-radius-standard);\r\n background-color: var(--color-gray-12);\r\n text-decoration: none;\r\n outline: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration-color: var(--color-white);\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n display: inline-block;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-card-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-white);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-small);\r\n\r\n @include screen-lg {\r\n font-size: var(--ptc-font-size-xxx-small);\r\n }\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n text-decoration: underline var(--color-green-06) solid 1px;\r\n text-underline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.secondary-nav-link {\r\n display: inline-block;\r\n background-color: transparent;\r\n // border-radius: 4px;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-style: normal;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-03);\r\n text-align: left;\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n border-radius: 0;\r\n text-decoration: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.footer-nav-link {\r\n color: var(--color-white);\r\n transition: border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1px solid transparent;\r\n outline: none;\r\n text-decoration: none;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n text-align: left;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n outline: none;\r\n text-decoration: none;\r\n border-bottom: 0.1rem solid var(--color-green-06);\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.copyright-link {\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-normal);\r\n line-height: var(--ptc-line-height-loose);\r\n display: inline-block;\r\n}\r\n\r\n.d-green-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n //color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.d-white-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-white);\r\n text-underline-offset: 5px;\r\n}\r\n\r\n.link-area-cover-parent {\r\n position: static;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n inset: 0;\r\n z-index: 2;\r\n }\r\n}\r\n\r\n.standard-link,\r\n.blog-link {\r\n font-weight: 800;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n// Font - weight\r\n.w-thin {\r\n font-weight: var(--ptc-font-weight-thin);\r\n}\r\n\r\n.w-regular {\r\n font-weight: var(--ptc-font-weight-regular);\r\n}\r\n\r\n.w-medium {\r\n font-weight: var(--ptc-font-weight-medium);\r\n}\r\n\r\n.w-semibold {\r\n font-weight: var(--ptc-font-weight-semibold);\r\n}\r\n\r\n.w-bold {\r\n font-weight: var(--ptc-font-weight-bold);\r\n}\r\n\r\n.w-extrabold {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n}\r\n\r\n.w-black {\r\n font-weight: var(--ptc-font-weight-black);\r\n}\r\n\r\n.utility-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-13);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-semibold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-green-06);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.tracker-div {\r\n @include div-tracker;\r\n}\r\n\r\n:host(.event-podcast) {\r\n a {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n //line-height: 26px;\r\n //font-size: var(--ptc-font-size-small);\r\n }\r\n}\r\n","import { Component, h, Prop, Host, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-link\",\r\n\tstyleUrl: \"ptc-link.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcLink {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Disabled link\r\n\t /\r\n\t@Prop({ reflect: true }) disabled: boolean = false;\r\n\t/\r\n\t Rxternal link\r\n\t * /\r\n\t@Prop({ reflect: true }) external: boolean = false;\r\n\t/\r\n\t href\r\n\t /\r\n\t@Prop() href: string \| undefined;\r\n\t/\r\n\t Target\r\n\t /\r\n\t@Prop() target: string \| undefined = \"_self\";\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() linkTitle: string \| undefined;\r\n\t/\r\n\t Theme\r\n\t /\r\n\t@Prop() theme:\r\n\t\t\| \"simple\"\r\n\t\t\| \"underline\"\r\n\t\t\| \"nav-title\"\r\n\t\t\| \"primary-nav-link\"\r\n\t\t\| \"nav-title-link\"\r\n\t\t\| \"nav-card-link\"\r\n\t\t\| \"secondary-nav-link\"\r\n\t\t\| \"footer-nav-link\"\r\n\t\t\| \"copyright-link\"\r\n\t\t\| \"product-link\"\r\n\t\t\| \"d-green-underline\"\r\n\t\t\| \"d-white-underline\"\r\n\t\t\| \"global\"\r\n\t\t\| \"utility-nav-link\"\r\n\t\t\| \"standard-link\" = \"simple\";\r\n\t/\r\n\t Font Size\r\n\t /\r\n\t@Prop() fontSize: \"small\" \| \"medium\" \| \"large\" \| \"medium-large\" = \"medium\";\r\n\t/\r\n\t Font Weight\r\n\t /\r\n\t@Prop() fontWeight?:\r\n\t\t\| \"w-thin\"\r\n\t\t\| \"w-regular\"\r\n\t\t\| \"w-medium\"\r\n\t\t\| \"w-semibold\"\r\n\t\t\| \"w-bold\"\r\n\t\t\| \"w-extrabold\"\r\n\t\t\| \"w-black\";\r\n\t/\r\n\t Optional Link Area\r\n\t /\r\n\t@Prop() linkArea?: \"link-area-cover-parent\";\r\n\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t trackerId added for Mouseflow id\r\n\t /\r\n\r\n\t@Prop() trackerId?: string;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, \"a\");\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tinnerHTML={html}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tconst classOptions = [\r\n\t\t\t\"simple\",\r\n\t\t\t\"underline\",\r\n\t\t\t\"nav-title\",\r\n\t\t\t\"primary-nav-link\",\r\n\t\t\t\"nav-title-link\",\r\n\t\t\t\"nav-card-link\",\r\n\t\t\t\"secondary-nav-link\",\r\n\t\t\t\"footer-nav-link\",\r\n\t\t\t\"copyright-link\",\r\n\t\t\t\"product-link\",\r\n\t\t\t\"d-green-underline\",\r\n\t\t\t\"d-white-underline\",\r\n\t\t\t\"global\",\r\n\t\t\t\"utility-nav-link\",\r\n\t\t];\r\n\t\tlet mainClass = this.theme;\r\n\r\n\t\tif (classOptions.indexOf(mainClass) < 0) {\r\n\t\t\tmainClass = \"simple\"; // fallback to simple class if theme is unavailable\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\t[\"ptc-link\"]: true,\r\n\t\t\t[mainClass]: true,\r\n\t\t\t[\"disabled\"]: this.disabled,\r\n\t\t\t[this.fontSize]: true,\r\n\t\t\t[this.linkArea]: this.linkArea ? true : false,\r\n\t\t\t[this.fontWeight]: this.fontWeight ? true : false,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-eNu33ocq.js → p-CUXDowVt.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 import { a as ResponsivePictureVariables } from './p-La9TS7bL.js';
 const ptcPictureCss = ":host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{-o-object-fit:cover;object-fit:cover}.fill{-o-object-fit:fill;object-fit:fill}.contain{-o-object-fit:contain;object-fit:contain}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.none{-o-object-fit:none;object-fit:none}.initial{-o-object-fit:initial;object-fit:initial}.inherit{-o-object-fit:inherit;object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
@@ -290,6 +290,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPicture as P, defineCustomElement as d };
-//# sourceMappingURL=p-eNu33ocq.js.map
+//# sourceMappingURL=p-CUXDowVt.js.map
-//# sourceMappingURL=p-eNu33ocq.js.map
+//# sourceMappingURL=p-CUXDowVt.js.map

package/dist/components/{p-eNu33ocq.js.map → p-CUXDowVt.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-eNu33ocq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-picture/ptc-picture.scss?tag=ptc-picture&encapsulation=shadow","src/components/atoms/ptc-picture/ptc-picture.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\t.inline {\r\n\t\tdisplay: inline;\r\n\t}\r\n\t.inline-block {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t.block {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n:host(.relative) {\r\n\tposition: relative;\r\n}\r\n:host(.static) {\r\n\tposition: static;\r\n}\r\n:host(.absoltue) {\r\n\tposition: absolute;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n.cover {\r\n\tobject-fit: cover;\r\n}\r\n.fill {\r\n\tobject-fit: fill;\r\n}\r\n.contain {\r\n\tobject-fit: contain;\r\n}\r\n.scale-down {\r\n\tobject-fit: scale-down;\r\n}\r\n.none {\r\n\tobject-fit: none;\r\n}\r\n.initial {\r\n\tobject-fit: initial;\r\n}\r\n.inherit {\r\n\tobject-fit: inherit;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n.radius-pill {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n.radius-circle {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n.is-full-height {\r\n\theight: 100%;\r\n}\r\n.is-full-width {\r\n\twidth: 100%;\r\n}\r\n:host(.left) {\r\n\ttext-align: left;\r\n}\r\n:host(.right) {\r\n\ttext-align: right;\r\n}\r\n:host(.center) {\r\n\ttext-align: center;\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tListen,\r\n\tState,\r\n\tHost,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport {\r\n\tCssClassMap,\r\n\tResponsivePictureVariables,\r\n} from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-picture\",\r\n\tstyleUrl: \"ptc-picture.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPicture {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Image Render Src\r\n\t /\r\n\t@Prop() src: string;\r\n\t/\r\n\t Image alt\r\n\t /\r\n\t@Prop() alt: string = \"image\";\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Disable Image resizing solution\r\n\t /\r\n\t@Prop({ mutable: true }) disableResize: boolean = false;\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@State() oldSrc: string;\r\n\t/\r\n\t * Image Position\r\n\t /\r\n\t@Prop() imagePosition: \"relative\" \| \"absolute\" \| \"static\" = \"static\";\r\n\t/\r\n\t Image border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Set height\r\n\t * Value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() height?: string;\r\n\t/\r\n\t Set Width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() width?: string;\r\n\t/\r\n\t Object Fit\r\n\t * Default: cover\r\n\t /\r\n\t@Prop() objectFit:\r\n\t\t\| \"cover\"\r\n\t\t\| \"fill\"\r\n\t\t\| \"contain\"\r\n\t\t\| \"scale-down\"\r\n\t\t\| \"none\"\r\n\t\t\| \"initial\"\r\n\t\t\| \"inherit\" = \"cover\";\r\n\t/\r\n\t Stretch height to 100%?\r\n\t /\r\n\t@Prop() isFullHeight: boolean = false;\r\n\t/\r\n\t Stretch width to 100%?\r\n\t /\r\n\t@Prop() isFullWidth: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * (optional) Image alignment\r\n\t /\r\n\t@Prop() imageAlignment?: \"left\" \| \"right\" \| \"center\" = \"left\";\r\n\t/\r\n\t * (optional) Set max-width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() maxWidth?: string;\r\n\r\n\t/\r\n\t * Display image: inline, inline-block, block\r\n\t **/\r\n\t@Prop() displayImage?: \"inline\" \| \"inline-block\" \| \"block\" = \"block\";\r\n\r\n\tobserver: IntersectionObserver;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tio: IntersectionObserver;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (this.disableResize) {\r\n\t\t\tthis.sizeXs = undefined;\r\n\t\t\tthis.sizeSm = undefined;\r\n\t\t\tthis.sizeMd = undefined;\r\n\t\t\tthis.sizeLg = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tif (this.src !== this.oldSrc) {\r\n\t\t\tthis.addIntersectionObserver();\r\n\t\t}\r\n\t\tthis.oldSrc = this.src;\r\n\t}\r\n\r\n\t//lazy-loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.src) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadImages = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\t\t\tlazyLoadImages.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tlet tempImg = this.el.shadowRoot.querySelector(\"img\");\r\n\t\t\tif (tempImg) {\r\n\t\t\t\tlazyLoadImages.observe(tempImg);\r\n\t\t\t}\r\n\r\n\t\t\tthis.observer = lazyLoadImages;\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\timage.onload = () => {\r\n\t\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t\t};\r\n\t\t\t}, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (\r\n\t\t\t\tthis.el.shadowRoot \|\| document\r\n\t\t\t).querySelectorAll<HTMLElement>(\"img\"),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\treturn elData;\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//manually load image\r\n\t@Method()\r\n\tasync LoadImage() {\r\n\t\tconst image: HTMLImageElement =\r\n\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\r\n\t\tif(!image) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif(!image.src) {\r\n\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\timage.onload = () => {\r\n\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif(this.observer) {\r\n\t\t\tthis.observer.unobserve(image);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst classMapHost = this.getCssClassMapHost();\r\n\t\treturn (\r\n\t\t\t<Host class={classMapHost}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<img\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={!!this.sizeXs ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-sm={!!this.sizeSm ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-md={!!this.sizeMd ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-lg={!!this.sizeLg ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\t// data-xs={`${this.src}:${this.sizeXs}`}\r\n\t\t\t\t\t// data-sm={`${this.src}:${this.sizeSm}`}\r\n\t\t\t\t\t// data-md={`${this.src}:${this.sizeMd}`}\r\n\t\t\t\t\t// data-lg={`${this.src}:${this.sizeLg}`}\r\n\t\t\t\t\t{...(!!this.width ? { width: this.width } : {})}\r\n\t\t\t\t\t{...(!!this.height ? { height: this.height } : {})}\r\n\t\t\t\t\talt={this.alt}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t...(!!this.maxWidth\r\n\t\t\t\t\t\t\t? { maxWidth: this.maxWidth + \"px\" }\r\n\t\t\t\t\t\t\t: {}),\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsivePictureVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.borderRadius]: this.borderRadius ? true : false,\r\n\t\t\t[this.objectFit]: true,\r\n\t\t\t[this.isFullHeight ? \"is-full-height\" : \"is-normal-height\"]: true,\r\n\t\t\t[this.isFullWidth ? \"is-full-width\" : \"is-normal-width\"]: true,\r\n\t\t\t[this.displayImage]: true,\r\n\t\t};\r\n\t}\r\n\tprivate getCssClassMapHost(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imagePosition]: true,\r\n\t\t\t[this.imageAlignment]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CUXDowVt.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,m9BAAm9B;;MCoB59B,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAGtB;;AAEG;AACK,IAAA,GAAG;AACX;;AAEG;IACK,GAAG,GAAW,OAAO;AAC7B;;;AAGG;IACsB,MAAM,GAAW,SAAS;AACnD;;;AAGG;IACsB,MAAM,GAAW,UAAU;AACpD;;;AAGG;IACsB,MAAM,GAAW,UAAU;AACpD;;;AAGG;IACsB,MAAM,GAAW,WAAW;AACrD;;AAEG;IACsB,aAAa,GAAY,KAAK;AACvD;;AAEI;AACK,IAAA,MAAM;AACf;;AAEG;IACK,aAAa,GAAuC,QAAQ;AACpE;;AAEG;AACK,IAAA,YAAY;AAKpB;;;;AAIG;AACK,IAAA,MAAM;AACd;;;;AAIG;AACK,IAAA,KAAK;AACb;;;AAGG;IACK,SAAS,GAOF,OAAO;AACtB;;AAEG;IACK,YAAY,GAAY,KAAK;AACrC;;AAEG;IACK,WAAW,GAAY,KAAK;AACpC;;AAEI;AACI,IAAA,MAAM;AACd;;AAEI;IACI,cAAc,GAAiC,MAAM;AAC7D;;;;AAII;AACI,IAAA,QAAQ;AAEhB;;AAEI;IACI,YAAY,GAAyC,OAAO;AAEpE,IAAA,QAAQ;IAGR,YAAY,GAAA;QACX,IAAI,CAAC,uBAAuB,EAAE;;AAG/B,IAAA,EAAE;IAEF,iBAAiB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;;;IAIzB,gBAAgB,GAAA;QACf,IAAI,CAAC,uBAAuB,EAAE;;IAG/B,mBAAmB,GAAA;QAClB,IAAI,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7B,IAAI,CAAC,uBAAuB,EAAE;;AAE/B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG;;;IAIvB,uBAAuB,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;YACd;;AAED,QAAA,IAAI,sBAAsB,IAAI,MAAM,EAAE;YACrC,IAAI,cAAc,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,KAAI;AACzD,gBAAA,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACzB,oBAAA,IAAI,KAAK,CAAC,cAAc,EAAE;AACzB,wBAAA,MAAM,KAAK,GACV,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,wBAAA,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;AAClC,wBAAA,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC;;AAEjC,iBAAC,CAAC;AACH,aAAC,CAAC;AACF,YAAA,IAAI,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;YACrD,IAAI,OAAO,EAAE;AACZ,gBAAA,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC;;AAGhC,YAAA,IAAI,CAAC,QAAQ,GAAG,cAAc;;aACxB;;YAEN,UAAU,CAAC,MAAK;AACf,gBAAA,MAAM,KAAK,GACV,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,gBAAA,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;AAClC,gBAAA,KAAK,CAAC,MAAM,GAAG,MAAK;AACnB,oBAAA,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC;AAClC,iBAAC;aACD,EAAE,IAAI,CAAC;;;;IAKV,eAAe,GAAA;;QAEd,IAAI,WAAW,GAAG,CAChB,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,QAAQ,EAC7B,gBAAgB,CAAc,KAAK,CAAC,EACtC,EAAe,EACf,MAAc,EACd,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAEjD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;;AAEvD,YAAA,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC;YACnB,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,GAAG,iBAAiB,CAAC;AACrD,YAAA,IAAI,MAAM,KAAK,IAAI,EAAE;AACpB,gBAAA,OAAO,MAAM;;iBACP;AACN,gBAAA,IAAI,OAAO,OAAO,IAAI,QAAQ,EAAE;oBAC/B,OAAO,CAAC,IAAI,CACX,uBAAuB;wBACtB,iBAAiB;wBACjB,4BAA4B;AAC5B,wBAAA,EAAE,CAAC,SAAS;AACZ,wBAAA,QAAQ,CACT;;;;;;AAQL,IAAA,MAAM,SAAS,GAAA;AACd,QAAA,MAAM,KAAK,GACV,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;QAExC,IAAG,CAAC,KAAK,EAAE;YACV;;AAGD,QAAA,IAAG,CAAC,KAAK,CAAC,GAAG,EAAE;AACd,YAAA,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;AAClC,YAAA,KAAK,CAAC,MAAM,GAAG,MAAK;AACnB,gBAAA,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC;AAClC,aAAC;;AAGF,QAAA,IAAG,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;;;IAIhC,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE;QAC9C,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,EAAA,EACvB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,QAAQ,EAAA,SAAA,EACN,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAE,CAAA,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,CAAE,CAAA,EAC7C,SAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,EAAE,GAAG,CAAG,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,EAC7C,SAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAE,CAAA,EAC7C,SAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAE,CAAA,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,EAAE,EAKlD,IAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,EAAA,IAC1C,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAClD,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE;AACN,gBAAA,IAAI,CAAC,CAAC,IAAI,CAAC;sBACR,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI;sBAChC,EAAE,CAAC;AACN,aAAA,EACA,CAAA,EACF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAID,qBAAqB,GAAA;;AAE5B,QAAA,IAAI,GAAG,GAAG,MAAM,CAAC,QAAQ,EACxB,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,EAC/B,GAAQ;;AAGT,QAAA,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;AAG1B,QAAA,KAAK,IAAI,CAAC,GAAG,0BAA0B,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACrE,YAAA,GAAG,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC,CAAC;;AAGxC,YAAA,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,GAAG;;AAGhC,YAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;;AAE/B,gBAAA,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;AAG1B,gBAAA,OAAO,GAAG;;;;AAIZ,QAAA,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AAC1B,QAAA,OAAO,IAAI,CAAC,qBAAqB,EAAE;;IAG5B,qBAAqB,GAAA;QAC5B,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,EAAE;AACpD,YAAA,OAAO,IAAI;;aACL,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,EAAE;AAC3D,YAAA,OAAO,IAAI;;aACL,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,EAAE;AAC3D,YAAA,OAAO,IAAI;;aACL;AACN,YAAA,OAAO,IAAI;;;IAIL,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI;AACtB,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,IAAI;AACjE,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,eAAe,GAAG,iBAAiB,GAAG,IAAI;AAC9D,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI;SACzB;;IAEM,kBAAkB,GAAA;QACzB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;AAC1B,YAAA,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI;SAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-picture/ptc-picture.scss?tag=ptc-picture&encapsulation=shadow","src/components/atoms/ptc-picture/ptc-picture.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\t.inline {\r\n\t\tdisplay: inline;\r\n\t}\r\n\t.inline-block {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t.block {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n:host(.relative) {\r\n\tposition: relative;\r\n}\r\n:host(.static) {\r\n\tposition: static;\r\n}\r\n:host(.absoltue) {\r\n\tposition: absolute;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n.cover {\r\n\tobject-fit: cover;\r\n}\r\n.fill {\r\n\tobject-fit: fill;\r\n}\r\n.contain {\r\n\tobject-fit: contain;\r\n}\r\n.scale-down {\r\n\tobject-fit: scale-down;\r\n}\r\n.none {\r\n\tobject-fit: none;\r\n}\r\n.initial {\r\n\tobject-fit: initial;\r\n}\r\n.inherit {\r\n\tobject-fit: inherit;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n.radius-pill {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n.radius-circle {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n.is-full-height {\r\n\theight: 100%;\r\n}\r\n.is-full-width {\r\n\twidth: 100%;\r\n}\r\n:host(.left) {\r\n\ttext-align: left;\r\n}\r\n:host(.right) {\r\n\ttext-align: right;\r\n}\r\n:host(.center) {\r\n\ttext-align: center;\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tListen,\r\n\tState,\r\n\tHost,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport {\r\n\tCssClassMap,\r\n\tResponsivePictureVariables,\r\n} from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-picture\",\r\n\tstyleUrl: \"ptc-picture.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPicture {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Image Render Src\r\n\t /\r\n\t@Prop() src: string;\r\n\t/\r\n\t Image alt\r\n\t /\r\n\t@Prop() alt: string = \"image\";\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Disable Image resizing solution\r\n\t /\r\n\t@Prop({ mutable: true }) disableResize: boolean = false;\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@State() oldSrc: string;\r\n\t/\r\n\t * Image Position\r\n\t /\r\n\t@Prop() imagePosition: \"relative\" \| \"absolute\" \| \"static\" = \"static\";\r\n\t/\r\n\t Image border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Set height\r\n\t * Value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() height?: string;\r\n\t/\r\n\t Set Width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() width?: string;\r\n\t/\r\n\t Object Fit\r\n\t * Default: cover\r\n\t /\r\n\t@Prop() objectFit:\r\n\t\t\| \"cover\"\r\n\t\t\| \"fill\"\r\n\t\t\| \"contain\"\r\n\t\t\| \"scale-down\"\r\n\t\t\| \"none\"\r\n\t\t\| \"initial\"\r\n\t\t\| \"inherit\" = \"cover\";\r\n\t/\r\n\t Stretch height to 100%?\r\n\t /\r\n\t@Prop() isFullHeight: boolean = false;\r\n\t/\r\n\t Stretch width to 100%?\r\n\t /\r\n\t@Prop() isFullWidth: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * (optional) Image alignment\r\n\t /\r\n\t@Prop() imageAlignment?: \"left\" \| \"right\" \| \"center\" = \"left\";\r\n\t/\r\n\t * (optional) Set max-width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() maxWidth?: string;\r\n\r\n\t/\r\n\t * Display image: inline, inline-block, block\r\n\t **/\r\n\t@Prop() displayImage?: \"inline\" \| \"inline-block\" \| \"block\" = \"block\";\r\n\r\n\tobserver: IntersectionObserver;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tio: IntersectionObserver;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (this.disableResize) {\r\n\t\t\tthis.sizeXs = undefined;\r\n\t\t\tthis.sizeSm = undefined;\r\n\t\t\tthis.sizeMd = undefined;\r\n\t\t\tthis.sizeLg = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tif (this.src !== this.oldSrc) {\r\n\t\t\tthis.addIntersectionObserver();\r\n\t\t}\r\n\t\tthis.oldSrc = this.src;\r\n\t}\r\n\r\n\t//lazy-loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.src) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadImages = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\t\t\tlazyLoadImages.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tlet tempImg = this.el.shadowRoot.querySelector(\"img\");\r\n\t\t\tif (tempImg) {\r\n\t\t\t\tlazyLoadImages.observe(tempImg);\r\n\t\t\t}\r\n\r\n\t\t\tthis.observer = lazyLoadImages;\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\timage.onload = () => {\r\n\t\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t\t};\r\n\t\t\t}, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (\r\n\t\t\t\tthis.el.shadowRoot \|\| document\r\n\t\t\t).querySelectorAll<HTMLElement>(\"img\"),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\treturn elData;\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//manually load image\r\n\t@Method()\r\n\tasync LoadImage() {\r\n\t\tconst image: HTMLImageElement =\r\n\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\r\n\t\tif(!image) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif(!image.src) {\r\n\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\timage.onload = () => {\r\n\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif(this.observer) {\r\n\t\t\tthis.observer.unobserve(image);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst classMapHost = this.getCssClassMapHost();\r\n\t\treturn (\r\n\t\t\t<Host class={classMapHost}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<img\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={!!this.sizeXs ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-sm={!!this.sizeSm ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-md={!!this.sizeMd ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-lg={!!this.sizeLg ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\t// data-xs={`${this.src}:${this.sizeXs}`}\r\n\t\t\t\t\t// data-sm={`${this.src}:${this.sizeSm}`}\r\n\t\t\t\t\t// data-md={`${this.src}:${this.sizeMd}`}\r\n\t\t\t\t\t// data-lg={`${this.src}:${this.sizeLg}`}\r\n\t\t\t\t\t{...(!!this.width ? { width: this.width } : {})}\r\n\t\t\t\t\t{...(!!this.height ? { height: this.height } : {})}\r\n\t\t\t\t\talt={this.alt}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t...(!!this.maxWidth\r\n\t\t\t\t\t\t\t? { maxWidth: this.maxWidth + \"px\" }\r\n\t\t\t\t\t\t\t: {}),\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsivePictureVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.borderRadius]: this.borderRadius ? true : false,\r\n\t\t\t[this.objectFit]: true,\r\n\t\t\t[this.isFullHeight ? \"is-full-height\" : \"is-normal-height\"]: true,\r\n\t\t\t[this.isFullWidth ? \"is-full-width\" : \"is-normal-width\"]: true,\r\n\t\t\t[this.displayImage]: true,\r\n\t\t};\r\n\t}\r\n\tprivate getCssClassMapHost(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imagePosition]: true,\r\n\t\t\t[this.imageAlignment]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-Btb5VG0O.js → p-CdDs3va5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
-const ptcCloseIconCss = ":host{display:inline-block}:host:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:5px solid transparent;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);cursor:pointer}:host .close-icon svg{padding:7px;border:1px solid transparent;border-radius:var(--ptc-border-radius-standard);background-color:transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .close-icon svg:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon:hover svg{border-color:var(--color-gray-12)}:host .close-icon:active svg{transition-duration:0ms;background-color:var(--color-gray-02);border:1px solid var(--color-gray-12)}";
+const ptcCloseIconCss = ":host{display:inline-block}:host:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:5px solid transparent;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);cursor:pointer}:host .close-icon svg{padding:7px;border:1px solid transparent;border-radius:var(--ptc-border-radius-standard);background-color:transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);box-sizing:initial}:host .close-icon svg:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon:hover svg{border-color:var(--color-gray-12)}:host .close-icon:active svg{transition-duration:0ms;background-color:var(--color-gray-02);border:1px solid var(--color-gray-12)}";
 const PtcCloseIcon = /*@__PURE__*/ proxyCustomElement(class PtcCloseIcon extends H {
     constructor(registerHost) {
@@ -31,6 +31,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCloseIcon as P, defineCustomElement as d };
-//# sourceMappingURL=p-Btb5VG0O.js.map
+//# sourceMappingURL=p-CdDs3va5.js.map
-//# sourceMappingURL=p-Btb5VG0O.js.map
+//# sourceMappingURL=p-CdDs3va5.js.map

package/dist/components/p-CdDs3va5.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-CdDs3va5.js","mappings":";;AAAA,MAAM,eAAe,GAAG,44BAA44B;;MCOv5B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACxB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,sBAAsB,EAC7B,EAAE,EAAC,yBAAyB,EAAA,EAE5B,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACW,SAAS,EACT,WAAA,EAAA,SAAS,EACnB,CAAC,EAAC,wLAAwL,EAC1L,IAAI,EAAC,SAAS,EACb,CAAA,CACG,CACD,CACA;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n display: inline-block;\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n .close-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 44px;\r\n height: 44px;\r\n border: 5px solid transparent;\r\n box-sizing: border-box;\r\n border-radius: var(--ptc-border-radius-standard);\r\n cursor: pointer;\r\n\r\n svg {\r\n padding: 7px;\r\n border: 1px solid transparent;\r\n border-radius: var(--ptc-border-radius-standard);\r\n background-color: transparent;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n box-sizing: initial;\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n\r\n &:hover {\r\n svg {\r\n border-color: var(--color-gray-12);\r\n }\r\n }\r\n\r\n &:active {\r\n svg {\r\n transition-duration: 0ms;\r\n background-color: var(--color-gray-02);\r\n border: 1px solid var(--color-gray-12);\r\n }\r\n }\r\n\r\n // &:focus {\r\n // border: 5px solid var(--color-blue-07);\r\n // }\r\n\r\n // &:focus-visible {\r\n // svg {\r\n // @include base-focus-state;\r\n // }\r\n // }\r\n }\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-D8OlRxii.js → p-CffVElHk.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
@@ -63,6 +63,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSpacer as P, defineCustomElement as d };
-//# sourceMappingURL=p-D8OlRxii.js.map
+//# sourceMappingURL=p-CffVElHk.js.map
-//# sourceMappingURL=p-D8OlRxii.js.map
+//# sourceMappingURL=p-CffVElHk.js.map

package/dist/components/{p-D8OlRxii.js.map → p-CffVElHk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~D8OlRxii~~.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CffVElHk.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DA5boJ3V.js → p-CjoILd-A.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
-import { r as renderSvg } from './p-avzzJuNB.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { r as renderSvg } from './p-BG9NFXDY.js';
 const closeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQyIDQxLjQ4NSI+DQogICAgPGcgaWQ9Ikdyb3VwXzEwNDIiIGRhdGEtbmFtZT0iR3JvdXAgMTA0MiIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDEwOC4yNSA4Ny45OTMpIj4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDQ2IiBkPSJNMCAwdjM5LjQ4NiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ2Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0NyIgZD0iTTAgMGg0MCIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ3Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0OCIgZD0iTTAgMzMuNTkyVjAiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJMaW5lIDQ0OCI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NDkiIGQ9Ik0yMy45OTQgMEgwIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0iTGluZSA0NDkiPjwvcGF0aD4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDUwIiBkPSJNMCAwbDE3LjU5NiAxNy41OTYiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjIyOSAxNDcuMjI2KSI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NTEiIGQ9Ik0wIDcuMTk4TDcuMTk5IDAiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk3LjU1IDE0Ny4zMTIpIj48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJQYXRoXzExNCIgZD0iTTAgNy4yTDcuMiAwIiBjbGFzcz0iY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Ny4zMTMgMTU3LjU0OSkiPjwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=';
@@ -81,6 +81,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSvgBtn as P, defineCustomElement as d };
-//# sourceMappingURL=p-DA5boJ3V.js.map
+//# sourceMappingURL=p-CjoILd-A.js.map
-//# sourceMappingURL=p-DA5boJ3V.js.map
+//# sourceMappingURL=p-CjoILd-A.js.map

package/dist/components/{p-DA5boJ3V.js.map → p-CjoILd-A.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DA5boJ3V.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,wvCAAwvC;;ACAzwC,MAAM,kBAAkB,GAAG,g3CAAg3C;;ACA34C,MAAM,mBAAmB,GAAG,g3CAAg3C;;ACA54C,MAAM,YAAY,GAAG,gcAAgc;;ACArd,MAAM,iBAAiB,GAAG,4hDAA4hD;;ACAtjD,MAAM,YAAY,GAAG,gtDAAgtD;;MCcxtD,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;IACK,OAAO,GAAY,OAAO;AAClC;;AAEG;IACK,OAAO,GAAiD,OAAO;AAEvE;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,MAAM;IAEd,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChD,aAAa,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAEC,kBAAY,EAAE;YAC9D,cAAc,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAEC,mBAAa,EAAE;YACjE,YAAY,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAEC,YAAS,EAAE;YACzD,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAEC,iBAAI,EAAE;SAC9B;AAEV,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS;QAErE,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,QAAQ,EAAA,IACV,IAAI,CAAC,MAAM,KAAK;AACnB,kBAAE;AACF,kBAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAA,EAEtC,IAAI,CAAC,MAAM,KAAK,SAAS,GAAG,IAAI,GAAG,CAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,IAAI,CAAC,MAAM,CAAS,EAC/D;AACC,cAAE,SAAS,CACT,YAAY,CAAC,GAAG,EAChB,YAAY,CAAC,SAAS,EACtB,IAAI,CAAC,OAAO,IAAI,MAAM;AAExB,cAAE,IAAI,CACH;;IAIH,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;SACrB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","arrowSvgLeft","arrowSvgRight","backArrow","play"],"sources":["src/media/svg-imgs/close.svg","src/media/svg-imgs/slider-arrow-left.svg","src/media/svg-imgs/slider-arrow-right.svg","src/media/svg-imgs/Back-arrow.svg","src/media/svg-imgs/play-button-dark.svg","src/components/atoms/ptc-svg-btn/ptc-svg-btn.scss?tag=ptc-svg-btn&encapsulation=shadow","src/components/atoms/ptc-svg-btn/ptc-svg-btn.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 42 41.485\">\r\n <g id=\"Group_1042\" data-name=\"Group 1042\" transform=\"rotate(180 108.25 87.993)\">\r\n <path id=\"Line_446\" d=\"M0 0v39.486\" class=\"cls-1\" data-name=\"Line 446\"></path>\r\n <path id=\"Line_447\" d=\"M0 0h40\" class=\"cls-1\" data-name=\"Line 447\"></path>\r\n <path id=\"Line_448\" d=\"M0 33.592V0\" class=\"cls-1\" data-name=\"Line 448\"></path>\r\n <path id=\"Line_449\" d=\"M23.994 0H0\" class=\"cls-1\" data-name=\"Line 449\"></path>\r\n <path id=\"Line_450\" d=\"M0 0l17.596 17.596\" class=\"cls-2\" data-name=\"Line 450\" transform=\"translate(187.229 147.226)\"></path>\r\n <path id=\"Line_451\" d=\"M0 7.198L7.199 0\" class=\"cls-2\" data-name=\"Line 451\" transform=\"translate(197.55 147.312)\"></path>\r\n <path id=\"Path_114\" d=\"M0 7.2L7.2 0\" class=\"cls-2\" data-name=\"Path 114\" transform=\"translate(187.313 157.549)\"></path>\r\n </g>\r\n</svg>","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_37)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_37\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_37\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_37\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_34)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_34\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_34\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_34\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 311 512\">\r\n <defs>\r\n <style>\r\n .cls-1 {\r\n fill: #fff;\r\n fill-rule: evenodd;\r\n }\r\n </style>\r\n </defs>\r\n <path class=\"cls-1\" d=\"M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z\"/>\r\n</svg>\r\n","<svg width=\"84\" height=\"84\" viewBox=\"0 0 84 84\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_241_171)\">\r\n<circle cx=\"42\" cy=\"38\" r=\"36\" fill=\"#1F2024\"/>\r\n<circle cx=\"42\" cy=\"38\" r=\"35\" stroke=\"#33A13C\" stroke-width=\"2\"/>\r\n</g>\r\n<path d=\"M58 38L34 51.8564L34 24.1436L58 38Z\" fill=\"white\"/>\r\n<defs>\r\n<filter id=\"filter0_d_241_171\" x=\"0\" y=\"0\" width=\"84\" height=\"84\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feMorphology radius=\"2\" operator=\"dilate\" in=\"SourceAlpha\" result=\"effect1_dropShadow_241_171\"/>\r\n<feOffset dy=\"4\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_241_171\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_241_171\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n",":host {\r\n\tcursor: pointer;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(:focus-visible) {\r\n\toutline: none;\r\n}\r\n:host(.backarrow) {\r\n\tmargin: 8px 8px 0px -2px;\r\n}\r\n:focus-visible {\r\n\toutline: none;\r\n}\r\n.svg-close svg .cls-1,\r\n.svg-close svg .cls-2 {\r\n\tfill: none;\r\n\tstroke-width: 2px;\r\n}\r\n.svg-close svg .cls-1 {\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n}\r\n.svg-close svg .cls-2 {\r\n\tstroke: var(--color-gray-10);\r\n}\r\n.svg-close svg path {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n.svg-close svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(175.5px, 174.985px);\r\n\t-ms-transform: translate(175.5px, 174.985px);\r\n\ttransform: translate(175.5px, 174.985px);\r\n}\r\n.svg-close svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 141.393px);\r\n\t-ms-transform: translate(215.5px, 141.393px);\r\n\ttransform: translate(215.5px, 141.393px);\r\n}\r\n.svg-close svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close:hover svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 162px);\r\n\t-ms-transform: translate(175.5px, 162px);\r\n\ttransform: translate(175.5px, 162px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(149px, 174.985px);\r\n\t-ms-transform: translate(149px, 174.985px);\r\n\ttransform: translate(149px, 174.985px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 174px);\r\n\t-ms-transform: translate(215.5px, 174px);\r\n\ttransform: translate(215.5px, 174px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(152.5px, 135.5px);\r\n\t-ms-transform: translate(152.5px, 135.5px);\r\n\ttransform: translate(152.5px, 135.5px);\r\n}\r\n.svg-close.svg-close-white .cls-1 {\r\n\tstroke: var(--color-white);\r\n}\r\n//slider right and left\r\n.slider-left,\r\n.slider-right {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tsvg {\r\n\t\t.arrow {\r\n\t\t\tfill: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&:hover {\r\n\t\tsvg {\r\n\t\t\t.arrow {\r\n\t\t\t\tfill: var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.back-arrow {\r\n\tdisplay: inline-block;\r\n\tfill: none;\r\n\tstroke-width: 30px;\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n\theight: 10px;\r\n\twidth: 20px;\r\n\tposition: relative;\r\n\ttop: 1px;\r\n\ttext-align: center;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) and (min-width: 576px) {\r\n\t:host(.back-arrow) {\r\n\t\tmargin: 8px 8px 16px -2px;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\nimport closeSvg from \"../../../media/svg-imgs/close.svg\";\r\nimport arrowSvgLeft from \"../../../media/svg-imgs/slider-arrow-left.svg\";\r\nimport arrowSvgRight from \"../../../media/svg-imgs/slider-arrow-right.svg\";\r\nimport backArrow from \"../../../media/svg-imgs/Back-arrow.svg\";\r\nimport play from \"../../../media/svg-imgs/play-button-dark.svg\";\r\n\r\n@Component({\r\n tag: \"ptc-svg-btn\",\r\n styleUrl: \"ptc-svg-btn.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcSvgBtn {\r\n /*\r\n Options: \"close\", \"slider-left\", \"slider-right\", \"back-arrow\"\r\n /\r\n @Prop() svgName?: string = \"close\";\r\n /\r\n Display\r\n /\r\n @Prop() display: \"block\" \| \"inline\" \| \"inline-block\" \| \"flex\" = \"block\";\r\n\r\n /\r\n Z-Index\r\n /\r\n @Prop() zIndex?: string;\r\n\r\n /\r\n Injected Styles\r\n */\r\n @Prop() styles?: number;\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const iconMap = {\r\n close: { className: \"svg-close\", svg: closeSvg },\r\n \"slider-left\": { className: \"slider-left\", svg: arrowSvgLeft },\r\n \"slider-right\": { className: \"slider-right\", svg: arrowSvgRight },\r\n \"back-arrow\": { className: \"back-arrow\", svg: backArrow },\r\n play: { className: \"play\", svg: play },\r\n } as const;\r\n\r\n const selectedIcon = this.svgName ? iconMap[this.svgName] : undefined;\r\n\r\n return (\r\n <Host\r\n class={classMap}\r\n {...(this.zIndex === undefined\r\n ? null\r\n : { style: { zIndex: this.zIndex } })}\r\n >\r\n {this.styles === undefined ? null : <style>{this.styles}</style>}\r\n {selectedIcon\r\n ? renderSvg(\r\n selectedIcon.svg,\r\n selectedIcon.className,\r\n this.svgName ?? \"icon\"\r\n )\r\n : null}\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.display]: true,\r\n };\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-CjoILd-A.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,wvCAAwvC;;ACAzwC,MAAM,kBAAkB,GAAG,g3CAAg3C;;ACA34C,MAAM,mBAAmB,GAAG,g3CAAg3C;;ACA54C,MAAM,YAAY,GAAG,gcAAgc;;ACArd,MAAM,iBAAiB,GAAG,4hDAA4hD;;ACAtjD,MAAM,YAAY,GAAG,gtDAAgtD;;MCcxtD,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;IACK,OAAO,GAAY,OAAO;AAClC;;AAEG;IACK,OAAO,GAAiD,OAAO;AAEvE;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,MAAM;IAEd,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChD,aAAa,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAEC,kBAAY,EAAE;YAC9D,cAAc,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAEC,mBAAa,EAAE;YACjE,YAAY,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAEC,YAAS,EAAE;YACzD,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAEC,iBAAI,EAAE;SAC9B;AAEV,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS;QAErE,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,QAAQ,EAAA,IACV,IAAI,CAAC,MAAM,KAAK;AACnB,kBAAE;AACF,kBAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAA,EAEtC,IAAI,CAAC,MAAM,KAAK,SAAS,GAAG,IAAI,GAAG,CAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,IAAI,CAAC,MAAM,CAAS,EAC/D;AACC,cAAE,SAAS,CACT,YAAY,CAAC,GAAG,EAChB,YAAY,CAAC,SAAS,EACtB,IAAI,CAAC,OAAO,IAAI,MAAM;AAExB,cAAE,IAAI,CACH;;IAIH,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;SACrB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","arrowSvgLeft","arrowSvgRight","backArrow","play"],"sources":["src/media/svg-imgs/close.svg","src/media/svg-imgs/slider-arrow-left.svg","src/media/svg-imgs/slider-arrow-right.svg","src/media/svg-imgs/Back-arrow.svg","src/media/svg-imgs/play-button-dark.svg","src/components/atoms/ptc-svg-btn/ptc-svg-btn.scss?tag=ptc-svg-btn&encapsulation=shadow","src/components/atoms/ptc-svg-btn/ptc-svg-btn.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 42 41.485\">\r\n <g id=\"Group_1042\" data-name=\"Group 1042\" transform=\"rotate(180 108.25 87.993)\">\r\n <path id=\"Line_446\" d=\"M0 0v39.486\" class=\"cls-1\" data-name=\"Line 446\"></path>\r\n <path id=\"Line_447\" d=\"M0 0h40\" class=\"cls-1\" data-name=\"Line 447\"></path>\r\n <path id=\"Line_448\" d=\"M0 33.592V0\" class=\"cls-1\" data-name=\"Line 448\"></path>\r\n <path id=\"Line_449\" d=\"M23.994 0H0\" class=\"cls-1\" data-name=\"Line 449\"></path>\r\n <path id=\"Line_450\" d=\"M0 0l17.596 17.596\" class=\"cls-2\" data-name=\"Line 450\" transform=\"translate(187.229 147.226)\"></path>\r\n <path id=\"Line_451\" d=\"M0 7.198L7.199 0\" class=\"cls-2\" data-name=\"Line 451\" transform=\"translate(197.55 147.312)\"></path>\r\n <path id=\"Path_114\" d=\"M0 7.2L7.2 0\" class=\"cls-2\" data-name=\"Path 114\" transform=\"translate(187.313 157.549)\"></path>\r\n </g>\r\n</svg>","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_37)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_37\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_37\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_37\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_34)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_34\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_34\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_34\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 311 512\">\r\n <defs>\r\n <style>\r\n .cls-1 {\r\n fill: #fff;\r\n fill-rule: evenodd;\r\n }\r\n </style>\r\n </defs>\r\n <path class=\"cls-1\" d=\"M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z\"/>\r\n</svg>\r\n","<svg width=\"84\" height=\"84\" viewBox=\"0 0 84 84\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_241_171)\">\r\n<circle cx=\"42\" cy=\"38\" r=\"36\" fill=\"#1F2024\"/>\r\n<circle cx=\"42\" cy=\"38\" r=\"35\" stroke=\"#33A13C\" stroke-width=\"2\"/>\r\n</g>\r\n<path d=\"M58 38L34 51.8564L34 24.1436L58 38Z\" fill=\"white\"/>\r\n<defs>\r\n<filter id=\"filter0_d_241_171\" x=\"0\" y=\"0\" width=\"84\" height=\"84\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feMorphology radius=\"2\" operator=\"dilate\" in=\"SourceAlpha\" result=\"effect1_dropShadow_241_171\"/>\r\n<feOffset dy=\"4\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_241_171\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_241_171\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n",":host {\r\n\tcursor: pointer;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(:focus-visible) {\r\n\toutline: none;\r\n}\r\n:host(.backarrow) {\r\n\tmargin: 8px 8px 0px -2px;\r\n}\r\n:focus-visible {\r\n\toutline: none;\r\n}\r\n.svg-close svg .cls-1,\r\n.svg-close svg .cls-2 {\r\n\tfill: none;\r\n\tstroke-width: 2px;\r\n}\r\n.svg-close svg .cls-1 {\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n}\r\n.svg-close svg .cls-2 {\r\n\tstroke: var(--color-gray-10);\r\n}\r\n.svg-close svg path {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n.svg-close svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(175.5px, 174.985px);\r\n\t-ms-transform: translate(175.5px, 174.985px);\r\n\ttransform: translate(175.5px, 174.985px);\r\n}\r\n.svg-close svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 141.393px);\r\n\t-ms-transform: translate(215.5px, 141.393px);\r\n\ttransform: translate(215.5px, 141.393px);\r\n}\r\n.svg-close svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close:hover svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 162px);\r\n\t-ms-transform: translate(175.5px, 162px);\r\n\ttransform: translate(175.5px, 162px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(149px, 174.985px);\r\n\t-ms-transform: translate(149px, 174.985px);\r\n\ttransform: translate(149px, 174.985px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 174px);\r\n\t-ms-transform: translate(215.5px, 174px);\r\n\ttransform: translate(215.5px, 174px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(152.5px, 135.5px);\r\n\t-ms-transform: translate(152.5px, 135.5px);\r\n\ttransform: translate(152.5px, 135.5px);\r\n}\r\n.svg-close.svg-close-white .cls-1 {\r\n\tstroke: var(--color-white);\r\n}\r\n//slider right and left\r\n.slider-left,\r\n.slider-right {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tsvg {\r\n\t\t.arrow {\r\n\t\t\tfill: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&:hover {\r\n\t\tsvg {\r\n\t\t\t.arrow {\r\n\t\t\t\tfill: var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.back-arrow {\r\n\tdisplay: inline-block;\r\n\tfill: none;\r\n\tstroke-width: 30px;\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n\theight: 10px;\r\n\twidth: 20px;\r\n\tposition: relative;\r\n\ttop: 1px;\r\n\ttext-align: center;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) and (min-width: 576px) {\r\n\t:host(.back-arrow) {\r\n\t\tmargin: 8px 8px 16px -2px;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\nimport closeSvg from \"../../../media/svg-imgs/close.svg\";\r\nimport arrowSvgLeft from \"../../../media/svg-imgs/slider-arrow-left.svg\";\r\nimport arrowSvgRight from \"../../../media/svg-imgs/slider-arrow-right.svg\";\r\nimport backArrow from \"../../../media/svg-imgs/Back-arrow.svg\";\r\nimport play from \"../../../media/svg-imgs/play-button-dark.svg\";\r\n\r\n@Component({\r\n tag: \"ptc-svg-btn\",\r\n styleUrl: \"ptc-svg-btn.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcSvgBtn {\r\n /*\r\n Options: \"close\", \"slider-left\", \"slider-right\", \"back-arrow\"\r\n /\r\n @Prop() svgName?: string = \"close\";\r\n /\r\n Display\r\n /\r\n @Prop() display: \"block\" \| \"inline\" \| \"inline-block\" \| \"flex\" = \"block\";\r\n\r\n /\r\n Z-Index\r\n /\r\n @Prop() zIndex?: string;\r\n\r\n /\r\n Injected Styles\r\n */\r\n @Prop() styles?: number;\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const iconMap = {\r\n close: { className: \"svg-close\", svg: closeSvg },\r\n \"slider-left\": { className: \"slider-left\", svg: arrowSvgLeft },\r\n \"slider-right\": { className: \"slider-right\", svg: arrowSvgRight },\r\n \"back-arrow\": { className: \"back-arrow\", svg: backArrow },\r\n play: { className: \"play\", svg: play },\r\n } as const;\r\n\r\n const selectedIcon = this.svgName ? iconMap[this.svgName] : undefined;\r\n\r\n return (\r\n <Host\r\n class={classMap}\r\n {...(this.zIndex === undefined\r\n ? null\r\n : { style: { zIndex: this.zIndex } })}\r\n >\r\n {this.styles === undefined ? null : <style>{this.styles}</style>}\r\n {selectedIcon\r\n ? renderSvg(\r\n selectedIcon.svg,\r\n selectedIcon.className,\r\n this.svgName ?? \"icon\"\r\n )\r\n : null}\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.display]: true,\r\n };\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-Db0qyQr-.js → p-ClbXfq8R.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h } from './p-BvGlmU4v.js';
 const ptcSkeletonCss = ".content{display:flex;align-items:center;justify-content:center;height:100%;}.placeholder{width:100%;height:100%;min-height:1em;background:linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.08) 100%);background-size:400% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.animated .placeholder{animation:loading 2.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.animated .placeholder{animation:none}}";
@@ -51,6 +51,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSkeleton as P, defineCustomElement as d };
-//# sourceMappingURL=p-Db0qyQr-.js.map
+//# sourceMappingURL=p-ClbXfq8R.js.map
-//# sourceMappingURL=p-Db0qyQr-.js.map
+//# sourceMappingURL=p-ClbXfq8R.js.map

package/dist/components/{p-Db0qyQr-.js.map → p-ClbXfq8R.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Db0qyQr-.~~js","mappings":";;AAAA,MAAM,cAAc,GAAG,ggBAAggB;;MCO1gB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAEf,SAAS,GAAY,IAAI;IACzB,QAAQ,GAAY,KAAK;IACzB,KAAK,GAAW,MAAM;AACtB,IAAA,YAAY;IACZ,SAAS,GAAW,KAAK;IACzB,SAAS,GAAW,KAAK;IAEjC,MAAM,GAAA;AACL,QAAA,MAAM,iBAAiB,GACtB,IAAI,CAAC,YAAY;YACjB,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAC1D,2BAA2B,CAC3B;AACF,QAAA,QACC,4DACC,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EACrE,KAAK,EAAE;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,YAAY,EAAE,IAAI,CAAC,SAAS;AAC5B,aAAA,EAAA,EAEA,IAAI,CAAC,SAAS,IACd,CAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAA,CACpC,KAEP,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACR,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-skeleton/ptc-skeleton.scss?tag=ptc-skeleton&encapsulation=shadow","src/components/molecules/ptc-skeleton/ptc-skeleton.tsx"],"sourcesContent":["/* :host {\r\n display: block;\r\n} /\r\n/ :root{\r\n --skeleton-text-border-radius: 5px;\r\n} /\r\n.content {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\theight: 100%;\r\n\t/ border-radius: 10px; /\r\n}\r\n\r\n.placeholder {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmin-height: 1em;\r\n\tbackground: linear-gradient(\r\n\t\t90deg,\r\n\t\trgba(255, 255, 255, 0.08) 0%,\r\n\t\trgba(255, 255, 255, 0.04) 50%,\r\n\t\trgba(255, 255, 255, 0.08) 100%\r\n\t);\r\n\t/ background-size: 300%; */\r\n\tbackground-size: 400% 100%;\r\n}\r\n\r\n@keyframes loading {\r\n\t0% {\r\n\t\tbackground-position: 200% 0;\r\n\t}\r\n\r\n\t100% {\r\n\t\tbackground-position: -200% 0;\r\n\t}\r\n}\r\n\r\n.animated .placeholder {\r\n\tanimation: loading 2.5s ease-in-out infinite;\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n\t.animated .placeholder {\r\n\t\tanimation: none;\r\n\t}\r\n}","import { Component, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-skeleton\",\r\n\tstyleUrl: \"ptc-skeleton.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSkeleton {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() isLoading: boolean = true;\r\n\t@Prop() animated: boolean = false;\r\n\t@Prop() width: string = \"100%\";\r\n\t@Prop() borderRadius: string;\r\n\t@Prop() topMargin: string = \"0px\";\r\n\t@Prop() btmMargin: string = \"0px\";\r\n\r\n\trender() {\r\n\t\tconst borderRadiusValue =\r\n\t\t\tthis.borderRadius \|\|\r\n\t\t\tgetComputedStyle(document.documentElement).getPropertyValue(\r\n\t\t\t\t\"--ptc-border-radius-large\",\r\n\t\t\t);\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={`content ${this.animated && this.isLoading ? \"animated\" : \"\"}`}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tmarginTop: this.topMargin,\r\n\t\t\t\t\tmarginBottom: this.btmMargin,\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t{this.isLoading ? (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"placeholder\"\r\n\t\t\t\t\t\tstyle={{ borderRadius: borderRadiusValue }}\r\n\t\t\t\t\t></div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-ClbXfq8R.js","mappings":";;AAAA,MAAM,cAAc,GAAG,ggBAAggB;;MCO1gB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAEf,SAAS,GAAY,IAAI;IACzB,QAAQ,GAAY,KAAK;IACzB,KAAK,GAAW,MAAM;AACtB,IAAA,YAAY;IACZ,SAAS,GAAW,KAAK;IACzB,SAAS,GAAW,KAAK;IAEjC,MAAM,GAAA;AACL,QAAA,MAAM,iBAAiB,GACtB,IAAI,CAAC,YAAY;YACjB,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAC1D,2BAA2B,CAC3B;AACF,QAAA,QACC,4DACC,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EACrE,KAAK,EAAE;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,YAAY,EAAE,IAAI,CAAC,SAAS;AAC5B,aAAA,EAAA,EAEA,IAAI,CAAC,SAAS,IACd,CAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAA,CACpC,KAEP,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACR,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-skeleton/ptc-skeleton.scss?tag=ptc-skeleton&encapsulation=shadow","src/components/molecules/ptc-skeleton/ptc-skeleton.tsx"],"sourcesContent":["/* :host {\r\n display: block;\r\n} /\r\n/ :root{\r\n --skeleton-text-border-radius: 5px;\r\n} /\r\n.content {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\theight: 100%;\r\n\t/ border-radius: 10px; /\r\n}\r\n\r\n.placeholder {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmin-height: 1em;\r\n\tbackground: linear-gradient(\r\n\t\t90deg,\r\n\t\trgba(255, 255, 255, 0.08) 0%,\r\n\t\trgba(255, 255, 255, 0.04) 50%,\r\n\t\trgba(255, 255, 255, 0.08) 100%\r\n\t);\r\n\t/ background-size: 300%; */\r\n\tbackground-size: 400% 100%;\r\n}\r\n\r\n@keyframes loading {\r\n\t0% {\r\n\t\tbackground-position: 200% 0;\r\n\t}\r\n\r\n\t100% {\r\n\t\tbackground-position: -200% 0;\r\n\t}\r\n}\r\n\r\n.animated .placeholder {\r\n\tanimation: loading 2.5s ease-in-out infinite;\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n\t.animated .placeholder {\r\n\t\tanimation: none;\r\n\t}\r\n}","import { Component, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-skeleton\",\r\n\tstyleUrl: \"ptc-skeleton.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSkeleton {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() isLoading: boolean = true;\r\n\t@Prop() animated: boolean = false;\r\n\t@Prop() width: string = \"100%\";\r\n\t@Prop() borderRadius: string;\r\n\t@Prop() topMargin: string = \"0px\";\r\n\t@Prop() btmMargin: string = \"0px\";\r\n\r\n\trender() {\r\n\t\tconst borderRadiusValue =\r\n\t\t\tthis.borderRadius \|\|\r\n\t\t\tgetComputedStyle(document.documentElement).getPropertyValue(\r\n\t\t\t\t\"--ptc-border-radius-large\",\r\n\t\t\t);\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={`content ${this.animated && this.isLoading ? \"animated\" : \"\"}`}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tmarginTop: this.topMargin,\r\n\t\t\t\t\tmarginBottom: this.btmMargin,\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t{this.isLoading ? (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"placeholder\"\r\n\t\t\t\t\t\tstyle={{ borderRadius: borderRadiusValue }}\r\n\t\t\t\t\t></div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-YPnD2Hxx.js → p-CmPB_HxC.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
 const ptcProductDropdownCss = ":host{display:block;margin-top:4px;background-color:var(--color-white)}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;width:100%;font-size:16px}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;box-sizing:border-box}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{font-size:14px;color:var(--color-gray-07)}:host .caret{display:inline-block;vertical-align:middle}:host .dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);z-index:105;max-height:400px;overflow-y:auto;width:100%;box-sizing:border-box}:host .dropdown-menu::-webkit-scrollbar{width:5px}:host .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .checkbox-label{display:flex;align-items:flex-start;padding:6px 16px;cursor:pointer;font-size:14px}:host .checkbox-label:first-child{padding-top:20px}:host .checkbox-label:last-child{padding-bottom:20px}:host .checkbox-label input[type=checkbox]{min-width:20px;margin-right:8px;width:20px;height:20px;margin-top:0}:host .checkbox-label input[type=checkbox]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -100,6 +100,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcProductDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-YPnD2Hxx.js.map
+//# sourceMappingURL=p-CmPB_HxC.js.map
-//# sourceMappingURL=p-YPnD2Hxx.js.map
+//# sourceMappingURL=p-CmPB_HxC.js.map

package/dist/components/{p-YPnD2Hxx.js.map → p-CmPB_HxC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~YPnD2Hxx~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CmPB_HxC.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BvqX8A4Z.js → p-Cmek7vlD.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.solid-black-1){background:rgba(16, 19, 20, 0.85)}:host(.solid-black-2){background:rgba(16, 19, 20, 0.7)}:host(.hp-blue){background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}:host(.hp-green){background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}:host(.hp-red){background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}:host(.hp-gray){background:linear-gradient(180deg, #617480 0%, #819099 100%)}:host(.hp-orange){background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}:host(.transparent){background:linear-gradient(180deg, transparent 0%, transparent 100%)}:host(.white-bottom){background:linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.radius-pill){border-radius:var(--ptc-border-radius-pill)}:host(.radius-circle){border-radius:var(--ptc-border-radius-circle)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";
@@ -64,6 +64,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcOverlay as P, defineCustomElement as d };
-//# sourceMappingURL=p-BvqX8A4Z.js.map
+//# sourceMappingURL=p-Cmek7vlD.js.map
-//# sourceMappingURL=p-BvqX8A4Z.js.map
+//# sourceMappingURL=p-Cmek7vlD.js.map

package/dist/components/{p-BvqX8A4Z.js.map → p-Cmek7vlD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BvqX8A4Z~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,umGAAumG;;MCQhnG,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;AA0BnB;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%);\r\n}\r\n\r\n:host(.red) {\r\n background: linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%);\r\n}\r\n\r\n:host(.orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%);\r\n}\r\n\r\n:host(.green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%);\r\n}\r\n\r\n:host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-4) {\r\n background: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n background: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n@include screen-sm {\r\n :host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%);\r\n }\r\n\r\n :host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n }\r\n}\r\n\r\n:host(.black-3) {\r\n background: linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%);\r\n}\r\n\r\n:host(.slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%);\r\n}\r\n\r\n:host(.bright-blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-red) {\r\n background: linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n background: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n background: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n background: linear-gradient(180deg, #00890b 0%, #33a13c 100%); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n background: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n background: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n:host(.white-bottom) {\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n border-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n border-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n border-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n border-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n z-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n z-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n z-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n z-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n z-index: 2;\r\n}\r\n","import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| \"white-bottom\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Cmek7vlD.js","mappings":";;AAAA,MAAM,aAAa,GAAG,umGAAumG;;MCQhnG,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;AA0BnB;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%);\r\n}\r\n\r\n:host(.red) {\r\n background: linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%);\r\n}\r\n\r\n:host(.orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%);\r\n}\r\n\r\n:host(.green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%);\r\n}\r\n\r\n:host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-4) {\r\n background: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n background: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n@include screen-sm {\r\n :host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%);\r\n }\r\n\r\n :host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n }\r\n}\r\n\r\n:host(.black-3) {\r\n background: linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%);\r\n}\r\n\r\n:host(.slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%);\r\n}\r\n\r\n:host(.bright-blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-red) {\r\n background: linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n background: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n background: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n background: linear-gradient(180deg, #00890b 0%, #33a13c 100%); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n background: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n background: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n:host(.white-bottom) {\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n border-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n border-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n border-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n border-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n z-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n z-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n z-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n z-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n z-index: 2;\r\n}\r\n","import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| \"white-bottom\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CnmfQSZc.js → p-CxIyQKOY.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 const flTabContentCss = "";
@@ -43,6 +43,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabContent as F, defineCustomElement as d };
-//# sourceMappingURL=p-CnmfQSZc.js.map
+//# sourceMappingURL=p-CxIyQKOY.js.map
-//# sourceMappingURL=p-CnmfQSZc.js.map
+//# sourceMappingURL=p-CxIyQKOY.js.map