@operato/layout 0.3.21 → 0.3.27

package/dist/src/ox-layout.js

@@ -1,148 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { render } from 'lit-html';
-import { customElement, state } from 'lit/decorators.js';
-import { ScrollbarStyles } from '@operato/styles';
-let OxLayout = class OxLayout extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._onfocusout = function (e) {
-            const to = e.relatedTarget;
-            if (!this.contains(to)) {
-                /* 분명히 내 범위가 아닌 엘리먼트로 포커스가 옮겨졌다면, ox-popup은 닫혀야 한다. */
-                // @ts-ignore for debug
-                !window.POPUP_DEBUG && this.close();
-            }
-        }.bind(this);
-        this._onkeydown = function (e) {
-            e.stopPropagation();
-            switch (e.key) {
-                case 'Esc': // for IE/Edge
-                case 'Escape':
-                    this.close();
-                    break;
-            }
-        }.bind(this);
-        this._onkeyup = function (e) {
-            e.stopPropagation();
-        }.bind(this);
-        this._onclick = function (e) {
-            e.stopPropagation();
-        }.bind(this);
-        this._onclose = function (e) {
-            this.close();
-        }.bind(this);
-        this._oncollapse = function (e) {
-            e.stopPropagation();
-            this.close();
-        }.bind(this);
-        this._onwindowblur = function (e) {
-            // @ts-ignore for debug
-            !window.POPUP_DEBUG && this.close();
-        }.bind(this);
-    }
-    render() {
-        return html ` <slot> </slot> `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('focusout', this._onfocusout);
-        this.addEventListener('keydown', this._onkeydown);
-        this.addEventListener('keyup', this._onkeyup);
-        this.addEventListener('click', this._onclick);
-        this.addEventListener('ox-close', this._onclose);
-        this.addEventListener('ox-collapse', this._oncollapse);
-        this.setAttribute('tabindex', '0'); // make this element focusable
-        this.guaranteeFocus();
-    }
-    /**
-     * Configuration for opening ox-layout
-     *
-     * @typedef {Object} PopupOpenOptions
-     * @property {HTMLTemplate} template HTMLTemplate to be displayed inside the layout
-     * @property {Number} top The position-top where the pop-up will be displayed
-     * @property {Number} left The position-left where the pop-up will be displayed
-     * @property {HTMLElement} parent Popup's parent element
-     */
-    /**
-     * Open Popup
-     *
-     * @param {PopupOpenOptions}
-     */
-    static open({ template, top, left, right, bottom, parent }) {
-        const owner = parent || document.body;
-        const target = document.createElement('ox-layout');
-        render(template, target);
-        target._parent = owner;
-        owner.appendChild(target);
-        target.open({ top, left, right, bottom });
-    }
-    open({ left, top, right, bottom, silent = false }) {
-        if (left !== undefined)
-            this.style.left = `${left}px`;
-        if (top !== undefined)
-            this.style.top = `${top}px`;
-        if (right !== undefined)
-            this.style.right = `${right}px`;
-        if (bottom !== undefined)
-            this.style.bottom = `${bottom}px`;
-        this.setAttribute('active', '');
-        !silent && this.guaranteeFocus();
-        /* When the window is out of focus, all pop-ups should disappear. */
-        window.addEventListener('blur', this._onwindowblur);
-    }
-    guaranteeFocus() {
-        const focusible = this.querySelector(':scope > button, :scope > [href], :scope > input, :scope > select, :scope > textarea, :scope > [tabindex]:not([tabindex="-1"])');
-        if (focusible) {
-            ;
-            focusible.focus();
-        }
-        else {
-            this.focus();
-        }
-    }
-    close() {
-        this.removeAttribute('active');
-        window.removeEventListener('blur', this._onwindowblur);
-        if (this._parent) {
-            /* this case is when the layout is opened by OxLayout.open(...) */
-            this.removeEventListener('focusout', this._onfocusout);
-            this.removeEventListener('keydown', this._onkeydown);
-            this.removeEventListener('keyup', this._onkeyup);
-            this.removeEventListener('click', this._onclick);
-            this.removeEventListener('ox-close', this._onclose);
-            this.removeEventListener('ox-collapse', this._oncollapse);
-            this._parent.removeChild(this);
-            delete this._parent;
-        }
-    }
-};
-OxLayout.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        position: absolute;
-        display: none;
-        background-color: white;
-        z-index: 100;
-        box-sizing: border-box;
-        min-width: fit-content;
-      }
-
-      :host([active]) {
-        display: block;
-      }
-
-      :host(*:focus) {
-        outline: none;
-      }
-    `
-];
-__decorate([
-    state()
-], OxLayout.prototype, "_parent", void 0);
-OxLayout = __decorate([
-    customElement('ox-layout')
-], OxLayout);
-export { OxLayout };
-//# sourceMappingURL=ox-layout.js.map

package/dist/src/ox-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-layout.js","sourceRoot":"","sources":["../../src/ox-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { render } from 'lit-html';\nimport { customElement, state } from 'lit/decorators.js';\n\nimport { ScrollbarStyles } from '@operato/styles';\n\n@customElement('ox-layout')\nexport class OxLayout extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        position: absolute;\n        display: none;\n        background-color: white;\n        z-index: 100;\n        box-sizing: border-box;\n        min-width: fit-content;\n      }\n\n      :host([active]) {\n        display: block;\n      }\n\n      :host(*:focus) {\n        outline: none;\n      }\n    `\n  ]\n\n  @state() _parent?: Element\n\n  render() {\n    return html` <slot> </slot> `\n  }\n\n  protected _onfocusout: (e: FocusEvent) => void = function (this: OxLayout, e: FocusEvent) {\n    const to = e.relatedTarget as HTMLElement\n\n    if (!this.contains(to)) {\n      /* 분명히 내 범위가 아닌 엘리먼트로 포커스가 옮겨졌다면, ox-popup은 닫혀야 한다. */\n      // @ts-ignore for debug\n      !window.POPUP_DEBUG && this.close()\n    }\n  }.bind(this)\n\n  protected _onkeydown: (e: KeyboardEvent) => void = function (this: OxLayout, e: KeyboardEvent) {\n    e.stopPropagation()\n\n    switch (e.key) {\n      case 'Esc': // for IE/Edge\n      case 'Escape':\n        this.close()\n        break\n    }\n  }.bind(this)\n\n  protected _onkeyup: (e: KeyboardEvent) => void = function (this: OxLayout, e: KeyboardEvent) {\n    e.stopPropagation()\n  }.bind(this)\n\n  protected _onclick: (e: MouseEvent) => void = function (this: OxLayout, e: MouseEvent) {\n    e.stopPropagation()\n  }.bind(this)\n\n  protected _onclose: (e: Event) => void = function (this: OxLayout, e: Event) {\n    this.close()\n  }.bind(this)\n\n  protected _oncollapse: (e: Event) => void = function (this: OxLayout, e: Event) {\n    e.stopPropagation()\n    this.close()\n  }.bind(this)\n\n  protected _onwindowblur: (e: Event) => void = function (this: OxLayout, e: Event) {\n    // @ts-ignore for debug\n    !window.POPUP_DEBUG && this.close()\n  }.bind(this)\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.addEventListener('focusout', this._onfocusout)\n    this.addEventListener('keydown', this._onkeydown)\n    this.addEventListener('keyup', this._onkeyup)\n    this.addEventListener('click', this._onclick)\n    this.addEventListener('ox-close', this._onclose)\n    this.addEventListener('ox-collapse', this._oncollapse)\n\n    this.setAttribute('tabindex', '0') // make this element focusable\n    this.guaranteeFocus()\n  }\n\n  /**\n   * Configuration for opening ox-layout\n   *\n   * @typedef {Object} PopupOpenOptions\n   * @property {HTMLTemplate} template HTMLTemplate to be displayed inside the layout\n   * @property {Number} top The position-top where the pop-up will be displayed\n   * @property {Number} left The position-left where the pop-up will be displayed\n   * @property {HTMLElement} parent Popup's parent element\n   */\n\n  /**\n   * Open Popup\n   *\n   * @param {PopupOpenOptions}\n   */\n  static open({\n    template,\n    top,\n    left,\n    right,\n    bottom,\n    parent\n  }: {\n    template: unknown\n    top?: number\n    left?: number\n    right?: number\n    bottom?: number\n    parent?: Element | null\n  }) {\n    const owner = parent || document.body\n    const target = document.createElement('ox-layout') as OxLayout\n\n    render(template, target)\n\n    target._parent = owner\n    owner.appendChild(target)\n\n    target.open({ top, left, right, bottom })\n  }\n\n  open({\n    left,\n    top,\n    right,\n    bottom,\n    silent = false\n  }: {\n    left?: number\n    top?: number\n    right?: number\n    bottom?: number\n    silent?: boolean\n  }) {\n    if (left !== undefined) this.style.left = `${left}px`\n    if (top !== undefined) this.style.top = `${top}px`\n    if (right !== undefined) this.style.right = `${right}px`\n    if (bottom !== undefined) this.style.bottom = `${bottom}px`\n\n    this.setAttribute('active', '')\n\n    !silent && this.guaranteeFocus()\n\n    /* When the window is out of focus, all pop-ups should disappear. */\n    window.addEventListener('blur', this._onwindowblur)\n  }\n\n  guaranteeFocus() {\n    const focusible = this.querySelector(\n      ':scope > button, :scope > [href], :scope > input, :scope > select, :scope > textarea, :scope > [tabindex]:not([tabindex=\"-1\"])'\n    )\n\n    if (focusible) {\n      ;(focusible as HTMLElement).focus()\n    } else {\n      this.focus()\n    }\n  }\n\n  close() {\n    this.removeAttribute('active')\n\n    window.removeEventListener('blur', this._onwindowblur)\n\n    if (this._parent) {\n      /* this case is when the layout is opened by OxLayout.open(...) */\n      this.removeEventListener('focusout', this._onfocusout)\n      this.removeEventListener('keydown', this._onkeydown)\n      this.removeEventListener('keyup', this._onkeyup)\n      this.removeEventListener('click', this._onclick)\n      this.removeEventListener('ox-close', this._onclose)\n      this.removeEventListener('ox-collapse', this._oncollapse)\n\n      this._parent.removeChild(this)\n      delete this._parent\n    }\n  }\n}\n"]}

package/dist/src/ox-toolbar-style.d.ts

@@ -1,4 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-export declare const style: import("lit").CSSResult;

package/dist/src/ox-toolbar-style.js

@@ -1,207 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { css } from 'lit';
-export const style = css `
-  :host {
-    background-color: var(--edit-toolbar-background-color, #394e64);
-    overflow: hidden;
-  }
-
-  [tools] {
-    display: flex;
-    align-items: center;
-    overflow: none;
-    padding: 0px 10px;
-  }
-
-  [tools] > * {
-    padding: 0px;
-  }
-
-  [tools] > span[button] {
-    min-width: 30px;
-  }
-
-  [tools] > span[padding] {
-    flex: 1;
-  }
-
-  [tools] > .vline {
-    display: block;
-    flex: none;
-    border-left: 1px solid rgba(255, 255, 255, 0.2);
-    border-right: 1px solid rgba(0, 0, 0, 0.15);
-    width: 0px;
-    height: 18px;
-    margin: 0 3px;
-  }
-
-  span[button] {
-    min-height: 35px;
-
-    background: var(--url-icon-toolbar) no-repeat;
-    background-position-x: 50%;
-    opacity: 0.8;
-  }
-  span[button]:hover {
-    opacity: 1;
-    background-color: rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-  }
-
-  #fullscreen,
-  #toggle-property {
-    flex: none;
-  }
-
-  #align-left {
-    background-position-y: 8px;
-  }
-
-  #align-center {
-    background-position-y: -42px;
-  }
-
-  #align-right {
-    background-position-y: -92px;
-  }
-
-  #align-top {
-    background-position-y: -142px;
-  }
-
-  #align-middle {
-    background-position-y: -192px;
-  }
-
-  #align-bottom {
-    background-position-y: -242px;
-  }
-
-  #undo {
-    background-position-y: -592px;
-  }
-
-  #redo {
-    background-position-y: -642px;
-  }
-
-  #front {
-    background-position-y: -292px;
-  }
-
-  #back {
-    background-position-y: -342px;
-  }
-
-  #forward {
-    background-position-y: -392px;
-  }
-
-  #backward {
-    background-position-y: -442px;
-  }
-
-  #symmetry-x {
-    background-position-y: -492px;
-  }
-
-  #symmetry-y {
-    background-position-y: -542px;
-  }
-
-  #group {
-    background-position-y: -492px;
-  }
-
-  #ungroup {
-    background-position-y: -542px;
-  }
-
-  #fullscreen {
-    background-position-y: -692px;
-  }
-
-  #toggle-property {
-    background-position-y: -692px;
-    float: right;
-  }
-
-  #zoomin {
-    background-position-y: -742px;
-  }
-
-  #zoomout {
-    background-position-y: -792px;
-  }
-
-  #fit-scene {
-    background-position-y: -1492px;
-  }
-
-  #cut {
-    background-position-y: -842px;
-  }
-
-  #copy {
-    background-position-y: -892px;
-  }
-
-  #paste {
-    background-position-y: -942px;
-  }
-
-  #delete {
-    background-position-y: -992px;
-  }
-
-  #font-increase {
-    background-position-y: -1042px;
-  }
-
-  #font-decrease {
-    background-position-y: -1092px;
-  }
-
-  #style-copy {
-    background-position-y: -1142px;
-  }
-
-  #context-menu {
-    background-position-y: -692px;
-  }
-
-  #symmetry-x {
-    background-position-y: -1192px;
-  }
-
-  #symmetry-y {
-    background-position-y: -1242px;
-  }
-
-  #rotate-cw {
-    background-position-y: -1292px;
-  }
-
-  #rotate-ccw {
-    background-position-y: -1342px;
-  }
-
-  #distribute-horizontal {
-    background-position-y: -1542px;
-  }
-
-  #distribute-vertical {
-    background-position-y: -1593px;
-  }
-
-  #toggle-property {
-    background-position-y: -1392px;
-  }
-
-  #preview {
-    background-position-y: -1640px;
-  }
-`;
-//# sourceMappingURL=ox-toolbar-style.js.map

package/dist/src/ox-toolbar-style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-toolbar-style.js","sourceRoot":"","sources":["../../src/ox-toolbar-style.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyMvB,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css } from 'lit'\n\nexport const style = css`\n  :host {\n    background-color: var(--edit-toolbar-background-color, #394e64);\n    overflow: hidden;\n  }\n\n  [tools] {\n    display: flex;\n    align-items: center;\n    overflow: none;\n    padding: 0px 10px;\n  }\n\n  [tools] > * {\n    padding: 0px;\n  }\n\n  [tools] > span[button] {\n    min-width: 30px;\n  }\n\n  [tools] > span[padding] {\n    flex: 1;\n  }\n\n  [tools] > .vline {\n    display: block;\n    flex: none;\n    border-left: 1px solid rgba(255, 255, 255, 0.2);\n    border-right: 1px solid rgba(0, 0, 0, 0.15);\n    width: 0px;\n    height: 18px;\n    margin: 0 3px;\n  }\n\n  span[button] {\n    min-height: 35px;\n\n    background: var(--url-icon-toolbar) no-repeat;\n    background-position-x: 50%;\n    opacity: 0.8;\n  }\n  span[button]:hover {\n    opacity: 1;\n    background-color: rgba(0, 0, 0, 0.1);\n    cursor: pointer;\n  }\n\n  #fullscreen,\n  #toggle-property {\n    flex: none;\n  }\n\n  #align-left {\n    background-position-y: 8px;\n  }\n\n  #align-center {\n    background-position-y: -42px;\n  }\n\n  #align-right {\n    background-position-y: -92px;\n  }\n\n  #align-top {\n    background-position-y: -142px;\n  }\n\n  #align-middle {\n    background-position-y: -192px;\n  }\n\n  #align-bottom {\n    background-position-y: -242px;\n  }\n\n  #undo {\n    background-position-y: -592px;\n  }\n\n  #redo {\n    background-position-y: -642px;\n  }\n\n  #front {\n    background-position-y: -292px;\n  }\n\n  #back {\n    background-position-y: -342px;\n  }\n\n  #forward {\n    background-position-y: -392px;\n  }\n\n  #backward {\n    background-position-y: -442px;\n  }\n\n  #symmetry-x {\n    background-position-y: -492px;\n  }\n\n  #symmetry-y {\n    background-position-y: -542px;\n  }\n\n  #group {\n    background-position-y: -492px;\n  }\n\n  #ungroup {\n    background-position-y: -542px;\n  }\n\n  #fullscreen {\n    background-position-y: -692px;\n  }\n\n  #toggle-property {\n    background-position-y: -692px;\n    float: right;\n  }\n\n  #zoomin {\n    background-position-y: -742px;\n  }\n\n  #zoomout {\n    background-position-y: -792px;\n  }\n\n  #fit-scene {\n    background-position-y: -1492px;\n  }\n\n  #cut {\n    background-position-y: -842px;\n  }\n\n  #copy {\n    background-position-y: -892px;\n  }\n\n  #paste {\n    background-position-y: -942px;\n  }\n\n  #delete {\n    background-position-y: -992px;\n  }\n\n  #font-increase {\n    background-position-y: -1042px;\n  }\n\n  #font-decrease {\n    background-position-y: -1092px;\n  }\n\n  #style-copy {\n    background-position-y: -1142px;\n  }\n\n  #context-menu {\n    background-position-y: -692px;\n  }\n\n  #symmetry-x {\n    background-position-y: -1192px;\n  }\n\n  #symmetry-y {\n    background-position-y: -1242px;\n  }\n\n  #rotate-cw {\n    background-position-y: -1292px;\n  }\n\n  #rotate-ccw {\n    background-position-y: -1342px;\n  }\n\n  #distribute-horizontal {\n    background-position-y: -1542px;\n  }\n\n  #distribute-vertical {\n    background-position-y: -1593px;\n  }\n\n  #toggle-property {\n    background-position-y: -1392px;\n  }\n\n  #preview {\n    background-position-y: -1640px;\n  }\n`\n"]}

package/dist/src/ox-toolbar.d.ts

@@ -1,4 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-export {};

package/dist/src/ox-toolbar.js

@@ -1,123 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { isMacOS } from '@operato/utils';
-const MACOS = isMacOS();
-let OxToolbar = class OxToolbar extends LitElement {
-    render() {
-        return html ` <slot></slot> `;
-    }
-    firstUpdated() {
-        this.addEventListener('mousewheel', this.onWheelEvent.bind(this), false);
-    }
-    onWheelEvent(e) {
-        var delta = Math.max(-1, Math.min(1, e.deltaY || -e.detail));
-        this.scrollLeft -= delta * 40;
-        e.preventDefault();
-    }
-    getSymbol(key) {
-        var symbol;
-        switch (key) {
-            case 'cmd':
-            case 'ctrl':
-                symbol = MACOS ? '⌘' : 'Ctrl';
-                break;
-            case 'shift':
-                symbol = MACOS ? '⇧' : 'Shift';
-                break;
-            case 'alt':
-            case 'option':
-                symbol = MACOS ? '⌥' : 'Alt';
-                break;
-            case 'backspace':
-                symbol = MACOS ? '⌫' : 'BackSpace';
-                break;
-            case 'delete':
-                symbol = MACOS ? '⌦' : 'Del';
-                break;
-            default:
-                symbol = key.toUpperCase();
-                break;
-        }
-        return symbol;
-    }
-    getShortcutString() {
-        var symbols = [];
-        for (var i = 0; i < arguments.length; i++) {
-            symbols.push(this.getSymbol(arguments[i]));
-        }
-        return symbols.join(MACOS ? '' : '+');
-    }
-    onShortcut(e) {
-        var ctrlKey = MACOS ? e.metaKey : e.ctrlKey;
-        var altKey = e.altKey;
-        var shiftKey = e.shiftKey;
-        var defaultPrevent = ctrlKey || altKey;
-        switch (e.code) {
-            default:
-                return false;
-        }
-        if (defaultPrevent)
-            e.preventDefault();
-        return true;
-    }
-};
-OxToolbar.styles = [
-    css `
-      :host {
-        background-color: var(--edit-toolbar-background-color, #394e64);
-        overflow: hidden;
-      }
-
-      [tools] {
-        display: flex;
-        align-items: center;
-        overflow: none;
-        padding: 0px 10px;
-      }
-
-      [tools] > * {
-        padding: 0px;
-      }
-
-      [tools] > span[button] {
-        min-width: 30px;
-      }
-
-      [tools] > span[padding] {
-        flex: 1;
-      }
-
-      [tools] > .vline {
-        display: block;
-        flex: none;
-        border-left: 1px solid rgba(255, 255, 255, 0.2);
-        border-right: 1px solid rgba(0, 0, 0, 0.15);
-        width: 0px;
-        height: 18px;
-        margin: 0 3px;
-      }
-
-      span[button] {
-        min-height: 35px;
-
-        background: var(--url-icon-toolbar) no-repeat;
-        background-position-x: 50%;
-        opacity: 0.8;
-      }
-
-      span[button]:hover {
-        opacity: 1;
-        background-color: rgba(0, 0, 0, 0.1);
-        cursor: pointer;
-      }
-    `
-];
-OxToolbar = __decorate([
-    customElement('ox-toolbar')
-], OxToolbar);
-customElements.define('process-edit-toolbar', OxToolbar);
-//# sourceMappingURL=ox-toolbar.js.map

package/dist/src/ox-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-toolbar.js","sourceRoot":"","sources":["../../src/ox-toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { isMacOS } from '@operato/utils'\n\nconst MACOS = isMacOS()\n\n@customElement('ox-toolbar')\nclass OxToolbar extends LitElement {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--edit-toolbar-background-color, #394e64);\n        overflow: hidden;\n      }\n\n      [tools] {\n        display: flex;\n        align-items: center;\n        overflow: none;\n        padding: 0px 10px;\n      }\n\n      [tools] > * {\n        padding: 0px;\n      }\n\n      [tools] > span[button] {\n        min-width: 30px;\n      }\n\n      [tools] > span[padding] {\n        flex: 1;\n      }\n\n      [tools] > .vline {\n        display: block;\n        flex: none;\n        border-left: 1px solid rgba(255, 255, 255, 0.2);\n        border-right: 1px solid rgba(0, 0, 0, 0.15);\n        width: 0px;\n        height: 18px;\n        margin: 0 3px;\n      }\n\n      span[button] {\n        min-height: 35px;\n\n        background: var(--url-icon-toolbar) no-repeat;\n        background-position-x: 50%;\n        opacity: 0.8;\n      }\n\n      span[button]:hover {\n        opacity: 1;\n        background-color: rgba(0, 0, 0, 0.1);\n        cursor: pointer;\n      }\n    `\n  ]\n\n  render() {\n    return html` <slot></slot> `\n  }\n\n  firstUpdated() {\n    this.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n  }\n\n  onWheelEvent(e: Event) {\n    var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  getSymbol(key: string) {\n    var symbol\n    switch (key) {\n      case 'cmd':\n      case 'ctrl':\n        symbol = MACOS ? '⌘' : 'Ctrl'\n        break\n      case 'shift':\n        symbol = MACOS ? '⇧' : 'Shift'\n        break\n      case 'alt':\n      case 'option':\n        symbol = MACOS ? '⌥' : 'Alt'\n        break\n      case 'backspace':\n        symbol = MACOS ? '⌫' : 'BackSpace'\n        break\n      case 'delete':\n        symbol = MACOS ? '⌦' : 'Del'\n        break\n      default:\n        symbol = key.toUpperCase()\n        break\n    }\n\n    return symbol\n  }\n\n  getShortcutString() {\n    var symbols = []\n    for (var i = 0; i < arguments.length; i++) {\n      symbols.push(this.getSymbol(arguments[i]))\n    }\n\n    return symbols.join(MACOS ? '' : '+')\n  }\n\n  onShortcut(e: KeyboardEvent) {\n    var ctrlKey = MACOS ? e.metaKey : e.ctrlKey\n    var altKey = e.altKey\n    var shiftKey = e.shiftKey\n\n    var defaultPrevent = ctrlKey || altKey\n\n    switch (e.code) {\n      default:\n        return false\n    }\n\n    if (defaultPrevent) e.preventDefault()\n    return true\n  }\n}\n\ncustomElements.define('process-edit-toolbar', OxToolbar)\n"]}

package/dist/stories/index.stories.d.ts

@@ -1,33 +0,0 @@
-import '../src/ox-layout';
-import { TemplateResult } from 'lit';
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        title: {
-            control: string;
-        };
-        counter: {
-            control: string;
-        };
-        textColor: {
-            control: string;
-        };
-    };
-};
-export default _default;
-interface Story<T> {
-    (args: T): TemplateResult;
-    args?: Partial<T>;
-    argTypes?: Record<string, unknown>;
-}
-interface ArgTypes {
-    title?: string;
-    counter?: number;
-    textColor?: string;
-    slot?: TemplateResult;
-}
-export declare const Regular: Story<ArgTypes>;
-export declare const CustomTitle: Story<ArgTypes>;
-export declare const CustomCounter: Story<ArgTypes>;
-export declare const SlottedContent: Story<ArgTypes>;

