@zanichelli/albe-web-components 19.2.1 → 19.2.3-RC1

package/dist/collection/components/date-picker/z-range-picker/index.js

@@ -1,19 +1,19 @@
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import flatpickr from "flatpickr";
 import { Italian } from "flatpickr/dist/l10n/it.js";
 import { InputStatus, InputType, ZDatePickerPosition, ZRangePickerMode } from "../../../beans";
 import { setAriaOptions, setFlatpickrPosition, validateDate } from "../utils";
 export class ZRangePicker {
     constructor() {
-        this.rangePickerId = undefined;
-        this.firstAriaLabel = undefined;
-        this.firstLabel = undefined;
-        this.secondAriaLabel = undefined;
-        this.secondLabel = undefined;
+        /** [Optional] datepicker mode: date or datetime */
         this.mode = ZRangePickerMode.DATE;
+        /** readonly mode */
         this.firstPickerReadOnly = false;
+        /** readonly mode */
         this.lastPickerReadOnly = false;
+        /** readonly mode */
         this.firstPickerPlaceholder = "";
+        /** readonly mode */
         this.lastPickerPlaceholder = "";
         this.flatpickrPosition = ZDatePickerPosition.BOTTOM;
         this.activeInput = "start-input";
@@ -28,8 +28,12 @@ export class ZRangePicker {
         const currentPicker = this.activeInput === "start-input" ? this.firstPicker : this.lastPicker;
         this.getFocusedInput();
         if (ev.key === "Escape") {
-            document.activeElement.classList.contains(`${this.rangePickerId}-1`) && ((_a = this.firstPicker) === null || _a === void 0 ? void 0 : _a.close());
-            document.activeElement.classList.contains(`${this.rangePickerId}-2`) && ((_b = this.lastPicker) === null || _b === void 0 ? void 0 : _b.close());
+            if (document.activeElement.classList.contains(`${this.rangePickerId}-1`)) {
+                (_a = this.firstPicker) === null || _a === void 0 ? void 0 : _a.close();
+            }
+            if (document.activeElement.classList.contains(`${this.rangePickerId}-2`)) {
+                (_b = this.lastPicker) === null || _b === void 0 ? void 0 : _b.close();
+            }
         }
         if (ev.key === "Enter" || ev.key === " ") {
             if (document.activeElement.classList.contains(`${this.rangePickerId}-1`) ||
@@ -52,9 +56,15 @@ export class ZRangePicker {
             const isPrevArrowEntered = document.activeElement.classList.contains("flatpickr-prev-month");
             const isNextArrowEntered = document.activeElement.classList.contains("flatpickr-next-month");
             const arrowPressed = isPrevArrowEntered || isNextArrowEntered;
-            arrowPressed && ev.key === " " && ev.preventDefault();
-            isPrevArrowEntered && (currentPicker === null || currentPicker === void 0 ? void 0 : currentPicker.changeMonth(-1));
-            isNextArrowEntered && (currentPicker === null || currentPicker === void 0 ? void 0 : currentPicker.changeMonth(1));
+            if (arrowPressed && ev.key === " ") {
+                ev.preventDefault();
+            }
+            if (isPrevArrowEntered) {
+                currentPicker === null || currentPicker === void 0 ? void 0 : currentPicker.changeMonth(-1);
+            }
+            if (isNextArrowEntered) {
+                currentPicker === null || currentPicker === void 0 ? void 0 : currentPicker.changeMonth(1);
+            }
         }
     }
     componentDidLoad() {
@@ -77,7 +87,6 @@ export class ZRangePicker {
             dateFormat: this.mode === ZRangePickerMode.DATE_TIME ? "d-m-Y - H:i" : "d-m-Y",
             ariaDateFormat: "d F Y",
             minuteIncrement: 1,
-            // eslint-disable-next-line @typescript-eslint/naming-convention
             time_24hr: true,
             onValueUpdate: () => {
                 const firstInputActive = this.activeInput === "start-input";
@@ -181,7 +190,6 @@ export class ZRangePicker {
     replaceMonths(date, time) {
         const month = date.split(" ")[1];
         const months = {
-            /* eslint-disable @typescript-eslint/naming-convention */
             Gennaio: "01",
             Febbraio: "02",
             Marzo: "03",
@@ -194,7 +202,6 @@ export class ZRangePicker {
             Ottobre: "10",
             Novembre: "11",
             Dicembre: "12",
-            /* eslint-enable @typescript-eslint/naming-convention */
         };
         const pieces = date.replace(month, months[month]).split(" ");
         return new Date(parseInt(pieces[2]), parseInt(pieces[1]) - 1, parseInt(pieces[0]), time ? parseInt(time.split(":")[0]) : 0, time ? parseInt(time.split(":")[1]) : 0);
@@ -330,14 +337,14 @@ export class ZRangePicker {
             onStopTyping: this.onStopTyping.bind(this),
             value: "",
         };
-        return (h("div", { key: 'deb2f02615681a34c7450a93c1760beb7559bbec', class: {
+        return (h("div", { key: 'd887ebec692313b066955f1048e3b354d3ec453c', class: {
                 ["range-pickers-container"]: true,
                 [this.mode]: true,
                 [this.activeInput]: true,
                 [this.flatpickrPosition]: true,
-            } }, h("div", { key: '1bb60474f210ac1754dfb973f7312cb2dbcd7eac', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: '0a1c0916600be392faeaacf7171b7067365ad4a1', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: '581828f16ecd7b203a8b0c623d4d184cb276ad49' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
+            } }, h("div", { key: '702d5feaa4ac821b54607721d1d8546f9ed39fc3', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: '3966e1979b4814441f81eb303dbd5e5170d03adc', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: 'f6b357db6631b4d2e09e7ead83abbf80c5623ada' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.firstInputError = false;
-            } })))), h("div", { key: '36a893e38cb4cfbf7062bcdaf88144b278f5d8df', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: '2c1ed4f3ee3c496fff4e0faf97f89ee674f43c8d', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '3ebde04fadfc6233e20dbb0c587aa2cd10241008' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
+            } })))), h("div", { key: '98362ce128d64f10559686428299e57a8b4f0168', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: '618f57b6e8f9e4adcf4f0a339e04eee32d27adaf', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '0302fc0f0489dea3f184be7634c49f7604397b45' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.lastInputError = false;
             } }))))));
     }
@@ -368,8 +375,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "unique id"
                 },
