@ptcwebops/ptcw-design 7.0.10-upgrade → 7.0.12-upgrade

package/dist/components/{p-CIu_EOEu.js → p-BCar4bIC.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$1 } from './p-CL4G31qv.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
+import { d as defineCustomElement$1 } from './p-Dd730ed6.js';
 
 const ptcFilterTagCss = ".ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{transition:none;background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}.ptc-filter-tag.standard:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
 
@@ -105,6 +105,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcFilterTag as P, defineCustomElement as d };
-//# sourceMappingURL=p-CIu_EOEu.js.map
+//# sourceMappingURL=p-BCar4bIC.js.map
 
-//# sourceMappingURL=p-CIu_EOEu.js.map
+//# sourceMappingURL=p-BCar4bIC.js.map

package/dist/components/{p-CIu_EOEu.js.map → p-BCar4bIC.js.map}

@@ -1 +1 @@
-{"file":"p-CIu_EOEu.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-tag/ptc-filter-tag.scss?tag=ptc-filter-tag&encapsulation=shadow","src/components/molecules/ptc-filter-tag/ptc-filter-tag.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.ptc-filter-tag {\r\n\tdisplay: block;\r\n\tcursor: pointer;\r\n\tposition: relative;\r\n\tmargin: 0.25rem;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t&.bubble {\r\n\t\tmargin: 0 0.25rem;\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tline-height: 1.125rem;\r\n\t\ttext-align: left;\r\n\t\talign-items: center;\r\n\t\ttransition: border-color ease-out 250ms;\r\n\t\tborder: 1px solid var(--color-gray-05);\r\n\t\tborder-radius: 999px;\r\n\t\tpadding: 0.375rem 1.875rem 0.375rem 0.875rem;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0.35rem;\r\n\t\t\tright: 0.8rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link,\r\n\t&.link-lg {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-family: Raleway;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\ttext-align: right;\r\n\t\tborder-bottom: 1px solid transparent;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: underline;\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link-lg {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t}\r\n\r\n\t&.button {\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: 0.625rem 1rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-white);\r\n\t\ttransition: border-color ease-out 250ms;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\t\t}\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-black);\r\n\t\t}\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.standard {\r\n\t\tdisplay: inline-flex;\r\n\t\tbackground: var(--color-gray-12);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-green-07);\r\n\t\tbackground-color: transparent;\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-left: 0.25rem;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tState,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-tag\",\r\n\tstyleUrl: \"ptc-filter-tag.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterTag {\r\n\t/**\r\n\t * Theme\r\n\t */\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() theme: \"bubble\" | \"link\" | \"link-lg\" | \"button\" | \"standard\" =\r\n\t\t\"bubble\";\r\n\t@Event() clicked: EventEmitter;\r\n\t@State() iconColorMap: any;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Prop() trackerID: string;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.iconColorMap = {\r\n\t\t\tbubble: {\r\n\t\t\t\thover: \"black\",\r\n\t\t\t\tstandard: \"light-gray\",\r\n\t\t\t},\r\n\t\t\tstandard: {\r\n\t\t\t\thover: \"ptc-green\",\r\n\t\t\t\tstandard: \"black\",\r\n\t\t\t},\r\n\t\t};\r\n\t}\r\n\r\n\thandleClick = () => {\r\n\t\tthis.clicked.emit(this);\r\n\t};\r\n\r\n\thandleMouseEnter() {\r\n\t\tthis.updateIconColor(\"hover\");\r\n\t}\r\n\r\n\thandleMouseLeave() {\r\n\t\tthis.updateIconColor(\"standard\");\r\n\t}\r\n\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.clicked.emit(this);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tdefault: {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tupdateIconColor(state: string) {\r\n\t\tlet icon = this.el.shadowRoot.querySelector(\"icon-asset\");\r\n\r\n\t\tif (icon) {\r\n\t\t\tif (this.iconColorMap[this.theme]) {\r\n\t\t\t\ticon.setAttribute(\r\n\t\t\t\t\t\"color\",\r\n\t\t\t\t\tthis.iconColorMap[this.theme][state],\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tlet icon;\r\n\r\n\t\tswitch (this.theme) {\r\n\t\t\tcase \"bubble\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"light-gray\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"micro\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"standard\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"black\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<span\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tonClick={() => this.handleClick()}\r\n\t\t\t\t\tonKeyPress={() => this.handleClick()}\r\n\t\t\t\t\tonKeyDown={(e) => this.handleKeyDown(e)}\r\n\t\t\t\t\tonMouseEnter={() => this.handleMouseEnter()}\r\n\t\t\t\t\tonMouseLeave={() => this.handleMouseLeave()}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{icon}\r\n\t\t\t\t</span>\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[\"ptc-filter-tag\"]: true,\r\n\t\t\t[this.theme]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-BCar4bIC.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-tag/ptc-filter-tag.scss?tag=ptc-filter-tag&encapsulation=shadow","src/components/molecules/ptc-filter-tag/ptc-filter-tag.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.ptc-filter-tag {\r\n\tdisplay: block;\r\n\tcursor: pointer;\r\n\tposition: relative;\r\n\tmargin: 0.25rem;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t&.bubble {\r\n\t\tmargin: 0 0.25rem;\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tline-height: 1.125rem;\r\n\t\ttext-align: left;\r\n\t\talign-items: center;\r\n\t\ttransition: border-color ease-out 250ms;\r\n\t\tborder: 1px solid var(--color-gray-05);\r\n\t\tborder-radius: 999px;\r\n\t\tpadding: 0.375rem 1.875rem 0.375rem 0.875rem;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0.35rem;\r\n\t\t\tright: 0.8rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link,\r\n\t&.link-lg {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-family: Raleway;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\ttext-align: right;\r\n\t\tborder-bottom: 1px solid transparent;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: underline;\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link-lg {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t}\r\n\r\n\t&.button {\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: 0.625rem 1rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-white);\r\n\t\ttransition: border-color ease-out 250ms;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\t\t}\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-black);\r\n\t\t}\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.standard {\r\n\t\tdisplay: inline-flex;\r\n\t\tbackground: var(--color-gray-12);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-green-07);\r\n\t\tbackground-color: transparent;\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-left: 0.25rem;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tState,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-tag\",\r\n\tstyleUrl: \"ptc-filter-tag.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterTag {\r\n\t/**\r\n\t * Theme\r\n\t */\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() theme: \"bubble\" | \"link\" | \"link-lg\" | \"button\" | \"standard\" =\r\n\t\t\"bubble\";\r\n\t@Event() clicked: EventEmitter;\r\n\t@State() iconColorMap: any;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Prop() trackerID: string;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.iconColorMap = {\r\n\t\t\tbubble: {\r\n\t\t\t\thover: \"black\",\r\n\t\t\t\tstandard: \"light-gray\",\r\n\t\t\t},\r\n\t\t\tstandard: {\r\n\t\t\t\thover: \"ptc-green\",\r\n\t\t\t\tstandard: \"black\",\r\n\t\t\t},\r\n\t\t};\r\n\t}\r\n\r\n\thandleClick = () => {\r\n\t\tthis.clicked.emit(this);\r\n\t};\r\n\r\n\thandleMouseEnter() {\r\n\t\tthis.updateIconColor(\"hover\");\r\n\t}\r\n\r\n\thandleMouseLeave() {\r\n\t\tthis.updateIconColor(\"standard\");\r\n\t}\r\n\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.clicked.emit(this);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tdefault: {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tupdateIconColor(state: string) {\r\n\t\tlet icon = this.el.shadowRoot.querySelector(\"icon-asset\");\r\n\r\n\t\tif (icon) {\r\n\t\t\tif (this.iconColorMap[this.theme]) {\r\n\t\t\t\ticon.setAttribute(\r\n\t\t\t\t\t\"color\",\r\n\t\t\t\t\tthis.iconColorMap[this.theme][state],\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tlet icon;\r\n\r\n\t\tswitch (this.theme) {\r\n\t\t\tcase \"bubble\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"light-gray\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"micro\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"standard\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"black\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<span\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tonClick={() => this.handleClick()}\r\n\t\t\t\t\tonKeyPress={() => this.handleClick()}\r\n\t\t\t\t\tonKeyDown={(e) => this.handleKeyDown(e)}\r\n\t\t\t\t\tonMouseEnter={() => this.handleMouseEnter()}\r\n\t\t\t\t\tonMouseLeave={() => this.handleMouseLeave()}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{icon}\r\n\t\t\t\t</span>\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[\"ptc-filter-tag\"]: true,\r\n\t\t\t[this.theme]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BSMbwSEA.js → p-BI_M6kr3.js}

@@ -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 ptcTooltipCss = ".sc-ptc-tooltip-h{position:relative}.inline.sc-ptc-tooltip-h{display:inline}.inline.sc-ptc-tooltip-h .text-content.sc-ptc-tooltip{display:inline}.block.sc-ptc-tooltip-h{display:block}.text-ellipsis.sc-ptc-tooltip{position:relative;display:inline}.text-ellipsis.sc-ptc-tooltip:not(.truncated){z-index:auto !important}.z-auto.sc-ptc-tooltip{z-index:auto}.z-1.sc-ptc-tooltip{z-index:1}.z-2.sc-ptc-tooltip{z-index:2}.z-3.sc-ptc-tooltip{z-index:3}.z-999.sc-ptc-tooltip{z-index:999}.tooltip.sc-ptc-tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}.tooltip.sc-ptc-tooltip span.sc-ptc-tooltip{word-break:initial}@media only screen and (min-width: 480px){.tooltip.sc-ptc-tooltip{width:273px}}.tooltip.danger.sc-ptc-tooltip{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger.sc-ptc-tooltip a.sc-ptc-tooltip{color:var(--color-hyperlink)}.tooltip.bottom.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%)}.tooltip.bottom.sc-ptc-tooltip::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left.sc-ptc-tooltip{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left.sc-ptc-tooltip::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip.right{transform:translate(100%, 8px) !important}}}.tooltip.right.sc-ptc-tooltip::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top.sc-ptc-tooltip{top:-8px;transform:translateY(-100%)}.tooltip.top.sc-ptc-tooltip::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right.sc-ptc-tooltip{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right.sc-ptc-tooltip::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger.sc-ptc-tooltip::after{top:0;border-bottom:8px solid var(--color-red-07)}.tooltip.side-left.sc-ptc-tooltip{bottom:12px;transform:translateX(-112%)}@media only screen and (min-width: 768px){.tooltip.side-left.sc-ptc-tooltip{bottom:4px}}.tooltip.side-left.sc-ptc-tooltip::after{top:50%;right:-15px;transform:translateY(-50%);border:8px solid transparent;border-left:8px solid var(--color-gray-09)}.truncated.sc-ptc-tooltip{cursor:help}.truncated.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.wrapper-content.sc-ptc-tooltip{display:inline-block;position:relative}.wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content.sc-ptc-tooltip .slot-content.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.tooltip.sc-ptc-tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing.sc-ptc-tooltip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}@media only screen and (min-width: 480px){.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}}.no-overflow.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{display:none !important}.no-overflow.sc-ptc-tooltip-h .truncated.sc-ptc-tooltip.sc-ptc-tooltip{cursor:pointer}";
 
@@ -176,6 +176,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcTooltip as P, defineCustomElement as d };
-//# sourceMappingURL=p-BSMbwSEA.js.map
+//# sourceMappingURL=p-BI_M6kr3.js.map
 
-//# sourceMappingURL=p-BSMbwSEA.js.map
+//# sourceMappingURL=p-BI_M6kr3.js.map

package/dist/components/{p-BSMbwSEA.js.map → p-BI_M6kr3.js.map}

