@things-factory/meta-ui 7.0.1-alpha.1 → 7.0.1-alpha.11

package/dist-client/viewparts/dynamic-menu-landscape-styles.js

@@ -1,149 +0,0 @@
-import { css } from 'lit';
-export const DynamicMenuLandscapeStyles = css `
-  :host {
-    overflow-x: auto;
-    background-color: var(--secondary-text-color);
-    --focus-anchor-color: #e6ffa2;
-  }
-
-  :host > div {
-    overflow-x: auto;
-  }
-
-  :host > div > ul {
-    display: flex;
-    flex-direction: row;
-    list-style: none;
-    margin: auto;
-    padding: 0;
-    border: var(--border-dark-color);
-    border-width: 0 1px;
-    max-width: 1250px;
-  }
-
-  :host > div > ul > li {
-    flex: 1;
-
-    display: flex;
-    flex-direction: column;
-  }
-  :host > div > ul > li > a {
-    display: none;
-    font-weight: bold;
-    font-size: var(--fontsize-large);
-  }
-
-  ul[submenus] {
-    flex: 1;
-    list-style: none;
-    overflow-y: hidden;
-    background-color: var(--primary-color);
-    margin: 0;
-    padding: 0;
-    border-left: var(--border-dark-color);
-  }
-
-  ul[submenus] li {
-    min-width: 120px;
-    max-width: 180px;
-  }
-
-  a {
-    display: block;
-    padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-wide);
-    text-decoration: none;
-    font: normal 14px var(--theme-font);
-    color: var(--theme-white-color);
-    text-transform: capitalize;
-
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  a:hover {
-    font-weight: bold;
-  }
-
-  ul[submenus] a::before {
-    content: '';
-    display: inline-block;
-    position: relative;
-    top: -1px;
-    width: 5px;
-    height: 5px;
-    border: 1px solid var(--theme-white-color);
-    border-radius: 50%;
-    background-color: transparent;
-    margin-right: 3px;
-  }
-  ul[submenus] a:hover,
-  ul[submenus] li[active] a {
-    background-color: rgba(var(--secondary-color-rgb), 0.3);
-    color: var(--focus-anchor-color);
-    font-weight: bold;
-  }
-
-  [description] {
-    background-color: var(--primary-color);
-    margin: 0;
-    padding: var(--padding-default) 0;
-    border-left: 1px solid rgba(0, 0, 0, 0.1);
-    color: var(--focus-anchor-color);
-    font-size: 11px;
-  }
-  [description] mwc-icon {
-    background-color: rgba(0, 0, 0, 0.15);
-    margin-right: 4px;
-    padding: var(--padding-narrow);
-    border-radius: 0 5px 5px 0;
-    float: left;
-    font-size: 26px;
-  }
-
-  @media only screen and (max-width: 460px) {
-    :host {
-      min-width: 100vw;
-    }
-    :host > div {
-      display: initial;
-    }
-    :host > div > ul {
-      flex-direction: column;
-    }
-    a {
-      padding: var(--padding-wide);
-      font: normal 15px var(--theme-font);
-    }
-    li[active] ul {
-      border-bottom: 2px solid rgba(0, 0, 0, 0.1);
-    }
-    li li a {
-      display: block;
-      padding: var(--padding-wide) var(--padding-default) var(--padding-wide) 35px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      font: normal 14px var(--theme-font);
-    }
-    li li[active] a {
-      font: bold 14px var(--theme-font);
-    }
-    :host > div > ul > li > a {
-      display: block;
-    }
-    :host > div > ul > li > a mwc-icon {
-      font-size: 1em;
-      position: relative;
-      top: 2px;
-    }
-    [description] {
-      display: none;
-    }
-    ul[submenus] a:hover,
-    ul[submenus] li[active] a {
-      background-color: rgba(var(--secondary-color-rgb), 0.3);
-    }
-  }
-`;
-//# sourceMappingURL=dynamic-menu-landscape-styles.js.map

