@things-factory/lite-menu 6.2.77 → 6.2.79

package/client/viewparts/{top-menu-bar.js → top-menu-bar.ts}

@@ -1,14 +1,16 @@
 import '@material/mwc-icon'
 
 import { css, html, LitElement } from 'lit'
+import { customElement, property, query, state } from 'lit/decorators.js'
 import { connect } from 'pwa-helpers'
 
 import { toggleOverlay } from '@operato/layout'
 import { store } from '@operato/shell'
 
+@customElement('top-menu-bar')
 export class TopMenuBar extends connect(store)(LitElement) {
-  static get styles() {
-    return css`
+  static styles = [
+    css`
       :host {
         display: flex;
         flex-direction: row;
@@ -59,17 +61,14 @@ export class TopMenuBar extends connect(store)(LitElement) {
         opacity: 1;
       }
     `
-  }
+  ]
 
-  static get properties() {
-    return {
-      page: String,
-      resourceId: String,
-      menus: Array,
+  @property({ type: String }) page?: string
+  @property({ type: String }) resourceId?: string
+  @property({ type: Array }) menus?: any[]
 
-      _activeTopLevel: Object
-    }
-  }
+  @state() private slotTemplate: any
+  @state() private _activeTopLevel: any
 
   render() {
     const { menus = [], _activeTopLevel } = this
@@ -119,7 +118,7 @@ export class TopMenuBar extends connect(store)(LitElement) {
     }
 
     if (changes.has('slotTemplate')) {
-      this.replaceChild(this.slotTemplate)
+      this.replaceChild(this.slotTemplate, this.renderRoot)
     }
   }
 
@@ -144,5 +143,3 @@ export class TopMenuBar extends connect(store)(LitElement) {
     })
   }
 }
-
-customElements.define('top-menu-bar', TopMenuBar)

package/dist-client/actions/lite-menu.d.ts

@@ -0,0 +1,7 @@
+import '../viewparts/lite-menu-part';
+import '@material/mwc-icon';
+export declare const UPDATE_ADDON_MENUS = "UPDATE_ADDON_MENUS";
+export declare const UPDATE_MENU_TEMPLATE = "UPDATE_MENU_TEMPLATE";
+export declare function setupMenuPart(options: any): Promise<void>;
+export declare function updateMenuTemplate(template: any): void;
+export declare function fetchAddonMenus(): Promise<void>;

package/dist-client/actions/lite-menu.js

@@ -0,0 +1,114 @@
+import '../viewparts/lite-menu-part';
+import '@material/mwc-icon';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { client } from '@operato/graphql';
+import { appendViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout';
+import { store, InheritedValueType } from '@operato/shell';
+import { isMobileDevice } from '@operato/utils';
+import { clientSettingStore } from '@operato/shell';
+import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base';
+export const UPDATE_ADDON_MENUS = 'UPDATE_ADDON_MENUS';
+export const UPDATE_MENU_TEMPLATE = 'UPDATE_MENU_TEMPLATE';
+var HAMBURGER;
+export async function setupMenuPart(options) {
+    var _a;
+    var { hovering = isMobileDevice() ? true : false, slotTemplate, portraitSlotTemplate, landscapeSlotTemplate, position = VIEWPART_POSITION.NAVBAR } = options || {};
+    const { hovering: hoveringSetting } = ((_a = (await clientSettingStore.get('lite-menu'))) === null || _a === void 0 ? void 0 : _a.value) || {};
+    if (hoveringSetting !== undefined) {
+        hovering = hoveringSetting;
+    }
+    const orientation = position == VIEWPART_POSITION.HEADERBAR ? 'landscape' : 'portrait';
+    const orientatedSlotTemplate = (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html ``;
+    appendViewpart({
+        name: 'lite-menu-part',
+        viewpart: {
+            show: !hovering,
+            resizable: true,
+            hovering: isMobileDevice() ? true : hovering,
+            template: html ` <lite-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</lite-menu-part> `
+        },
+        position
+    });
+    if (hovering && orientation == 'portrait') {
+        if (!HAMBURGER) {
+            HAMBURGER = {
+                name: 'hamburger',
+                template: html `
+          <mwc-icon
+            @click=${e => toggleOverlay('lite-menu-part', {
+                    backdrop: true
+                })}
+            >view_headline</mwc-icon
+          >
+        `,
+                position: TOOL_POSITION.FRONT_END
+            };
+            store.dispatch({
+                /* incase of mobile : add hamburger tool */
+                type: APPEND_APP_TOOL,
+                tool: HAMBURGER
+            });
+        }
+    }
+    else {
+        if (HAMBURGER) {
+            store.dispatch({
+                type: REMOVE_APP_TOOL,
+                name: 'hamburger'
+            });
+            HAMBURGER = null;
+        }
+    }
+}
+export function updateMenuTemplate(template) {
+    store.dispatch({
+        type: UPDATE_MENU_TEMPLATE,
+        template
+    });
+}
+export async function fetchAddonMenus() {
+    var _a;
+    var applicationName = (_a = document.querySelector('meta[name="application-name"]')) === null || _a === void 0 ? void 0 : _a.content;
+    var liteMenus = (await client.query({
+        query: gql `
+        query ($filters: [Filter!], $inherited: InheritedValueType) {
+          liteMenus: myLiteMenus(filters: $filters, inherited: $inherited) {
+            items {
+              id
+              name
+              description
+              appName
+              parent
+              rank
+              active
+              type
+              value
+              icon
+            }
+            total
+          }
+        }
+      `,
+        variables: {
+            filters: [
+                {
+                    name: 'active',
+                    operator: 'eq',
+                    value: true
+                },
+                {
+                    name: 'appName',
+                    operator: 'in',
+                    value: ['', applicationName]
+                }
+            ],
+            inherited: InheritedValueType.Include
+        }
+    })).data.liteMenus.items;
+    store.dispatch({
+        type: UPDATE_ADDON_MENUS,
+        addon: liteMenus.filter(menu => !menu.appName || menu.appName === applicationName)
+    });
+}
+//# sourceMappingURL=lite-menu.js.map

package/dist-client/actions/lite-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lite-menu.js","sourceRoot":"","sources":["../../client/actions/lite-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/lite-menu-part'\nimport '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\n\nimport { client } from '@operato/graphql'\nimport { appendViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'\nimport { store, InheritedValueType } from '@operato/shell'\nimport { isMobileDevice } from '@operato/utils'\nimport { clientSettingStore } from '@operato/shell'\nimport { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base'\n\nexport const UPDATE_ADDON_MENUS = 'UPDATE_ADDON_MENUS'\nexport const UPDATE_MENU_TEMPLATE = 'UPDATE_MENU_TEMPLATE'\n\nvar HAMBURGER\n\nexport async function setupMenuPart(options) {\n  var {\n    hovering = isMobileDevice() ? true : false,\n    slotTemplate,\n    portraitSlotTemplate,\n    landscapeSlotTemplate,\n    position = VIEWPART_POSITION.NAVBAR\n  } = options || {}\n\n  const { hovering: hoveringSetting } = (await clientSettingStore.get('lite-menu'))?.value || {}\n  if (hoveringSetting !== undefined) {\n    hovering = hoveringSetting\n  }\n\n  const orientation = position == VIEWPART_POSITION.HEADERBAR ? 'landscape' : 'portrait'\n  const orientatedSlotTemplate =\n    (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html``\n\n  appendViewpart({\n    name: 'lite-menu-part',\n    viewpart: {\n      show: !hovering,\n      resizable: true,\n      hovering: isMobileDevice() ? true : hovering,\n      template: html` <lite-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</lite-menu-part> `\n    },\n    position\n  })\n\n  if (hovering && orientation == 'portrait') {\n    if (!HAMBURGER) {\n      HAMBURGER = {\n        name: 'hamburger',\n        template: html`\n          <mwc-icon\n            @click=${e =>\n              toggleOverlay('lite-menu-part', {\n                backdrop: true\n              })}\n            >view_headline</mwc-icon\n          >\n        `,\n        position: TOOL_POSITION.FRONT_END\n      }\n\n      store.dispatch({\n        /* incase of mobile : add hamburger tool */\n        type: APPEND_APP_TOOL,\n        tool: HAMBURGER\n      })\n    }\n  } else {\n    if (HAMBURGER) {\n      store.dispatch({\n        type: REMOVE_APP_TOOL,\n        name: 'hamburger'\n      })\n\n      HAMBURGER = null\n    }\n  }\n}\n\nexport function updateMenuTemplate(template) {\n  store.dispatch({\n    type: UPDATE_MENU_TEMPLATE,\n    template\n  })\n}\n\nexport async function fetchAddonMenus() {\n  var applicationName = (document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement)?.content\n\n  var liteMenus = (\n    await client.query({\n      query: gql`\n        query ($filters: [Filter!], $inherited: InheritedValueType) {\n          liteMenus: myLiteMenus(filters: $filters, inherited: $inherited) {\n            items {\n              id\n              name\n              description\n              appName\n              parent\n              rank\n              active\n              type\n              value\n              icon\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters: [\n          {\n            name: 'active',\n            operator: 'eq',\n            value: true\n          },\n          {\n            name: 'appName',\n            operator: 'in',\n            value: ['', applicationName]\n          }\n        ],\n        inherited: InheritedValueType.Include\n      }\n    })\n  ).data.liteMenus.items\n\n  store.dispatch({\n    type: UPDATE_ADDON_MENUS,\n    addon: liteMenus.filter(menu => !menu.appName || menu.appName === applicationName)\n  })\n}\n"]}

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,4 @@
+import '@material/mwc-icon';
+import '@operato/i18n/ox-i18n.js';
+import './route';
+export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -0,0 +1,14 @@
+import '@material/mwc-icon';
+import '@operato/i18n/ox-i18n.js';
+import './route';
+import { store } from '@operato/shell';
+import { auth } from '@things-factory/auth-base/dist-client';
+import { fetchAddonMenus } from './actions/lite-menu';
+import liteMenu from './reducers/lite-menu';
+export default function bootstrap() {
+    store.addReducers({ liteMenu });
+    auth.on('profile', async () => {
+        fetchAddonMenus();
+    });
+}
+//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AACjC,OAAO,SAAS,CAAA;AAIhB,OAAO,EAAY,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAE3C,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,KAAK,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE/B,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QAC5B,eAAe,EAAE,CAAA;IACnB,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport '@operato/i18n/ox-i18n.js'\nimport './route'\n\nimport { html } from 'lit'\n\nimport { navigate, store } from '@operato/shell'\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { ADD_MORENDA } from '@things-factory/more-base'\n\nimport { fetchAddonMenus } from './actions/lite-menu'\nimport liteMenu from './reducers/lite-menu'\n\nexport default function bootstrap() {\n  store.addReducers({ liteMenu })\n\n  auth.on('profile', async () => {\n    fetchAddonMenus()\n  })\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,4 @@
+import './viewparts/lite-menu-part';
+import './viewparts/top-menu-bar';
+export * from './actions/lite-menu';
+export * from './lite-menu-setting-let';

package/dist-client/index.js

@@ -0,0 +1,5 @@
+import './viewparts/lite-menu-part';
+import './viewparts/top-menu-bar';
+export * from './actions/lite-menu';
+export * from './lite-menu-setting-let';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA","sourcesContent":["import './viewparts/lite-menu-part'\nimport './viewparts/top-menu-bar'\n\nexport * from './actions/lite-menu'\nexport * from './lite-menu-setting-let'\n"]}

package/dist-client/lite-menu-setting-let.d.ts

@@ -0,0 +1,13 @@
+import '@material/mwc-formfield';
+import '@material/mwc-checkbox';
+import '@operato/i18n/ox-i18n.js';
+import { LitElement } from 'lit';
+declare const LiteMenuSettingLet_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class LiteMenuSettingLet extends LiteMenuSettingLet_base {
+    static styles: import("lit").CSSResult[];
+    hovering?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    onChange(e: Event): Promise<void>;
+}
+export {};

package/dist-client/lite-menu-setting-let.js

@@ -0,0 +1,83 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/mwc-formfield';
+import '@material/mwc-checkbox';
+import '@operato/i18n/ox-i18n.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { clientSettingStore } from '@operato/shell';
+import { i18next, localize } from '@operato/i18n';
+import { setupMenuPart } from './actions/lite-menu';
+let LiteMenuSettingLet = class LiteMenuSettingLet extends localize(i18next)(LitElement) {
+    render() {
+        const checked = this.hovering === true;
+        const indeterminate = this.hovering === undefined;
+        return html `
+      <setting-let>
+        <ox-i18n slot="title" msgid="title.lite-menu-setting"></ox-i18n>
+
+        <div slot="content">
+          <mwc-formfield label="hovering">
+            <mwc-checkbox
+              id="hovering"
+              @change=${e => this.onChange(e)}
+              ?checked=${checked}
+              ?indeterminate=${indeterminate}
+            ></mwc-checkbox>
+          </mwc-formfield>
+        </div>
+      </setting-let>
+    `;
+    }
+    async firstUpdated() {
+        var _a;
+        this.hovering = (((_a = (await clientSettingStore.get('lite-menu'))) === null || _a === void 0 ? void 0 : _a.value) || {}).hovering;
+    }
+    async onChange(e) {
+        var _a;
+        if (this.hovering === true) {
+            this.hovering = false;
+        }
+        else if (this.hovering === false) {
+            this.hovering = undefined;
+        }
+        else {
+            this.hovering = true;
+        }
+        const { hovering: valueFromStore } = ((_a = (await clientSettingStore.get('lite-menu'))) === null || _a === void 0 ? void 0 : _a.value) || {};
+        if (this.hovering === valueFromStore) {
+            return;
+        }
+        try {
+            await clientSettingStore.put({
+                key: 'lite-menu',
+                value: {
+                    hovering: this.hovering
+                }
+            });
+        }
+        catch (e) {
+            console.error(e);
+        }
+        setupMenuPart({
+            hovering: this.hovering
+        });
+    }
+};
+LiteMenuSettingLet.styles = [
+    css `
+      label {
+        font: var(--label-font);
+        color: var(--label-color);
+        text-transform: var(--label-text-transform);
+      }
+    `
+];
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], LiteMenuSettingLet.prototype, "hovering", void 0);
+LiteMenuSettingLet = __decorate([
+    customElement('lite-menu-setting-let')
+], LiteMenuSettingLet);
+export { LiteMenuSettingLet };
+//# sourceMappingURL=lite-menu-setting-let.js.map

