ku4web-components 6.4.34 → 6.4.38

package/dist/collection/components/ku4-panel/ku4-panel.css

@@ -1,14 +0,0 @@
-:host {
-  -webkit-backface-visibility: hidden;
-  display: block;
-  width: 100%;
-  height: auto;
-  max-height: 0;
-  transition: max-height 0.4s, padding 0.6s;
-  overflow: hidden;
-}
-
-:host([open]) {
-  padding-top: inherit;
-  padding-bottom: inherit;
-}

package/dist/collection/components/ku4-panel/ku4-panel.js

@@ -1,119 +0,0 @@
-import { Component, Host, Prop, Watch, State, Method, h, Element, Listen } from '@stencil/core';
-/**
- * @description ku4-panel
- */
-export class Ku4Panel {
-  constructor() {
-    /**
-     * Set true to display panel
-     */
-    this.open = false;
-    this.maxHeight = this.open ? 'none' : '0px';
-  }
-  openHandler(value) {
-    if (value) {
-      this.maxHeight = `${this.host.scrollHeight}px`;
-    }
-    else {
-      this.host.style.maxHeight = `${this.host.scrollHeight}px`;
-      this.maxHeight = '0px';
-    }
-  }
-  handleTransitionEnd() {
-    this.maxHeight = this.open ? 'none' : '0px';
-  }
-  /**
-   * Toggle panel state
-   */
-  async toggle() {
-    this.open = !this.open;
-  }
-  /**
-   * Close panel
-   */
-  async close() {
-    this.open = false;
-  }
-  render() {
-    const { open, maxHeight } = this;
-    return (h(Host, { "aria-hidden": open ? 'false' : 'true', tabIndex: open ? 0 : -1, style: { maxHeight } },
-      h("slot", null)));
-  }
-  static get is() { return "ku4-panel"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ku4-panel.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ku4-panel.css"]
-  }; }
-  static get properties() { return {
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set true to display panel"
-      },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "maxHeight": {}
-  }; }
-  static get methods() { return {
-    "toggle": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Toggle panel state",
-        "tags": []
-      }
-    },
-    "close": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Close panel",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "open",
-      "methodName": "openHandler"
-    }]; }
-  static get listeners() { return [{
-      "name": "transitionend",
-      "method": "handleTransitionEnd",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/ku4-preview/ku4-preview.css

@@ -1,23 +0,0 @@
-:host {
-  position: relative;
-  display: block;
-  width: 200px;
-  height: 120px;
-  border: solid 2px #aaa;
-  box-sizing: border-box;
-  overflow: hidden;
-  object-fit: cover;
-}
-
-img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: inherit;
-}
-
-::slotted(*) {
-  position: relative;
-}

package/dist/collection/components/ku4-preview/ku4-preview.js

@@ -1,249 +0,0 @@
-import { Component, Prop, State, Watch, Method, Host, h } from '@stencil/core';
-import { Assert } from 'ku4es-kernel';
-import { Device } from 'ku4es-ui-kernel';
-import { image } from 'ku4es-ui-data';
-function portraitOrientation() {
-  const { orientation } = Device;
-  return (orientation === Device.landscapePrimary ? 8
-    : orientation === Device.landscapeSecondary ? 6
-      : orientation === Device.portraitPrimary ? 1
-        : orientation === Device.portraitSecondary ? 3
-          : undefined);
-}
-/**
- * @description ku4-preview
- */
-export class Ku4Preview {
-  constructor() {
-    this.handleChange = this.handleChange.bind(this);
-  }
-  orientationHandler() {
-    this.orient(this.orientation);
-  }
-  /**
-   * Read data out of this preview
-   */
-  async read() {
-    return this.input.files;
-  }
-  handleChange() {
-    this.status = 'loading';
-    let value;
-    if (Assert.exists(this.orientation)) {
-      value = this.orientation;
-    }
-    else if (this.capture === 'portrait') {
-      value = portraitOrientation();
-    }
-    else if (this.capture === 'landscape') {
-      value = undefined;
-    }
-    else {
-      value = Device.orientation === Device.portraitPrimary
-        ? portraitOrientation()
-        : undefined;
-    }
-    this.orient(value);
-  }
-  orient(orientation) {
-    image.dataUrlFromFile(this.input.files[0], {
-      crossDomain: true,
-      resolution: { x: this.resolutionX, y: this.resolutionY },
-      orientation
-    })
-      .then((dataUrl) => {
-      this.currentSrc = dataUrl;
-      this.status = 'loaded';
-    })
-      .catch(() => {
-      this.status = 'error';
-      this.currentSrc = null;
-    });
-  }
-  componentWillLoad() {
-    this.input = document.getElementById(this.for);
-    this.input.addEventListener('change', this.handleChange);
-  }
-  disconnectedCallback() {
-    this.input.removeEventListener('change', this.handleChange);
-  }
-  render() {
-    return (h(Host, null,
-      h("img", { src: this.currentSrc || this.src, alt: this.alt || 'preview image' }),
-      h("slot", null)));
-  }
-  static get is() { return "ku4-preview"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ku4-preview.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ku4-preview.css"]
-  }; }
-  static get properties() { return {
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Preview for input having id of value"
-      },
-      "attribute": "for",
-      "reflect": false
-    },
-    "src": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The default image src"
-      },
-      "attribute": "src",
-      "reflect": false
-    },
-    "orientation": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "1 | 6 | 8",
-        "resolved": "1 | 6 | 8",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "EXIF orientation. This will override\nany set capture value. (optional)"
-      },
-      "attribute": "orientation",
-      "reflect": false
-    },
-    "resolutionX": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Maximum display x resolution (optional).\nThis will have no effect on the uploaded file\nonly on preview display. It can be very useful\nto set maximum display resolutions to\nsignificantly increase load times for large files."
-      },
-      "attribute": "resolution-x",
-      "reflect": false
-    },
-    "resolutionY": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Maximum display y resolution (optional).\nThis will have no effect on the uploaded file\nonly on preview display. It can be very useful\nto set maximum display resolutions to\nsignificantly increase load times for large files."
-      },
-      "attribute": "resolution-y",
-      "reflect": false
-    },
-    "capture": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'portrait' | 'landscape'",
-        "resolved": "\"landscape\" | \"portrait\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Force a 'portrait' or 'landscape' capture\norientation. This is unlikely necessary, but\nuseful for those who want to implement specific\ncustom capture orientation logic. (optional)"
-      },
-      "attribute": "capture",
-      "reflect": false
-    },
-    "status": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "'loading' | 'loaded' | 'error'",
-        "resolved": "\"error\" | \"loaded\" | \"loading\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates load status of target asset (readonly)"
-      },
-      "attribute": "status",
-      "reflect": true
-    },
-    "alt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Alt text"
-      },
-      "attribute": "alt",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "currentSrc": {}
-  }; }
-  static get methods() { return {
-    "read": {
-      "complexType": {
-        "signature": "() => Promise<FileList>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "FileList": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<FileList>"
-      },
-      "docs": {
-        "text": "Read data out of this preview",
-        "tags": []
-      }
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "orientation",
-      "methodName": "orientationHandler"
-    }]; }
-}