package/dist-client/viewparts/dynamic-menu-landscape-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-menu-landscape-styles.js","sourceRoot":"","sources":["../../client/viewparts/dynamic-menu-landscape-styles.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJ5C,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const DynamicMenuLandscapeStyles = css`\n  :host {\n    overflow-x: auto;\n    background-color: var(--secondary-text-color);\n    --focus-anchor-color: #e6ffa2;\n  }\n\n  :host > div {\n    overflow-x: auto;\n  }\n\n  :host > div > ul {\n    display: flex;\n    flex-direction: row;\n    list-style: none;\n    margin: auto;\n    padding: 0;\n    border: var(--border-dark-color);\n    border-width: 0 1px;\n    max-width: 1250px;\n  }\n\n  :host > div > ul > li {\n    flex: 1;\n\n    display: flex;\n    flex-direction: column;\n  }\n  :host > div > ul > li > a {\n    display: none;\n    font-weight: bold;\n    font-size: var(--fontsize-large);\n  }\n\n  ul[submenus] {\n    flex: 1;\n    list-style: none;\n    overflow-y: hidden;\n    background-color: var(--primary-color);\n    margin: 0;\n    padding: 0;\n    border-left: var(--border-dark-color);\n  }\n\n  ul[submenus] li {\n    min-width: 120px;\n    max-width: 180px;\n  }\n\n  a {\n    display: block;\n    padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-wide);\n    text-decoration: none;\n    font: normal 14px var(--theme-font);\n    color: var(--theme-white-color);\n    text-transform: capitalize;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  a:hover {\n    font-weight: bold;\n  }\n\n  ul[submenus] a::before {\n    content: '';\n    display: inline-block;\n    position: relative;\n    top: -1px;\n    width: 5px;\n    height: 5px;\n    border: 1px solid var(--theme-white-color);\n    border-radius: 50%;\n    background-color: transparent;\n    margin-right: 3px;\n  }\n  ul[submenus] a:hover,\n  ul[submenus] li[active] a {\n    background-color: rgba(var(--secondary-color-rgb), 0.3);\n    color: var(--focus-anchor-color);\n    font-weight: bold;\n  }\n\n  [description] {\n    background-color: var(--primary-color);\n    margin: 0;\n    padding: var(--padding-default) 0;\n    border-left: 1px solid rgba(0, 0, 0, 0.1);\n    color: var(--focus-anchor-color);\n    font-size: 11px;\n  }\n  [description] mwc-icon {\n    background-color: rgba(0, 0, 0, 0.15);\n    margin-right: 4px;\n    padding: var(--padding-narrow);\n    border-radius: 0 5px 5px 0;\n    float: left;\n    font-size: 26px;\n  }\n\n  @media only screen and (max-width: 460px) {\n    :host {\n      min-width: 100vw;\n    }\n    :host > div {\n      display: initial;\n    }\n    :host > div > ul {\n      flex-direction: column;\n    }\n    a {\n      padding: var(--padding-wide);\n      font: normal 15px var(--theme-font);\n    }\n    li[active] ul {\n      border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n    }\n    li li a {\n      display: block;\n      padding: var(--padding-wide) var(--padding-default) var(--padding-wide) 35px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font: normal 14px var(--theme-font);\n    }\n    li li[active] a {\n      font: bold 14px var(--theme-font);\n    }\n    :host > div > ul > li > a {\n      display: block;\n    }\n    :host > div > ul > li > a mwc-icon {\n      font-size: 1em;\n      position: relative;\n      top: 2px;\n    }\n    [description] {\n      display: none;\n    }\n    ul[submenus] a:hover,\n    ul[submenus] li[active] a {\n      background-color: rgba(var(--secondary-color-rgb), 0.3);\n    }\n  }\n`\n"]}

package/dist-client/viewparts/dynamic-menu-landscape.d.ts

