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

package/dist/components/{p-DWdhT-eb.js → p-d5cGYr7v.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
 
 const ptcReadmoreV2Css = ":host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:var(--ptc-element-spacing-02)}";
 
@@ -91,6 +91,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcReadmoreV2 as P, defineCustomElement as d };
-//# sourceMappingURL=p-DWdhT-eb.js.map
+//# sourceMappingURL=p-d5cGYr7v.js.map
 
-//# sourceMappingURL=p-DWdhT-eb.js.map
+//# sourceMappingURL=p-d5cGYr7v.js.map

package/dist/components/{p-DWdhT-eb.js.map → p-d5cGYr7v.js.map}

@@ -1 +1 @@
-{"file":"p-DWdhT-eb.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,yWAAyW;;MCiBrX,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;;IAKjB,aAAa,GAAW,GAAG;;IAE3B,YAAY,GAAW,WAAW;;IAElC,YAAY,GAAW,WAAW;;IAGjC,SAAS,GAAY,KAAK;;IAE1B,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAW,EAAE;IAErB,WAAW,GAAW,EAAE;AAExB,IAAA,eAAe;AACf,IAAA,gBAAgB;AAGzB,IAAA,iBAAiB,CAAC,KAAY,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB;AAC5C,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;IAGvB,iBAAiB,GAAA;QAChB,qBAAqB,CAAC,MAAK;AAC1B,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;AACnD,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACvB,SAAC,CAAC;;AAGH,IAAA,WAAW,CAAC,IAAqB,EAAA;QAChC,IAAI,IAAI,EAAE;AACT,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACnD,IAAI,CAAC,QAAQ,GAAG;iBACd,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW;iBAC9B,IAAI,CAAC,EAAE;AACP,iBAAA,IAAI,EAAE;YACR,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE;AAC9C,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;;;IAKxB,UAAU,GAAG,MAAK;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;AAClC,cAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG;AACnD,cAAE,IAAI,CAAC,QAAQ;AACjB,KAAC;IAED,QAAQ,GAAG,MAAK;AACf,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;AAC7D,KAAC;IAED,YAAY,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGzC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EACpB,EAAA,IAAI,CAAC,SAAS,IACd,IAAI,CAAC,QAAQ,IACZ,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,IAAI,CAAC,UAAU,EAAE,CACjB,KAED,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACR,CACE,EACH,IAAI,CAAC,SAAS,IACd,CAAA,CAAA,OAAA,EAAA,EACC,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAEjC,EAAA,IAAI,CAAC,QAAQ,EAAE,CACT,IACL,IAAI,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.scss?tag=ptc-readmore-v2&encapsulation=shadow","src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n\r\n  .description {\r\n    display: inline;\r\n  }\r\n\r\n  .truncated-label {\r\n    cursor: pointer;\r\n    color: var(--color-hyperlink);\r\n    font-size: var(--ptc-font-size-small);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n    text-decoration-line: underline;\r\n    line-height: var(--ptc-line-height-densest);\r\n\r\n    &::before {\r\n      content: '';\r\n      padding-left: var(--ptc-element-spacing-02);\r\n    }\r\n  }\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tProp,\r\n\tState,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore-v2\",\r\n\tstyleUrl: \"ptc-readmore-v2.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmoreV2 {\r\n\t/** This component */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/** Character limit */\r\n\t@Prop() maxCharacters: number = 100;\r\n\t/** Read More Text */\r\n\t@Prop() readMoreText: string = \"Read More\";\r\n\t/** Read Less Text */\r\n\t@Prop() readLessText: string = \"Read Less\";\r\n\r\n\t/** If limit applies and text is truncated */\r\n\t@State() truncated: boolean = false;\r\n\t/** If component is in expanded state or not */\r\n\t@State() expanded: boolean = false;\r\n\t/** Provided text that isn't truncated */\r\n\t@State() fullText: string = \"\";\r\n\r\n\t@State() displayText: string = \"\";\r\n\r\n\t@Event() readMoreClicked: EventEmitter<boolean>;\r\n\t@Event() readMoreRendered: EventEmitter<boolean>;\r\n\r\n\t@Listen(\"slotchange\")\r\n\tslotChangeHandler(event: Event) {\r\n\t\tconst slot = event.target as HTMLSlotElement;\r\n\t\tthis.processText(slot);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\trequestAnimationFrame(() => {\r\n\t\t\tlet slot = this.el.shadowRoot.querySelector(\"slot\");\r\n\t\t\tthis.processText(slot);\r\n\t\t});\r\n\t}\r\n\r\n\tprocessText(slot: HTMLSlotElement) {\r\n\t\tif (slot) {\r\n\t\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\t\tthis.fullText = nodes\r\n\t\t\t\t.map((node) => node.textContent)\r\n\t\t\t\t.join(\"\")\r\n\t\t\t\t.trim();\r\n\t\t\tif (this.fullText.length > this.maxCharacters) {\r\n\t\t\t\tthis.truncated = true;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tgetContent = () => {\r\n\t\treturn this.fullText.length > this.maxCharacters\r\n\t\t\t? this.fullText.substring(0, this.maxCharacters) + \"...\"\r\n\t\t\t: this.fullText;\r\n\t};\r\n\r\n\tgetLabel = () => {\r\n\t\treturn this.expanded ? this.readLessText : this.readMoreText;\r\n\t};\r\n\r\n\ttoggleExpand() {\r\n\t\tthis.expanded = !this.expanded;\r\n\t\tthis.readMoreClicked.emit(this.expanded);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<p class=\"description\">\r\n\t\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t\tthis.expanded ? (\r\n\t\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\tthis.getContent()\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</p>\r\n\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tclass=\"truncated-label\"\r\n\t\t\t\t\t\tonClick={() => this.toggleExpand()}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.getLabel()}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-d5cGYr7v.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,yWAAyW;;MCiBrX,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;;IAKjB,aAAa,GAAW,GAAG;;IAE3B,YAAY,GAAW,WAAW;;IAElC,YAAY,GAAW,WAAW;;IAGjC,SAAS,GAAY,KAAK;;IAE1B,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAW,EAAE;IAErB,WAAW,GAAW,EAAE;AAExB,IAAA,eAAe;AACf,IAAA,gBAAgB;AAGzB,IAAA,iBAAiB,CAAC,KAAY,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB;AAC5C,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;IAGvB,iBAAiB,GAAA;QAChB,qBAAqB,CAAC,MAAK;AAC1B,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;AACnD,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACvB,SAAC,CAAC;;AAGH,IAAA,WAAW,CAAC,IAAqB,EAAA;QAChC,IAAI,IAAI,EAAE;AACT,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACnD,IAAI,CAAC,QAAQ,GAAG;iBACd,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW;iBAC9B,IAAI,CAAC,EAAE;AACP,iBAAA,IAAI,EAAE;YACR,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE;AAC9C,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;;;IAKxB,UAAU,GAAG,MAAK;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;AAClC,cAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG;AACnD,cAAE,IAAI,CAAC,QAAQ;AACjB,KAAC;IAED,QAAQ,GAAG,MAAK;AACf,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;AAC7D,KAAC;IAED,YAAY,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGzC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EACpB,EAAA,IAAI,CAAC,SAAS,IACd,IAAI,CAAC,QAAQ,IACZ,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,IAAI,CAAC,UAAU,EAAE,CACjB,KAED,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACR,CACE,EACH,IAAI,CAAC,SAAS,IACd,CAAA,CAAA,OAAA,EAAA,EACC,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAEjC,EAAA,IAAI,CAAC,QAAQ,EAAE,CACT,IACL,IAAI,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.scss?tag=ptc-readmore-v2&encapsulation=shadow","src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n\r\n  .description {\r\n    display: inline;\r\n  }\r\n\r\n  .truncated-label {\r\n    cursor: pointer;\r\n    color: var(--color-hyperlink);\r\n    font-size: var(--ptc-font-size-small);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n    text-decoration-line: underline;\r\n    line-height: var(--ptc-line-height-densest);\r\n\r\n    &::before {\r\n      content: '';\r\n      padding-left: var(--ptc-element-spacing-02);\r\n    }\r\n  }\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tProp,\r\n\tState,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore-v2\",\r\n\tstyleUrl: \"ptc-readmore-v2.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmoreV2 {\r\n\t/** This component */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/** Character limit */\r\n\t@Prop() maxCharacters: number = 100;\r\n\t/** Read More Text */\r\n\t@Prop() readMoreText: string = \"Read More\";\r\n\t/** Read Less Text */\r\n\t@Prop() readLessText: string = \"Read Less\";\r\n\r\n\t/** If limit applies and text is truncated */\r\n\t@State() truncated: boolean = false;\r\n\t/** If component is in expanded state or not */\r\n\t@State() expanded: boolean = false;\r\n\t/** Provided text that isn't truncated */\r\n\t@State() fullText: string = \"\";\r\n\r\n\t@State() displayText: string = \"\";\r\n\r\n\t@Event() readMoreClicked: EventEmitter<boolean>;\r\n\t@Event() readMoreRendered: EventEmitter<boolean>;\r\n\r\n\t@Listen(\"slotchange\")\r\n\tslotChangeHandler(event: Event) {\r\n\t\tconst slot = event.target as HTMLSlotElement;\r\n\t\tthis.processText(slot);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\trequestAnimationFrame(() => {\r\n\t\t\tlet slot = this.el.shadowRoot.querySelector(\"slot\");\r\n\t\t\tthis.processText(slot);\r\n\t\t});\r\n\t}\r\n\r\n\tprocessText(slot: HTMLSlotElement) {\r\n\t\tif (slot) {\r\n\t\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\t\tthis.fullText = nodes\r\n\t\t\t\t.map((node) => node.textContent)\r\n\t\t\t\t.join(\"\")\r\n\t\t\t\t.trim();\r\n\t\t\tif (this.fullText.length > this.maxCharacters) {\r\n\t\t\t\tthis.truncated = true;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tgetContent = () => {\r\n\t\treturn this.fullText.length > this.maxCharacters\r\n\t\t\t? this.fullText.substring(0, this.maxCharacters) + \"...\"\r\n\t\t\t: this.fullText;\r\n\t};\r\n\r\n\tgetLabel = () => {\r\n\t\treturn this.expanded ? this.readLessText : this.readMoreText;\r\n\t};\r\n\r\n\ttoggleExpand() {\r\n\t\tthis.expanded = !this.expanded;\r\n\t\tthis.readMoreClicked.emit(this.expanded);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<p class=\"description\">\r\n\t\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t\tthis.expanded ? (\r\n\t\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\tthis.getContent()\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</p>\r\n\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tclass=\"truncated-label\"\r\n\t\t\t\t\t\tonClick={() => this.toggleExpand()}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.getLabel()}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-w0oxTNj-.js → p-diZY_Uee.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 
 const ptcDateCss = ":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.large) span{font-size:var(--ptc-font-size-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";
 
@@ -114,6 +114,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcDate as P, defineCustomElement as d };
-//# sourceMappingURL=p-w0oxTNj-.js.map
+//# sourceMappingURL=p-diZY_Uee.js.map
 
