npm - @zanichelli/albe-web-components - Versions diffs - 15.0.0-rc2 → 15.0.0 - Mend

@zanichelli/albe-web-components 15.0.0-rc2 → 15.0.0

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

Files changed (1407) hide show

package/www/build/p-85a9b336.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZPocketStyle0","ZPocket","exports","PocketStatus","PREVIEW","class_1","prototype","open","this","status","OPEN","close","CLOSED","emitPocketToggle","id","pocketToggle","emit","handlePocketHeaderClick","e","detail","pocketid","handlePocketHeaderPan","direction","watchStatusHandler","newVal","componentWillLoad","handleBackgroundClick","target","dataset","action","render","_this","h","key","class","concat","onClick","ZPocketBodyStyle0","ZPocketBody","class_2","handlePocketToggle","ZPocketHeaderStyle0","ZPocketHeader","class_3","hostRef","emitPocketHeaderClick","bind","pocketHeaderClick","emitPocketHeaderPan","pocketHeaderPan","componentDidLoad","mc","Hammer","swipeWrap","get","set","DIRECTION_VERTICAL","on","role","tabindex","onKeyPress","ev","handleKeyboardSubmit","ref","el"],"sources":["src/snowflakes/myz/pocket/z-pocket/styles.css?tag=z-pocket&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket/index.tsx","src/snowflakes/myz/pocket/z-pocket-body/styles.css?tag=z-pocket-body&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket-body/index.tsx","src/snowflakes/myz/pocket/z-pocket-header/styles.css?tag=z-pocket-header&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket-header/index.tsx"],"sourcesContent":[":host {\n width: inherit;\n height: 100%;\n margin: inherit;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > div {\n width: inherit;\n height: 100%;\n margin: inherit;\n}\n\n:host > div > div.background {\n position: fixed;\n z-index: 998;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0;\n}\n\n:host > div > div.background.open {\n width: 100%;\n height: 100%;\n}\n\n:host > div > div.content-wrapper {\n position: fixed;\n z-index: 999;\n bottom: 0;\n left: 0;\n width: inherit;\n margin: inherit;\n}\n\n:host > div > div.content-wrapper > div {\n margin: calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);\n border-radius: var(--space-unit) var(--space-unit) 0 0;\n box-shadow: 0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%);\n}\n","import {Component, Element, Event, EventEmitter, Listen, Method, Prop, Watch, h} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/**\n * @slot - pocket content\n */\n@Component({\n tag: \"z-pocket\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZPocket {\n @Element() hostElement: HTMLZPocketElement;\n\n /** pocket id */\n @Prop()\n pocketid: string;\n\n /** pocket status */\n @Prop({mutable: true})\n status: PocketStatus = PocketStatus.PREVIEW;\n\n /** open z-pocket */\n @Method()\n async open(): Promise<void> {\n this.status = PocketStatus.OPEN;\n }\n\n /** close z-pocket */\n @Method()\n async close(): Promise<void> {\n this.status = PocketStatus.CLOSED;\n }\n\n /** Emitted on pocket toggle, returns pocket id and status */\n @Event()\n pocketToggle: EventEmitter;\n\n private emitPocketToggle(id: string, status: PocketStatus): void {\n this.pocketToggle.emit({id, status});\n }\n\n @Listen(\"pocketHeaderClick\")\n handlePocketHeaderClick(e: CustomEvent): void {\n if (e.detail.id && e.detail.id === this.pocketid) {\n switch (this.status) {\n case PocketStatus.PREVIEW:\n case PocketStatus.CLOSED:\n this.status = PocketStatus.OPEN;\n break;\n case PocketStatus.OPEN:\n this.status = PocketStatus.CLOSED;\n break;\n }\n }\n }\n\n @Listen(\"pocketHeaderPan\")\n handlePocketHeaderPan(e: CustomEvent): void {\n if (e.detail.id && e.detail.id === this.pocketid) {\n if (e.detail.direction === \"up\") {\n this.status = PocketStatus.OPEN;\n } else if (e.detail.direction === \"down\") {\n this.status = PocketStatus.CLOSED;\n }\n }\n }\n\n @Watch(\"status\")\n watchStatusHandler(newVal: PocketStatus): void {\n this.emitPocketToggle(this.pocketid, newVal);\n }\n\n componentWillLoad(): void {\n this.emitPocketToggle(this.pocketid, this.status);\n }\n\n private handleBackgroundClick(e: MouseEvent): void {\n if ((e.target as HTMLElement).dataset.action == \"pocketBackground\") {\n this.close();\n }\n }\n\n render(): HTMLDivElement {\n return (\n <div>\n <div\n data-action=\"pocketBackground\"\n data-pocket={this.pocketid}\n class={`background ${this.status}`}\n onClick={(e: MouseEvent) => this.handleBackgroundClick(e)}\n />\n <div\n id={this.pocketid}\n class=\"content-wrapper\"\n >\n <div>\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}\n",":host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > main {\n overflow: auto;\n border-right: var(--border-size-small) solid var(--color-surface03);\n border-left: var(--border-size-small) solid var(--color-surface03);\n background: var(--color-surface01);\n scrollbar-width: none;\n}\n\n:host > main.preview {\n max-height: 225px;\n transition:\n all 200ms ease-in-out,\n top 200ms ease-in-out;\n}\n\n:host > main.open {\n max-height: calc(100vh - 48px);\n transition:\n all 200ms ease-in-out,\n top 200ms ease-in-out;\n}\n\n:host > main.closed {\n height: 0;\n transition:\n all 200ms ease-in-out,\n top 200ms ease-in-out;\n}\n\n:host ::-webkit-scrollbar {\n width: 0;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n :host > main.preview {\n max-height: 157px;\n }\n}\n","import {Component, Listen, Prop, h} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/**\n * @slot - pocket body content\n */\n@Component({\n tag: \"z-pocket-body\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZPocketBody {\n /** pocket id */\n @Prop()\n pocketid: string;\n\n /** pocket status */\n @Prop({mutable: true})\n status: PocketStatus = PocketStatus.PREVIEW;\n\n @Listen(\"pocketToggle\", {target: \"body\"})\n handlePocketToggle(e: CustomEvent): void {\n if (e.detail.id && e.detail.id === this.pocketid) {\n this.status = e.detail.status;\n }\n }\n\n render(): HTMLElement {\n return (\n <main class={this.status}>\n <slot />\n </main>\n );\n }\n}\n",":host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > header {\n display: flex;\n height: 36px;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n border: var(--border-size-small) solid var(--color-surface03);\n background: var(--color-surface01);\n border-radius: var(--space-unit) var(--space-unit) 0 0;\n cursor: pointer;\n}\n\n:host > header:focus {\n outline: none;\n}\n\n:host > header::-moz-focus-inner {\n border: 0;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport Hammer from \"hammerjs\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n/**\n * @slot - pocket header content\n */\n@Component({\n tag: \"z-pocket-header\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZPocketHeader {\n /** pocket id */\n @Prop()\n pocketid: string;\n\n private swipeWrap: HTMLElement;\n\n /** Emitted on pocket header click */\n @Event()\n pocketHeaderClick: EventEmitter;\n\n private emitPocketHeaderClick(): void {\n this.pocketHeaderClick.emit({id: this.pocketid});\n }\n\n /** Emitted on pocket header pan */\n @Event()\n pocketHeaderPan: EventEmitter;\n\n private emitPocketHeaderPan(direction: string): void {\n this.pocketHeaderPan.emit({id: this.pocketid, direction});\n }\n\n constructor() {\n this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);\n }\n\n componentDidLoad(): void {\n // INFO: swipe handling\n const mc = new Hammer(this.swipeWrap);\n mc.get(\"pan\").set({direction: Hammer.DIRECTION_VERTICAL});\n mc.on(\"panup\", () => this.emitPocketHeaderPan(\"up\"));\n mc.on(\"pandown\", () => this.emitPocketHeaderPan(\"down\"));\n }\n\n render(): HTMLElement {\n return (\n <header\n role=\"button\"\n tabindex={0}\n onClick={() => this.emitPocketHeaderClick()}\n onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick)}\n ref={(el) => (this.swipeWrap = el as HTMLElement)}\n >\n <slot />\n </header>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-8a605bfa.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js"],(function(r){"use strict";var o,e;return{setters:[function(r){o=r.r;e=r.h}],execute:function(){var n=":host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-success-inverse);fill:var(--color-success01)}:host>.warning{background:var(--color-warning-inverse);fill:var(--color-warning01)}:host>.error{background:var(--color-error-inverse);fill:var(--color-error01)}";var a=n;var c=r("z_alert",function(){function r(r){o(this,r);this.type=undefined}r.prototype.render=function(){return e("div",{key:"a04290b826aa50ecac798ad9126d93ee1d7e883e",class:this.type},e("slot",{key:"bc0f26d27fe3a68484f3079f11fb1c767fe255c4"}))};return r}());c.style=a}}}));
2	+ //# sourceMappingURL=p-8a605bfa.system.entry.js.map

package/www/build/p-8a605bfa.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZAlertStyle0","ZAlert","exports","class_1","prototype","render","h","key","class","this","type"],"sources":["src/snowflakes/myz/z-alert/styles.css?tag=z-alert&encapsulation=shadow","src/snowflakes/myz/z-alert/index.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n color: var(--color-surface05);\n font-family: var(--font-family-sans);\n font-size: 14px;\n font-weight: var(--font-rg);\n line-height: calc(var(--space-unit) * 2);\n}\n\n:host > div {\n padding: calc(var(--space-unit) * 2);\n}\n\n:host > .success {\n background: var(--color-success-inverse);\n fill: var(--color-success01);\n}\n\n:host > .warning {\n background: var(--color-warning-inverse);\n fill: var(--color-warning01);\n}\n\n:host > .error {\n background: var(--color-error-inverse);\n fill: var(--color-error01);\n}\n","import {Component, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../beans/index\";\n\n/**\n * @slot - alert content\n */\n\n@Component({\n tag: \"z-alert\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZAlert {\n /** alert variant type */\n @Prop()\n type: AlertType;\n\n render(): HTMLDivElement {\n return (\n <div class={this.type}>\n <slot />\n </div>\n );\n }\n}\n"],"mappings":"0IAAA,IAAMA,EAAY,+fAClB,IAAAC,EAAeD,E,ICWFE,EAAMC,EAAA,qB,4CAKjBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOC,KAAKC,MACfJ,EAAA,QAAAC,IAAA,6C,WARW,I","ignoreList":[]}

package/www/build/p-8a6eba90.css ADDED Viewed

