@operato/shell 9.0.34 → 10.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.1.0](https://github.com/hatiolab/operato/compare/v9.0.35...v9.1.0) (2025-09-16)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
 ### [9.0.34](https://github.com/hatiolab/operato/compare/v9.0.33...v9.0.34) (2025-09-15)
 
 **Note:** Version bump only for package @operato/shell

package/dist/src/actions/route.d.ts

@@ -35,12 +35,3 @@ export declare const navigateWithSilence: ({ pathname: path, search, params }: {
 export declare const loadPage: (page: string, id: string, params: {
     [key: string]: any;
 }) => (dispatch: any) => Promise<void>;
-/**
- * Route to a given URL by creating a link element and triggering a click event.
- * This approach does not work properly in a mobile environment and therefore should not be used.
- *
- * @deprecated
- *
- * @param url - The URL to route to.
- */
-export declare const route: (url: string) => void;

package/dist/src/actions/route.js

@@ -91,19 +91,4 @@ export const loadPage = (page, id, params) => async (dispatch) => {
         params
     });
 };
-/**
- * Route to a given URL by creating a link element and triggering a click event.
- * This approach does not work properly in a mobile environment and therefore should not be used.
- *
- * @deprecated
- *
- * @param url - The URL to route to.
- */
-export const route = (url) => {
-    const link = document.createElement('a');
-    link.setAttribute('href', url);
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-};
 //# sourceMappingURL=route.js.map

package/dist/src/actions/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../src/actions/route.ts"],"names":[],"mappings":"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","sourcesContent":["import { getPathInfo } from '@operato/utils'\n\nimport { HOMEPAGE, UPDATE_PAGE } from '../actions/const.js'\nimport { store } from '../store.js'\n\n/**\n * Navigate to a page using one of two methods:\n * 1. Using a page link: <a href='page'>goto page</a> (equivalent to route(page))\n * 2. Using the navigate('page') function.\n *\n * 페이지를 이동하는 방법으로는 다음 두가지가 있다.\n * 1. page link를 사용하는 방법 <a href='page'>goto page</a>\n *    이 방법은 route(page)와 동일하다.\n * 2. navigate('page')를 사용하는 방법\n *\n * @param location - The path of the page to navigate to.\n * @param replace - Optional. If true, replaces the current page in the browser's history.\n */\nexport const navigate = (location: string, replace?: boolean) => {\n  if (replace) history.replaceState(history.state, '', location)\n  else history.pushState({}, '', location)\n\n  window.dispatchEvent(new Event('popstate'))\n}\n\n/**\n * Navigate to a page with optional query parameters, and dispatch a Redux action to load the page.\n *\n * @param pathInfo - Object containing pathname, search, and optional params.\n * @param dispatch - Redux dispatch function.\n */\nexport const navigateWithSilence =\n  ({ pathname: path, search, params }: { pathname: string; search?: string; params?: { [key: string]: any } }) =>\n  (dispatch: any) => {\n    const { path: pathname } = getPathInfo(path)\n\n    const reg = /\\/([^\\/]+)\\/*([^\\/]*)/\n    const decodePath = decodeURIComponent(pathname!)\n    const matchReturn = decodePath.match(reg) || []\n    const page = matchReturn[1] || HOMEPAGE\n    const id = matchReturn[2]\n\n    if (!params) {\n      params = {}\n\n      new URLSearchParams(search).forEach((value, key) => {\n        params![key] = value\n      })\n    }\n\n    // Any other info you might want to extract from the path (like page type),\n    // you can do here\n    dispatch(loadPage(page, id, params))\n  }\n\n/**\n * Preload a page by performing any necessary preprocessing before loading.\n *\n * @param page - The page to preload.\n * @returns - The new page path or routing result after preprocessing.\n */\nconst _preLoadPage = async (page: any) => {\n  /*\n   * _preLoadPage 에서는 page를 load하기 전처리를 수행한다.\n   * 예를 들면, page dynamic import 또는 page re-routing\n   */\n  var state: any = store.getState()\n\n  /* override 기능을 위해서 dependency 관계의 역순으로 route를 실행한다. */\n  var modules = state.app.modules\n  if (modules) {\n    for (let i = modules.length - 1; i >= 0; i--) {\n      let module = modules[i]\n      let _page = module.route && (await module.route(page, module))\n      if (_page) {\n        return _page\n      }\n    }\n  }\n}\n\n/**\n * Load a page by dispatching a Redux action, and handle page navigation if necessary.\n *\n * @param page - The page to load.\n * @param id - The associated resource ID.\n * @param params - Additional parameters to pass to the page.\n */\nexport const loadPage = (page: string, id: string, params: { [key: string]: any }) => async (dispatch: any) => {\n  var newPage = await _preLoadPage(page)\n\n  if (page !== newPage && newPage.indexOf('/') == 0) {\n    dispatch(\n      navigateWithSilence({\n        pathname: id ? `${newPage}/${id}` : newPage,\n        params\n      })\n    )\n    return\n  }\n\n  dispatch({\n    type: UPDATE_PAGE,\n    page: newPage,\n    resourceId: id,\n    params\n  })\n}\n\n/**\n * Route to a given URL by creating a link element and triggering a click event.\n * This approach does not work properly in a mobile environment and therefore should not be used.\n *\n * @deprecated\n *\n * @param url - The URL to route to.\n */\nexport const route = (url: string) => {\n  const link = document.createElement('a')\n\n  link.setAttribute('href', url)\n\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n"]}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../src/actions/route.ts"],"names":[],"mappings":"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","sourcesContent":["import { getPathInfo } from '@operato/utils'\n\nimport { HOMEPAGE, UPDATE_PAGE } from '../actions/const.js'\nimport { store } from '../store.js'\n\n/**\n * Navigate to a page using one of two methods:\n * 1. Using a page link: <a href='page'>goto page</a> (equivalent to route(page))\n * 2. Using the navigate('page') function.\n *\n * 페이지를 이동하는 방법으로는 다음 두가지가 있다.\n * 1. page link를 사용하는 방법 <a href='page'>goto page</a>\n *    이 방법은 route(page)와 동일하다.\n * 2. navigate('page')를 사용하는 방법\n *\n * @param location - The path of the page to navigate to.\n * @param replace - Optional. If true, replaces the current page in the browser's history.\n */\nexport const navigate = (location: string, replace?: boolean) => {\n  if (replace) history.replaceState(history.state, '', location)\n  else history.pushState({}, '', location)\n\n  window.dispatchEvent(new Event('popstate'))\n}\n\n/**\n * Navigate to a page with optional query parameters, and dispatch a Redux action to load the page.\n *\n * @param pathInfo - Object containing pathname, search, and optional params.\n * @param dispatch - Redux dispatch function.\n */\nexport const navigateWithSilence =\n  ({ pathname: path, search, params }: { pathname: string; search?: string; params?: { [key: string]: any } }) =>\n  (dispatch: any) => {\n    const { path: pathname } = getPathInfo(path)\n\n    const reg = /\\/([^\\/]+)\\/*([^\\/]*)/\n    const decodePath = decodeURIComponent(pathname!)\n    const matchReturn = decodePath.match(reg) || []\n    const page = matchReturn[1] || HOMEPAGE\n    const id = matchReturn[2]\n\n    if (!params) {\n      params = {}\n\n      new URLSearchParams(search).forEach((value, key) => {\n        params![key] = value\n      })\n    }\n\n    // Any other info you might want to extract from the path (like page type),\n    // you can do here\n    dispatch(loadPage(page, id, params))\n  }\n\n/**\n * Preload a page by performing any necessary preprocessing before loading.\n *\n * @param page - The page to preload.\n * @returns - The new page path or routing result after preprocessing.\n */\nconst _preLoadPage = async (page: any) => {\n  /*\n   * _preLoadPage 에서는 page를 load하기 전처리를 수행한다.\n   * 예를 들면, page dynamic import 또는 page re-routing\n   */\n  var state: any = store.getState()\n\n  /* override 기능을 위해서 dependency 관계의 역순으로 route를 실행한다. */\n  var modules = state.app.modules\n  if (modules) {\n    for (let i = modules.length - 1; i >= 0; i--) {\n      let module = modules[i]\n      let _page = module.route && (await module.route(page, module))\n      if (_page) {\n        return _page\n      }\n    }\n  }\n}\n\n/**\n * Load a page by dispatching a Redux action, and handle page navigation if necessary.\n *\n * @param page - The page to load.\n * @param id - The associated resource ID.\n * @param params - Additional parameters to pass to the page.\n */\nexport const loadPage = (page: string, id: string, params: { [key: string]: any }) => async (dispatch: any) => {\n  var newPage = await _preLoadPage(page)\n\n  if (page !== newPage && newPage.indexOf('/') == 0) {\n    dispatch(\n      navigateWithSilence({\n        pathname: id ? `${newPage}/${id}` : newPage,\n        params\n      })\n    )\n    return\n  }\n\n  dispatch({\n    type: UPDATE_PAGE,\n    page: newPage,\n    resourceId: id,\n    params\n  })\n}\n"]}

package/dist/src/app/app.d.ts

@@ -5,14 +5,7 @@ declare enum MODULES_STATE {
     INITIALIZING = 1,
     INITIALIZED = 2
 }
-declare const ThingsApp_base: (new (...args: any[]) => {
-    _storeUnsubscribe: import("redux").Unsubscribe;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    stateChanged(_state: unknown): void;
-    readonly isConnected: boolean;
-}) & typeof LitElement;
-export declare class ThingsApp extends ThingsApp_base {
+export declare class ThingsApp extends LitElement {
     static styles: import("lit").CSSResult[];
     static moduleInitialized: MODULES_STATE;
     static modules: Array<any>;
@@ -26,6 +19,8 @@ export declare class ThingsApp extends ThingsApp_base {
     }>;
     static callbacks: Array<any>;
     static contextPath?: string;
+    private _routeCtrl;
+    private _appCtrl;
     contextPathPrefix?: string;
     resourceId?: string;
     page?: string;
@@ -41,7 +36,7 @@ export declare class ThingsApp extends ThingsApp_base {
     routeToPage(): Promise<void>;
     updated(changes: PropertyValues<this>): Promise<void>;
     shouldUpdate(): boolean;
-    stateChanged(state: any): void;
+    protected willUpdate(): void;
     static registerPages(): Promise<void>;
     setBase(): void;
 }

package/dist/src/app/app.js

@@ -2,12 +2,13 @@ var ThingsApp_1;
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
-import { connect } from 'pwa-helpers/connect-mixin.js';
-import { installRouter } from 'pwa-helpers/router.js';
+import { installRouter } from '../router.js';
 import { ScrollbarStyles } from '@operato/styles';
 import { setContextPathPrefix, getPathInfo } from '@operato/utils';
 import { navigateWithSilence, UPDATE_ACTIVE_PAGE, UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions/index.js';
 import { store } from '../store.js';
+import { RouteController } from '../controllers/route-controller.js';
+import { AppController } from '../controllers/app-controller.js';
 import { AppStyle } from './app-style.js';
 var MODULES_STATE;
 (function (MODULES_STATE) {
@@ -15,9 +16,11 @@ var MODULES_STATE;
     MODULES_STATE[MODULES_STATE["INITIALIZING"] = 1] = "INITIALIZING";
     MODULES_STATE[MODULES_STATE["INITIALIZED"] = 2] = "INITIALIZED";
 })(MODULES_STATE || (MODULES_STATE = {}));
-let ThingsApp = class ThingsApp extends connect(store)(LitElement) {
+let ThingsApp = class ThingsApp extends LitElement {
     constructor() {
         super(...arguments);
+        this._routeCtrl = new RouteController(this);
+        this._appCtrl = new AppController(this);
         this.contextPathPrefix = undefined;
         this.contextPath = ThingsApp_1.contextPath;
         this.modules = ThingsApp_1.modules;
@@ -160,7 +163,7 @@ let ThingsApp = class ThingsApp extends connect(store)(LitElement) {
         if (changes.has('modules')) {
             ThingsApp_1.registerPages();
         }
-        if (changes.has('page') || changes.has('resourceId') || changes.has('params')) {
+        if ((changes.has('page') || changes.has('resourceId') || changes.has('params')) && this.page) {
             this.routeToPage();
         }
         if (changes.has('contextPath')) {
@@ -170,14 +173,15 @@ let ThingsApp = class ThingsApp extends connect(store)(LitElement) {
     shouldUpdate() {
         return ThingsApp_1.moduleInitialized == 2;
     }
-    stateChanged(state) {
-        this.page = state.route.page;
-        this.params = state.route.params;
-        this.resourceId = state.route.resourceId;
-        this.context = state.route.context;
-        ThingsApp_1.modules = this.modules = state.app.modules;
-        ThingsApp_1.contextPath = this.contextPath = state.app.contextPath;
-        ThingsApp_1.callbacks = state.route.callbacks;
+    willUpdate() {
+        this.page = this._routeCtrl.page;
+        this.params = this._routeCtrl.params;
+        this.resourceId = this._routeCtrl.resourceId;
+        this.context = this._routeCtrl.context;
+        this.activePage = this._routeCtrl.activePage;
+        ThingsApp_1.modules = this.modules = this._appCtrl.modules;
+        ThingsApp_1.contextPath = this.contextPath = this._appCtrl.contextPath;
+        ThingsApp_1.callbacks = store.getState().route?.callbacks || [];
     }
     static async registerPages() {
         ThingsApp_1.pages = new Promise(resolve => (ThingsApp_1.pagesResolver = resolve));

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/index.js'\nimport { store } from '../store.js'\nimport { AppStyle } from './app-style.js'\nimport { PageView } from './pages/page-view.js'\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 = undefined\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(async module => {\n      var modules: {\n        name: string\n        bootstrap: (m?: any /* self */) => void\n      }[] = module.modules\n\n      /* lifecycle - bootstrapping */\n      for (let idx = 0; idx < modules.length; idx++) {\n        const m = modules[idx]\n        try {\n          if (m.bootstrap) {\n            await m.bootstrap(m)\n          }\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.pushState({}, this.activePage.title, lastPathName)\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"]}
+{"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 { installRouter } from '../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/index.js'\nimport { store } from '../store.js'\nimport { RouteController } from '../controllers/route-controller.js'\nimport { AppController } from '../controllers/app-controller.js'\nimport { AppStyle } from './app-style.js'\nimport { PageView } from './pages/page-view.js'\n\nenum MODULES_STATE {\n  NOT_INITIALIZED,\n  INITIALIZING,\n  INITIALIZED\n}\n\n@customElement('things-app')\nexport class ThingsApp extends 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  private _routeCtrl = new RouteController(this)\n  private _appCtrl = new AppController(this)\n\n  @property({ type: String, attribute: 'context-path-prefix' }) contextPathPrefix?: string = undefined\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(async module => {\n      var modules: {\n        name: string\n        bootstrap: (m?: any /* self */) => void\n      }[] = module.modules\n\n      /* lifecycle - bootstrapping */\n      for (let idx = 0; idx < modules.length; idx++) {\n        const m = modules[idx]\n        try {\n          if (m.bootstrap) {\n            await m.bootstrap(m)\n          }\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.pushState({}, this.activePage.title, lastPathName)\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')) && this.page) {\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  protected willUpdate() {\n    this.page = this._routeCtrl.page\n    this.params = this._routeCtrl.params\n    this.resourceId = this._routeCtrl.resourceId\n    this.context = this._routeCtrl.context\n    this.activePage = this._routeCtrl.activePage\n\n    ThingsApp.modules = this.modules = this._appCtrl.modules\n    ThingsApp.contextPath = this.contextPath = this._appCtrl.contextPath\n    ThingsApp.callbacks = (store.getState() as any).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/connect-mixin.d.ts

@@ -0,0 +1,20 @@
+import { Store } from 'redux';
+type Constructor<T = {}> = new (...args: any[]) => T;
+interface CustomElement {
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+}
+/**
+ * @deprecated Use ReactiveController adapters from `@operato/shell` instead
+ * (e.g. RouteController, LayoutController, ContextController, etc.).
+ * Kept for backward compatibility with things-factory consumers.
+ */
+export declare const connect: <S>(store: Store<S>) => <T extends Constructor<CustomElement>>(baseElement: T) => {
+    new (...args: any[]): {
+        _storeUnsubscribe: () => void;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        stateChanged(_state: S): void;
+    };
+} & T;
+export {};

package/dist/src/connect-mixin.js

@@ -0,0 +1,18 @@
+/**
+ * @deprecated Use ReactiveController adapters from `@operato/shell` instead
+ * (e.g. RouteController, LayoutController, ContextController, etc.).
+ * Kept for backward compatibility with things-factory consumers.
+ */
+export const connect = (store) => (baseElement) => class extends baseElement {
+    connectedCallback() {
+        super.connectedCallback?.();
+        this._storeUnsubscribe = store.subscribe(() => this.stateChanged(store.getState()));
+        this.stateChanged(store.getState());
+    }
+    disconnectedCallback() {
+        this._storeUnsubscribe();
+        super.disconnectedCallback?.();
+    }
+    stateChanged(_state) { }
+};
+//# sourceMappingURL=connect-mixin.js.map

package/dist/src/connect-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-mixin.js","sourceRoot":"","sources":["../../src/connect-mixin.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAClB,CAAI,KAAe,EAAE,EAAE,CACvB,CAAuC,WAAc,EAAE,EAAE,CACvD,KAAM,SAAQ,WAAW;IAGvB,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,EAAE,CAAA;QAC3B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;QACnF,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;IACrC,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,KAAK,CAAC,oBAAoB,EAAE,EAAE,CAAA;IAChC,CAAC;IAED,YAAY,CAAC,MAAS,IAAG,CAAC;CAC3B,CAAA","sourcesContent":["import { Store } from 'redux'\n\ntype Constructor<T = {}> = new (...args: any[]) => T\n\ninterface CustomElement {\n  connectedCallback?(): void\n  disconnectedCallback?(): void\n}\n\n/**\n * @deprecated Use ReactiveController adapters from `@operato/shell` instead\n * (e.g. RouteController, LayoutController, ContextController, etc.).\n * Kept for backward compatibility with things-factory consumers.\n */\nexport const connect =\n  <S>(store: Store<S>) =>\n  <T extends Constructor<CustomElement>>(baseElement: T) =>\n    class extends baseElement {\n      _storeUnsubscribe!: () => void\n\n      connectedCallback() {\n        super.connectedCallback?.()\n        this._storeUnsubscribe = store.subscribe(() => this.stateChanged(store.getState()))\n        this.stateChanged(store.getState())\n      }\n\n      disconnectedCallback() {\n        this._storeUnsubscribe()\n        super.disconnectedCallback?.()\n      }\n\n      stateChanged(_state: S) {}\n    }\n"]}

package/dist/src/controllers/app-controller.d.ts

@@ -0,0 +1,33 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface AppState {
+    baseUrl: string;
+    contextPath: string;
+    modules: any[];
+    domains: {
+        name: string;
+        subdomain: string;
+    }[];
+    domain?: {
+        name: string;
+        subdomain: string;
+    };
+}
+export declare class AppController implements ReactiveController {
+    host: ReactiveControllerHost;
+    baseUrl: string;
+    contextPath: string;
+    modules: any[];
+    domains: {
+        name: string;
+        subdomain: string;
+    }[];
+    domain?: {
+        name: string;
+        subdomain: string;
+    };
+    private _unsubscribe?;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private _apply;
+}

package/dist/src/controllers/app-controller.js

@@ -0,0 +1,35 @@
+import { store } from '../store.js';
+export class AppController {
+    constructor(host) {
+        this.baseUrl = '';
+        this.contextPath = '';
+        this.modules = [];
+        this.domains = [];
+        this.host = host;
+        host.addController(this);
+    }
+    hostConnected() {
+        this._apply(store.getState().app);
+        this._unsubscribe = store.subscribe(() => {
+            const next = store.getState().app;
+            if (this.modules !== next?.modules ||
+                this.contextPath !== next?.contextPath ||
+                this.baseUrl !== next?.baseUrl ||
+                this.domains !== next?.domains) {
+                this._apply(next);
+                this.host.requestUpdate();
+            }
+        });
+    }
+    hostDisconnected() {
+        this._unsubscribe?.();
+    }
+    _apply(s) {
+        this.baseUrl = s?.baseUrl || '';
+        this.contextPath = s?.contextPath || '';
+        this.modules = s?.modules || [];
+        this.domains = s?.domains || [];
+        this.domain = s?.domain;
+    }
+}
+//# sourceMappingURL=app-controller.js.map

package/dist/src/controllers/app-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-controller.js","sourceRoot":"","sources":["../../../src/controllers/app-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAUnC,MAAM,OAAO,aAAa;IAWxB,YAAY,IAA4B;QARxC,YAAO,GAAG,EAAE,CAAA;QACZ,gBAAW,GAAG,EAAE,CAAA;QAChB,YAAO,GAAU,EAAE,CAAA;QACnB,YAAO,GAA0C,EAAE,CAAA;QAMjD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,aAAa;QACX,IAAI,CAAC,MAAM,CAAE,KAAK,CAAC,QAAQ,EAAU,CAAC,GAAG,CAAC,CAAA;QAE1C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACvC,MAAM,IAAI,GAAI,KAAK,CAAC,QAAQ,EAAU,CAAC,GAAG,CAAA;YAC1C,IACE,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,OAAO;gBAC9B,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE,WAAW;gBACtC,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,OAAO;gBAC9B,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,OAAO,EAC9B,CAAC;gBACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACjB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,EAAE,CAAA;IACvB,CAAC;IAEO,MAAM,CAAC,CAAM;QACnB,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,OAAO,IAAI,EAAE,CAAA;QAC/B,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,IAAI,EAAE,CAAA;QACvC,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,OAAO,IAAI,EAAE,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,OAAO,IAAI,EAAE,CAAA;QAC/B,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,MAAM,CAAA;IACzB,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport { store } from '../store.js'\n\nexport interface AppState {\n  baseUrl: string\n  contextPath: string\n  modules: any[]\n  domains: { name: string; subdomain: string }[]\n  domain?: { name: string; subdomain: string }\n}\n\nexport class AppController implements ReactiveController {\n  host: ReactiveControllerHost\n\n  baseUrl = ''\n  contextPath = ''\n  modules: any[] = []\n  domains: { name: string; subdomain: string }[] = []\n  domain?: { name: string; subdomain: string }\n\n  private _unsubscribe?: () => void\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this._apply((store.getState() as any).app)\n\n    this._unsubscribe = store.subscribe(() => {\n      const next = (store.getState() as any).app\n      if (\n        this.modules !== next?.modules ||\n        this.contextPath !== next?.contextPath ||\n        this.baseUrl !== next?.baseUrl ||\n        this.domains !== next?.domains\n      ) {\n        this._apply(next)\n        this.host.requestUpdate()\n      }\n    })\n  }\n\n  hostDisconnected() {\n    this._unsubscribe?.()\n  }\n\n  private _apply(s: any) {\n    this.baseUrl = s?.baseUrl || ''\n    this.contextPath = s?.contextPath || ''\n    this.modules = s?.modules || []\n    this.domains = s?.domains || []\n    this.domain = s?.domain\n  }\n}\n"]}

package/dist/src/controllers/context-controller.d.ts

@@ -0,0 +1,10 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class ContextController implements ReactiveController {
+    host: ReactiveControllerHost;
+    tools: any[];
+    private _unsubscribe?;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private _apply;
+}

package/dist/src/controllers/context-controller.js

@@ -0,0 +1,25 @@
+import { store } from '../store.js';
+export class ContextController {
+    constructor(host) {
+        this.tools = [];
+        this.host = host;
+        host.addController(this);
+    }
+    hostConnected() {
+        this._apply(store.getState().context);
+        this._unsubscribe = store.subscribe(() => {
+            const next = store.getState().context;
+            if (this.tools !== next?.tools) {
+                this._apply(next);
+                this.host.requestUpdate();
+            }
+        });
+    }
+    hostDisconnected() {
+        this._unsubscribe?.();
+    }
+    _apply(s) {
+        this.tools = s?.tools || [];
+    }
+}
+//# sourceMappingURL=context-controller.js.map

package/dist/src/controllers/context-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-controller.js","sourceRoot":"","sources":["../../../src/controllers/context-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,OAAO,iBAAiB;IAO5B,YAAY,IAA4B;QAJxC,UAAK,GAAU,EAAE,CAAA;QAKf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,aAAa;QACX,IAAI,CAAC,MAAM,CAAE,KAAK,CAAC,QAAQ,EAAU,CAAC,OAAO,CAAC,CAAA;QAE9C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACvC,MAAM,IAAI,GAAI,KAAK,CAAC,QAAQ,EAAU,CAAC,OAAO,CAAA;YAC9C,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;gBAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACjB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,EAAE,CAAA;IACvB,CAAC;IAEO,MAAM,CAAC,CAAM;QACnB,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,CAAA;IAC7B,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport { store } from '../store.js'\n\nexport class ContextController implements ReactiveController {\n  host: ReactiveControllerHost\n\n  tools: any[] = []\n\n  private _unsubscribe?: () => void\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this._apply((store.getState() as any).context)\n\n    this._unsubscribe = store.subscribe(() => {\n      const next = (store.getState() as any).context\n      if (this.tools !== next?.tools) {\n        this._apply(next)\n        this.host.requestUpdate()\n      }\n    })\n  }\n\n  hostDisconnected() {\n    this._unsubscribe?.()\n  }\n\n  private _apply(s: any) {\n    this.tools = s?.tools || []\n  }\n}\n"]}

package/dist/src/controllers/font-controller.d.ts

@@ -0,0 +1,20 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface Font {
+    id: string;
+    name: string;
+    provider: string;
+    uri: string;
+    active: boolean;
+    files: Array<{
+        name: string;
+        fullpath: string;
+    }>;
+}
+export declare class FontController implements ReactiveController {
+    host: ReactiveControllerHost;
+    fonts: Font[];
+    private _unsubscribe?;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/src/controllers/font-controller.js

@@ -0,0 +1,22 @@
+import { store } from '../store.js';
+export class FontController {
+    constructor(host) {
+        this.fonts = [];
+        this.host = host;
+        host.addController(this);
+    }
+    hostConnected() {
+        this.fonts = store.getState().font ?? [];
+        this._unsubscribe = store.subscribe(() => {
+            const next = store.getState().font ?? [];
+            if (this.fonts !== next) {
+                this.fonts = next;
+                this.host.requestUpdate();
+            }
+        });
+    }
+    hostDisconnected() {
+        this._unsubscribe?.();
+    }
+}
+//# sourceMappingURL=font-controller.js.map

package/dist/src/controllers/font-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-controller.js","sourceRoot":"","sources":["../../../src/controllers/font-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAWnC,MAAM,OAAO,cAAc;IAOzB,YAAY,IAA4B;QAJxC,UAAK,GAAW,EAAE,CAAA;QAKhB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,aAAa;QACX,IAAI,CAAC,KAAK,GAAI,KAAK,CAAC,QAAQ,EAAU,CAAC,IAAI,IAAI,EAAE,CAAA;QAEjD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACvC,MAAM,IAAI,GAAY,KAAK,CAAC,QAAQ,EAAU,CAAC,IAAI,IAAI,EAAE,CAAA;YACzD,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;gBACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;gBACjB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,EAAE,CAAA;IACvB,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport { store } from '../store.js'\n\nexport interface Font {\n  id: string\n  name: string\n  provider: string\n  uri: string\n  active: boolean\n  files: Array<{ name: string; fullpath: string }>\n}\n\nexport class FontController implements ReactiveController {\n  host: ReactiveControllerHost\n\n  fonts: Font[] = []\n\n  private _unsubscribe?: () => void\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this.fonts = (store.getState() as any).font ?? []\n\n    this._unsubscribe = store.subscribe(() => {\n      const next: Font[] = (store.getState() as any).font ?? []\n      if (this.fonts !== next) {\n        this.fonts = next\n        this.host.requestUpdate()\n      }\n    })\n  }\n\n  hostDisconnected() {\n    this._unsubscribe?.()\n  }\n}\n"]}

package/dist/src/controllers/index.d.ts

@@ -0,0 +1,11 @@
+export { AppController } from './app-controller.js';
+export type { AppState } from './app-controller.js';
+export { ContextController } from './context-controller.js';
+export { FontController } from './font-controller.js';
+export { LayoutController } from './layout-controller.js';
+export type { Font } from './font-controller.js';
+export { MenuController } from './menu-controller.js';
+export { RouteController } from './route-controller.js';
+export type { RouteState } from './route-controller.js';
+export { SnackbarController } from './snackbar-controller.js';
+export type { SnackbarLevel, SnackbarState } from './snackbar-controller.js';

package/dist/src/controllers/index.js

@@ -0,0 +1,8 @@
+export { AppController } from './app-controller.js';
+export { ContextController } from './context-controller.js';
+export { FontController } from './font-controller.js';
+export { LayoutController } from './layout-controller.js';
+export { MenuController } from './menu-controller.js';
+export { RouteController } from './route-controller.js';
+export { SnackbarController } from './snackbar-controller.js';
+//# sourceMappingURL=index.js.map

package/dist/src/controllers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controllers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA","sourcesContent":["export { AppController } from './app-controller.js'\nexport type { AppState } from './app-controller.js'\nexport { ContextController } from './context-controller.js'\nexport { FontController } from './font-controller.js'\nexport { LayoutController } from './layout-controller.js'\nexport type { Font } from './font-controller.js'\nexport { MenuController } from './menu-controller.js'\nexport { RouteController } from './route-controller.js'\nexport type { RouteState } from './route-controller.js'\nexport { SnackbarController } from './snackbar-controller.js'\nexport type { SnackbarLevel, SnackbarState } from './snackbar-controller.js'\n"]}

package/dist/src/controllers/layout-controller.d.ts

@@ -0,0 +1,13 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class LayoutController implements ReactiveController {
+    host: ReactiveControllerHost;
+    viewparts: {
+        [name: string]: any;
+    };
+    width: 'WIDE' | 'NARROW';
+    private _unsubscribe?;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private _apply;
+}

package/dist/src/controllers/layout-controller.js

@@ -0,0 +1,27 @@
+import { store } from '../store.js';
+export class LayoutController {
+    constructor(host) {
+        this.viewparts = {};
+        this.width = 'WIDE';
+        this.host = host;
+        host.addController(this);
+    }
+    hostConnected() {
+        this._apply(store.getState().layout);
+        this._unsubscribe = store.subscribe(() => {
+            const next = store.getState().layout;
+            if (this.viewparts !== next?.viewparts || this.width !== next?.width) {
+                this._apply(next);
+                this.host.requestUpdate();
+            }
+        });
+    }
+    hostDisconnected() {
+        this._unsubscribe?.();
+    }
+    _apply(s) {
+        this.viewparts = s?.viewparts || {};
+        this.width = s?.width || 'WIDE';
+    }
+}
+//# sourceMappingURL=layout-controller.js.map

package/dist/src/controllers/layout-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-controller.js","sourceRoot":"","sources":["../../../src/controllers/layout-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,OAAO,gBAAgB;IAQ3B,YAAY,IAA4B;QALxC,cAAS,GAA4B,EAAE,CAAA;QACvC,UAAK,GAAsB,MAAM,CAAA;QAK/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,aAAa;QACX,IAAI,CAAC,MAAM,CAAE,KAAK,CAAC,QAAQ,EAAU,CAAC,MAAM,CAAC,CAAA;QAE7C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACvC,MAAM,IAAI,GAAI,KAAK,CAAC,QAAQ,EAAU,CAAC,MAAM,CAAA;YAC7C,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;gBACrE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACjB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,EAAE,CAAA;IACvB,CAAC;IAEO,MAAM,CAAC,CAAM;QACnB,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE,SAAS,IAAI,EAAE,CAAA;QACnC,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,MAAM,CAAA;IACjC,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport { store } from '../store.js'\n\nexport class LayoutController implements ReactiveController {\n  host: ReactiveControllerHost\n\n  viewparts: { [name: string]: any } = {}\n  width: 'WIDE' | 'NARROW' = 'WIDE'\n\n  private _unsubscribe?: () => void\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this._apply((store.getState() as any).layout)\n\n    this._unsubscribe = store.subscribe(() => {\n      const next = (store.getState() as any).layout\n      if (this.viewparts !== next?.viewparts || this.width !== next?.width) {\n        this._apply(next)\n        this.host.requestUpdate()\n      }\n    })\n  }\n\n  hostDisconnected() {\n    this._unsubscribe?.()\n  }\n\n  private _apply(s: any) {\n    this.viewparts = s?.viewparts || {}\n    this.width = s?.width || 'WIDE'\n  }\n}\n"]}

package/dist/src/controllers/menu-controller.d.ts

@@ -0,0 +1,11 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class MenuController implements ReactiveController {
+    host: ReactiveControllerHost;
+    menus: any[];
+    slotTemplate: any;
+    private _unsubscribe?;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private _apply;
+}

package/dist/src/controllers/menu-controller.js

@@ -0,0 +1,27 @@
+import { store } from '../store.js';
+export class MenuController {
+    constructor(host) {
+        this.menus = [];
+        this.slotTemplate = null;
+        this.host = host;
+        host.addController(this);
+    }
+    hostConnected() {
+        this._apply(store.getState().liteMenu);
+        this._unsubscribe = store.subscribe(() => {
+            const next = store.getState().liteMenu;
+            if (this.menus !== next?.menus || this.slotTemplate !== next?.slotTemplate) {
+                this._apply(next);
+                this.host.requestUpdate();
+            }
+        });
+    }
+    hostDisconnected() {
+        this._unsubscribe?.();
+    }
+    _apply(s) {
+        this.menus = s?.menus || [];
+        this.slotTemplate = s?.slotTemplate ?? null;
+    }
+}
+//# sourceMappingURL=menu-controller.js.map

package/dist/src/controllers/menu-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-controller.js","sourceRoot":"","sources":["../../../src/controllers/menu-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,OAAO,cAAc;IAQzB,YAAY,IAA4B;QALxC,UAAK,GAAU,EAAE,CAAA;QACjB,iBAAY,GAAQ,IAAI,CAAA;QAKtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,aAAa;QACX,IAAI,CAAC,MAAM,CAAE,KAAK,CAAC,QAAQ,EAAU,CAAC,QAAQ,CAAC,CAAA;QAE/C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACvC,MAAM,IAAI,GAAI,KAAK,CAAC,QAAQ,EAAU,CAAC,QAAQ,CAAA;YAC/C,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE,YAAY,EAAE,CAAC;gBAC3E,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACjB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,EAAE,CAAA;IACvB,CAAC;IAEO,MAAM,CAAC,CAAM;QACnB,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,CAAA;QAC3B,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,YAAY,IAAI,IAAI,CAAA;IAC7C,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport { store } from '../store.js'\n\nexport class MenuController implements ReactiveController {\n  host: ReactiveControllerHost\n\n  menus: any[] = []\n  slotTemplate: any = null\n\n  private _unsubscribe?: () => void\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this._apply((store.getState() as any).liteMenu)\n\n    this._unsubscribe = store.subscribe(() => {\n      const next = (store.getState() as any).liteMenu\n      if (this.menus !== next?.menus || this.slotTemplate !== next?.slotTemplate) {\n        this._apply(next)\n        this.host.requestUpdate()\n      }\n    })\n  }\n\n  hostDisconnected() {\n    this._unsubscribe?.()\n  }\n\n  private _apply(s: any) {\n    this.menus = s?.menus || []\n    this.slotTemplate = s?.slotTemplate ?? null\n  }\n}\n"]}

package/dist/src/controllers/route-controller.d.ts

@@ -0,0 +1,21 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface RouteState {
+    page: string;
+    resourceId: string;
+    params: Record<string, any>;
+    context: any;
+    activePage: any;
+}
+export declare class RouteController implements ReactiveController {
+    host: ReactiveControllerHost;
+    page: string;
+    resourceId: string;
+    params: Record<string, any>;
+    context: any;
+    activePage: any;
+    private _unsubscribe?;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private _apply;
+}