@@ -1 +1 @@
-{"file":"p-BSMbwSEA.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-tooltip/ptc-tooltip.scss?tag=ptc-tooltip&encapsulation=scoped","src/components/atoms/ptc-tooltip/ptc-tooltip.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n  position: relative;\r\n}\r\n:host(.inline) {\r\n  display: inline;\r\n  .text-content {\r\n    display: inline;\r\n  }\r\n}\r\n:host(.block) {\r\n  display: block;\r\n}\r\n.text-ellipsis {\r\n  // text-overflow:ellipsis;\r\n  // //white-space:nowrap;\r\n  // overflow:hidden;\r\n  position: relative;\r\n  display: inline;\r\n\r\n  &:not(.truncated) {\r\n    z-index: auto !important;\r\n  }\r\n}\r\n.z-auto {\r\n  z-index: auto;\r\n}\r\n.z-1 {\r\n  z-index: 1;\r\n}\r\n.z-2 {\r\n  z-index: 2;\r\n}\r\n.z-3 {\r\n  z-index: 3;\r\n}\r\n.z-999 {\r\n  z-index: 999;\r\n}\r\n\r\n.tooltip {\r\n  //we don't support open sans on our site\r\n  position: absolute;\r\n  padding: 8px;\r\n  color: var(--color-white);\r\n  font-size: var(--ptc-font-size-xxx-small);\r\n  font-weight: var(--ptc-font-weight-semibold);\r\n  background: var(--color-gray-09);\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\r\n  border: none;\r\n  border-radius: 2px; //not standard\r\n  width: auto;\r\n  height: auto;\r\n  visibility: hidden;\r\n  text-align: left;\r\n  text-shadow: none;\r\n  white-space: normal;\r\n  span {\r\n    word-break: initial;\r\n  }\r\n  @include screen-xs {\r\n    width: 273px;\r\n  }\r\n\r\n  &.danger {\r\n    color: var(--color-red-07);\r\n    font-family: var(--ptc-font-latin);\r\n    font-weight: var(--ptc-font-weight-semibold);\r\n    font-size: var(--ptc-font-size-xx-small);\r\n    line-height: var(--ptc-line-height-p);\r\n    border: 2px solid var(--color-red-07);\r\n    border-radius: var(--ptc-border-radius-standard);\r\n    background-color: var(--color-white);\r\n    padding: var(--ptc-element-spacing-06);\r\n\r\n    a {\r\n      color: var(--color-hyperlink);\r\n    }\r\n  }\r\n\r\n  &.bottom {\r\n    bottom: -12px;\r\n    transform: translateY(100%);\r\n\r\n    &::after {\r\n      top: 1px;\r\n      left: 50%;\r\n      transform: translate(-50%, -100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.left {\r\n    bottom: -12px;\r\n    transform: translate(-80%, 100%);\r\n\r\n    &::after {\r\n      top: 1px;\r\n      right: 8px;\r\n      transform: translateY(-100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.right {\r\n    bottom: -12px;\r\n    transform: translateY(100%);\r\n    right: 0px;\r\n\r\n    @-moz-document url-prefix() {\r\n      right: unset !important;\r\n      bottom: unset !important;\r\n      transform: translate(60%, 8px) !important;\r\n\r\n      @media screen and (min-width: 992px) {\r\n        transform: translate(100%, 8px) !important;\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      top: 1px;\r\n      left: 8px;\r\n      transform: translateY(-100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.top {\r\n    top: -8px;\r\n    transform: translateY(-100%);\r\n\r\n    &::after {\r\n      left: 50%;\r\n      bottom: 1px;\r\n      transform: translate(-50%, 100%);\r\n      border: 8px solid transparent;\r\n      border-top: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.bottom-right {\r\n    bottom: -12px;\r\n    transform: translate(-60%, 100%);\r\n\r\n    &::after {\r\n      top: 1px;\r\n      left: 75%;\r\n      transform: translate(-50%, -100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n\r\n  &.danger {\r\n    &::after {\r\n      top: 0;\r\n      border-bottom: 8px solid var(--color-red-07);\r\n    }\r\n  }\r\n\r\n  &.side-left {\r\n    bottom: 12px;\r\n    transform: translateX(-112%);\r\n\r\n    @include screen-sm {\r\n      bottom: 4px;\r\n    }\r\n\r\n    &::after {\r\n      top: 50%;\r\n      right: -15px;\r\n      transform: translateY(-50%);\r\n      border: 8px solid transparent;\r\n      border-left: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n}\r\n.truncated {\r\n  cursor: help;\r\n  &:hover {\r\n    & + .tooltip {\r\n      visibility: visible;\r\n      z-index: 9999;\r\n    }\r\n  }\r\n}\r\n.wrapper-content {\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  .tooltip {\r\n    width: auto;\r\n    min-width: 72px;\r\n    max-width: 273px;\r\n  }\r\n  .slot-content {\r\n    &:hover {\r\n      & + .tooltip {\r\n        visibility: visible;\r\n        z-index: 9999;\r\n      }\r\n    }\r\n  }\r\n}\r\n.tooltip::after {\r\n  content: '';\r\n  position: absolute;\r\n}\r\n\r\n.ellipsis-by-line-boxing {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  overflow-wrap: break-word;\r\n  padding-bottom: 0;\r\n}\r\n\r\n:host(.full-width) {\r\n  .tooltip {\r\n    width: 100%;\r\n    @include screen-xs {\r\n      width: 100%; // for overriding default\r\n    }\r\n  }\r\n}\r\n\r\n:host(.no-overflow) {\r\n  .tooltip {\r\n    display: none !important;\r\n  }\r\n  .truncated.sc-ptc-tooltip {\r\n    cursor: pointer;\r\n  }\r\n}\r\n","import { Component, h, Prop, Host, Element, Listen } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n  tag: \"ptc-tooltip\",\r\n  styleUrl: \"ptc-tooltip.scss\",\r\n  scoped: true,\r\n})\r\nexport class PtcTooltip {\r\n  @Element() el: HTMLElement;\r\n  /**\r\n   * Component Display\r\n   * please don't set it to be inline-block\r\n   */\r\n  @Prop() textDisplay: \"inline\" | \"block\" = \"inline\";\r\n  /**\r\n   * max length\r\n   */\r\n  @Prop() maxLength: number = 45;\r\n  /**\r\n   * Ellipsis apply to X lines\r\n   * @returns  string\r\n   */\r\n  @Prop() textLines?: number;\r\n  /**\r\n   * injected Description\r\n   */\r\n  @Prop() description: string = \"This is a tooltip text placeholder\";\r\n  /**\r\n   * index of hover element\r\n   */\r\n  @Prop() zIndex: \"z-auto\" | \"z-1\" | \"z-2\" | \"z-3\" | \"z-999\" = \"z-auto\";\r\n  /**\r\n   * Tooltip position\r\n   */\r\n  @Prop() position:\r\n    | \"left\"\r\n    | \"right\"\r\n    | \"bottom\"\r\n    | \"bottom-right\"\r\n    | \"top\"\r\n    | \"side-left\" = \"bottom\";\r\n  /**\r\n   *  (optional) Injected CSS Styles\r\n   */\r\n  @Prop() styles?: string;\r\n  /**\r\n   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing\r\n   */\r\n  @Prop() mode: \"wrapper\" | \"text-only\" = \"text-only\";\r\n  /**\r\n   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing\r\n   */\r\n  @Prop() theme: \"standard\" | \"danger\" = \"standard\";\r\n\r\n  /**\r\n   * This will make the width 100% respective to its parent\r\n   */\r\n  @Prop() width?: \"full-width\" | \"default\" = \"default\";\r\n  /**\r\n   * If tooltip hide-on-mobile = \"true\" then the tooltip will not be visible belwo 768px devices\r\n   */\r\n  @Prop() hideOnMobile?: boolean = false;\r\n\r\n  @Prop({ mutable: true }) isSmallScreen: boolean;\r\n\r\n  /**\r\n   * If tooltip noOverflow = \"true\" then the tooltip will not be visible just ellipses will be visible\r\n   */\r\n  @Prop() noOverflow?: boolean = false;\r\n\r\n  @Listen(\"resize\", { target: \"window\" })\r\n  addTruncatedClass() {\r\n    const appRoot = this.el;\r\n    const text = appRoot.querySelectorAll(\".ellipsis-by-line-boxing\");\r\n\r\n    text.forEach((t) => {\r\n      t.classList[t.scrollHeight > t.clientHeight ? \"add\" : \"remove\"](\r\n        \"truncated\"\r\n      );\r\n    });\r\n  }\r\n\r\n  @Listen(\"resize\", { target: \"window\", passive: true })\r\n  windowResize() {\r\n    this.verifiyScreenSize();\r\n  }\r\n\r\n  verifiyScreenSize() {\r\n    this.isSmallScreen = window.innerWidth < 768;\r\n  }\r\n\r\n  // Created this function to initialize the truncate function on specific elements like tabs\r\n  enableAddTruncatedClass(element) {\r\n    const allTabHeaders = document.querySelectorAll(element);\r\n    for (const element of Array.from(allTabHeaders)) {\r\n      let tabHeader = element;\r\n      if (tabHeader) {\r\n        tabHeader.addEventListener(\"click\", () => {\r\n          setTimeout(() => {\r\n            this.addTruncatedClass();\r\n          }, 100);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.verifiyScreenSize();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    //this.addTruncatedClass();\r\n    setTimeout(() => {\r\n      this.addTruncatedClass();\r\n    }, 1000);\r\n    this.enableAddTruncatedClass(\"tab-header\");\r\n    this.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n    this.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n    document.addEventListener(\"readystatechange\", () => {\r\n      if (document.readyState === \"complete\") {\r\n        this.addTruncatedClass();\r\n      }\r\n    });\r\n  }\r\n\r\n  render() {\r\n    if (this.mode == \"wrapper\") {\r\n      return (\r\n        <Host class={this.textDisplay}>\r\n          {this.styles && <style>{this.styles}</style>}\r\n          <div class=\"wrapper-content\">\r\n            <div class=\"slot-content\">\r\n              <slot></slot>\r\n            </div>\r\n            <div class={`tooltip ${this.position} ${this.theme}`}>\r\n              <slot name=\"description\"></slot>\r\n              {this.description && (\r\n                <span innerHTML={this.description}></span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </Host>\r\n      );\r\n    } else {\r\n      const classMap = this.getCssClassMap();\r\n      const cutOff = this.getLineCuttoff();\r\n\r\n      let truncatedText = this.description.substring(0, this.maxLength);\r\n      if (this.description.length > this.maxLength) {\r\n        //const lastSpace = truncatedText.lastIndexOf(' ');\r\n        //truncatedText = truncatedText.substring(0, lastSpace);\r\n        truncatedText += \"... \";\r\n      }\r\n\r\n      return (\r\n        <Host\r\n          class={{\r\n            [this.textDisplay]: true,\r\n            [this.width]: true,\r\n            \"no-overflow\": this.noOverflow,\r\n          }}\r\n        >\r\n          {this.styles && <style>{this.styles}</style>}\r\n          {this.hideOnMobile && this.isSmallScreen ? (\r\n            <div>{this.description}</div>\r\n          ) : (\r\n            <div class=\"text-content\">\r\n              {this.textLines > 0 && !!this.textLines ? (\r\n                <div\r\n                  class=\"ellipsis-by-line-boxing\"\r\n                  style={cutOff}\r\n                  innerHTML={this.description}\r\n                ></div>\r\n              ) : (\r\n                <div class={classMap}>{truncatedText}</div>\r\n              )}\r\n              <div\r\n                class={`tooltip ${this.position} ${this.theme}`}\r\n                innerHTML={this.description}\r\n              ></div>\r\n            </div>\r\n          )}\r\n        </Host>\r\n      );\r\n    }\r\n  }\r\n\r\n  private getCssClassMap(): CssClassMap {\r\n    return {\r\n      // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,\r\n      [\"text-ellipsis\"]: true,\r\n      [this.zIndex]:\r\n        this.description.length > this.maxLength ? true : false,\r\n      [\"truncated\"]:\r\n        this.description.length > this.maxLength && !this.textLines\r\n          ? true\r\n          : false,\r\n    };\r\n  }\r\n\r\n  private getLineCuttoff(): StylesMap {\r\n    let result: StylesMap;\r\n\r\n    if (this.textLines && this.textLines > 0) {\r\n      result = {\r\n        [\"-webkit-line-clamp\"]: `${this.textLines}`,\r\n      };\r\n    }\r\n\r\n    return result;\r\n  }\r\n}\r\n"],"version":3}
+{"file":"p-BI_M6kr3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-tooltip/ptc-tooltip.scss?tag=ptc-tooltip&encapsulation=scoped","src/components/atoms/ptc-tooltip/ptc-tooltip.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n  position: relative;\r\n}\r\n:host(.inline) {\r\n  display: inline;\r\n  .text-content {\r\n    display: inline;\r\n  }\r\n}\r\n:host(.block) {\r\n  display: block;\r\n}\r\n.text-ellipsis {\r\n  // text-overflow:ellipsis;\r\n  // //white-space:nowrap;\r\n  // overflow:hidden;\r\n  position: relative;\r\n  display: inline;\r\n\r\n  &:not(.truncated) {\r\n    z-index: auto !important;\r\n  }\r\n}\r\n.z-auto {\r\n  z-index: auto;\r\n}\r\n.z-1 {\r\n  z-index: 1;\r\n}\r\n.z-2 {\r\n  z-index: 2;\r\n}\r\n.z-3 {\r\n  z-index: 3;\r\n}\r\n.z-999 {\r\n  z-index: 999;\r\n}\r\n\r\n.tooltip {\r\n  //we don't support open sans on our site\r\n  position: absolute;\r\n  padding: 8px;\r\n  color: var(--color-white);\r\n  font-size: var(--ptc-font-size-xxx-small);\r\n  font-weight: var(--ptc-font-weight-semibold);\r\n  background: var(--color-gray-09);\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\r\n  border: none;\r\n  border-radius: 2px; //not standard\r\n  width: auto;\r\n  height: auto;\r\n  visibility: hidden;\r\n  text-align: left;\r\n  text-shadow: none;\r\n  white-space: normal;\r\n  span {\r\n    word-break: initial;\r\n  }\r\n  @include screen-xs {\r\n    width: 273px;\r\n  }\r\n\r\n  &.danger {\r\n    color: var(--color-red-07);\r\n    font-family: var(--ptc-font-latin);\r\n    font-weight: var(--ptc-font-weight-semibold);\r\n    font-size: var(--ptc-font-size-xx-small);\r\n    line-height: var(--ptc-line-height-p);\r\n    border: 2px solid var(--color-red-07);\r\n    border-radius: var(--ptc-border-radius-standard);\r\n    background-color: var(--color-white);\r\n    padding: var(--ptc-element-spacing-06);\r\n\r\n    a {\r\n      color: var(--color-hyperlink);\r\n    }\r\n  }\r\n\r\n  &.bottom {\r\n    bottom: -12px;\r\n    transform: translateY(100%);\r\n\r\n    &::after {\r\n      top: 1px;\r\n      left: 50%;\r\n      transform: translate(-50%, -100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.left {\r\n    bottom: -12px;\r\n    transform: translate(-80%, 100%);\r\n\r\n    &::after {\r\n      top: 1px;\r\n      right: 8px;\r\n      transform: translateY(-100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.right {\r\n    bottom: -12px;\r\n    transform: translateY(100%);\r\n    right: 0px;\r\n\r\n    @-moz-document url-prefix() {\r\n      right: unset !important;\r\n      bottom: unset !important;\r\n      transform: translate(60%, 8px) !important;\r\n\r\n      @media screen and (min-width: 992px) {\r\n        transform: translate(100%, 8px) !important;\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      top: 1px;\r\n      left: 8px;\r\n      transform: translateY(-100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.top {\r\n    top: -8px;\r\n    transform: translateY(-100%);\r\n\r\n    &::after {\r\n      left: 50%;\r\n      bottom: 1px;\r\n      transform: translate(-50%, 100%);\r\n      border: 8px solid transparent;\r\n      border-top: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n  &.bottom-right {\r\n    bottom: -12px;\r\n    transform: translate(-60%, 100%);\r\n\r\n    &::after {\r\n      top: 1px;\r\n      left: 75%;\r\n      transform: translate(-50%, -100%);\r\n      border: 8px solid transparent;\r\n      border-bottom: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n\r\n  &.danger {\r\n    &::after {\r\n      top: 0;\r\n      border-bottom: 8px solid var(--color-red-07);\r\n    }\r\n  }\r\n\r\n  &.side-left {\r\n    bottom: 12px;\r\n    transform: translateX(-112%);\r\n\r\n    @include screen-sm {\r\n      bottom: 4px;\r\n    }\r\n\r\n    &::after {\r\n      top: 50%;\r\n      right: -15px;\r\n      transform: translateY(-50%);\r\n      border: 8px solid transparent;\r\n      border-left: 8px solid var(--color-gray-09);\r\n    }\r\n  }\r\n}\r\n.truncated {\r\n  cursor: help;\r\n  &:hover {\r\n    & + .tooltip {\r\n      visibility: visible;\r\n      z-index: 9999;\r\n    }\r\n  }\r\n}\r\n.wrapper-content {\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  .tooltip {\r\n    width: auto;\r\n    min-width: 72px;\r\n    max-width: 273px;\r\n  }\r\n  .slot-content {\r\n    &:hover {\r\n      & + .tooltip {\r\n        visibility: visible;\r\n        z-index: 9999;\r\n      }\r\n    }\r\n  }\r\n}\r\n.tooltip::after {\r\n  content: '';\r\n  position: absolute;\r\n}\r\n\r\n.ellipsis-by-line-boxing {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  overflow-wrap: break-word;\r\n  padding-bottom: 0;\r\n}\r\n\r\n:host(.full-width) {\r\n  .tooltip {\r\n    width: 100%;\r\n    @include screen-xs {\r\n      width: 100%; // for overriding default\r\n    }\r\n  }\r\n}\r\n\r\n:host(.no-overflow) {\r\n  .tooltip {\r\n    display: none !important;\r\n  }\r\n  .truncated.sc-ptc-tooltip {\r\n    cursor: pointer;\r\n  }\r\n}\r\n","import { Component, h, Prop, Host, Element, Listen } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n  tag: \"ptc-tooltip\",\r\n  styleUrl: \"ptc-tooltip.scss\",\r\n  scoped: true,\r\n})\r\nexport class PtcTooltip {\r\n  @Element() el: HTMLElement;\r\n  /**\r\n   * Component Display\r\n   * please don't set it to be inline-block\r\n   */\r\n  @Prop() textDisplay: \"inline\" | \"block\" = \"inline\";\r\n  /**\r\n   * max length\r\n   */\r\n  @Prop() maxLength: number = 45;\r\n  /**\r\n   * Ellipsis apply to X lines\r\n   * @returns  string\r\n   */\r\n  @Prop() textLines?: number;\r\n  /**\r\n   * injected Description\r\n   */\r\n  @Prop() description: string = \"This is a tooltip text placeholder\";\r\n  /**\r\n   * index of hover element\r\n   */\r\n  @Prop() zIndex: \"z-auto\" | \"z-1\" | \"z-2\" | \"z-3\" | \"z-999\" = \"z-auto\";\r\n  /**\r\n   * Tooltip position\r\n   */\r\n  @Prop() position:\r\n    | \"left\"\r\n    | \"right\"\r\n    | \"bottom\"\r\n    | \"bottom-right\"\r\n    | \"top\"\r\n    | \"side-left\" = \"bottom\";\r\n  /**\r\n   *  (optional) Injected CSS Styles\r\n   */\r\n  @Prop() styles?: string;\r\n  /**\r\n   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing\r\n   */\r\n  @Prop() mode: \"wrapper\" | \"text-only\" = \"text-only\";\r\n  /**\r\n   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing\r\n   */\r\n  @Prop() theme: \"standard\" | \"danger\" = \"standard\";\r\n\r\n  /**\r\n   * This will make the width 100% respective to its parent\r\n   */\r\n  @Prop() width?: \"full-width\" | \"default\" = \"default\";\r\n  /**\r\n   * If tooltip hide-on-mobile = \"true\" then the tooltip will not be visible belwo 768px devices\r\n   */\r\n  @Prop() hideOnMobile?: boolean = false;\r\n\r\n  @Prop({ mutable: true }) isSmallScreen: boolean;\r\n\r\n  /**\r\n   * If tooltip noOverflow = \"true\" then the tooltip will not be visible just ellipses will be visible\r\n   */\r\n  @Prop() noOverflow?: boolean = false;\r\n\r\n  @Listen(\"resize\", { target: \"window\" })\r\n  addTruncatedClass() {\r\n    const appRoot = this.el;\r\n    const text = appRoot.querySelectorAll(\".ellipsis-by-line-boxing\");\r\n\r\n    text.forEach((t) => {\r\n      t.classList[t.scrollHeight > t.clientHeight ? \"add\" : \"remove\"](\r\n        \"truncated\"\r\n      );\r\n    });\r\n  }\r\n\r\n  @Listen(\"resize\", { target: \"window\", passive: true })\r\n  windowResize() {\r\n    this.verifiyScreenSize();\r\n  }\r\n\r\n  verifiyScreenSize() {\r\n    this.isSmallScreen = window.innerWidth < 768;\r\n  }\r\n\r\n  // Created this function to initialize the truncate function on specific elements like tabs\r\n  enableAddTruncatedClass(element) {\r\n    const allTabHeaders = document.querySelectorAll(element);\r\n    for (const element of Array.from(allTabHeaders)) {\r\n      let tabHeader = element;\r\n      if (tabHeader) {\r\n        tabHeader.addEventListener(\"click\", () => {\r\n          setTimeout(() => {\r\n            this.addTruncatedClass();\r\n          }, 100);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.verifiyScreenSize();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    //this.addTruncatedClass();\r\n    setTimeout(() => {\r\n      this.addTruncatedClass();\r\n    }, 1000);\r\n    this.enableAddTruncatedClass(\"tab-header\");\r\n    this.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n    this.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n    document.addEventListener(\"readystatechange\", () => {\r\n      if (document.readyState === \"complete\") {\r\n        this.addTruncatedClass();\r\n      }\r\n    });\r\n  }\r\n\r\n  render() {\r\n    if (this.mode == \"wrapper\") {\r\n      return (\r\n        <Host class={this.textDisplay}>\r\n          {this.styles && <style>{this.styles}</style>}\r\n          <div class=\"wrapper-content\">\r\n            <div class=\"slot-content\">\r\n              <slot></slot>\r\n            </div>\r\n            <div class={`tooltip ${this.position} ${this.theme}`}>\r\n              <slot name=\"description\"></slot>\r\n              {this.description && (\r\n                <span innerHTML={this.description}></span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </Host>\r\n      );\r\n    } else {\r\n      const classMap = this.getCssClassMap();\r\n      const cutOff = this.getLineCuttoff();\r\n\r\n      let truncatedText = this.description.substring(0, this.maxLength);\r\n      if (this.description.length > this.maxLength) {\r\n        //const lastSpace = truncatedText.lastIndexOf(' ');\r\n        //truncatedText = truncatedText.substring(0, lastSpace);\r\n        truncatedText += \"... \";\r\n      }\r\n\r\n      return (\r\n        <Host\r\n          class={{\r\n            [this.textDisplay]: true,\r\n            [this.width]: true,\r\n            \"no-overflow\": this.noOverflow,\r\n          }}\r\n        >\r\n          {this.styles && <style>{this.styles}</style>}\r\n          {this.hideOnMobile && this.isSmallScreen ? (\r\n            <div>{this.description}</div>\r\n          ) : (\r\n            <div class=\"text-content\">\r\n              {this.textLines > 0 && !!this.textLines ? (\r\n                <div\r\n                  class=\"ellipsis-by-line-boxing\"\r\n                  style={cutOff}\r\n                  innerHTML={this.description}\r\n                ></div>\r\n              ) : (\r\n                <div class={classMap}>{truncatedText}</div>\r\n              )}\r\n              <div\r\n                class={`tooltip ${this.position} ${this.theme}`}\r\n                innerHTML={this.description}\r\n              ></div>\r\n            </div>\r\n          )}\r\n        </Host>\r\n      );\r\n    }\r\n  }\r\n\r\n  private getCssClassMap(): CssClassMap {\r\n    return {\r\n      // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,\r\n      [\"text-ellipsis\"]: true,\r\n      [this.zIndex]:\r\n        this.description.length > this.maxLength ? true : false,\r\n      [\"truncated\"]:\r\n        this.description.length > this.maxLength && !this.textLines\r\n          ? true\r\n          : false,\r\n    };\r\n  }\r\n\r\n  private getLineCuttoff(): StylesMap {\r\n    let result: StylesMap;\r\n\r\n    if (this.textLines && this.textLines > 0) {\r\n      result = {\r\n        [\"-webkit-line-clamp\"]: `${this.textLines}`,\r\n      };\r\n    }\r\n\r\n    return result;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/{p-CdDs3va5.js → p-BOFfUkjh.js}

@@ -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 ptcCloseIconCss = ":host{display:inline-block}:host:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:5px solid transparent;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);cursor:pointer}:host .close-icon svg{padding:7px;border:1px solid transparent;border-radius:var(--ptc-border-radius-standard);background-color:transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);box-sizing:initial}:host .close-icon svg:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon:hover svg{border-color:var(--color-gray-12)}:host .close-icon:active svg{transition-duration:0ms;background-color:var(--color-gray-02);border:1px solid var(--color-gray-12)}";
 
@@ -31,6 +31,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcCloseIcon as P, defineCustomElement as d };
-//# sourceMappingURL=p-CdDs3va5.js.map
+//# sourceMappingURL=p-BOFfUkjh.js.map
 