@@ -1,21 +0,0 @@
-declare const DynamicMenuLandscape_base: (new (...args: any[]) => {
-    _storeUnsubscribe: import("redux").Unsubscribe;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    stateChanged(_state: unknown): void;
-    readonly isConnected: boolean;
-}) & typeof LitElement;
-export class DynamicMenuLandscape extends DynamicMenuLandscape_base {
-    static get styles(): import("lit").CSSResult[];
-    static get properties(): {
-        menus: ArrayConstructor;
-        activeTopLevel: ObjectConstructor;
-        activeMenu: ObjectConstructor;
-        path: StringConstructor;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-    onWheelEvent(e: any): void;
-}
-import { LitElement } from "lit-element/lit-element";
-export {};

package/dist-client/viewparts/dynamic-menu-landscape.js

@@ -1,87 +0,0 @@
-import '@material/mwc-icon';
-import { html, LitElement } from 'lit';
-import { connect } from 'pwa-helpers';
-import { navigate, store } from '@operato/shell';
-import { ScrollbarStyles } from '@operato/styles';
-import { DynamicMenuLandscapeStyles } from './dynamic-menu-landscape-styles';
-export class DynamicMenuLandscape extends connect(store)(LitElement) {
-    static get styles() {
-        return [ScrollbarStyles, DynamicMenuLandscapeStyles];
-    }
-    static get properties() {
-        return {
-            menus: Array,
-            activeTopLevel: Object,
-            activeMenu: Object,
-            path: String
-        };
-    }
-    render() {
-        const { menus = [], activeTopLevel, activeMenu } = this;
-        return html `
-      <div id="wrap">
-        <ul>
-          ${menus.map(menu => {
-            var _a;
-            return menu.type == 'group'
-                ? html ``
-                : html `
-                  <li ?active=${menu === activeTopLevel}>
-                    <a href=${menu.path || '#'}>
-                      ${menu.icon ? html `<mwc-icon>${menu.icon}</mwc-icon>` : html ``} ${menu.name}
-                    </a>
-
-                    <ul submenus>
-                      ${(_a = menu.menus) === null || _a === void 0 ? void 0 : _a.map(menu => html `
-                          <li ?active=${menu === activeMenu}>
-                            <a href=${menu.path || '#'}> ${menu.name} </a>
-                          </li>
-                        `)}
-                    </ul>
-
-                    <div description>
-                      ${menu.icon ? html `<mwc-icon>${menu.icon}</mwc-icon>` : html ``} ${menu.description || ''}
-                    </div>
-                  </li>
-                `;
-        })}
-        </ul>
-      </div>
-    `;
-    }
-    firstUpdated() {
-        const wrap = this.renderRoot.querySelector('#wrap');
-        wrap.addEventListener('mousewheel', this.onWheelEvent.bind(this), false);
-        this.renderRoot.addEventListener('click', e => {
-            if (e.target.submenu) {
-                /* protect to act move to href. */
-                e.stopPropagation();
-                e.preventDefault();
-                let menu = e.target.submenu;
-                this.dispatchEvent(new CustomEvent('active-toplevel', {
-                    bubbles: true,
-                    detail: this.activeTopLevel === menu ? undefined : menu
-                }));
-                return;
-            }
-            /* to respond even if current acting menu is selected */
-            let href = e.target.href;
-            href && location.href === href && navigate(href + '#force', true);
-        });
-        /* to hide scrollbar during transition */
-        this.renderRoot.addEventListener('transitionstart', e => {
-            e.target.removeAttribute('settled');
-        });
-        this.renderRoot.addEventListener('transitionend', e => {
-            e.target.setAttribute('settled', '');
-        });
-    }
-    onWheelEvent(e) {
-        const wrap = e.currentTarget;
-        var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail));
-        wrap.scrollLeft -= delta * 10;
-        e.preventDefault();
-    }
-}
-customElements.define('dynamic-menu-landscape', DynamicMenuLandscape);
-//# sourceMappingURL=dynamic-menu-landscape.js.map