package/dist-client/lite-menu-setting-let.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lite-menu-setting-let.js","sourceRoot":"","sources":["../client/lite-menu-setting-let.ts"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAG5C,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAanE,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAA;QACtC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAA;QAEjD,OAAO,IAAI,CAAA;;;;;;;;wBAQS,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;yBACpB,OAAO;+BACD,aAAa;;;;;KAKvC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA,MAAA,CAAC,MAAM,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAC,CAAC,QAAQ,CAAA;IACrF,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,CAAQ;;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;SACtB;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;SAC1B;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;SACrB;QAED,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAA,MAAA,CAAC,MAAM,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAA;QAC7F,IAAI,IAAI,CAAC,QAAQ,KAAK,cAAc,EAAE;YACpC,OAAM;SACP;QAED,IAAI;YACF,MAAM,kBAAkB,CAAC,GAAG,CAAC;gBAC3B,GAAG,EAAE,WAAW;gBAChB,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB;aACF,CAAC,CAAA;SACH;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;SACjB;QAED,aAAa,CAAC;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAA;IACJ,CAAC;;AAlEM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;KAMF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;oDAAmB;AAXpC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAoE9B;SApEY,kBAAkB","sourcesContent":["import '@material/mwc-formfield'\nimport '@material/mwc-checkbox'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query, property, state } from 'lit/decorators.js'\n\nimport { clientSettingStore } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { setupMenuPart } from './actions/lite-menu'\n\n@customElement('lite-menu-setting-let')\nexport class LiteMenuSettingLet extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      label {\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n    `\n  ]\n\n  @property({ type: Boolean }) hovering?: boolean\n\n  render() {\n    const checked = this.hovering === true\n    const indeterminate = this.hovering === undefined\n\n    return html`\n      <setting-let>\n        <ox-i18n slot=\"title\" msgid=\"title.lite-menu-setting\"></ox-i18n>\n\n        <div slot=\"content\">\n          <mwc-formfield label=\"hovering\">\n            <mwc-checkbox\n              id=\"hovering\"\n              @change=${e => this.onChange(e)}\n              ?checked=${checked}\n              ?indeterminate=${indeterminate}\n            ></mwc-checkbox>\n          </mwc-formfield>\n        </div>\n      </setting-let>\n    `\n  }\n\n  async firstUpdated() {\n    this.hovering = ((await clientSettingStore.get('lite-menu'))?.value || {}).hovering\n  }\n\n  async onChange(e: Event) {\n    if (this.hovering === true) {\n      this.hovering = false\n    } else if (this.hovering === false) {\n      this.hovering = undefined\n    } else {\n      this.hovering = true\n    }\n\n    const { hovering: valueFromStore } = (await clientSettingStore.get('lite-menu'))?.value || {}\n    if (this.hovering === valueFromStore) {\n      return\n    }\n\n    try {\n      await clientSettingStore.put({\n        key: 'lite-menu',\n        value: {\n          hovering: this.hovering\n        }\n      })\n    } catch (e) {\n      console.error(e)\n    }\n\n    setupMenuPart({\n      hovering: this.hovering\n    })\n  }\n}\n"]}

package/dist-client/pages/addon-menu-setting.d.ts

@@ -0,0 +1,7 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/data-grist/ox-sorters-control.js';
+import '@operato/data-grist/ox-record-creator.js';
+import '@operato/popup/ox-popup.js';
+import '@operato/context/ox-context-page-toolbar.js';
+import '@material/mwc-icon';