package/dist/collection/components/ku4-tab/ku4-tab.css

@@ -1,82 +0,0 @@
-/** START | style resets **/
-button {
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: transparent;
-  -webkit-appearance: none;
-}
-
-/** END | style resets **/
-:host {
-  position: relative;
-  display: block;
-  width: 100%;
-  padding: 20px 30px;
-  background-color: #eee;
-  text-align: center;
-  color: #aaa;
-  cursor: pointer;
-}
-
-:host(:focus) {
-  background-color: #eee;
-  color: #666;
-  z-index: 2;
-}
-
-:host(:hover) {
-  background-color: #eee;
-  color: #666;
-}
-
-:host(:active) {
-  background-color: #fff;
-  color: #333;
-}
-
-:host([selected]) {
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  background-color: #fff;
-  color: #444;
-}
-
-button {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-}
-
-@media only screen and (min-width: 768px) {
-  :host {
-    width: auto;
-    border-top: 1px solid #ccc;
-    border-right: 1px solid #ccc;
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-    background-color: #eee;
-  }
-
-  :host(:first-of-type) {
-    border-left: 1px solid #ccc;
-  }
-
-  :host([selected]) {
-    padding-bottom: 1px;
-    border-top: 1px solid #ccc;
-    border-bottom: none;
-  }
-
-  :host([selected]):after {
-    content: " ";
-    position: absolute;
-    display: block;
-    left: 0;
-    bottom: -1px;
-    width: 100%;
-    height: 1px;
-    box-sizing: border-box;
-    background-color: inherit;
-  }
-}

