npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.10-upgrade → 7.0.11-upgrade - Mend

@ptcwebops/ptcw-design 7.0.10-upgrade → 7.0.11-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 (1016) hide show

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

	@@ -1 +1 @@
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}
1	+ {"file":"p-Cj1vpVKf.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-Iyni6s-X.js → p-CjjBPL13.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const ptcIconListCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-numbered-subtitle{font-family:var(--ptc-font-secondary-latin)}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:4px}@media only screen and (min-width: 768px){:host .ptc-icon-list .ptc-content-simple{padding-top:unset}}:host ::slotted(icon-asset){display:flex;align-self:center}:host ::slotted(ptc-picture){min-width:24px}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}:host(.last-item.no-bottom-space){padding-bottom:0;margin-bottom:0}:host(.feature-callout-list){padding-bottom:var(--ptc-element-spacing-04)}:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-x-small);font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:0;font-weight:var(--ptc-font-weight-semibold);word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}";
@@ -66,6 +66,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcIconList as P, defineCustomElement as d };
-//# sourceMappingURL=p-Iyni6s-X.js.map
+//# sourceMappingURL=p-CjjBPL13.js.map
-//# sourceMappingURL=p-Iyni6s-X.js.map
+//# sourceMappingURL=p-CjjBPL13.js.map

package/dist/components/{p-Iyni6s-X.js.map → p-CjjBPL13.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Iyni6s-X~~.js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CjjBPL13.js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.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-CmPB_HxC.js.map
+//# sourceMappingURL=p-CpRUBnZv.js.map
-//# sourceMappingURL=p-CmPB_HxC.js.map
+//# sourceMappingURL=p-CpRUBnZv.js.map

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

	@@ -1 +1 @@
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}
1	+ {"file":"p-CpRUBnZv.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-DxuCKCzq.js → p-CsspebZG.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 const ptcCardBottomCss = ":host{display:block}:host ::slotted([slot=seo-content]){display:none}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}:host(.most-popular){padding:0 16px 14px 16px}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
@@ -94,6 +94,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardBottom as P, defineCustomElement as d };
-//# sourceMappingURL=p-DxuCKCzq.js.map
+//# sourceMappingURL=p-CsspebZG.js.map
-//# sourceMappingURL=p-DxuCKCzq.js.map
+//# sourceMappingURL=p-CsspebZG.js.map