package/dist-client/viewparts/dynamic-menu-landscape.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-menu-landscape.js","sourceRoot":"","sources":["../../client/viewparts/dynamic-menu-landscape.js"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAE5E,MAAM,OAAO,oBAAqB,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAClE,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,eAAe,EAAE,0BAA0B,CAAC,CAAA;IACtD,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,cAAc,EAAE,MAAM;YACtB,UAAU,EAAE,MAAM;YAClB,IAAI,EAAE,MAAM;SACb,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;QAEvD,OAAO,IAAI,CAAA;;;YAGH,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;YACjB,OAAA,IAAI,CAAC,IAAI,IAAI,OAAO;gBAClB,CAAC,CAAC,IAAI,CAAA,EAAE;gBACR,CAAC,CAAC,IAAI,CAAA;gCACY,IAAI,KAAK,cAAc;8BACzB,IAAI,CAAC,IAAI,IAAI,GAAG;wBACtB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,IAAI,IAAI,CAAC,IAAI;;;;wBAIzE,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,CACf,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;wCACI,IAAI,KAAK,UAAU;sCACrB,IAAI,CAAC,IAAI,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI;;yBAE3C,CACF;;;;wBAIC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,IAAI,IAAI,CAAC,WAAW,IAAI,EAAE;;;iBAG7F,CAAA;SAAA,CACN;;;KAGN,CAAA;IACH,CAAC;IAED,YAAY;QACV,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QACnD,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAA;QAExE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC5C,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;gBACpB,kCAAkC;gBAClC,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAElB,IAAI,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;gBAE3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBACjC,OAAO,EAAE,IAAI;oBACb,MAAM,EAAE,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;iBACxD,CAAC,CACH,CAAA;gBAED,OAAM;aACP;YAED,wDAAwD;YACxD,IAAI,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAA;YACxB,IAAI,IAAI,QAAQ,CAAC,IAAI,KAAK,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAG,QAAQ,EAAE,IAAI,CAAC,CAAA;QACnE,CAAC,CAAC,CAAA;QAEF,yCAAyC;QACzC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE;YACtD,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;QACrC,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE;YACpD,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;QACtC,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,YAAY,CAAC,CAAC;QACZ,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,CAAA;QAC5B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;QAChE,IAAI,CAAC,UAAU,IAAI,KAAK,GAAG,EAAE,CAAA;QAE7B,CAAC,CAAC,cAAc,EAAE,CAAA;IACpB,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,CAAA","sourcesContent":["import '@material/mwc-icon'\n\nimport { html, LitElement } from 'lit'\nimport { connect } from 'pwa-helpers'\n\nimport { navigate, store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { DynamicMenuLandscapeStyles } from './dynamic-menu-landscape-styles'\n\nexport class DynamicMenuLandscape extends connect(store)(LitElement) {\n  static get styles() {\n    return [ScrollbarStyles, DynamicMenuLandscapeStyles]\n  }\n\n  static get properties() {\n    return {\n      menus: Array,\n      activeTopLevel: Object,\n      activeMenu: Object,\n      path: String\n    }\n  }\n\n  render() {\n    const { menus = [], activeTopLevel, activeMenu } = this\n\n    return html`\n      <div id=\"wrap\">\n        <ul>\n          ${menus.map(menu =>\n            menu.type == 'group'\n              ? html``\n              : html`\n                  <li ?active=${menu === activeTopLevel}>\n                    <a href=${menu.path || '#'}>\n                      ${menu.icon ? html`<mwc-icon>${menu.icon}</mwc-icon>` : html``} ${menu.name}\n                    </a>\n\n                    <ul submenus>\n                      ${menu.menus?.map(\n                        menu => html`\n                          <li ?active=${menu === activeMenu}>\n                            <a href=${menu.path || '#'}> ${menu.name} </a>\n                          </li>\n                        `\n                      )}\n                    </ul>\n\n                    <div description>\n                      ${menu.icon ? html`<mwc-icon>${menu.icon}</mwc-icon>` : html``} ${menu.description || ''}\n                    </div>\n                  </li>\n                `\n          )}\n        </ul>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    const wrap = this.renderRoot.querySelector('#wrap')\n    wrap.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n\n    this.renderRoot.addEventListener('click', e => {\n      if (e.target.submenu) {\n        /* protect to act move to href. */\n        e.stopPropagation()\n        e.preventDefault()\n\n        let menu = e.target.submenu\n\n        this.dispatchEvent(\n          new CustomEvent('active-toplevel', {\n            bubbles: true,\n            detail: this.activeTopLevel === menu ? undefined : menu\n          })\n        )\n\n        return\n      }\n\n      /* to respond even if current acting menu is selected */\n      let href = e.target.href\n      href && location.href === href && navigate(href + '#force', true)\n    })\n\n    /* to hide scrollbar during transition */\n    this.renderRoot.addEventListener('transitionstart', e => {\n      e.target.removeAttribute('settled')\n    })\n    this.renderRoot.addEventListener('transitionend', e => {\n      e.target.setAttribute('settled', '')\n    })\n  }\n\n  onWheelEvent(e) {\n    const wrap = e.currentTarget\n    var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n    wrap.scrollLeft -= delta * 10\n\n    e.preventDefault()\n  }\n}\n\ncustomElements.define('dynamic-menu-landscape', DynamicMenuLandscape)\n"]}