package/dist/stories/index.stories.js

@@ -1,33 +0,0 @@
-import '../src/ox-layout';
-import { html } from 'lit';
-export default {
-    title: 'ContextMenu',
-    component: 'ox-layout',
-    argTypes: {
-        title: { control: 'text' },
-        counter: { control: 'number' },
-        textColor: { control: 'color' }
-    }
-};
-const Template = ({ title = 'Hello world', counter = 5, textColor, slot }) => html `
-  <ox-layout style="--ox-layout-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
-    ${slot}
-  </ox-layout>
-`;
-export const Regular = Template.bind({});
-export const CustomTitle = Template.bind({});
-CustomTitle.args = {
-    title: 'My title'
-};
-export const CustomCounter = Template.bind({});
-CustomCounter.args = {
-    counter: 123456
-};
-export const SlottedContent = Template.bind({});
-SlottedContent.args = {
-    slot: html `<p>Slotted content</p>`
-};
-SlottedContent.argTypes = {
-    slot: { table: { disable: true } }
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/stories/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAChC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;8CAC/D,SAAS,IAAI,OAAO,YAAY,KAAK,aAAa,OAAO;MACjG,IAAI;;CAET,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA,wBAAwB;CACnC,CAAA;AACD,cAAc,CAAC,QAAQ,GAAG;IACxB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACnC,CAAA","sourcesContent":["import '../src/ox-layout';\n\nimport { html, TemplateResult } from 'lit';\n\nexport default {\n  title: 'ContextMenu',\n  component: 'ox-layout',\n  argTypes: {\n    title: { control: 'text' },\n    counter: { control: 'number' },\n    textColor: { control: 'color' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  title?: string\n  counter?: number\n  textColor?: string\n  slot?: TemplateResult\n}\n\nconst Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`\n  <ox-layout style=\"--ox-layout-text-color: ${textColor || 'black'}\" .title=${title} .counter=${counter}>\n    ${slot}\n  </ox-layout>\n`\n\nexport const Regular = Template.bind({})\n\nexport const CustomTitle = Template.bind({})\nCustomTitle.args = {\n  title: 'My title'\n}\n\nexport const CustomCounter = Template.bind({})\nCustomCounter.args = {\n  counter: 123456\n}\n\nexport const SlottedContent = Template.bind({})\nSlottedContent.args = {\n  slot: html`<p>Slotted content</p>`\n}\nSlottedContent.argTypes = {\n  slot: { table: { disable: true } }\n}\n"]}

package/dist/test/ox-layout.test.d.ts

@@ -1 +0,0 @@
-import '../src/ox-layout';

package/dist/test/ox-layout.test.js

@@ -1,24 +0,0 @@
-import '../src/ox-layout';
-import { html } from 'lit';
-import { expect, fixture } from '@open-wc/testing';
-describe('Layout', () => {
-    it('has a default title "Hey there" and counter 5', async () => {
-        const el = await fixture(html `<ox-layout></ox-layout>`);
-        expect(el.title).to.equal('Hey there');
-        // expect(el.counter).to.equal(5)
-    });
-    it('increases the counter on button click', async () => {
-        const el = await fixture(html `<ox-layout></ox-layout>`);
-        el.shadowRoot.querySelector('button').click();
-        // expect(el.counter).to.equal(6)
-    });
-    it('can override the title via attribute', async () => {
-        const el = await fixture(html `<ox-layout title="attribute title"></ox-layout>`);
-        expect(el.title).to.equal('attribute title');
-    });
-    it('passes the a11y audit', async () => {
-        const el = await fixture(html `<ox-layout></ox-layout>`);
-        await expect(el).shadowDom.to.be.accessible();
-    });
-});
-//# sourceMappingURL=ox-layout.test.js.map

package/dist/test/ox-layout.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-layout.test.js","sourceRoot":"","sources":["../../test/ox-layout.test.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAInD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAA;QAEjE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QACtC,iCAAiC;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAA;QACjE,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC,KAAK,EAAE,CAAA;QAE/C,iCAAiC;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,iDAAiD,CAAC,CAAA;QAEzF,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAA;QAEjE,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import '../src/ox-layout';\n\nimport { html } from 'lit';\n\nimport { expect, fixture } from '@open-wc/testing';\n\nimport { OxLayout } from '../src/ox-layout';\n\ndescribe('Layout', () => {\n  it('has a default title \"Hey there\" and counter 5', async () => {\n    const el = await fixture<OxLayout>(html`<ox-layout></ox-layout>`)\n\n    expect(el.title).to.equal('Hey there')\n    // expect(el.counter).to.equal(5)\n  })\n\n  it('increases the counter on button click', async () => {\n    const el = await fixture<OxLayout>(html`<ox-layout></ox-layout>`)\n    el.shadowRoot!.querySelector('button')!.click()\n\n    // expect(el.counter).to.equal(6)\n  })\n\n  it('can override the title via attribute', async () => {\n    const el = await fixture<OxLayout>(html`<ox-layout title=\"attribute title\"></ox-layout>`)\n\n    expect(el.title).to.equal('attribute title')\n  })\n\n  it('passes the a11y audit', async () => {\n    const el = await fixture<OxLayout>(html`<ox-layout></ox-layout>`)\n\n    await expect(el).shadowDom.to.be.accessible()\n  })\n})\n"]}