package/dist/components/{p-DxuCKCzq.js.map → p-CsspebZG.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DxuCKCzq~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-bottom/ptc-card-bottom.scss?tag=ptc-card-bottom&encapsulation=shadow","src/components/molecules/ptc-card-bottom/ptc-card-bottom.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07)\r\n\t\t\tvar(--ptc-element-spacing-06);\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0px 24px 24px 16px;\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 72% 2 1;\r\n\talign-self: center;\r\n}\r\n\r\n:host(.mouse-hover-card-bottom) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tz-index: 5;\r\n\t\tcursor: pointer;\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: relative;\r\n\t\ttop: 0px; //calc(var(--ptc-layout-spacing-05)\t 2);\r\n\t\tleft: 0px;\r\n\t\tbottom: 0px;\r\n\t\tright: 0px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 64px); // full width minus padding\r\n\t\tpadding: var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);\r\n\t\tpadding-bottom: calc(\r\n\t\t\tvar(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05)\r\n\t\t);\r\n\t\tz-index: 2;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\tpadding-top: calc(\r\n\t\t\t\tvar(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tpadding-top: calc(var(--ptc-layout-spacing-05) * 2);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 80px); // full width minus padding\r\n\t\theight: 100%;\r\n\t\tpadding: 0px var(--ptc-element-spacing-08);\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tpadding: 0 16px 14px 16px;\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tpadding: 0 32px 32px 24px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 20% 2 1;\r\n\t\tjustify-content: flex-end;\r\n\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xl {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 70%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-2k {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-bottom\",\r\n\tstyleUrl: \"ptc-card-bottom.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardBottom {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() cardType:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"most-popular\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.add(\"mouse-hover\");\r\n\t\t\tthis.el.classList.add(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.remove(\"mouse-hover\");\r\n\t\t\tthis.el.classList.remove(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\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@Method()\r\n\tasync addClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\t!ele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.add(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\tele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.remove(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-bottom\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\tonMouseEnter={this.hoverEventHandler.bind(this)}\r\n\t\t\t\tonMouseLeave={this.leaveEventHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-bottom-wrapper\">\r\n\t\t\t\t\t<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\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: this.cardType ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CsspebZG.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-bottom/ptc-card-bottom.scss?tag=ptc-card-bottom&encapsulation=shadow","src/components/molecules/ptc-card-bottom/ptc-card-bottom.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07)\r\n\t\t\tvar(--ptc-element-spacing-06);\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0px 24px 24px 16px;\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 72% 2 1;\r\n\talign-self: center;\r\n}\r\n\r\n:host(.mouse-hover-card-bottom) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tz-index: 5;\r\n\t\tcursor: pointer;\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: relative;\r\n\t\ttop: 0px; //calc(var(--ptc-layout-spacing-05)\t 2);\r\n\t\tleft: 0px;\r\n\t\tbottom: 0px;\r\n\t\tright: 0px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 64px); // full width minus padding\r\n\t\tpadding: var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);\r\n\t\tpadding-bottom: calc(\r\n\t\t\tvar(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05)\r\n\t\t);\r\n\t\tz-index: 2;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\tpadding-top: calc(\r\n\t\t\t\tvar(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tpadding-top: calc(var(--ptc-layout-spacing-05) * 2);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 80px); // full width minus padding\r\n\t\theight: 100%;\r\n\t\tpadding: 0px var(--ptc-element-spacing-08);\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tpadding: 0 16px 14px 16px;\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tpadding: 0 32px 32px 24px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 20% 2 1;\r\n\t\tjustify-content: flex-end;\r\n\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xl {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 70%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-2k {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-bottom\",\r\n\tstyleUrl: \"ptc-card-bottom.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardBottom {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() cardType:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"most-popular\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.add(\"mouse-hover\");\r\n\t\t\tthis.el.classList.add(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.remove(\"mouse-hover\");\r\n\t\t\tthis.el.classList.remove(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\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@Method()\r\n\tasync addClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\t!ele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.add(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\tele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.remove(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-bottom\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\tonMouseEnter={this.hoverEventHandler.bind(this)}\r\n\t\t\t\tonMouseLeave={this.leaveEventHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-bottom-wrapper\">\r\n\t\t\t\t\t<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\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: this.cardType ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.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-CffVElHk.js.map
+//# sourceMappingURL=p-CuEMGIos.js.map
-//# sourceMappingURL=p-CffVElHk.js.map
+//# sourceMappingURL=p-CuEMGIos.js.map

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

	@@ -1 +1 @@
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}
1	+ {"file":"p-CuEMGIos.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-p7seAWpY.js → p-CyG7mahO.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 const ptcTheaterVideoCss = ".sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto;min-width:205px}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px;min-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);margin-top:5px;cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#fff;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h3.sc-ptc-theater-video{margin:12px 0 0 0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);color:var(--color-white)}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";
@@ -59,6 +59,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTheaterVideo as P, defineCustomElement as d };
-//# sourceMappingURL=p-p7seAWpY.js.map
+//# sourceMappingURL=p-CyG7mahO.js.map
-//# sourceMappingURL=p-p7seAWpY.js.map
+//# sourceMappingURL=p-CyG7mahO.js.map