package/dist-client/viewparts/dynamic-menu-portrait-styles.d.ts

@@ -1 +0,0 @@
-export const DynamicMenuPortraitStyles: import("lit").CSSResult;

package/dist-client/viewparts/dynamic-menu-portrait-styles.js

@@ -1,130 +0,0 @@
-import { css } from 'lit';
-export const DynamicMenuPortraitStyles = css `
-  :host {
-    display: flex;
-    overflow-y: auto;
-    flex-direction: column;
-    height: 100%;
-  }
-
-  :host > ul {
-    margin-block-end: 1.5em;
-  }
-
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-  [group-label] {
-    padding: 25px 0 var(--padding-narrow) var(--padding-wide);
-    border-bottom: var(--border-dark-color);
-    font: bold 12px var(--theme-font);
-    color: rgba(var(--primary-color-rgb), 0.9);
-    text-transform: uppercase;
-  }
-  a {
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
-    padding: var(--padding-default) var(--padding-default) var(--padding-default) var(--padding-wide);
-    text-decoration: none;
-    font: normal 14px var(--theme-font);
-    color: var(--secondary-color);
-    text-transform: capitalize;
-
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-  a:hover {
-    color: var(--primary-color);
-    font-weight: bold;
-  }
-  a * {
-    vertical-align: middle;
-  }
-  a mwc-icon {
-    margin-top: -3px;
-    margin-right: var(--margin-narrow);
-    font-size: 15px;
-    color: rgba(var(--secondary-color-rgb), 0.7);
-  }
-  a [submenu-button] {
-    float: left;
-    margin: -5px 0 0 -8px;
-    font-size: 25px;
-    max-height: 20px;
-  }
-  a [submenu-button]::before {
-    content: 'arrow_right';
-  }
-  li[active] > a [submenu-button]::before {
-    content: 'arrow_drop_down';
-  }
-  li[active] > a {
-    border-left: 3px solid var(--primary-color);
-    font-weight: bold;
-    color: var(--primary-color);
-  }
-  li li a {
-    padding: 7px 0 7px 35px;
-    font: normal 13px var(--theme-font);
-    color: var(--secondary-color);
-  }
-  li li[active] a {
-    background-color: rgba(var(--primary-color-rgb), 0.15);
-    font: bold 13px var(--theme-font);
-    color: var(--primary-color);
-  }
-  li > ul {
-    overflow-y: hidden;
-    max-height: 0;
-    background-color: #f6f6f6;
-
-    transition-property: all;
-    transition-duration: 0.7s;
-  }
-  li[active] > ul {
-    max-height: 500px;
-  }
-  li[active] > ul[settled] {
-    overflow-y: auto;
-  }
-  li li a::before {
-    margin-right: var(--margin-narrow);
-  }
-
-  a [badge] {
-    margin-left: auto;
-    background-color: var(--primary-background-color);
-    color: white;
-    border-radius: 999em;
-    padding: 0px 6px;
-  }
-
-  @media only screen and (max-width: 460px) {
-    :host {
-      min-width: 100vw;
-    }
-    a {
-      padding: var(--padding-wide);
-      font: normal 15px var(--theme-font);
-    }
-    li[active] ul {
-      border-bottom: 2px solid rgba(0, 0, 0, 0.1);
-    }
-    li li a {
-      display: block;
-      padding: var(--padding-wide) var(--padding-default) var(--padding-wide) 35px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      font: normal 14px var(--theme-font);
-    }
-    li li[active] a {
-      font: bold 14px var(--theme-font);
-    }
-  }
-`;
-//# sourceMappingURL=dynamic-menu-portrait-styles.js.map