-//# sourceMappingURL=p-CdDs3va5.js.map
+//# sourceMappingURL=p-BOFfUkjh.js.map

package/dist/components/{p-CdDs3va5.js.map → p-BOFfUkjh.js.map}

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

package/dist/components/{p-COYo2Tbg.js → p-BQODAI4T.js}

@@ -1,9 +1,9 @@
-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';
 import { P as PreloaderDependency } from './p-DpFzAwLW.js';
-import { d as defineCustomElement$4 } from './p-CL4G31qv.js';
-import { d as defineCustomElement$3 } from './p-CCrGe6qh.js';
-import { d as defineCustomElement$2 } from './p-E216LnY2.js';
-import { d as defineCustomElement$1 } from './p-CffVElHk.js';
+import { d as defineCustomElement$4 } from './p-Dd730ed6.js';
+import { d as defineCustomElement$3 } from './p-l8keCSLZ.js';
+import { d as defineCustomElement$2 } from './p-DQ-3sB4N.js';
+import { d as defineCustomElement$1 } from './p-CuEMGIos.js';
 
 const blogDetailContentCss = ".is-grid,.is-grid-inline{display:grid;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:inline-grid !important}.has-row-1{grid-template-rows:repeat(1, 1fr)}.has-row-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{grid-column:span 1}}.has-row-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-1-xxl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{grid-template-rows:repeat(2, 1fr)}.has-row-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{grid-column:span 1}}.has-row-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-2-xxl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{grid-template-rows:repeat(3, 1fr)}.has-row-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{grid-column:span 1}}.has-row-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-3-xxl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{grid-template-rows:repeat(4, 1fr)}.has-row-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{grid-column:span 1}}.has-row-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-4-xxl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{grid-template-rows:repeat(5, 1fr)}.has-row-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{grid-column:span 1}}.has-row-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-5-xxl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{grid-template-rows:repeat(6, 1fr)}.has-row-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{grid-column:span 1}}.has-row-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-6-xxl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{grid-template-rows:repeat(7, 1fr)}.has-row-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{grid-column:span 1}}.has-row-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-7-xxl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{grid-template-rows:repeat(8, 1fr)}.has-row-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{grid-column:span 1}}.has-row-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-8-xxl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{grid-template-rows:repeat(9, 1fr)}.has-row-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{grid-column:span 1}}.has-row-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-9-xxl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{grid-template-rows:repeat(10, 1fr)}.has-row-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{grid-column:span 1}}.has-row-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-10-xxl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{grid-template-rows:repeat(11, 1fr)}.has-row-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{grid-column:span 1}}.has-row-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-11-xxl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{grid-template-rows:repeat(12, 1fr)}.has-row-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{grid-column:span 1}}.has-row-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-12-xxl{grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{grid-template-columns:repeat(1, 1fr)}.has-col-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{grid-column:span 1}}.has-col-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-1-xxl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{grid-template-columns:repeat(2, 1fr)}.has-col-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{grid-column:span 1}}.has-col-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-2-xxl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{grid-template-columns:repeat(3, 1fr)}.has-col-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{grid-column:span 1}}.has-col-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-3-xxl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{grid-template-columns:repeat(4, 1fr)}.has-col-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{grid-column:span 1}}.has-col-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-4-xxl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{grid-template-columns:repeat(5, 1fr)}.has-col-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{grid-column:span 1}}.has-col-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-5-xxl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{grid-template-columns:repeat(6, 1fr)}.has-col-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{grid-column:span 1}}.has-col-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-6-xxl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{grid-template-columns:repeat(7, 1fr)}.has-col-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{grid-column:span 1}}.has-col-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-7-xxl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{grid-template-columns:repeat(8, 1fr)}.has-col-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{grid-column:span 1}}.has-col-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-8-xxl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{grid-template-columns:repeat(9, 1fr)}.has-col-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{grid-column:span 1}}.has-col-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-9-xxl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{grid-template-columns:repeat(10, 1fr)}.has-col-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{grid-column:span 1}}.has-col-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-10-xxl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{grid-template-columns:repeat(11, 1fr)}.has-col-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{grid-column:span 1}}.has-col-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-11-xxl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{grid-template-columns:repeat(12, 1fr)}.has-col-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{grid-column:span 1}}.has-col-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-12-xxl{grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1440px){.is-row-1-xxl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1440px){.is-row-2-xxl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1440px){.is-row-3-xxl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1440px){.is-row-4-xxl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1440px){.is-row-5-xxl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1440px){.is-row-6-xxl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1440px){.is-row-7-xxl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1440px){.is-row-8-xxl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1440px){.is-row-9-xxl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1440px){.is-row-10-xxl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1440px){.is-row-11-xxl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1440px){.is-row-12-xxl{grid-row:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1440px){.is-col-1-xxl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1440px){.is-col-2-xxl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1440px){.is-col-3-xxl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1440px){.is-col-4-xxl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1440px){.is-col-5-xxl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1440px){.is-col-6-xxl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1440px){.is-col-7-xxl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1440px){.is-col-8-xxl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1440px){.is-col-9-xxl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1440px){.is-col-10-xxl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1440px){.is-col-11-xxl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1440px){.is-col-12-xxl{grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1440px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1440px){.is-rtl-xxl{direction:rtl}}.is-placed-left{place-self:left}.is-placed-right{place-self:right}.is-placed-center{place-self:center}.is-placed-start{place-self:start}.is-placed-normal{place-self:normal}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}:host{display:block;position:relative}:host .stoc{width:100%;height:100%;position:absolute;box-sizing:border-box}:host .stoc ul{margin:0;padding:0;list-style:none}:host .stoc ul .stoc-list-item{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}:host .stoc ul .stoc-list-item a{display:block;padding-left:var(--ptc-element-spacing-02);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;text-transform:capitalize}:host .stoc ul .stoc-list-item a::before{content:\"\";display:block;width:2px;height:100%;background-color:transparent;position:absolute;left:0}:host .stoc ul .stoc-list-item a:hover{cursor:pointer}:host .stoc ul .stoc-list-item.active{display:block}:host .stoc ul .stoc-list-item.active a{font-weight:var(--ptc-font-weight-bold)}:host .stoc ul .stoc-list-item.active a::before{background-color:var(--color-green-07)}@media only screen and (min-width: 992px){:host .stoc ul .stoc-list-item{margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}:host .stoc ul .stoc-list-item:last-of-type{margin-bottom:0}}:host .stoc.desktop{display:none}:host .stoc.mobile{display:block}@media only screen and (min-width: 992px){:host .stoc{position:relative}:host .stoc.desktop{display:block}:host .stoc.mobile{display:none}}:host .stoc-mobile-list-container{width:100%;position:sticky;z-index:2;top:0;border-radius:var(--ptc-border-radius-standard);background-color:white}:host .stoc-mobile-list-container .dropdown-toggle{display:flex;align-items:center;gap:var(--ptc-element-spacing-03);background-color:white;width:100%;border:none;padding:var(--ptc-element-spacing-06)}:host .stoc-mobile-list-container .dropdown-toggle icon-asset{display:flex;align-items:center}:host .stoc-mobile-list-container .stoc-list-item a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .stoc-mobile-list-container.closed{box-shadow:var(--ptc-shadow-medium)}:host .stoc-mobile-list-container.closed .dropdown-toggle{border-radius:var(--ptc-border-radius-standard)}:host .stoc-mobile-list-container.closed ul{display:none}:host .stoc-mobile-list-container.open{box-shadow:var(--ptc-shadow-x-large)}:host .stoc-mobile-list-container.open .dropdown-toggle{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0 0;border-bottom:solid 1px var(--color-gray-02)}:host .stoc-mobile-list-container.open ul{display:block;background-color:white;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);border-radius:0 0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .stoc-mobile-list-container{display:none}}:host .stoc-desktop-sticky{display:none}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky{display:block;position:sticky;top:calc(85px + var(--ptc-element-spacing-07))}:host .stoc-desktop-sticky .stoc-desktop-list-container{position:relative;height:-moz-max-content;height:max-content}:host .stoc-desktop-sticky .stoc-desktop-list-container.scroll{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#d9d9d9}:host .stoc-desktop-sticky #stoc-desktop-scroll-gradient{position:absolute;bottom:0;width:calc(100% - 15px);height:160px;z-index:0;background:linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);pointer-events:none}:host .stoc-desktop-sticky .stoc-desktop-list{display:none}}@media only screen and (min-width: 992px) and (min-width: 992px){:host .stoc-desktop-sticky .stoc-desktop-list{display:block}:host .stoc-desktop-sticky .stoc-desktop-list ul .stoc-list-item{margin-bottom:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px) and (min-width: 1440px){:host .stoc-desktop-sticky .stoc-desktop-list .stoc-list-item a{padding-right:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky #stoc-desktop-social-share{margin-left:10px}}:host #blog-detail-content{margin-top:calc(2 * var(--ptc-element-spacing-06) + 27px + 48px)}@media only screen and (min-width: 992px){:host #blog-detail-content{margin-top:0}}";
 