package/dist/components/{p-p7seAWpY.js.map → p-CyG7mahO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~p7seAWpY~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video/ptc-theater-video.scss?tag=ptc-theater-video&encapsulation=scoped","src/components/molecules/ptc-theater-video/ptc-theater-video.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmax-width: 205px;\r\n\tmin-width: 205px;\r\n\tcolor: var(--color-white);\r\n\t&.hide {\r\n\t\tdisplay: none;\r\n\t}\r\n\t&.show {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t@include screen-sm {\r\n\t\tmin-width: auto;\r\n\t\tmin-width: 205px;\r\n\t}\r\n\t@include screen-lg {\r\n\t\tmax-width: 260px;\r\n\t\tmin-width: 260px;\r\n\t}\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tborder-radius: 12px;\r\n\t\tbox-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.24);\r\n\t\tmargin-top: 5px;\r\n\t\tcursor: pointer;\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tborder-radius: 12px;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tfill: #fff;\r\n\t\t\tfilter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.card-number {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 6px;\r\n\t\t\ttop: 6px;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tbackground-color: var(--color-gray-09);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder: 2px solid var(--color-green-05);\r\n\t\t\ttext-align: center;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-bottom: 3px;\r\n\t\t}\r\n\t}\r\n\th3 {\r\n\t\tmargin: 12px 0 0 0;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video\",\r\n\tstyleUrl: \"ptc-theater-video.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTheaterVideo {\r\n\t@Prop() cardTitle?: string;\r\n\t@Prop() cardDescription?: string;\r\n\t@Prop() thumbImg?: string;\r\n\t@Element() ele: HTMLElement;\r\n\t@Prop() cardNumber?: number;\r\n\t@Prop() videoId?: number;\r\n\t@Prop() vtagName?: string;\r\n\t@Event() vCardClicked: EventEmitter;\r\n\t@Prop() modalType?: \"only-video\" \| \"video-with-description\" =\r\n\t\t\"video-with-description\";\r\n\r\n\tshowCardDetails() {\r\n\t\t// Emit a custom event to signal that the card was clicked\r\n\t\t// const cardClickEvent = new CustomEvent('cardClicked', {\r\n\t\t// detail: this.cardTitle,\r\n\t\t// });\r\n\t\t// this.ele.dispatchEvent(cardClickEvent);\r\n\r\n\t\tthis.vCardClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tcardNumber: this.cardNumber,\r\n\t\t});\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tvideo-id={this.videoId}\r\n\t\t\t\tvtag-name={this.vtagName}\r\n\t\t\t\tmodal-type={this.modalType}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"img-wrap mf-listen\"\r\n\t\t\t\t\tonClick={() => this.showCardDetails()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t>\r\n\t\t\t\t\t<img src={this.thumbImg} alt=\"\" />\r\n\t\t\t\t\t<span class={\"card-number\"}>{this.cardNumber + 1}</span>\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=\"54\"\r\n\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\tviewBox=\"0 0 54 56\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g filter=\"url(#filter0_d_214_969)\">\r\n\t\t\t\t\t\t\t<path d=\"M42 20L12 36V4L42 20Z\" fill=\"white\" />\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t<filter\r\n\t\t\t\t\t\t\tid=\"filter0_d_214_969\"\r\n\t\t\t\t\t\t\tx=\"0\"\r\n\t\t\t\t\t\t\ty=\"0\"\r\n\t\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\t\tfilterUnits=\"userSpaceOnUse\"\r\n\t\t\t\t\t\t\tcolor-interpolation-filters=\"sRGB\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<feFlood\r\n\t\t\t\t\t\t\t\t\tflood-opacity=\"0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\tin=\"SourceAlpha\"\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"hardAlpha\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feOffset dy=\"8\" />\r\n\t\t\t\t\t\t\t\t<feGaussianBlur stdDeviation=\"6\" />\r\n\t\t\t\t\t\t\t\t<feComposite in2=\"hardAlpha\" operator=\"out\" />\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin2=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t\tresult=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin=\"SourceGraphic\"\r\n\t\t\t\t\t\t\t\t\tin2=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t\tresult=\"shape\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</filter>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<h3 class={\"vcard-title\"}>{this.cardTitle}</h3>\r\n\r\n\t\t\t\t<div class=\"hidden description\">\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-CyG7mahO.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video/ptc-theater-video.scss?tag=ptc-theater-video&encapsulation=scoped","src/components/molecules/ptc-theater-video/ptc-theater-video.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmax-width: 205px;\r\n\tmin-width: 205px;\r\n\tcolor: var(--color-white);\r\n\t&.hide {\r\n\t\tdisplay: none;\r\n\t}\r\n\t&.show {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t@include screen-sm {\r\n\t\tmin-width: auto;\r\n\t\tmin-width: 205px;\r\n\t}\r\n\t@include screen-lg {\r\n\t\tmax-width: 260px;\r\n\t\tmin-width: 260px;\r\n\t}\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tborder-radius: 12px;\r\n\t\tbox-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.24);\r\n\t\tmargin-top: 5px;\r\n\t\tcursor: pointer;\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tborder-radius: 12px;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tfill: #fff;\r\n\t\t\tfilter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.card-number {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 6px;\r\n\t\t\ttop: 6px;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tbackground-color: var(--color-gray-09);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder: 2px solid var(--color-green-05);\r\n\t\t\ttext-align: center;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-bottom: 3px;\r\n\t\t}\r\n\t}\r\n\th3 {\r\n\t\tmargin: 12px 0 0 0;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video\",\r\n\tstyleUrl: \"ptc-theater-video.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTheaterVideo {\r\n\t@Prop() cardTitle?: string;\r\n\t@Prop() cardDescription?: string;\r\n\t@Prop() thumbImg?: string;\r\n\t@Element() ele: HTMLElement;\r\n\t@Prop() cardNumber?: number;\r\n\t@Prop() videoId?: number;\r\n\t@Prop() vtagName?: string;\r\n\t@Event() vCardClicked: EventEmitter;\r\n\t@Prop() modalType?: \"only-video\" \| \"video-with-description\" =\r\n\t\t\"video-with-description\";\r\n\r\n\tshowCardDetails() {\r\n\t\t// Emit a custom event to signal that the card was clicked\r\n\t\t// const cardClickEvent = new CustomEvent('cardClicked', {\r\n\t\t// detail: this.cardTitle,\r\n\t\t// });\r\n\t\t// this.ele.dispatchEvent(cardClickEvent);\r\n\r\n\t\tthis.vCardClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tcardNumber: this.cardNumber,\r\n\t\t});\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tvideo-id={this.videoId}\r\n\t\t\t\tvtag-name={this.vtagName}\r\n\t\t\t\tmodal-type={this.modalType}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"img-wrap mf-listen\"\r\n\t\t\t\t\tonClick={() => this.showCardDetails()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t>\r\n\t\t\t\t\t<img src={this.thumbImg} alt=\"\" />\r\n\t\t\t\t\t<span class={\"card-number\"}>{this.cardNumber + 1}</span>\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=\"54\"\r\n\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\tviewBox=\"0 0 54 56\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g filter=\"url(#filter0_d_214_969)\">\r\n\t\t\t\t\t\t\t<path d=\"M42 20L12 36V4L42 20Z\" fill=\"white\" />\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t<filter\r\n\t\t\t\t\t\t\tid=\"filter0_d_214_969\"\r\n\t\t\t\t\t\t\tx=\"0\"\r\n\t\t\t\t\t\t\ty=\"0\"\r\n\t\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\t\tfilterUnits=\"userSpaceOnUse\"\r\n\t\t\t\t\t\t\tcolor-interpolation-filters=\"sRGB\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<feFlood\r\n\t\t\t\t\t\t\t\t\tflood-opacity=\"0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\tin=\"SourceAlpha\"\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"hardAlpha\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feOffset dy=\"8\" />\r\n\t\t\t\t\t\t\t\t<feGaussianBlur stdDeviation=\"6\" />\r\n\t\t\t\t\t\t\t\t<feComposite in2=\"hardAlpha\" operator=\"out\" />\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin2=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t\tresult=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin=\"SourceGraphic\"\r\n\t\t\t\t\t\t\t\t\tin2=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t\tresult=\"shape\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</filter>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<h3 class={\"vcard-title\"}>{this.cardTitle}</h3>\r\n\r\n\t\t\t\t<div class=\"hidden description\">\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}