@@ -0,0 +1,4 @@
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,700;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"); :root{--gray950:#121212;--gray900:#292929;--gray800:#3D3D3D;--gray700:#525252;--gray600:#666666;--gray500:#9B9B9B;--gray400:#ADADAD;--gray300:#C2C2C2;--gray200:#D6D6D6;--gray100:#EBEBEB;--gray50:#F6F6F6;--gray25:#FAFAFA}:root{--blue950:#001229;--blue900:#001f46;--blue800:#002c63;--blue700:#003981;--blue600:#0047a0;--blue500:#0056c1;--blue400:#2e76ce;--blue300:#5893db;--blue200:#82b0e7;--blue100:#accdf3;--blue50:#d6eaff;--blue25:#ebf5ff}:root{--green950:#19200A;--green900:#22330A;--green800:#2B4808;--green700:#355D06;--green600:#407305;--green500:#568818;--green400:#6F9D2F;--green300:#8AB14A;--green200:#A6C66B;--green100:#C3DA92;--green50:#EFFCE0}:root{--yellow950:#33280F;--yellow900:#5C4615;--yellow800:#85641A;--yellow700:#AB8125;--yellow600:#D09E30;--yellow500:#F6BB3B;--yellow400:#F9C852;--yellow300:#FBD468;--yellow200:#FEE17F;--yellow150:#ffde72;--yellow100:#FFEA91;--yellow50:#FBF4E6}:root{--red950:#2A0005;--red900:#4C0009;--red800:#6F000D;--red700:#940111;--red600:#BA0115;--red500:#E4011C;--red400:#EC5163;--red300:#F07A88;--red200:#F49FA9;--red100:#F8BFC4;--red50:#FDEEED;--red25:#FEF6F6}:root{--avatar-C01:#99005B;--avatar-C02:#B01300;--avatar-C03:#E62200;--avatar-C04:#7C4000;--avatar-C05:#C25600;--avatar-C06:#6E6D6D;--avatar-C07:#667D00;--avatar-C08:#008741;--avatar-C09:#00612F;--avatar-C10:#007D8A;--avatar-C11:#007DB3;--avatar-C12:#00548C;--avatar-C13:#0028B1;--avatar-C14:#00019C;--avatar-C15:#6400EE;--avatar-C16:#5F3FFF;--avatar-C17:#8B00A5;--avatar-C18:#B200FF;--avatar-C19:#C700D6}:root{--subject-art:#7B7B06;--subject-art_image:#7B7B06;--subject-biology:#438454;--subject-chemistry:#BA5191;--subject-civics:#000080;--subject-computer_science:#10893E;--subject-earth_science:#8D3EB2;--subject-english:#C25353;--subject-food_science:#38846B;--subject-french:#C25353;--subject-geography:#378092;--subject-german:#C25353;--subject-grammar:#BE5926;--subject-greek:#37818A;--subject-history:#8B572A;--subject-law:#B90000;--subject-math:#266997;--subject-natural_science:#318473;--subject-physics:#4A7BA4;--subject-science_middle_school:#3A7922;--subject-spanish:#C25353;--subject-technology:#138473;--subject-topography:#AC6604;--subject-technique:#752771}:root{--color-error-default:#7e0a00;--color-success-default:#417505;--color-warning-default:#F6BB3B;--color-black:#000000;--color-white:#FFFFFF}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25;letter-spacing:0}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28;letter-spacing:0}@media (max-width: 1151px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);line-height:1.333}}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333;letter-spacing:0}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.333;letter-spacing:0.32px}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.333;letter-spacing:0.32px}.helper,.helper-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);font-style:italic;line-height:1.333;letter-spacing:0.32px}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}:root{--space-unit:8px}:root{--shadow-color-base:rgba(66, 69, 72, 0.35);--shadow-inset-2:inset 0 2px 4px 0 var(--shadow-color-base);--shadow-inset-4:inset 0 4px 8px 0 var(--shadow-color-base);--shadow-0:0 0 0 0 var(--shadow-color-base);--shadow-1:0 1px 2px 0 var(--shadow-color-base);--shadow-2:0 2px 4px 0 var(--shadow-color-base);--shadow-3:0 3px 6px 0 var(--shadow-color-base);--shadow-4:0 4px 8px 0 var(--shadow-color-base);--shadow-6:0 6px 12px 0 var(--shadow-color-base);--shadow-8:0 8px 16px 0 var(--shadow-color-base);--shadow-12:0 12px 24px 0 var(--shadow-color-base);--shadow-16:0 16px 32px 0 var(--shadow-color-base);--shadow-24:0 24px 48px 0 var(--shadow-color-base)}:root{--border-no-radius:0;--border-size-small:1px;--border-size-medium:2px;--border-size-large:4px;--border-radius-small:2px;--border-radius:4px}:root{--grid-mobile-viewport:768px;--grid-mobile-column:4;--grid-mobile-margin:16px;--grid-mobile-gutter:16px;--grid-tablet-viewport:768px;--grid-tablet-column:8;--grid-tablet-margin:24px;--grid-tablet-gutter:24px;--grid-desktop-viewport:1152px;--grid-desktop-column:12;--grid-desktop-margin:24px;--grid-desktop-gutter:24px;--grid-wide-viewport:1366px;--grid-wide-column:12;--grid-wide-margin:32px;--grid-wide-gutter:32px;--page-max-width:1366px;--grid-margin:var(--grid-mobile-margin);--grid-gutter:var(--grid-mobile-gutter);--grid-columns:var(--grid-mobile-column)}@media (min-width: 768px) and (max-width: 1151px){:root{--grid-margin:var(--grid-tablet-margin);--grid-gutter:var(--grid-tablet-gutter);--grid-columns:var(--grid-tablet-column)}}@media (min-width: 1152px) and (max-width: 1365px){:root{--grid-margin:var(--grid-desktop-margin);--grid-gutter:var(--grid-desktop-gutter);--grid-columns:var(--grid-desktop-column)}}@media (min-width: 1366px){:root{--grid-margin:var(--grid-wide-margin);--grid-gutter:var(--grid-wide-gutter);--grid-columns:var(--grid-wide-column)}}.z-grid{display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);width:100%;-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);}.z-grid .col-full{grid-column:1/-1}.z-grid .col-1{grid-column:span 1}.z-grid .col-2{grid-column:span 2}.z-grid .col-3{grid-column:span 3}.z-grid .col-4,.z-grid .col-5,.z-grid .col-6,.z-grid .col-7,.z-grid .col-8,.z-grid .col-9,.z-grid .col-10,.z-grid .col-11,.z-grid .col-12{grid-column:span 4}.z-grid .col-start-1{grid-column-start:1}.z-grid .col-start-2{grid-column-start:2}.z-grid .col-start-3{grid-column-start:3}.z-grid .col-start-4,.z-grid .col-start-5,.z-grid .col-start-6,.z-grid .col-start-7,.z-grid .col-start-8,.z-grid .col-start-9,.z-grid .col-start-10,.z-grid .col-start-11,.z-grid .col-start-12{grid-column-start:4}.z-grid .-col-start-2{grid-column-start:-2}.z-grid .-col-start-3{grid-column-start:-3}.z-grid .-col-start-4{grid-column-start:-4}.z-grid .-col-start-5,.z-grid .-col-start-6,.z-grid .-col-start-7,.z-grid .-col-start-8,.z-grid .-col-start-9,.z-grid .-col-start-10,.z-grid .-col-start-11,.z-grid .-col-start-12,.z-grid .-col-start-13{grid-column-start:-5}.z-grid .col-end-last{grid-column-end:-1}.z-grid .col-end-2{grid-column-end:2}.z-grid .col-end-3{grid-column-end:3}.z-grid .col-end-4{grid-column-end:4}.z-grid .col-end-5,.z-grid .col-end-6,.z-grid .col-end-7,.z-grid .col-end-8,.z-grid .col-end-9,.z-grid .col-end-10,.z-grid .col-end-11,.z-grid .col-end-12,.z-grid .col-end-13{grid-column-end:5}.z-grid .-col-end-1{grid-column-end:-1}.z-grid .-col-end-2{grid-column-end:-2}.z-grid .-col-end-3{grid-column-end:-3}.z-grid .-col-end-4,.z-grid .-col-end-5,.z-grid .-col-end-6,.z-grid .-col-end-7,.z-grid .-col-end-8,.z-grid .-col-end-9,.z-grid .-col-end-10,.z-grid .-col-end-11,.z-grid .-col-end-12{grid-column-end:-4}@media (max-width: 767px){.z-grid .mobile-col-full{grid-column:1/-1}.z-grid .mobile-col-1{grid-column:span 1}.z-grid .mobile-col-2{grid-column:span 2}.z-grid .mobile-col-3{grid-column:span 3}.z-grid .mobile-col-4{grid-column:span 4}}@media (min-width: 768px){.z-grid .col-5{grid-column:span 5}.z-grid .col-6{grid-column:span 6}.z-grid .col-7{grid-column:span 7}.z-grid .col-8,.z-grid .col-9,.z-grid .col-10,.z-grid .col-11,.z-grid .col-12{grid-column:span 8}.z-grid .col-start-5{grid-column-start:5}.z-grid .col-start-6{grid-column-start:6}.z-grid .col-start-7{grid-column-start:7}.z-grid .col-start-8,.z-grid .col-start-9,.z-grid .col-start-10,.z-grid .col-start-11,.z-grid .col-start-12{grid-column-start:8}.z-grid .-col-start-6{grid-column-start:-6}.z-grid .-col-start-7{grid-column-start:-7}.z-grid .-col-start-8{grid-column-start:-8}.z-grid .-col-start-9,.z-grid .-col-start-10,.z-grid .-col-start-11,.z-grid .-col-start-12,.z-grid .-col-start-13{grid-column-start:-9}.z-grid .col-end-6{grid-column-end:6}.z-grid .col-end-7{grid-column-end:7}.z-grid .col-end-8{grid-column-end:8}.z-grid .col-end-9,.z-grid .col-end-10,.z-grid .col-end-11,.z-grid .col-end-12,.z-grid .col-end-13{grid-column-end:9}.z-grid .-col-end-5{grid-column-end:-5}.z-grid .-col-end-6{grid-column-end:-6}.z-grid .-col-end-7{grid-column-end:-7}.z-grid .-col-end-8,.z-grid .-col-end-9,.z-grid .-col-end-10,.z-grid .-col-end-11,.z-grid .-col-end-12{grid-column-end:-8}}@media (min-width: 768px) and (max-width: 1151px){.z-grid .tablet-col-full{grid-column:1/-1}.z-grid .tablet-col-1{grid-column:span 1}.z-grid .tablet-col-2{grid-column:span 2}.z-grid .tablet-col-3{grid-column:span 3}.z-grid .tablet-col-4{grid-column:span 4}.z-grid .tablet-col-5{grid-column:span 5}.z-grid .tablet-col-6{grid-column:span 6}.z-grid .tablet-col-7{grid-column:span 7}.z-grid .tablet-col-8{grid-column:span 8}.z-grid .tablet-col-start-1{grid-column-start:1}.z-grid .tablet-col-start-2{grid-column-start:2}.z-grid .tablet-col-start-3{grid-column-start:3}.z-grid .tablet-col-start-4{grid-column-start:4}.z-grid .tablet-col-start-5{grid-column-start:5}.z-grid .tablet-col-start-6{grid-column-start:6}.z-grid .tablet-col-start-7{grid-column-start:7}.z-grid .tablet-col-start-8{grid-column-start:8}.z-grid .-tablet-col-start-2{grid-column-start:-2}.z-grid .-tablet-col-start-3{grid-column-start:-3}.z-grid .-tablet-col-start-4{grid-column-start:-4}.z-grid .-tablet-col-start-5{grid-column-start:-5}.z-grid .-tablet-col-start-6{grid-column-start:-6}.z-grid .-tablet-col-start-7{grid-column-start:-7}.z-grid .-tablet-col-start-8{grid-column-start:-8}.z-grid .tablet-col-end-2{grid-column-end:2}.z-grid .tablet-col-end-3{grid-column-end:3}.z-grid .tablet-col-end-4{grid-column-end:4}.z-grid .tablet-col-end-6{grid-column-end:6}.z-grid .tablet-col-end-7{grid-column-end:7}.z-grid .tablet-col-end-8{grid-column-end:8}.z-grid .tablet-col-end-last{grid-column-end:-1}.z-grid .-tablet-col-end-1{grid-column-end:-1}.z-grid .-tablet-col-end-2{grid-column-end:-2}.z-grid .-tablet-col-end-3{grid-column-end:-3}.z-grid .-tablet-col-end-4{grid-column-end:-4}.z-grid .-tablet-col-end-5{grid-column-end:-5}.z-grid .-tablet-col-end-6{grid-column-end:-6}.z-grid .-tablet-col-end-7{grid-column-end:-7}.z-grid .-tablet-col-end-8{grid-column-end:-8}}@media (min-width: 1152px){.z-grid .col-9{grid-column:span 9}.z-grid .col-10{grid-column:span 10}.z-grid .col-11{grid-column:span 11}.z-grid .col-12{grid-column:span 12}.z-grid .col-start-9{grid-column-start:9}.z-grid .col-start-10{grid-column-start:10}.z-grid .col-start-11{grid-column-start:11}.z-grid .col-start-12{grid-column-start:12}.z-grid .-col-start-10{grid-column-start:-10}.z-grid .-col-start-11{grid-column-start:-11}.z-grid .-col-start-12{grid-column-start:-12}.z-grid .-col-start-13{grid-column-start:-13}.z-grid .col-end-10{grid-column-end:10}.z-grid .col-end-11{grid-column-end:11}.z-grid .col-end-12{grid-column-end:12}.z-grid .col-end-13{grid-column-end:13}.z-grid .-col-end-9{grid-column-end:-9}.z-grid .-col-end-10{grid-column-end:-10}.z-grid .-col-end-11{grid-column-end:-11}.z-grid .-col-end-12{grid-column-end:-12}}@media (min-width: 1152px) and (max-width: 1365px){.z-grid .desktop-col-full{grid-column:1/-1}.z-grid .desktop-col-1{grid-column:span 1}.z-grid .desktop-col-2{grid-column:span 2}.z-grid .desktop-col-3{grid-column:span 3}.z-grid .desktop-col-4{grid-column:span 4}.z-grid .desktop-col-5{grid-column:span 5}.z-grid .desktop-col-6{grid-column:span 6}.z-grid .desktop-col-7{grid-column:span 7}.z-grid .desktop-col-8{grid-column:span 8}.z-grid .desktop-col-9{grid-column:span 9}.z-grid .desktop-col-10{grid-column:span 10}.z-grid .desktop-col-11{grid-column:span 11}.z-grid .desktop-col-12{grid-column:span 12}.z-grid .desktop-col-start-1{grid-column-start:1}.z-grid .desktop-col-start-2{grid-column-start:2}.z-grid .desktop-col-start-3{grid-column-start:3}.z-grid .desktop-col-start-4{grid-column-start:4}.z-grid .desktop-col-start-5{grid-column-start:5}.z-grid .desktop-col-start-6{grid-column-start:6}.z-grid .desktop-col-start-7{grid-column-start:7}.z-grid .desktop-col-start-8{grid-column-start:8}.z-grid .desktop-col-start-9{grid-column-start:9}.z-grid .desktop-col-start-10{grid-column-start:10}.z-grid .desktop-col-start-11{grid-column-start:11}.z-grid .desktop-col-start-12{grid-column-start:12}.z-grid .-desktop-col-start-2{grid-column-start:-2}.z-grid .-desktop-col-start-3{grid-column-start:-3}.z-grid .-desktop-col-start-4{grid-column-start:-4}.z-grid .-desktop-col-start-5{grid-column-start:-5}.z-grid .-desktop-col-start-6{grid-column-start:-6}.z-grid .-desktop-col-start-7{grid-column-start:-7}.z-grid .-desktop-col-start-8{grid-column-start:-8}.z-grid .-desktop-col-start-9{grid-column-start:-9}.z-grid .-desktop-col-start-10{grid-column-start:-10}.z-grid .-desktop-col-start-11{grid-column-start:-11}.z-grid .-desktop-col-start-12{grid-column-start:-12}.z-grid .desktop-col-end-2{grid-column-end:2}.z-grid .desktop-col-end-3{grid-column-end:3}.z-grid .desktop-col-end-4{grid-column-end:4}.z-grid .desktop-col-end-6{grid-column-end:6}.z-grid .desktop-col-end-7{grid-column-end:7}.z-grid .desktop-col-end-8{grid-column-end:8}.z-grid .desktop-col-end-9{grid-column-end:9}.z-grid .desktop-col-end-10{grid-column-end:10}.z-grid .desktop-col-end-11{grid-column-end:11}.z-grid .desktop-col-end-12{grid-column-end:12}.z-grid .desktop-col-end-last{grid-column-end:-1}.z-grid .-desktop-col-end-1{grid-column-end:-1}.z-grid .-desktop-col-end-2{grid-column-end:-2}.z-grid .-desktop-col-end-3{grid-column-end:-3}.z-grid .-desktop-col-end-4{grid-column-end:-4}.z-grid .-desktop-col-end-5{grid-column-end:-5}.z-grid .-desktop-col-end-6{grid-column-end:-6}.z-grid .-desktop-col-end-7{grid-column-end:-7}.z-grid .-desktop-col-end-8{grid-column-end:-8}.z-grid .-desktop-col-end-9{grid-column-end:-9}.z-grid .-desktop-col-end-10{grid-column-end:-10}.z-grid .-desktop-col-end-11{grid-column-end:-11}.z-grid .-desktop-col-end-12{grid-column-end:-12}}@media (min-width: 1366px){.z-grid .wide-col-full{grid-column:1/-1}.z-grid .wide-col-1{grid-column:span 1}.z-grid .wide-col-2{grid-column:span 2}.z-grid .wide-col-3{grid-column:span 3}.z-grid .wide-col-4{grid-column:span 4}.z-grid .wide-col-5{grid-column:span 5}.z-grid .wide-col-6{grid-column:span 6}.z-grid .wide-col-7{grid-column:span 7}.z-grid .wide-col-8{grid-column:span 8}.z-grid .wide-col-9{grid-column:span 9}.z-grid .wide-col-10{grid-column:span 10}.z-grid .wide-col-11{grid-column:span 11}.z-grid .wide-col-12{grid-column:span 12}.z-grid .wide-col-start-1{grid-column-start:1}.z-grid .wide-col-start-2{grid-column-start:2}.z-grid .wide-col-start-3{grid-column-start:3}.z-grid .wide-col-start-4{grid-column-start:4}.z-grid .wide-col-start-5{grid-column-start:5}.z-grid .wide-col-start-6{grid-column-start:6}.z-grid .wide-col-start-7{grid-column-start:7}.z-grid .wide-col-start-8{grid-column-start:8}.z-grid .wide-col-start-9{grid-column-start:9}.z-grid .wide-col-start-10{grid-column-start:10}.z-grid .wide-col-start-11{grid-column-start:11}.z-grid .wide-col-start-12{grid-column-start:12}.z-grid .-wide-col-start-2{grid-column-start:-2}.z-grid .-wide-col-start-3{grid-column-start:-3}.z-grid .-wide-col-start-4{grid-column-start:-4}.z-grid .-wide-col-start-5{grid-column-start:-5}.z-grid .-wide-col-start-6{grid-column-start:-6}.z-grid .-wide-col-start-7{grid-column-start:-7}.z-grid .-wide-col-start-8{grid-column-start:-8}.z-grid .-wide-col-start-9{grid-column-start:-9}.z-grid .-wide-col-start-10{grid-column-start:-10}.z-grid .-wide-col-start-11{grid-column-start:-11}.z-grid .-wide-col-start-12{grid-column-start:-12}.z-grid .wide-col-end-2{grid-column-end:2}.z-grid .wide-col-end-3{grid-column-end:3}.z-grid .wide-col-end-4{grid-column-end:4}.z-grid .wide-col-end-6{grid-column-end:6}.z-grid .wide-col-end-7{grid-column-end:7}.z-grid .wide-col-end-8{grid-column-end:8}.z-grid .wide-col-end-9{grid-column-end:9}.z-grid .wide-col-end-10{grid-column-end:10}.z-grid .wide-col-end-11{grid-column-end:11}.z-grid .wide-col-end-12{grid-column-end:12}.z-grid .wide-col-end-last{grid-column-end:-1}.z-grid .-wide-col-end-1{grid-column-end:-1}.z-grid .-wide-col-end-2{grid-column-end:-2}.z-grid .-wide-col-end-3{grid-column-end:-3}.z-grid .-wide-col-end-4{grid-column-end:-4}.z-grid .-wide-col-end-5{grid-column-end:-5}.z-grid .-wide-col-end-6{grid-column-end:-6}.z-grid .-wide-col-end-7{grid-column-end:-7}.z-grid .-wide-col-end-8{grid-column-end:-8}.z-grid .-wide-col-end-9{grid-column-end:-9}.z-grid .-wide-col-end-10{grid-column-end:-10}.z-grid .-wide-col-end-11{grid-column-end:-11}.z-grid .-wide-col-end-12{grid-column-end:-12}}.z-fab{--z-fab-right-offset:var(--grid-margin);--z-fab-bottom-offset:var(--grid-margin);--z-fab-icon-size:20px;--z-fab-icon-fill:var(--color-inverse-icon);position:fixed;z-index:1;right:var(--z-fab-right-offset);bottom:var(--z-fab-bottom-offset);display:-ms-flexbox;display:flex;max-width:48px;-ms-flex-align:center;align-items:center;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;padding:14px;background-color:var(--color-primary01);border-radius:24px;-webkit-box-shadow:var(--shadow-4);box-shadow:var(--shadow-4);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.25;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}button.z-fab{border:none}a.z-fab{text-decoration:none}.z-fab.z-fab-small{--z-fab-icon-size:18px;max-width:42px;padding:12px;border-radius:21px;font-size:var(--font-size-2);line-height:1.285}.z-fab.z-fab-x-small{--z-fab-icon-size:16px;max-width:36px;padding:10px;border-radius:18px;font-size:var(--font-size-1);line-height:1.333}.z-fab.z-fab-extended{max-width:100%;-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}.z-fab.z-fab-extended.z-fab-x-small{-webkit-column-gap:calc(var(--space-unit) / 2);-moz-column-gap:calc(var(--space-unit) / 2);column-gap:calc(var(--space-unit) / 2)}.z-fab.z-fab-extended>*:not(z-icon){opacity:1}.z-fab.z-fab-primary03{--z-fab-icon-fill:var(--color-primary01-icon);background-color:var(--color-primary03);color:var(--color-primary01-icon)}.z-fab.z-fab-surface01{--z-fab-icon-fill:var(--color-primary01-icon);background-color:var(--color-surface01);color:var(--color-primary01-icon)}.z-fab.z-fab-surface02{--z-fab-icon-fill:var(--color-primary01-icon);background-color:var(--color-surface02);color:var(--color-primary01-icon)}.z-fab.z-fab-surface04{--z-fab-icon-fill:var(--color-inverse-icon);background-color:var(--color-surface04);color:var(--color-text-inverse)}.z-fab z-icon{--z-icon-width:var(--z-fab-icon-size);--z-icon-height:var(--z-fab-icon-size);fill:var(--z-fab-icon-fill)}.z-fab>*:not(z-icon){overflow:hidden;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;white-space:nowrap}.z-fab.z-fab-extended>*:not(z-icon:first-child){opacity:1}@media (hover: hover){.z-fab.z-fab-extendable:hover{max-width:100%;-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}.z-fab.z-fab-extendable:hover>*:not(z-icon:first-child){opacity:1}.z-fab.z-fab-x-small.z-fab-extendable:hover{-webkit-column-gap:calc(var(--space-unit) / 2);-moz-column-gap:calc(var(--space-unit) / 2);column-gap:calc(var(--space-unit) / 2)}}button.z-link{background-color:transparent;margin:0;padding:0;border:0}a.z-link,button.z-link{display:-ms-inline-flexbox;display:inline-flex;color:var(--color-link-primary);fill:var(--color-link-primary);cursor:pointer;font-family:var(--font-family-sans);line-height:inherit;text-decoration:none}a.z-link:hover,a.z-link:focus,a.z-link:active,button.z-link:hover,button.z-link:focus,button.z-link:active{text-decoration:underline}a.z-link:hover,a.z-link:focus,button.z-link:hover,button.z-link:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a.z-link:active,a.z-link.z-link-active:active,button.z-link:active,button.z-link.z-link-active:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a.z-link:visited,button.z-link:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.z-link.z-link-active,button.z-link.z-link-active{color:var(--color-active-link);fill:var(--color-active-link)}a.z-link.z-link-active.z-link-inverse,button.z-link.z-link-active.z-link-inverse{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.z-link.z-link-active.z-link-black,button.z-link.z-link-active.z-link-black{color:var(--color-black);fill:var(--color-black)}a.z-link.z-link-disabled,button.z-link.z-link-disabled{color:var(--color-disabled03);fill:var(--color-disabled03);cursor:default;pointer-events:none;text-decoration:none;outline:none}a.z-link.z-link-underline,button.z-link.z-link-underline{text-decoration:underline}a.z-link.z-link-inverse,button.z-link.z-link-inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.z-link.z-link-inverse:hover,button.z-link.z-link-inverse:hover{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.z-link.z-link-inverse:active,a.z-link.z-link-inverse:focus,button.z-link.z-link-inverse:active,button.z-link.z-link-inverse:focus{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.z-link.z-link-inverse:visited,button.z-link.z-link-inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.z-link.z-link-black,button.z-link.z-link-black{color:var(--gray800);fill:var(--gray800)}a.z-link.z-link-black:hover:visited,button.z-link.z-link-black:hover:visited{color:var(--gray800);fill:var(--gray800)}a.z-link.z-link-black:hover,a.z-link.z-link-black.z-link-active:focus,button.z-link.z-link-black:hover,button.z-link.z-link-black.z-link-active:focus{color:var(--color-black);fill:var(--color-black)}a.z-link.z-link-black:active,a.z-link.z-link-black.z-link-active:active,button.z-link.z-link-black:active,button.z-link.z-link-black.z-link-active:active{color:var(--gray700);fill:var(--gray700)}a.z-link.z-link-black.z-link-disabled.z-link-active,button.z-link.z-link-black.z-link-disabled.z-link-active{color:var(--color-disabled03);fill:var(--color-disabled03)}a.z-link.z-link-white,button.z-link.z-link-white{color:var(--color-white);fill:var(--color-white)}a.z-link.z-link-white.z-link-disabled,button.z-link.z-link-white.z-link-disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}a.z-link.z-link-icon,button.z-link.z-link-icon{--z-icon-width:1.125em;--z-icon-height:1.125em;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.5em;-moz-column-gap:0.5em;column-gap:0.5em}a.z-link.z-link-sb,button.z-link.z-link-sb{font-weight:var(--font-sb)}:root,.theme-default{--color-background:var(--gray50);--color-primary01:var(--blue500);--color-primary02:var(--blue25);--color-primary03:var(--blue50);--color-secondary01:var(--blue500);--color-secondary02:var(--red500);--color-secondary03:var(--red500);--color-danger01:var(--red500);--color-danger02:var(--red500);--color-error01:var(--red500);--color-error02:var(--red500);--color-error-inverse:var(--red50);--color-text-error:var(--red700);--color-success01:var(--green500);--color-success02:var(--green500);--color-text-success:var(--color-success-default);--color-success-inverse:var(--green50);--color-warning01:var(--yellow500);--color-warning02:var(--yellow500);--color-text-warning:var(--color-warning-default);--color-warning-inverse:var(--yellow50);--color-surface01:var(--color-white);--color-surface02:var(--gray50);--color-surface03:var(--gray200);--color-surface04:var(--gray700);--color-surface05:var(--gray800);--color-default-text:var(--gray900);--color-text02:var(--gray100);--color-text03:var(--gray300);--color-text05:var(--gray600);--color-text-inverse:var(--color-white);--color-primary01-icon:var(--blue500);--color-default-icon:var(--gray900);--color-inverse-icon:var(--color-white);--color-hover-icon:var(--color-black);--color-pressed-icon:var(--gray700);--color-disabled03-icon:var(--gray500);--color-disabled01-icon:var(--gray300);--color-disabled02-icon:var(--gray100);--color-hover-primary-icon:var(--blue800);--color-active-primary-icon:var(--blue400);--color-input-field01:var(--color-white);--color-input-field02:var(--blue500);--color-hover-primary:var(--blue800);--color-hover-primary-text:var(--color-black);--color-hover-secondary:var(--blue800);--color-hover-tertiary:var(--blue800);--color-hover-surface:var(--gray50);--color-hover-light:var(--blue400);--color-hover-danger:var(--red700);--color-hover-error:var(--red700);--color-hover-success:var(--green700);--color-hover-warning:var(--yellow700);--color-active-primary:var(--blue800);--color-active-secondary:var(--blue800);--color-active-tertiary:var(--blue800);--color-active-surface:var(--gray300);--color-active-light:var(--blue400);--color-pressed-primary:var(--blue400);--color-pressed-secondary:var(--red400);--color-selected-surface:var(--gray300);--color-selected-light:var(--gray300);--color-highlight:var(--blue400);--color-ghost01:var(--gray300);--color-ghost02:var(--gray500);--color-disabled01:var(--gray300);--color-disabled02:var(--gray100);--color-disabled03:var(--gray500);--shadow-focus-primary:0 0 0 2px var(--color-white),
+    0 0 2px 5px var(--blue800);--color-link-primary:var(--blue500);--color-hover-link:var(--blue800);--color-active-link:var(--blue800);--color-pressed-link:var(--blue400);--color-visited-link:var(--blue800);--color-inverse-link:var(--color-white);--color-inverse-hover-link:var(--color-white);--color-inverse-active-link:var(--color-white);--color-inverse-pressed-link:var(--color-white);--color-inverse-visited-link:var(--gray300);--color-inverse-hover-error:var(--red500);--color-inverse-hover-success:var(--green500);--color-inverse-hover-warning:var(--yellow500);--color-inverse-error:var(--red50);--color-inverse-success:var(--green50);--color-inverse-warning:var(--yellow50)}.theme-black-yellow{--color-background:var(--color-white);--color-primary01:var(--gray950);--color-primary02:var(--gray50);--color-primary03:var(--gray100);--color-secondary01:var(--yellow500);--color-secondary02:var(--yellow500);--color-secondary03:var(--yellow500);--color-default-text:var(--gray950);--color-text02:var(--gray950);--color-text-inverse:var(--color-white);--color-input-field02:var(--gray950);--color-primary01-icon:var(--gray950);--color-hover-primary:var(--gray800);--color-hover-secondary:var(--gray950);--color-hover-tertiary:var(--gray950);--color-hover-surface:var(--gray50);--color-hover-primary-text:var(--gray950);--color-hover-light:var(--yellow500);--color-active-primary:var(--gray800);--color-active-secondary:var(--gray800);--color-active-tertiary:var(--gray800);--color-active-surface:var(--gray300);--color-active-light:var(--gray400);--color-pressed-primary:var(--gray800);--color-highlight:var(--gray950);--shadow-focus-primary:0 0 0 2px var(--color-white),
+    0 0 2px 5px var(--color-highlight);--color-link-primary:var(--gray950);--color-hover-link:var(--gray800);--color-active-link:var(--gray800);--color-pressed-link:var(--gray400);--color-visited-link:var(--gray800)}.theme-dark{--color-primary01:var(--color-white);--color-primary02:var(--gray800);--color-primary03:var(--gray700);--color-hover-primary:var(--gray100);--color-active-primary:var(--gray25);--color-pressed-primary:var(--gray25);--color-secondary01:var(--red500);--color-secondary02:var(--red900);--color-secondary03:var(--red800);--color-hover-secondary:var(--red200);--color-active-primary:var(--gray25);--color-surface01:var(--gray900);--color-surface02:var(--gray700);--color-surface03:var(--gray300);--color-surface04:var(--gray100);--color-surface05:var(--color-white);--color-default-text:var(--gray100);--color-text02:var(--gray900);--color-text03:var(--gray700);--color-text05:var(--gray500);--color-text-inverse:var(--gray900);--color-pressed-text:var(--gray300);--color-hover-text:var(--gray300);--color-link-primary:var(--color-white);--color-hover-link:var(--gray300);--color-active-link:var(--gray300);--color-visited-link:var(--gray300);--color-pressed-link:var(--gray100);--color-inverse-hover-link:var(--gray900);--color-inverse-active-link:var(--gray900);--color-inverse-pressed-link:var(--gray900);--color-disabled01:var(--gray700);--color-disabled02:var(--gray900);--color-primary01-icon:var(--color-white);--color-disabled01-icon:var(--gray700);--color-disabled02-icon:var(--gray900);--color-pressed-icon:var(--gray300);--color-hover-icon:var(--gray300);--color-active-primary-icon:var(--gray300);--color-hover-primary-icon:var(--gray300);--color-default-icon:var(--gray100);--color-error01:var(--red50);--color-error02:var(--red50);--color-danger01:var(--red50);--color-danger02:var(--red50);--color-text-error:var(--red50);--color-inverse-error:var(--red700);--color-hover-error:var(--red300);--color-hover-danger:var(--red300);--color-success01:var(--green50);--color-success02:var(--green50);--color-inverse-success:var(--green700);--color-hover-success:var(--green300);--color-inverse-hover-success:var(--green50);--color-inverse-hover-error:var(--red50);--color-warning01:var(--yellow300);--color-warning02:var(--yellow300);--color-inverse-warning:var(--yellow700);--color-hover-warning:var(--yellow50);--color-inverse-hover-warning:var(--yellow300);background:var(--color-surface01);--shadow-focus-primary:0px 0px 0px 2px var(--gray800),
+    0px 0px 2px 5px var(--blue25)}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]:first-of-type:not(:last-of-type),z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary),z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary)::before,z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(content)::before{border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"],z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary),z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary)::before,z-accordion[variant="background"]+z-accordion[variant="background"]::part(content)::before{border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary),z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary)::before,z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type::part(content)::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}

package/www/build/p-8eecf346.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(e){"use strict";var t,i,o,n;return{setters:[function(e){t=e.r;i=e.h;o=e.g},function(e){n=e.L}],execute:function(){var a='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);-webkit-transition:height 500ms ease-in-out,\n top 500ms ease-in-out;transition:height 500ms ease-in-out,\n top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;-webkit-transition:all 200ms linear;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);-webkit-transition:all 200ms linear;transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;-ms-flex-direction:column;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;-webkit-transition:height 500ms ease-in-out,\n top 500ms ease-in-out;transition:height 500ms ease-in-out,\n top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;-webkit-transition:height 500ms ease-in-out,\n top 500ms ease-in-out;transition:height 500ms ease-in-out,\n top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';var s=a;var r=e("z_myz_card_footer",function(){function e(e){t(this,e);this.titolo=undefined;this.autori=undefined;this.isbn=undefined;this.faded=undefined;this.cardtype=undefined;this.opened=false;this.customContent=false;this.isOpen=false;this.allowTooltipAuthors=false}e.prototype.handleToggle=function(){this.isOpen=!this.isOpen;if(this.isOpen){var e=this.getFirstListItem();if(e){requestAnimationFrame((function(){e.focus()}))}}};e.prototype.getTitleAuthors=function(){return this.allowTooltipAuthors?this.autori:""};e.prototype.componentWillLoad=function(){if(this.opened){this.isOpen=true}};e.prototype.elementsEllipsis=function(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false};e.prototype.elementAuthorsHasEllipsis=function(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth};e.prototype.retrieveClass=function(){return{isopen:this.isOpen,real:this.cardtype===n.REAL,trial:this.cardtype===n.TRIAL,temp:this.cardtype===n.TEMP,"custom-content":this.customContent}};e.prototype.footerTransitionHandler=function(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}};e.prototype.getFirstListItem=function(){return this.host.querySelector("[slot=list] > li a")};e.prototype.render=function(){var e=this;return i("div",{key:"e5711063557dce84367650a81a3313e4d4755ca7",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},i("footer",{key:"81fe8ba76037d6aabf6a34123ef7e16b9fdcf6bf",class:this.retrieveClass(),onTransitionEnd:function(t){return e.footerTransitionHandler(t)}},i("span",{key:"fe8a8eb5e9668ef98052aa77ea006e36e1da4362",class:"toggle"},i("slot",{key:"1b31d051074a5c49783adced5ab8a08ffce34c2c",name:"toggle"})),this.titolo&&i("p",{key:"fd5184ba3211dcaec0fbbada7e66c2424e8683a1",class:{"custom-content":this.customContent}},this.titolo),i("div",{key:"eb56f5377d285fa66090865f3750267827a55b30",class:{content:true,"custom-content":this.customContent}},i("div",{key:"73df88cb7871a4aeb47414cdfb2c248f4cae0454"},i("p",{key:"bcee7b1836e87540bb9ea7a0dae9b20717acb84b",class:"authors",ref:function(t){return e.ellipsisAuthors=t}},i("span",{key:"1a2741b228850ea9b438e2d0d3bbe161f1c58223",title:this.getTitleAuthors()},i("span",{key:"78e8afea170e944a119670a1f3ff35d9b1e68cca","aria-description":"Autori",class:"bold"},this.autori))),i("p",{key:"46339663289bca4d4c0d18f5a8a1e5c7f967a2c7",class:"year-isbn"},i("span",{key:"885b4e716717a5e7faf0b2cdd0eb0a120c6b02a5",class:"isbn"},i("span",{key:"8eb8fe819c2208bcd85a4ff75bcea45d126bbcfd"},i("span",{key:"adce63e9a8982d61692c899da383374914db342d","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),i("div",{key:"b36ed0288ce7e14a3c8770cd097f712440d10c5b",class:"slot-handler ".concat(this.isOpen?"visible":"hidden")},i("slot",{key:"f7eca7603fd10d49a68f7c41505d50ee185e206f",name:"list"})))),this.customContent&&i("slot",{key:"4f80af2d5fe5bba71f5d1704f4816aa395effe88",name:"content"}))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());r.style=s}}}));
2	+ //# sourceMappingURL=p-8eecf346.system.entry.js.map

package/www/build/p-8eecf346.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZMyzCardFooterStyle0","ZMyzCardFooter","exports","class_1","prototype","handleToggle","this","isOpen","firstElem_1","getFirstListItem","requestAnimationFrame","focus","getTitleAuthors","allowTooltipAuthors","autori","componentWillLoad","opened","elementsEllipsis","elementAuthorsHasEllipsis","ellipsisAuthors","offsetWidth","scrollWidth","retrieveClass","isopen","real","cardtype","LicenseType","REAL","trial","TRIAL","temp","TEMP","customContent","footerTransitionHandler","e","includes","propertyName","host","querySelector","render","_this","h","key","class","Object","assign","wrapper","onTransitionEnd","name","titolo","content","ref","el","title","isbn","concat"],"sources":["src/snowflakes/myz/card/z-myz-card-footer/styles.css?tag=z-myz-card-footer&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"sourcesContent":["footer {\n position: relative;\n z-index: 5;\n top: 0;\n width: auto;\n height: calc(var(--space-unit) * 6);\n padding: 0;\n border-top: var(--border-size-medium) solid var(--color-surface03);\n margin: 0;\n background-color: var(--color-surface01);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n color: var(--color-surface05);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.real,\nfooter.trial,\nfooter.temp {\n border-top: var(--border-size-medium) solid var(--blue100);\n}\n\nfooter .bold {\n font-family: var(--font-family-sans);\n font-weight: var(--font-sb);\n}\n\nfooter > p {\n overflow: hidden;\n height: 40px;\n padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);\n margin: 0;\n background-color: var(--color-surface01);\n font-family: var(--font-family-sans);\n font-size: 16px;\n font-weight: var(--font-rg);\n line-height: 22px;\n transition: all 200ms linear;\n}\n\nfooter.isopen > p {\n background-color: var(--gray200);\n font-size: 14px;\n font-weight: var(--font-sb);\n transition: all 200ms linear;\n}\n\nfooter.isopen.real > p,\nfooter.isopen.trial > p,\nfooter.isopen.temp > p {\n background-color: var(--blue100);\n}\n\nfooter .visible {\n display: block;\n}\n\nfooter .hidden {\n display: none;\n}\n\nfooter > div.content {\n overflow: hidden;\n height: 60px;\n}\n\nfooter > div.content > div:not(.slot-handler) {\n padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nfooter > div.content > div > p {\n overflow: hidden;\n height: 20px;\n padding: 0;\n margin: 0;\n font-size: 14px;\n line-height: 20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\nfooter > div.content > div > p.year-isbn {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding-top: var(--space-unit);\n}\n\nfooter > div.content > div > p.year-isbn > span.isbn {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\nfooter.isopen > div.content > div:not(.slot-handler) {\n height: 68px;\n}\n\nfooter.isopen > div.content > div > p.authors {\n height: 40px;\n text-overflow: initial;\n white-space: initial;\n}\n\nfooter.isopen > div.content > div > p.year-isbn {\n height: 50px;\n flex-direction: column;\n padding-left: 0;\n}\n\nfooter.isopen > div.content > div > p.year-isbn > span.isbn {\n display: inline-grid;\n padding-left: 0;\n}\n\nfooter.isopen {\n top: -212px;\n height: 295px;\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content {\n top: -292px;\n}\n\nfooter.isopen > div.content {\n height: 280px;\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content > div.content {\n height: 230px;\n}\n\n.toggle {\n position: absolute;\n z-index: 10;\n top: -24px;\n left: 16px;\n}\n\n.faded {\n opacity: 0.3;\n pointer-events: none;\n}\n\nfooter > p.custom-content,\nfooter .content.custom-content {\n display: none;\n}\n\nfooter.isopen > p.custom-content,\nfooter.isopen .content.custom-content {\n display: block;\n}\n\ndiv.wrapper {\n position: relative;\n height: 100%;\n}\n\ndiv.wrapper ::slotted([slot=\"content\"]) {\n position: absolute;\n z-index: 10;\n top: calc(var(--space-unit) * 2);\n display: block;\n width: 100%;\n height: 112px;\n box-sizing: border-box;\n padding: 0 calc(var(--space-unit) * 2);\n border-top: var(--border-size-medium) solid transparent;\n background: var(--color-white);\n}\n\ndiv.wrapper.isopen ::slotted([slot=\"content\"]) {\n top: 0;\n bottom: 0;\n height: 128px;\n padding: calc(var(--space-unit) * 2);\n border-color: var(--blue100);\n}\n","import {Component, Element, Listen, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\n@Component({\n tag: \"z-myz-card-footer\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardFooter {\n @Element() host: HTMLZMyzCardFooterElement;\n\n /** volume title */\n @Prop()\n titolo: string;\n\n /** authors name text */\n @Prop()\n autori: string;\n\n /** volume isbn */\n @Prop()\n isbn: string;\n\n /** faded status */\n @Prop()\n faded: boolean;\n\n /** card graphic variant (optional) */\n @Prop()\n cardtype?: LicenseType;\n\n /** footer opened by default (optional) */\n @Prop()\n opened?: boolean = false;\n\n /** display footer custom slotted content */\n @Prop()\n customContent = false;\n\n @State()\n isOpen = false;\n\n @State()\n allowTooltipAuthors = false;\n\n private ellipsisAuthors?: HTMLElement;\n\n @Listen(\"toggleClick\")\n handleToggle(): void {\n this.isOpen = !this.isOpen;\n if (this.isOpen) {\n const firstElem = this.getFirstListItem();\n if (firstElem) {\n requestAnimationFrame(() => {\n firstElem.focus();\n });\n }\n }\n }\n\n private getTitleAuthors(): string {\n return this.allowTooltipAuthors ? this.autori : \"\";\n }\n\n componentWillLoad(): void {\n if (this.opened) {\n this.isOpen = true;\n }\n }\n\n private elementsEllipsis(): void {\n this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n }\n\n private elementAuthorsHasEllipsis(): boolean {\n return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n }\n\n private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n return {\n \"isopen\": this.isOpen,\n \"real\": this.cardtype === LicenseType.REAL,\n \"trial\": this.cardtype === LicenseType.TRIAL,\n \"temp\": this.cardtype === LicenseType.TEMP,\n \"custom-content\": this.customContent,\n };\n }\n\n private footerTransitionHandler(e: TransitionEvent): void {\n if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n this.elementsEllipsis();\n }\n }\n\n private getFirstListItem(): HTMLElement {\n return this.host.querySelector(\"[slot=list] > li a\");\n }\n\n render(): HTMLDivElement {\n return (\n <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n <footer\n class={this.retrieveClass()}\n onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n >\n <span class=\"toggle\">\n <slot name=\"toggle\" />\n </span>\n {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n <div>\n <p\n class=\"authors\"\n ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n >\n <span title={this.getTitleAuthors()}>\n <span\n aria-description=\"Autori\"\n class=\"bold\"\n >\n {this.autori}\n </span>\n </span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span>\n <span\n aria-description=\"ISBN edizione cartacea\"\n class=\"bold\"\n >\n {this.isbn}\n </span>{\" \"}\n (ed. cartacea)\n </span>\n </span>\n </p>\n </div>\n <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n <slot name=\"list\" />\n </div>\n </div>\n </footer>\n {this.customContent && <slot name=\"content\" />}\n </div>\n );\n }\n}\n"],"mappings":"gMAAA,IAAMA,EAAY,s3GAClB,IAAAC,EAAeD,E,ICYFE,EAAcC,EAAA,+B,iJAyBN,M,mBAIH,M,YAGP,M,yBAGa,K,CAKtBC,EAAAC,UAAAC,aAAA,WACEC,KAAKC,QAAUD,KAAKC,OACpB,GAAID,KAAKC,OAAQ,CACf,IAAMC,EAAYF,KAAKG,mBACvB,GAAID,EAAW,CACbE,uBAAsB,WACpBF,EAAUG,O,OAMVR,EAAAC,UAAAQ,gBAAA,WACN,OAAON,KAAKO,oBAAsBP,KAAKQ,OAAS,E,EAGlDX,EAAAC,UAAAW,kBAAA,WACE,GAAIT,KAAKU,OAAQ,CACfV,KAAKC,OAAS,I,GAIVJ,EAAAC,UAAAa,iBAAA,WACNX,KAAKO,oBAAsBP,KAAKY,4BAA8B,KAAO,K,EAG/Df,EAAAC,UAAAc,0BAAA,WACN,OAAOZ,KAAKa,gBAAgBC,YAAcd,KAAKa,gBAAgBE,W,EAGzDlB,EAAAC,UAAAkB,cAAA,WACN,MAAO,CACLC,OAAUjB,KAAKC,OACfiB,KAAQlB,KAAKmB,WAAaC,EAAYC,KACtCC,MAAStB,KAAKmB,WAAaC,EAAYG,MACvCC,KAAQxB,KAAKmB,WAAaC,EAAYK,KACtC,iBAAkBzB,KAAK0B,c,EAInB7B,EAAAC,UAAA6B,wBAAA,SAAwBC,GAC9B,GAAI,CAAC,aAAc,UAAUC,SAASD,EAAEE,cAAe,CACrD9B,KAAKW,kB,GAIDd,EAAAC,UAAAK,iBAAA,WACN,OAAOH,KAAK+B,KAAKC,cAAc,qB,EAGjCnC,EAAAC,UAAAmC,OAAA,eAAAC,EAAAlC,KACE,OACEmC,EAAA,OAAAC,IAAA,2CAAKC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GAAOvC,KAAKgB,iBAA2C,CAAEwB,QAAS,QAC1EL,EAAA,UAAAC,IAAA,2CACEC,MAAOrC,KAAKgB,gBACZyB,gBAAiB,SAACb,GAAuB,OAAAM,EAAKP,wBAAwBC,EAA7B,GAEzCO,EAAA,QAAAC,IAAA,2CAAMC,MAAM,UACVF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAEZ1C,KAAK2C,QAAUR,EAAA,KAAAC,IAAA,2CAAGC,MAAO,CAAC,iBAAkBrC,KAAK0B,gBAAiB1B,KAAK2C,QACxER,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAACO,QAAW,KAAM,iBAAkB5C,KAAK0B,gBACnDS,EAAA,OAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CACEC,MAAM,UACNQ,IAAK,SAACC,GAAE,OAAMZ,EAAKrB,gBAAkBiC,CAA7B,GAERX,EAAA,QAAAC,IAAA,2CAAMW,MAAO/C,KAAKM,mBAChB6B,EAAA,QAAAC,IAAA,8DACmB,SACjBC,MAAM,QAELrC,KAAKQ,UAIZ2B,EAAA,KAAAC,IAAA,2CAAGC,MAAM,aACPF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,QACVF,EAAA,QAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,8DACmB,yBACjBC,MAAM,QAELrC,KAAKgD,MACA,IAAG,qBAMnBb,EAAA,OAAAC,IAAA,2CAAKC,MAAO,gBAAAY,OAAgBjD,KAAKC,OAAS,UAAY,WACpDkC,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAIhB1C,KAAK0B,eAAiBS,EAAA,QAAAC,IAAA,2CAAMM,KAAK,Y,yHAvIf,I","ignoreList":[]}

package/www/build/p-92807652.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";var e,n,s,i;return{setters:[function(t){e=t.r;n=t.h;s=t.g},function(t){i=t.t}],execute:function(){var o=':host{position:fixed;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}';var a=o;var f=t("z_toast_notification_list",function(){function t(t){e(this,t);this.position=i.TOP_RIGHT;this.newestontop=true}t.prototype.watchPropNewestontop=function(t){var e;(e=this.hostElement).append.apply(e,this.notificationArray.reverse());if(t){this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}else{this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}};t.prototype.componentWillLoad=function(){if(this.newestontop){this.handleNewestOnTop()}};t.prototype.handleNewestOnTop=function(){var t;this.notificationArray=Array.from(this.hostElement.children);(t=this.hostElement).append.apply(t,this.notificationArray.reverse());this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))};t.prototype.slotChangeHandler=function(){var t=this;var e=Array.from(this.hostElement.children).filter((function(e){return!t.notificationArray.includes(e)}));if(e){e.forEach((function(e){t.notificationArray.push(e);var n=e;e.remove();t.hostElement.prepend(n)}))}};t.prototype.render=function(){return n("slot",{key:"ead27e0dd8742e6008aa4fc6ffa4129cae868af8",name:"toasts"})};Object.defineProperty(t.prototype,"hostElement",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{newestontop:["watchPropNewestontop"]}},enumerable:false,configurable:true});return t}());f.style=a}}}));
2	+ //# sourceMappingURL=p-92807652.system.entry.js.map

package/www/build/p-92807652.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZToastNotificationListStyle0","ZToastNotificationList","exports","ToastNotificationPosition","TOP_RIGHT","class_1","prototype","watchPropNewestontop","newValue","_a","this","hostElement","append","apply","notificationArray","reverse","shadowRoot","addEventListener","slotChangeHandler","removeEventListener","componentWillLoad","newestontop","handleNewestOnTop","Array","from","children","bind","_this","difference","filter","elem","includes","forEach","push","newElem","remove","prepend","render","h","key","name"],"sources":["src/components/z-toast-notification-list/styles.css?tag=z-toast-notification-list&encapsulation=shadow","src/components/z-toast-notification-list/index.tsx"],"sourcesContent":[":host {\n position: fixed;\n z-index: 10000;\n display: flex;\n flex-flow: column nowrap;\n margin-top: calc(var(--space-unit) * 2);\n margin-bottom: calc(var(--space-unit) * 2);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n::slotted(z-toast-notification) {\n width: 100vw;\n}\n\n::slotted(:not(:last-child)) {\n margin-bottom: calc(var(--space-unit) * 1);\n}\n\n:host([position=\"bottom-centre\"]),\n:host([position=\"bottom-right\"]),\n:host([position=\"bottom-left\"]) {\n bottom: 0;\n align-items: flex-end;\n justify-content: flex-end;\n}\n\n:host([position=\"top-left\"]),\n:host([position=\"top-right\"]),\n:host([position=\"top-centre\"]) {\n top: 0;\n align-items: flex-start;\n justify-content: flex-start;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n :host {\n margin: calc(var(--space-unit) * 3);\n }\n\n :host([position=\"top-centre\"]) {\n top: 0;\n left: 50%;\n align-items: center;\n justify-content: flex-start;\n transform: translateX(-50%);\n }\n\n :host([position=\"top-left\"]) {\n top: 0;\n left: 0;\n align-items: flex-start;\n justify-content: flex-start;\n }\n\n :host([position=\"top-right\"]) {\n top: 0;\n right: 0;\n align-items: flex-end;\n justify-content: flex-start;\n }\n\n :host([position=\"bottom-centre\"]) {\n bottom: 0;\n left: 50%;\n align-items: center;\n justify-content: flex-end;\n transform: translateX(-50%);\n }\n\n :host([position=\"bottom-right\"]) {\n right: 0;\n bottom: 0;\n align-items: flex-end;\n justify-content: flex-end;\n }\n\n :host([position=\"bottom-left\"]) {\n bottom: 0;\n left: 0;\n align-items: flex-start;\n justify-content: flex-end;\n }\n\n ::slotted(z-toast-notification) {\n width: 50vw;\n }\n}\n\n/* Wide breakpoint */\n@media only screen and (min-width: 1366px) {\n :host {\n margin: calc(var(--space-unit) * 4);\n }\n\n ::slotted(z-toast-notification) {\n width: 33vw;\n }\n}\n","import {Component, Element, Prop, Watch, h} from \"@stencil/core\";\nimport {ToastNotificationPosition} from \"../../beans\";\n\n@Component({\n tag: \"z-toast-notification-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZToastNotificationList {\n @Element() hostElement: HTMLZToastNotificationListElement;\n\n /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */\n @Prop({reflect: true})\n position: ToastNotificationPosition = ToastNotificationPosition.TOP_RIGHT;\n\n /**Set the entry position of new notification in the list */\n @Prop()\n newestontop?: boolean = true;\n\n private notificationArray: Element[];\n\n @Watch(\"newestontop\")\n watchPropNewestontop(newValue: boolean): void {\n this.hostElement.append(...this.notificationArray.reverse());\n if (newValue) {\n this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler);\n } else {\n this.hostElement.shadowRoot.removeEventListener(\"slotchange\", this.slotChangeHandler);\n }\n }\n\n componentWillLoad(): void {\n if (this.newestontop) {\n this.handleNewestOnTop();\n }\n }\n\n private handleNewestOnTop(): void {\n this.notificationArray = Array.from(this.hostElement.children);\n this.hostElement.append(...this.notificationArray.reverse());\n this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler.bind(this));\n }\n\n private slotChangeHandler(): void {\n const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));\n if (difference) {\n difference.forEach((elem) => {\n this.notificationArray.push(elem);\n const newElem = elem;\n elem.remove();\n this.hostElement.prepend(newElem);\n });\n }\n }\n\n render(): HTMLSlotElement {\n return <slot name=\"toasts\"></slot>;\n }\n}\n"],"mappings":"gMAAA,IAAMA,EAAY,q5DAClB,IAAAC,EAAeD,E,ICOFE,EAAsBC,EAAA,uC,sCAKKC,EAA0BC,U,iBAIxC,I,CAKxBC,EAAAC,UAAAC,qBAAA,SAAqBC,G,OACnBC,EAAAC,KAAKC,aAAYC,OAAMC,MAAAJ,EAAIC,KAAKI,kBAAkBC,WAClD,GAAIP,EAAU,CACZE,KAAKC,YAAYK,WAAWC,iBAAiB,aAAcP,KAAKQ,kB,KAC3D,CACLR,KAAKC,YAAYK,WAAWG,oBAAoB,aAAcT,KAAKQ,kB,GAIvEb,EAAAC,UAAAc,kBAAA,WACE,GAAIV,KAAKW,YAAa,CACpBX,KAAKY,mB,GAIDjB,EAAAC,UAAAgB,kBAAA,W,MACNZ,KAAKI,kBAAoBS,MAAMC,KAAKd,KAAKC,YAAYc,WACrDhB,EAAAC,KAAKC,aAAYC,OAAMC,MAAAJ,EAAIC,KAAKI,kBAAkBC,WAClDL,KAAKC,YAAYK,WAAWC,iBAAiB,aAAcP,KAAKQ,kBAAkBQ,KAAKhB,M,EAGjFL,EAAAC,UAAAY,kBAAA,eAAAS,EAAAjB,KACN,IAAMkB,EAAaL,MAAMC,KAAKd,KAAKC,YAAYc,UAAUI,QAAO,SAACC,GAAS,OAACH,EAAKb,kBAAkBiB,SAASD,EAAjC,IAC1E,GAAIF,EAAY,CACdA,EAAWI,SAAQ,SAACF,GAClBH,EAAKb,kBAAkBmB,KAAKH,GAC5B,IAAMI,EAAUJ,EAChBA,EAAKK,SACLR,EAAKhB,YAAYyB,QAAQF,E,MAK/B7B,EAAAC,UAAA+B,OAAA,WACE,OAAOC,EAAA,QAAAC,IAAA,2CAAMC,KAAK,U,sQAhDa,I","ignoreList":[]}

package/www/build/p-93dd39b6.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js","./p-1fe56b25.system.js","./p-ad6b3f77.system.js"],(function(e){"use strict";var t,s,i,c,a,o;return{setters:[function(e){t=e.r;s=e.c;i=e.h;c=e.a},function(e){a=e.k},function(e){o=e.r},function(){}],execute:function(){var l='.sc-z-toggle-switch-h{position:relative;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{-ms-flex-direction:row-reverse;flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4);height:18px;-ms-flex-align:center;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;-webkit-box-shadow:var(--shadow-1);box-shadow:var(--shadow-1);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{-webkit-transform:translateX(calc(100% - 2px));transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}';var r=l;var n=e("z_toggle_switch",function(){function e(e){t(this,e);this.toggleClick=s(this,"toggleClick",7);this.disabled=false;this.labelPosition=a.LEFT;this.checked=false;this.htmlid="toggle-switch-id-".concat(o())}e.prototype.emitToggleClick=function(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})};e.prototype.handleClick=function(e){if(this.disabled){return}this.checked=e.target.checked;this.emitToggleClick()};e.prototype.render=function(){var e;return i(c,{key:"1435f2d332c0a6ba1845640836e129eee281f1b0"},i("input",{key:"baea7ca82f300316bd418cadfc82718da7dc2f18",id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),i("label",{key:"510a2f196cd5f67af2602c5c6e948e2f63395f6f",htmlFor:this.htmlid,class:(e={},e[this.labelPosition]=true,e.disabled=this.disabled,e)},i("span",{key:"e32ef84026463fb9a99bcb303d0097ffed6ee994"},i("slot",{key:"07344703d351893b5ab39e4e4a617e4038f1042a"})),i("span",{key:"cec720a047a8fbc016048e9139639e04233f8f24",class:{container:true,disabled:this.disabled,checked:this.checked}},i("span",{key:"4639384b98d6de8009678681d71d1097b2c687e6",class:"circle"},this.checked&&i("z-icon",{key:"d34f45d60cece7a6969be1a03ad51be4ab0b0f04",width:12,height:12,name:"checkmark"})))))};return e}());n.style=r}}}));
2	+ //# sourceMappingURL=p-93dd39b6.system.entry.js.map

package/www/build/p-93dd39b6.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZToggleSwitchStyle0","ZToggleSwitch","exports","LabelPosition","LEFT","concat","randomId","class_1","prototype","emitToggleClick","this","toggleClick","emit","id","htmlid","checked","handleClick","ev","disabled","target","render","h","Host","key","type","onChange","bind","htmlFor","class","_a","labelPosition","container","width","height","name"],"sources":["src/components/z-toggle-switch/styles.css?tag=z-toggle-switch&encapsulation=scoped","src/components/z-toggle-switch/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: inline-flex;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\nlabel {\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n}\n\nlabel.disabled {\n cursor: default;\n}\n\nlabel.right {\n flex-direction: row-reverse;\n}\n\nlabel > span:first-child {\n color: var(--color-default-text);\n letter-spacing: 0;\n}\n\nlabel.left > span:first-child {\n margin-right: var(--space-unit);\n}\n\nlabel.right > span:first-child {\n margin-left: var(--space-unit);\n}\n\nlabel > span.container {\n position: relative;\n top: 1px;\n left: 1px;\n display: flex;\n width: calc(var(--space-unit) * 4);\n height: 18px;\n align-items: center;\n background-color: var(--gray500);\n border-radius: var(--space-unit);\n color: var(--gray500);\n cursor: pointer;\n}\n\nlabel > span.container.disabled,\nlabel > span.container.checked.disabled {\n background-color: var(--color-disabled01);\n cursor: default;\n}\n\nlabel > span.container.checked.disabled > span.circle > z-icon {\n fill: var(--color-disabled01);\n}\n\nlabel > span.container.checked {\n background-color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n\ninput:focus:focus-visible + label > span.container:not(.disabled) {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\ninput:focus:focus-visible + label > span.container.disabled {\n outline: none;\n}\n\nlabel > span.container:not(.disabled):hover {\n background-color: var(--color-hover-primary);\n fill: var(--color-hover-primary);\n}\n\nlabel > span.container > span.circle {\n position: absolute;\n top: 1px;\n left: 1px;\n display: flex;\n width: calc(var(--space-unit) * 2);\n height: calc(var(--space-unit) * 2);\n align-items: center;\n justify-content: center;\n margin: 0;\n background-color: var(--color-white);\n border-radius: 7px;\n box-shadow: var(--shadow-1);\n transition: transform 0.3s ease;\n}\n\nlabel > span.container.checked > span.circle {\n transform: translateX(calc(100% - 2px));\n}\n\ninput[type=\"checkbox\"] {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n}\n","import {Component, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {LabelPosition} from \"../../beans\";\nimport {randomId} from \"../../utils/utils\";\n\n@Component({\n tag: \"z-toggle-switch\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZToggleSwitch {\n /** Disabled flag */\n @Prop({reflect: true})\n disabled?: boolean = false;\n\n /** Label position */\n @Prop({reflect: true})\n labelPosition? = LabelPosition.LEFT;\n\n /** Checked state */\n @Prop({mutable: true})\n checked?: boolean = false;\n\n /** HTML id attribute to set to the internal checkbox */\n @Prop()\n htmlid = `toggle-switch-id-${randomId()}`;\n\n /** Toggle click event */\n @Event()\n toggleClick: EventEmitter;\n\n private emitToggleClick(): void {\n this.toggleClick.emit({\n id: this.htmlid,\n checked: this.checked,\n });\n }\n\n private handleClick(ev): void {\n if (this.disabled) {\n return;\n }\n\n this.checked = ev.target.checked;\n this.emitToggleClick();\n }\n\n render(): HTMLZToggleSwitchElement {\n return (\n <Host>\n <input\n id={this.htmlid}\n type=\"checkbox\"\n checked={this.checked}\n disabled={this.disabled}\n onChange={this.handleClick.bind(this)}\n />\n <label\n htmlFor={this.htmlid}\n class={{\n [this.labelPosition]: true,\n disabled: this.disabled,\n }}\n >\n <span>\n <slot />\n </span>\n <span\n class={{\n container: true,\n disabled: this.disabled,\n checked: this.checked,\n }}\n >\n <span class=\"circle\">\n {this.checked && (\n <z-icon\n width={12}\n height={12}\n name=\"checkmark\"\n ></z-icon>\n )}\n </span>\n </span>\n </label>\n </Host>\n );\n }\n}\n"],"mappings":"4RAAA,IAAMA,EAAY,i5FAClB,IAAAC,EAAeD,E,ICSFE,EAAaC,EAAA,6B,+EAGH,M,mBAIJC,EAAcC,K,aAIX,M,YAIX,oBAAAC,OAAoBC,I,CAMrBC,EAAAC,UAAAC,gBAAA,WACNC,KAAKC,YAAYC,KAAK,CACpBC,GAAIH,KAAKI,OACTC,QAASL,KAAKK,S,EAIVR,EAAAC,UAAAQ,YAAA,SAAYC,GAClB,GAAIP,KAAKQ,SAAU,CACjB,M,CAGFR,KAAKK,QAAUE,EAAGE,OAAOJ,QACzBL,KAAKD,iB,EAGPF,EAAAC,UAAAY,OAAA,W,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CACEV,GAAIH,KAAKI,OACTU,KAAK,WACLT,QAASL,KAAKK,QACdG,SAAUR,KAAKQ,SACfO,SAAUf,KAAKM,YAAYU,KAAKhB,QAElCW,EAAA,SAAAE,IAAA,2CACEI,QAASjB,KAAKI,OACdc,OAAKC,EAAA,GACHA,EAACnB,KAAKoB,eAAgB,KACtBD,EAAAX,SAAUR,KAAKQ,S,IAGjBG,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CACEK,MAAO,CACLG,UAAW,KACXb,SAAUR,KAAKQ,SACfH,QAASL,KAAKK,UAGhBM,EAAA,QAAAE,IAAA,2CAAMK,MAAM,UACTlB,KAAKK,SACJM,EAAA,UAAAE,IAAA,2CACES,MAAO,GACPC,OAAQ,GACRC,KAAK,iB,WArEG,I","ignoreList":[]}

package/www/build/p-93f6a3ca.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var __spreadArray=this&&this.__spreadArray\|\|function(t,n,r){if(r\|\|arguments.length===2)for(var i=0,e=n.length,a;i<e;i++){if(a\|\|!(i in n)){if(!a)a=Array.prototype.slice.call(n,0,i);a[i]=n[i]}}return t.concat(a\|\|Array.prototype.slice.call(n))};System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";var n,r,i,e;return{setters:[function(t){n=t.r;r=t.c;i=t.h},function(t){e=t.f}],execute:function(){var a=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";var o=a;var s=t("z_otp",function(){function t(t){n(this,t);this.otpChange=r(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}t.prototype.emitInputChange=function(t){this.otpChange.emit({value:t})};t.prototype.componentWillLoad=function(){this.otp=__spreadArray([],Array(this.inputNum),true);this.otpRef=__spreadArray([],Array(this.inputNum),true)};t.prototype.render=function(){var t=this;return i("div",{key:"9e28959418f6f1b382f16836935e12b3acddfa8f",class:"otp-container"},i("div",{key:"9348bd6807e797441789a465ebdae3a03d1a7534",class:"digits-container"},this.otp.map((function(n,r){return i("input",{class:t.status==e.ERROR?"error":null,onKeyDown:function(n){if(n.keyCode>47){t.otpRef[r].value=""}},onKeyUp:function(n){if(n.keyCode>47){r<t.inputNum-1&&t.otpRef[r+1].focus()}},onInput:function(n){t.otp[r]=n.target.value;t.emitInputChange(t.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:function(n){return t.otpRef[r]=n}})}))),i("z-input-message",{key:"87ee18c72daec6c0c903aa91e5a717c4d5a729b5",message:this.message,status:this.status}))};return t}());s.style=o}}}));
2	+ //# sourceMappingURL=p-93f6a3ca.system.entry.js.map

package/www/build/p-93f6a3ca.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZOtpStyle0","ZOtp","exports","class_1","prototype","emitInputChange","value","this","otpChange","emit","componentWillLoad","otp","__spreadArray","Array","inputNum","otpRef","render","_this","h","key","class","map","_val","i","status","InputStatus","ERROR","onKeyDown","e","keyCode","onKeyUp","focus","onInput","target","join","type","minlength","maxlength","autoComplete","ref","el","message"],"sources":["src/snowflakes/myz/z-otp/styles.css?tag=z-otp&encapsulation=shadow","src/snowflakes/myz/z-otp/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n.digits-container {\n display: flex;\n justify-content: flex-start;\n}\n\ninput {\n width: calc(var(--space-unit) * 5);\n height: 72px;\n box-sizing: border-box;\n padding: 0;\n caret-color: transparent;\n color: var(--color-surface05);\n font-family: var(--font-family-sans);\n font-size: 32px;\n font-weight: 300;\n text-align: center;\n}\n\ninput.error {\n border: 1px solid;\n border-color: var(--color-error01);\n background-color: var(--color-error-inverse);\n border-radius: 4px;\n}\n\ninput:not(:last-of-type) {\n margin-right: var(--space-unit);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n input:not(:last-of-type) {\n margin-right: calc(var(--space-unit) * 2);\n }\n}\n\n/* Desktop breakpoint */\n@media only screen and (min-width: 1025px) {\n input {\n width: calc(var(--space-unit) * 6);\n }\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {InputStatus} from \"../../../beans\";\n\n@Component({\n tag: \"z-otp\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZOtp {\n /** Input number */\n @Prop()\n inputNum?: number = 6;\n\n /** Input status */\n @Prop()\n status?: InputStatus;\n\n /** Input message */\n @Prop()\n message?: string;\n\n private otp: string[];\n\n private otpRef: HTMLInputElement[];\n\n /** Otp change event */\n @Event()\n otpChange: EventEmitter;\n\n private emitInputChange(value: string): void {\n this.otpChange.emit({value});\n }\n\n componentWillLoad(): void {\n this.otp = [...Array(this.inputNum)];\n this.otpRef = [...Array(this.inputNum)];\n }\n\n render(): HTMLDivElement {\n return (\n <div class=\"otp-container\">\n <div class=\"digits-container\">\n {this.otp.map((_val, i) => (\n <input\n class={this.status == InputStatus.ERROR ? \"error\" : null}\n onKeyDown={(e: KeyboardEvent) => {\n if (e.keyCode > 47) {\n this.otpRef[i].value = \"\";\n }\n }}\n onKeyUp={(e: KeyboardEvent) => {\n if (e.keyCode > 47) {\n i < this.inputNum - 1 && this.otpRef[i + 1].focus();\n }\n }}\n onInput={(e: InputEvent) => {\n this.otp[i] = (e.target as HTMLInputElement).value;\n this.emitInputChange(this.otp.join(\"\"));\n }}\n type=\"text\"\n minlength=\"1\"\n maxlength=\"1\"\n autoComplete=\"off\"\n ref={(el) => (this.otpRef[i] = el)}\n />\n ))}\n </div>\n <z-input-message\n message={this.message}\n status={this.status}\n ></z-input-message>\n </div>\n );\n }\n}\n"],"mappings":"kbAAA,IAAMA,EAAY,4xBAClB,IAAAC,EAAeD,E,ICOFE,EAAIC,EAAA,mB,2EAGK,E,6CAkBZC,EAAAC,UAAAC,gBAAA,SAAgBC,GACtBC,KAAKC,UAAUC,KAAK,CAACH,MAAKA,G,EAG5BH,EAAAC,UAAAM,kBAAA,WACEH,KAAKI,IAAGC,cAAA,GAAOC,MAAMN,KAAKO,UAAS,MACnCP,KAAKQ,OAAMH,cAAA,GAAOC,MAAMN,KAAKO,UAAS,K,EAGxCX,EAAAC,UAAAY,OAAA,eAAAC,EAAAV,KACE,OACEW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACRb,KAAKI,IAAIU,KAAI,SAACC,EAAMC,GAAC,OACpBL,EAAA,SACEE,MAAOH,EAAKO,QAAUC,EAAYC,MAAQ,QAAU,KACpDC,UAAW,SAACC,GACV,GAAIA,EAAEC,QAAU,GAAI,CAClBZ,EAAKF,OAAOQ,GAAGjB,MAAQ,E,GAG3BwB,QAAS,SAACF,GACR,GAAIA,EAAEC,QAAU,GAAI,CAClBN,EAAIN,EAAKH,SAAW,GAAKG,EAAKF,OAAOQ,EAAI,GAAGQ,O,GAGhDC,QAAS,SAACJ,GACRX,EAAKN,IAAIY,GAAMK,EAAEK,OAA4B3B,MAC7CW,EAAKZ,gBAAgBY,EAAKN,IAAIuB,KAAK,I,EAErCC,KAAK,OACLC,UAAU,IACVC,UAAU,IACVC,aAAa,MACbC,IAAK,SAACC,GAAE,OAAMvB,EAAKF,OAAOQ,GAAKiB,CAAvB,GArBU,KAyBxBtB,EAAA,mBAAAC,IAAA,2CACEsB,QAASlC,KAAKkC,QACdjB,OAAQjB,KAAKiB,S,WA7DN,I","ignoreList":[]}

package/www/build/p-94bfd79b.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";var i,n,a,e,o,s,r,l;return{setters:[function(t){i=t.r;n=t.c;a=t.h;e=t.a;o=t.g},function(t){s=t.N;r=t.a;l=t.b}],execute:function(){var c='z-navigation-tabs{position:relative;z-index:0;display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:row;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs {-webkit-box-sizing:border-box;box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);-webkit-box-shadow:0 0 4px 1px var(--shadow-color-base);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:-ms-flexbox;display:flex;overflow:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation="horizontal"]>nav{width:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button{top:0;width:calc(var(--space-unit) 4);height:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation="horizontal"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation="vertical"]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-ms-flex-direction:column;flex-direction:column}z-navigation-tabs[orientation="vertical"]>nav{height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}z-navigation-tabs[orientation="vertical"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation="vertical"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation="vertical"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size="small"][orientation="vertical"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>{position:relative;z-index:0;display:-ms-inline-flexbox;display:inline-flex;width:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:calc(var(--space-unit) 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>:focus:focus-visible{z-index:1;-webkit-box-shadow:inset 0 0 4px 3px var(--color-highlight);box-shadow:inset 0 0 4px 3px var(--color-highlight)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-surface02)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected="true"]{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected="true"]::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tabs[orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="horizontal"]>nav>[aria-selected="true"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav> z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:-ms-flexbox;display:flex;margin:0}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>{padding:var(--space-unit) calc(var(--space-unit) 2)}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size="small"][orientation="horizontal"]>nav>[aria-selected="true"]::after{height:var(--border-size-medium)}z-navigation-tabs[size="small"]:not([orientation="vertical"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation="vertical"]>nav>{padding:calc(var(--space-unit) 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation="vertical"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation="vertical"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="vertical"]>nav>[aria-selected="true"]::after{top:0;right:0;width:var(--border-size-large);height:100%}';var h=c;var v=t("z_navigation_tabs",function(){function t(t){i(this,t);this.selected=n(this,"selected",7);this.focusedTab=undefined;this.ariaLabel="";this.orientation=s.HORIZONTAL;this.size=r.BIG;this.selectedTab=undefined;this.canNavigate=undefined;this.canNavigatePrev=undefined;this.canNavigateNext=undefined}Object.defineProperty(t.prototype,"direction",{get:function(){return this.orientation==s.HORIZONTAL?"Left":"Top"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"dimension",{get:function(){return this.orientation==s.HORIZONTAL?"Width":"Height"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabs",{get:function(){return Array.from(this.nav.children)},enumerable:false,configurable:true});t.prototype.scrollToTab=function(t){var i=this.orientation===s.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"};t.scrollIntoView(Object.assign({behavior:"smooth"},i))};t.prototype.navigateBackwards=function(){var t;this.nav.scrollBy((t={},t[this.direction.toLowerCase()]=0-this.nav["client".concat(this.dimension)]/2,t.behavior="smooth",t))};t.prototype.navigateForward=function(){var t;this.nav.scrollBy((t={},t[this.direction.toLowerCase()]=this.nav["scroll".concat(this.direction)]+this.nav["client".concat(this.dimension)]/2,t.behavior="smooth",t))};t.prototype.isArrowNavigation=function(t){return Object.values(l).includes(t.key)};t.prototype.checkScrollVisible=function(){if(!this.nav){return}this.canNavigate=this.nav["scroll".concat(this.dimension)]>this.nav["client".concat(this.dimension)]};t.prototype.checkScrollEnabled=function(){if(!this.nav){return}this.canNavigateNext=this.nav["scroll".concat(this.direction)]+this.nav["client".concat(this.dimension)]<this.nav["scroll".concat(this.dimension)];this.canNavigatePrev=this.nav["scroll".concat(this.direction)]>0};t.prototype.onTabSelected=function(){var t=this;this.tabs.forEach((function(i,n){var a=i.querySelector("z-icon");var e=a===null\|\|a===void 0?void 0:a.getAttribute("name").replace("-filled","");if(n!==t.selectedTab){i.setAttribute("aria-selected","false");i.tabIndex=-1;a===null\|\|a===void 0?void 0:a.setAttribute("name",e);return}a===null\|\|a===void 0?void 0:a.setAttribute("name","".concat(e,"-filled"));i.setAttribute("aria-selected","true")}));this.selected.emit(this.selectedTab);if(this.selectedTab!==undefined){this.scrollToTab(this.tabs[this.selectedTab])}};t.prototype.handleTabClick=function(t){var i=t.target.closest("[role='tab']");if(!this.tabs.some((function(t){return t.contains(i)}))){return}this.selectedTab=this.tabs.indexOf(i)};t.prototype.onTabFocusIn=function(t){var i=this.tabs.findIndex((function(i){return i.contains(t.target)}));if(i===-1){return}if(this.selectedTab!==undefined){this.tabs[this.selectedTab].tabIndex=-1}this.focusedTab=i;this.tabs[this.focusedTab].tabIndex=-1;this.scrollToTab(this.tabs[this.focusedTab])};t.prototype.navigateThroughTabs=function(t){if(!this.tabs.some((function(i){return i.contains(t.target)}))\|\|!this.isArrowNavigation(t)){return true}t.preventDefault();if(t.key===l.RIGHT&&this.orientation==s.HORIZONTAL\|\|t.key===l.DOWN&&this.orientation==s.VERTICAL){this.focusedTab++;if(this.focusedTab>=this.tabs.length){this.focusedTab=0}}else if(t.key===l.LEFT&&this.orientation==s.HORIZONTAL\|\|t.key===l.UP&&this.orientation==s.VERTICAL){this.focusedTab--;if(this.focusedTab<0){this.focusedTab=this.tabs.length-1}}if(this.tabs[this.focusedTab].hasAttribute("disabled")&&this.tabs[this.focusedTab].getAttribute("disabled")!=="false"){return this.navigateThroughTabs(t)}this.tabs[this.focusedTab].focus();this.scrollToTab(this.tabs[this.focusedTab])};t.prototype.onTabFocusOut=function(t){var i;if(!this.tabs.some((function(i){return i.contains(t.relatedTarget)}))){this.tabs[(i=this.selectedTab)!==null&&i!==void 0?i:0].tabIndex=0;this.focusedTab=undefined}};t.prototype.connectedCallback=function(){var t=this;this.resizeObserver=new ResizeObserver((function(){return t.checkScrollVisible()}))};t.prototype.componentDidLoad=function(){var t;this.tabs.forEach((function(t){t.setAttribute("role","tab");t.tabIndex=-1}));var i=(t=this.selectedTab)!==null&&t!==void 0?t:this.tabs.findIndex((function(t){return t.ariaSelected==="true"}));if(i!==-1){this.selectedTab=i;this.tabs[i].tabIndex=0;this.onTabSelected()}else{this.tabs[0].tabIndex=0}this.resizeObserver.observe(this.nav)};t.prototype.disconnectedCallback=function(){var t;(t=this.resizeObserver)===null\|\|t===void 0?void 0:t.disconnect()};t.prototype.render=function(){var t=this;return a(e,{key:"0dfbe739542add5d05e82462f9ca115734f75ab7",class:{"interactive-2":this.size===r.SMALL,"interactive-1":this.size!==r.SMALL},scrollable:this.canNavigate},a("button",{key:"a679c4104ef79c5245a205e634872992ad6b7702",class:"navigation-button",onClick:this.navigateBackwards.bind(this),tabIndex:-1,disabled:!this.canNavigatePrev,"aria-label":"Mostra elementi precedenti",hidden:!this.canNavigate},a("z-icon",{key:"13b64410e78d66d28b9a2a870535a393b5361f06",name:this.orientation===s.HORIZONTAL?"chevron-left":"chevron-up",width:16,height:16})),a("nav",{key:"ae01aa47ea6620209017d612b3b6e1b0664efcba",role:"tablist","aria-label":this.ariaLabel,ref:function(i){return t.nav=i!==null&&i!==void 0?i:t.nav},onScroll:this.checkScrollEnabled.bind(this),"aria-orientation":this.orientation},a("slot",{key:"bd1f92fef8fde67a415964efd61b89d9895192a7"})),a("button",{key:"0b7a9b4ecf5773f576f25468a8f64118b57c4480",class:"navigation-button",onClick:this.navigateForward.bind(this),tabIndex:-1,disabled:!this.canNavigateNext,"aria-label":"Mostra elementi successivi",hidden:!this.canNavigate},a("z-icon",{key:"91686040ca32ff9136c6a96ce70ed3ca20a6b753",name:this.orientation===s.HORIZONTAL?"chevron-right":"chevron-down",width:16,height:16})))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{canNavigate:["checkScrollEnabled"],selectedTab:["onTabSelected"]}},enumerable:false,configurable:true});return t}());v.style=h}}}));
2	+ //# sourceMappingURL=p-94bfd79b.system.entry.js.map

package/www/build/p-94bfd79b.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZNavigationTabsStyle0","ZNavigationTabs","exports","this","focusedTab","undefined","NavigationTabsOrientation","HORIZONTAL","NavigationTabsSize","BIG","Object","defineProperty","class_1","prototype","orientation","Array","from","nav","children","scrollToTab","tabElement","scrollOptions","block","inline","scrollIntoView","assign","behavior","navigateBackwards","scrollBy","_b","direction","toLowerCase","concat","dimension","navigateForward","isArrowNavigation","e","values","NavigationTabsKeyboardEvents","includes","key","checkScrollVisible","canNavigate","checkScrollEnabled","canNavigateNext","canNavigatePrev","onTabSelected","_this","tabs","forEach","tab","i","zicon","querySelector","strokeIcon","getAttribute","replace","selectedTab","setAttribute","tabIndex","selected","emit","handleTabClick","event","clickedTab","target","closest","some","child","contains","indexOf","onTabFocusIn","focused","findIndex","navigateThroughTabs","preventDefault","RIGHT","DOWN","VERTICAL","length","LEFT","UP","hasAttribute","focus","onTabFocusOut","relatedTarget","_a","connectedCallback","resizeObserver","ResizeObserver","componentDidLoad","preselectedTab","ariaSelected","observe","disconnectedCallback","disconnect","render","h","Host","class","size","SMALL","scrollable","onClick","bind","disabled","hidden","name","width","height","role","ariaLabel","ref","el","onScroll"],"sources":["src/components/z-navigation-tabs/styles.css?tag=z-navigation-tabs","src/components/z-navigation-tabs/index.tsx"],"sourcesContent":["z-navigation-tabs {\n --z-navigation-tabs-nav-buttons-bg: ;\n --z-navigation-tabs-nav-buttons-fg: ;\n\n position: relative;\n z-index: 0;\n display: flex;\n overflow: hidden;\n flex-direction: row;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\nz-navigation-tabs,\nz-navigation-tabs * {\n box-sizing: border-box;\n}\n\nz-navigation-tabs > nav::-webkit-scrollbar {\n display: none;\n}\n\nz-navigation-tabs .navigation-button {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin: 0;\n background-color: var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));\n border-radius: var(--border-no-radius);\n box-shadow: 0 0 4px 1px var(--shadow-color-base);\n cursor: pointer;\n fill: var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));\n outline: none;\n}\n\nz-navigation-tabs .navigation-button:disabled {\n display: none;\n}\n\nz-navigation-tabs > nav {\n z-index: 0;\n display: flex;\n overflow: auto;\n align-items: center;\n justify-content: flex-start;\n scroll-behavior: smooth;\n\n /* hide scrollbar in Firefox */\n scrollbar-width: none;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav {\n width: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button {\n top: 0;\n width: calc(var(--space-unit) * 4);\n height: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:first-child {\n left: 0;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:last-child {\n right: 0;\n}\n\n/* Orientation vertical */\nz-navigation-tabs[orientation=\"vertical\"] {\n width: fit-content;\n flex-direction: column;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav {\n height: 100%;\n flex-direction: column;\n align-items: stretch;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button {\n left: 0;\n width: 100%;\n height: calc(var(--space-unit) * 4);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:first-child {\n top: 0;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:last-child {\n bottom: 0;\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"vertical\"] .navigation-button {\n height: calc(var(--space-unit) * 4);\n}\n\n/* Style for the tabs */\n\nz-navigation-tabs > nav > * {\n position: relative;\n z-index: 0;\n display: inline-flex;\n width: auto;\n align-items: center;\n justify-content: center;\n padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n border: none;\n margin: 0;\n background-color: unset;\n border-radius: var(--border-no-radius);\n color: var(--color-primary01);\n cursor: pointer;\n fill: currentcolor;\n font-family: var(--font-family-sans);\n font-size: inherit;\n gap: var(--space-unit);\n letter-spacing: inherit;\n line-height: inherit;\n outline: none;\n text-align: center;\n white-space: nowrap;\n}\n\nz-navigation-tabs > nav > a {\n text-decoration: none;\n}\n\nz-navigation-tabs > nav > *:focus:focus-visible {\n z-index: 1;\n box-shadow: inset 0 0 4px 3px var(--color-highlight);\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover {\n background-color: var(--color-surface02);\n}\n\nz-navigation-tabs > nav > button[disabled] {\n color: var(--color-disabled03);\n cursor: not-allowed;\n fill: currentcolor;\n pointer-events: all;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover,\nnav > [aria-selected=\"true\"] {\n color: var(--color-hover-secondary);\n fill: currentcolor;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover::after,\nnav > [aria-selected=\"true\"]::after {\n position: absolute;\n background-color: var(--color-hover-secondary);\n content: \"\";\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n bottom: 0;\n left: 0;\n width: 100%;\n height: var(--border-size-large);\n}\n\nz-navigation-tabs > nav > * z-icon {\n --z-icon-width: calc(var(--space-unit) * 2);\n --z-icon-height: calc(var(--space-unit) * 2);\n\n display: flex;\n margin: 0;\n}\n\n/* `small` size (only available for horizontal orientation) */\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > * {\n padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n height: var(--border-size-medium);\n}\n\nz-navigation-tabs[size=\"small\"]:not([orientation=\"vertical\"]) > nav > * z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * {\n padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * > :not(z-icon) {\n display: none;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"vertical\"] > nav > [aria-selected=\"true\"]::after {\n top: 0;\n right: 0;\n width: var(--border-size-large);\n height: 100%;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {NavigationTabsKeyboardEvents, NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\n\n/**\n * Navigation tabs component.\n * To select a specific tab programmatically, set the `aria-selected` attribute to `true` on the desired tab.\n * @slot - Main slot. Use `<button>` or `<a>` tags as children.\n * @cssprop --z-navigation-tabs-nav-buttons-bg - Navigation buttons background color.\n * @cssprop --z-navigation-tabs-nav-buttons-fg - Navigation buttons foreground color.\n */\n@Component({\n tag: \"z-navigation-tabs\",\n styleUrl: \"styles.css\",\n})\nexport class ZNavigationTabs {\n /**\n * Set `aria-label` attribute to the internal `<nav>` element with `tablist` role.\n */\n @Prop()\n ariaLabel = \"\";\n\n /**\n * Navigation tabs orientation.\n */\n @Prop({reflect: true})\n orientation? = NavigationTabsOrientation.HORIZONTAL;\n\n /**\n * Navigation tabs size.\n */\n @Prop({reflect: true})\n size? = NavigationTabsSize.BIG;\n\n /**\n * Index of the selected tab.\n * Useful to programmatically select a tab.\n * The tab can also be selected by setting the `aria-selected` attribute to `true` on the desired tab.\n */\n @Prop({mutable: true})\n selectedTab: number = undefined;\n\n /**\n * Emitted when the selected tab changes.\n * Contains the index of the new selected tab in the `detail` of the event.\n */\n @Event()\n selected: EventEmitter<number>;\n\n /**\n * Whether to show navigation buttons.\n */\n @State()\n canNavigate: boolean;\n\n /**\n * Whether backwards navigation is allowed.\n */\n @State()\n canNavigatePrev: boolean;\n\n /**\n * Whether forward navigation is allowed.\n */\n @State()\n canNavigateNext: boolean;\n\n @Element() host: HTMLZNavigationTabsElement;\n\n /**\n * Index of the last tab that held focus.\n */\n private focusedTab = undefined;\n\n /**\n * Reference to the `<nav>` element\n */\n private nav: HTMLElement;\n\n /**\n * Getter for the direction to check based on current orientation.\n */\n get direction(): string {\n return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Left\" : \"Top\";\n }\n\n /**\n * Getter for the dimension to check based on current orientation.\n */\n get dimension(): string {\n return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Width\" : \"Height\";\n }\n\n get tabs(): HTMLElement[] {\n return Array.from(this.nav.children) as HTMLElement[];\n }\n\n private resizeObserver: ResizeObserver;\n\n /**\n * Scroll into view to center the tab.\n */\n private scrollToTab(tabElement: HTMLElement): void {\n const scrollOptions = (\n this.orientation === NavigationTabsOrientation.HORIZONTAL\n ? {block: \"nearest\", inline: \"center\"}\n : {block: \"center\", inline: \"nearest\"}\n ) as ScrollIntoViewOptions;\n\n tabElement.scrollIntoView({\n behavior: \"smooth\",\n ...scrollOptions,\n });\n }\n\n /**\n * Scroll the navigation bar half of its size backward.\n */\n private navigateBackwards(): void {\n this.nav.scrollBy({\n [this.direction.toLowerCase()]: 0 - this.nav[`client${this.dimension}`] / 2,\n behavior: \"smooth\",\n });\n }\n\n /**\n * Scroll the navigation bar half of its size forward.\n */\n private navigateForward(): void {\n this.nav.scrollBy({\n [this.direction.toLowerCase()]: this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] / 2,\n behavior: \"smooth\",\n });\n }\n\n /**\n * Check if a keyboard event was triggered by an arrow key.\n */\n private isArrowNavigation(e: KeyboardEvent): boolean {\n return Object.values(NavigationTabsKeyboardEvents).includes(e.key as NavigationTabsKeyboardEvents);\n }\n\n /**\n * Check if the navigation buttons are needed.\n */\n private checkScrollVisible(): void {\n if (!this.nav) {\n return;\n }\n\n this.canNavigate = this.nav[`scroll${this.dimension}`] > this.nav[`client${this.dimension}`];\n }\n\n /**\n * Check if navigation buttons can be enabled for each direction.\n */\n @Watch(\"canNavigate\")\n checkScrollEnabled(): void {\n if (!this.nav) {\n return;\n }\n\n this.canNavigateNext =\n this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] < this.nav[`scroll${this.dimension}`];\n this.canNavigatePrev = this.nav[`scroll${this.direction}`] > 0;\n }\n\n /**\n * When the selected tab changes, update the `aria-selected` attribute on each tab and scroll to the selected tab.\n */\n @Watch(\"selectedTab\")\n onTabSelected(): void {\n this.tabs.forEach((tab, i) => {\n const zicon = tab.querySelector(\"z-icon\");\n const strokeIcon = zicon?.getAttribute(\"name\").replace(\"-filled\", \"\");\n if (i !== this.selectedTab) {\n tab.setAttribute(\"aria-selected\", \"false\");\n tab.tabIndex = -1;\n zicon?.setAttribute(\"name\", strokeIcon);\n\n return;\n }\n\n zicon?.setAttribute(\"name\", `${strokeIcon}-filled`);\n tab.setAttribute(\"aria-selected\", \"true\");\n });\n this.selected.emit(this.selectedTab);\n if (this.selectedTab !== undefined) {\n this.scrollToTab(this.tabs[this.selectedTab]);\n }\n }\n\n /**\n * Handle click on the tabs.\n * @param event `click` event triggered by a child tab\n */\n @Listen(\"click\")\n handleTabClick(event: MouseEvent): void {\n const clickedTab = (event.target as HTMLElement).closest<HTMLElement>(\"[role='tab']\");\n if (!this.tabs.some((child) => child.contains(clickedTab))) {\n return;\n }\n\n this.selectedTab = this.tabs.indexOf(clickedTab);\n }\n\n /**\n * When a tab is focused, temporarily set to -1 the `tabindex` of the selected tab (if any) and set the `focusedTab` to the index of the focused tab.\n */\n @Listen(\"focusin\")\n onTabFocusIn(event: FocusEvent): void {\n const focused = this.tabs.findIndex((tab) => tab.contains(event.target as HTMLElement));\n if (focused === -1) {\n return;\n }\n\n if (this.selectedTab !== undefined) {\n this.tabs[this.selectedTab].tabIndex = -1;\n }\n this.focusedTab = focused;\n this.tabs[this.focusedTab].tabIndex = -1;\n this.scrollToTab(this.tabs[this.focusedTab]);\n }\n\n /**\n * Handle keyboard navigation through tabs with arrow keys.\n */\n @Listen(\"keydown\")\n navigateThroughTabs(event: KeyboardEvent): void | boolean {\n if (!this.tabs.some((tab) => tab.contains(event.target as HTMLElement)) || !this.isArrowNavigation(event)) {\n return true;\n }\n\n event.preventDefault();\n if (\n (event.key === NavigationTabsKeyboardEvents.RIGHT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n (event.key === NavigationTabsKeyboardEvents.DOWN && this.orientation == NavigationTabsOrientation.VERTICAL)\n ) {\n // Move forward\n this.focusedTab++;\n if (this.focusedTab >= this.tabs.length) {\n this.focusedTab = 0;\n }\n } else if (\n (event.key === NavigationTabsKeyboardEvents.LEFT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n (event.key === NavigationTabsKeyboardEvents.UP && this.orientation == NavigationTabsOrientation.VERTICAL)\n ) {\n // Move backward\n this.focusedTab--;\n if (this.focusedTab < 0) {\n this.focusedTab = this.tabs.length - 1;\n }\n }\n // Ignore disabled tabs\n if (\n this.tabs[this.focusedTab].hasAttribute(\"disabled\") &&\n this.tabs[this.focusedTab].getAttribute(\"disabled\") !== \"false\"\n ) {\n return this.navigateThroughTabs(event);\n }\n\n this.tabs[this.focusedTab].focus();\n this.scrollToTab(this.tabs[this.focusedTab]);\n }\n\n /**\n * If the focus is not going on a tab (`relatedTarget` is the new focused element), set to 0 the `tabindex` of the selected tab or the one of the first tab, then unset the `focusedTab`.\n */\n @Listen(\"focusout\")\n onTabFocusOut(event: FocusEvent): void {\n if (!this.tabs.some((tab) => tab.contains(event.relatedTarget as HTMLElement))) {\n this.tabs[this.selectedTab ?? 0].tabIndex = 0;\n this.focusedTab = undefined;\n }\n }\n\n connectedCallback(): void {\n this.resizeObserver = new ResizeObserver(() => this.checkScrollVisible());\n }\n\n componentDidLoad(): void {\n // Set role and tabindex to each slotted tab\n this.tabs.forEach((tab) => {\n tab.setAttribute(\"role\", \"tab\");\n tab.tabIndex = -1;\n });\n\n const preselectedTab = this.selectedTab ?? this.tabs.findIndex((tab) => tab.ariaSelected === \"true\");\n if (preselectedTab !== -1) {\n this.selectedTab = preselectedTab;\n this.tabs[preselectedTab].tabIndex = 0;\n this.onTabSelected();\n } else {\n this.tabs[0].tabIndex = 0;\n }\n\n this.resizeObserver.observe(this.nav);\n }\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n }\n\n render(): HTMLZNavigationTabsElement {\n return (\n <Host\n class={{\n \"interactive-2\": this.size === NavigationTabsSize.SMALL,\n \"interactive-1\": this.size !== NavigationTabsSize.SMALL,\n }}\n scrollable={this.canNavigate}\n >\n <button\n class=\"navigation-button\"\n onClick={this.navigateBackwards.bind(this)}\n tabIndex={-1}\n disabled={!this.canNavigatePrev}\n aria-label=\"Mostra elementi precedenti\"\n hidden={!this.canNavigate}\n >\n <z-icon\n name={this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-left\" : \"chevron-up\"}\n width={16}\n height={16}\n />\n </button>\n\n <nav\n role=\"tablist\"\n aria-label={this.ariaLabel}\n ref={(el) => (this.nav = el ?? this.nav)}\n onScroll={this.checkScrollEnabled.bind(this)}\n aria-orientation={this.orientation}\n >\n <slot></slot>\n </nav>\n\n <button\n class=\"navigation-button\"\n onClick={this.navigateForward.bind(this)}\n tabIndex={-1}\n disabled={!this.canNavigateNext}\n aria-label=\"Mostra elementi successivi\"\n hidden={!this.canNavigate}\n >\n <z-icon\n name={this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-right\" : \"chevron-down\"}\n width={16}\n height={16}\n />\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-9551ea7a.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js"],(function(e){"use strict";var t,i,n;return{setters:[function(e){t=e.r;i=e.h;n=e.a}],execute:function(){var a=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";var o=a;var r=e("z_stepper",function(){function e(e){t(this,e)}e.prototype.render=function(){return i(n,{key:"80b89caa35e9adb82ad413783b16eae491a26f48",role:"list"},i("slot",{key:"140e35a55637873b1eee70d5a7a8c2b03af3eed7"}))};return e}());r.style=o}}}));
2	+ //# sourceMappingURL=p-9551ea7a.system.entry.js.map

package/www/build/p-9551ea7a.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","exports","class_1","prototype","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n <Host role=\"list\">\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,6WAClB,IAAAC,EAAeD,E,ICSFE,EAAQC,EAAA,uB,wBACnBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C,WAJa,I","ignoreList":[]}

package/www/build/p-994eb301.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(n){"use strict";var o,a,t,i,r;return{setters:[function(n){o=n.r;a=n.h;t=n.a;i=n.g},function(n){r=n.B}],execute:function(){var e="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:-ms-flexbox;display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-default-text);font-family:var(--font-family-sans);-webkit-transition:background-color 0.3s ease-in-out,\n border-color 0.3s ease-in-out,\n color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out,\n border-color 0.3s ease-in-out,\n color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>>:is(z-button,button){position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>:focus:focus-visible,z-anchor-navigation nav>>:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:-ms-flexbox;display:flex}z-anchor-navigation nav>>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){opacity:1;pointer-events:unset}z-anchor-navigation nav>:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";var c=e;var s=n("z_anchor_navigation",function(){function n(n){o(this,n);this.hideUnselected=false;this.autoCurrent=true;this.collapsed=false}n.prototype.setCurrent=function(){var n=this;var o=Array.from(this.nav.querySelectorAll("a")).find((function(o){return o.href===n.host.ownerDocument.location.href}));Array.from(this.nav.children).forEach((function(n){var a=n instanceof HTMLAnchorElement?n:n.querySelector("a");var t=a===o;a.setAttribute("aria-current",t.toString());n.toggleAttribute("data-current",t)}))};n.prototype.toggleCollapsed=function(){this.collapsed=!this.collapsed};n.prototype.componentDidLoad=function(){if(this.autoCurrent){window.addEventListener("hashchange",this.setCurrent.bind(this));this.setCurrent()}};n.prototype.disconnectedCallback=function(){window.removeEventListener("hashchange",this.setCurrent)};n.prototype.render=function(){var n=this;return a(t,{key:"6869675f35b8ca58e36058d10ed89301d2b49034",collapsed:this.collapsed},a("z-button",{key:"d6bacaf89ac6731dacb2250793c7ffba4a43a989",class:"toggle",variant:r.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},"salta a"),a("nav",{key:"0c308debc3e444015e1c8733af628d0b7a5d8b6e",ref:function(o){return n.nav=o}},a("slot",{key:"02b49c5a23db78d839ba6320f1cbbd770cfa6d3f"})))};Object.defineProperty(n.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return n}());s.style=c}}}));
2	+ //# sourceMappingURL=p-994eb301.system.entry.js.map

package/www/build/p-994eb301.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZAnchorNavigationStyle0","ZAnchorNavigation","exports","class_1","prototype","setCurrent","_this","this","currentElement","Array","from","nav","querySelectorAll","find","anchor","href","host","ownerDocument","location","children","forEach","item","HTMLAnchorElement","querySelector","isCurrent","setAttribute","toString","toggleAttribute","toggleCollapsed","collapsed","componentDidLoad","autoCurrent","window","addEventListener","bind","disconnectedCallback","removeEventListener","render","h","Host","key","class","variant","ButtonVariant","SECONDARY","icon","onClick","ref","el"],"sources":["src/components/z-anchor-navigation/styles.css?tag=z-anchor-navigation","src/components/z-anchor-navigation/index.tsx"],"sourcesContent":["html {\n scroll-behavior: smooth;\n}\n\nz-anchor-navigation nav {\n display: none;\n flex-direction: column;\n justify-content: flex-start;\n row-gap: calc(var(--space-unit) / 2);\n}\n\nz-anchor-navigation[collapsed] nav {\n display: flex;\n margin-top: var(--space-unit);\n}\n\nz-anchor-navigation nav a {\n display: -webkit-box;\n overflow: clip;\n width: 100%;\n box-sizing: border-box;\n padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n -webkit-box-orient: vertical;\n color: inherit;\n font-weight: inherit;\n -webkit-line-clamp: 2;\n overflow-clip-margin: content-box;\n text-decoration: none;\n}\n\nz-anchor-navigation nav * a:not(:only-child) {\n padding-right: calc(var(--space-unit) * 5);\n}\n\n@supports not (overflow-clip-margin: content-box) {\n z-anchor-navigation nav a {\n display: inline-block;\n overflow: hidden;\n -webkit-line-clamp: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\nz-anchor-navigation nav > * {\n position: relative;\n border-left: var(--border-size-large) solid var(--color-surface04);\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n transition:\n background-color 0.3s ease-in-out,\n border-color 0.3s ease-in-out,\n color 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > [data-current] {\n border-left-color: var(--color-primary01);\n color: var(--color-link-primary);\n font-weight: var(--font-sb);\n}\n\nz-anchor-navigation nav > * > *:is(z-button, button) {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n transition: opacity 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > *:focus:focus-visible,\nz-anchor-navigation nav > * > *:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\nz-anchor-navigation nav button {\n padding: 0;\n border: none;\n margin: 0;\n background-color: transparent;\n}\n\n@media (min-width: 768px) {\n z-anchor-navigation z-button.toggle {\n display: none !important;\n }\n\n z-anchor-navigation nav {\n display: flex;\n }\n\n /* hide anchor actions by default... */\n z-anchor-navigation nav > * > :is(z-button, button) {\n opacity: 0;\n pointer-events: none;\n }\n\n @media (hover: hover) {\n /* ...show them only hovering/focusing the anchor */\n z-anchor-navigation nav > :is([data-current], :hover, :focus, :focus-within) > :is(z-button, button) {\n opacity: 1;\n pointer-events: unset;\n }\n\n z-anchor-navigation nav > *:hover {\n border-left-color: var(--color-hover-secondary);\n background-color: var(--color-hover-surface);\n color: var(--color-hover-link);\n }\n }\n\n z-anchor-navigation[hide-unselected] nav > *:not([data-current], :hover, :focus, :focus-within) {\n color: transparent;\n fill: transparent;\n }\n}\n","import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant} from \"../../beans\";\n\n/**\n * Anchor navigation component.\n * @slot - Anchor navigation items. Use `<a>` elements inside. If you need an extra action element, use a wrapper around it and the anchor.\n * @example\n * ```\n * <z-anchor-navigation>\n * <div>\n * <a href=\"#section-id\">Section name</a>\n * <button type=\"button\">\n * <z-icon name=\"share\" />\n * </button>\n * </div>\n * </z-anchor-navigation>\n * ```\n */\n@Component({\n tag: \"z-anchor-navigation\",\n styleUrl: \"styles.css\",\n shadow: false,\n})\nexport class ZAnchorNavigation {\n /**\n * If enabled, the text of each anchor will be hidden unless\n * for the current one or the one the user is hovering.\n */\n @Prop({reflect: true})\n hideUnselected = false;\n\n /**\n * Enables automatic inference of the current item, listening for hash change\n * and checking the `href` of the slotted anchors.\n * When disabled, the highlight of current item must be handled manually by setting the `data-current`\n * attribute to the correct slotted items and the `aria-current` attribute to the anchors.\n */\n @Prop()\n autoCurrent = true;\n\n /**\n * Whether the mobile list is collapsed.\n */\n @State()\n collapsed = false;\n\n @Element() host: HTMLZAnchorNavigationElement;\n\n /** Reference to the nav element. */\n private nav: HTMLElement;\n\n /**\n * Set `aria-current` attribute to the anchors.\n */\n private setCurrent(): void {\n const currentElement = Array.from(this.nav.querySelectorAll(\"a\")).find(\n (anchor) => anchor.href === this.host.ownerDocument.location.href\n );\n Array.from(this.nav.children).forEach((item) => {\n const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n const isCurrent = anchor === currentElement;\n anchor.setAttribute(\"aria-current\", isCurrent.toString());\n item.toggleAttribute(\"data-current\", isCurrent);\n });\n }\n\n /**\n * Toggle collapsed state.\n */\n private toggleCollapsed(): void {\n this.collapsed = !this.collapsed;\n }\n\n componentDidLoad(): void {\n if (this.autoCurrent) {\n window.addEventListener(\"hashchange\", this.setCurrent.bind(this));\n this.setCurrent();\n }\n }\n\n disconnectedCallback(): void {\n window.removeEventListener(\"hashchange\", this.setCurrent);\n }\n\n render(): HTMLZAnchorNavigationElement {\n return (\n <Host collapsed={this.collapsed}>\n <z-button\n class=\"toggle\"\n variant={ButtonVariant.SECONDARY}\n icon={this.collapsed ? \"chevron-up\" : \"chevron-down\"}\n onClick={this.toggleCollapsed.bind(this)}\n >\n salta a\n </z-button>\n <nav ref={(el) => (this.nav = el)}>\n <slot></slot>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"wMAAA,IAAMA,EAAY,6hFAClB,IAAAC,EAAeD,E,ICsBFE,EAAiBC,EAAA,iC,4CAMX,M,iBASH,K,eAMF,K,CAUJC,EAAAC,UAAAC,WAAA,eAAAC,EAAAC,KACN,IAAMC,EAAiBC,MAAMC,KAAKH,KAAKI,IAAIC,iBAAiB,MAAMC,MAChE,SAACC,GAAW,OAAAA,EAAOC,OAAST,EAAKU,KAAKC,cAAcC,SAASH,IAAjD,IAEdN,MAAMC,KAAKH,KAAKI,IAAIQ,UAAUC,SAAQ,SAACC,GACrC,IAAMP,EAASO,aAAgBC,kBAAoBD,EAAOA,EAAKE,cAAc,KAC7E,IAAMC,EAAYV,IAAWN,EAC7BM,EAAOW,aAAa,eAAgBD,EAAUE,YAC9CL,EAAKM,gBAAgB,eAAgBH,E,KAOjCrB,EAAAC,UAAAwB,gBAAA,WACNrB,KAAKsB,WAAatB,KAAKsB,S,EAGzB1B,EAAAC,UAAA0B,iBAAA,WACE,GAAIvB,KAAKwB,YAAa,CACpBC,OAAOC,iBAAiB,aAAc1B,KAAKF,WAAW6B,KAAK3B,OAC3DA,KAAKF,Y,GAITF,EAAAC,UAAA+B,qBAAA,WACEH,OAAOI,oBAAoB,aAAc7B,KAAKF,W,EAGhDF,EAAAC,UAAAiC,OAAA,eAAA/B,EAAAC,KACE,OACE+B,EAACC,EAAI,CAAAC,IAAA,2CAACX,UAAWtB,KAAKsB,WACpBS,EAAA,YAAAE,IAAA,2CACEC,MAAM,SACNC,QAASC,EAAcC,UACvBC,KAAMtC,KAAKsB,UAAY,aAAe,eACtCiB,QAASvC,KAAKqB,gBAAgBM,KAAK3B,OAAK,WAI1C+B,EAAA,OAAAE,IAAA,2CAAKO,IAAK,SAACC,GAAE,OAAM1C,EAAKK,IAAMqC,CAAjB,GACXV,EAAA,QAAAE,IAAA,8C,yHAzEoB,I","ignoreList":[]}

package/www/build/p-9abaaaab.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,c as o,h as a}from"./p-cc3c02fe.js";const i="button{display:-ms-flexbox;display:flex;height:36px;-ms-flex-align:center;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);-webkit-box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 200ms linear;transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";const t=i;const e=class{constructor(a){r(this,a);this.toggleClick=o(this,"toggleClick",7);this.label=undefined;this.isdisabled=false;this.avoidclick=undefined;this.opened=false;this.ariaLabel=""}emitToggleClick(){if(this.isdisabled){return}this.opened=!this.opened;this.toggleClick.emit(this.opened)}render(){return a("button",{key:"809ca74c63187ce21d411516d595bda6ed5b082b",tabindex:this.avoidclick?"-1":"0",class:{isopen:this.opened,"avoid-clicks":this.avoidclick},disabled:this.isdisabled,"aria-expanded":this.opened?"true":"false","aria-label":this.ariaLabel,onClick:()=>this.emitToggleClick()},a("z-icon",{key:"66af2faa257599724f2506230eae3c0c612c0700",name:this.opened?"chevron-down":"chevron-up",width:16,height:16}),this.label)}};e.style=t;export{e as z_toggle_button};
2	+ //# sourceMappingURL=p-9abaaaab.entry.js.map

package/www/build/p-9abaaaab.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZToggleButtonStyle0","ZToggleButton","emitToggleClick","this","isdisabled","opened","toggleClick","emit","render","h","key","tabindex","avoidclick","class","isopen","disabled","ariaLabel","onClick","name","width","height","label"],"sources":["src/components/z-toggle-button/styles.css?tag=z-toggle-button&encapsulation=shadow","src/components/z-toggle-button/index.tsx"],"sourcesContent":["button {\n display: flex;\n height: 36px;\n align-items: center;\n padding-right: calc(var(--space-unit) * 2);\n padding-left: 0;\n border: var(--border-size-medium) solid;\n border-color: transparent;\n background-color: var(--color-surface01);\n border-radius: var(--border-radius);\n box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);\n color: var(--color-primary01);\n cursor: pointer;\n fill: var(--color-primary01);\n font-family: var(--font-family-sans);\n font-size: 14px;\n font-weight: var(--font-sb);\n outline: none;\n text-transform: uppercase;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\nbutton:hover {\n color: var(--color-hover-primary);\n fill: var(--color-hover-primary);\n}\n\nbutton:focus {\n box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active {\n border-color: var(--color-pressed-primary);\n box-shadow: var(--shadow-2);\n color: var(--color-pressed-primary);\n fill: var(--color-pressed-primary);\n}\n\nbutton:disabled {\n color: var(--color-disabled03);\n fill: var(--color-disabled03);\n}\n\nz-icon {\n display: inline-block;\n margin: 0 var(--space-unit) 0 calc(var(--space-unit) * 2);\n transform: rotate(360deg);\n transition: all 200ms linear;\n}\n\nbutton.isopen {\n top: -20px;\n}\n\nbutton.avoid-clicks {\n pointer-events: none;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-toggle-button\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZToggleButton {\n /** label text */\n @Prop()\n label: string;\n\n /** disabled status flag (optional) */\n @Prop()\n isdisabled?: boolean = false;\n\n /** avoidclick status flag */\n @Prop()\n avoidclick: boolean;\n\n /** open by default (optional) */\n @Prop({mutable: true})\n opened?: boolean = false;\n\n /** aria-label for the button */\n @Prop()\n ariaLabel = \"\";\n\n /** emitted on toggle button click, returns isOpen */\n @Event()\n toggleClick: EventEmitter;\n\n private emitToggleClick(): void {\n if (this.isdisabled) {\n return;\n }\n\n this.opened = !this.opened;\n this.toggleClick.emit(this.opened);\n }\n\n render(): HTMLButtonElement {\n return (\n <button\n tabindex={this.avoidclick ? \"-1\" : \"0\"}\n class={{\n \"isopen\": this.opened,\n \"avoid-clicks\": this.avoidclick,\n }}\n disabled={this.isdisabled}\n aria-expanded={this.opened ? \"true\" : \"false\"}\n aria-label={this.ariaLabel}\n onClick={() => this.emitToggleClick()}\n >\n <z-icon\n name={this.opened ? \"chevron-down\" : \"chevron-up\"}\n width={16}\n height={16}\n />\n {this.label}\n </button>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAY,4xCAClB,MAAAC,EAAeD,E,MCMFE,EAAa,M,uGAOD,M,sCAQJ,M,eAIP,E,CAMJ,eAAAC,GACN,GAAIC,KAAKC,WAAY,CACnB,M,CAGFD,KAAKE,QAAUF,KAAKE,OACpBF,KAAKG,YAAYC,KAAKJ,KAAKE,O,CAG7B,MAAAG,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,SAAUR,KAAKS,WAAa,KAAO,IACnCC,MAAO,CACLC,OAAUX,KAAKE,OACf,eAAgBF,KAAKS,YAEvBG,SAAUZ,KAAKC,WAAU,gBACVD,KAAKE,OAAS,OAAS,QAAO,aACjCF,KAAKa,UACjBC,QAAS,IAAMd,KAAKD,mBAEpBO,EAAA,UAAAC,IAAA,2CACEQ,KAAMf,KAAKE,OAAS,eAAiB,aACrCc,MAAO,GACPC,OAAQ,KAETjB,KAAKkB,M","ignoreList":[]}

package/www/build/p-9b3ccadf.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as a,b as t}from"./p-cc3c02fe.js";export{s as setNonce}from"./p-cc3c02fe.js";import{g as i}from"./p-e1255160.js";var o=()=>{{l(a.prototype)}const t=import.meta.url;const i={};if(t!==""){i.resourcesUrl=new URL(".",t).href}return e(i)};var l=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const i=this.childNodes;if(e){for(let e=0;e<i.length;e++){if(i[e].nodeType!==2){t.appendChild(i[e].cloneNode(true))}}}return t}};o().then((async e=>{await i();return t(JSON.parse('[["p-76765071",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"_stuck":[32],"currentViewport":[32],"menuLength":[32]},[[9,"resize","evaluateViewport"]],{"_stuck":["onStuck"],"drawerOpen":["setMenuFloatingMode"],"stuck":["onStuckMode"]}],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"resultsEllipsis":[4,"results-ellipsis"],"searchHelperLabel":[1,"search-helper-label"],"resultsItems":[1,"results-items"],"sortResultsItems":[4,"sort-results-items"],"showSearchButton":[4,"show-search-button"],"searchButtonIconOnly":[4,"search-button-icon-only"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":["watchItems"],"resultsCount":["watchResultsCount"],"value":["watchValue"],"searchString":["watchSearchString"]}],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[1028,"skip-load-animation"]},null,{"open":["onOpenChanged"]}],[6,"z-tag",{"icon":[1],"expandable":[4]}],[1,"z-list",{"size":[513],"listType":[513,"list-type"],"role":[513]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"role":[513],"htmlTabindex":[2,"html-tabindex"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"ariaExpanded":[1,"aria-expanded"],"ariaControls":[1,"aria-controls"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaActivedescendant":[1,"aria-activedescendant"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"role":[1],"hasclearicon":[4],"icon":[1],"min":[2],"minlength":[2],"max":[2],"maxlength":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[6,"z-button",{"ariaLabel":[513,"aria-label"],"role":[1],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-input-message",{"message":[1],"status":[513],"statusRole":[32]},null,{"message":["onMessageChange"],"status":["onMessageChange"]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-2bf1edba",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32],"focusedItemId":[32],"checkboxes":[32]},null,{"items":["watchItems"],"searchValue":["watchSearchValue"],"checkboxes":["watchCheckboxes"]}]]],["p-6f0ad848",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{"items":["watchItems"]}]]],["p-01982531",[[1,"z-breadcrumb",{"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]],{"maxNodesToShow":["handlePropChange"],"viewPortWidth":["handleResizeUp"]}]]],["p-f17abc5a",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-10572f51",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"hasFileSection":[4,"has-file-section"],"files":[32],"invalidFiles":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-0c31e559",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-e0f74038",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]],{"_visiblePages":["setPagesContainerWidth"],"visiblePages":["setVisiblePages"],"currentPage":["onPageChanged"],"split":["onSplitChanged"]}]]],["p-29a1577c",[[1,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":["onIndexChange"],"single":["onSingleModeChange"],"infinite":["onInfiniteModeChange"]}]]],["p-114088a1",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]],{"mode":["setupPickers"]}]]],["p-62598750",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-0e342fa3",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"firstPickerReadOnly":[4,"first-picker-read-only"],"lastPickerReadOnly":[4,"last-picker-read-only"],"firstPickerPlaceholder":[1,"first-picker-placeholder"],"lastPickerPlaceholder":[1,"last-picker-placeholder"],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]],{"firstPickerReadOnly":["setupFirstPickersReadOnly"],"lastPickerReadOnly":["setupLastPickersReadOnly"],"mode":["setupPickers"]}]]],["p-2a374812",[[1,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-163c185f",[[1,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-0fba1b18",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"autoCurrent":[4,"auto-current"],"collapsed":[32]}]]],["p-c306910e",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-6d801a7d",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-f7180c65",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]},null,{"inputrawdata":["oninputrawdataChange"]}]]],["p-fc1e9ce0",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-f0608870",[[1,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516]},null,{"isDisabled":["onDisabledChange"]}]]],["p-3970d479",[[1,"z-book-card",{"variant":[1],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"ribbon":[1],"ribbonIcon":[1,"ribbon-icon"],"ribbonInteractive":[4,"ribbon-interactive"],"borderless":[4],"fallbackCover":[1,"fallback-cover"],"operaTitleTag":[1,"opera-title-tag"],"isMobile":[32],"hasResources":[32],"showResources":[32]}]]],["p-254c85c4",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-df6ef4b4",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-9d538ffe",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-c3a862fb",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"ariaLabel":[1,"aria-label"],"size":[513],"open":[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{"position":["adjustPanelPosition"],"open":["adjustPanelPosition"]}]]],["p-c3845d8f",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]],{"open":["onOpenChanged"]}]]],["p-a614194d",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-a28c2a25",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-c012f19c",[[4,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"selectedTab":[1026,"selected-tab"],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{"canNavigate":["checkScrollEnabled"],"selectedTab":["onTabSelected"]}]]],["p-ffcf7250",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-05545df5",[[6,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-2c9f0119",[[1,"z-pocket-message"]]],["p-c2829bd8",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-353c9666",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]},null,{"data":["watchData"]}]]],["p-0a3954c7",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"checked":[4],"disabled":[4]}]]],["p-22610d00",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]},null,{"isdraggable":["watchPropIsdraggable"],"autoclose":["watchPropAutoclose"],"pauseonfocusloss":["watchPropPauseonfocusloss"]}]]],["p-9abaaaab",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-5c9a626c",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-8cedb801",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-e02a8ea0",[[1,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":["updateColumns"]}]]],["p-7da88300",[[4,"z-aria-alert",{"mode":[1]}]]],["p-58ca2dea",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-3b03ec76",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-0c2fdbe5",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-2737e3dd",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-43905ef3",[[1,"z-myz-card-footer-sections"]]],["p-a0893037",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-b44a65b5",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-05827ca5",[[1,"z-stepper"]]],["p-12c99b8f",[[1,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-111c3ee7",[[1,"z-tbody"]]],["p-e7932983",[[1,"z-tfoot",{"sticky":[516]}]]],["p-09164086",[[1,"z-thead",{"sticky":[516]}]]],["p-f69e5a0a",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":["watchPropNewestontop"]}]]],["p-b2283828",[[1,"z-visually-hidden"]]],["p-a974ae73",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-71286e86",[[1,"z-alert",{"type":[1]}]]],["p-3afa342c",[[1,"z-ghost-loading"]]],["p-1c06a6eb",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"scrollInside":[4,"scroll-inside"],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]],[1,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"]}]]],["p-8591add7",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-22b108f0",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]],{"status":["watchStatusHandler"]}],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-db76c8af",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-1090b1fd",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":["validatePosition"],"open":["onOpen"]}]]]]'),e)}));
2	+ //# sourceMappingURL=web-components-library.esm.js.map

package/www/build/p-9bae8b1c.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js","./p-ad6b3f77.system.js","./p-1fe56b25.system.js"],(function(t){"use strict";var i,e,r,a,o,s,n;return{setters:[function(t){i=t.r;e=t.c;r=t.h;a=t.g},function(t){o=t.Y},function(t){s=t.m},function(t){n=t.r}],execute:function(){var c=':host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;-webkit-box-sizing:border-box;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:-ms-flexbox;display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;-ms-flex-item-align:end;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:-ms-flexbox;display:flex;max-width:100%;height:calc(var(--space-unit) * 4);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);color:var(--color-text-inverse);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:""}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:-ms-flexbox;display:flex;height:100%;-ms-flex-item-align:center;align-self:center;color:var(--color-default-text);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title {all:unset}:host>article div.subtitle{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-default-text);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:-ms-flexbox;display:flex;overflow:hidden;max-height:32px;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot="tags"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot="header-cta"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-primary01-icon)}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) 2);padding-bottom:0}:host>article.expanded div.header{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:top;align-items:top;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:-ms-flexbox;display:flex;width:100%;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:-ms-flexbox;display:flex;height:24px;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;-ms-flex-item-align:unset;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:-ms-flexbox;display:flex;height:100%;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start}:host>article.compact div.content{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;-ms-flex-item-align:unset;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;-ms-flex-item-align:unset;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:-ms-flexbox;display:flex;overflow:hidden;width:100%;height:356px;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}';var l=c;var d=t("z_book_card",function(){function t(t){i(this,t);this.ribbonClick=e(this,"ribbonClick",7);this.variant=undefined;this.cover=undefined;this.operaTitle=undefined;this.volumeTitle=undefined;this.authors=undefined;this.isbn=undefined;this.isbnLabel="";this.ribbon=undefined;this.ribbonIcon=undefined;this.ribbonInteractive=undefined;this.borderless=undefined;this.fallbackCover=undefined;this.operaTitleTag=undefined;this.isMobile=false;this.hasResources=false;this.showResources=false}t.prototype.emitRibbonClick=function(){this.ribbonClick.emit()};t.prototype.componentWillLoad=function(){var t=this;this.id="id-".concat(n());var i=window.matchMedia("(max-width: ".concat(s,"px)"));this.isMobile=i.matches;i.onchange=function(i){return t.isMobile=i.matches}};t.prototype.componentDidLoad=function(){this.handleResources()};t.prototype.handleResources=function(){var t;if(this.variant!==o.EXPANDED\|\|!this.isMobile){return}this.hasResources=((t=this.hostElement.querySelectorAll("[slot=resources]"))===null\|\|t===void 0?void 0:t.length)>0};t.prototype.toggleResources=function(){this.showResources=!this.showResources};t.prototype.renderCard=function(){switch(this.variant){case o.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case o.COMPACT:return this.renderCompactCard();case o.SEARCH:return this.renderSearchCard()}};t.prototype.renderExpandedCard=function(){return r("div",{class:"wrapper"},this.renderCover(),r("div",{class:"content"},r("div",{class:"top"},r("div",{class:"info"},r("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),r("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),r("div",{class:"bottom"},this.renderResourcesSlot())))};t.prototype.renderMobileExpandedCard=function(){return r("div",{class:"wrapper"},r("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),r("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&r("div",{class:{footer:true,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))};t.prototype.renderSearchCard=function(){return r("div",{class:"wrapper-container"},r("div",{class:"wrapper"},r("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),r("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())};t.prototype.renderCompactCard=function(){return r("div",{class:"wrapper"},this.renderCover(),r("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())};t.prototype.renderCover=function(){var t=this;return r("div",{class:"cover"},this.ribbon&&this.variant!==o.COMPACT&&this.renderRibbon(),r("div",{class:"img-wrapper"},r("img",{src:this.cover,onError:function(){if(t.fallbackCover){t.cover=t.fallbackCover}},"aria-hidden":"true"})))};t.prototype.renderRibbon=function(){var t=this;var i=[this.ribbonIcon&&r("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),r("span",null,this.ribbon)];return this.ribbonInteractive?r("button",{class:"ribbon interactive",onClick:function(){return t.emitRibbonClick()}},i):r("div",{class:"ribbon"},i)};t.prototype.renderOperaTitle=function(){var t=this.operaTitleTag?"<".concat(this.operaTitleTag,">").concat(this.operaTitle,"</").concat(this.operaTitleTag,">"):this.operaTitle;return r("div",{class:"title",innerHTML:t})};t.prototype.renderVolumeTitle=function(){return this.volumeTitle?r("div",{class:"subtitle"},this.volumeTitle):null};t.prototype.renderAuthors=function(){return this.authors?r("div",{class:"authors","aria-description":"Autori"},this.authors):null};t.prototype.renderIsbn=function(){return this.isbn?r("div",{class:"isbn"},r("span",{class:"code","aria-description":"ISBN ".concat(this.isbnLabel)},this.isbn),this.isbnLabel?r("span",{class:"label"}," ",this.isbnLabel):null):null};t.prototype.renderShowResources=function(){var t=this;return r("button",{class:"show-resources","aria-label":"Risorse del libro ".concat(this.operaTitle),"aria-expanded":this.showResources.toString(),"aria-controls":"resources-".concat(this.id),onClick:function(){return t.toggleResources()}},this.showResources?"Chiudi":"Vedi tutto",r("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))};t.prototype.renderTagsSlot=function(){return r("div",{class:"tags"},r("slot",{name:"tags"}))};t.prototype.renderHeaderCtaSlot=function(){return r("slot",{name:"header-cta"})};t.prototype.renderResourcesSlot=function(){var t=this;return r("div",{id:"resources-".concat(this.id),class:"resources"},r("slot",{name:"resources",onSlotchange:function(){return t.handleResources()}}))};t.prototype.renderFooterCtaSlot=function(){return r("div",{class:"action-container"},r("slot",{name:"footer-cta"}))};t.prototype.render=function(){var t;return r("article",{key:"93b847b7f5067c69880ea8ba283a207c8b691a2a",class:(t={},t[this.variant]=true,t.borderless=!!this.borderless,t)},this.renderCard())};Object.defineProperty(t.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());d.style=l}}}));
2	+ //# sourceMappingURL=p-9bae8b1c.system.entry.js.map