@@ -259,6 +259,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { BlogDetailContent as B, defineCustomElement as d };
-//# sourceMappingURL=p-COYo2Tbg.js.map
+//# sourceMappingURL=p-BQODAI4T.js.map
 
-//# sourceMappingURL=p-COYo2Tbg.js.map
+//# sourceMappingURL=p-BQODAI4T.js.map

package/dist/components/{p-COYo2Tbg.js.map → p-BQODAI4T.js.map}

@@ -1 +1 @@
-{"file":"p-COYo2Tbg.js","mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,8hgEAA8hgE;;MCQ9igE,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;IAIrB,oBAAoB,GAAW,EAAE;;AAGhC,IAAA,mBAAmB;IACnB,eAAe,GAGlB,EAAE;IACC,kBAAkB,GAAG,EAAE;AACvB,IAAA,iBAAiB,GAAG,IAAI,GAAG,EAAU;IACrC,sBAAsB,GAAY,KAAK;IACvC,mBAAmB,GAAY,KAAK;IACpC,mBAAmB,GAAW,CAAC;AAExC,IAAA,iBAAiB,GAAG,CAAC,kBAA0B,KAAI;AAClD,QAAA,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CACzC,CAAA,mBAAA,EAAsB,kBAAkB,CAAG,CAAA,CAAA,CAC3C,CACD;QACD,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YACtC,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,iBAAiB,KAAI;AACrD,oBAAA,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC7C,iBAAC,CAAC;;iBACI;AACN,gBAAA,IAAI,kBAAkB,GACrB,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CACzC,WAAW,CACX;AACF,gBAAA,kBAAkB,CAAC,OAAO,CAAC,CAAC,iBAAiB,KAAI;AAChD,oBAAA,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC7C,iBAAC,CAAC;;AAEH,YAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAqB,KAAI;AAC3C,gBAAA,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AACjC,aAAC,CAAC;AACF,YAAA,IAAI,CAAC,kBAAkB,GAAG,CAAC,GAAG,SAAS,CAAC;;AAE1C,KAAC;IAEO,iBAAiB,GAAG,CAC3B,GAAY,EACZ,OAAoB,EACpB,iBAAA,GAA4B,IAAI,KAC7B;QACH,IAAI,QAAQ,GAAG,EAAE;AACjB,QAAA,GAAG,GAAG,GAAG,CAAC,kBAAiC;QAC3C,OAAO,GAAG,EAAE;AACX,YAAA,IAAI,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC;gBAAE;AAEpC,YAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;AAClB,YAAA,GAAG,GAAG,GAAG,CAAC,kBAAkB;;AAE7B,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,KACxB,OAAO,CAAC,qBAAqB,CAAC,WAAW,EAAE,OAAO,CAAC,CACnD;AACF,KAAC;AAEO,IAAA,kBAAkB,GAAG,CAAC,UAAU,EAAE,OAAO,KAAI;AACpD,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC9B,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;AAC9B,gBAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC;;iBAChC;AACN,gBAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,UAAU,CAAC;;AAE1C,YAAA,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;;AAExD,KAAC;IAED,iBAAiB,GAAG,MAAK;AACxB,QAAA,IAAI,gBAAgB,GAAG,IAAI,CAAC,OAAO;QACnC,IAAI,gBAAgB,EAAE;AACrB,YAAA,IAAI,CAAC,eAAe,GAAG,EAAE;YACzB,MAAM,UAAU,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC;YAC1D,UAAU,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,GAAW,KAAI;gBACrD,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;AAC/C,gBAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC;AAC7C,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC;AACrC,gBAAA,IAAI,CAAC,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC;AAC/C,gBAAA,OAAO,CAAC,qBAAqB,CAAC,YAAY,EAAE,IAAI,CAAC;AAEjD,gBAAA,IAAI,GAAG,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KACpC,IAAI,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC,CAC/B;AACD,gBAAA,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC;AAEpB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;oBACzB,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,oBAAA,OAAO,EAAE,IAAI;AACb,iBAAA,CAAC;AACH,aAAC,CAAC;;AAEJ,KAAC;IAED,oBAAoB,GAAG,MAAK;AAC3B,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO;QACrC,IAAI,gBAAgB,EAAE;YACrB,MAAM,aAAa,GAClB,gBAAgB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;AACpD,YAAA,aAAa,CAAC,OAAO,CAAC,CAAC,GAAgB,KAAI;AAC1C,gBAAA,GAAG,CAAC,YAAY,CAAC,oBAAoB,EAAE,qBAAqB,CAAC;AAC7D,gBAAA,GAAG,CAAC,YAAY,CAAC,qBAAqB,EAAE,OAAO,CAAC;AACjD,aAAC,CAAC;;AAEJ,KAAC;IAED,mBAAmB,GAAG,MAAK;AAC1B,QAAA,MAAM,aAAa,GAClB,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CACzC,mBAAmB,CACnB;AACF,QAAA,MAAM,aAAa,GAClB,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CACtC,8BAA8B,CAC9B;AACF,QAAA,MAAM,cAAc,GACnB,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CACtC,+BAA+B,CAC/B;QAEF,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,IAAI,CAAC,mBAAmB,EAAE;YAC3D,IAAI,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,mBAAmB,EAAE;gBACpD,IAAI,mBAAmB,GAAG,CAAC;AAC3B,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAAE,EAAE;oBAClD,IAAI,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAC1C,aAAa,CAAC,CAAC,CAAC,CAChB;oBACD,mBAAmB;AAClB,wBAAA,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;AAChC,4BAAA,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC;;AAExC,gBAAA,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;gBACrC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,mBAAmB,IAAI;gBACvD,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,mBAAmB,GAAG,GAAG,CAAA,EAAA,CAAI;;;aAEtD;AACN,YAAA,cAAc,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;;AAEvC,KAAC;AAED,IAAA,wBAAwB,GAAG,CAAC,SAAyB,KAAI;QACxD,IAAI,SAAS,EAAE;AACd,YAAA,MAAM,yBAAyB,GAC9B,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CACtC,+BAA+B,CAC/B;YACF,IACC,SAAS,CAAC,YAAY;AACrB,gBAAA,SAAS,CAAC,SAAS;AACnB,gBAAA,SAAS,CAAC,YAAY;AACvB,gBAAA,CAAC,EACA;AACD,gBAAA,yBAAyB,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa;;iBACpD;gBACN,yBAAyB,CAAC,KAAK,CAAC,UAAU;AACzC,oBAAA,qEAAqE;;;AAGzE,KAAC;IAED,iBAAiB,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,sBAAsB,GAAG,CAAC,IAAI,CAAC,sBAAsB;AAC3D,KAAC;AAED,IAAA,eAAe,GAAG,CAAC,CAA6B,EAAE,MAAmB,KAAI;;AAExE,QAAA,IAAI,IAAI,GAAG,CAAC,CAAC,MAA6B;AAC1C,QAAA,IAAI,kBAAkB;AACtB,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG,EAAE;YAC1B,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AAChE,YAAA,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC;;QAE3C,IAAI,MAAM,EAAE;AACX,YAAA,MAAM,CAAC,GACN,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG;AAClC,gBAAA,MAAM,CAAC,OAAO;gBACd,IAAI,CAAC,oBAAoB;AAC1B,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;YAC/B,MAAM,CAAC,QAAQ,CAAC;AACf,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,QAAQ,EAAE,QAAQ;AAClB,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;AAC9B,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,kBAAkB,CAAC;AAC9C,YAAA,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,YAAA,IAAI,CAAC,mBAAmB,GAAG,KAAK;;AAEjC,QAAA,IAAI,IAAI,CAAC,sBAAsB,EAAE;AAChC,YAAA,IAAI,CAAC,sBAAsB,GAAG,KAAK;;AAErC,KAAC;AAED,IAAA,eAAe,GAAG,CAAC,CAAC,KAAI;AACvB,QAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;AACxB,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC;AACvD,KAAC;IAED,iBAAiB,GAAG,MAAK;QACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC;QACjE,IAAI,SAAS,EAAE;YACd,IAAI,CAAC,mBAAmB,GAAG,IAAI,mBAAmB,CAAC,SAAS,CAAC;;QAG9D,UAAU,CAAC,MAAK;AACf,YAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE;SAClC,EAAE,KAAK,CAAC;AACV,KAAC;IAED,iBAAiB,GAAG,MAAK;QACxB,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,oBAAoB,EAAE;AAC5B,KAAC;IAED,mBAAmB,GAAG,MAAK;QAC1B,IAAI,CAAC,mBAAmB,EAAE;AAE1B,QAAA,MAAM,wBAAwB,GAC7B,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CACtC,8BAA8B,CAC9B;QACF,IAAI,wBAAwB,EAAE;AAC7B,YAAA,wBAAwB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MACnD,IAAI,CAAC,wBAAwB,CAAC,wBAAwB,CAAC,CACvD;;AAEH,KAAC;IAED,oBAAoB,GAAG,MAAK;AAC3B,QAAA,MAAM,wBAAwB,GAC7B,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CACtC,8BAA8B,CAC9B;QACF,IAAI,wBAAwB,EAAE;AAC7B,YAAA,wBAAwB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MACtD,IAAI,CAAC,wBAAwB,CAAC,wBAAwB,CAAC,CACvD;;AAEH,KAAC;IAED,MAAM,GAAA;QACL,MAAM,UAAU,GAAG,MAAK;AACvB,YAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACvC,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,mBAAmB,EAC3B,EAAA,IAAI,CAAC,eAAe;gBACpB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;AACtC,oBAAA,QACC,CACC,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAkB,eAAA,EAAA,GAAG,KAAK,CAAC,GAAG,QAAQ,GAAG,EAAE,CAAA,CAAE,EACpD,OAAO,EAAE,CAAC,CAAC,KACV,IAAI,CAAC,eAAe,CACnB,CAAC,EACD,IAAI,CAAC,OAAO,CACZ,oBAEc,GAAG,EAAA,EAEnB,CAAA,CAAA,GAAA,EAAA,EAAA,gBAAA,EACiB,GAAG,EACnB,QAAQ,EAAC,GAAG,EACZ,UAAU,EAAE,CAAC,CAAC,KACb,IAAI,CAAC,eAAe,CACnB,CAAC,EACD,IAAI,CAAC,OAAO,CACZ,EAGD,EAAA,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI;0BACvB,IAAI,CAAC;AACP,0BAAE,CAAG,EAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,GAAA,CAAK,CACvC,CACA;iBAEN,CAAC,CACC,CACA,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAC,8BAA8B,EAAO,CAAA,EAC7C,CAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAC,2BAA2B,EAAA,EAClC,CACW,CAAA,UAAA,EAAA,EAAA,WAAA,EAAA,OAAO,iBACL,KAAK,EAAA,YAAA,EACN,cAAc,EACb,aAAA,EAAA,qBAAqB,EACrB,aAAA,EAAA,cAAc,EAGhB,EAAA,OAAA,CAAA,EACX,CAAA,CAAA,YAAA,EAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,SAAS,EACD,CAAA,EACd,CAAA,CAAA,kBAAA,EAAA,EAAA,cAAA,EACc,2BAA2B,EAAA,cAAA,EAC3B,2BAA2B,EAAA,OAAA,EAClC,gBAAgB,EAAA,UAAA,EACb,iBAAiB,EAAA,CACP,CACf,CACD,CACD;AAER,SAAC;QAED,MAAM,SAAS,GAAG,MAAK;AACtB,YAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,aAAa,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE,8BAA8B,IAAI,CAAC,sBAAsB,GAAG,MAAM,GAAG,QAAQ,EAAE,EAAA,EAEtF,CACC,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAA,EAE/B,CACsB,CAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,GAAG,eACd,OAAO,EAAA,aAAA,EACL,KAAK,EACN,YAAA,EAAA,MAAM,gBACN,cAAc,EAAA,aAAA,EACb,eAAe,EACf,aAAA,EAAA,cAAc,IAEzB,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,SAAS;AACrC,gBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CACxB,EACV,IAAI,CAAC,sBAAsB,IAC3B,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,WAAW,EAAA,CACJ,KAEd,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,WAAW,EACJ,CAAA,CACd,CACO,EACT,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,kBAAkB,EAC1B,EAAA,IAAI,CAAC,eAAe;gBACpB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;AACtC,oBAAA,QACC,CACC,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAkB,eAAA,EAAA,GAAG,KAAK,CAAC,GAAG,QAAQ,GAAG,EAAE,CAAE,CAAA,EACpD,OAAO,EAAE,CAAC,CAAC,KACV,IAAI,CAAC,eAAe,CACnB,CAAC,EACD,IAAI,CAAC,OAAO,CACZ,oBAEc,GAAG,EAAA,EAEnB,CAAmB,CAAA,GAAA,EAAA,EAAA,gBAAA,EAAA,GAAG,IACpB,IAAI,CAAC,SAAS,CACZ,CACA;AAEP,iBAAC,CAAC,CACC,CACA,CACD;AAER,SAAC;AAED,QAAA,QACC,EAAC,IAAI,EAAA,IAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC7C,CAAC,CAAA,UAAU,OAAG,CACT,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC7C,CAAA,CAAC,SAAS,EAAG,IAAA,CAAA,EACb,CACC,CAAA,KAAA,EAAA,EAAA,EAAE,EAAC,qBAAqB,EACxB,SAAS,EAAE,IAAI,CAAC,eAAe,EAAA,EAE/B,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR,CACD,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oCAAoC,GAAO,CACjD,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.scss?tag=blog-detail-content&encapsulation=shadow","src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n@use '../../../../global/griddle/includes/grid-plus.scss' as gridplus;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.stoc {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\tul {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tlist-style: none;\r\n\r\n\t\t\t.stoc-list-item {\r\n\t\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\t\tmargin-bottom: 0;\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tpadding-left: var(--ptc-element-spacing-02);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tmargin-top: 0;\r\n\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\r\n\t\t\t\t\t&:last-of-type {\r\n\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.desktop {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t&.mobile {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&.desktop {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&.mobile {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-mobile-list-container {\r\n\t\twidth: 100%;\r\n\t\tposition: sticky;\r\n\t\tz-index: 2;\r\n\t\ttop: 0;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbackground-color: white;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: var(--ptc-element-spacing-03);\r\n\t\t\tbackground-color: white;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder: none;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\r\n\t\t\ticon-asset {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.stoc-list-item a {\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\r\n\t\t&.closed {\r\n\t\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.open {\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard) 0 0;\r\n\t\t\t\tborder-bottom: solid 1px var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tbackground-color: white;\r\n\t\t\t\tpadding: 0 var(--ptc-element-spacing-07)\r\n\t\t\t\t\tvar(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t\t\tborder-radius: 0 0 var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-desktop-sticky {\r\n\t\tdisplay: none;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: calc(85px + var(--ptc-element-spacing-07));\r\n\r\n\t\t\t.stoc-desktop-list-container {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\theight: max-content;\r\n\r\n\t\t\t\t&.scroll {\r\n\t\t\t\t\toverflow-y: scroll;\r\n\t\t\t\t\tscrollbar-width: thin;\r\n\t\t\t\t\tscrollbar-color: #d9d9d9;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t#stoc-desktop-scroll-gradient {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: calc(100% - 15px);\r\n\t\t\t\theight: 160px;\r\n\t\t\t\tz-index: 0;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(243, 243, 243, 0) 0%,\r\n\t\t\t\t\t#f3f3f3 100%\r\n\t\t\t\t);\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t.stoc-desktop-list {\r\n\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tpadding-right: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t#stoc-desktop-social-share {\r\n\t\t\t\tmargin-left: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// #desktop-list-gradient-container {\r\n\t// \tposition: absolute;\r\n\t// \tbottom: 0;\r\n\t// \theight: 100%;\r\n\t// \twidth: 100%;\r\n\t// \tborder: red solid 1px;\r\n\t// }\r\n\r\n\t#blog-detail-content {\r\n\t\tmargin-top: calc(2 * var(--ptc-element-spacing-06) + 27px + 48px);\r\n\r\n\t\t@include screen-md {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Element, Prop, State } from \"@stencil/core\";\r\nimport { PreloaderDependency } from \"../../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"blog-detail-content\",\r\n\tstyleUrl: \"blog-detail-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class BlogDetailContent {\r\n\t@Element() hostEle: Element;\r\n\r\n\t/** PROPS */\r\n\t@Prop() scrollIntoViewOffset: number = 85;\r\n\r\n\t/** STATE */\r\n\t@State() preloaderDependency: PreloaderDependency;\r\n\t@State() tableOfContents: {\r\n\t\titemTitle: string;\r\n\t\titemRef: HTMLElement;\r\n\t}[] = [];\r\n\t@State() currentActiveItems = [];\r\n\t@State() contentInViewport = new Set<number>();\r\n\t@State() mobileTocDropdownState: boolean = false;\r\n\t@State() stocTriggeredScroll: boolean = false;\r\n\t@State() desktopTocScrollMin: number = 5;\r\n\r\n\tsetActiveStocItem = (dataStocItemNumber: number) => {\r\n\t\tlet stocItems = Array.from(\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll(\r\n\t\t\t\t`li[data-stoc-item=\"${dataStocItemNumber}\"`,\r\n\t\t\t),\r\n\t\t);\r\n\t\tif (stocItems && stocItems.length > 0) {\r\n\t\t\tif (this.currentActiveItems.length > 0) {\r\n\t\t\t\tthis.currentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tlet currentActiveItems =\r\n\t\t\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\t\t\"li.active\",\r\n\t\t\t\t\t);\r\n\t\t\t\tcurrentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tstocItems.forEach((stocItem: HTMLElement) => {\r\n\t\t\t\tstocItem.classList.add(\"active\");\r\n\t\t\t});\r\n\t\t\tthis.currentActiveItems = [...stocItems];\r\n\t\t}\r\n\t};\r\n\r\n\tprivate createItemSection = (\r\n\t\tele: Element,\r\n\t\tsection: HTMLElement,\r\n\t\tnextUntilSelector: string = \"h2\",\r\n\t) => {\r\n\t\tlet siblings = [];\r\n\t\tele = ele.nextElementSibling as HTMLElement;\r\n\t\twhile (ele) {\r\n\t\t\tif (ele.matches(nextUntilSelector)) break;\r\n\r\n\t\t\tsiblings.push(ele);\r\n\t\t\tele = ele.nextElementSibling;\r\n\t\t}\r\n\t\tsiblings.forEach((sibling) =>\r\n\t\t\tsection.insertAdjacentElement(\"beforeend\", sibling),\r\n\t\t);\r\n\t};\r\n\r\n\tprivate contentIobCallback = (stocNumber, payload) => {\r\n\t\tif (!this.stocTriggeredScroll) {\r\n\t\t\tif (payload[0].isIntersecting) {\r\n\t\t\t\tthis.contentInViewport.add(stocNumber);\r\n\t\t\t} else {\r\n\t\t\t\tthis.contentInViewport.delete(stocNumber);\r\n\t\t\t}\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureTableItems = () => {\r\n\t\tlet contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tthis.tableOfContents = [];\r\n\t\t\tconst tableItems = contentContainer.querySelectorAll(\"h2\");\r\n\t\t\ttableItems.forEach((item: HTMLElement, idx: number) => {\r\n\t\t\t\tlet section = document.createElement(\"section\");\r\n\t\t\t\tsection.classList.add(\"stoc-content-section\");\r\n\t\t\t\tthis.createItemSection(item, section);\r\n\t\t\t\titem.insertAdjacentElement(\"afterend\", section);\r\n\t\t\t\tsection.insertAdjacentElement(\"afterbegin\", item);\r\n\r\n\t\t\t\tlet iob = new IntersectionObserver((e) =>\r\n\t\t\t\t\tthis.contentIobCallback(idx, e),\r\n\t\t\t\t);\r\n\t\t\t\tiob.observe(section);\r\n\r\n\t\t\t\tthis.tableOfContents.push({\r\n\t\t\t\t\titemTitle: item.innerText,\r\n\t\t\t\t\titemRef: item,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureBigInlineCtas = () => {\r\n\t\tconst contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tconst bigInlineCtas =\r\n\t\t\t\tcontentContainer.querySelectorAll(\"ptc-inline-cta\");\r\n\t\t\tbigInlineCtas.forEach((cta: HTMLElement) => {\r\n\t\t\t\tcta.setAttribute(\"container-selector\", \"blog-detail-content\");\r\n\t\t\t\tcta.setAttribute(\"container-is-shadow\", \"false\");\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tsetDesktopTOCHeight = () => {\r\n\t\tconst stocListItems =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\"li.stoc-list-item\",\r\n\t\t\t);\r\n\t\tconst listContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tconst scrollGradient =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t);\r\n\r\n\t\tif (this.tableOfContents.length > this.desktopTocScrollMin) {\r\n\t\t\tif (stocListItems.length > this.desktopTocScrollMin) {\r\n\t\t\t\tlet listContainerHeight = 0;\r\n\t\t\t\tfor (let i = 0; i < this.desktopTocScrollMin; i++) {\r\n\t\t\t\t\tlet computedStyle = window.getComputedStyle(\r\n\t\t\t\t\t\tstocListItems[i],\r\n\t\t\t\t\t);\r\n\t\t\t\t\tlistContainerHeight +=\r\n\t\t\t\t\t\tparseFloat(computedStyle.height) +\r\n\t\t\t\t\t\tparseFloat(computedStyle.marginBottom);\r\n\t\t\t\t}\r\n\t\t\t\tlistContainer.classList.add(\"scroll\");\r\n\t\t\t\tlistContainer.style.height = `${listContainerHeight}px`;\r\n\t\t\t\tscrollGradient.style.top = `${listContainerHeight - 160}px`;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tscrollGradient.style.display = \"none\";\r\n\t\t}\r\n\t};\r\n\r\n\ttoggleStocScrollGradient = (container: HTMLDivElement) => {\r\n\t\tif (container) {\r\n\t\t\tconst stocDesktopScrollGradient =\r\n\t\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t\t);\r\n\t\t\tif (\r\n\t\t\t\tcontainer.scrollHeight -\r\n\t\t\t\t\tcontainer.scrollTop -\r\n\t\t\t\t\tcontainer.clientHeight <\r\n\t\t\t\t1\r\n\t\t\t) {\r\n\t\t\t\tstocDesktopScrollGradient.style.background = \"transparent\";\r\n\t\t\t} else {\r\n\t\t\t\tstocDesktopScrollGradient.style.background =\r\n\t\t\t\t\t\"linear-gradient(180deg, rgba(243, 243, 243, 0.00) 0%, #F3F3F3 100%)\";\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\thandleToggleClick = () => {\r\n\t\tthis.mobileTocDropdownState = !this.mobileTocDropdownState;\r\n\t};\r\n\r\n\thandleItemClick = (e: MouseEvent | KeyboardEvent, target: HTMLElement) => {\r\n\t\t// TODO: Simplify this method\r\n\t\tlet item = e.target as HTMLListItemElement;\r\n\t\tlet dataStocItemNumber;\r\n\t\tif (item.nodeName === \"A\") {\r\n\t\t\tdataStocItemNumber = Number(item.getAttribute(\"data-stoc-item\"));\r\n\t\t\tthis.setActiveStocItem(dataStocItemNumber);\r\n\t\t}\r\n\t\tif (target) {\r\n\t\t\tconst y =\r\n\t\t\t\ttarget.getBoundingClientRect().top +\r\n\t\t\t\twindow.scrollY -\r\n\t\t\t\tthis.scrollIntoViewOffset;\r\n\t\t\tthis.stocTriggeredScroll = true;\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: y,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t\tthis.contentInViewport.clear();\r\n\t\t\tthis.contentInViewport.add(dataStocItemNumber);\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t\tthis.stocTriggeredScroll = false;\r\n\t\t}\r\n\t\tif (this.mobileTocDropdownState) {\r\n\t\t\tthis.mobileTocDropdownState = false;\r\n\t\t}\r\n\t};\r\n\r\n\thandleHighlight = (e) => {\r\n\t\tconsole.log(\"Event:\", e);\r\n\t\tconsole.log(\"Text:\", window.getSelection().toString());\r\n\t};\r\n\r\n\tconnectedCallback = () => {\r\n\t\tconst preloader = document.querySelector(\"ptc-preloader-section\");\r\n\t\tif (preloader) {\r\n\t\t\tthis.preloaderDependency = new PreloaderDependency(preloader);\r\n\t\t}\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.preloaderDependency.resolve();\r\n\t\t}, 10000);\r\n\t};\r\n\r\n\tcomponentWillLoad = () => {\r\n\t\tthis.captureTableItems();\r\n\t\tthis.captureBigInlineCtas();\r\n\t};\r\n\r\n\tcomponentWillRender = () => {\r\n\t\tthis.setDesktopTOCHeight();\r\n\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.addEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tdisconnectedCallback = () => {\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.removeEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst DesktopTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc desktop\">\r\n\t\t\t\t\t<div class=\"stoc-desktop-sticky\">\r\n\t\t\t\t\t\t<div class=\"stoc-desktop-list-container\">\r\n\t\t\t\t\t\t\t<ul class=\"stoc-desktop-list\">\r\n\t\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyPress={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle.length <= 70\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.itemTitle\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `${item.itemTitle.substring(0, 70)}...`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t</li>\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</ul>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-scroll-gradient\"></div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-social-share\">\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-densest\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-top-6\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tShare\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-social-icons\r\n\t\t\t\t\t\t\t\tfacebook-url=\"https://www.facebook.com/\"\r\n\t\t\t\t\t\t\t\tlinkedin-url=\"https://www.linkedin.com/\"\r\n\t\t\t\t\t\t\t\tx-url=\"https://x.com/\"\r\n\t\t\t\t\t\t\t\temail-to=\"rsuresh@ptc.com\"\r\n\t\t\t\t\t\t\t></ptc-social-icons>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst MobileTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc mobile\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`stoc-mobile-list-container ${this.mobileTocDropdownState ? \"open\" : \"closed\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\t\tonClick={this.handleToggleClick}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tellipsis-line-cutoff=\"1\"\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.currentActiveItems[0]?.innerText ||\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents[0].itemTitle}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t{this.mobileTocDropdownState ? (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-up\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-down\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<ul class=\"stoc-mobile-list\">\r\n\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<a data-stoc-item={idx}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"is-grid has-col-12\">\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-4-lg is-col-3-xl\">\r\n\t\t\t\t\t\t<DesktopTOC />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-7-lg is-col-7-xl\">\r\n\t\t\t\t\t\t<MobileTOC />\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid=\"blog-detail-content\"\r\n\t\t\t\t\t\t\tonMouseUp={this.handleHighlight}\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-desktop is-col-1-lg is-col-2-xl\"></div>\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-BQODAI4T.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.scss?tag=blog-detail-content&encapsulation=shadow","src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n@use '../../../../global/griddle/includes/grid-plus.scss' as gridplus;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.stoc {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\tul {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tlist-style: none;\r\n\r\n\t\t\t.stoc-list-item {\r\n\t\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\t\tmargin-bottom: 0;\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tpadding-left: var(--ptc-element-spacing-02);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tmargin-top: 0;\r\n\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\r\n\t\t\t\t\t&:last-of-type {\r\n\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.desktop {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t&.mobile {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&.desktop {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&.mobile {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-mobile-list-container {\r\n\t\twidth: 100%;\r\n\t\tposition: sticky;\r\n\t\tz-index: 2;\r\n\t\ttop: 0;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbackground-color: white;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: var(--ptc-element-spacing-03);\r\n\t\t\tbackground-color: white;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder: none;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\r\n\t\t\ticon-asset {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.stoc-list-item a {\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\r\n\t\t&.closed {\r\n\t\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.open {\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard) 0 0;\r\n\t\t\t\tborder-bottom: solid 1px var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tbackground-color: white;\r\n\t\t\t\tpadding: 0 var(--ptc-element-spacing-07)\r\n\t\t\t\t\tvar(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t\t\tborder-radius: 0 0 var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-desktop-sticky {\r\n\t\tdisplay: none;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: calc(85px + var(--ptc-element-spacing-07));\r\n\r\n\t\t\t.stoc-desktop-list-container {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\theight: max-content;\r\n\r\n\t\t\t\t&.scroll {\r\n\t\t\t\t\toverflow-y: scroll;\r\n\t\t\t\t\tscrollbar-width: thin;\r\n\t\t\t\t\tscrollbar-color: #d9d9d9;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t#stoc-desktop-scroll-gradient {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: calc(100% - 15px);\r\n\t\t\t\theight: 160px;\r\n\t\t\t\tz-index: 0;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(243, 243, 243, 0) 0%,\r\n\t\t\t\t\t#f3f3f3 100%\r\n\t\t\t\t);\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t.stoc-desktop-list {\r\n\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tpadding-right: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t#stoc-desktop-social-share {\r\n\t\t\t\tmargin-left: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// #desktop-list-gradient-container {\r\n\t// \tposition: absolute;\r\n\t// \tbottom: 0;\r\n\t// \theight: 100%;\r\n\t// \twidth: 100%;\r\n\t// \tborder: red solid 1px;\r\n\t// }\r\n\r\n\t#blog-detail-content {\r\n\t\tmargin-top: calc(2 * var(--ptc-element-spacing-06) + 27px + 48px);\r\n\r\n\t\t@include screen-md {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Element, Prop, State } from \"@stencil/core\";\r\nimport { PreloaderDependency } from \"../../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"blog-detail-content\",\r\n\tstyleUrl: \"blog-detail-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class BlogDetailContent {\r\n\t@Element() hostEle: Element;\r\n\r\n\t/** PROPS */\r\n\t@Prop() scrollIntoViewOffset: number = 85;\r\n\r\n\t/** STATE */\r\n\t@State() preloaderDependency: PreloaderDependency;\r\n\t@State() tableOfContents: {\r\n\t\titemTitle: string;\r\n\t\titemRef: HTMLElement;\r\n\t}[] = [];\r\n\t@State() currentActiveItems = [];\r\n\t@State() contentInViewport = new Set<number>();\r\n\t@State() mobileTocDropdownState: boolean = false;\r\n\t@State() stocTriggeredScroll: boolean = false;\r\n\t@State() desktopTocScrollMin: number = 5;\r\n\r\n\tsetActiveStocItem = (dataStocItemNumber: number) => {\r\n\t\tlet stocItems = Array.from(\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll(\r\n\t\t\t\t`li[data-stoc-item=\"${dataStocItemNumber}\"`,\r\n\t\t\t),\r\n\t\t);\r\n\t\tif (stocItems && stocItems.length > 0) {\r\n\t\t\tif (this.currentActiveItems.length > 0) {\r\n\t\t\t\tthis.currentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tlet currentActiveItems =\r\n\t\t\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\t\t\"li.active\",\r\n\t\t\t\t\t);\r\n\t\t\t\tcurrentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tstocItems.forEach((stocItem: HTMLElement) => {\r\n\t\t\t\tstocItem.classList.add(\"active\");\r\n\t\t\t});\r\n\t\t\tthis.currentActiveItems = [...stocItems];\r\n\t\t}\r\n\t};\r\n\r\n\tprivate createItemSection = (\r\n\t\tele: Element,\r\n\t\tsection: HTMLElement,\r\n\t\tnextUntilSelector: string = \"h2\",\r\n\t) => {\r\n\t\tlet siblings = [];\r\n\t\tele = ele.nextElementSibling as HTMLElement;\r\n\t\twhile (ele) {\r\n\t\t\tif (ele.matches(nextUntilSelector)) break;\r\n\r\n\t\t\tsiblings.push(ele);\r\n\t\t\tele = ele.nextElementSibling;\r\n\t\t}\r\n\t\tsiblings.forEach((sibling) =>\r\n\t\t\tsection.insertAdjacentElement(\"beforeend\", sibling),\r\n\t\t);\r\n\t};\r\n\r\n\tprivate contentIobCallback = (stocNumber, payload) => {\r\n\t\tif (!this.stocTriggeredScroll) {\r\n\t\t\tif (payload[0].isIntersecting) {\r\n\t\t\t\tthis.contentInViewport.add(stocNumber);\r\n\t\t\t} else {\r\n\t\t\t\tthis.contentInViewport.delete(stocNumber);\r\n\t\t\t}\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureTableItems = () => {\r\n\t\tlet contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tthis.tableOfContents = [];\r\n\t\t\tconst tableItems = contentContainer.querySelectorAll(\"h2\");\r\n\t\t\ttableItems.forEach((item: HTMLElement, idx: number) => {\r\n\t\t\t\tlet section = document.createElement(\"section\");\r\n\t\t\t\tsection.classList.add(\"stoc-content-section\");\r\n\t\t\t\tthis.createItemSection(item, section);\r\n\t\t\t\titem.insertAdjacentElement(\"afterend\", section);\r\n\t\t\t\tsection.insertAdjacentElement(\"afterbegin\", item);\r\n\r\n\t\t\t\tlet iob = new IntersectionObserver((e) =>\r\n\t\t\t\t\tthis.contentIobCallback(idx, e),\r\n\t\t\t\t);\r\n\t\t\t\tiob.observe(section);\r\n\r\n\t\t\t\tthis.tableOfContents.push({\r\n\t\t\t\t\titemTitle: item.innerText,\r\n\t\t\t\t\titemRef: item,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureBigInlineCtas = () => {\r\n\t\tconst contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tconst bigInlineCtas =\r\n\t\t\t\tcontentContainer.querySelectorAll(\"ptc-inline-cta\");\r\n\t\t\tbigInlineCtas.forEach((cta: HTMLElement) => {\r\n\t\t\t\tcta.setAttribute(\"container-selector\", \"blog-detail-content\");\r\n\t\t\t\tcta.setAttribute(\"container-is-shadow\", \"false\");\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tsetDesktopTOCHeight = () => {\r\n\t\tconst stocListItems =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\"li.stoc-list-item\",\r\n\t\t\t);\r\n\t\tconst listContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tconst scrollGradient =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t);\r\n\r\n\t\tif (this.tableOfContents.length > this.desktopTocScrollMin) {\r\n\t\t\tif (stocListItems.length > this.desktopTocScrollMin) {\r\n\t\t\t\tlet listContainerHeight = 0;\r\n\t\t\t\tfor (let i = 0; i < this.desktopTocScrollMin; i++) {\r\n\t\t\t\t\tlet computedStyle = window.getComputedStyle(\r\n\t\t\t\t\t\tstocListItems[i],\r\n\t\t\t\t\t);\r\n\t\t\t\t\tlistContainerHeight +=\r\n\t\t\t\t\t\tparseFloat(computedStyle.height) +\r\n\t\t\t\t\t\tparseFloat(computedStyle.marginBottom);\r\n\t\t\t\t}\r\n\t\t\t\tlistContainer.classList.add(\"scroll\");\r\n\t\t\t\tlistContainer.style.height = `${listContainerHeight}px`;\r\n\t\t\t\tscrollGradient.style.top = `${listContainerHeight - 160}px`;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tscrollGradient.style.display = \"none\";\r\n\t\t}\r\n\t};\r\n\r\n\ttoggleStocScrollGradient = (container: HTMLDivElement) => {\r\n\t\tif (container) {\r\n\t\t\tconst stocDesktopScrollGradient =\r\n\t\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t\t);\r\n\t\t\tif (\r\n\t\t\t\tcontainer.scrollHeight -\r\n\t\t\t\t\tcontainer.scrollTop -\r\n\t\t\t\t\tcontainer.clientHeight <\r\n\t\t\t\t1\r\n\t\t\t) {\r\n\t\t\t\tstocDesktopScrollGradient.style.background = \"transparent\";\r\n\t\t\t} else {\r\n\t\t\t\tstocDesktopScrollGradient.style.background =\r\n\t\t\t\t\t\"linear-gradient(180deg, rgba(243, 243, 243, 0.00) 0%, #F3F3F3 100%)\";\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\thandleToggleClick = () => {\r\n\t\tthis.mobileTocDropdownState = !this.mobileTocDropdownState;\r\n\t};\r\n\r\n\thandleItemClick = (e: MouseEvent | KeyboardEvent, target: HTMLElement) => {\r\n\t\t// TODO: Simplify this method\r\n\t\tlet item = e.target as HTMLListItemElement;\r\n\t\tlet dataStocItemNumber;\r\n\t\tif (item.nodeName === \"A\") {\r\n\t\t\tdataStocItemNumber = Number(item.getAttribute(\"data-stoc-item\"));\r\n\t\t\tthis.setActiveStocItem(dataStocItemNumber);\r\n\t\t}\r\n\t\tif (target) {\r\n\t\t\tconst y =\r\n\t\t\t\ttarget.getBoundingClientRect().top +\r\n\t\t\t\twindow.scrollY -\r\n\t\t\t\tthis.scrollIntoViewOffset;\r\n\t\t\tthis.stocTriggeredScroll = true;\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: y,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t\tthis.contentInViewport.clear();\r\n\t\t\tthis.contentInViewport.add(dataStocItemNumber);\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t\tthis.stocTriggeredScroll = false;\r\n\t\t}\r\n\t\tif (this.mobileTocDropdownState) {\r\n\t\t\tthis.mobileTocDropdownState = false;\r\n\t\t}\r\n\t};\r\n\r\n\thandleHighlight = (e) => {\r\n\t\tconsole.log(\"Event:\", e);\r\n\t\tconsole.log(\"Text:\", window.getSelection().toString());\r\n\t};\r\n\r\n\tconnectedCallback = () => {\r\n\t\tconst preloader = document.querySelector(\"ptc-preloader-section\");\r\n\t\tif (preloader) {\r\n\t\t\tthis.preloaderDependency = new PreloaderDependency(preloader);\r\n\t\t}\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.preloaderDependency.resolve();\r\n\t\t}, 10000);\r\n\t};\r\n\r\n\tcomponentWillLoad = () => {\r\n\t\tthis.captureTableItems();\r\n\t\tthis.captureBigInlineCtas();\r\n\t};\r\n\r\n\tcomponentWillRender = () => {\r\n\t\tthis.setDesktopTOCHeight();\r\n\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.addEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tdisconnectedCallback = () => {\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.removeEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst DesktopTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc desktop\">\r\n\t\t\t\t\t<div class=\"stoc-desktop-sticky\">\r\n\t\t\t\t\t\t<div class=\"stoc-desktop-list-container\">\r\n\t\t\t\t\t\t\t<ul class=\"stoc-desktop-list\">\r\n\t\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyPress={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle.length <= 70\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.itemTitle\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `${item.itemTitle.substring(0, 70)}...`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t</li>\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</ul>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-scroll-gradient\"></div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-social-share\">\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-densest\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-top-6\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tShare\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-social-icons\r\n\t\t\t\t\t\t\t\tfacebook-url=\"https://www.facebook.com/\"\r\n\t\t\t\t\t\t\t\tlinkedin-url=\"https://www.linkedin.com/\"\r\n\t\t\t\t\t\t\t\tx-url=\"https://x.com/\"\r\n\t\t\t\t\t\t\t\temail-to=\"rsuresh@ptc.com\"\r\n\t\t\t\t\t\t\t></ptc-social-icons>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst MobileTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc mobile\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`stoc-mobile-list-container ${this.mobileTocDropdownState ? \"open\" : \"closed\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\t\tonClick={this.handleToggleClick}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tellipsis-line-cutoff=\"1\"\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.currentActiveItems[0]?.innerText ||\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents[0].itemTitle}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t{this.mobileTocDropdownState ? (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-up\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-down\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<ul class=\"stoc-mobile-list\">\r\n\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<a data-stoc-item={idx}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"is-grid has-col-12\">\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-4-lg is-col-3-xl\">\r\n\t\t\t\t\t\t<DesktopTOC />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-7-lg is-col-7-xl\">\r\n\t\t\t\t\t\t<MobileTOC />\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid=\"blog-detail-content\"\r\n\t\t\t\t\t\t\tonMouseUp={this.handleHighlight}\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-desktop is-col-1-lg is-col-2-xl\"></div>\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-BYWrUOqq.js → p-BVl6CElI.js}

@@ -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 ptcPricingBlockCss = ":host{display:block;color:var(--color-gray-10);margin-top:var(--ptc-element-spacing-03)}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border:1px solid var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium), border-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);border-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){border-color:var(--color-gray-12)}@media (min-width: 400px){:host .ptc-pricing-block{display:flex;justify-content:space-between;align-items:center}}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:left;margin:0px 20px 15px 15px;display:block}@media (min-width: 400px){:host .right-text{text-align:right;float:right;margin-top:15px}}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 0 20px;display:block}@media (min-width: 400px){:host .left-text{text-align:left;display:inline-block;margin-bottom:15px}}";
 
@@ -49,6 +49,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcPricingBlock as P, defineCustomElement as d };
-//# sourceMappingURL=p-BYWrUOqq.js.map
+//# sourceMappingURL=p-BVl6CElI.js.map
 