-                "attribute": "range-picker-id",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "range-picker-id"
             },
             "firstAriaLabel": {
                 "type": "string",
@@ -385,8 +394,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "first z-input aria label"
                 },
-                "attribute": "first-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "first-aria-label"
             },
             "firstLabel": {
                 "type": "string",
@@ -402,8 +413,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "first z-input label"
                 },
-                "attribute": "first-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "first-label"
             },
             "secondAriaLabel": {
                 "type": "string",
@@ -419,8 +432,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "second z-input aria label"
                 },
-                "attribute": "second-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "second-aria-label"
             },
             "secondLabel": {
                 "type": "string",
@@ -436,8 +451,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "second z-input label"
                 },
-                "attribute": "second-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "second-label"
             },
             "mode": {
                 "type": "string",
@@ -449,7 +466,8 @@ export class ZRangePicker {
                         "ZRangePickerMode": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ZRangePickerMode"
+                            "id": "src/beans/index.tsx::ZRangePickerMode",
+                            "referenceLocation": "ZRangePickerMode"
                         }
                     }
                 },
@@ -459,8 +477,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "[Optional] datepicker mode: date or datetime"
                 },
-                "attribute": "mode",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode",
                 "defaultValue": "ZRangePickerMode.DATE"
             },
             "firstPickerReadOnly": {
@@ -477,8 +497,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "readonly mode"
                 },
-                "attribute": "first-picker-read-only",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "first-picker-read-only",
                 "defaultValue": "false"
             },
             "lastPickerReadOnly": {
@@ -495,8 +517,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "readonly mode"
                 },
-                "attribute": "last-picker-read-only",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "last-picker-read-only",
                 "defaultValue": "false"
             },
             "firstPickerPlaceholder": {
@@ -513,8 +537,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "readonly mode"
                 },
-                "attribute": "first-picker-placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "first-picker-placeholder",
                 "defaultValue": "\"\""
             },
             "lastPickerPlaceholder": {
@@ -531,8 +557,10 @@ export class ZRangePicker {
                     "tags": [],
                     "text": "readonly mode"
                 },
-                "attribute": "last-picker-placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "last-picker-placeholder",
                 "defaultValue": "\"\""
             }
         };
