@operato/shell 2.0.0-alpha.0 → 2.0.0-alpha.102

package/dist/src/app/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/app/app.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { installRouter } from 'pwa-helpers/router.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { setContextPathPrefix, getPathInfo } from '@operato/utils'\n\nimport { navigateWithSilence, UPDATE_ACTIVE_PAGE, UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions'\nimport { store } from '../store'\nimport { AppStyle } from './app-style'\nimport { PageView } from './pages/page-view'\n\nenum MODULES_STATE {\n  NOT_INITIALIZED,\n  INITIALIZING,\n  INITIALIZED\n}\n\n@customElement('things-app')\nexport class ThingsApp extends connect(store)(LitElement) {\n  static styles = [ScrollbarStyles, AppStyle]\n\n  static moduleInitialized: MODULES_STATE = MODULES_STATE.NOT_INITIALIZED\n  static modules: Array<any> = []\n  static pages: { [path: string]: string } = {}\n  static callbacks: Array<any> = []\n  static contextPath?: string\n\n  @property({ type: String, attribute: 'context-path-prefix' }) contextPathPrefix?: string\n\n  @state() resourceId?: string\n  @state() page?: string\n  @state() params?: any\n  @state() activePage?: PageView\n  @state() context: any\n  @state() contextPath?: string = ThingsApp.contextPath\n  @state() modules: Array<any> = ThingsApp.modules\n\n  @query('main') private main!: HTMLElement\n\n  render() {\n    var params = this.params || {}\n    var fullbleed = (this.context && this.context.fullbleed) || (params.fullbleed && params.fullbleed == 'Y')\n    var widebleed = (this.context && this.context.widebleed) || (params.widebleed && params.widebleed == 'Y')\n\n    return html`\n      <div>\n        <ox-page-header-bar header></ox-page-header-bar>\n        <main></main>\n        <ox-page-footer-bar footer></ox-page-footer-bar>\n      </div>\n\n      <ox-header-bar ?fullbleed=${fullbleed}></ox-header-bar>\n\n      <ox-nav-bar ?fullbleed=${fullbleed || widebleed}></ox-nav-bar>\n\n      <ox-aside-bar ?fullbleed=${fullbleed || widebleed}></ox-aside-bar>\n\n      <ox-footer-bar ?fullbleed=${fullbleed}></ox-footer-bar>\n\n      <ox-snack-bar></ox-snack-bar>\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.setBase()\n\n    if (ThingsApp.moduleInitialized != MODULES_STATE.NOT_INITIALIZED) {\n      /* 첫번째 이후로 생성되는 경우에는 강제로 'popstate'를 발생시켜서, routing 기회를 준다 */\n      window.dispatchEvent(new CustomEvent('popstate'))\n\n      return\n    }\n\n    ThingsApp.moduleInitialized = MODULES_STATE.INITIALIZING\n\n    /* 모듈 임포트를 동적으로 처리한다. */\n    import(\n      /* webpackPrefetch: true */\n      /* webpackPreload: true */\n      /* webpackChunkName: \"modules\" */\n      '../module-importer.import'\n    ).then(module => {\n      var modules: {\n        name: string\n        bootstrap: any\n      }[] = module.modules\n\n      /* lifecycle - bootstrapping */\n      modules.forEach(async (m, idx) => {\n        try {\n          m.bootstrap && (await m.bootstrap())\n        } catch (e) {\n          console.error(`[${idx} BOOTSTRAP ERROR -${m.name}]`, e)\n        }\n      })\n\n      /* shouldUpdate를 활성화한다. */\n      ThingsApp.moduleInitialized = MODULES_STATE.INITIALIZED\n\n      /* modules를 store에 dispatch 함으로써, update를 invoke 시킨다. */\n      store.dispatch({\n        type: UPDATE_MODULES,\n        modules\n      })\n\n      var lastPathName: string = ''\n\n      installRouter(async (location, e) => {\n        var { pathname } = location\n        var { contextPath } = getPathInfo(pathname)\n\n        /* 페이지를 나가기 전에 옮기지 않도록 개입할 기회를 준다 */\n        if (lastPathName && lastPathName != pathname && this.activePage && !(await this.activePage.canDeactivate())) {\n          history.back()\n          return\n        }\n\n        lastPathName = pathname\n\n        if (ThingsApp.contextPath !== contextPath) {\n          store.dispatch({\n            type: UPDATE_CONTEXT_PATH,\n            contextPath\n          })\n        }\n\n        store.dispatch(navigateWithSilence(location) as any)\n\n        ThingsApp.callbacks &&\n          ThingsApp.callbacks.forEach(callback => {\n            try {\n              callback.call(this, location, e)\n            } catch (ex) {\n              console.error(ex)\n            }\n          })\n      })\n    })\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n  }\n\n  routeToPage() {\n    const activePages = this.renderRoot.querySelectorAll('main > .page[active]')\n    activePages.forEach(page => {\n      page.removeAttribute('active')\n    })\n\n    this.activePage = this.renderRoot.querySelector(`main > .page[data-page=${this.page}]`) as PageView\n\n    if (!this.activePage) {\n      /* 해당 route에 연결된 page가 없는 경우에 main 섹션에 해당 element를 추가해준다. */\n      const tagname = ThingsApp.pages[this.page!]\n      if (tagname) {\n        const el = document.createElement(tagname) as PageView\n        el.setAttribute('class', 'page')\n        el.setAttribute('data-page', this.page!)\n\n        this.main.appendChild(el)\n\n        this.activePage = el\n      }\n    }\n\n    if (this.activePage) {\n      this.activePage.setAttribute('active', '')\n      this.activePage.setAttribute('context-path', this.contextPath!)\n      this.activePage.lifecycle = {\n        ...(this.activePage.lifecycle || {}),\n        active: true,\n        params: this.params,\n        resourceId: this.resourceId,\n        page: this.page\n      }\n    }\n\n    store.dispatch({\n      type: UPDATE_ACTIVE_PAGE,\n      activePage: this.activePage\n    })\n  }\n\n  async updated(changes: PropertyValues<this>) {\n    if (changes.has('contextPathPrefix')) {\n      setContextPathPrefix(this.contextPathPrefix)\n    }\n\n    if (changes.has('modules')) {\n      ThingsApp.registerPages()\n    }\n\n    if (changes.has('page') || changes.has('resourceId') || changes.has('params')) {\n      this.routeToPage()\n    }\n\n    if (changes.has('contextPath')) {\n      this.setBase()\n    }\n  }\n\n  shouldUpdate() {\n    return ThingsApp.moduleInitialized == 2\n  }\n\n  stateChanged(state: any) {\n    this.page = state.route.page\n    this.params = state.route.params\n    this.resourceId = state.route.resourceId\n    this.context = state.route.context\n\n    ThingsApp.modules = this.modules = state.app.modules\n    ThingsApp.contextPath = this.contextPath = state.app.contextPath\n    ThingsApp.callbacks = state.route.callbacks\n  }\n\n  static registerPages() {\n    var reversedModules = [...ThingsApp.modules].reverse()\n    ThingsApp.pages = {}\n\n    /* 모듈 참조 순서 역순으로 page를 추가한다. (for overidable) */\n    reversedModules.forEach(m => {\n      m.routes &&\n        m.routes.forEach((route: any) => {\n          if (!ThingsApp.pages[route.page]) {\n            ThingsApp.pages[route.page] = route.tagname\n          }\n        })\n    })\n  }\n\n  setBase() {\n    const base = document.querySelector('base')\n    base?.setAttribute('href', this.contextPath ? `${this.contextPath}/` : '/')\n  }\n}\n"]}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/app/app.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { installRouter } from 'pwa-helpers/router.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { setContextPathPrefix, getPathInfo } from '@operato/utils'\n\nimport { navigateWithSilence, UPDATE_ACTIVE_PAGE, UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions'\nimport { store } from '../store'\nimport { AppStyle } from './app-style'\nimport { PageView } from './pages/page-view'\n\nenum MODULES_STATE {\n  NOT_INITIALIZED,\n  INITIALIZING,\n  INITIALIZED\n}\n\n@customElement('things-app')\nexport class ThingsApp extends connect(store)(LitElement) {\n  static styles = [ScrollbarStyles, AppStyle]\n\n  static moduleInitialized: MODULES_STATE = MODULES_STATE.NOT_INITIALIZED\n  static modules: Array<any> = []\n\n  /* \n    모든 모듈의 routes 리스트가 수집될 때까지, routeToPage(..) 를 hold 시키기 위해서 ThingsApp.pages를 Promise로 정의한다. \n  */\n  static pagesResolver: (\n    value:\n      | {\n          [path: string]: string\n        }\n      | PromiseLike<{\n          [path: string]: string\n        }>\n  ) => void\n  static pages: Promise<{ [path: string]: string }>\n\n  static callbacks: Array<any> = []\n  static contextPath?: string\n\n  @property({ type: String, attribute: 'context-path-prefix' }) contextPathPrefix?: string\n\n  @state() resourceId?: string\n  @state() page?: string\n  @state() params?: any\n  @state() activePage?: PageView\n  @state() context: any\n  @state() contextPath?: string = ThingsApp.contextPath\n  @state() modules: Array<any> = ThingsApp.modules\n\n  @query('main') private main!: HTMLElement\n\n  render() {\n    var params = this.params || {}\n    var fullbleed = (this.context && this.context.fullbleed) || (params.fullbleed && params.fullbleed == 'Y')\n    var widebleed = (this.context && this.context.widebleed) || (params.widebleed && params.widebleed == 'Y')\n\n    return html`\n      <div>\n        <ox-page-header-bar header></ox-page-header-bar>\n        <main></main>\n        <ox-page-footer-bar footer></ox-page-footer-bar>\n      </div>\n\n      <ox-header-bar ?fullbleed=${fullbleed}></ox-header-bar>\n\n      <ox-nav-bar ?fullbleed=${fullbleed || widebleed}></ox-nav-bar>\n\n      <ox-aside-bar ?fullbleed=${fullbleed || widebleed}></ox-aside-bar>\n\n      <ox-footer-bar ?fullbleed=${fullbleed}></ox-footer-bar>\n\n      <ox-snack-bar></ox-snack-bar>\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.setBase()\n\n    if (ThingsApp.moduleInitialized != MODULES_STATE.NOT_INITIALIZED) {\n      /* 첫번째 이후로 생성되는 경우에는 강제로 'popstate'를 발생시켜서, routing 기회를 준다 */\n      window.dispatchEvent(new CustomEvent('popstate'))\n\n      return\n    }\n\n    ThingsApp.moduleInitialized = MODULES_STATE.INITIALIZING\n\n    /* 모듈 임포트를 동적으로 처리한다. */\n    import(\n      /* webpackPrefetch: true */\n      /* webpackPreload: true */\n      /* webpackChunkName: \"modules\" */\n      '../module-importer.import'\n    ).then(module => {\n      var modules: {\n        name: string\n        bootstrap: (m?: any /* self */) => void\n      }[] = module.modules\n\n      /* lifecycle - bootstrapping */\n      modules.forEach(async (m, idx) => {\n        try {\n          m.bootstrap && (await m.bootstrap(m))\n        } catch (e) {\n          console.error(`[${idx} BOOTSTRAP ERROR -${m.name}]`, e)\n        }\n      })\n\n      /* shouldUpdate를 활성화한다. */\n      ThingsApp.moduleInitialized = MODULES_STATE.INITIALIZED\n\n      /* modules를 store에 dispatch 함으로써, update를 invoke 시킨다. */\n      store.dispatch({\n        type: UPDATE_MODULES,\n        modules\n      })\n\n      var lastPathName: string = ''\n\n      installRouter(async (location, e) => {\n        var { pathname } = location\n        var { contextPath } = getPathInfo(pathname)\n\n        /* 페이지를 나가기 전에 옮기지 않도록 개입할 기회를 준다 */\n        if (\n          lastPathName &&\n          lastPathName != pathname &&\n          this.activePage &&\n          this.activePage.canDeactivate &&\n          !(await this.activePage.canDeactivate())\n        ) {\n          history.back()\n          return\n        }\n\n        lastPathName = pathname\n\n        if (ThingsApp.contextPath !== contextPath) {\n          store.dispatch({\n            type: UPDATE_CONTEXT_PATH,\n            contextPath\n          })\n        }\n\n        store.dispatch(navigateWithSilence(location) as any)\n\n        ThingsApp.callbacks &&\n          ThingsApp.callbacks.forEach(callback => {\n            try {\n              callback.call(this, location, e)\n            } catch (ex) {\n              console.error(ex)\n            }\n          })\n      })\n    })\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n  }\n\n  async routeToPage() {\n    const activePages = this.renderRoot.querySelectorAll('main > .page[active]')\n    activePages.forEach(page => {\n      page.removeAttribute('active')\n    })\n\n    this.activePage = this.renderRoot.querySelector(`main > .page[data-page=${this.page}]`) as PageView\n\n    if (!this.activePage) {\n      /* 해당 route에 연결된 page가 없는 경우에 main 섹션에 해당 element를 추가해준다. */\n      const tagname = (await ThingsApp.pages)[this.page!]\n      if (tagname) {\n        const el = document.createElement(tagname) as PageView\n        el.setAttribute('class', 'page')\n        el.setAttribute('data-page', this.page!)\n\n        this.main.appendChild(el)\n\n        this.activePage = el\n      }\n    }\n\n    if (this.activePage) {\n      this.activePage.setAttribute('active', '')\n      this.activePage.setAttribute('context-path', this.contextPath!)\n      this.activePage.lifecycle = {\n        ...(this.activePage.lifecycle || {}),\n        active: true,\n        params: this.params,\n        resourceId: this.resourceId,\n        page: this.page\n      }\n    }\n\n    store.dispatch({\n      type: UPDATE_ACTIVE_PAGE,\n      activePage: this.activePage\n    })\n  }\n\n  async updated(changes: PropertyValues<this>) {\n    if (changes.has('contextPathPrefix')) {\n      setContextPathPrefix(this.contextPathPrefix)\n    }\n\n    if (changes.has('modules')) {\n      ThingsApp.registerPages()\n    }\n\n    if (changes.has('page') || changes.has('resourceId') || changes.has('params')) {\n      this.routeToPage()\n    }\n\n    if (changes.has('contextPath')) {\n      this.setBase()\n    }\n  }\n\n  shouldUpdate() {\n    return ThingsApp.moduleInitialized == 2\n  }\n\n  stateChanged(state: any) {\n    this.page = state.route.page\n    this.params = state.route.params\n    this.resourceId = state.route.resourceId\n    this.context = state.route.context\n\n    ThingsApp.modules = this.modules = state.app.modules\n    ThingsApp.contextPath = this.contextPath = state.app.contextPath\n    ThingsApp.callbacks = state.route.callbacks\n  }\n\n  static async registerPages() {\n    ThingsApp.pages = new Promise<{ [path: string]: string }>(resolve => (ThingsApp.pagesResolver = resolve))\n\n    var reversedModules = [...ThingsApp.modules].reverse()\n    const pages: { [path: string]: string } = {}\n\n    /* 모듈 참조 순서 역순으로 page를 추가한다. (for overidable) */\n    for (const m of reversedModules) {\n      if (!m.routes) {\n        continue\n      }\n\n      /* \n        각 모듈의 routes가 모두 완성될 때까지 ThingsApp.pages 구성을 지연한다.\n        각 모듈의 routes를 동적으로도 구성할 수 있도록 하기 위해서이다.\n      */\n      const routes = await m.routes\n\n      routes.forEach((route: any) => {\n        if (!pages[route.page]) {\n          pages[route.page] = route.tagname\n        }\n      })\n    }\n\n    ThingsApp.pagesResolver(pages)\n  }\n\n  setBase() {\n    const base = document.querySelector('base')\n    base?.setAttribute('href', this.contextPath ? `${this.contextPath}/` : '/')\n  }\n}\n"]}