-//# sourceMappingURL=p-BYWrUOqq.js.map
+//# sourceMappingURL=p-BVl6CElI.js.map

package/dist/components/{p-BYWrUOqq.js.map → p-BVl6CElI.js.map}

@@ -1 +1 @@
-{"file":"p-BYWrUOqq.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,y/CAAy/C;;MCQvgD,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;AACnB,IAAA,MAAM;AAE0B,IAAA,aAAa;AAE7C,IAAA,SAAS;AAEjB,IAAA,eAAe,CAAC,OAAe,EAAA;AAC9B,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;;IAGrB,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QAEtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,WAAW,GAAG,EAAE,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACvC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CACxB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAA,CAAQ,CACzB,CACF,CACA;;IAID,cAAc,GAAA;QACrB,OAAO;YACN,CAAC,mBAAmB,GAAG,IAAI;AAC3B,YAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM;YACvB,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-block/ptc-pricing-block.scss?tag=ptc-pricing-block&encapsulation=shadow","src/components/molecules/ptc-pricing-block/ptc-pricing-block.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n\tdisplay: block;\r\n\tcolor: var(--color-gray-10);\r\n\tmargin-top: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-pricing-block {\r\n\t\twidth: 100%;\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t\tborder: 1px solid var(--color-gray-02);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tdisplay: block;\r\n\t\ttransition:\r\n\t\t\tbackground-color var(--ptc-ease-inout) var(--ptc-transition-medium),\r\n\t\t\tborder-color var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n\t\t&.active {\r\n\t\t\tbackground-color: var(--color-gray-12);\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\r\n\t\t&:hover:not(.active) {\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t@media (min-width: 400px) {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t// .ptc-pricing-block[optionClicked] {\r\n\t//     background-color: var(--color-gray-12);\r\n\t//     color: var(--color-white);\r\n\t// }\r\n\r\n\t.right-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 0px 20px 15px 15px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: right;\r\n\t\t\tfloat: right;\r\n\t\t\tmargin-top: 15px;\r\n\t\t}\r\n\t}\r\n\r\n\t.left-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 15px 15px 0 20px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: left;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// :host([optionClicked]) {\r\n//     .ptc-pricing-block {\r\n//         background-color: var(--color-gray-12);\r\n//         color: var(--color-white);\r\n//     }\r\n// }\r\n","import { Component, h, Host, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-block\",\r\n\tstyleUrl: \"ptc-pricing-block.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingBlock {\r\n\t@Prop() active: boolean;\r\n\r\n\t@Prop({ reflect: true, mutable: true }) optionClicked: boolean;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\tonContentChange(content: string) {\r\n\t\tconsole.log(content);\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 class={this.active ? \"is-active\" : \"\"}>\r\n\t\t\t\t<div class={classMap} id={this.trackerId}>\r\n\t\t\t\t\t<span class=\"left-text\">\r\n\t\t\t\t\t\t<slot name=\"left-text\"></slot>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"right-text\">\r\n\t\t\t\t\t\t<slot name=\"right-text\"></slot>\r\n\t\t\t\t\t</span>\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[\"ptc-pricing-block\"]: true,\r\n\t\t\t[\"active\"]: this.active,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-BVl6CElI.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,y/CAAy/C;;MCQvgD,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;AACnB,IAAA,MAAM;AAE0B,IAAA,aAAa;AAE7C,IAAA,SAAS;AAEjB,IAAA,eAAe,CAAC,OAAe,EAAA;AAC9B,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;;IAGrB,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QAEtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,WAAW,GAAG,EAAE,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACvC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CACxB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAA,CAAQ,CACzB,CACF,CACA;;IAID,cAAc,GAAA;QACrB,OAAO;YACN,CAAC,mBAAmB,GAAG,IAAI;AAC3B,YAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM;YACvB,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-block/ptc-pricing-block.scss?tag=ptc-pricing-block&encapsulation=shadow","src/components/molecules/ptc-pricing-block/ptc-pricing-block.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n\tdisplay: block;\r\n\tcolor: var(--color-gray-10);\r\n\tmargin-top: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-pricing-block {\r\n\t\twidth: 100%;\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t\tborder: 1px solid var(--color-gray-02);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tdisplay: block;\r\n\t\ttransition:\r\n\t\t\tbackground-color var(--ptc-ease-inout) var(--ptc-transition-medium),\r\n\t\t\tborder-color var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n\t\t&.active {\r\n\t\t\tbackground-color: var(--color-gray-12);\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\r\n\t\t&:hover:not(.active) {\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t@media (min-width: 400px) {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t// .ptc-pricing-block[optionClicked] {\r\n\t//     background-color: var(--color-gray-12);\r\n\t//     color: var(--color-white);\r\n\t// }\r\n\r\n\t.right-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 0px 20px 15px 15px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: right;\r\n\t\t\tfloat: right;\r\n\t\t\tmargin-top: 15px;\r\n\t\t}\r\n\t}\r\n\r\n\t.left-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 15px 15px 0 20px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: left;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// :host([optionClicked]) {\r\n//     .ptc-pricing-block {\r\n//         background-color: var(--color-gray-12);\r\n//         color: var(--color-white);\r\n//     }\r\n// }\r\n","import { Component, h, Host, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-block\",\r\n\tstyleUrl: \"ptc-pricing-block.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingBlock {\r\n\t@Prop() active: boolean;\r\n\r\n\t@Prop({ reflect: true, mutable: true }) optionClicked: boolean;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\tonContentChange(content: string) {\r\n\t\tconsole.log(content);\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 class={this.active ? \"is-active\" : \"\"}>\r\n\t\t\t\t<div class={classMap} id={this.trackerId}>\r\n\t\t\t\t\t<span class=\"left-text\">\r\n\t\t\t\t\t\t<slot name=\"left-text\"></slot>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"right-text\">\r\n\t\t\t\t\t\t<slot name=\"right-text\"></slot>\r\n\t\t\t\t\t</span>\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[\"ptc-pricing-block\"]: true,\r\n\t\t\t[\"active\"]: this.active,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}