-//# sourceMappingURL=p-w0oxTNj-.js.map
+//# sourceMappingURL=p-diZY_Uee.js.map

package/dist/components/{p-w0oxTNj-.js.map → p-diZY_Uee.js.map}

@@ -1 +1 @@
-{"file":"p-w0oxTNj-.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qWAAqW;;MCQ3W,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;AAClB;;AAEE;IACK,IAAI,GAAW,IAAI;AAE3B;;;AAGG;IACK,KAAK,GAAW,CAAC;AAEzB;;;AAGG;IACK,GAAG,GAAW,CAAC;AAEvB;;;AAGG;IACK,OAAO,GAAuB,OAAO;AAE7C;;;AAGG;AACK,IAAA,UAAU;AAClB;;AAEG;AACK,IAAA,SAAS;AACjB;;AAEG;AACK,IAAA,UAAU;AAClB;;AAEG;IACK,QAAQ,GAAuB,OAAO;AAC9C;;AAEG;AACK,IAAA,aAAa;IAEpB,MAAM,GAAA;;AAEN,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,UAAU,IAAI,gEAAQ,IAAI,CAAC,UAAU,CAAS,EACpD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAA,EACxB,IAAI,CAAC,OAAO,EAAE,CAAC,kBAAkB,CACjC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,UAAU,EAAE,CACjB,CACK,CACD;;IAIA,cAAc,GAAA;QACtB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;SAC/C;;IAGM,UAAU,GAAA;AACjB,QAAA,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE;AAEhE,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI;gBACH,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;gBACzC,IAAI,IAAI,EAAE;oBACT,MAAM,GAAG,IAAI;;;YAEb,OAAO,CAAC,EAAE;;AAEX,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAIhB,QAAA,OAAO,MAAM;;IAGN,OAAO,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D,YAAA,OAAO,OAAO;;aACR;AACN,YAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-date/ptc-date.scss?tag=ptc-date&encapsulation=shadow","src/components/atoms/ptc-date/ptc-date.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n:host(.small) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n}\r\n:host(.medium) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n}\r\n:host(.large) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n}\r\n:host(.primary-grey) {\r\n\tcolor: var(--color-primary-gray-new);\r\n}\r\n:host(.white) {\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n:host(.date-m-top) {\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { CssClassMap } from '../../../utils/interfaces';\r\n\r\n@Component({\r\n  tag: 'ptc-date',\r\n  styleUrl: 'ptc-date.scss',\r\n  shadow: true,\r\n})\r\nexport class PtcDate {\r\n  /**\r\n\t * Year\r\n\t */\r\n\t@Prop() year: number = 1900;\r\n\r\n\t/**\r\n\t * Month\r\n\t * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.\r\n\t */\r\n\t@Prop() month: number = 1;\r\n\r\n\t/**\r\n\t * Day\r\n\t * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.\r\n\t */\r\n\t@Prop() day: number = 1;\r\n\r\n\t/**\r\n\t * Country\r\n\t * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES\r\n\t */\r\n\t@Prop() country: string | undefined = \"en-US\";\r\n\r\n\t/**\r\n\t * Date\r\n\t * examples: 2000-1-1 or 2000/01/01\r\n\t */\r\n\t@Prop() dateString?: string;\r\n\t/**\r\n\t * Date Color\r\n\t */\r\n\t@Prop() dateColor: \"white\" | \"primary-grey\";\r\n\t/**\r\n\t * Injected styles\r\n\t */\r\n\t@Prop() dateStyles?: string;\r\n\t/**\r\n\t * Date Font Size\r\n\t */\r\n\t@Prop() dataSize: \"medium\" | \"small\" = \"small\";\r\n\t/**\r\n\t * Custom object for formatting date e.i. { weekday: \"long\",  year: \"numeric\",  month: \"long\",  day: \"numeric\" }\r\n\t */\r\n\t@Prop() formatOptions?: string;\r\n\r\n  render() {\r\n   // const newDate = new Date(this.year, this.month, this.day);\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.dateStyles && <style>{this.dateStyles}</style>}\r\n\t\t\t\t<span part=\"part-ptc-date\">\r\n\t\t\t\t\t{this.getDate().toLocaleDateString(\r\n\t\t\t\t\t\tthis.country,\r\n\t\t\t\t\t\tthis.getOptions(),\r\n\t\t\t\t\t)}\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t);\r\n  }\r\n\r\n  private getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.dateColor]: !!this.dateColor ? true : false,\r\n\t\t\t[this.dataSize]: !!this.dataSize ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getOptions(): any {\r\n\t\tlet result = { year: \"numeric\", month: \"short\", day: \"numeric\" };\r\n\r\n\t\tif (this.formatOptions) {\r\n\t\t\ttry {\r\n\t\t\t\tvar json = JSON.parse(this.formatOptions);\r\n\t\t\t\tif (json) {\r\n\t\t\t\t\tresult = json;\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\t//debugger\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\tprivate getDate() {\r\n\t\tif (this.dateString) {\r\n\t\t\tlet newDate = new Date(this.dateString.replace(/-/g, \"/\"));\r\n\t\t\treturn newDate;\r\n\t\t} else {\r\n\t\t\treturn new Date(this.year, this.month - 1, this.day);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-diZY_Uee.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qWAAqW;;MCQ3W,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;AAClB;;AAEE;IACK,IAAI,GAAW,IAAI;AAE3B;;;AAGG;IACK,KAAK,GAAW,CAAC;AAEzB;;;AAGG;IACK,GAAG,GAAW,CAAC;AAEvB;;;AAGG;IACK,OAAO,GAAuB,OAAO;AAE7C;;;AAGG;AACK,IAAA,UAAU;AAClB;;AAEG;AACK,IAAA,SAAS;AACjB;;AAEG;AACK,IAAA,UAAU;AAClB;;AAEG;IACK,QAAQ,GAAuB,OAAO;AAC9C;;AAEG;AACK,IAAA,aAAa;IAEpB,MAAM,GAAA;;AAEN,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,UAAU,IAAI,gEAAQ,IAAI,CAAC,UAAU,CAAS,EACpD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAA,EACxB,IAAI,CAAC,OAAO,EAAE,CAAC,kBAAkB,CACjC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,UAAU,EAAE,CACjB,CACK,CACD;;IAIA,cAAc,GAAA;QACtB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;SAC/C;;IAGM,UAAU,GAAA;AACjB,QAAA,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE;AAEhE,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI;gBACH,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;gBACzC,IAAI,IAAI,EAAE;oBACT,MAAM,GAAG,IAAI;;;YAEb,OAAO,CAAC,EAAE;;AAEX,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAIhB,QAAA,OAAO,MAAM;;IAGN,OAAO,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D,YAAA,OAAO,OAAO;;aACR;AACN,YAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-date/ptc-date.scss?tag=ptc-date&encapsulation=shadow","src/components/atoms/ptc-date/ptc-date.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n:host(.small) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n}\r\n:host(.medium) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n}\r\n:host(.large) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n}\r\n:host(.primary-grey) {\r\n\tcolor: var(--color-primary-gray-new);\r\n}\r\n:host(.white) {\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n:host(.date-m-top) {\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { CssClassMap } from '../../../utils/interfaces';\r\n\r\n@Component({\r\n  tag: 'ptc-date',\r\n  styleUrl: 'ptc-date.scss',\r\n  shadow: true,\r\n})\r\nexport class PtcDate {\r\n  /**\r\n\t * Year\r\n\t */\r\n\t@Prop() year: number = 1900;\r\n\r\n\t/**\r\n\t * Month\r\n\t * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.\r\n\t */\r\n\t@Prop() month: number = 1;\r\n\r\n\t/**\r\n\t * Day\r\n\t * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.\r\n\t */\r\n\t@Prop() day: number = 1;\r\n\r\n\t/**\r\n\t * Country\r\n\t * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES\r\n\t */\r\n\t@Prop() country: string | undefined = \"en-US\";\r\n\r\n\t/**\r\n\t * Date\r\n\t * examples: 2000-1-1 or 2000/01/01\r\n\t */\r\n\t@Prop() dateString?: string;\r\n\t/**\r\n\t * Date Color\r\n\t */\r\n\t@Prop() dateColor: \"white\" | \"primary-grey\";\r\n\t/**\r\n\t * Injected styles\r\n\t */\r\n\t@Prop() dateStyles?: string;\r\n\t/**\r\n\t * Date Font Size\r\n\t */\r\n\t@Prop() dataSize: \"medium\" | \"small\" = \"small\";\r\n\t/**\r\n\t * Custom object for formatting date e.i. { weekday: \"long\",  year: \"numeric\",  month: \"long\",  day: \"numeric\" }\r\n\t */\r\n\t@Prop() formatOptions?: string;\r\n\r\n  render() {\r\n   // const newDate = new Date(this.year, this.month, this.day);\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.dateStyles && <style>{this.dateStyles}</style>}\r\n\t\t\t\t<span part=\"part-ptc-date\">\r\n\t\t\t\t\t{this.getDate().toLocaleDateString(\r\n\t\t\t\t\t\tthis.country,\r\n\t\t\t\t\t\tthis.getOptions(),\r\n\t\t\t\t\t)}\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t);\r\n  }\r\n\r\n  private getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.dateColor]: !!this.dateColor ? true : false,\r\n\t\t\t[this.dataSize]: !!this.dataSize ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getOptions(): any {\r\n\t\tlet result = { year: \"numeric\", month: \"short\", day: \"numeric\" };\r\n\r\n\t\tif (this.formatOptions) {\r\n\t\t\ttry {\r\n\t\t\t\tvar json = JSON.parse(this.formatOptions);\r\n\t\t\t\tif (json) {\r\n\t\t\t\t\tresult = json;\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\t//debugger\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\tprivate getDate() {\r\n\t\tif (this.dateString) {\r\n\t\t\tlet newDate = new Date(this.dateString.replace(/-/g, \"/\"));\r\n\t\t\treturn newDate;\r\n\t\t} else {\r\n\t\t\treturn new Date(this.year, this.month - 1, this.day);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-nBFxF2mx.js → p-gC9OfbBZ.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 
 const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);display:flex;align-items:baseline}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0;margin-left:2px}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.breadcrumb) li a.item-link:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline);padding-bottom:5px;padding-right:5px}:host(.breadcrumb-center) li{display:inline}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.list-footer) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline);transition:none !important;border-color:white !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;-webkit-text-decoration:underline 1px solid;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host li .has-before-home-icon{display:block}@media only screen and (min-width: 480px){:host li .has-before-home-icon{display:none}}";
 
