@zanichelli/albe-web-components 12.4.1-RC1 → 12.4.1

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

@@ -61,389 +61,360 @@ const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== "undefined
  * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-text01`.
  */
 export class ZAppHeader {
-  constructor() {
-    /**
-     * Stuck mode for the header.
-     * You can programmatically set it using an IntersectionObserver.
-     */
-    this.stuck = false;
-    /**
-     * 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 = "";
-    /**
-     * The stuck state of the bar.
-     */
-    this._stuck = false;
+    constructor() {
+        this.observer = SUPPORT_INTERSECTION_OBSERVER &&
+            new IntersectionObserver(([entry]) => {
+                this._stuck = !entry.isIntersecting;
+            }, {
+                threshold: 0.5,
+            });
+        this.stuck = false;
+        this.hero = undefined;
+        this.overlay = false;
+        this.flow = "auto";
+        this.drawerOpen = false;
+        this.enableSearch = false;
+        this.searchPlaceholder = "Cerca";
+        this.searchString = "";
+        this.searchPageUrl = undefined;
+        this._stuck = false;
+        this.currentViewport = "mobile";
+        this.menuLength = undefined;
+        this.openDrawer = this.openDrawer.bind(this);
+        this.closeDrawer = this.closeDrawer.bind(this);
+        this.collectMenuElements = this.collectMenuElements.bind(this);
+    }
+    evaluateViewport() {
+        if (window.innerWidth < 768) {
+            this.currentViewport = "mobile";
+        }
+        else if (window.innerWidth >= 768 && window.innerWidth < 1152) {
+            this.currentViewport = "tablet";
+        }
+        else {
+            this.currentViewport = "desktop";
+        }
+    }
+    onStuck() {
+        const scrollParent = this.scrollParent;
+        if (!scrollParent) {
+            return;
+        }
+        this.sticking.emit(this._stuck);
+    }
+    setMenuFloatingMode() {
+        if (this.menuElements.length === 0) {
+            return;
+        }
+        const elements = this.menuElements;
+        elements.forEach((element) => {
+            element.open = false;
+            element.floating = !this.drawerOpen;
+            element.verticalContext = this.drawerOpen;
+        });
+    }
+    get title() {
+        const titleElement = this.hostElement.querySelector('[slot="title"]');
+        if (titleElement === null) {
+            return "";
+        }
+        return titleElement.textContent.trim();
+    }
+    get scrollParent() {
+        const parent = this.hostElement.offsetParent;
+        if (parent === document.body || parent === document.documentElement) {
+            return window;
+        }
+        return parent;
+    }
+    get canShowMenu() {
+        return this.flow !== "offcanvas" && this.currentViewport !== "mobile" && !this.drawerOpen;
+    }
+    get canShowSearchbar() {
+        if (!this.enableSearch) {
+            return false;
+        }
+        // Always show the searchbar on desktop, even if a searchPageUrl is set
+        if (this.searchPageUrl) {
+            return this.currentViewport === "desktop";
+        }
+        return true;
+    }
     /**
-     * Current viewport.
-     * Used to change the aspect of the search button (icon only) on mobile and tablet.
+     * Whether the header has a hero image, either as a prop or as a slot.
      */
-    this.currentViewport = "mobile";
-    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);
-  }
-  evaluateViewport() {
-    if (window.innerWidth < 768) {
-      this.currentViewport = "mobile";
+    get hasHero() {
+        return !!this.hero || this.hostElement.querySelector("[slot=hero]") !== null;
     }
-    else if (window.innerWidth >= 768 && window.innerWidth < 1152) {
-      this.currentViewport = "tablet";
+    openDrawer() {
+        this.drawerOpen = true;
     }
-    else {
-      this.currentViewport = "desktop";
+    closeDrawer() {
+        this.drawerOpen = false;
     }
-  }
-  onStuck() {
-    const scrollParent = this.scrollParent;
-    if (!scrollParent) {
-      return;
+    collectMenuElements() {
+        const menuElements = (this.menuElements = this.hostElement.querySelectorAll('[slot="menu"]'));
+        this.menuLength = menuElements.length;
+        this.setMenuFloatingMode();
     }
-    this.sticking.emit(this._stuck);
-  }
-  setMenuFloatingMode() {
-    if (this.menuElements.length === 0) {
-      return;
+    enableStuckObserver() {
+        if (this.observer) {
+            this.observer.observe(this.container);
+        }
+    }
+    disableStuckMode() {
+        this._stuck = false;
+        if (this.observer) {
+            this.observer.unobserve(this.container);
+        }
+    }
+    onStuckMode() {
+        if (this.stuck) {
+            this.enableStuckObserver();
+        }
+        else {
+            this.disableStuckMode();
+        }
     }
-    const elements = this.menuElements;
-    elements.forEach((element) => {
-      element.open = false;
-      element.floating = !this.drawerOpen;
-      element.verticalContext = this.drawerOpen;
-    });
-  }
-  get title() {
-    const titleElement = this.hostElement.querySelector('[slot="title"]');
-    if (titleElement === null) {
-      return "";
+    renderSearchLinkButton() {
+        if (!this.enableSearch || !this.searchPageUrl || this.currentViewport === "desktop") {
+            return null;
+        }
+        return (h("z-button", { class: "search-page-button", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: "search", size: ControlSize.X_SMALL }));
     }
-    return titleElement.textContent.trim();
-  }
-  get scrollParent() {
-    const parent = this.hostElement.offsetParent;
-    if (parent === document.body || parent === document.documentElement) {
-      return window;
+    renderSeachbar(searchButtonIconOnly) {
+        return (h("z-searchbar", { value: this.searchString, placeholder: this.searchPlaceholder, showSearchButton: true, searchButtonIconOnly: searchButtonIconOnly, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));
     }
-    return parent;
-  }
-  get canShowMenu() {
-    return this.flow !== "offcanvas" && this.currentViewport !== "mobile" && !this.drawerOpen;
-  }
-  get canShowSearchbar() {
-    if (!this.enableSearch) {
-      return false;
+    componentDidLoad() {
+        this.collectMenuElements();
+        this.onStuckMode();
+        this.evaluateViewport();
     }
-    // Always show the searchbar on desktop, even if a searchPageUrl is set
-    if (this.searchPageUrl) {
-      return this.currentViewport === "desktop";
+    render() {
+        return (h(Host, { key: '10a6de9066a2b47fce8c05b28584ebcfbd9d308e', "menu-length": this.menuLength }, this.hasHero && (h("div", { class: "hero-container" }, h("slot", { name: "hero" }, this.hero && (h("img", { alt: "", src: this.hero }))))), h("div", { key: '598744c6237cb30c4d4e467b45944a7879dce93e', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '2132ed4349abc878b8cec1ca73978fa42dd5c5a4', class: "heading-container" }, h("div", { key: 'd3dcd130c4968e278ca5e0a610ad59a51b630abf', class: "heading-subtitle" }, h("slot", { key: 'd86a2a02577aad72e68d78fccee74d0cafd395e6', name: "top-subtitle" })), h("div", { key: '59f31cad85c438e675a419267cbd1e41b06009c8', class: "heading-title" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("slot", { key: '48a7e46471a03d776f15d30114ffdaf7f90b15cd', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '41320040925b00a83fb6ed7bcd8911b2e2e1b88e', class: "heading-subtitle" }, h("slot", { key: '2da90e290780904617080944c2bcc507e918f9f7', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { class: "menu-container" }, this.canShowMenu && (h("slot", { name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: 'd54bb515efad20ca24686a5bc0743b9e3906dfef', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '22a9c1865a7fcb9660dbcb14c4202e6c78c2166b', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: '6bba2e8d9c1d081a8d826654eed502cab8018b87', name: "close" })), h("div", { key: 'edbd9d23c8adc99adc65a6a343e6587a55b4d12c', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: 'd8ba82c48339422e6a2db733839c8cf8062dd2c3', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { class: "heading-stuck" }, h("div", { class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("div", { class: "heading-title" }, h("slot", { name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
     }
-    return true;
-  }
-  /**
-   * Whether the header has a hero image, either as a prop or as a slot.
-   */
-  get hasHero() {
-    return !!this.hero || this.hostElement.querySelector("[slot=hero]") !== null;
-  }
-  openDrawer() {
-    this.drawerOpen = true;
-  }
-  closeDrawer() {
-    this.drawerOpen = false;
-  }
-  collectMenuElements() {
-    const menuElements = (this.menuElements = this.hostElement.querySelectorAll('[slot="menu"]'));
-    this.menuLength = menuElements.length;
-    this.setMenuFloatingMode();
-  }
-  enableStuckObserver() {
-    if (this.observer) {
-      this.observer.observe(this.container);
+    static get is() { return "z-app-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
     }
-  }
-  disableStuckMode() {
-    this._stuck = false;
-    if (this.observer) {
-      this.observer.unobserve(this.container);
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
     }
-  }
-  onStuckMode() {
-    if (this.stuck) {
-      this.enableStuckObserver();
+    static get properties() {
+        return {
+            "stuck": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Stuck mode for the header.\nYou can programmatically set it using an IntersectionObserver."
+                },
+                "attribute": "stuck",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "hero": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "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
+            },
+            "overlay": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Should place an overlay over the hero image.\nUseful for legibility purpose."
+                },
+                "attribute": "overlay",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "flow": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"auto\" | \"stack\" | \"offcanvas\"",
+                    "resolved": "\"auto\" | \"offcanvas\" | \"stack\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "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",
+                "reflect": true,
+                "defaultValue": "\"auto\""
+            },
+            "drawerOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The opening state of the drawer."
+                },
+                "attribute": "drawer-open",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "enableSearch": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enable the search bar."
+                },
+                "attribute": "enable-search",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "searchPlaceholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder text for the search bar."
+                },
+                "attribute": "search-placeholder",
+                "reflect": false,
+                "defaultValue": "\"Cerca\""
+            },
+            "searchString": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Search string for the search bar."
+                },
+                "attribute": "search-string",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "searchPageUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "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
+            }
+        };
     }
-    else {
-      this.disableStuckMode();
+    static get states() {
+        return {
+            "_stuck": {},
+            "currentViewport": {},
+            "menuLength": {}
+        };
     }
-  }
-  renderSearchLinkButton() {
-    if (!this.enableSearch || !this.searchPageUrl || this.currentViewport === "desktop") {
-      return null;
+    static get events() {
+        return [{
+                "method": "sticking",
+                "name": "sticking",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the `stuck` state of the header changes"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "hostElement"; }
+    static get watchers() {
+        return [{
+                "propName": "_stuck",
+                "methodName": "onStuck"
+            }, {
+                "propName": "drawerOpen",
+                "methodName": "setMenuFloatingMode"
+            }, {
+                "propName": "stuck",
+                "methodName": "onStuckMode"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "resize",
+                "method": "evaluateViewport",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }];
     }
-    return (h("z-button", { class: "search-page-button", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: "search", size: ControlSize.X_SMALL }));
-  }
-  renderSeachbar(searchButtonIconOnly) {
-    return (h("z-searchbar", { value: this.searchString, placeholder: this.searchPlaceholder, showSearchButton: true, searchButtonIconOnly: searchButtonIconOnly, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));
-  }
-  componentDidLoad() {
-    this.collectMenuElements();
-    this.onStuckMode();
-    this.evaluateViewport();
-  }
-  render() {
-    return (h(Host, { "menu-length": this.menuLength }, this.hasHero && (h("div", { class: "hero-container" }, h("slot", { name: "hero" }, this.hero && (h("img", { alt: "", src: this.hero }))))), h("div", { class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { class: "heading-container" }, h("div", { class: "heading-subtitle" }, h("slot", { name: "top-subtitle" })), h("div", { class: "heading-title" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("slot", { name: "title" }), this.renderSearchLinkButton()), h("div", { class: "heading-subtitle" }, h("slot", { name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { class: "menu-container" }, this.canShowMenu && (h("slot", { name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { name: "close" })), h("div", { class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { class: "heading-stuck" }, h("div", { class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("div", { class: "heading-title" }, h("slot", { name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
-  }
-  static get is() { return "z-app-header"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "stuck": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Stuck mode for the header.\nYou can programmatically set it using an IntersectionObserver."
-        },
-        "attribute": "stuck",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "hero": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "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
-      },
-      "overlay": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Should place an overlay over the hero image.\nUseful for legibility purpose."
-        },
-        "attribute": "overlay",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "flow": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"auto\" | \"stack\" | \"offcanvas\"",
-          "resolved": "\"auto\" | \"offcanvas\" | \"stack\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "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",
-        "reflect": true,
-        "defaultValue": "\"auto\""
-      },
-      "drawerOpen": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The opening state of the drawer."
-        },
-        "attribute": "drawer-open",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "enableSearch": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enable the search bar."
-        },
-        "attribute": "enable-search",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "searchPlaceholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Placeholder text for the search bar."
-        },
-        "attribute": "search-placeholder",
-        "reflect": false,
-        "defaultValue": "\"Cerca\""
-      },
-      "searchString": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Search string for the search bar."
-        },
-        "attribute": "search-string",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "searchPageUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "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
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_stuck": {},
-      "currentViewport": {},
-      "menuLength": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "sticking",
-        "name": "sticking",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the `stuck` state of the header changes"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "hostElement"; }
-  static get watchers() {
-    return [{
-        "propName": "_stuck",
-        "methodName": "onStuck"
-      }, {
-        "propName": "drawerOpen",
-        "methodName": "setMenuFloatingMode"
-      }, {
-        "propName": "stuck",
-        "methodName": "onStuckMode"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "resize",
-        "method": "evaluateViewport",
-        "target": "window",
-        "capture": false,
-        "passive": true
-      }];
-  }
 }
+//# sourceMappingURL=index.js.map