package/dist/collection/components/ku4-tab/ku4-tab.js

@@ -1,191 +0,0 @@
-import { Component, Element, Host, Prop, State, Method, Listen, Event, h, } from '@stencil/core';
-import uid from '../../capabilities/identity/uid';
-/**
- * @description ku4-tab
- */
-export class Ku4Tab {
-  constructor() {
-    /**
-     * Active when true
-     */
-    this.selected = false;
-  }
-  handleClick(e) {
-    this.tabClick.emit(e);
-  }
-  handleKeyUp(e) {
-    this.tabKeyUp.emit(e);
-  }
-  /**
-   * Set this tab as selected.
-   */
-  async select() {
-    this.selected = true;
-    this.panel.select();
-    this.host.focus();
-  }
-  /**
-   * Unset this tab as selected
-   */
-  async deselect() {
-    this.selected = false;
-    this.panel.deselect();
-  }
-  /**
-   * Connect this tab to a panel
-   * @param {HTMLElement} panel - The target ku4-tab-panel HTMLElement
-   */
-  async connect(panel) {
-    panel.connect(this);
-  }
-  get id() {
-    return this.host.id || uid();
-  }
-  /**
-   * @param {Ku4TabPanel} panel - panel to assign to this tab
-   * @internal
-   */
-  $assignPanel(panel) {
-    this.panel = panel;
-  }
-  render() {
-    const { selected, panel } = this;
-    return (h(Host, { id: this.host.id || uid(), role: "tab", type: "button", tabIndex: selected ? 0 : -1, "aria-controls": panel && panel.id, "aria-selected": selected ? 'true' : 'false' },
-      h("slot", null)));
-  }
-  static get is() { return "ku4-tab"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ku4-tab.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ku4-tab.css"]
-  }; }
-  static get properties() { return {
-    "selected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Active when true"
-      },
-      "attribute": "selected",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "panel": {}
-  }; }
-  static get events() { return [{
-      "method": "tabClick",
-      "name": "ku4TabClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fired when this tab is clicked."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "tabKeyUp",
-      "name": "ku4TabKeyup",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fired when this tab is keyup."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "select": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Set this tab as selected.",
-        "tags": []
-      }
-    },
-    "deselect": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Unset this tab as selected",
-        "tags": []
-      }
-    },
-    "connect": {
-      "complexType": {
-        "signature": "(panel: any) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "text": "panel - The target ku4-tab-panel HTMLElement",
-                "name": "param"
-              }],
-            "text": "- The target ku4-tab-panel HTMLElement"
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Connect this tab to a panel",
-        "tags": [{
-            "name": "param",
-            "text": "panel - The target ku4-tab-panel HTMLElement"
-          }]
-      }
-    }
-  }; }
-  static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keyup",
-      "method": "handleKeyUp",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/ku4-tab-list/ku4-tab-list.css

@@ -1,6 +0,0 @@
-:host {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}