@@ -592,4 +620,3 @@ export class ZRangePicker {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/date-picker/z-range-picker/index.stories.js

@@ -107,4 +107,3 @@ export const DateAndTime = {
     </div>
   `,
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/deprecated/z-app-header-deprecated/index.js

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { ButtonVariant, ControlSize, OffCanvasVariant, TransitionDirection } from "../../../beans";
 const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== "undefined";
 /**
@@ -62,24 +62,54 @@ const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== "undefined
  */
 export class ZAppHeaderDeprecated {
     constructor() {
-        this.observer = SUPPORT_INTERSECTION_OBSERVER &&
-            new IntersectionObserver(([entry]) => {
-                this._stuck = !entry.isIntersecting;
-            }, {
-                threshold: 0.5,
-            });
+        /**
+         * Stuck mode for the header.
+         * You can programmatically set it using an IntersectionObserver.
+         */
         this.stuck = false;
-        this.hero = undefined;
+        /**
+         * Should place an overlay over the hero image.
+         * Useful for legibility purpose.
+         */
         this.overlay = false;
+        /**
+         * Control menu bar position in the header.
+         * - auto: the menu bar is positioned near the title
+         * - stack: the menu bar is positioned below the title
+         * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
+         */
         this.flow = "auto";
+        /**
+         * The opening state of the drawer.
+         */
         this.drawerOpen = false;
+        /**
+         * Enable the search bar.
+         */
         this.enableSearch = false;
+        /**
+         * Placeholder text for the search bar.
+         */
         this.searchPlaceholder = "Cerca";
+        /**
+         * Search string for the search bar.
+         */
         this.searchString = "";
-        this.searchPageUrl = undefined;
+        /**
+         * The stuck state of the bar.
+         */
         this._stuck = false;
+        /**
+         * Current viewport.
+         * Used to change the aspect of the search button (icon only) on mobile and tablet.
+         */
         this.currentViewport = "mobile";
-        this.menuLength = undefined;
+        this.observer = SUPPORT_INTERSECTION_OBSERVER &&
+            new IntersectionObserver(([entry]) => {
+                this._stuck = !entry.isIntersecting;
+            }, {
+                threshold: 0.5,
+            });
         this.openDrawer = this.openDrawer.bind(this);
         this.closeDrawer = this.closeDrawer.bind(this);
         this.collectMenuElements = this.collectMenuElements.bind(this);
@@ -191,7 +221,7 @@ export class ZAppHeaderDeprecated {
         this.evaluateViewport();
     }
     render() {
-        return (h(Host, { key: '25fe02e7c173bc1adeaa335baebd934f7c4bf3c2', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: 'fbe86c970aa8a60b4fd2e81e760ce06fcb18b26d', class: "hero-container" }, h("slot", { key: '79746c04d0b3ae7685ee6b0a863f96125f392a84', name: "hero" }, this.hero && (h("img", { key: '700565a8349a4043b4783b3dfec512575eb464be', alt: "", src: this.hero }))))), h("div", { key: 'd103eb1d00f36e3187d3bf04289bc4f8fbec7fac', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '88eba7aa608db3f4283a3191755864b262ccf579', class: "heading-container" }, h("div", { key: '43b4b555901fbb93f4976910a8e99227dbd06e9d', class: "heading-subtitle" }, h("slot", { key: '84e3d84916956bf7f6867e6f999260bcec1dc946', name: "top-subtitle" })), h("div", { key: '5d308d910f1e28d7ce365940d3ddfa431e708ff6', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: '862f94284926a7b4cb4373b3fbad853c5c9a16bc', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '90a10f0a603f871b18345bf74e353a515b6d4363', name: "burger-menu" }))), h("slot", { key: '9e70498e1e96b169cec959ca6ec5e9b7fab1551b', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '0590c5e8294bc79413407d263bec7c19078aad37', class: "heading-subtitle" }, h("slot", { key: 'fbd4c13f1985880c18c9151c0d4f62bc0b2644e2', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: '8cc2760c853cead3287d590fd64d3f457186a7c7', class: "menu-container" }, this.canShowMenu && (h("slot", { key: '3e1f6491146ac3cd5e02f19441a3e3d5a8d1629d', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: 'a977d6a6c9b3e8e834feb12235aad8be96c7aa03', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: 'c5facf8597fd819423a758c6f94e33c64b2d41a7', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: '85a5abd2083f7a809d49a21ae06c0d3f1ed4d3d6', name: "close" })), h("div", { key: '50d3e7ac3baa10ea9d1cb79be85cfa6af0d3a7d6', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: '266739e07b977831229868f237e561c03d058032', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: '959bd1fddd4e9c49890405b9b271bd27e5b4a67c', class: "heading-stuck" }, h("div", { key: '5700bc77fe1d1954e991f1bbcb930c8ad0b04ce5', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: '51bf250e500094c18aef6fdcbed7d756af8ff1f3', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'abb77685d48e7c1e8476624199dd8b18140dca4f', name: "burger-menu" }))), h("div", { key: '69d94fe26925443e3348e8c5752bd474c0436d7c', class: "heading-title" }, h("slot", { key: 'ff00ee0b2de8bb8cd9f96dd42b20f4ecd2030828', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
+        return (h(Host, { key: '4d98fcae5ac33ba947f6ff5a040dd532b743faab', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: 'f2105ccf7087e83d54c47ca0722b1099f81a8179', class: "hero-container" }, h("slot", { key: '451530f8e43a4f3ca714b4c59b995bd761ee9dc1', name: "hero" }, this.hero && (h("img", { key: '7eceb9dab857740287d51b5fecb4c817ead691dc', alt: "", src: this.hero }))))), h("div", { key: 'b271e53c52c519a09eee6cec9465b9d7aa97a197', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '8637be0cbfa33887f1cac0599fa9a2752856c9b8', class: "heading-container" }, h("div", { key: '556ad49f4dbe98e0a59c712fa7bb8a30d9b7cf7c', class: "heading-subtitle" }, h("slot", { key: '1cc116d852ae01c0fd35003c92eac5a5b5ff91e7', name: "top-subtitle" })), h("div", { key: '3ced62279a854043978ad6829db41e830525880f', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: '27ee765d26aaf4450cdc9048f88f8f3868776fc0', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '77b4538acce08037e2d7ff2807e3da877cea06b4', name: "burger-menu" }))), h("slot", { key: 'ff3cc40db1155d7417842f1b573688117fa38f1a', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '60b46172cdbdf15dfd163368b6dc0c9ff442f725', class: "heading-subtitle" }, h("slot", { key: 'b8f08a0ac6e2446736a27a3e211454db739792b8', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: '21ea0742122e3c2eb2fd49ebf872cb287dd61ed9', class: "menu-container" }, this.canShowMenu && (h("slot", { key: 'f65701606bf787a0eefdb1305ccb897d7a21f026', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: 'a6c999a01c8a956567c992bc4dbe9912c7b98f3b', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '9f03560a04d34dc7b888f8fef1e392f3c0052720', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'e1f467a7ea2810158883c6e58d03628a120d7eee', name: "close" })), h("div", { key: '581886a5fabd793dafc6b5bbb243a3e9241756e0', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: '6d581a70fdc08610851c45ec3b01da89461d09c5', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: '459d01a5337718248440da883f4d1cd5065d8671', class: "heading-stuck" }, h("div", { key: '2c66f4a2b70a564d04ae70aa6f57bf5d8166b088', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: 'd778fb87bc2fbff3ef63a59eb0bd246832cd56cb', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'd57c58aefe3511290576dc9edfbfbd45f694795d', name: "burger-menu" }))), h("div", { key: '22feee81b662e325b8de3fbdb90e19c959bd1bd8', class: "heading-title" }, h("slot", { key: '2a856a72f2bbdd5653b9fb4f718ab518cca37462', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
     }
     static get is() { return "z-app-header-deprecated"; }
     static get encapsulation() { return "shadow"; }
@@ -221,8 +251,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "Stuck mode for the header.\nYou can programmatically set it using an IntersectionObserver."
                 },
-                "attribute": "stuck",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "stuck",
                 "defaultValue": "false"
             },
             "hero": {
@@ -239,8 +271,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "Set the hero image source for the header.\nYou can also use a [slot=\"hero\"] node for advanced customization."
                 },
-                "attribute": "hero",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hero"
             },
             "overlay": {
                 "type": "boolean",
@@ -256,8 +290,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "Should place an overlay over the hero image.\nUseful for legibility purpose."
                 },
-                "attribute": "overlay",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "overlay",
                 "defaultValue": "false"
             },
             "flow": {
@@ -274,8 +310,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "Control menu bar position in the header.\n- auto: the menu bar is positioned near the title\n- stack: the menu bar is positioned below the title\n- offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu"
                 },
-                "attribute": "flow",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "flow",
                 "defaultValue": "\"auto\""
             },
             "drawerOpen": {
@@ -292,8 +330,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "The opening state of the drawer."
                 },
-                "attribute": "drawer-open",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "drawer-open",
                 "defaultValue": "false"
             },
             "enableSearch": {
@@ -310,8 +350,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "Enable the search bar."
                 },
-                "attribute": "enable-search",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "enable-search",
                 "defaultValue": "false"
             },
             "searchPlaceholder": {
@@ -328,8 +370,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "Placeholder text for the search bar."
                 },
-                "attribute": "search-placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "search-placeholder",
                 "defaultValue": "\"Cerca\""
             },
             "searchString": {
@@ -346,8 +390,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "text": "Search string for the search bar."
                 },
-                "attribute": "search-string",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "search-string",
                 "defaultValue": "\"\""
             },
             "searchPageUrl": {
@@ -364,8 +410,10 @@ export class ZAppHeaderDeprecated {
                     "tags": [],
                     "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."
                 },
-                "attribute": "search-page-url",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "search-page-url"
             }
         };
     }
@@ -417,4 +465,3 @@ export class ZAppHeaderDeprecated {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/deprecated/z-app-header-deprecated/index.stories.js

@@ -634,4 +634,3 @@ export const SearchPageButton = {
       ${menuTemplate()}
     </z-app-header-deprecated>`,
 };
-//# sourceMappingURL=index.stories.js.map