npm - @zanichelli/zanichelli-it-frontend-kit - Versions diffs - 0.0.1-rc.0 - Mend

@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.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 (1219) hide show

package/www/build/p-673af8ea.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZInput","constructor","hostRef","this","typingtimeout","htmlid","randomId","type","undefined","name","label","ariaLabel","ariaExpanded","ariaControls","ariaAutocomplete","ariaActivedescendant","value","disabled","readonly","required","checked","placeholder","htmltitle","status","message","labelPosition","LabelPosition","RIGHT","autocomplete","role","hasclearicon","icon","min","minlength","max","maxlength","step","pattern","size","ControlSize","BIG","isTyping","passwordHidden","inputCheckListener","e","data","detail","InputType","RADIO","id","isChecked","CHECKBOX","console","warn","emitInputChange","emitStartTyping","validity","TEXTAREA","getValidity","inputChange","emit","clearTimeout","timer","setTimeout","emitStopTyping","startTyping","stopTyping","emitInputCheck","inputCheck","emitInputFocus","inputFocus","emitInputBlur","inputBlur","input","hostElement","querySelector","getTextAttributes","title","class","onInput","target","getNumberAttributes","NUMBER","getPatternAttribute","PASSWORD","TEXT","TEL","SEARCH","URL","EMAIL","getRoleAttribute","getAriaAttrubutes","expanded","controls","activedescendant","Object","assign","getFocusBlurAttributes","onFocus","onBlur","renderInputText","attr","h","renderLabel","ref","el","inputRef","renderIcons","renderMessage","htmlFor","renderResetIcon","renderIcon","renderShowHidePassword","hidden","onClick","boolean","renderTextarea","attributes","Fragment","handleCheck","ev","renderCheckbox","onChange","bind","after","before","LEFT","innerHTML","renderRadio","render","Host","key","ZInputMessage","statusIcons","success","error","warning","statusRole","onMessageChange","componentWillLoad"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input/styles.css?tag=z-input&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input-message/styles.css?tag=z-input-message&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input-message/index.js"],"sourcesContent":[":host {\n display: inline-block;\n width: inherit;\n}\n\n:host * {\n box-sizing: border-box;\n}\n\ninput::-ms-clear,\ninput::-ms-reveal {\n display: none;\n}\n\n/* GENERAL */\n:host input::-ms-clear,\n:host input::-ms-reveal {\n display: none;\n}\n\ninput,\ntextarea {\n background: var(--color-form-background);\n fill: var(--color-form-default-icon);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n outline: none;\n}\n\ninput,\n.textarea-wrapper {\n border: var(--border-size-small) solid var(--color-form-surface04);\n border-radius: var(--border-radius-small);\n color: var(--color-form-default-text);\n}\n\n:host([size=\"small\"]) input,\n:host([size=\"small\"]) textarea,\n:host([size=\"x-small\"]) input,\n:host([size=\"x-small\"]) textarea {\n font-size: var(--font-size-2);\n}\n\n:host.cursor-select input {\n cursor: pointer;\n}\n\n/* HOVER */\ninput:not([readonly]):hover,\n.textarea-wrapper:not(.readonly):hover {\n outline: var(--border-size-medium) solid var(--color-surface04);\n outline-offset: -2px;\n}\n\n/* FOCUS */\n:host:not(.active-select) input:focus:focus-visible,\n:host:not([readonly=\"true\"]) .textarea-wrapper:focus-within {\n border-color: var(--color-form-active-primary);\n box-shadow: var(--shadow-focus-primary);\n color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible:hover,\n.textarea-wrapper:not(.readonly):focus-within:hover {\n outline-color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible + .icons-wrapper {\n fill: var(--color-form-active-primary);\n}\n\n:host.active-select input {\n border: var(--border-size-small) solid var(--color-form-active-primary);\n}\n\n:host.cursor-select input:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host input[readonly]:focus:focus-visible {\n border-color: var(--color-form-surface03);\n box-shadow: none;\n}\n\n/* STATUSES (success, warning, error) */\n.input-success {\n border-color: var(--color-form-success01);\n background: var(--color-form-inverse-success);\n}\n\n.input-success:focus:focus-visible + .icons-wrapper,\n.input-success + .icons-wrapper {\n fill: var(--color-form-success01);\n}\n\n.input-error {\n border-color: var(--color-form-hover-error);\n background: var(--color-form-inverse-error);\n}\n\n.input-error:focus:focus-visible + .icons-wrapper,\n.input-error + .icons-wrapper {\n fill: var(--color-form-hover-error);\n}\n\n.input-warning {\n border-color: var(--color-form-hover-warning);\n background: var(--color-form-inverse-warning);\n}\n\n.input-warning:focus:focus-visible + .icons-wrapper,\n.input-warning + .icons-wrapper {\n fill: var(--color-form-hover-warning);\n}\n\n:is(.input-success, .input-error, .input-warning):focus:focus-visible {\n color: var(--color-form-default-text);\n}\n\n/* READONLY */\n:host:not(.active-select) input[readonly],\n.textarea-wrapper.readonly {\n border-color: var(--color-form-surface03);\n fill: var(--color-form-disabled01-icon);\n pointer-events: none;\n}\n\n/* DISABLED */\n:host([disabled]:not([disabled=\"false\"])) input,\n:host([disabled]:not([disabled=\"false\"])) .textarea-wrapper,\n:host([disabled]:not([disabled=\"false\"])) z-icon {\n border-color: var(--color-form-disabled03);\n box-shadow: none;\n color: var(--color-form-disabled-text);\n fill: var(--color-form-disabled01-icon);\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled=\"false\"])) input:hover {\n border-width: var(--border-size-small);\n}\n\n/* PLACEHOLDER */\ninput::placeholder,\ntextarea::placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n::-webkit-textarea-placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n:-ms-textarea-placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n::placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n/* LABEL */\nlabel.input-label {\n display: block;\n padding-bottom: var(--space-unit);\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-align: left;\n text-transform: uppercase;\n}\n\n:host([disabled]:not([disabled=\"false\"])) label.input-label {\n color: var(--color-disabled03);\n}\n\n.text-wrapper > div {\n position: relative;\n z-index: 1;\n fill: var(--color-form-default-icon);\n}\n\n.text-wrapper > div > input {\n width: 100%;\n height: calc(var(--space-unit) * 5.5);\n box-sizing: border-box;\n padding: 0 calc(var(--space-unit) * 1.5);\n margin: 0;\n}\n\n:host([size=\"small\"]) .text-wrapper > div > input {\n height: calc(var(--space-unit) * 4.5);\n}\n\n:host([size=\"x-small\"]) .text-wrapper > div > input {\n height: calc(var(--space-unit) * 4);\n}\n\n.text-wrapper > div > input.has-icon,\n.text-wrapper > div > input.has-clear-icon {\n padding-right: calc(var(--space-unit) * 5.25);\n}\n\n.text-wrapper > div > input.has-icon.has-clear-icon {\n padding-right: calc(var(--space-unit) * 8);\n}\n\n.text-wrapper .icons-wrapper {\n position: absolute;\n z-index: 2;\n top: 50%;\n right: calc(var(--space-unit) * 1.5);\n display: flex;\n pointer-events: none;\n transform: translateY(-50%);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon {\n display: flex;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n font: inherit;\n pointer-events: initial;\n}\n\n.text-wrapper .icons-wrapper > .input-icon + .input-icon {\n margin-left: calc(var(--space-unit) * 0.5);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon.hidden {\n display: none;\n}\n\n.text-wrapper .icons-wrapper > button.reset-icon,\n.text-wrapper .icons-wrapper > button.toggle-password-icon {\n cursor: pointer;\n}\n\n.text-wrapper .icons-wrapper > .input-icon {\n --z-icon-width: 18px;\n --z-icon-height: 18px;\n\n display: block;\n}\n\n.text-wrapper .icons-wrapper > .input-icon.small,\n.text-wrapper .icons-wrapper > .input-icon.x-small {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n.text-wrapper .icons-wrapper > button.input-icon:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.text-wrapper > div > input:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px #fff inset;\n -webkit-text-fill-color: currentcolor;\n}\n\n.textarea-wrapper {\n width: 100%;\n height: 100%;\n padding: calc(var(--space-unit) * 1.5);\n}\n\n.textarea-wrapper:not(.input-error, .input-success, .input-warning) {\n background-color: var(--color-form-background);\n}\n\ntextarea {\n width: 100%;\n min-height: 132px;\n padding: 0;\n border: none;\n margin: 0;\n color: currentcolor;\n resize: none;\n}\n\n.radio-wrapper,\n.checkbox-wrapper {\n position: relative;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n color: var(--color-default-text);\n fill: var(--color-primary01);\n font-family: var(--font-family-sans);\n}\n\n.radio-wrapper:hover,\n.checkbox-wrapper:hover {\n color: var(--color-hover-primary);\n fill: var(--color-hover-primary-icon);\n}\n\n.radio-wrapper > input,\n.checkbox-wrapper > input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n}\n\n.radio-wrapper .radio-label,\n.checkbox-wrapper .checkbox-label {\n display: inline-flex;\n align-items: center;\n margin: 0;\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1;\n text-transform: inherit;\n}\n\n.radio-wrapper input:not(:disabled) + .radio-label,\n.checkbox-wrapper input:not(:disabled) + .checkbox-label {\n cursor: pointer;\n}\n\n.radio-wrapper .radio-label z-icon,\n.checkbox-wrapper .checkbox-label z-icon {\n cursor: pointer;\n fill: inherit;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label {\n font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label {\n font-size: var(--font-size-1);\n}\n\n.radio-wrapper .radio-label.after,\n.checkbox-wrapper .checkbox-label.after {\n flex-direction: row;\n}\n\n.radio-wrapper .radio-label.before,\n.checkbox-wrapper .checkbox-label.before {\n flex-direction: row-reverse;\n}\n\n.radio-wrapper .radio-label.after > span,\n.checkbox-wrapper .checkbox-label.after > span {\n margin-left: var(--space-unit);\n}\n\n.radio-wrapper .radio-label.before > span,\n.checkbox-wrapper .checkbox-label.before > span {\n margin-right: var(--space-unit);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.after > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.after > span {\n margin-left: calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.before > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.before > span {\n margin-right: calc(var(--space-unit) * 0.5);\n}\n\n/* focus */\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon {\n border-radius: 50%;\n}\n\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n border-radius: var(--border-radius-small);\n}\n\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon,\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n box-shadow: var(--shadow-focus-primary);\n}\n\n/* disabled */\n.radio-wrapper > input:disabled + .radio-label,\n.checkbox-wrapper > input:disabled + .checkbox-label {\n color: var(--color-disabled03);\n}\n\n.radio-wrapper > input:disabled + .radio-label > z-icon,\n.checkbox-wrapper > input:disabled + .checkbox-label > z-icon {\n cursor: default;\n fill: var(--color-disabled01);\n}\n\n","import { h } from \"@stencil/core\";\nimport { Fragment, Host } from \"@stencil/core/internal\";\nimport { ControlSize, InputType, LabelPosition } from \"../../beans\";\nimport { boolean, randomId } from \"../../utils/utils\";\nexport class ZInput {\n constructor() {\n this.typingtimeout = 300;\n this.htmlid = `id-${randomId()}`;\n this.type = undefined;\n this.name = undefined;\n this.label = undefined;\n this.ariaLabel = \"\";\n this.ariaExpanded = \"\";\n this.ariaControls = undefined;\n this.ariaAutocomplete = undefined;\n this.ariaActivedescendant = undefined;\n this.value = undefined;\n this.disabled = false;\n this.readonly = false;\n this.required = false;\n this.checked = false;\n this.placeholder = undefined;\n this.htmltitle = undefined;\n this.status = undefined;\n this.message = true;\n this.labelPosition = LabelPosition.RIGHT;\n this.autocomplete = undefined;\n this.role = \"\";\n this.hasclearicon = true;\n this.icon = undefined;\n this.min = undefined;\n this.minlength = undefined;\n this.max = undefined;\n this.maxlength = undefined;\n this.step = undefined;\n this.pattern = undefined;\n this.size = ControlSize.BIG;\n this.isTyping = false;\n this.passwordHidden = true;\n }\n inputCheckListener(e) {\n const data = e.detail;\n switch (this.type) {\n case InputType.RADIO:\n if (data.type === InputType.RADIO && data.name === this.name && data.id !== this.htmlid) {\n this.checked = false;\n }\n break;\n }\n }\n /** get checked status */\n async isChecked() {\n switch (this.type) {\n case InputType.CHECKBOX:\n case InputType.RADIO:\n return this.checked;\n default:\n console.warn(\"`isChecked` method is only available for type `checkbox` and `radio`\");\n return false;\n }\n }\n emitInputChange(value) {\n if (!this.isTyping) {\n this.emitStartTyping();\n }\n let validity;\n if (this.type === InputType.TEXTAREA) {\n validity = this.getValidity(\"textarea\");\n }\n else {\n validity = this.getValidity(\"input\");\n }\n this.value = value;\n this.inputChange.emit({ value, validity });\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.emitStopTyping(this.value, validity);\n }, this.typingtimeout);\n }\n emitStartTyping() {\n this.isTyping = true;\n this.startTyping.emit();\n }\n emitStopTyping(value, validity) {\n this.isTyping = false;\n this.stopTyping.emit({\n value: value,\n validity: validity,\n });\n }\n emitInputCheck(checked) {\n this.inputCheck.emit({\n id: this.htmlid,\n checked: checked,\n type: this.type,\n name: this.name,\n value: this.value,\n validity: this.getValidity(\"input\"),\n });\n }\n emitInputFocus() {\n this.inputFocus.emit({ id: this.htmlid });\n }\n emitInputBlur() {\n this.inputBlur.emit({ id: this.htmlid });\n }\n getValidity(type) {\n const input = this.hostElement.querySelector(type);\n return input.validity;\n }\n /* START text/password/email/number */\n getTextAttributes() {\n return {\n id: this.htmlid,\n name: this.name,\n placeholder: this.placeholder,\n value: this.value,\n disabled: this.disabled,\n readonly: this.readonly,\n required: this.required,\n title: this.htmltitle,\n minlength: this.minlength,\n maxlength: this.maxlength,\n class: {\n [`input-${this.status}`]: !!this.status,\n },\n autocomplete: this.autocomplete,\n onInput: (e) => this.emitInputChange(e.target.value),\n };\n }\n getNumberAttributes(type) {\n if (type != InputType.NUMBER) {\n return;\n }\n return {\n min: this.min,\n max: this.max,\n step: this.step,\n };\n }\n getPatternAttribute(type) {\n if (type != InputType.PASSWORD &&\n type != InputType.TEXT &&\n type != InputType.TEL &&\n type != InputType.SEARCH &&\n type != InputType.URL &&\n type != InputType.EMAIL) {\n return;\n }\n return {\n pattern: this.pattern,\n };\n }\n getRoleAttribute() {\n return this.role ? { role: this.role } : {};\n }\n getAriaAttrubutes() {\n const expanded = this.ariaExpanded ? { \"aria-expanded\": this.ariaExpanded } : {};\n const controls = this.ariaControls ? { \"aria-controls\": this.ariaControls } : {};\n const autocomplete = this.ariaAutocomplete ? { \"aria-autocomplete\": this.ariaAutocomplete } : {};\n const activedescendant = this.ariaActivedescendant ? { \"aria-activedescendant\": this.ariaActivedescendant } : {};\n return Object.assign(Object.assign(Object.assign(Object.assign({}, expanded), controls), autocomplete), activedescendant);\n }\n getFocusBlurAttributes() {\n return {\n onFocus: () => this.emitInputFocus(),\n onBlur: () => this.emitInputBlur(),\n };\n }\n renderInputText(type = InputType.TEXT) {\n const ariaLabel = this.ariaLabel ? { \"aria-label\": this.ariaLabel } : {};\n const attr = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.getTextAttributes()), this.getNumberAttributes(type)), this.getPatternAttribute(type)), ariaLabel), this.getRoleAttribute()), this.getAriaAttrubutes()), this.getFocusBlurAttributes());\n if (this.icon || type === InputType.PASSWORD) {\n Object.assign(attr.class, { \"has-icon\": true });\n }\n if (this.hasclearicon && type != InputType.NUMBER) {\n Object.assign(attr.class, { \"has-clear-icon\": true });\n }\n return (h(\"div\", { class: \"text-wrapper\" }, this.renderLabel(), h(\"div\", null, h(\"input\", Object.assign({ type: type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type }, attr, { ref: (el) => (this.inputRef = el) })), this.renderIcons()), this.renderMessage()));\n }\n renderLabel() {\n if (!this.label) {\n return;\n }\n return (h(\"label\", { class: \"input-label body-5-sb\", id: `${this.htmlid}_label`, htmlFor: this.htmlid }, this.label));\n }\n renderIcons() {\n return (h(\"span\", { class: \"icons-wrapper\" }, this.renderResetIcon(), this.renderIcon()));\n }\n renderIcon() {\n if (this.type === InputType.PASSWORD) {\n return this.renderShowHidePassword();\n }\n if (!this.icon) {\n return;\n }\n return (h(\"z-icon\", { name: this.icon, class: { [this.size]: true, \"input-icon\": true } }));\n }\n renderResetIcon() {\n let hidden = false;\n if (!this.hasclearicon || !this.value || this.disabled || this.readonly || this.type == InputType.NUMBER) {\n hidden = true;\n }\n return (h(\"button\", { type: \"button\", class: { \"reset-icon\": true, \"input-icon\": true, hidden }, \"aria-label\": \"cancella il contenuto dell'input\", onClick: () => {\n this.inputRef.value = \"\";\n this.emitInputChange(\"\");\n } }, h(\"z-icon\", { name: \"multiply\", class: this.size })));\n }\n renderShowHidePassword() {\n return (h(\"button\", { type: \"button\", class: \"input-icon toggle-password-icon\", disabled: this.disabled, \"aria-label\": this.passwordHidden ? \"mostra password\" : \"nascondi password\", onClick: () => (this.passwordHidden = !this.passwordHidden) }, h(\"z-icon\", { name: this.passwordHidden ? \"view-filled\" : \"view-off-filled\", class: this.size })));\n }\n renderMessage() {\n if (boolean(this.message) === false) {\n return;\n }\n return (h(\"z-input-message\", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size, disabled: this.disabled }));\n }\n /* END text/password/email/number */\n /* START textarea */\n renderTextarea() {\n const attributes = this.getTextAttributes();\n return (h(Fragment, null, this.renderLabel(), h(\"div\", { class: Object.assign(Object.assign({}, attributes.class), { \"textarea-wrapper\": true, \"readonly\": !!attributes.readonly }) }, h(\"textarea\", Object.assign({}, attributes, { class: Object.assign(Object.assign({}, attributes.class), { \"z-scrollbar\": true }), \"aria-label\": this.ariaLabel || undefined }, this.getRoleAttribute()))), this.renderMessage()));\n }\n /* END textarea */\n handleCheck(ev) {\n this.checked = ev.target.checked;\n this.emitInputCheck(this.checked);\n }\n /* START checkbox */\n renderCheckbox() {\n return (h(\"div\", { class: \"checkbox-wrapper\" }, h(\"input\", Object.assign({ id: this.htmlid, type: \"checkbox\", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h(\"label\", { htmlFor: this.htmlid, class: {\n \"checkbox-label\": true,\n \"after\": this.labelPosition === LabelPosition.RIGHT,\n \"before\": this.labelPosition === LabelPosition.LEFT,\n } }, h(\"z-icon\", { name: this.checked ? \"checkbox-checked\" : \"checkbox\", class: this.size }), this.label && h(\"span\", { innerHTML: this.label }))));\n }\n /* END checkbox */\n /* START radio */\n renderRadio() {\n return (h(\"div\", { class: \"radio-wrapper\" }, h(\"input\", Object.assign({ id: this.htmlid, type: \"radio\", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h(\"label\", { htmlFor: this.htmlid, class: {\n \"radio-label\": true,\n \"after\": this.labelPosition === LabelPosition.RIGHT,\n \"before\": this.labelPosition === LabelPosition.LEFT,\n } }, h(\"z-icon\", { name: this.checked ? \"radio-button-checked\" : \"radio-button\", class: this.size }), this.label && h(\"span\", { innerHTML: this.label }))));\n }\n /* END radio */\n render() {\n let input;\n switch (this.type) {\n case InputType.TEXTAREA:\n input = this.renderTextarea();\n break;\n case InputType.CHECKBOX:\n input = this.renderCheckbox();\n break;\n case InputType.RADIO:\n input = this.renderRadio();\n break;\n default:\n input = this.renderInputText(this.type);\n }\n return h(Host, { key: '716ee8b89dbfeffedfdbfa8785c3994a94c44f44' }, input);\n }\n static get is() { return \"z-input\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"htmlid\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the id of the input element\"\n },\n \"attribute\": \"htmlid\",\n \"reflect\": false,\n \"defaultValue\": \"`id-${randomId()}`\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"InputType\",\n \"resolved\": \"InputType.CHECKBOX | InputType.EMAIL | InputType.NUMBER | InputType.PASSWORD | InputType.RADIO | InputType.SEARCH | InputType.TEL | InputType.TEXT | InputType.TEXTAREA | InputType.URL\",\n \"references\": {\n \"InputType\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::InputType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input types\"\n },\n \"attribute\": \"type\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input name\"\n },\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input label\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"ariaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-label\"\n },\n \"attribute\": \"aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"ariaExpanded\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-expaded: available for text, password, number, email\"\n },\n \"attribute\": \"aria-expanded\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"ariaControls\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-controls (optional): available for text, password, number, email\"\n },\n \"attribute\": \"aria-controls\",\n \"reflect\": false\n },\n \"ariaAutocomplete\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-autocomplete (optional): available for text, password, number, email\"\n },\n \"attribute\": \"aria-autocomplete\",\n \"reflect\": false\n },\n \"ariaActivedescendant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-activedescendant (optional): available for text, password, number, email\"\n },\n \"attribute\": \"aria-activedescendant\",\n \"reflect\": false\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input value\"\n },\n \"attribute\": \"value\",\n \"reflect\": false\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is disabled\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is readonly\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"required\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is required (optional): available for text, password, number, email, textarea, checkbox\"\n },\n \"attribute\": \"required\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"checked: available for checkbox, radio\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"placeholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input placeholder (optional)\"\n },\n \"attribute\": \"placeholder\",\n \"reflect\": false\n },\n \"htmltitle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input html title (optional)\"\n },\n \"attribute\": \"htmltitle\",\n \"reflect\": false\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"InputStatus\",\n \"resolved\": \"InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING\",\n \"references\": {\n \"InputStatus\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::InputStatus\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input status (optional): available for text, password, number, email, textarea\"\n },\n \"attribute\": \"status\",\n \"reflect\": false\n },\n \"message\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed\"\n },\n \"attribute\": \"message\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"labelPosition\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"LabelPosition\",\n \"resolved\": \"LabelPosition.LEFT | LabelPosition.RIGHT\",\n \"references\": {\n \"LabelPosition\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::LabelPosition\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input label position: available for checkbox, radio\"\n },\n \"attribute\": \"label-position\",\n \"reflect\": false,\n \"defaultValue\": \"LabelPosition.RIGHT\"\n },\n \"autocomplete\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input has autocomplete option (optional): available for text, password, number, email\"\n },\n \"attribute\": \"autocomplete\",\n \"reflect\": false\n },\n \"role\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input role\"\n },\n \"attribute\": \"role\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"hasclearicon\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"render clear icon when typing (optional): available for text\"\n },\n \"attribute\": \"hasclearicon\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"render icon (optional): available for text\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"min\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"min number value (optional): available for number\"\n },\n \"attribute\": \"min\",\n \"reflect\": false\n },\n \"minlength\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Min length value (optional): available for text\"\n },\n \"attribute\": \"minlength\",\n \"reflect\": false\n },\n \"max\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"max number value (optional): available for number\"\n },\n \"attribute\": \"max\",\n \"reflect\": false\n },\n \"maxlength\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Max length value (optional): available for text\"\n },\n \"attribute\": \"maxlength\",\n \"reflect\": false\n },\n \"step\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"step number value (optional): available for number\"\n },\n \"attribute\": \"step\",\n \"reflect\": false\n },\n \"pattern\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"pattern value (optional): available for tel, text, search, url, email, password\"\n },\n \"attribute\": \"pattern\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ControlSize\",\n \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n \"references\": {\n \"ControlSize\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ControlSize\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"ControlSize.BIG\"\n }\n };\n }\n static get states() {\n return {\n \"isTyping\": {},\n \"passwordHidden\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"inputChange\",\n \"name\": \"inputChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on input value change, returns value, validity\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"startTyping\",\n \"name\": \"startTyping\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when user starts typing\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"stopTyping\",\n \"name\": \"stopTyping\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when user stops typing, returns value, validity\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"inputCheck\",\n \"name\": \"inputCheck\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"inputFocus\",\n \"name\": \"inputFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on input focus\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"inputBlur\",\n \"name\": \"inputBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on input blur\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"isChecked\": {\n \"complexType\": {\n \"signature\": \"() => Promise<boolean>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<boolean>\"\n },\n \"docs\": {\n \"text\": \"get checked status\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"hostElement\"; }\n static get listeners() {\n return [{\n \"name\": \"inputCheck\",\n \"method\": \"inputCheckListener\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n",":host {\n display: flex;\n min-height: calc(var(--space-unit) * 2.5);\n align-items: start;\n margin-top: var(--space-unit);\n color: var(--color-default-text);\n fill: currentcolor;\n font-family: var(--font-family-sans);\n font-size: var(--font-size-2);\n letter-spacing: 0.16px;\n}\n\n:host(.small),\n:host(.x-small) {\n margin-top: calc(var(--space-unit) * 0.5);\n font-size: var(--font-size-1);\n}\n\n:host([status=\"success\"]) {\n color: var(--color-hover-success);\n}\n\n:host([status=\"error\"]) {\n color: var(--color-hover-error);\n}\n\n:host([status=\"warning\"]) {\n color: var(--color-hover-warning);\n}\n\n:host(:focus) {\n outline: none;\n}\n\n:host > z-icon {\n --z-icon-width: calc(var(--space-unit) * 2);\n --z-icon-height: calc(var(--space-unit) * 2);\n --z-icon-right-margin: var(--space-unit);\n\n margin-top: calc(var(--space-unit) * 0.25);\n}\n\n:host(.small) > z-icon,\n:host(.x-small) > z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n}\n\n:host([disabled]) {\n color: var(--color-disabled03);\n fill: var(--color-disabled03);\n}\n","import { Host, h } from \"@stencil/core\";\nexport class ZInputMessage {\n constructor() {\n this.statusIcons = {\n success: \"checkmark-circle\",\n error: \"multiply-circled\",\n warning: \"exclamation-circle\",\n };\n this.message = undefined;\n this.status = undefined;\n this.disabled = undefined;\n this.statusRole = {};\n }\n onMessageChange() {\n this.statusRole = this.message && this.status ? { role: \"alert\" } : {};\n }\n componentWillLoad() {\n this.onMessageChange();\n }\n render() {\n return (h(Host, Object.assign({ key: 'ef26c50e4e8f21bed23b6b530f34866bb9d746af' }, this.statusRole, { \"aria-label\": this.message }), this.statusIcons[this.status] && this.message && h(\"z-icon\", { key: '1c701e5f10e96e549fc3e799cbc16099f2032956', name: this.statusIcons[this.status] }), h(\"span\", { key: '9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64', innerHTML: this.message })));\n }\n static get is() { return \"z-input-message\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"message\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input helper message\"\n },\n \"attribute\": \"message\",\n \"reflect\": false\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"InputStatus\",\n \"resolved\": \"InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING\",\n \"references\": {\n \"InputStatus\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::InputStatus\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input status (optional)\"\n },\n \"attribute\": \"status\",\n \"reflect\": true\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input disabled status (optional)\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true\n }\n };\n }\n static get states() {\n return {\n \"statusRole\": {}\n };\n }\n static get watchers() {\n return [{\n \"propName\": \"message\",\n \"methodName\": \"onMessageChange\"\n }, {\n \"propName\": \"status\",\n \"methodName\": \"onMessageChange\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-69c45802.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as e,H as s,g as r}from"./p-Cam6wBSi.js";import"./z-tbody.entry.esm.js";import"./z-tfoot.entry.esm.js";import"./z-thead.entry.esm.js";import"./z-tr.entry.esm.js";import"./p-C46tSaXG.js";import"./p-B2-dCTD2.js";import"./p-Q-tWjk7P.js";import"./z-td.entry.esm.js";import"./z-th.entry.esm.js";const a=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";const o=class{constructor(e){t(this,e);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){var t;(t=this.expandableMutationObserver)===null\|\|t===void 0?void 0:t.disconnect()}render(){return e(s,{key:"a37bf2d018aedf198e11248d9952c062deddc545",expandable:this.expandable},e("div",{key:"a769b79ee55eb5425bb6c72059437f051967c3b3",class:"table",role:"table"},e("slot",{key:"0ba782144cc2f139484954747d530d6f1c606a0d"})))}get host(){return r(this)}};o.style=a;export{o as z_table};
2	+ //# sourceMappingURL=p-69c45802.entry.js.map

package/www/build/p-69c45802.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZTable","constructor","hostRef","this","bordered","expandable","updateExpandable","host","querySelectorAll","length","componentWillLoad","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","_a","disconnect","render","h","Host","key","class","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/index.js"],"sourcesContent":[":host {\n --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n position: relative;\n display: block;\n overflow: auto;\n max-width: 100%;\n box-sizing: border-box;\n background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import { Host, h } from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\nexport class ZTable {\n constructor() {\n this.bordered = false;\n this.expandable = false;\n }\n updateExpandable() {\n this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n }\n /**\n * Setup the table creating a mutation observer for the expandable attribute.\n */\n componentWillLoad() {\n this.expandableMutationObserver = new MutationObserver(() => {\n this.updateExpandable();\n });\n this.expandableMutationObserver.observe(this.host, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: [\"expandable\"],\n attributeOldValue: false,\n });\n }\n disconnectedCallback() {\n var _a;\n (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n render() {\n return (h(Host, { key: 'a37bf2d018aedf198e11248d9952c062deddc545', expandable: this.expandable }, h(\"div\", { key: 'a769b79ee55eb5425bb6c72059437f051967c3b3', class: \"table\", role: \"table\" }, h(\"slot\", { key: '0ba782144cc2f139484954747d530d6f1c606a0d' }))));\n }\n static get is() { return \"z-table\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"bordered\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Whether the table cells should show a border between them.\"\n },\n \"attribute\": \"bordered\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"expandable\": {}\n };\n }\n static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kTAAA,MAAMA,EAAY,+T,MCULC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,SAAW,MAChBD,KAAKE,WAAa,KACrB,CACD,gBAAAC,GACIH,KAAKE,WAAaF,KAAKI,KAAKC,iBAAiB,oBAAoBC,OAAS,C,CAK9E,iBAAAC,GACIP,KAAKQ,2BAA6B,IAAIC,kBAAiB,KACnDT,KAAKG,kBAAkB,IAE3BH,KAAKQ,2BAA2BE,QAAQV,KAAKI,KAAM,CAC/CO,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,CAG3B,oBAAAC,GACI,IAAIC,GACHA,EAAKjB,KAAKQ,8BAAgC,MAAQS,SAAO,OAAS,EAASA,EAAGC,Y,CAEnF,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CpB,WAAYF,KAAKE,YAAckB,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,QAASC,KAAM,SAAWJ,EAAE,OAAQ,CAAEE,IAAK,8C","ignoreList":[]}

package/www/build/p-6aa64881.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as i}from"./p-Cam6wBSi.js";const a="ul{padding:0;margin:0}";const n=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"b5e6a660832a1ecb70a654a1019db5c2cc08f485"},this.list&&this.list.map(((a,n)=>i("z-myz-list-item",{listitemid:a.listitemid,text:a.text,link:a.link,linktarget:a.linktarget,icon:a.icon,underlined:t!=n}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};n.style=a;export{n as z_myz_list};
2	+ //# sourceMappingURL=p-6aa64881.entry.js.map

package/www/build/p-6aa64881.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZMyzList","constructor","hostRef","this","inputrawdata","undefined","list","componentWillLoad","parseinputrawdata","JSON","parse","oninputrawdataChange","newValue","render","lastElem","length","h","key","map","bean","i","listitemid","text","link","linktarget","icon","underlined"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/index.js"],"sourcesContent":["ul {\n padding: 0;\n margin: 0;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzList {\n constructor() {\n this.inputrawdata = undefined;\n this.list = undefined;\n }\n componentWillLoad() {\n if (this.inputrawdata) {\n this.parseinputrawdata(this.inputrawdata);\n }\n }\n parseinputrawdata(inputrawdata) {\n this.list = [...JSON.parse(inputrawdata)];\n }\n oninputrawdataChange(newValue) {\n this.parseinputrawdata(newValue);\n }\n render() {\n const lastElem = this.list ? this.list.length - 1 : -1;\n return (h(\"ul\", { key: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&\n this.list.map((bean, i) => (h(\"z-myz-list-item\", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));\n }\n static get is() { return \"z-myz-list\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"inputrawdata\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"json stringified list data (mutable, optional)\"\n },\n \"attribute\": \"inputrawdata\",\n \"reflect\": false\n },\n \"list\": {\n \"type\": \"unknown\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"ListItem[]\",\n \"resolved\": \"ListItem[]\",\n \"references\": {\n \"ListItem\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans/index.js\",\n \"id\": \"src/beans/index.tsx::ListItem\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"list item data (mutable, optional)\"\n }\n }\n };\n }\n static get watchers() {\n return [{\n \"propName\": \"inputrawdata\",\n \"methodName\": \"oninputrawdataChange\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"2CAAA,MAAMA,EAAY,yB,MCCLC,EAAQ,MACjB,WAAAC,CAAAC,G,UACIC,KAAKC,aAAeC,UACpBF,KAAKG,KAAOD,SACf,CACD,iBAAAE,GACI,GAAIJ,KAAKC,aAAc,CACnBD,KAAKK,kBAAkBL,KAAKC,a,EAGpC,iBAAAI,CAAkBJ,GACdD,KAAKG,KAAO,IAAIG,KAAKC,MAAMN,G,CAE/B,oBAAAO,CAAqBC,GACjBT,KAAKK,kBAAkBI,E,CAE3B,MAAAC,GACI,MAAMC,EAAWX,KAAKG,KAAOH,KAAKG,KAAKS,OAAS,GAAI,EACpD,OAAQC,EAAE,KAAM,CAAEC,IAAK,4CAA8Cd,KAAKG,MACtEH,KAAKG,KAAKY,KAAI,CAACC,EAAMC,IAAOJ,EAAE,kBAAmB,CAAEK,WAAYF,EAAKE,WAAYC,KAAMH,EAAKG,KAAMC,KAAMJ,EAAKI,KAAMC,WAAYL,EAAKK,WAAYC,KAAMN,EAAKM,KAAMC,WAAYZ,GAAYM,M","ignoreList":[]}

package/www/build/p-6d0758da.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as i,H as n,g as o}from"./p-Cam6wBSi.js";import{w as s}from"./p-B2-dCTD2.js";import{d as e,h as c}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const r=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-default-text)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";const l=class{constructor(i){t(this,i);this.variant=undefined;this.links=[];this.visible=false;this.visibleLink=""}handleFocusOutSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=false}}handleFocusSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=true}}componentDidLoad(){this.showFirstChild()}componentWillRender(){if(this.links){this.links=typeof this.links==="string"?JSON.parse(this.links):this.links}}isInSkipToContent(t){const i=e(t);const n=i.find((t=>t.nodeName.toLowerCase()==="z-skip-to-content"));return!!n}showFirstChild(){var t;const i=(t=this.hostElement.children)===null\|\|t===void 0?void 0:t[0];if(i){this.visibleLink=i.id}}handleLinkClick(){this.visible=false}render(){return i(n,{key:"0d7f1db9f36fdb279d5fb77861adb0f3168d7037",class:{[this.variant]:true,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("div",{class:"link-container"},i("a",{id:o,class:{"body-1-sb":true,"z-link":true,"z-link-underline":true,"z-link-inverse":this.variant===s.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel\|\|t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>c(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return o(this)}};l.style=r;export{l as z_skip_to_content};
2	+ //# sourceMappingURL=p-6d0758da.entry.js.map

package/www/build/p-6d0758da.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZSkipToContent","constructor","hostRef","this","variant","undefined","links","visible","visibleLink","handleFocusOutSkipToContent","e","isInSkipToContent","target","handleFocusSkipToContent","componentDidLoad","showFirstChild","componentWillRender","JSON","parse","elem","tree","getElementTree","menuParent","find","nodeName","toLowerCase","_a","firstChild","hostElement","children","id","handleLinkClick","render","h","Host","key","class","map","link","i","ThemeVariant","DARK","ariaLabel","label","href","onFocus","onClick","onKeyUp","handleKeyboardSubmit","bind"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-skip-to-content/index.js"],"sourcesContent":[":host {\n position: absolute;\n left: -100%;\n height: 60px;\n box-sizing: border-box;\n padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n background-color: #24f4ff;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n text-align: center;\n}\n\n:host > .link-container {\n display: inline-flex;\n height: 100%;\n align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n position: static;\n display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n overflow: hidden;\n width: 0;\n height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n width: initial;\n height: initial;\n}\n\n:host.dark {\n background-color: var(--color-surface05);\n color: var(--color-surface01);\n}\n\n:host.light {\n border: var(--border-size-medium) solid var(--color-surface05);\n background-color: var(--color-surface01);\n color: var(--color-default-text);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host {\n text-align: start;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n :host > .link-container {\n padding: 0 calc(var(--space-unit) * 3);\n border-right: var(--border-size-small) solid var(--color-surface05);\n }\n\n :host > .link-container > a.z-link.link-invisible {\n overflow: initial;\n width: initial;\n height: initial;\n }\n\n :host > .link-container:first-child {\n padding-left: 0;\n }\n\n :host > .link-container:last-child,\n :host.dark > .link-container:last-child,\n :host.light > .link-container:last-child {\n padding-right: 0;\n border-right: none;\n }\n\n :host.dark > .link-container {\n border-right: var(--border-size-small) solid var(--color-surface01);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ThemeVariant } from \"../../beans\";\nimport { getElementTree, handleKeyboardSubmit } from \"../../utils/utils\";\n/**\n * Component short description.\n */\nexport class ZSkipToContent {\n constructor() {\n this.variant = undefined;\n this.links = [];\n this.visible = false;\n this.visibleLink = \"\";\n }\n handleFocusOutSkipToContent(e) {\n if (this.isInSkipToContent(e.target)) {\n this.visible = false;\n }\n }\n handleFocusSkipToContent(e) {\n if (this.isInSkipToContent(e.target)) {\n this.visible = true;\n }\n }\n componentDidLoad() {\n this.showFirstChild();\n }\n componentWillRender() {\n if (this.links) {\n this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n }\n }\n isInSkipToContent(elem) {\n const tree = getElementTree(elem);\n const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n return !!menuParent;\n }\n showFirstChild() {\n var _a;\n const firstChild = (_a = this.hostElement.children) === null || _a === void 0 ? void 0 : _a[0];\n if (firstChild) {\n this.visibleLink = firstChild.id;\n }\n }\n handleLinkClick() {\n this.visible = false;\n }\n render() {\n return (h(Host, { key: '0d7f1db9f36fdb279d5fb77861adb0f3168d7037', class: {\n [this.variant]: true,\n \"skip-to-content-visible\": this.visible,\n } }, this.links.map((link, i) => {\n const id = `skip-to-content-${i}`;\n return (h(\"div\", { class: \"link-container\" }, h(\"a\", { id: id, class: {\n \"body-1-sb\": true,\n \"z-link\": true,\n \"z-link-underline\": true,\n \"z-link-inverse\": this.variant === ThemeVariant.DARK,\n \"link-visible\": id == this.visibleLink,\n \"link-invisible\": id != this.visibleLink,\n }, \"aria-label\": link.ariaLabel || link.label, href: link.href, onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label)));\n })));\n }\n static get is() { return \"z-skip-to-content\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ThemeVariant\",\n \"resolved\": \"ThemeVariant.DARK | ThemeVariant.LIGHT\",\n \"references\": {\n \"ThemeVariant\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ThemeVariant\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Graphical variant: `dark`, `light`.\"\n },\n \"attribute\": \"variant\",\n \"reflect\": true\n },\n \"links\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string | SkipToContentLink[]\",\n \"resolved\": \"SkipToContentLink[] | string\",\n \"references\": {\n \"SkipToContentLink\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::SkipToContentLink\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Array to fill link into skip-content\"\n },\n \"attribute\": \"links\",\n \"reflect\": false,\n \"defaultValue\": \"[]\"\n }\n };\n }\n static get states() {\n return {\n \"visible\": {},\n \"visibleLink\": {}\n };\n }\n static get elementRef() { return \"hostElement\"; }\n static get listeners() {\n return [{\n \"name\": \"focusout\",\n \"method\": \"handleFocusOutSkipToContent\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"focusin\",\n \"method\": \"handleFocusSkipToContent\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"gKAAA,MAAMA,EAAY,y3D,MCMLC,EAAc,MACvB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAUC,UACfF,KAAKG,MAAQ,GACbH,KAAKI,QAAU,MACfJ,KAAKK,YAAc,EACtB,CACD,2BAAAC,CAA4BC,GACxB,GAAIP,KAAKQ,kBAAkBD,EAAEE,QAAS,CAClCT,KAAKI,QAAU,K,EAGvB,wBAAAM,CAAyBH,GACrB,GAAIP,KAAKQ,kBAAkBD,EAAEE,QAAS,CAClCT,KAAKI,QAAU,I,EAGvB,gBAAAO,GACIX,KAAKY,gB,CAET,mBAAAC,GACI,GAAIb,KAAKG,MAAO,CACZH,KAAKG,aAAeH,KAAKG,QAAU,SAAWW,KAAKC,MAAMf,KAAKG,OAASH,KAAKG,K,EAGpF,iBAAAK,CAAkBQ,GACd,MAAMC,EAAOC,EAAeF,GAC5B,MAAMG,EAAaF,EAAKG,MAAMJ,GAASA,EAAKK,SAASC,gBAAkB,sBACvE,QAASH,C,CAEb,cAAAP,GACI,IAAIW,EACJ,MAAMC,GAAcD,EAAKvB,KAAKyB,YAAYC,YAAc,MAAQH,SAAO,OAAS,EAASA,EAAG,GAC5F,GAAIC,EAAY,CACZxB,KAAKK,YAAcmB,EAAWG,E,EAGtC,eAAAC,GACI5B,KAAKI,QAAU,K,CAEnB,MAAAyB,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAACjC,KAAKC,SAAU,KAChB,0BAA2BD,KAAKI,UAC/BJ,KAAKG,MAAM+B,KAAI,CAACC,EAAMC,KAC3B,MAAMT,EAAK,mBAAmBS,IAC9B,OAAQN,EAAE,MAAO,CAAEG,MAAO,kBAAoBH,EAAE,IAAK,CAAEH,GAAIA,EAAIM,MAAO,CAC9D,YAAa,KACb,SAAU,KACV,mBAAoB,KACpB,iBAAkBjC,KAAKC,UAAYoC,EAAaC,KAChD,eAAgBX,GAAM3B,KAAKK,YAC3B,iBAAkBsB,GAAM3B,KAAKK,aAC9B,aAAc8B,EAAKI,WAAaJ,EAAKK,MAAOC,KAAMN,EAAKM,KAAMC,QAAS,IAAO1C,KAAKK,YAAcsB,EAAKgB,QAAS,IAAM3C,KAAK4B,kBAAmBgB,QAAUrC,GAAMsC,EAAqBtC,EAAGP,KAAK4B,gBAAgBkB,KAAK9C,QAAUmC,EAAKK,OAAO,I","ignoreList":[]}

package/www/build/p-71c28d19.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as o,h as e,H as s}from"./p-Cam6wBSi.js";const r=":host{--z-table--cells-bottom-border-size:var(\n --border-size-medium\n );--z-table--cells-background:var(\n --color-background\n );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}";const a=class{constructor(e){o(this,e);this.sticky=false}render(){return e(s,{key:"8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac",role:"rowgroup"},e("slot",{key:"2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3"}))}};a.style=r;export{a as z_thead};
2	+ //# sourceMappingURL=p-71c28d19.entry.js.map

package/www/build/p-71c28d19.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZThead","constructor","hostRef","this","sticky","render","h","Host","key","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/index.js"],"sourcesContent":[":host {\n --z-table--cells-bottom-border-size: var(\n --border-size-medium\n ); /* Needed to handle the border of the expand button cell */\n\n --z-table--cells-background: var(\n --color-background\n ); /* Needed to handle the background-color of the expand button cell */\n\n display: block;\n box-sizing: border-box;\n}\n\n:host([sticky]) {\n position: sticky;\n z-index: 2;\n top: 0;\n box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\nexport class ZThead {\n constructor() {\n this.sticky = false;\n }\n render() {\n return (h(Host, { key: '8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac', role: \"rowgroup\" }, h(\"slot\", { key: '2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3' })));\n }\n static get is() { return \"z-thead\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"sticky\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If true, the header will be stuck to the top of the table.\"\n },\n \"attribute\": \"sticky\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,sR,MCKLC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,OAAS,KACjB,CACD,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,YAAcH,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/www/build/p-752d72d8.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{h as t,F as e,r as i,c as a,H as n,g as s}from"./p-Cam6wBSi.js";import{K as o,C as r,B as l,T as h,O as c}from"./p-B2-dCTD2.js";import{B as d}from"./p-Q-tWjk7P.js";import{c as u}from"./p-C46tSaXG.js";const f=':host{position:relative;display:block;box-shadow:var(--shadow-2)}:host,{box-sizing:border-box}.heading-panel{--title-line-height:1.333;--title-font-size:var(--font-size-6);position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width, 100%);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:calc(var(--space-unit) 2);margin:0 auto;background:var(--app-header-bg, var(--color-surface01))}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-panel.has-menubar{padding-bottom:0}.heading-panel .heading-container{flex-direction:column-reverse}:host([enable-search]) .heading-panel .heading-container{flex-direction:column}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:row}.heading-title{display:flex;width:100%;flex-direction:row;align-items:flex-start}.heading-title:not(:last-child){margin-right:var(--space-unit)}.z-logo,.search-page-button{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}.z-logo img{height:24px;margin:0 var(--space-unit) 0 0;content:url(\'data:image/svg+xml,<svg width="61" height="32" viewBox="0 0 61 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9874 32C7.1595 32 0 24.8349 0 16C0 7.16513 7.1595 0 15.9874 0H45.0126C53.8405 0 61 7.16513 61 16C61 24.8349 53.8405 32 45.0126 32H15.9874Z" fill="%23E2011A"/><path d="M58.5435 15.9992C58.5435 23.4743 52.4892 29.5403 45.0129 29.5403C37.5367 29.5403 31.4824 23.4813 31.4824 15.9992C31.4824 8.51701 37.5367 2.45801 45.0129 2.45801C52.4892 2.45801 58.5435 8.51701 58.5435 15.9992Z" fill="white"/><path d="M40.7107 8.01862H49.8976V11.3158L44.139 21.7077H50.0384V24.6457H39.9785V21.4048L45.7371 10.9636H40.7107V8.01862Z" fill="%23E2011A"/><path d="M12.2914 24.6449C10.982 24.6449 10.271 23.8136 10.271 22.6722V7.04565H12.1718V22.9822H13.981V24.6449H12.2914Z" fill="white"/><path d="M25.6461 24.6448C24.2452 24.6448 23.675 23.7853 23.5342 22.6439H23.4145C22.8935 24.1446 21.5841 24.9266 19.8735 24.9266C17.2828 24.9266 15.7622 23.4964 15.7622 21.2137C15.7622 18.931 17.4236 17.6206 20.9928 17.6206H23.4145V16.4088C23.4145 14.6756 22.4641 13.7245 20.5141 13.7245C19.0428 13.7245 18.0642 14.4361 17.4025 15.5563L16.262 14.4854C16.9308 13.175 18.4021 12.0829 20.6126 12.0829C23.5623 12.0829 25.3152 13.6259 25.3152 16.2186V22.9751H26.7162V24.6378H25.6461V24.6448ZM23.4145 21.0799V19.0578H20.8942C18.733 19.0578 17.7545 19.7272 17.7545 20.9108V21.411C17.7545 22.6228 18.7049 23.3132 20.1762 23.3132C22.0558 23.3132 23.4074 22.341 23.4074 21.0799H23.4145Z" fill="white"/></svg>\')}.product-logo{display:none}.product-logo ::slotted([slot="product-logo"]){width:32px;height:32px;margin-right:var(--space-unit)}.product-logo ::slotted([slot="product-logo"]) img{width:100%;height:100%;object-fit:cover}::slotted([slot="title"]),::slotted([slot="stucked-title"]),.stucked-title{margin:0;color:var(--app-header-text-color, var(--color-default-text));font-family:var(--font-family-serif);font-weight:var(--font-sb)}::slotted([slot="title"]){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--title-font-size);-webkit-line-clamp:2;line-clamp:2;line-height:var(--title-line-height);text-overflow:ellipsis}::slotted(a:is([slot="title"],[slot="stucked-title"])){text-decoration:none}:host([enable-search]) ::slotted([slot="title"])+{margin-left:calc(var(--space-unit) 2)}:host([enable-offcanvas]:not([menu-length="0"])) .top-subtitle{padding-left:calc(var(--space-unit) * 4 + var(--space-unit))}::slotted([slot="top-subtitle"]){display:-webkit-box;overflow:hidden;max-width:80%;margin:0;-webkit-box-orient:vertical;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-style:italic;font-weight:var(--font-rg);-webkit-line-clamp:2;line-clamp:2}.search-page-button{margin-left:auto}.menu-container{display:flex;flex:1 auto;column-gap:calc(var(--space-unit) * 4)}.menu-container:focus:focus-visible{outline:none}:host([menu-length="0"]) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted([slot="menu"]:not(:last-child))::after{position:absolute;top:calc(1.5em / 2);right:calc(var(--space-unit) * -2);width:var(--border-size-small);height:1em;background-color:var(--color-default-icon);content:"";font-size:var(--font-size-3);transform:translateY(-50%)}z-searchbar{z-index:0;display:flex;width:100%;align-items:center}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset, 48px);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg, var(--color-surface01));box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color, var(--color-default-text))}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width, 100%);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto}.heading-stuck .heading-title{--title-font-size:var(--font-size-5);--title-line-height:1.4;overflow:hidden;align-items:center}.heading-stuck .stucked-title{overflow:hidden;font-size:var(--title-font-size);line-height:var(--title-line-height);text-overflow:ellipsis;white-space:nowrap}.drawer-trigger{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center;padding:0;border:0;margin-right:var(--space-unit);appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer;outline:none}.drawer-trigger:focus:focus-visible z-icon{box-shadow:var(--shadow-focus-primary)}.drawer-trigger z-icon{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.drawer-content{display:none}z-offcanvas{--z-offcanvas--top-space:var(--app-header-top-offset)}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;cursor:pointer;outline:none}.drawer-close z-icon{fill:var(--color-default-icon)}.drawer-close:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}@media (max-width: 767px){:host([enable-search]) .heading-panel .heading-container{row-gap:calc(var(--space-unit) * 1.5)}}@media (min-width: 768px){.heading-panel{--title-font-size:var(--font-size-9);padding:calc(var(--space-unit) * 1.5) var(--grid-margin) calc(var(--space-unit) * 1.25)}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:column}.heading-panel .heading-container{flex-direction:column;margin-right:auto}.z-logo img{height:32px}.product-logo{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}z-searchbar{width:30%;height:calc(var(--title-font-size) * var(--title-line-height));margin-left:auto}.menu-container{flex:initial}.menu-container>[role="menubar"]{display:contents}:host(:not([enable-offcanvas])) .menu-container{margin-top:calc((var(--space-unit) * 1.75))}:host(:not([enable-offcanvas])) .heading-container .drawer-trigger{display:none}.heading-stuck .heading-title{--title-font-size:var(--font-size-8);--title-line-height:1.5}.heading-stuck-content{padding:6px var(--grid-margin)}:host(:not([enable-offcanvas],[menu-length="0"])){padding-left:0}}@media (min-width: 1152px){z-searchbar{min-width:calc(var(--space-unit) * 45)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const g=typeof IntersectionObserver!=="undefined";const p=class{onStuck(){const t=this.scrollParent;if(!t){return}this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0){return}this.menuElements.forEach((t=>{t.open=false;t.verticalContext=this.drawerOpen}))}onStuckChange(){var t,e;if(!this.container){return}if(this.stuck){(t=this.stuckIntersecObserver)===null\|\|t===void 0?void 0:t.observe(this.container)}else{this._stuck=false;(e=this.stuckIntersecObserver)===null\|\|e===void 0?void 0:e.unobserve(this.container)}}get title(){var t;return(t=this.hostElement.querySelector('[slot="title"]'))===null\|\|t===void 0?void 0:t.textContent.trim()}get scrollParent(){const t=this.hostElement.offsetParent;if(t===document.body\|\|t===document.documentElement){return window}return t}get canShowMenu(){return!this.enableOffcanvas&&this.menuElements.length>0&&!this.isMobile&&!this.drawerOpen}get focusableMenu(){return this.menuElements.find((t=>t.htmlTabindex===0))}openDrawer(){this.drawerOpen=true;this.menuElements.forEach(((t,e)=>t.htmlTabindex=e===0?0:-1));setTimeout((()=>this.menuElements[0].setFocus()),400)}closeDrawer(){this.drawerOpen=false;setTimeout((()=>this.burgerButton.focus()),100)}collectMenuElements(){this.menuElements=Array.from(this.hostElement.querySelectorAll('[slot="menu"]'));this.menuElements.forEach(((t,e)=>t.htmlTabindex=e===0?0:-1));this.menuLength=this.menuElements.length;if(!this.enableOffcanvas){this.menuWidth=this.menuElements.reduce(((t,e)=>t+e.getBoundingClientRect().width),0)+(this.menuLength-1)*32}this.setMenuFloatingMode()}setupMenuResizeObserver(){if(this.enableOffcanvas){return}this.menuResizeObserver=new ResizeObserver((t=>{if(this.isMobile){this.enableOffcanvas=true;return}const e=t[0].contentBoxSize[0].inlineSize;if(this.menuWidth===0){return}if(this.menuWidth>e&&!this.enableOffcanvas){this.enableOffcanvas=true}else if(this.menuWidth<=e&&this.enableOffcanvas){this.enableOffcanvas=false}}));this.menuResizeObserver.observe(this.container)}hasSlot(t){return this.hostElement.querySelector(`[slot="${t}"]`)!==null}moveFocus(t,e){t.htmlTabindex=-1;e.setFocus()}onOffcanvasKeydown(t){var e,i;if(t.key!==o.TAB\|\|!this.drawerOpen){return}const a=t.target.closest("z-menu");if(a){t.preventDefault();t.stopPropagation();a.htmlTabindex=0;this.closeDrawerButton.focus()}else if(t.target===this.closeDrawerButton){t.preventDefault();t.stopPropagation();if(t.shiftKey){((e=this.menuElements.filter((t=>t.open)).pop())!==null&&e!==void 0?e:this.menuElements[this.menuLength-1]).setFocus()}else{((i=this.menuElements.find((t=>t.open)))!==null&&i!==void 0?i:this.menuElements[0]).setFocus()}}}manageMenus(t){const e=this.menuElements.find((e=>u(e,t.target)));if(e){this.menuElements.forEach((t=>{if(t===e){return}t.htmlTabindex=-1;if(!this.drawerOpen){t.open=false}}))}else if(!this.drawerOpen){this.menuElements.forEach((t=>{t.open=false}))}}handleKeydown(t){var e,i;if(t.key===o.ESC&&this.drawerOpen){this.closeDrawer();return}if(!this.menuElements.some((e=>e.contains(t.target)))){return}const a=this.focusableMenu;const n=this.menuElements.indexOf(a);let s;if(t.key===o.ARROW_RIGHT&&!a.verticalContext\|\|t.key===o.ARROW_DOWN&&a.verticalContext){s=(e=this.menuElements[n+1])!==null&&e!==void 0?e:this.menuElements[0]}else if(t.key===o.ARROW_LEFT&&!a.verticalContext\|\|t.key===o.ARROW_UP&&a.verticalContext){s=(i=this.menuElements[n-1])!==null&&i!==void 0?i:this.menuElements[this.menuLength-1]}if(!s){return}if(t.key===o.ARROW_UP&&a.verticalContext){if(s.open){a.htmlTabindex=-1;s.focusLastItem();return}}this.moveFocus(a,s)}renderSeachbar(){if(this.isMobile&&!this.searchPageUrl&&this._stuck){return}if(this.searchPageUrl&&(this.isMobile\|\|this.isTablet)){return t("z-button",{class:"search-page-button",variant:l.SECONDARY,href:this.searchPageUrl,icon:"search",size:r.X_SMALL})}return t("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:true,searchButtonIconOnly:this.isMobile\|\|this.isTablet,size:r.X_SMALL,variant:l.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:t=>this.searchString=t.detail})}renderProductLogos(){return t(e,null,this.enableZLogo&&t("span",{class:"z-logo"},t("img",{alt:"Logo Zanichelli"})),this.hostElement.querySelector("[slot='product-logo']")&&t("span",{class:"product-logo"},t("slot",{name:"product-logo"})))}renderMenuButton(){return this.menuLength>0&&(this.enableOffcanvas\|\|this._stuck\|\|this.isMobile)&&t("button",{ref:t=>this.burgerButton=t,class:"drawer-trigger","aria-label":"Apri menu","aria-haspopup":"menu","aria-expanded":`${this.drawerOpen}`,"aria-controls":"offcanvas-menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"}))}renderOffcanvas(){return t("z-offcanvas",{id:"offcanvas-menu",variant:c.OVERLAY,transitiondirection:h.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:t=>this.drawerOpen=t.detail,onKeyDown:this.onOffcanvasKeydown},t("div",{slot:"canvasContent"},t("button",{ref:t=>this.closeDrawerButton=t,class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,"aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},t("z-icon",{name:"close"})),t("div",{class:"drawer-content","aria-hidden":`${!this.drawerOpen}`},t("slot",{name:"menu",onSlotchange:this.collectMenuElements}))))}renderStuck(){return t("div",{class:"heading-stuck"},t("div",{class:"heading-stuck-content"},this.renderMenuButton(),t("div",{class:"heading-title"},this.renderProductLogos(),t("div",{class:"stucked-title"},t("slot",{name:"stucked-title"},this.title))),this.enableSearch&&this.renderSeachbar()))}constructor(t){i(this,t);this.sticking=a(this,"sticking",7);this.menuElements=[];this.stuckIntersecObserver=g?new IntersectionObserver((([t])=>{this._stuck=!t.isIntersecting}),{threshold:.5}):undefined;this.stuck=false;this.enableOffcanvas=false;this.enableSearch=false;this.searchPlaceholder="Cerca";this.searchString="";this.searchPageUrl=undefined;this.enableZLogo=true;this.drawerOpen=false;this._stuck=false;this.menuLength=undefined;this.isMobile=true;this.isTablet=false;this.openDrawer=this.openDrawer.bind(this);this.closeDrawer=this.closeDrawer.bind(this);this.collectMenuElements=this.collectMenuElements.bind(this);this.onOffcanvasKeydown=this.onOffcanvasKeydown.bind(this)}componentWillLoad(){this.collectMenuElements();const t=window.matchMedia(`(max-width: ${d.MOBILE}px)`);this.isMobile=t.matches;t.addEventListener("change",(t=>this.isMobile=t.matches));const e=window.matchMedia(`(min-width: ${d.MOBILE+1}px) and (max-width: ${d.TABLET}px)`);this.isTablet=e.matches;e.addEventListener("change",(t=>this.isTablet=t.matches))}componentDidLoad(){this.onStuckChange();this.setupMenuResizeObserver()}disconnectedCallback(){var t;(t=this.menuResizeObserver)===null\|\|t===void 0?void 0:t.disconnect()}render(){const e=this.hasSlot("top-subtitle");return t(n,{key:"607b7e24e9f285a68b2b060594d7f05e1858d5cb","menu-length":this.menuLength},t("div",{key:"de8f54eeebf6566e213aa26f938de37837a4eaee",class:{"heading-panel":true,"has-menubar":this.menuLength>0&&!this.enableOffcanvas},ref:t=>this.container=t},t("div",{key:"f11b563767f199727353f296321d0668f8444465",class:"heading-container"},(!this.enableSearch&&this.isMobile\|\|!this.isMobile)&&t("div",{key:"19345fabd859f0d6bad18ee1cdb1c03d959f888a",class:"top-subtitle"},t("slot",{key:"47a905ab7dc9c88c99d296bc57021bb15ce5ca12",name:"top-subtitle"})),t("div",{key:"c2143a9324af347082cdd40584622818f631cea3",class:"heading-title"},this.renderMenuButton(),!e&&!this._stuck&&this.renderProductLogos(),t("slot",{key:"90ebc7860504f24edf3b4380d716eedf4674ccab",name:"title"}),this.enableSearch&&!this.isMobile&&this.renderSeachbar()),this.enableSearch&&this.isMobile&&this.renderSeachbar()),t("nav",{key:"43fb23d049539010c329b0b4c03df3651ad0962b",class:"menu-container","aria-label":this.title\|\|undefined},this.canShowMenu&&t("div",{key:"e08c4cd11e0fb472ae66ed70c7129977175eaa1c",role:"menubar","aria-label":this.title\|\|undefined},t("slot",{key:"5daa80b2f4cd1274f2cf564d29677a2c426a4359",name:"menu",onSlotchange:this.collectMenuElements})))),this.renderOffcanvas(),this._stuck&&this.renderStuck())}get hostElement(){return s(this)}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckChange"]}}};p.style=f;export{p as z_app_header};
2	+ //# sourceMappingURL=p-752d72d8.entry.js.map

package/www/build/p-752d72d8.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","SUPPORT_INTERSECTION_OBSERVER","IntersectionObserver","ZAppHeader","onStuck","scrollParent","this","sticking","emit","_stuck","setMenuFloatingMode","menuElements","length","forEach","element","open","verticalContext","drawerOpen","onStuckChange","_a","_b","container","stuck","stuckIntersecObserver","observe","unobserve","title","hostElement","querySelector","textContent","trim","parent","offsetParent","document","body","documentElement","window","canShowMenu","enableOffcanvas","isMobile","focusableMenu","find","el","htmlTabindex","openDrawer","index","setTimeout","setFocus","closeDrawer","burgerButton","focus","collectMenuElements","Array","from","querySelectorAll","menuLength","menuWidth","reduce","acc","getBoundingClientRect","width","setupMenuResizeObserver","menuResizeObserver","ResizeObserver","entries","containerWidth","contentBoxSize","inlineSize","hasSlot","slotName","moveFocus","current","receiver","onOffcanvasKeydown","ev","key","KeyboardCode","TAB","closestMenu","target","closest","preventDefault","stopPropagation","closeDrawerButton","shiftKey","filter","menu","pop","manageMenus","targetMenu","containsElement","handleKeydown","ESC","some","elem","contains","currentIndex","indexOf","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ARROW_UP","focusLastItem","renderSeachbar","searchPageUrl","isTablet","h","class","variant","ButtonVariant","SECONDARY","href","icon","size","ControlSize","X_SMALL","value","searchString","placeholder","searchPlaceholder","showSearchButton","searchButtonIconOnly","preventSubmit","onSearchTyping","e","detail","renderProductLogos","Fragment","enableZLogo","alt","name","renderMenuButton","ref","onClick","renderOffcanvas","id","OffCanvasVariant","OVERLAY","transitiondirection","TransitionDirection","RIGHT","onCanvasOpenStatusChanged","onKeyDown","slot","disabled","onSlotchange","renderStuck","enableSearch","constructor","hostRef","entry","isIntersecting","threshold","undefined","bind","componentWillLoad","mobileMediaQuery","matchMedia","Breakpoints","MOBILE","matches","addEventListener","tabletMediaQuery","TABLET","componentDidLoad","disconnectedCallback","disconnect","render","hasTopSubtitle","Host","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-app-header/styles.css?tag=z-app-header&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-app-header/index.js"],"sourcesContent":[":host {\n --app-header-content-max-width: ;\n\n /* Variable to set stuck header and drawer's top offset.\n Useful when something is absolutely positioned above the header. */\n --app-header-top-offset: ;\n\n /* Variable to customize header background color. */\n --app-header-bg: ;\n\n /* Variable to customize text and icon color. */\n --app-header-text-color: ;\n\n /* Variable to customize stuck header background color. */\n --app-header-stucked-bg: ;\n\n /* Variable to customize stuck header's text and icon color. */\n --app-header-stucked-text-color: ;\n\n position: relative;\n display: block;\n box-shadow: var(--shadow-2);\n}\n\n:host,\n* {\n box-sizing: border-box;\n}\n\n.heading-panel {\n /* Title's line height. */\n --title-line-height: 1.333;\n --title-font-size: var(--font-size-6);\n\n position: relative;\n display: flex;\n width: 100%;\n max-width: var(--app-header-content-max-width, 100%);\n flex-direction: column;\n flex-grow: 0;\n flex-shrink: 0;\n align-items: baseline;\n padding: calc(var(--space-unit) * 2);\n margin: 0 auto;\n background: var(--app-header-bg, var(--color-surface01));\n}\n\n:host(:empty) .heading-panel {\n padding: 0;\n}\n\n.heading-container {\n position: relative;\n z-index: 1;\n display: flex;\n width: 100%;\n max-width: 100%;\n flex: 1 auto;\n flex-direction: column;\n justify-content: flex-start;\n}\n\n.heading-panel.has-menubar {\n padding-bottom: 0;\n}\n\n.heading-panel .heading-container {\n flex-direction: column-reverse;\n}\n\n:host([enable-search]) .heading-panel .heading-container {\n flex-direction: column;\n}\n\n:host([enable-search][search-page-url]) .heading-panel .heading-container {\n flex-direction: row;\n}\n\n.heading-title {\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: flex-start;\n}\n\n.heading-title:not(:last-child) {\n margin-right: var(--space-unit);\n}\n\n.z-logo,\n.search-page-button {\n display: flex;\n height: calc(var(--title-font-size) * var(--title-line-height));\n align-items: center;\n}\n\n.z-logo img {\n height: 24px;\n margin: 0 var(--space-unit) 0 0;\n content: url('data:image/svg+xml,<svg width=\"61\" height=\"32\" viewBox=\"0 0 61 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.9874 32C7.1595 32 0 24.8349 0 16C0 7.16513 7.1595 0 15.9874 0H45.0126C53.8405 0 61 7.16513 61 16C61 24.8349 53.8405 32 45.0126 32H15.9874Z\" fill=\"%23E2011A\"/><path d=\"M58.5435 15.9992C58.5435 23.4743 52.4892 29.5403 45.0129 29.5403C37.5367 29.5403 31.4824 23.4813 31.4824 15.9992C31.4824 8.51701 37.5367 2.45801 45.0129 2.45801C52.4892 2.45801 58.5435 8.51701 58.5435 15.9992Z\" fill=\"white\"/><path d=\"M40.7107 8.01862H49.8976V11.3158L44.139 21.7077H50.0384V24.6457H39.9785V21.4048L45.7371 10.9636H40.7107V8.01862Z\" fill=\"%23E2011A\"/><path d=\"M12.2914 24.6449C10.982 24.6449 10.271 23.8136 10.271 22.6722V7.04565H12.1718V22.9822H13.981V24.6449H12.2914Z\" fill=\"white\"/><path d=\"M25.6461 24.6448C24.2452 24.6448 23.675 23.7853 23.5342 22.6439H23.4145C22.8935 24.1446 21.5841 24.9266 19.8735 24.9266C17.2828 24.9266 15.7622 23.4964 15.7622 21.2137C15.7622 18.931 17.4236 17.6206 20.9928 17.6206H23.4145V16.4088C23.4145 14.6756 22.4641 13.7245 20.5141 13.7245C19.0428 13.7245 18.0642 14.4361 17.4025 15.5563L16.262 14.4854C16.9308 13.175 18.4021 12.0829 20.6126 12.0829C23.5623 12.0829 25.3152 13.6259 25.3152 16.2186V22.9751H26.7162V24.6378H25.6461V24.6448ZM23.4145 21.0799V19.0578H20.8942C18.733 19.0578 17.7545 19.7272 17.7545 20.9108V21.411C17.7545 22.6228 18.7049 23.3132 20.1762 23.3132C22.0558 23.3132 23.4074 22.341 23.4074 21.0799H23.4145Z\" fill=\"white\"/></svg>');\n}\n\n.product-logo {\n display: none;\n}\n\n.product-logo ::slotted([slot=\"product-logo\"]) {\n width: 32px;\n height: 32px;\n margin-right: var(--space-unit);\n}\n\n.product-logo ::slotted([slot=\"product-logo\"]) img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n::slotted([slot=\"title\"]),\n::slotted([slot=\"stucked-title\"]),\n.stucked-title {\n margin: 0;\n color: var(--app-header-text-color, var(--color-default-text));\n font-family: var(--font-family-serif);\n font-weight: var(--font-sb);\n}\n\n::slotted([slot=\"title\"]) {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n font-size: var(--title-font-size);\n -webkit-line-clamp: 2;\n line-clamp: 2;\n line-height: var(--title-line-height);\n text-overflow: ellipsis;\n}\n\n::slotted(a:is([slot=\"title\"], [slot=\"stucked-title\"])) {\n text-decoration: none;\n}\n\n:host([enable-search]) ::slotted([slot=\"title\"]) + * {\n margin-left: calc(var(--space-unit) * 2);\n}\n\n:host([enable-offcanvas]:not([menu-length=\"0\"])) .top-subtitle {\n padding-left: calc(var(--space-unit) * 4 + var(--space-unit));\n}\n\n::slotted([slot=\"top-subtitle\"]) {\n display: -webkit-box;\n overflow: hidden;\n max-width: 80%;\n margin: 0;\n -webkit-box-orient: vertical;\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-2);\n font-style: italic;\n font-weight: var(--font-rg);\n -webkit-line-clamp: 2;\n line-clamp: 2;\n}\n\n.search-page-button {\n margin-left: auto;\n}\n\n.menu-container {\n display: flex;\n flex: 1 auto;\n column-gap: calc(var(--space-unit) * 4);\n}\n\n.menu-container:focus:focus-visible {\n outline: none;\n}\n\n:host([menu-length=\"0\"]) .menu-container,\n.menu-container:empty {\n display: none;\n}\n\n.menu-container ::slotted([open]) {\n position: relative;\n z-index: 3;\n}\n\n.menu-container ::slotted([slot=\"menu\"]:not(:last-child))::after {\n position: absolute;\n top: calc(1.5em / 2); /* half the line-height of the label */\n right: calc(var(--space-unit) * -2);\n width: var(--border-size-small);\n height: 1em;\n background-color: var(--color-default-icon);\n content: \"\";\n font-size: var(--font-size-3);\n transform: translateY(-50%);\n}\n\nz-searchbar {\n z-index: 0;\n display: flex;\n width: 100%;\n align-items: center;\n}\n\n.heading-stuck {\n position: fixed;\n z-index: 20;\n top: var(--app-header-top-offset, 48px);\n left: 0;\n width: 100%;\n max-width: 100%;\n animation: slide-stuck-heading-in 250ms ease-out;\n background: var(--app-header-stucked-bg, var(--color-surface01));\n box-shadow: var(--shadow-2);\n color: var(--app-header-stucked-text-color, var(--color-default-text));\n}\n\n.heading-stuck-content {\n display: flex;\n max-width: var(--app-header-content-max-width, 100%);\n align-items: center;\n padding: var(--space-unit) var(--grid-margin);\n margin: 0 auto;\n}\n\n.heading-stuck .heading-title {\n --title-font-size: var(--font-size-5);\n --title-line-height: 1.4;\n\n overflow: hidden;\n align-items: center;\n}\n\n.heading-stuck .stucked-title {\n overflow: hidden;\n font-size: var(--title-font-size);\n line-height: var(--title-line-height);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.drawer-trigger {\n display: flex;\n height: calc(var(--title-font-size) * var(--title-line-height));\n align-items: center;\n padding: 0;\n border: 0;\n margin-right: var(--space-unit);\n appearance: none;\n background: none;\n border-radius: 0;\n color: inherit;\n cursor: pointer;\n outline: none;\n}\n\n.drawer-trigger:focus:focus-visible z-icon {\n box-shadow: var(--shadow-focus-primary);\n}\n\n.drawer-trigger z-icon {\n --z-icon-width: calc(var(--space-unit) * 4);\n --z-icon-height: calc(var(--space-unit) * 4);\n\n fill: var(--color-default-icon);\n}\n\n.drawer-content {\n display: none;\n}\n\nz-offcanvas {\n --z-offcanvas--top-space: var(--app-header-top-offset);\n}\n\nz-offcanvas[open] .drawer-content {\n display: flex;\n width: 100%;\n flex: 1 auto;\n flex-direction: column;\n}\n\nz-offcanvas[open] .drawer-content ::slotted(z-menu) {\n width: 100%;\n}\n\n.drawer-close {\n --z-icon-width: calc(var(--space-unit) * 4);\n --z-icon-height: calc(var(--space-unit) * 4);\n\n padding: 0;\n border: 0;\n margin: var(--space-unit) 0 calc(var(--space-unit) * 2.5);\n appearance: none;\n background: transparent;\n border-radius: 0;\n cursor: pointer;\n outline: none;\n}\n\n.drawer-close z-icon {\n fill: var(--color-default-icon);\n}\n\n.drawer-close:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n}\n\n@media (max-width: 767px) {\n :host([enable-search]) .heading-panel .heading-container {\n row-gap: calc(var(--space-unit) * 1.5);\n }\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n .heading-panel {\n --title-font-size: var(--font-size-9);\n\n padding: calc(var(--space-unit) * 1.5) var(--grid-margin) calc(var(--space-unit) * 1.25);\n }\n\n :host([enable-search][search-page-url]) .heading-panel .heading-container {\n flex-direction: column;\n }\n\n .heading-panel .heading-container {\n flex-direction: column;\n margin-right: auto;\n }\n\n .z-logo img {\n height: 32px;\n }\n\n .product-logo {\n display: flex;\n height: calc(var(--title-font-size) * var(--title-line-height));\n align-items: center;\n }\n\n z-searchbar {\n width: 30%;\n height: calc(var(--title-font-size) * var(--title-line-height));\n margin-left: auto;\n }\n\n .menu-container {\n flex: initial;\n }\n\n .menu-container > [role=\"menubar\"] {\n display: contents;\n }\n\n :host(:not([enable-offcanvas])) .menu-container {\n margin-top: calc((var(--space-unit) * 1.75));\n }\n\n :host(:not([enable-offcanvas])) .heading-container .drawer-trigger {\n display: none;\n }\n\n .heading-stuck .heading-title {\n --title-font-size: var(--font-size-8);\n --title-line-height: 1.5;\n }\n\n .heading-stuck-content {\n padding: 6px var(--grid-margin);\n }\n\n :host(:not([enable-offcanvas], [menu-length=\"0\"])) {\n padding-left: 0;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n z-searchbar {\n min-width: calc(var(--space-unit) * 45);\n }\n}\n\n@keyframes slide-stuck-heading-in {\n 0% {\n transform: translate3d(0, -100%, 0);\n }\n\n 100% {\n transform: none;\n }\n}\n","import { Fragment, Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, KeyboardCode, OffCanvasVariant, TransitionDirection } from \"../../beans\";\nimport { Breakpoints } from \"../../constants/breakpoints\";\nimport { containsElement } from \"../../utils/utils\";\nconst SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== \"undefined\";\n/**\n * @slot title - Slot for the main title\n * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.\n * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.\n * @slot product-logo - To insert the product logo, it should be used with an img tag.\n * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.\n * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).\n * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-text-color - Header text color. Defaults to `--color-default-text`.\n * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-default-text`.\n */\nexport class ZAppHeader {\n onStuck() {\n const scrollParent = this.scrollParent;\n if (!scrollParent) {\n return;\n }\n this.sticking.emit(this._stuck);\n }\n setMenuFloatingMode() {\n if (this.menuElements.length === 0) {\n return;\n }\n this.menuElements.forEach((element) => {\n element.open = false;\n element.verticalContext = this.drawerOpen;\n });\n }\n onStuckChange() {\n var _a, _b;\n if (!this.container) {\n return;\n }\n if (this.stuck) {\n (_a = this.stuckIntersecObserver) === null || _a === void 0 ? void 0 : _a.observe(this.container);\n }\n else {\n this._stuck = false;\n (_b = this.stuckIntersecObserver) === null || _b === void 0 ? void 0 : _b.unobserve(this.container);\n }\n }\n get title() {\n var _a;\n return (_a = this.hostElement.querySelector('[slot=\"title\"]')) === null || _a === void 0 ? void 0 : _a.textContent.trim();\n }\n get scrollParent() {\n const parent = this.hostElement.offsetParent;\n if (parent === document.body || parent === document.documentElement) {\n return window;\n }\n return parent;\n }\n get canShowMenu() {\n return !this.enableOffcanvas && this.menuElements.length > 0 && !this.isMobile && !this.drawerOpen;\n }\n get focusableMenu() {\n return this.menuElements.find((el) => el.htmlTabindex === 0);\n }\n openDrawer() {\n this.drawerOpen = true;\n this.menuElements.forEach((element, index) => (element.htmlTabindex = index === 0 ? 0 : -1));\n setTimeout(() => this.menuElements[0].setFocus(), 400); /* wait for the 400ms offcanvas transition */\n }\n closeDrawer() {\n this.drawerOpen = false;\n setTimeout(() => this.burgerButton.focus(), 100);\n }\n collectMenuElements() {\n this.menuElements = Array.from(this.hostElement.querySelectorAll('[slot=\"menu\"]'));\n this.menuElements.forEach((element, index) => (element.htmlTabindex = index === 0 ? 0 : -1));\n this.menuLength = this.menuElements.length;\n if (!this.enableOffcanvas) {\n this.menuWidth =\n this.menuElements.reduce((acc, el) => acc + el.getBoundingClientRect().width, 0) +\n (this.menuLength - 1) * 32 /* 32px is the gap between each menu item */;\n }\n this.setMenuFloatingMode();\n }\n /** Automatically use offcanvas mode when the menubar doesn't fit in the header. */\n setupMenuResizeObserver() {\n if (this.enableOffcanvas) {\n return;\n }\n this.menuResizeObserver = new ResizeObserver((entries) => {\n if (this.isMobile) {\n this.enableOffcanvas = true;\n return;\n }\n const containerWidth = entries[0].contentBoxSize[0].inlineSize;\n if (this.menuWidth === 0) {\n return;\n }\n if (this.menuWidth > containerWidth && !this.enableOffcanvas) {\n this.enableOffcanvas = true;\n }\n else if (this.menuWidth <= containerWidth && this.enableOffcanvas) {\n this.enableOffcanvas = false;\n }\n });\n this.menuResizeObserver.observe(this.container);\n }\n hasSlot(slotName) {\n return this.hostElement.querySelector(`[slot=\"${slotName}\"]`) !== null;\n }\n moveFocus(current, receiver) {\n current.htmlTabindex = -1;\n receiver.setFocus();\n }\n onOffcanvasKeydown(ev) {\n var _a, _b;\n if (ev.key !== KeyboardCode.TAB || !this.drawerOpen) {\n return;\n }\n const closestMenu = ev.target.closest(\"z-menu\");\n if (closestMenu) {\n ev.preventDefault();\n ev.stopPropagation();\n // restore tabindex to the zmenu containing the focused element\n closestMenu.htmlTabindex = 0;\n this.closeDrawerButton.focus();\n }\n else if (ev.target === this.closeDrawerButton) {\n ev.preventDefault();\n ev.stopPropagation();\n if (ev.shiftKey) {\n // give focus to the last open menu if any or the last menu otherwhise\n ((_a = this.menuElements.filter((menu) => menu.open).pop()) !== null && _a !== void 0 ? _a : this.menuElements[this.menuLength - 1]).setFocus();\n }\n else {\n // give focus to the first open menu if any or the first menu otherwhise\n ((_b = this.menuElements.find((menu) => menu.open)) !== null && _b !== void 0 ? _b : this.menuElements[0]).setFocus();\n }\n }\n }\n /** Close each menu except the one receiving focus/click, if any */\n manageMenus(ev) {\n const targetMenu = this.menuElements.find((menu) => containsElement(menu, ev.target));\n if (targetMenu) {\n this.menuElements.forEach((menu) => {\n if (menu === targetMenu) {\n return;\n }\n menu.htmlTabindex = -1;\n if (!this.drawerOpen) {\n menu.open = false;\n }\n });\n }\n else if (!this.drawerOpen) {\n this.menuElements.forEach((menu) => {\n menu.open = false;\n });\n }\n }\n handleKeydown(ev) {\n var _a, _b;\n if (ev.key === KeyboardCode.ESC && this.drawerOpen) {\n this.closeDrawer();\n return;\n }\n if (!this.menuElements.some((elem) => elem.contains(ev.target))) {\n return;\n }\n const current = this.focusableMenu;\n const currentIndex = this.menuElements.indexOf(current);\n let receiver;\n if ((ev.key === KeyboardCode.ARROW_RIGHT && !current.verticalContext) ||\n (ev.key === KeyboardCode.ARROW_DOWN && current.verticalContext)) {\n receiver = (_a = this.menuElements[currentIndex + 1]) !== null && _a !== void 0 ? _a : this.menuElements[0];\n }\n else if ((ev.key === KeyboardCode.ARROW_LEFT && !current.verticalContext) ||\n (ev.key === KeyboardCode.ARROW_UP && current.verticalContext)) {\n receiver = (_b = this.menuElements[currentIndex - 1]) !== null && _b !== void 0 ? _b : this.menuElements[this.menuLength - 1];\n }\n if (!receiver) {\n return;\n }\n if (ev.key === KeyboardCode.ARROW_UP && current.verticalContext) {\n if (receiver.open) {\n current.htmlTabindex = -1;\n receiver.focusLastItem();\n return;\n }\n }\n this.moveFocus(current, receiver);\n }\n renderSeachbar() {\n if (this.isMobile && !this.searchPageUrl && this._stuck) {\n return;\n }\n if (this.searchPageUrl && (this.isMobile || this.isTablet)) {\n return (h(\"z-button\", { class: \"search-page-button\", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: \"search\", size: ControlSize.X_SMALL }));\n }\n return (h(\"z-searchbar\", { value: this.searchString, placeholder: this.searchPlaceholder, showSearchButton: true, searchButtonIconOnly: this.isMobile || this.isTablet, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));\n }\n renderProductLogos() {\n return (h(Fragment, null, this.enableZLogo && (h(\"span\", { class: \"z-logo\" }, h(\"img\", { alt: \"Logo Zanichelli\" }))), this.hostElement.querySelector(\"[slot='product-logo']\") && (h(\"span\", { class: \"product-logo\" }, h(\"slot\", { name: \"product-logo\" })))));\n }\n renderMenuButton() {\n return (this.menuLength > 0 &&\n (this.enableOffcanvas || this._stuck || this.isMobile) && (h(\"button\", { ref: (el) => (this.burgerButton = el), class: \"drawer-trigger\", \"aria-label\": \"Apri menu\", \"aria-haspopup\": \"menu\", \"aria-expanded\": `${this.drawerOpen}`, \"aria-controls\": \"offcanvas-menu\", onClick: this.openDrawer }, h(\"z-icon\", { name: \"burger-menu\" }))));\n }\n renderOffcanvas() {\n return (h(\"z-offcanvas\", { id: \"offcanvas-menu\", variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail), onKeyDown: this.onOffcanvasKeydown }, h(\"div\", { slot: \"canvasContent\" }, h(\"button\", { ref: (el) => (this.closeDrawerButton = el), class: \"drawer-close\", \"aria-label\": \"Chiudi menu\", onClick: this.closeDrawer, \"aria-hidden\": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h(\"z-icon\", { name: \"close\" })), h(\"div\", { class: \"drawer-content\", \"aria-hidden\": `${!this.drawerOpen}` }, h(\"slot\", { name: \"menu\", onSlotchange: this.collectMenuElements })))));\n }\n renderStuck() {\n return (h(\"div\", { class: \"heading-stuck\" }, h(\"div\", { class: \"heading-stuck-content\" }, this.renderMenuButton(), h(\"div\", { class: \"heading-title\" }, this.renderProductLogos(), h(\"div\", { class: \"stucked-title\" }, h(\"slot\", { name: \"stucked-title\" }, this.title))), this.enableSearch && this.renderSeachbar())));\n }\n constructor() {\n this.menuElements = [];\n this.stuckIntersecObserver = SUPPORT_INTERSECTION_OBSERVER\n ? new IntersectionObserver(([entry]) => {\n this._stuck = !entry.isIntersecting;\n }, { threshold: 0.5 })\n : undefined;\n this.stuck = false;\n this.enableOffcanvas = false;\n this.enableSearch = false;\n this.searchPlaceholder = \"Cerca\";\n this.searchString = \"\";\n this.searchPageUrl = undefined;\n this.enableZLogo = true;\n this.drawerOpen = false;\n this._stuck = false;\n this.menuLength = undefined;\n this.isMobile = true;\n this.isTablet = false;\n this.openDrawer = this.openDrawer.bind(this);\n this.closeDrawer = this.closeDrawer.bind(this);\n this.collectMenuElements = this.collectMenuElements.bind(this);\n this.onOffcanvasKeydown = this.onOffcanvasKeydown.bind(this);\n }\n componentWillLoad() {\n this.collectMenuElements();\n // mobile and tablet media queries listeners\n const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);\n this.isMobile = mobileMediaQuery.matches;\n mobileMediaQuery.addEventListener(\"change\", (e) => (this.isMobile = e.matches));\n const tabletMediaQuery = window.matchMedia(`(min-width: ${Breakpoints.MOBILE + 1}px) and (max-width: ${Breakpoints.TABLET}px)`);\n this.isTablet = tabletMediaQuery.matches;\n tabletMediaQuery.addEventListener(\"change\", (e) => (this.isTablet = e.matches));\n }\n componentDidLoad() {\n this.onStuckChange();\n this.setupMenuResizeObserver();\n }\n disconnectedCallback() {\n var _a;\n (_a = this.menuResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n render() {\n const hasTopSubtitle = this.hasSlot(\"top-subtitle\");\n return (h(Host, { key: '607b7e24e9f285a68b2b060594d7f05e1858d5cb', \"menu-length\": this.menuLength }, h(\"div\", { key: 'de8f54eeebf6566e213aa26f938de37837a4eaee', class: { \"heading-panel\": true, \"has-menubar\": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h(\"div\", { key: 'f11b563767f199727353f296321d0668f8444465', class: \"heading-container\" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h(\"div\", { key: '19345fabd859f0d6bad18ee1cdb1c03d959f888a', class: \"top-subtitle\" }, h(\"slot\", { key: '47a905ab7dc9c88c99d296bc57021bb15ce5ca12', name: \"top-subtitle\" }))), h(\"div\", { key: 'c2143a9324af347082cdd40584622818f631cea3', class: \"heading-title\" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h(\"slot\", { key: '90ebc7860504f24edf3b4380d716eedf4674ccab', name: \"title\" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h(\"nav\", { key: '43fb23d049539010c329b0b4c03df3651ad0962b', class: \"menu-container\", \"aria-label\": this.title || undefined }, this.canShowMenu && (h(\"div\", { key: 'e08c4cd11e0fb472ae66ed70c7129977175eaa1c', role: \"menubar\", \"aria-label\": this.title || undefined }, h(\"slot\", { key: '5daa80b2f4cd1274f2cf564d29677a2c426a4359', name: \"menu\", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));\n }\n static get is() { return \"z-app-header\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"stuck\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Stuck mode for the header.\\nYou can programmatically set it using an IntersectionObserver.\"\n },\n \"attribute\": \"stuck\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"enableOffcanvas\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When enabled, the menu bar is not displayed and a burger icon appears to open the offcanvas menu. Automatically enabled on mobile and when the menu items overflow the container.\"\n },\n \"attribute\": \"enable-offcanvas\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"enableSearch\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Enable the search bar.\"\n },\n \"attribute\": \"enable-search\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"searchPlaceholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Placeholder text for the search bar.\"\n },\n \"attribute\": \"search-placeholder\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Cerca\\\"\"\n },\n \"searchString\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Search string for the search bar.\"\n },\n \"attribute\": \"search-string\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"searchPageUrl\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Url to the search page.\\nSet this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\\nThe link will also appear on the sticky header.\"\n },\n \"attribute\": \"search-page-url\",\n \"reflect\": false\n },\n \"enableZLogo\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Enable laZ logo.\"\n },\n \"attribute\": \"enable-z-logo\",\n \"reflect\": true,\n \"defaultValue\": \"true\"\n },\n \"drawerOpen\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The opening state of the drawer.\"\n },\n \"attribute\": \"drawer-open\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"_stuck\": {},\n \"menuLength\": {},\n \"isMobile\": {},\n \"isTablet\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"sticking\",\n \"name\": \"sticking\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the `stuck` state of the header changes\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"hostElement\"; }\n static get watchers() {\n return [{\n \"propName\": \"_stuck\",\n \"methodName\": \"onStuck\"\n }, {\n \"propName\": \"drawerOpen\",\n \"methodName\": \"setMenuFloatingMode\"\n }, {\n \"propName\": \"stuck\",\n \"methodName\": \"onStuckChange\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"focusin\",\n \"method\": \"manageMenus\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"click\",\n \"method\": \"manageMenus\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleKeydown\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-7534f34f.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,h as a,H as o}from"./p-Cam6wBSi.js";const s=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n 90deg,\n var(--color-surface02) 0%,\n var(--color-surface03) 95%,\n var(--color-surface02) 100%\n );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';const e=class{constructor(a){r(this,a)}render(){return a(o,{key:"06569bdb14202a00a873fc4d8336448b20115378"})}};e.style=s;export{e as z_ghost_loading};
2	+ //# sourceMappingURL=p-7534f34f.entry.js.map

package/www/build/p-7534f34f.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZGhostLoading","render","h","Host","key"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-ghost-loading/styles.css?tag=z-ghost-loading&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-ghost-loading/index.js"],"sourcesContent":[":host {\n display: inline-block;\n overflow: hidden;\n width: 100%;\n height: 100%;\n background: var(--color-surface02);\n border-radius: var(--border-radius);\n transform: translate3d(0, 0, 0);\n}\n\n:host::after {\n display: block;\n width: 100%;\n height: 100%;\n animation: progress 1.6s ease-in-out infinite;\n background-image: linear-gradient(\n 90deg,\n var(--color-surface02) 0%,\n var(--color-surface03) 95%,\n var(--color-surface02) 100%\n );\n content: \"\";\n filter: blur(6px);\n}\n\n@keyframes progress {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(100%);\n }\n}\n","import { h, Host } from \"@stencil/core\";\nexport class ZGhostLoading {\n render() {\n return h(Host, { key: '06569bdb14202a00a873fc4d8336448b20115378' });\n }\n static get is() { return \"z-ghost-loading\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"6CAAA,MAAMA,EAAY,6gB,MCCLC,EAAa,M,yBACtB,MAAAC,GACI,OAAOC,EAAEC,EAAM,CAAEC,IAAK,4C","ignoreList":[]}

package/www/build/p-7551d826.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as o,h as e,H as s,g as n}from"./p-Cam6wBSi.js";import{P as i,U as a,C as r,B as c}from"./p-B2-dCTD2.js";const h=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}:host([sorted]) .z-th--sort-button::after,.z-th--sort-button:focus:focus-visible::after{box-shadow:var(--shadow-focus-primary)}';const l=class{constructor(e){t(this,e);this.sort=o(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return e(s,{key:"80d84d10038bfd5171b1596db3175c4e915e3c81",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},e("div",{key:"b98f5cbe6c9fa873e39f46ba701c76755a4f9da7",class:"cell--content"},e("slot",{key:"f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7"}),this.showSorting&&e("button",{key:"000518536845b9b1383d2aa90a655000a2d0cc0b",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},e("z-icon",{key:"61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&e("div",{key:"3c2ac483288672ac1c65dc3586fb9b346abe53e9",class:"cell--menu-container"},e("z-button",{key:"6a495a201dc8343267ef8892bc97150c2d4ec4fc",variant:c.TERTIARY,icon:"contextual-menu",size:r.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),e("z-popover",{key:"b97a3477c4f63bccb2445304676ad2127a26d9df",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},e("slot",{key:"d51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24",name:"contextual-menu"})))))}get host(){return n(this)}static get watchers(){return{colspan:["updateColspan"]}}};l.style=h;export{l as z_th};
2	+ //# sourceMappingURL=p-7551d826.entry.js.map

package/www/build/p-7551d826.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZTh","constructor","hostRef","this","colspan","undefined","showMenu","showSorting","sticky","sortDirection","sorted","popoverPosition","PopoverPosition","AUTO","isMenuOpen","ariaSortDirection","SortDirection","ASC","handleSort","DESC","sort","emit","updateColspan","host","style","gridColumn","removeProperty","componentWillLoad","render","h","Host","key","role","sortable","class","type","onClick","bind","name","width","height","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","popoverEl","open","bindTo","onOpenChange","event","detail","position"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-th/index.js"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n max-width: 100%;\n align-items: center;\n padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n background-color: var(--color-surface01);\n gap: calc(var(--space-unit) * 2) var(--space-unit);\n}\n\n:host,\n* {\n box-sizing: border-box;\n}\n\n:host([sticky]) {\n position: sticky;\n z-index: 1;\n top: 0;\n left: 0;\n box-shadow: 8px 0 16px -8px var(--shadow-color-base);\n}\n\n:host([menu-open]) {\n z-index: 2;\n}\n\n.cell--content {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n}\n\n:host([show-menu]) .cell--content {\n column-gap: var(--space-unit);\n}\n\n.cell--menu-container {\n margin-left: auto;\n}\n\n:host(:not([show-menu])) .cell--menu-container {\n opacity: 0;\n pointer-events: none;\n}\n\n:host(:is([show-menu], [menu-open])) .cell--menu-container,\n:host([show-menu]) .cell--menu-container:focus-within {\n z-index: 1;\n opacity: 1;\n pointer-events: all;\n}\n\n:host .cell-popover {\n z-index: 100;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n :host([show-menu=\"hover\"]) .cell--menu-container {\n opacity: 0;\n pointer-events: none;\n }\n\n :host([show-menu=\"hover\"]:hover) .cell--menu-container {\n z-index: 1;\n opacity: 1;\n pointer-events: all;\n }\n}\n\n\n:host {\n z-index: 1;\n padding: 0;\n background-color: var(--color-background);\n font-weight: var(--font-sb);\n}\n\n.cell--content {\n padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n}\n\n:host([show-sorting]) .cell--content {\n column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n outline: none;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n :host([show-sorting=\"hover\"]) .z-th--sort-button {\n opacity: 0;\n pointer-events: none;\n }\n\n :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n :host([show-sorting=\"always\"]) .z-th--sort-button,\n :host([sorted]) .z-th--sort-button {\n opacity: 1;\n pointer-events: all;\n }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n position: absolute;\n top: 6px;\n left: 6px;\n width: calc(100% - 12px);\n height: calc(100% - 10px);\n background-color: transparent;\n content: \"\";\n}\n\n:host([sorted]) .z-th--sort-button::after,\n.z-th--sort-button:focus:focus-visible::after {\n box-shadow: var(--shadow-focus-primary);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, PopoverPosition, SortDirection } from \"../../../../beans\";\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\nexport class ZTh {\n constructor() {\n this.colspan = undefined;\n this.showMenu = null;\n this.showSorting = null;\n this.sticky = false;\n this.sortDirection = undefined;\n this.sorted = false;\n this.popoverPosition = PopoverPosition.AUTO;\n this.isMenuOpen = false;\n }\n /**\n * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n */\n get ariaSortDirection() {\n if (!this.sortDirection) {\n return null;\n }\n return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n }\n /**\n * Handle the click on the sort button.\n * @fires sort\n */\n handleSort() {\n if (!this.sortDirection) {\n this.sorted = false;\n return;\n }\n this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n this.sorted = true;\n this.sort.emit({ sortDirection: this.sortDirection });\n }\n updateColspan() {\n if (this.colspan) {\n this.host.style.gridColumn = `span ${this.colspan}`;\n }\n else {\n this.host.style.removeProperty(\"grid-column\");\n }\n }\n componentWillLoad() {\n this.updateColspan();\n }\n render() {\n return (h(Host, { key: '80d84d10038bfd5171b1596db3175c4e915e3c81', role: \"columnheader\", \"menu-open\": this.isMenuOpen, \"aria-sort\": this.ariaSortDirection, sortable: this.showSorting }, h(\"div\", { key: 'b98f5cbe6c9fa873e39f46ba701c76755a4f9da7', class: \"cell--content\" }, h(\"slot\", { key: 'f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7' }), this.showSorting && (h(\"button\", { key: '000518536845b9b1383d2aa90a655000a2d0cc0b', class: \"z-th--sort-button\", type: \"button\", onClick: this.handleSort.bind(this) }, h(\"z-icon\", { key: '61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d', name: this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\", width: 14, height: 14 }))), this.showMenu && (h(\"div\", { key: '3c2ac483288672ac1c65dc3586fb9b346abe53e9', class: \"cell--menu-container\" }, h(\"z-button\", { key: '6a495a201dc8343267ef8892bc97150c2d4ec4fc', variant: ButtonVariant.TERTIARY, icon: \"contextual-menu\", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h(\"z-popover\", { key: 'b97a3477c4f63bccb2445304676ad2127a26d9df', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h(\"slot\", { key: 'd51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24', name: \"contextual-menu\" })))))));\n }\n static get is() { return \"z-th\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"colspan\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Number of columns that the cell should span.\"\n },\n \"attribute\": \"colspan\",\n \"reflect\": false\n },\n \"showMenu\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"VisibilityCondition\",\n \"resolved\": \"VisibilityCondition.ALWAYS | VisibilityCondition.HOVER\",\n \"references\": {\n \"VisibilityCondition\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans\",\n \"id\": \"src/beans/index.tsx::VisibilityCondition\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Enables the contextual menu.\\nCan be set to \\\"hover\\\" or \\\"always\\\" to show the button only on cell hover or always.\\nSet a nullish value to hide the menu button.\"\n },\n \"attribute\": \"show-menu\",\n \"reflect\": true,\n \"defaultValue\": \"null\"\n },\n \"showSorting\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"VisibilityCondition\",\n \"resolved\": \"VisibilityCondition.ALWAYS | VisibilityCondition.HOVER\",\n \"references\": {\n \"VisibilityCondition\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans\",\n \"id\": \"src/beans/index.tsx::VisibilityCondition\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Enables the sorting button.\\nCan be set to \\\"hover\\\" or \\\"always\\\" to show the button only on cell hover or always.\\nSet a nullish value to hide the sort button.\"\n },\n \"attribute\": \"show-sorting\",\n \"reflect\": true,\n \"defaultValue\": \"null\"\n },\n \"sticky\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Whether the cell should stick.\"\n },\n \"attribute\": \"sticky\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"sortDirection\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"SortDirection\",\n \"resolved\": \"SortDirection.ASC | SortDirection.DESC\",\n \"references\": {\n \"SortDirection\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans\",\n \"id\": \"src/beans/index.tsx::SortDirection\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Current sorting direction.\"\n },\n \"attribute\": \"sort-direction\",\n \"reflect\": false\n },\n \"sorted\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean | null\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sorted state of the column.\"\n },\n \"attribute\": \"sorted\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"popoverPosition\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"PopoverPosition\",\n \"resolved\": \"PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT\",\n \"references\": {\n \"PopoverPosition\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans\",\n \"id\": \"src/beans/index.tsx::PopoverPosition\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set popover position.\"\n },\n \"attribute\": \"popover-position\",\n \"reflect\": false,\n \"defaultValue\": \"PopoverPosition.AUTO\"\n }\n };\n }\n static get states() {\n return {\n \"isMenuOpen\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"sort\",\n \"name\": \"sort\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sort event fired when the user clicks on the sort button.\\nThe sorting logic must be implemented by the app.\\nYou can set an `id` on the `z-th` to easly identify the column in the event listener.\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"colspan\",\n \"methodName\": \"updateColspan\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"yHAAA,MAAMA,EAAY,+rE,MCOLC,EAAG,MACZ,WAAAC,CAAAC,G,qCACIC,KAAKC,QAAUC,UACfF,KAAKG,SAAW,KAChBH,KAAKI,YAAc,KACnBJ,KAAKK,OAAS,MACdL,KAAKM,cAAgBJ,UACrBF,KAAKO,OAAS,MACdP,KAAKQ,gBAAkBC,EAAgBC,KACvCV,KAAKW,WAAa,KACrB,CAID,qBAAIC,GACA,IAAKZ,KAAKM,cAAe,CACrB,OAAO,I,CAEX,OAAON,KAAKM,gBAAkBO,EAAcC,IAAM,YAAc,Y,CAMpE,UAAAC,GACI,IAAKf,KAAKM,cAAe,CACrBN,KAAKO,OAAS,MACd,M,CAEJP,KAAKM,cAAgBN,KAAKM,gBAAkBO,EAAcC,IAAMD,EAAcG,KAAOH,EAAcC,IACnGd,KAAKO,OAAS,KACdP,KAAKiB,KAAKC,KAAK,CAAEZ,cAAeN,KAAKM,e,CAEzC,aAAAa,GACI,GAAInB,KAAKC,QAAS,CACdD,KAAKoB,KAAKC,MAAMC,WAAa,QAAQtB,KAAKC,S,KAEzC,CACDD,KAAKoB,KAAKC,MAAME,eAAe,c,EAGvC,iBAAAC,GACIxB,KAAKmB,e,CAET,MAAAM,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,eAAgB,YAAa7B,KAAKW,WAAY,YAAaX,KAAKY,kBAAmBkB,SAAU9B,KAAKI,aAAesB,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,iBAAmBL,EAAE,OAAQ,CAAEE,IAAK,6CAA+C5B,KAAKI,aAAgBsB,EAAE,SAAU,CAAEE,IAAK,2CAA4CG,MAAO,oBAAqBC,KAAM,SAAUC,QAASjC,KAAKe,WAAWmB,KAAKlC,OAAS0B,EAAE,SAAU,CAAEE,IAAK,2CAA4CO,KAAMnC,KAAKM,gBAAkBO,EAAcG,KAAO,kBAAoB,oBAAqBoB,MAAO,GAAIC,OAAQ,MAASrC,KAAKG,UAAauB,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,wBAA0BL,EAAE,WAAY,CAAEE,IAAK,2CAA4CU,QAASC,EAAcC,SAAUC,KAAM,kBAAmBC,KAAMC,EAAYC,QAASC,IAAMC,GAAQ9C,KAAK+C,YAAcD,EAAKb,QAAS,IAAOjC,KAAKgD,UAAUC,MAAQjD,KAAKgD,UAAUC,OAAUvB,EAAE,YAAa,CAAEE,IAAK,2CAA4CiB,IAAMC,GAAQ9C,KAAKgD,UAAYF,EAAKI,OAAQlD,KAAK+C,YAAaI,aAAeC,GAAWpD,KAAKW,WAAayC,EAAMC,OAAOJ,KAAOK,SAAUtD,KAAKQ,iBAAmBkB,EAAE,OAAQ,CAAEE,IAAK,2CAA4CO,KAAM,uB","ignoreList":[]}