package/dist-client/viewparts/dynamic-menu-portrait-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-menu-portrait-styles.js","sourceRoot":"","sources":["../../client/viewparts/dynamic-menu-portrait-styles.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+H3C,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const DynamicMenuPortraitStyles = css`\n  :host {\n    display: flex;\n    overflow-y: auto;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  :host > ul {\n    margin-block-end: 1.5em;\n  }\n\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  [group-label] {\n    padding: 25px 0 var(--padding-narrow) var(--padding-wide);\n    border-bottom: var(--border-dark-color);\n    font: bold 12px var(--theme-font);\n    color: rgba(var(--primary-color-rgb), 0.9);\n    text-transform: uppercase;\n  }\n  a {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.07);\n    padding: var(--padding-default) var(--padding-default) var(--padding-default) var(--padding-wide);\n    text-decoration: none;\n    font: normal 14px var(--theme-font);\n    color: var(--secondary-color);\n    text-transform: capitalize;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  a:hover {\n    color: var(--primary-color);\n    font-weight: bold;\n  }\n  a * {\n    vertical-align: middle;\n  }\n  a mwc-icon {\n    margin-top: -3px;\n    margin-right: var(--margin-narrow);\n    font-size: 15px;\n    color: rgba(var(--secondary-color-rgb), 0.7);\n  }\n  a [submenu-button] {\n    float: left;\n    margin: -5px 0 0 -8px;\n    font-size: 25px;\n    max-height: 20px;\n  }\n  a [submenu-button]::before {\n    content: 'arrow_right';\n  }\n  li[active] > a [submenu-button]::before {\n    content: 'arrow_drop_down';\n  }\n  li[active] > a {\n    border-left: 3px solid var(--primary-color);\n    font-weight: bold;\n    color: var(--primary-color);\n  }\n  li li a {\n    padding: 7px 0 7px 35px;\n    font: normal 13px var(--theme-font);\n    color: var(--secondary-color);\n  }\n  li li[active] a {\n    background-color: rgba(var(--primary-color-rgb), 0.15);\n    font: bold 13px var(--theme-font);\n    color: var(--primary-color);\n  }\n  li > ul {\n    overflow-y: hidden;\n    max-height: 0;\n    background-color: #f6f6f6;\n\n    transition-property: all;\n    transition-duration: 0.7s;\n  }\n  li[active] > ul {\n    max-height: 500px;\n  }\n  li[active] > ul[settled] {\n    overflow-y: auto;\n  }\n  li li a::before {\n    margin-right: var(--margin-narrow);\n  }\n\n  a [badge] {\n    margin-left: auto;\n    background-color: var(--primary-background-color);\n    color: white;\n    border-radius: 999em;\n    padding: 0px 6px;\n  }\n\n  @media only screen and (max-width: 460px) {\n    :host {\n      min-width: 100vw;\n    }\n    a {\n      padding: var(--padding-wide);\n      font: normal 15px var(--theme-font);\n    }\n    li[active] ul {\n      border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n    }\n    li li a {\n      display: block;\n      padding: var(--padding-wide) var(--padding-default) var(--padding-wide) 35px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font: normal 14px var(--theme-font);\n    }\n    li li[active] a {\n      font: bold 14px var(--theme-font);\n    }\n  }\n`\n"]}

