@zanichelli/albe-web-components 6.6.10-test → 6.7.0

package/www/build/z-pocket-body.entry.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, h } from './index-291c96fb.js';
-import { p as PocketStatus } from './index-968a240f.js';
-
-const stylesCss = ":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";
-
-const ZPocketBody = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** pocket status */
-    this.status = PocketStatus.PREVIEW;
-  }
-  handlePocketToggle(e) {
-    if (e.detail.id && e.detail.id === this.pocketid) {
-      this.status = e.detail.status;
-    }
-  }
-  render() {
-    return (h("main", { class: this.status }, h("slot", null)));
-  }
-};
-ZPocketBody.style = stylesCss;
-
-export { ZPocketBody as z_pocket_body };

package/www/build/z-pocket-header.entry.js

@@ -1,36 +0,0 @@
-import { r as registerInstance, f as createEvent, h } from './index-291c96fb.js';
-import { h as handleKeyboardSubmit } from './utils-b96780be.js';
-import { h as hammer } from './hammer-782a2043.js';
-import './index-968a240f.js';
-import './breakpoints-c386984e.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const stylesCss = ":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:flex;height:36px;flex-flow:row nowrap;align-items:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";
-
-const ZPocketHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pocketHeaderClick = createEvent(this, "pocketHeaderClick", 7);
-    this.pocketHeaderPan = createEvent(this, "pocketHeaderPan", 7);
-    this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);
-  }
-  emitPocketHeaderClick() {
-    this.pocketHeaderClick.emit({ id: this.pocketid });
-  }
-  emitPocketHeaderPan(direction) {
-    this.pocketHeaderPan.emit({ id: this.pocketid, direction });
-  }
-  componentDidLoad() {
-    // INFO: swipe handling
-    const mc = new hammer(this.swipeWrap);
-    mc.get("pan").set({ direction: hammer.DIRECTION_VERTICAL });
-    mc.on("panup", () => this.emitPocketHeaderPan("up"));
-    mc.on("pandown", () => this.emitPocketHeaderPan("down"));
-  }
-  render() {
-    return (h("header", { role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", null)));
-  }
-};
-ZPocketHeader.style = stylesCss;
-
-export { ZPocketHeader as z_pocket_header };

package/www/build/z-pocket.entry.js

@@ -1,68 +0,0 @@
-import { r as registerInstance, f as createEvent, h, g as getElement } from './index-291c96fb.js';
-import { p as PocketStatus } from './index-968a240f.js';
-
-const stylesCss = ":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";
-
-const ZPocket = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pocketToggle = createEvent(this, "pocketToggle", 7);
-    /** pocket status */
-    this.status = PocketStatus.PREVIEW;
-  }
-  /** open z-pocket */
-  async open() {
-    this.status = PocketStatus.OPEN;
-  }
-  /** close z-pocket */
-  async close() {
-    this.status = PocketStatus.CLOSED;
-  }
-  emitPocketToggle(id, status) {
-    this.pocketToggle.emit({ id, status });
-  }
-  handlePocketHeaderClick(e) {
-    if (e.detail.id && e.detail.id === this.pocketid) {
-      switch (this.status) {
-        case PocketStatus.PREVIEW:
-        case PocketStatus.CLOSED:
-          this.status = PocketStatus.OPEN;
-          break;
-        case PocketStatus.OPEN:
-          this.status = PocketStatus.CLOSED;
-          break;
-      }
-    }
-  }
-  handlePocketHeaderPan(e) {
-    if (e.detail.id && e.detail.id === this.pocketid) {
-      if (e.detail.direction === "up") {
-        this.status = PocketStatus.OPEN;
-      }
-      else if (e.detail.direction === "down") {
-        this.status = PocketStatus.CLOSED;
-      }
-    }
-  }
-  watchStatusHandler(newVal) {
-    this.emitPocketToggle(this.pocketid, newVal);
-  }
-  componentWillLoad() {
-    this.emitPocketToggle(this.pocketid, this.status);
-  }
-  handleBackgroundClick(e) {
-    if (e.target.dataset.action == "pocketBackground") {
-      this.close();
-    }
-  }
-  render() {
-    return (h("div", null, h("div", { "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { id: this.pocketid, class: "content-wrapper" }, h("div", null, h("slot", null)))));
-  }
-  get hostElement() { return getElement(this); }
-  static get watchers() { return {
-    "status": ["watchStatusHandler"]
-  }; }
-};
-ZPocket.style = stylesCss;
-
-export { ZPocket as z_pocket };