package/dist/src/app/pages/page-404.d.ts

@@ -4,5 +4,5 @@ export declare class Page404 extends PageView {
     get context(): {
         title: string;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/app/pages/page-404.js

@@ -11,7 +11,7 @@ let Page404 = class Page404 extends PageView {
     render() {
         return html `
       <section>
-        <mwc-icon>error_outline</mwc-icon>
+        <md-icon>error_outline</md-icon>
         <h2>page not found!</h2>
         The page you requested cannot be found.
       </section>
@@ -30,8 +30,8 @@ Page404.styles = css `
       text-align: center;
       color: var(--secondary-color);
     }
-    mwc-icon {
-      --mdc-icon-size: 120px;
+    md-icon {
+      --md-icon-size: 120px;
       color: var(--status-danger-color);
       text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
     }
@@ -41,9 +41,9 @@ Page404.styles = css `
       text-transform: capitalize;
     }
     @media only screen and (max-width: 460px) {
-      mwc-icon {
+      md-icon {
         padding-top: 25%;
-        --mdc-icon-size: 90px;
+        --md-icon-size: 90px;
       }
       h2 {
         font-size: 2em;

package/dist/src/app/pages/page-404.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-404.js","sourceRoot":"","sources":["../../../../src/app/pages/page-404.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAG/B,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,QAAQ;IAkCnC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,gBAAgB;SACxB,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;KAMV,CAAA;IACH,CAAC;;AA/CM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BlB,AA/BY,CA+BZ;AAhCU,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAiDnB","sourcesContent":["import { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { PageView } from './page-view'\n\n@customElement('page-404')\nexport class Page404 extends PageView {\n  static styles = css`\n    :host {\n      display: block;\n      box-sizing: border-box;\n      background-color: var(--main-section-background-color);\n      --padding-wide: 15%;\n    }\n    section {\n      padding: var(--padding-wide) 0 0 0;\n      text-align: center;\n      color: var(--secondary-color);\n    }\n    mwc-icon {\n      --mdc-icon-size: 120px;\n      color: var(--status-danger-color);\n      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);\n    }\n    h2 {\n      margin: 0 auto;\n      font-size: 2.5em;\n      text-transform: capitalize;\n    }\n    @media only screen and (max-width: 460px) {\n      mwc-icon {\n        padding-top: 25%;\n        --mdc-icon-size: 90px;\n      }\n      h2 {\n        font-size: 2em;\n      }\n    }\n  `\n\n  get context() {\n    return {\n      title: 'Page Not Found'\n    }\n  }\n\n  render() {\n    return html`\n      <section>\n        <mwc-icon>error_outline</mwc-icon>\n        <h2>page not found!</h2>\n        The page you requested cannot be found.\n      </section>\n    `\n  }\n}\n"]}
+{"version":3,"file":"page-404.js","sourceRoot":"","sources":["../../../../src/app/pages/page-404.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAG/B,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,QAAQ;IAkCnC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,gBAAgB;SACxB,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;KAMV,CAAA;IACH,CAAC;;AA/CM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BlB,AA/BY,CA+BZ;AAhCU,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAiDnB","sourcesContent":["import { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { PageView } from './page-view'\n\n@customElement('page-404')\nexport class Page404 extends PageView {\n  static styles = css`\n    :host {\n      display: block;\n      box-sizing: border-box;\n      background-color: var(--main-section-background-color);\n      --padding-wide: 15%;\n    }\n    section {\n      padding: var(--padding-wide) 0 0 0;\n      text-align: center;\n      color: var(--secondary-color);\n    }\n    md-icon {\n      --md-icon-size: 120px;\n      color: var(--status-danger-color);\n      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);\n    }\n    h2 {\n      margin: 0 auto;\n      font-size: 2.5em;\n      text-transform: capitalize;\n    }\n    @media only screen and (max-width: 460px) {\n      md-icon {\n        padding-top: 25%;\n        --md-icon-size: 90px;\n      }\n      h2 {\n        font-size: 2em;\n      }\n    }\n  `\n\n  get context() {\n    return {\n      title: 'Page Not Found'\n    }\n  }\n\n  render() {\n    return html`\n      <section>\n        <md-icon>error_outline</md-icon>\n        <h2>page not found!</h2>\n        The page you requested cannot be found.\n      </section>\n    `\n  }\n}\n"]}

package/dist/src/app/pages/page-view.d.ts

@@ -1,17 +1,75 @@
 import { LitElement, PropertyValues } from 'lit';
+/**
+ * PageView is a base class for creating page elements with lifecycle management.
+ * Subclasses can extend PageView to define custom behavior and handle page lifecycle events.
+ */
 export declare class PageView extends LitElement {
+    /**
+     * Determines whether the page can be deactivated. Subclasses can override this method
+     * to implement custom deactivation logic.
+     * @returns A Promise that resolves to true if the page can be deactivated, or false otherwise.
+     */
     canDeactivate(): Promise<boolean>;
+    /**
+     * Determines whether the page should update. This method is called whenever there are
+     * changes to the page's properties.
+     * @param changes - A map of changed property values.
+     * @returns True if the page should update, or false otherwise.
+     */
     shouldUpdate(changes: PropertyValues<this>): boolean;
+    /**
+     * Indicates whether the page is currently active.
+     */
     active: boolean;
+    /**
+     * Stores information about the page's lifecycle.
+     */
     lifecycle: any;
+    /**
+     * The context path for the page.
+     */
     contextPath?: string;
     _oldLifecycleInfo$: any;
+    /**
+     * Handles page updates and lifecycle events. Subclasses can override this method
+     * to implement custom logic for initializing, updating, and disposing of the page.
+     * @param changes - A map of changed properties.
+     * @param force - If true, forces an update of the page.
+     */
     pageUpdate(changes?: any, force?: boolean): Promise<void>;
+    /**
+     * Resets the page. Subclasses can override this method to perform custom reset logic.
+     */
     pageReset(): Promise<void>;
+    /**
+     * Disposes of the page. Subclasses can override this method to perform custom disposal logic.
+     */
     pageDispose(): Promise<void>;
+    /**
+     * Initializes the page. Subclasses can override this method to perform custom initialization logic.
+     * @param pageInfo - Information about the page's state.
+     */
     pageInitialized(pageInfo: any): void;
+    /**
+     * Handles page updates and changes in properties.
+     * Subclasses can override this method to implement custom update logic.
+     * @param changes - A map of changed properties.
+     * @param after - The current state of the page.
+     * @param before - The previous state of the page.
+     */
     pageUpdated(changes: any, after: any, before: any): void;
+    /**
+     * Handles the disposal of the page. Subclasses can override this method
+     * to implement custom disposal logic.
+     * @param pageInfo - Information about the page's state.
+     */
     pageDisposed(pageInfo: any): void;
     updateContext(override?: any): void;
+    /**
+     * Updates the context of the page. Subclasses can override the `context` getter
+     * to provide specific context information for the page. The context will be updated
+     * using the `updateContext` method inherited from PageView.
+     * @param override - An optional object with context properties to override.
+     */
     get context(): {};
 }

package/dist/src/app/pages/page-view.js

@@ -17,15 +17,32 @@ function diff(after, before) {
     });
     return changed && changes;
 }
+/**
+ * PageView is a base class for creating page elements with lifecycle management.
+ * Subclasses can extend PageView to define custom behavior and handle page lifecycle events.
+ */
 export class PageView extends LitElement {
     constructor() {
         super(...arguments);
+        /**
+         * Indicates whether the page is currently active.
+         */
         this.active = false;
     }
+    /**
+     * Determines whether the page can be deactivated. Subclasses can override this method
+     * to implement custom deactivation logic.
+     * @returns A Promise that resolves to true if the page can be deactivated, or false otherwise.
+     */
     async canDeactivate() {
         return Promise.resolve(true);
     }
-    // Only render this page if it's actually visible.
+    /**
+     * Determines whether the page should update. This method is called whenever there are
+     * changes to the page's properties.
+     * @param changes - A map of changed property values.
+     * @returns True if the page should update, or false otherwise.
+     */
     shouldUpdate(changes) {
         var active = String(this.active) == 'true';
         var { active: oldActive = false } = this._oldLifecycleInfo$ || {};
@@ -47,6 +64,12 @@ export class PageView extends LitElement {
         return active;
     }
     /* lifecycle */
+    /**
+     * Handles page updates and lifecycle events. Subclasses can override this method
+     * to implement custom logic for initializing, updating, and disposing of the page.
+     * @param changes - A map of changed properties.
+     * @param force - If true, forces an update of the page.
+     */
     async pageUpdate(changes = {}, force = false) {
         var before = this._oldLifecycleInfo$ || {};
         var after = {
@@ -96,6 +119,9 @@ export class PageView extends LitElement {
             after.active && this.updateContext();
         }
     }
+    /**
+     * Resets the page. Subclasses can override this method to perform custom reset logic.
+     */
     async pageReset() {
         var { initialized } = this._oldLifecycleInfo$ || {};
         if (initialized) {
@@ -103,13 +129,32 @@ export class PageView extends LitElement {
             await this.pageUpdate({}, true);
         }
     }
+    /**
+     * Disposes of the page. Subclasses can override this method to perform custom disposal logic.
+     */
     async pageDispose() {
         await this.pageUpdate({
             initialized: false
         });
     }
+    /**
+     * Initializes the page. Subclasses can override this method to perform custom initialization logic.
+     * @param pageInfo - Information about the page's state.
+     */
     pageInitialized(pageInfo) { }
+    /**
+     * Handles page updates and changes in properties.
+     * Subclasses can override this method to implement custom update logic.
+     * @param changes - A map of changed properties.
+     * @param after - The current state of the page.
+     * @param before - The previous state of the page.
+     */
     pageUpdated(changes, after, before) { }
+    /**
+     * Handles the disposal of the page. Subclasses can override this method
+     * to implement custom disposal logic.
+     * @param pageInfo - Information about the page's state.
+     */
     pageDisposed(pageInfo) { }
     /* context */
     updateContext(override) {
@@ -118,6 +163,12 @@ export class PageView extends LitElement {
             context: override ? { ...this.context, ...override } : this.context
         });
     }
+    /**
+     * Updates the context of the page. Subclasses can override the `context` getter
+     * to provide specific context information for the page. The context will be updated
+     * using the `updateContext` method inherited from PageView.
+     * @param override - An optional object with context properties to override.
+     */
     get context() {
         return {};
     }

package/dist/src/app/pages/page-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-view.js","sourceRoot":"","sources":["../../../../src/app/pages/page-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,OAAO,MAAM,mBAAmB,CAAA;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,IAAI,CAAC,KAAU,EAAE,MAAW;IACnC,IAAI,OAAO,GAAG,KAAK,CAAA;IACnB,IAAI,OAAO,GAA2B,EAAE,CAAA;IAExC,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAU,GAAG;QACrD,IAAI,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;QAC5B,IAAI,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;YACxB,OAAO,GAAG,IAAI,CAAA;QAChB,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,IAAI,OAAO,CAAA;AAC3B,CAAC;AAED,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QA4B+B,WAAM,GAAY,KAAK,CAAA;IA6FtD,CAAC;IAxHC,KAAK,CAAC,aAAa;QACjB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC;IAED,kDAAkD;IAClD,YAAY,CAAC,OAA6B;QACxC,IAAI,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAA;QAC1C,IAAI,EAAE,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAA;QAEjE;;;;YAII;QACJ,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,UAAU,CAAC;gBACd,MAAM;aACP,CAAC,CAAA;QACJ,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,CAAC;gBACd,MAAM;aACP,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAQD,eAAe;IACf,KAAK,CAAC,UAAU,CAAC,UAAe,EAAE,EAAE,QAAiB,KAAK;QACxD,IAAI,MAAM,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAA;QAE1C,IAAI,KAAK,GAAG;YACV,GAAG,MAAM;YACT,GAAG,IAAI,CAAC,SAAS;YACjB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,GAAG,OAAO;SACX,CAAA;QAED,IAAI,CAAC,CAAC,aAAa,IAAI,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACvE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;QAC1B,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QAC5B,CAAC;QAED,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACjC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAA;QAE/B,+DAA+D;QAC/D,IAAI,MAAM,CAAC,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YAC9C,MAAM,IAAI,CAAC,SAAS,EAAE,CAAA;YACtB,OAAM;QACR,CAAC;QAED,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,MAAM,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;QAED,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;YAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;gBACxB;;;mBAGG;gBACH,qBAAqB,CAAC,KAAK,IAAI,EAAE;oBAC/B,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;oBAC9C,kDAAkD;oBAClD,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAA;gBACtC,CAAC,CAAC,CAAA;YACJ,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;YAChC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;YAC9C,kDAAkD;YAClD,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAA;QACtC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS;QACb,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAA;QAEnD,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;YACxB,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QACjC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,WAAW;QACf,MAAM,IAAI,CAAC,UAAU,CAAC;YACpB,WAAW,EAAE,KAAK;SACnB,CAAC,CAAA;IACJ,CAAC;IAED,eAAe,CAAC,QAAa,IAAG,CAAC;IACjC,WAAW,CAAC,OAAY,EAAE,KAAU,EAAE,MAAW,IAAG,CAAC;IACrD,YAAY,CAAC,QAAa,IAAG,CAAC;IAE9B,aAAa;IACb,aAAa,CAAC,QAAc;QAC1B,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;SACpE,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,OAAO;QACT,OAAO,EAAE,CAAA;IACX,CAAC;CACF;AA7F8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAwB;AACxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAe;AACa;IAAtD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;6CAAqB","sourcesContent":["import { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport isEqual from 'lodash-es/isEqual'\n\nimport { UPDATE_CONTEXT } from '../../actions/const'\nimport { store } from '../../store'\n\nfunction diff(after: any, before: any): any {\n  var changed = false\n  var changes: { [key: string]: any } = {}\n\n  Object.getOwnPropertyNames(after).forEach(function (key) {\n    let before_val = before[key]\n    let after_val = after[key]\n\n    if (!isEqual(before_val, after_val)) {\n      changes[key] = after_val\n      changed = true\n    }\n  })\n\n  return changed && changes\n}\n\nexport class PageView extends LitElement {\n  async canDeactivate(): Promise<boolean> {\n    return Promise.resolve(true)\n  }\n\n  // Only render this page if it's actually visible.\n  shouldUpdate(changes: PropertyValues<this>) {\n    var active = String(this.active) == 'true'\n    var { active: oldActive = false } = this._oldLifecycleInfo$ || {}\n\n    /*\n     * page lifecycle\n     * case 1. page가 새로 activate 되었다.\n     * case 2. page가 active 상태에서 lifecycle 정보가 바뀌었다.\n     **/\n    if (active) {\n      this.pageUpdate({\n        active\n      })\n    } else if (oldActive) {\n      this.pageUpdate({\n        active\n      })\n    }\n\n    return active\n  }\n\n  @property({ type: Boolean }) active: boolean = false\n  @property({ type: Object }) lifecycle: any\n  @property({ type: String, attribute: 'context-path' }) contextPath?: string\n\n  _oldLifecycleInfo$: any\n\n  /* lifecycle */\n  async pageUpdate(changes: any = {}, force: boolean = false) {\n    var before = this._oldLifecycleInfo$ || {}\n\n    var after = {\n      ...before,\n      ...this.lifecycle,\n      contextPath: this.contextPath,\n      ...changes\n    }\n\n    if (!('initialized' in changes) && after.active && !before.initialized) {\n      after.initialized = true\n    }\n\n    if (force) {\n      after.updated = Date.now()\n    }\n\n    var changed = diff(after, before)\n    if (!changed) {\n      return\n    }\n\n    this._oldLifecycleInfo$ = after\n\n    /* page의 이미 초기화된 상태에서 contextPath가 바뀐다면, 무조건 page가 리셋되어야 한다. */\n    if (before.initialized && changed.contextPath) {\n      await this.pageReset()\n      return\n    }\n\n    if (changed.initialized) {\n      await this.pageInitialized(after)\n    }\n\n    if ('initialized' in changed) {\n      if (changed.initialized) {\n        /*\n         * 방금 초기화된 경우라면, 엘리먼트들이 만들어지지 않았을 가능성이 있으므로,\n         * 다음 animationFrame에서 pageUpdated 콜백을 호출한다.\n         */\n        requestAnimationFrame(async () => {\n          await this.pageUpdated(changed, after, before)\n          /* active page인 경우에는, page Context 갱신도 필요할 것이다. */\n          after.active && this.updateContext()\n        })\n      } else {\n        await this.pageDisposed(after)\n      }\n    } else {\n      await this.pageUpdated(changed, after, before)\n      /* active page인 경우에는, page Context 갱신도 필요할 것이다. */\n      after.active && this.updateContext()\n    }\n  }\n\n  async pageReset() {\n    var { initialized } = this._oldLifecycleInfo$ || {}\n\n    if (initialized) {\n      await this.pageDispose()\n      await this.pageUpdate({}, true)\n    }\n  }\n\n  async pageDispose() {\n    await this.pageUpdate({\n      initialized: false\n    })\n  }\n\n  pageInitialized(pageInfo: any) {}\n  pageUpdated(changes: any, after: any, before: any) {}\n  pageDisposed(pageInfo: any) {}\n\n  /* context */\n  updateContext(override?: any) {\n    store.dispatch({\n      type: UPDATE_CONTEXT,\n      context: override ? { ...this.context, ...override } : this.context\n    })\n  }\n\n  get context() {\n    return {}\n  }\n}\n"]}
+{"version":3,"file":"page-view.js","sourceRoot":"","sources":["../../../../src/app/pages/page-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport isEqual from 'lodash-es/isEqual'\n\nimport { UPDATE_CONTEXT } from '../../actions/const'\nimport { store } from '../../store'\n\nfunction diff(after: any, before: any): any {\n  var changed = false\n  var changes: { [key: string]: any } = {}\n\n  Object.getOwnPropertyNames(after).forEach(function (key) {\n    let before_val = before[key]\n    let after_val = after[key]\n\n    if (!isEqual(before_val, after_val)) {\n      changes[key] = after_val\n      changed = true\n    }\n  })\n\n  return changed && changes\n}\n\n/**\n * PageView is a base class for creating page elements with lifecycle management.\n * Subclasses can extend PageView to define custom behavior and handle page lifecycle events.\n */\nexport class PageView extends LitElement {\n  /**\n   * Determines whether the page can be deactivated. Subclasses can override this method\n   * to implement custom deactivation logic.\n   * @returns A Promise that resolves to true if the page can be deactivated, or false otherwise.\n   */\n  async canDeactivate(): Promise<boolean> {\n    return Promise.resolve(true)\n  }\n\n  /**\n   * Determines whether the page should update. This method is called whenever there are\n   * changes to the page's properties.\n   * @param changes - A map of changed property values.\n   * @returns True if the page should update, or false otherwise.\n   */\n  shouldUpdate(changes: PropertyValues<this>) {\n    var active = String(this.active) == 'true'\n    var { active: oldActive = false } = this._oldLifecycleInfo$ || {}\n\n    /*\n     * page lifecycle\n     * case 1. page가 새로 activate 되었다.\n     * case 2. page가 active 상태에서 lifecycle 정보가 바뀌었다.\n     **/\n    if (active) {\n      this.pageUpdate({\n        active\n      })\n    } else if (oldActive) {\n      this.pageUpdate({\n        active\n      })\n    }\n\n    return active\n  }\n\n  /**\n   * Indicates whether the page is currently active.\n   */\n  @property({ type: Boolean }) active: boolean = false\n\n  /**\n   * Stores information about the page's lifecycle.\n   */\n  @property({ type: Object }) lifecycle: any\n\n  /**\n   * The context path for the page.\n   */\n  @property({ type: String, attribute: 'context-path' }) contextPath?: string\n\n  _oldLifecycleInfo$: any\n\n  /* lifecycle */\n\n  /**\n   * Handles page updates and lifecycle events. Subclasses can override this method\n   * to implement custom logic for initializing, updating, and disposing of the page.\n   * @param changes - A map of changed properties.\n   * @param force - If true, forces an update of the page.\n   */\n  async pageUpdate(changes: any = {}, force: boolean = false) {\n    var before = this._oldLifecycleInfo$ || {}\n\n    var after = {\n      ...before,\n      ...this.lifecycle,\n      contextPath: this.contextPath,\n      ...changes\n    }\n\n    if (!('initialized' in changes) && after.active && !before.initialized) {\n      after.initialized = true\n    }\n\n    if (force) {\n      after.updated = Date.now()\n    }\n\n    var changed = diff(after, before)\n    if (!changed) {\n      return\n    }\n\n    this._oldLifecycleInfo$ = after\n\n    /* page의 이미 초기화된 상태에서 contextPath가 바뀐다면, 무조건 page가 리셋되어야 한다. */\n    if (before.initialized && changed.contextPath) {\n      await this.pageReset()\n      return\n    }\n\n    if (changed.initialized) {\n      await this.pageInitialized(after)\n    }\n\n    if ('initialized' in changed) {\n      if (changed.initialized) {\n        /*\n         * 방금 초기화된 경우라면, 엘리먼트들이 만들어지지 않았을 가능성이 있으므로,\n         * 다음 animationFrame에서 pageUpdated 콜백을 호출한다.\n         */\n        requestAnimationFrame(async () => {\n          await this.pageUpdated(changed, after, before)\n          /* active page인 경우에는, page Context 갱신도 필요할 것이다. */\n          after.active && this.updateContext()\n        })\n      } else {\n        await this.pageDisposed(after)\n      }\n    } else {\n      await this.pageUpdated(changed, after, before)\n      /* active page인 경우에는, page Context 갱신도 필요할 것이다. */\n      after.active && this.updateContext()\n    }\n  }\n\n  /**\n   * Resets the page. Subclasses can override this method to perform custom reset logic.\n   */\n  async pageReset() {\n    var { initialized } = this._oldLifecycleInfo$ || {}\n\n    if (initialized) {\n      await this.pageDispose()\n      await this.pageUpdate({}, true)\n    }\n  }\n\n  /**\n   * Disposes of the page. Subclasses can override this method to perform custom disposal logic.\n   */\n  async pageDispose() {\n    await this.pageUpdate({\n      initialized: false\n    })\n  }\n\n  /**\n   * Initializes the page. Subclasses can override this method to perform custom initialization logic.\n   * @param pageInfo - Information about the page's state.\n   */\n  pageInitialized(pageInfo: any) {}\n\n  /**\n   * Handles page updates and changes in properties.\n   * Subclasses can override this method to implement custom update logic.\n   * @param changes - A map of changed properties.\n   * @param after - The current state of the page.\n   * @param before - The previous state of the page.\n   */\n  pageUpdated(changes: any, after: any, before: any) {}\n\n  /**\n   * Handles the disposal of the page. Subclasses can override this method\n   * to implement custom disposal logic.\n   * @param pageInfo - Information about the page's state.\n   */\n  pageDisposed(pageInfo: any) {}\n\n  /* context */\n  updateContext(override?: any) {\n    store.dispatch({\n      type: UPDATE_CONTEXT,\n      context: override ? { ...this.context, ...override } : this.context\n    })\n  }\n\n  /**\n   * Updates the context of the page. Subclasses can override the `context` getter\n   * to provide specific context information for the page. The context will be updated\n   * using the `updateContext` method inherited from PageView.\n   * @param override - An optional object with context properties to override.\n   */\n  get context() {\n    return {}\n  }\n}\n"]}

package/dist/src/custom-alert.d.ts

@@ -0,0 +1,23 @@
+export declare function CustomAlert({ type, icon, title, text, confirmButton, cancelButton, callback }: {
+    type?: 'info' | 'success' | 'error' | 'warning' | 'question';
+    icon?: string;
+    title?: string;
+    text?: string;
+    confirmButton?: {
+        color?: string;
+        text: string;
+    };
+    cancelButton?: {
+        color?: string;
+        text: string;
+    };
+    callback?: (val: {
+        isConfirmed: boolean;
+        isDismissed: boolean;
+        value: boolean;
+    }) => any;
+}): Promise<{
+    isConfirmed: boolean;
+    isDismissed: boolean;
+    value: boolean;
+} | undefined>;

package/dist/src/custom-alert.js

@@ -0,0 +1,26 @@
+import { OxPrompt } from '@operato/popup';
+const TYPES_ICON = {
+    success: 'verified',
+    error: 'error',
+    warning: 'warning',
+    info: 'info',
+    question: 'question_mark'
+};
+export async function CustomAlert({ type, icon, title, text, confirmButton, cancelButton, callback }) {
+    const result = await OxPrompt.open({
+        type: type || 'info',
+        icon: (icon && TYPES_ICON[icon]) || icon,
+        title,
+        text,
+        confirmButton,
+        cancelButton
+    });
+    const val = { isConfirmed: result, isDismissed: !result, value: result };
+    if (callback && typeof callback === 'function') {
+        callback(val);
+    }
+    else {
+        return val;
+    }
+}
+//# sourceMappingURL=custom-alert.js.map

package/dist/src/custom-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-alert.js","sourceRoot":"","sources":["../../src/custom-alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,MAAM,UAAU,GAA+B;IAC7C,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,eAAe;CAC1B,CAAA;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,EAChC,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,QAAQ,EAST;IACC,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC;QACjC,IAAI,EAAE,IAAI,IAAI,MAAM;QACpB,IAAI,EAAE,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI;QACxC,KAAK;QACL,IAAI;QACJ,aAAa;QACb,YAAY;KACb,CAAC,CAAA;IAEF,MAAM,GAAG,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IACxE,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC/C,QAAQ,CAAC,GAAG,CAAC,CAAA;IACf,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,CAAA;IACZ,CAAC;AACH,CAAC","sourcesContent":["import { OxPrompt } from '@operato/popup'\n\nconst TYPES_ICON: { [type: string]: string } = {\n  success: 'verified',\n  error: 'error',\n  warning: 'warning',\n  info: 'info',\n  question: 'question_mark'\n}\n\nexport async function CustomAlert({\n  type,\n  icon,\n  title,\n  text,\n  confirmButton,\n  cancelButton,\n  callback\n}: {\n  type?: 'info' | 'success' | 'error' | 'warning' | 'question'\n  icon?: string\n  title?: string\n  text?: string\n  confirmButton?: { color?: string; text: string }\n  cancelButton?: { color?: string; text: string }\n  callback?: (val: { isConfirmed: boolean; isDismissed: boolean; value: boolean }) => any\n}) {\n  const result = await OxPrompt.open({\n    type: type || 'info',\n    icon: (icon && TYPES_ICON[icon]) || icon,\n    title,\n    text,\n    confirmButton,\n    cancelButton\n  })\n\n  const val = { isConfirmed: result, isDismissed: !result, value: result }\n  if (callback && typeof callback === 'function') {\n    callback(val)\n  } else {\n    return val\n  }\n}\n"]}

package/dist/src/entries/public/home.d.ts

@@ -1,5 +1,4 @@
-import '@material/mwc-icon-button';
-import '@material/mwc-button';
+import '@material/web/icon/icon.js';
 import { LitElement } from 'lit';
 export declare class HomePage extends LitElement {
     static styles: import("lit").CSSResult;
@@ -8,7 +7,7 @@ export declare class HomePage extends LitElement {
         title: string;
         description: string;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     get applicationMeta(): {
         icon: string;
         title: string;

package/dist/src/entries/public/home.js

@@ -1,13 +1,12 @@
 import { __decorate } from "tslib";
-import '@material/mwc-icon-button';
-import '@material/mwc-button';
+import '@material/web/icon/icon.js';
 import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 let HomePage = class HomePage extends LitElement {
     render() {
-        var { icon, title, description } = this.applicationMeta;
+        var { title, description } = this.applicationMeta;
         return html `
-      <mwc-icon-button home icon="home" @click=${() => (window.location.href = '/')}></mwc-icon-button>
+      <md-icon home @click=${() => (window.location.href = '/')}>home</md-icon>
 
       <div message>
         <strong>${title}</strong>
@@ -37,7 +36,7 @@ HomePage.styles = css `
       display: block;
       position: relative;
 
-      --mdc-theme-primary: white;
+      --md-theme-primary: white;
     }
 
     [home] {
@@ -54,17 +53,19 @@ HomePage.styles = css `
       color: #fff;
       text-align: center;
       font-size: 20px;
-    }
-    [message] strong {
-      display: block;
-      font-size: 2.5rem;
-    }
-    [message] img {
-      width: 450px;
-      max-width: 90%;
-      display: block;
-      margin: auto;
-      margin-top: 20px;
+
+      strong {
+        display: block;
+        font-size: 2.5rem;
+      }
+
+      img {
+        width: 450px;
+        max-width: 90%;
+        display: block;
+        margin: auto;
+        margin-top: 20px;
+      }
     }
 
     @media screen and (max-width: 460px) {

package/dist/src/entries/public/home.js.map

@@ -1 +1 @@
-{"version":3,"file":"home.js","sourceRoot":"","sources":["../../../../src/entries/public/home.ts"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAA;AAClC,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAG1C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IA0DtC,MAAM;QACJ,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEvD,OAAO,IAAI,CAAA;iDACkC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;;;kBAGjE,KAAK;UACb,WAAW;;;KAGhB,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAoB,CAAA;YACxF,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB,CAAA;YAC1F,IAAI,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAoB,CAAA;YAEvG,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB;gBACvD,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;aAChF,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;;AArFM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDlB,AAjDY,CAiDZ;AAlDU,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAuFpB","sourcesContent":["import '@material/mwc-icon-button'\nimport '@material/mwc-button'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('home-page')\nexport class HomePage extends LitElement {\n  static styles = css`\n    :host {\n      background-color: var(--main-section-background-color);\n\n      display: block;\n      position: relative;\n\n      --mdc-theme-primary: white;\n    }\n\n    [home] {\n      position: absolute;\n      left: 20px;\n      top: 20px;\n      font-size: 2em;\n      color: white;\n    }\n\n    [message] {\n      background-color: rgba(50, 66, 97, 0.8);\n      padding: 60px 50px 0 50px;\n      color: #fff;\n      text-align: center;\n      font-size: 20px;\n    }\n    [message] strong {\n      display: block;\n      font-size: 2.5rem;\n    }\n    [message] img {\n      width: 450px;\n      max-width: 90%;\n      display: block;\n      margin: auto;\n      margin-top: 20px;\n    }\n\n    @media screen and (max-width: 460px) {\n      [message] {\n        padding: 60px 30px 0 30px;\n        color: #fff;\n        text-align: center;\n        font-size: 15px;\n      }\n\n      [message] strong {\n        font-size: 1.6rem;\n      }\n    }\n  `\n\n  _applicationMeta?: {\n    icon: string\n    title: string\n    description: string\n  }\n\n  render() {\n    var { icon, title, description } = this.applicationMeta\n\n    return html`\n      <mwc-icon-button home icon=\"home\" @click=${() => (window.location.href = '/')}></mwc-icon-button>\n\n      <div message>\n        <strong>${title}</strong>\n        ${description}\n        <img src=\"/assets/images/home.png\" />\n      </div>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink = document.querySelector('link[rel=\"application-icon\"]') as HTMLLinkElement\n      var titleMeta = document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement\n      var descriptionMeta = document.querySelector('meta[name=\"application-description\"]') as HTMLMetaElement\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta ? titleMeta.content : 'Things Factory',\n        description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../../../../src/entries/public/home.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAG1C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IA4DtC,MAAM;QACJ,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEjD,OAAO,IAAI,CAAA;6BACc,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;;;kBAG7C,KAAK;UACb,WAAW;;;KAGhB,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAoB,CAAA;YACxF,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB,CAAA;YAC1F,IAAI,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAoB,CAAA;YAEvG,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB;gBACvD,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;aAChF,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;;AAvFM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDlB,AAnDY,CAmDZ;AApDU,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAyFpB","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('home-page')\nexport class HomePage extends LitElement {\n  static styles = css`\n    :host {\n      background-color: var(--main-section-background-color);\n\n      display: block;\n      position: relative;\n\n      --md-theme-primary: white;\n    }\n\n    [home] {\n      position: absolute;\n      left: 20px;\n      top: 20px;\n      font-size: 2em;\n      color: white;\n    }\n\n    [message] {\n      background-color: rgba(50, 66, 97, 0.8);\n      padding: 60px 50px 0 50px;\n      color: #fff;\n      text-align: center;\n      font-size: 20px;\n\n      strong {\n        display: block;\n        font-size: 2.5rem;\n      }\n\n      img {\n        width: 450px;\n        max-width: 90%;\n        display: block;\n        margin: auto;\n        margin-top: 20px;\n      }\n    }\n\n    @media screen and (max-width: 460px) {\n      [message] {\n        padding: 60px 30px 0 30px;\n        color: #fff;\n        text-align: center;\n        font-size: 15px;\n      }\n\n      [message] strong {\n        font-size: 1.6rem;\n      }\n    }\n  `\n\n  _applicationMeta?: {\n    icon: string\n    title: string\n    description: string\n  }\n\n  render() {\n    var { title, description } = this.applicationMeta\n\n    return html`\n      <md-icon home @click=${() => (window.location.href = '/')}>home</md-icon>\n\n      <div message>\n        <strong>${title}</strong>\n        ${description}\n        <img src=\"/assets/images/home.png\" />\n      </div>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink = document.querySelector('link[rel=\"application-icon\"]') as HTMLLinkElement\n      var titleMeta = document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement\n      var descriptionMeta = document.querySelector('meta[name=\"application-description\"]') as HTMLMetaElement\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta ? titleMeta.content : 'Things Factory',\n        description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}

package/dist/src/index.d.ts

@@ -3,3 +3,4 @@ export * from './store';
 export * from './actions';
 export * from './app/pages/page-view';
 export * from './object-store';
+export * from './custom-alert';

package/dist/src/index.js

@@ -3,4 +3,5 @@ export * from './store';
 export * from './actions';
 export * from './app/pages/page-view';
 export * from './object-store';
+export * from './custom-alert';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA","sourcesContent":["export * from './types'\nexport * from './store'\nexport * from './actions'\nexport * from './app/pages/page-view'\nexport * from './object-store'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA","sourcesContent":["export * from './types'\nexport * from './store'\nexport * from './actions'\nexport * from './app/pages/page-view'\nexport * from './object-store'\nexport * from './custom-alert'\n"]}

package/dist/src/store.js

@@ -7,6 +7,14 @@ import busy from './reducers/busy';
 // Sets up a Chrome extension for time travel debugging.
 // See https://github.com/zalmoxisus/redux-devtools-extension for more information.
 const devCompose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+// Only for providing test environment - combineReducers 에서 process.env.NODE_ENV를 접근하기 때문에.
+if (typeof window.process == 'undefined') {
+    window.process = {
+        env: {
+            NODE_ENV: JSON.stringify('development')
+        }
+    };
+}
 export const store = createStore(state => state, devCompose(lazyReducerEnhancer(combineReducers), applyMiddleware(thunk)));
 // Initially loaded reducers.
 store.addReducers({

package/dist/src/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAa,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAU,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAS,MAAM,OAAO,CAAA;AAC7F,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAChC,OAAO,KAAK,MAAM,kBAAkB,CAAA;AACpC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAMlC,wDAAwD;AACxD,mFAAmF;AACnF,MAAM,UAAU,GAAG,MAAM,CAAC,oCAAoC,IAAI,OAAO,CAAA;AAEzE,MAAM,CAAC,MAAM,KAAK,GAA4C,WAAW,CACvE,KAAK,CAAC,EAAE,CAAC,KAAK,EACd,UAAU,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CACzE,CAAA;AAED,6BAA6B;AAC7B,KAAK,CAAC,WAAW,CAAC;IAChB,GAAG;IACH,KAAK;IACL,IAAI;CACL,CAAC,CAAA","sourcesContent":["import { lazyReducerEnhancer, LazyStore } from 'pwa-helpers/lazy-reducer-enhancer.js'\nimport { Action, applyMiddleware, combineReducers, compose, createStore, Store } from 'redux'\nimport thunk from 'redux-thunk'\n\nimport app from './reducers/app'\nimport route from './reducers/route'\nimport busy from './reducers/busy'\n\ndeclare global {\n  var __REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any\n}\n\n// Sets up a Chrome extension for time travel debugging.\n// See https://github.com/zalmoxisus/redux-devtools-extension for more information.\nconst devCompose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose\n\nexport const store: Store<unknown, Action<any>> & LazyStore = createStore(\n  state => state,\n  devCompose(lazyReducerEnhancer(combineReducers), applyMiddleware(thunk))\n)\n\n// Initially loaded reducers.\nstore.addReducers({\n  app,\n  route,\n  busy\n})\n"]}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAa,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAU,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAS,MAAM,OAAO,CAAA;AAC7F,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAChC,OAAO,KAAK,MAAM,kBAAkB,CAAA;AACpC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAMlC,wDAAwD;AACxD,mFAAmF;AACnF,MAAM,UAAU,GAAG,MAAM,CAAC,oCAAoC,IAAI,OAAO,CAAA;AAEzE,2FAA2F;AAC3F,IAAI,OAAO,MAAM,CAAC,OAAO,IAAI,WAAW,EAAE,CAAC;IACzC,MAAM,CAAC,OAAO,GAAG;QACf,GAAG,EAAE;YACH,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;SACxC;KACK,CAAA;AACV,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAA4C,WAAW,CACvE,KAAK,CAAC,EAAE,CAAC,KAAK,EACd,UAAU,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CACzE,CAAA;AAED,6BAA6B;AAC7B,KAAK,CAAC,WAAW,CAAC;IAChB,GAAG;IACH,KAAK;IACL,IAAI;CACL,CAAC,CAAA","sourcesContent":["import { lazyReducerEnhancer, LazyStore } from 'pwa-helpers/lazy-reducer-enhancer.js'\nimport { Action, applyMiddleware, combineReducers, compose, createStore, Store } from 'redux'\nimport thunk from 'redux-thunk'\n\nimport app from './reducers/app'\nimport route from './reducers/route'\nimport busy from './reducers/busy'\n\ndeclare global {\n  var __REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any\n}\n\n// Sets up a Chrome extension for time travel debugging.\n// See https://github.com/zalmoxisus/redux-devtools-extension for more information.\nconst devCompose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose\n\n// Only for providing test environment - combineReducers 에서 process.env.NODE_ENV를 접근하기 때문에.\nif (typeof window.process == 'undefined') {\n  window.process = {\n    env: {\n      NODE_ENV: JSON.stringify('development')\n    }\n  } as any\n}\n\nexport const store: Store<unknown, Action<any>> & LazyStore = createStore(\n  state => state,\n  devCompose(lazyReducerEnhancer(combineReducers), applyMiddleware(thunk))\n)\n\n// Initially loaded reducers.\nstore.addReducers({\n  app,\n  route,\n  busy\n})\n"]}

package/dist/stories/app.stories.d.ts

@@ -0,0 +1,22 @@
+import '@material/web/icon/icon.js';
+import { TemplateResult } from 'lit';
+import '../src/app/app.js';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        label: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    label?: string;
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/app.stories.js

@@ -0,0 +1,38 @@
+import '@material/web/icon/icon.js';
+import { html } from 'lit';
+import '../src/app/app.js';
+export default {
+    title: 'things-app',
+    component: 'things-app',
+    argTypes: {
+        label: { control: 'string' }
+    }
+};
+const Template = ({ label = '' }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
+    rel="stylesheet"
+  />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
+    rel="stylesheet"
+  />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
+    rel="stylesheet"
+  />
+
+  <style>
+    body {
+      background-color: white;
+    }
+  </style>
+
+  <things-app></things-app>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    label: 'common header styles'
+};
+//# sourceMappingURL=app.stories.js.map

package/dist/stories/app.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.stories.js","sourceRoot":"","sources":["../../stories/app.stories.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAO,IAAI,EAA0B,MAAM,KAAK,CAAA;AACvD,OAAO,mBAAmB,CAAA;AAE1B,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC7B;CACF,CAAA;AAYD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,EAAE,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBnE,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,sBAAsB;CAC9B,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, render, TemplateResult } from 'lit'\nimport '../src/app/app.js'\n\nexport default {\n  title: 'things-app',\n  component: 'things-app',\n  argTypes: {\n    label: { control: 'string' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  label?: string\n}\n\nconst Template: Story<ArgTypes> = ({ label = '' }: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n\n  <style>\n    body {\n      background-color: white;\n    }\n  </style>\n\n  <things-app></things-app>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  label: 'common header styles'\n}\n"]}