package/dist-client/viewparts/dynamic-menu-portrait.d.ts

@@ -1,13 +0,0 @@
-export class DynamicMenuPortrait extends LitElement {
-    static get styles(): import("lit").CSSResult[];
-    static get properties(): {
-        menus: ArrayConstructor;
-        activeTopLevel: ObjectConstructor;
-        activeMenu: ObjectConstructor;
-        path: StringConstructor;
-    };
-    renderMenus(menus: any, activeTopLevel: any, activeMenu: any): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-}
-import { LitElement } from "lit-element/lit-element";

package/dist-client/viewparts/dynamic-menu-portrait.js

@@ -1,74 +0,0 @@
-import '@material/mwc-icon';
-import { html, LitElement } from 'lit';
-import { navigate } from '@operato/shell';
-import { ScrollbarStyles } from '@operato/styles';
-import { DynamicMenuPortraitStyles } from './dynamic-menu-portrait-styles';
-export class DynamicMenuPortrait extends LitElement {
-    static get styles() {
-        return [ScrollbarStyles, DynamicMenuPortraitStyles];
-    }
-    static get properties() {
-        return {
-            menus: Array,
-            activeTopLevel: Object,
-            activeMenu: Object,
-            path: String
-        };
-    }
-    renderMenus(menus, activeTopLevel, activeMenu) {
-        return html `
-      <ul>
-      ${menus.map(menu => {
-            var { type, active, path, name, badge, icon, menus } = menu;
-            active = active && typeof active === 'function' ? active.call(menu, { path: this.path }) : false;
-            badge = typeof badge === 'function' ? badge.call(menu) : badge !== null && badge !== void 0 ? badge : false;
-            return type == 'group'
-                ? html `<li group-label>${name}</li>`
-                : html `
-              <li ?active=${activeTopLevel ? menu === activeTopLevel : active} .menu=${menu} menu>
-                <a href=${path || '#'}>
-                  ${(menus === null || menus === void 0 ? void 0 : menus.length) > 0 ? html ` <mwc-icon submenu-button></mwc-icon> ` : html ``}
-                  <mwc-icon>${icon}</mwc-icon>
-                  ${name} ${badge !== false ? html `<div badge>${badge}</div>` : html ``}
-                </a>
-                ${menus && this.renderMenus(menus, activeMenu)}
-              </li>
-            `;
-        })}
-      </ul>
-    `;
-    }
-    render() {
-        const { menus, activeTopLevel, activeMenu } = this;
-        return this.renderMenus(menus, activeTopLevel, activeMenu);
-    }
-    firstUpdated() {
-        this.renderRoot.addEventListener('click', e => {
-            const menuElement = e.target.closest('[menu]');
-            if (menuElement === null || menuElement === void 0 ? void 0 : menuElement.menu) {
-                let menu = menuElement.menu;
-                if (!menu.path) {
-                    /* protect to act move to href. */
-                    e.stopPropagation();
-                    e.preventDefault();
-                }
-                this.dispatchEvent(new CustomEvent('active-toplevel', {
-                    bubbles: true,
-                    detail: this.activeTopLevel === menu ? undefined : menu
-                }));
-            }
-            /* to respond even if current acting menu is selected */
-            let href = e.target.href;
-            href && location.href === href && navigate(href + '#force', true);
-        });
-        /* to hide scrollbar during transition */
-        this.renderRoot.addEventListener('transitionstart', e => {
-            e.target.removeAttribute('settled');
-        });
-        this.renderRoot.addEventListener('transitionend', e => {
-            e.target.setAttribute('settled', '');
-        });
-    }
-}
-customElements.define('dynamic-menu-portrait', DynamicMenuPortrait);
-//# sourceMappingURL=dynamic-menu-portrait.js.map