@@ -81,6 +81,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ListItem as L, defineCustomElement as d };
-//# sourceMappingURL=p-nBFxF2mx.js.map
+//# sourceMappingURL=p-gC9OfbBZ.js.map
 
-//# sourceMappingURL=p-nBFxF2mx.js.map
+//# sourceMappingURL=p-gC9OfbBZ.js.map

package/dist/components/{p-nBFxF2mx.js.map → p-gC9OfbBZ.js.map}

@@ -1 +1 @@
-{"file":"p-nBFxF2mx.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+zHAA+zH;;MCQt0H,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACZ,QAAQ,GAKM,cAAc;IAE5B,QAAQ,GAAY,SAAS;IAE7B,WAAW,GAAY,KAAK;IAE5B,UAAU,GAAuB,OAAO;IAExC,iBAAiB,GAAY,KAAK;AAElC,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEI;AACI,IAAA,MAAM;;IAGN,SAAS,GAAW,EAAE;;IAI9B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QACtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAEpB,EAAA,IAAI,CAAC,QAAQ,IACb,CAAA,CAAA,GAAA,EAAA,EACC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,IAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC7C,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS;AAChC,kBAAE,EAAE,CAAC,EACN,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACV,KAEJ,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACb,CACG,CACC;;IAID,cAAc,GAAA;QACrB,IAAI,QAAQ,GAAG,KAAK;QACpB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACvD,YAAA,IAAI;gBACH,QAAQ;oBACP,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAChD,QAAQ,CACR;wBACD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,KAAK,gBAAgB;;YAC3D,OAAO,GAAG,EAAE;AACb,gBAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;;;QAGlB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;AACrB,YAAA,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;YACzC,CAAC,mBAAmB,GAAG,QAAQ;YAC/B,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/list-item/list-item.scss?tag=list-item&encapsulation=shadow","src/components/atoms/list-item/list-item.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host(.list-primary) {\r\n  display: block;\r\n}\r\n\r\n:host(.flush-before) {\r\n  li::before {\r\n    content: '' !important;\r\n  }\r\n}\r\n\r\n:host(.breadcrumb) {\r\n  display: inline-block;\r\n\r\n  li {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: var(--color-white);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n    font-size: var(--ptc-font-size-xxx-small);\r\n    line-height: var(--ptc-line-height-densest);\r\n    display: flex;\r\n    align-items: baseline;\r\n    &::before {\r\n      content: '/';\r\n      top: 0;\r\n      left: 0;\r\n      margin-left: 2px;\r\n    }\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-white);\r\n        font-weight: var(--ptc-font-weight-bold) !important;\r\n        font-size: var(--ptc-font-size-xxx-small) !important;\r\n        line-height: var(--ptc-line-height-densest);\r\n        text-decoration: underline;\r\n        text-decoration-color: transparent;\r\n        text-underline-offset: 2px;\r\n        text-decoration-thickness: 1px;\r\n        outline: none;\r\n        transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n        &:hover {\r\n          text-decoration: underline;\r\n          text-decoration-color: var(--color-green-07);\r\n          outline: none;\r\n        }\r\n        &:focus-visible {\r\n          transition: none;\r\n          @include focus-state;\r\n          padding-bottom: 5px;\r\n          padding-right: 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.breadcrumb-center) {\r\n  li {\r\n    display: inline;\r\n  }\r\n}\r\n\r\n:host(.list-green) {\r\n  display: block;\r\n  margin-bottom: 16px;\r\n\r\n  li {\r\n    a {\r\n      font-size: var(--ptc-font-size-xx-small);\r\n      color: var(--color-gray-10);\r\n      text-decoration: underline;\r\n      text-decoration-thickness: 1.5px;\r\n      text-decoration-color: var(--color-green-04);\r\n      font-weight: var(--ptc-font-weight-bold);\r\n      transition: color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n      line-height: var(--ptc-line-height-p);\r\n      text-underline-offset: 4px;\r\n\r\n      &:hover {\r\n        color: var(--color-green-04);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(:not(.flush-before)) {\r\n  li::before {\r\n    margin-right: 2px;\r\n  }\r\n}\r\n\r\n:host(.list-footer) {\r\n  li {\r\n    display: inline-block;\r\n    font-size: var(--ptc-font-size-xx-small);\r\n    font-weight: var(--ptc-font-weight-regular);\r\n    font-style: normal;\r\n    font-stretch: normal;\r\n    line-height: var(--ptc-line-height-denser);\r\n    letter-spacing: normal;\r\n    color: var(--color-white);\r\n    margin: 0 0.5rem;\r\n\r\n    a {\r\n      color: var(--color-white-grey);\r\n      border-bottom: 1px solid transparent;\r\n      display: inline-block;\r\n      text-decoration: none;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        text-decoration: none;\r\n        border-bottom: 1px solid var(--color-green-06);\r\n        color: var(--color-white-grey);\r\n        transition: border var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n      }\r\n\r\n      &:active {\r\n        text-decoration: none;\r\n        border-bottom: 1px solid var(--color-green-06);\r\n        color: var(--color-white-grey);\r\n      }\r\n\r\n      &:focus {\r\n        outline: 3px solid var(--color-blue-07);\r\n        outline-offset: 2px;\r\n        border-radius: var(--ptc-border-radius-standard);\r\n        text-decoration: none;\r\n        border-color: transparent !important;\r\n      }\r\n      &:focus-visible {\r\n        @include focus-state;\r\n        transition: none !important;\r\n        border-color: white !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.white) {\r\n  li {\r\n    color: var(--color-white);\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-white);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.light-gray) {\r\n  li {\r\n    color: var(--color-gray-01);\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-gray-01);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.primary-gray) {\r\n  li {\r\n    color: var(--color-gray-10);\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-gray-10);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.list-underline) {\r\n  li {\r\n    color: var(--color-gray-10);\r\n    list-style: none;\r\n    text-decoration: underline 1px solid;\r\n    text-underline-offset: 2px;\r\n    line-height: var(--ptc-line-height-p);\r\n    a {\r\n      display: inline-block;\r\n      padding: 4px 0;\r\n      &.item-link {\r\n        color: var(--color-gray-10);\r\n      }\r\n      &:focus-visible {\r\n        @include base-focus-state;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host {\r\n  li {\r\n    .has-before-home-icon {\r\n      display: block;\r\n      @include screen-xs {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"list-item\",\r\n\tstyleUrl: \"list-item.scss\",\r\n\tshadow: true,\r\n})\r\nexport class ListItem {\r\n\t@Prop() listType:\r\n\t\t| \"list-primary\"\r\n\t\t| \"list-footer\"\r\n\t\t| \"breadcrumb\"\r\n\t\t| \"list-green\"\r\n\t\t| \"list-underline\" = \"list-primary\";\r\n\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() flushBefore: boolean = false;\r\n\r\n\t@Prop() linkTarget: string | undefined = \"_self\";\r\n\r\n\t@Prop() hasBeforeHomeIcon: boolean = false;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\t/**\r\n\t * Theme color\r\n\t */\r\n\t@Prop() color?: \"white\" | \"primary-gray\" | \"light-gray\";\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// Properties for accessibilty / aria\r\n\t@Prop() ariaLabel: string = \"\";\r\n\r\n\t@Element() hostElement: HTMLElement;\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<li id={this.trackerId}>\r\n\t\t\t\t\t{/* {this.hasBeforeHomeIcon ? <icon-asset class=\"has-before-home-icon\" type=\"ptc\" size=\"medium\" name=\"icon-home\" color={this.color}></icon-asset> : null} */}\r\n\t\t\t\t\t{this.linkHref ? (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tclass=\"item-link\"\r\n\t\t\t\t\t\t\ttarget={this.linkTarget}\r\n\t\t\t\t\t\t\t{...(this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t\t? { \"aria-label\": this.ariaLabel }\r\n\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</li>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tlet bcEnable = false;\r\n\t\tif (this.hostElement && this.hostElement.parentElement) {\r\n\t\t\ttry {\r\n\t\t\t\tbcEnable =\r\n\t\t\t\t\tthis.hostElement.parentElement.classList.contains(\r\n\t\t\t\t\t\t\"center\",\r\n\t\t\t\t\t) &&\r\n\t\t\t\t\tthis.hostElement.parentElement.tagName === \"PTC-BREADCRUMB\";\r\n\t\t\t} catch (err) {\r\n\t\t\t\tconsole.log(err);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t[this.listType]: true,\r\n\t\t\t[\"flush-before\"]: this.flushBefore ? true : false,\r\n\t\t\t[this.color]: !!this.color ? true : false,\r\n\t\t\t[\"breadcrumb-center\"]: bcEnable,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-gC9OfbBZ.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+zHAA+zH;;MCQt0H,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACZ,QAAQ,GAKM,cAAc;IAE5B,QAAQ,GAAY,SAAS;IAE7B,WAAW,GAAY,KAAK;IAE5B,UAAU,GAAuB,OAAO;IAExC,iBAAiB,GAAY,KAAK;AAElC,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEI;AACI,IAAA,MAAM;;IAGN,SAAS,GAAW,EAAE;;IAI9B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QACtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAEpB,EAAA,IAAI,CAAC,QAAQ,IACb,CAAA,CAAA,GAAA,EAAA,EACC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,IAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC7C,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS;AAChC,kBAAE,EAAE,CAAC,EACN,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACV,KAEJ,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACb,CACG,CACC;;IAID,cAAc,GAAA;QACrB,IAAI,QAAQ,GAAG,KAAK;QACpB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACvD,YAAA,IAAI;gBACH,QAAQ;oBACP,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAChD,QAAQ,CACR;wBACD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,KAAK,gBAAgB;;YAC3D,OAAO,GAAG,EAAE;AACb,gBAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;;;QAGlB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;AACrB,YAAA,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;YACzC,CAAC,mBAAmB,GAAG,QAAQ;YAC/B,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/list-item/list-item.scss?tag=list-item&encapsulation=shadow","src/components/atoms/list-item/list-item.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host(.list-primary) {\r\n  display: block;\r\n}\r\n\r\n:host(.flush-before) {\r\n  li::before {\r\n    content: '' !important;\r\n  }\r\n}\r\n\r\n:host(.breadcrumb) {\r\n  display: inline-block;\r\n\r\n  li {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: var(--color-white);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n    font-size: var(--ptc-font-size-xxx-small);\r\n    line-height: var(--ptc-line-height-densest);\r\n    display: flex;\r\n    align-items: baseline;\r\n    &::before {\r\n      content: '/';\r\n      top: 0;\r\n      left: 0;\r\n      margin-left: 2px;\r\n    }\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-white);\r\n        font-weight: var(--ptc-font-weight-bold) !important;\r\n        font-size: var(--ptc-font-size-xxx-small) !important;\r\n        line-height: var(--ptc-line-height-densest);\r\n        text-decoration: underline;\r\n        text-decoration-color: transparent;\r\n        text-underline-offset: 2px;\r\n        text-decoration-thickness: 1px;\r\n        outline: none;\r\n        transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n        &:hover {\r\n          text-decoration: underline;\r\n          text-decoration-color: var(--color-green-07);\r\n          outline: none;\r\n        }\r\n        &:focus-visible {\r\n          transition: none;\r\n          @include focus-state;\r\n          padding-bottom: 5px;\r\n          padding-right: 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.breadcrumb-center) {\r\n  li {\r\n    display: inline;\r\n  }\r\n}\r\n\r\n:host(.list-green) {\r\n  display: block;\r\n  margin-bottom: 16px;\r\n\r\n  li {\r\n    a {\r\n      font-size: var(--ptc-font-size-xx-small);\r\n      color: var(--color-gray-10);\r\n      text-decoration: underline;\r\n      text-decoration-thickness: 1.5px;\r\n      text-decoration-color: var(--color-green-04);\r\n      font-weight: var(--ptc-font-weight-bold);\r\n      transition: color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n      line-height: var(--ptc-line-height-p);\r\n      text-underline-offset: 4px;\r\n\r\n      &:hover {\r\n        color: var(--color-green-04);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(:not(.flush-before)) {\r\n  li::before {\r\n    margin-right: 2px;\r\n  }\r\n}\r\n\r\n:host(.list-footer) {\r\n  li {\r\n    display: inline-block;\r\n    font-size: var(--ptc-font-size-xx-small);\r\n    font-weight: var(--ptc-font-weight-regular);\r\n    font-style: normal;\r\n    font-stretch: normal;\r\n    line-height: var(--ptc-line-height-denser);\r\n    letter-spacing: normal;\r\n    color: var(--color-white);\r\n    margin: 0 0.5rem;\r\n\r\n    a {\r\n      color: var(--color-white-grey);\r\n      border-bottom: 1px solid transparent;\r\n      display: inline-block;\r\n      text-decoration: none;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        text-decoration: none;\r\n        border-bottom: 1px solid var(--color-green-06);\r\n        color: var(--color-white-grey);\r\n        transition: border var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n      }\r\n\r\n      &:active {\r\n        text-decoration: none;\r\n        border-bottom: 1px solid var(--color-green-06);\r\n        color: var(--color-white-grey);\r\n      }\r\n\r\n      &:focus {\r\n        outline: 3px solid var(--color-blue-07);\r\n        outline-offset: 2px;\r\n        border-radius: var(--ptc-border-radius-standard);\r\n        text-decoration: none;\r\n        border-color: transparent !important;\r\n      }\r\n      &:focus-visible {\r\n        @include focus-state;\r\n        transition: none !important;\r\n        border-color: white !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.white) {\r\n  li {\r\n    color: var(--color-white);\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-white);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.light-gray) {\r\n  li {\r\n    color: var(--color-gray-01);\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-gray-01);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.primary-gray) {\r\n  li {\r\n    color: var(--color-gray-10);\r\n\r\n    a {\r\n      &.item-link {\r\n        color: var(--color-gray-10);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host(.list-underline) {\r\n  li {\r\n    color: var(--color-gray-10);\r\n    list-style: none;\r\n    text-decoration: underline 1px solid;\r\n    text-underline-offset: 2px;\r\n    line-height: var(--ptc-line-height-p);\r\n    a {\r\n      display: inline-block;\r\n      padding: 4px 0;\r\n      &.item-link {\r\n        color: var(--color-gray-10);\r\n      }\r\n      &:focus-visible {\r\n        @include base-focus-state;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host {\r\n  li {\r\n    .has-before-home-icon {\r\n      display: block;\r\n      @include screen-xs {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"list-item\",\r\n\tstyleUrl: \"list-item.scss\",\r\n\tshadow: true,\r\n})\r\nexport class ListItem {\r\n\t@Prop() listType:\r\n\t\t| \"list-primary\"\r\n\t\t| \"list-footer\"\r\n\t\t| \"breadcrumb\"\r\n\t\t| \"list-green\"\r\n\t\t| \"list-underline\" = \"list-primary\";\r\n\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() flushBefore: boolean = false;\r\n\r\n\t@Prop() linkTarget: string | undefined = \"_self\";\r\n\r\n\t@Prop() hasBeforeHomeIcon: boolean = false;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\t/**\r\n\t * Theme color\r\n\t */\r\n\t@Prop() color?: \"white\" | \"primary-gray\" | \"light-gray\";\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// Properties for accessibilty / aria\r\n\t@Prop() ariaLabel: string = \"\";\r\n\r\n\t@Element() hostElement: HTMLElement;\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<li id={this.trackerId}>\r\n\t\t\t\t\t{/* {this.hasBeforeHomeIcon ? <icon-asset class=\"has-before-home-icon\" type=\"ptc\" size=\"medium\" name=\"icon-home\" color={this.color}></icon-asset> : null} */}\r\n\t\t\t\t\t{this.linkHref ? (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tclass=\"item-link\"\r\n\t\t\t\t\t\t\ttarget={this.linkTarget}\r\n\t\t\t\t\t\t\t{...(this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t\t? { \"aria-label\": this.ariaLabel }\r\n\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</li>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tlet bcEnable = false;\r\n\t\tif (this.hostElement && this.hostElement.parentElement) {\r\n\t\t\ttry {\r\n\t\t\t\tbcEnable =\r\n\t\t\t\t\tthis.hostElement.parentElement.classList.contains(\r\n\t\t\t\t\t\t\"center\",\r\n\t\t\t\t\t) &&\r\n\t\t\t\t\tthis.hostElement.parentElement.tagName === \"PTC-BREADCRUMB\";\r\n\t\t\t} catch (err) {\r\n\t\t\t\tconsole.log(err);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t[this.listType]: true,\r\n\t\t\t[\"flush-before\"]: this.flushBefore ? true : false,\r\n\t\t\t[this.color]: !!this.color ? true : false,\r\n\t\t\t[\"breadcrumb-center\"]: bcEnable,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-VxJ6dAtY.js → p-p7seAWpY.js}

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

package/dist/components/{p-VxJ6dAtY.js.map → p-p7seAWpY.js.map}

@@ -1 +1 @@
-{"file":"p-VxJ6dAtY.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}
+{"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}

package/dist/components/{p-D7T7AgYx.js → p-paNBXAEe.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h } from './p-BvGlmU4v.js';
 
 const dropdownItemCss = ".dropdown-item{transition:background-color ease-out 250ms;max-width:240px}@media only screen and (min-width: 480px){.dropdown-item{max-width:400px}}@media only screen and (min-width: 992px){.dropdown-item{max-width:650px}}.dropdown-item:active{transition:background-color ease-out 0ms}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--color-gray-02)}.dropdown-item span{display:block;padding:0.75rem 1.5rem;font-family:\"Raleway\";font-style:normal;font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);color:var(--color-gray-12);text-decoration:none}.dropdown-item span:hover,.dropdown-item span:visited,.dropdown-item span:active,.dropdown-item span:focus,.dropdown-item span:focus-visible{color:var(--color-gray-12)}";
 
@@ -35,6 +35,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { DropdownItem as D, defineCustomElement as d };
-//# sourceMappingURL=p-D7T7AgYx.js.map
+//# sourceMappingURL=p-paNBXAEe.js.map
 
-//# sourceMappingURL=p-D7T7AgYx.js.map
+//# sourceMappingURL=p-paNBXAEe.js.map

package/dist/components/{p-D7T7AgYx.js.map → p-paNBXAEe.js.map}

@@ -1 +1 @@
-{"file":"p-D7T7AgYx.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w1BAAw1B;;MCOn2B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,QAAQ,GAAY,SAAS;IAE7B,UAAU,GAAuB,OAAO;IAEhD,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown-item/dropdown-item.scss?tag=dropdown-item","src/components/molecules/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.dropdown-item {\r\n\ttransition: background-color ease-out 250ms;\r\n\tmax-width: 240px;\r\n\t@include screen-xs {\r\n\t\tmax-width: 400px;\r\n\t}\r\n\t@include screen-md {\r\n\t\tmax-width: 650px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: background-color ease-out 0ms;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:active,\r\n\t&:focus,\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\tspan {\r\n\t\tdisplay: block;\r\n\t\tpadding: 0.75rem 1.5rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover,\r\n\t\t&:visited,\r\n\t\t&:active,\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tcolor: var(--color-gray-12);\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"dropdown-item\",\r\n\tstyleUrl: \"dropdown-item.scss\",\r\n\tshadow: false,\r\n})\r\nexport class DropdownItem {\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() linkTarget: string | undefined = \"_self\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"dropdown-item\">\r\n\t\t\t\t<slot />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-paNBXAEe.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w1BAAw1B;;MCOn2B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,QAAQ,GAAY,SAAS;IAE7B,UAAU,GAAuB,OAAO;IAEhD,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown-item/dropdown-item.scss?tag=dropdown-item","src/components/molecules/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.dropdown-item {\r\n\ttransition: background-color ease-out 250ms;\r\n\tmax-width: 240px;\r\n\t@include screen-xs {\r\n\t\tmax-width: 400px;\r\n\t}\r\n\t@include screen-md {\r\n\t\tmax-width: 650px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: background-color ease-out 0ms;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:active,\r\n\t&:focus,\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\tspan {\r\n\t\tdisplay: block;\r\n\t\tpadding: 0.75rem 1.5rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover,\r\n\t\t&:visited,\r\n\t\t&:active,\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tcolor: var(--color-gray-12);\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"dropdown-item\",\r\n\tstyleUrl: \"dropdown-item.scss\",\r\n\tshadow: false,\r\n})\r\nexport class DropdownItem {\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() linkTarget: string | undefined = \"_self\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"dropdown-item\">\r\n\t\t\t\t<slot />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CPpdnaRo.js → p-qpLhhGXh.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, V as ValidationMessages, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, V as ValidationMessages, h, d as Host } from './p-BvGlmU4v.js';
 import { g as getDefaultExportFromCjs } from './p-B85MJLTf.js';
 import { b as getLanguageFromURL } from './p-DpFzAwLW.js';
 import { _ as __extends, a as __assign, M as MDCFoundation, e as MDCComponent, d as __values, f as applyPassive, b as MDCRipple, m as matches, c as MDCRippleFoundation } from './p-CXJAHwdV.js';
@@ -3866,6 +3866,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcTextfield as P, defineCustomElement as d };
-//# sourceMappingURL=p-CPpdnaRo.js.map
+//# sourceMappingURL=p-qpLhhGXh.js.map
 
-//# sourceMappingURL=p-CPpdnaRo.js.map
+//# sourceMappingURL=p-qpLhhGXh.js.map