@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/dist/zanichelli-it-frontend-kit/p-752d72d8.entry.js.map

@@ -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/dist/zanichelli-it-frontend-kit/p-7534f34f.entry.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=p-7534f34f.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-7534f34f.entry.js.map

@@ -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/dist/zanichelli-it-frontend-kit/p-7551d826.entry.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=p-7551d826.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-7551d826.entry.js.map

@@ -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":[]}