package/dist-client/viewparts/dynamic-menu-portrait.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-menu-portrait.js","sourceRoot":"","sources":["../../client/viewparts/dynamic-menu-portrait.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\n\nimport { html, LitElement } from 'lit'\n\nimport { navigate } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { DynamicMenuPortraitStyles } from './dynamic-menu-portrait-styles'\n\nexport class DynamicMenuPortrait extends LitElement {\n  static get styles() {\n    return [ScrollbarStyles, DynamicMenuPortraitStyles]\n  }\n\n  static get properties() {\n    return {\n      menus: Array,\n      activeTopLevel: Object,\n      activeMenu: Object,\n      path: String\n    }\n  }\n\n  renderMenus(menus, activeTopLevel, activeMenu) {\n    return html`\n      <ul>\n      ${menus.map(menu => {\n        var { type, active, path, name, badge, icon, menus } = menu\n        active = active && typeof active === 'function' ? active.call(menu, { path: this.path }) : false\n        badge = typeof badge === 'function' ? badge.call(menu) : badge ?? false\n\n        return type == 'group'\n          ? html`<li group-label>${name}</li>`\n          : html`\n              <li ?active=${activeTopLevel ? menu === activeTopLevel : active} .menu=${menu} menu>\n                <a href=${path || '#'}>\n                  ${menus?.length > 0 ? html` <mwc-icon submenu-button></mwc-icon> ` : html``}\n                  <mwc-icon>${icon}</mwc-icon>\n                  ${name} ${badge !== false ? html`<div badge>${badge}</div>` : html``}\n                </a>\n                ${menus && this.renderMenus(menus, activeMenu)}\n              </li>\n            `\n      })}\n      </ul>\n    `\n  }\n\n  render() {\n    const { menus, activeTopLevel, activeMenu } = this\n    return this.renderMenus(menus, activeTopLevel, activeMenu)\n  }\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('click', e => {\n      const menuElement = e.target.closest('[menu]')\n\n      if (menuElement?.menu) {\n        let menu = menuElement.menu\n\n        if (!menu.path) {\n          /* protect to act move to href. */\n          e.stopPropagation()\n          e.preventDefault()\n        }\n\n        this.dispatchEvent(\n          new CustomEvent('active-toplevel', {\n            bubbles: true,\n            detail: this.activeTopLevel === menu ? undefined : menu\n          })\n        )\n      }\n\n      /* to respond even if current acting menu is selected */\n      let href = e.target.href\n      href && location.href === href && navigate(href + '#force', true)\n    })\n\n    /* to hide scrollbar during transition */\n    this.renderRoot.addEventListener('transitionstart', e => {\n      e.target.removeAttribute('settled')\n    })\n    this.renderRoot.addEventListener('transitionend', e => {\n      e.target.setAttribute('settled', '')\n    })\n  }\n}\n\ncustomElements.define('dynamic-menu-portrait', DynamicMenuPortrait)\n"]}

package/dist-client/viewparts/dynamic-top-menu-bar.d.ts

@@ -1,27 +0,0 @@
-declare const DynamicTopMenuBar_base: (new (...args: any[]) => {
-    _storeUnsubscribe: import("redux").Unsubscribe;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    stateChanged(_state: unknown): void;
-    readonly isConnected: boolean;
-}) & typeof LitElement;
-export class DynamicTopMenuBar extends DynamicTopMenuBar_base {
-    static get styles(): import("lit").CSSResult;
-    static get properties(): {
-        page: StringConstructor;
-        resourceId: StringConstructor;
-        menus: ArrayConstructor;
-        _activeTopLevel: ObjectConstructor;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    stateChanged(state: any): void;
-    page: any;
-    resourceId: any;
-    menus: any;
-    slotTemplate: any;
-    updated(changes: any): void;
-    _findActivePage(): void;
-    _activeTopLevel: any;
-}
-import { LitElement } from "lit-element/lit-element";
-export {};