@zanichelli/albe-web-components 19.6.0 → 20.0.0-RC1

package/dist/cjs/z-slideshow.cjs.entry.js

@@ -1,134 +0,0 @@
-'use strict';
-
-var index = require('./index-CZz7uP-M.js');
-var index$1 = require('./index-DppFfqsn.js');
-var utils = require('./utils-C0QY75C2.js');
-require('./breakpoints-B7vFm-3T.js');
-
-const stylesCss = () => `:host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-background);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-background);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}`;
-
-/**
- * Check if data is an array of strings.
- * @param {unknown} data Data to check
- * @returns {boolean}
- */
-function isStringArray(data) {
-    return Array.isArray(data) && data.every((datum) => typeof datum === "string");
-}
-const ZSlideshow = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.currentSlide = 0;
-    }
-    watchData() {
-        this.parseLinks();
-    }
-    componentWillLoad() {
-        this.parseLinks();
-        this.setDevice();
-        window.addEventListener("resize", this.handleResize.bind(this));
-    }
-    componentDidRender() {
-        this.setStyle();
-    }
-    handleResize() {
-        this.setDevice();
-        this.setStyle();
-    }
-    parseLinks() {
-        var _a;
-        switch (typeof this.data) {
-            case "string": {
-                const parsed = (_a = utils.convertJson(this.data)) !== null && _a !== void 0 ? _a : [];
-                if (!isStringArray(parsed)) {
-                    throw new Error("Passed data is invalid");
-                }
-                this.links = parsed;
-                break;
-            }
-            default:
-                this.links = this.data;
-                break;
-        }
-    }
-    setStyle() {
-        const refSlides = this.el.shadowRoot.querySelector("#slides");
-        if (!refSlides) {
-            return;
-        }
-        const allImages = this.el.shadowRoot.querySelectorAll(".slide");
-        const width = this.el.offsetWidth;
-        const fullwidth = width * this.links.length;
-        refSlides.style.width = `${fullwidth}px`;
-        refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;
-        allImages.forEach((item) => {
-            const img = item.querySelector("img");
-            img.style.width = `${width}px`;
-        });
-    }
-    setDevice() {
-        this.device = utils.getDevice();
-    }
-    setCurrentSlide(index) {
-        this.currentSlide = index;
-    }
-    getBulletDimension() {
-        switch (this.device) {
-            case index$1.Device.MOBILE:
-                return 24;
-            case index$1.Device.TABLET:
-                return 32;
-            default:
-                return 40;
-        }
-    }
-    renderSlides(items) {
-        return (index.h("div", { id: "slides" }, items.map((item, i) => (index.h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` }, index.h("img", { src: item }))))));
-    }
-    renderScroll(direction) {
-        let disabled = false, nextSlide = this.currentSlide;
-        if (direction === "left") {
-            disabled = this.currentSlide === 0;
-            nextSlide--;
-        }
-        else if (direction === "right") {
-            disabled = this.currentSlide === this.links.length - 1;
-            nextSlide++;
-        }
-        return (index.h("z-icon", { class: `scroll ${direction} ${disabled && "disabled"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {
-                if (!disabled) {
-                    this.setCurrentSlide(nextSlide);
-                }
-            }, onKeyUp: (e) => !disabled &&
-                utils.handleKeyboardSubmit(e, () => {
-                    this.setCurrentSlide(nextSlide);
-                }), tabindex: 0, role: "button" }));
-    }
-    renderSlideshowMain() {
-        return (index.h("main", null, this.renderScroll("left"), this.renderSlides(this.links), this.renderScroll("right")));
-    }
-    renderBullet(i) {
-        return (index.h("a", { class: `bullet ${this.currentSlide === i && "selected"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => utils.handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: "button" }));
-    }
-    renderSlideshowFooter() {
-        return (index.h("footer", null, index.h("div", { class: "footer-left" }, index.h("slot", { name: "footer-left" })), index.h("div", { class: "footer-center" }, index.h("div", { class: "bullet-container" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), index.h("div", { class: "footer-right" }, index.h("slot", { name: "footer-right" }))));
-    }
-    render() {
-        if (!this.links || !this.links.length) {
-            return index.h("div", null);
-        }
-        return (index.h("div", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "data": [{
-                "watchData": 0
-            }]
-    }; }
-};
-ZSlideshow.style = stylesCss();
-
-exports.z_slideshow = ZSlideshow;
-//# sourceMappingURL=z-slideshow.entry.cjs.js.map
-
-//# sourceMappingURL=z-slideshow.cjs.entry.js.map

package/dist/cjs/z-slideshow.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"z-slideshow.cjs.entry.js","mappings":"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","names":["convertJson","getDevice","Device","h","handleKeyboardSubmit"],"sources":["src/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","src/snowflakes/myz/z-slideshow/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: inherit;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  flex-direction: column;\n}\n\nmain {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\nmain z-icon.scroll {\n  position: absolute;\n  z-index: 10;\n  top: 50%;\n  width: auto;\n  margin: 0 var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\nmain .scroll.right {\n  right: 0;\n}\n\n#slides {\n  display: flex;\n  flex-wrap: wrap;\n  line-height: 0px;\n  overflow-y: hidden;\n  transition: all 300ms;\n}\n\nfooter {\n  display: grid;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  border-top: var(--border-size-medium) solid var(--color-background);\n  grid-template: 2 / 2;\n  grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n  width: 100%;\n  align-items: center;\n}\n\nfooter .footer-center {\n  grid-area: center;\n}\n\nfooter .footer-left {\n  grid-area: left;\n}\n\nfooter .footer-right {\n  grid-area: right;\n}\n\nfooter .bullet-container {\n  display: flex;\n  min-height: 60px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n  width: 8px;\n  height: 8px;\n  margin: var(--space-unit) 2px;\n  background-color: var(--gray200);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n  background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n  border-radius: 50%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n  footer {\n    height: 76px;\n    border-top: var(--border-size-medium) solid var(--color-background);\n    grid-template: 1 / 1fr 2fr 1fr;\n    grid-template-areas: \"left center right\";\n  }\n\n  footer .bullet-container .bullet {\n    width: 10px;\n    height: 10px;\n    margin: var(--space-unit) 3px;\n  }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n  main z-icon.scroll {\n    margin: 0 10px;\n  }\n\n  footer .bullet-container .bullet {\n    width: 16px;\n    height: 16px;\n    margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n    cursor: pointer;\n    pointer-events: auto;\n  }\n}\n","import {Component, ComponentInterface, Element, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device} from \"../../../beans\";\nimport {convertJson, getDevice, handleKeyboardSubmit} from \"../../../utils/utils\";\n\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data: unknown): data is string[] {\n  return Array.isArray(data) && data.every((datum: unknown): datum is string => typeof datum === \"string\");\n}\n\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\n@Component({\n  tag: \"z-slideshow\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZSlideshow implements ComponentInterface {\n  @Element() el: HTMLZSlideshowElement;\n\n  /** slideshow id */\n  @Prop()\n  slideshowid: string;\n\n  /** array or JSON stringified images urls */\n  @Prop()\n  data: string[] | string;\n\n  @State()\n  device: Device;\n\n  @State()\n  currentSlide = 0;\n\n  private links: string[];\n\n  @Watch(\"data\")\n  watchData(): void {\n    this.parseLinks();\n  }\n\n  componentWillLoad(): void {\n    this.parseLinks();\n\n    this.setDevice();\n    window.addEventListener(\"resize\", this.handleResize.bind(this));\n  }\n\n  componentDidRender(): void {\n    this.setStyle();\n  }\n\n  private handleResize(): void {\n    this.setDevice();\n    this.setStyle();\n  }\n\n  private parseLinks(): void {\n    switch (typeof this.data) {\n      case \"string\": {\n        const parsed = convertJson(this.data) ?? [];\n        if (!isStringArray(parsed)) {\n          throw new Error(\"Passed data is invalid\");\n        }\n\n        this.links = parsed;\n        break;\n      }\n      default:\n        this.links = this.data;\n        break;\n    }\n  }\n\n  private setStyle(): void {\n    const refSlides = this.el.shadowRoot.querySelector(\"#slides\") as HTMLElement;\n    if (!refSlides) {\n      return;\n    }\n\n    const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n    const width = this.el.offsetWidth;\n    const fullwidth = width * this.links.length;\n\n    refSlides.style.width = `${fullwidth}px`;\n    refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n    allImages.forEach((item: HTMLElement) => {\n      const img = item.querySelector(\"img\");\n      img.style.width = `${width}px`;\n    });\n  }\n\n  private setDevice(): void {\n    this.device = getDevice();\n  }\n\n  private setCurrentSlide(index: number): void {\n    this.currentSlide = index;\n  }\n\n  private getBulletDimension(): number {\n    switch (this.device) {\n      case Device.MOBILE:\n        return 24;\n      case Device.TABLET:\n        return 32;\n      default:\n        return 40;\n    }\n  }\n\n  private renderSlides(items: string[]): HTMLElement {\n    return (\n      <div id=\"slides\">\n        {items.map((item: string, i: number) => (\n          <div\n            id={\"slide\" + i}\n            class={`slide ${this.currentSlide !== i && \"hide\"}`}\n          >\n            <img src={item} />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  private renderScroll(direction: \"left\" | \"right\"): HTMLZIconElement {\n    let disabled = false,\n      nextSlide = this.currentSlide;\n\n    if (direction === \"left\") {\n      disabled = this.currentSlide === 0;\n      nextSlide--;\n    } else if (direction === \"right\") {\n      disabled = this.currentSlide === this.links.length - 1;\n      nextSlide++;\n    }\n\n    return (\n      <z-icon\n        class={`scroll ${direction} ${disabled && \"disabled\"}`}\n        width={this.getBulletDimension()}\n        height={this.getBulletDimension()}\n        name={`chevron-${direction}-circle`}\n        onClick={() => {\n          if (!disabled) {\n            this.setCurrentSlide(nextSlide);\n          }\n        }}\n        onKeyUp={(e: KeyboardEvent) =>\n          !disabled &&\n          handleKeyboardSubmit(e, () => {\n            this.setCurrentSlide(nextSlide);\n          })\n        }\n        tabindex={0}\n        role=\"button\"\n      />\n    );\n  }\n\n  private renderSlideshowMain(): HTMLElement {\n    return (\n      <main>\n        {this.renderScroll(\"left\")}\n        {this.renderSlides(this.links)}\n        {this.renderScroll(\"right\")}\n      </main>\n    );\n  }\n\n  private renderBullet(i: number): HTMLElement {\n    return (\n      <a\n        class={`bullet ${this.currentSlide === i && \"selected\"}`}\n        onClick={() => this.setCurrentSlide(i)}\n        onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i))}\n        tabindex={0}\n        role=\"button\"\n      ></a>\n    );\n  }\n\n  private renderSlideshowFooter(): HTMLElement {\n    return (\n      <footer>\n        <div class=\"footer-left\">\n          <slot name=\"footer-left\" />\n        </div>\n        <div class=\"footer-center\">\n          <div class=\"bullet-container\">{Object.keys(this.links).map((i) => this.renderBullet(parseInt(i)))}</div>\n        </div>\n        <div class=\"footer-right\">\n          <slot name=\"footer-right\" />\n        </div>\n      </footer>\n    );\n  }\n\n  render(): HTMLElement {\n    if (!this.links || !this.links.length) {\n      return <div />;\n    }\n\n    return (\n      <div id={this.slideshowid}>\n        {this.renderSlideshowMain()}\n        {this.renderSlideshowFooter()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/z-toggle-button.cjs.entry.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var index = require('./index-CZz7uP-M.js');
-
-const stylesCss = () => `button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}`;
-
-const ZToggleButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.toggleClick = index.createEvent(this, "toggleClick", 7);
-        /** disabled status flag (optional) */
-        this.isdisabled = false;
-        /** open by default (optional) */
-        this.opened = false;
-        /**  aria-label for the button */
-        this.ariaLabel = "";
-    }
-    emitToggleClick() {
-        if (this.isdisabled) {
-            return;
-        }
-        this.opened = !this.opened;
-        this.toggleClick.emit(this.opened);
-    }
-    render() {
-        return (index.h("button", { key: '3882d62d3d17b5eba2cafdc83096f5185a61a985', tabindex: this.avoidclick ? "-1" : "0", class: {
-                "isopen": this.opened,
-                "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, index.h("z-icon", { key: '820fc24fd3394845e52156525b0881d2aa4c2c62', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
-    }
-};
-ZToggleButton.style = stylesCss();
-
-exports.z_toggle_button = ZToggleButton;
-//# sourceMappingURL=z-toggle-button.entry.cjs.js.map
-
-//# sourceMappingURL=z-toggle-button.cjs.entry.js.map

package/dist/cjs/z-toggle-button.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"z-toggle-button.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,+hCAA+hC,CAAC;;MCO5iC,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAYE,QAAA,IAAA,CAAA,UAAU,GAAa,KAAK;;AAQ5B,QAAA,IAAA,CAAA,MAAM,GAAa,KAAK;;AAIxB,QAAA,IAAA,CAAA,SAAS,GAAG,EAAE;AAqCf;IA/BS,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB;;AAGF,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;IAGpC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,GAAG,EACtC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,MAAM;gBACrB,cAAc,EAAE,IAAI,CAAC,UAAU;AAChC,aAAA,EACD,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAA,eAAA,EACV,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,EAAA,YAAA,EACjC,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAA,EAErCA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,cAAc,GAAG,YAAY,EACjD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EAAA,CACV,EACD,IAAI,CAAC,KAAK,CACJ;;;;;;;","names":["h"],"sources":["src/components/deprecated/z-toggle-button/styles.css?tag=z-toggle-button&encapsulation=shadow","src/components/deprecated/z-toggle-button/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  height: 36px;\n  align-items: center;\n  padding-right: calc(var(--space-unit) * 2);\n  padding-left: 0;\n  border: var(--border-size-medium) solid;\n  border-color: transparent;\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  outline: none;\n  text-transform: uppercase;\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\nbutton:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nbutton:focus {\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active {\n  border-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n  fill: var(--color-pressed-primary);\n}\n\nbutton:disabled {\n  color: var(--color-disabled03);\n  fill: var(--color-disabled03);\n}\n\nz-icon {\n  display: inline-block;\n  margin: 0 var(--space-unit) 0 calc(var(--space-unit) * 2);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\nbutton.isopen {\n  top: -20px;\n}\n\nbutton.avoid-clicks {\n  pointer-events: none;\n}\n","import {Component, ComponentInterface, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-toggle-button\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToggleButton implements ComponentInterface {\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** avoidclick status flag */\n  @Prop()\n  avoidclick: boolean;\n\n  /** open by default (optional) */\n  @Prop({mutable: true})\n  opened?: boolean = false;\n\n  /**  aria-label for the button */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** emitted on toggle button click, returns isOpen */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    if (this.isdisabled) {\n      return;\n    }\n\n    this.opened = !this.opened;\n    this.toggleClick.emit(this.opened);\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        tabindex={this.avoidclick ? \"-1\" : \"0\"}\n        class={{\n          \"isopen\": this.opened,\n          \"avoid-clicks\": this.avoidclick,\n        }}\n        disabled={this.isdisabled}\n        aria-expanded={this.opened ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        onClick={() => this.emitToggleClick()}\n      >\n        <z-icon\n          name={this.opened ? \"chevron-down\" : \"chevron-up\"}\n          width={16}\n          height={16}\n        />\n        {this.label}\n      </button>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,415 +0,0 @@
-import { Host, h, } from "@stencil/core";
-import { ButtonVariant, ControlSize, OffCanvasVariant, TransitionDirection } from "../../../beans";
-const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== "undefined";
-/**
- * @slot title - Slot for the main title
- * @slot subtitle - Slot for the bottom subtitle. It will not appear in stuck header.
- * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.
- * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.
- */
-export class ZAppHeaderDeprecated {
-    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;
-        /**
-         * Current viewport.
-         * Used to change the aspect of the search button (icon only) on mobile and tablet.
-         */
-        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";
-        }
-        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;
-    }
-    /**
-     * 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);
-        }
-    }
-    disableStuckMode() {
-        this._stuck = false;
-        if (this.observer) {
-            this.observer.unobserve(this.container);
-        }
-    }
-    onStuckMode() {
-        if (this.stuck) {
-            this.enableStuckObserver();
-        }
-        else {
-            this.disableStuckMode();
-        }
-    }
-    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 }));
-    }
-    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, { key: 'aded309a3cb1033c51f95d94de1cd796f643fea0', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: '78458badadf63a3366eaba9481ed709f7cb455c5', class: "hero-container" }, h("slot", { key: '1296c2091f4dd8b2f5215f07ea096772fc700abb', name: "hero" }, this.hero && (h("img", { key: 'ed06c899fb3e2b7316161555b307033a6821f64a', alt: "", src: this.hero }))))), h("div", { key: 'd8e275bde97fe5d694a50c33b5b32db7aee7699e', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: 'ce6fe29fd508558b3d75dba200006dfa31ba5ad9', class: "heading-container" }, h("div", { key: '5464ae272a15fcd6a975b62f5d2d6206d6f3f060', class: "heading-subtitle" }, h("slot", { key: '53c143c49c40cd3cef1475af920122ca5abd5329', name: "top-subtitle" })), h("div", { key: '0c4c147537d3ece12fd35e4a5ca553aeff2a8f1c', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: '68e24b4435b6ee099f288cb4cb28794834ab1f72', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '220a3096e3275ec8e6bee6b715926f891ed09045', name: "burger-menu" }))), h("slot", { key: '52e89fe9902914e6daafe61f47de9ea4f02bf93e', name: "title" }), this.renderSearchLinkButton()), h("div", { key: 'c1f90edc6ecb0063d53f3ed68ee718fc86397751', class: "heading-subtitle" }, h("slot", { key: '84398e5cd8bf522e13b9f29118ba20d46510fbb1', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: 'e6d6d1fa5040a7c6d54869fac4c92a19407145fb', class: "menu-container" }, this.canShowMenu && (h("slot", { key: '3c442f00807b6a4ff33349709a24b6096bce3b3c', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: '268fa9a09f449e5e277ed56134cd1a5be9e9713e', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: 'be0350100f473da07ac89c22b950c0ff5f2dc14a', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'ebe1a2dd92cb3d010741e8745c5359a852e46253', name: "close" })), h("div", { key: 'cb6b380cfddc334c84fae9a045d4b886ff8d3f26', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: 'e120aa846065db5a7c0d9827e7b74a98f7b41f25', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: '7d0460155469d822b7f608804dc1465f08e28b02', class: "heading-stuck" }, h("div", { key: 'b570cf1d407aad9a9c2a10af56835f3a3d5f1379', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: '06929d598cab5b080e0f3b23606ca6e4ee50a113', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '807ee08ed6a4db7ca124114007e1a2d52dca75e0', name: "burger-menu" }))), h("div", { key: 'dfbb47685f209528aa6a70f29b5cb5ca83a4a2e6', class: "heading-title" }, h("slot", { key: 'aff80bd515be456bc15b5fa91dbc85ce33fe6562', 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"; }
-    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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "stuck",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hero"
-            },
-            "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "overlay",
-                "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"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "flow",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "drawer-open",
-                "defaultValue": "false"
-            },
-            "enableSearch": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Enable the search bar."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "enable-search",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "search-placeholder",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "search-string",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "search-page-url"
-            }
-        };
-    }
-    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