@things-factory/setting-ui 10.1.28 → 10.1.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-client/pages/setting.d.ts +1 -0
- package/dist-client/pages/setting.js +5 -0
- package/dist-client/pages/setting.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
- package/translations/en.json +4 -1
- package/translations/ja.json +4 -1
- package/translations/ko.json +4 -1
- package/translations/ms.json +4 -1
- package/translations/zh.json +4 -1
|
@@ -53,6 +53,11 @@ let SettingPage = class SettingPage extends localize(i18next)(PageView) {
|
|
|
53
53
|
}
|
|
54
54
|
get context() {
|
|
55
55
|
return {
|
|
56
|
+
/*
|
|
57
|
+
* 이 화면이 어떤 틀인가 — 동작 줄이 이것을 읽고 자기 오른쪽 끝을 내용에 맞춘다
|
|
58
|
+
* (ADR-0060 결정 9 보탬). 안 적으면 창 폭이고, 그것은 작업면의 모양이다.
|
|
59
|
+
*/
|
|
60
|
+
frame: 'document',
|
|
56
61
|
title: i18next.t('title.setting')
|
|
57
62
|
};
|
|
58
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setting.js","sourceRoot":"","sources":["../../client/pages/setting.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAmB,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAG7C,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAArD;;QAyBY,cAAS,GAAU,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"setting.js","sourceRoot":"","sources":["../../client/pages/setting.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAmB,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAG7C,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAArD;;QAyBY,cAAS,GAAU,EAAE,CAAA;IAyCxC,CAAC;aAjEQ,WAAM,GAAG;QACd,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;KAmBF;KACF,AAtBY,CAsBZ;IAID,MAAM;QACJ,IAAI,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjD,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAA;QACtB,CAAC,CAAC,CAAA;QAEF,OAAO,IAAI,CAAA,sBAAsB,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA,IAAI,OAAO,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAA;IACvG,CAAC;IAID,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QAEzB,IAAI,CAAC,WAAW,EAAE,CAAA;QAElB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IAC/D,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAE5B,IAAI,CAAC,YAAY,EAAE,EAAE,CAAA;IACvB,CAAC;IAEO,WAAW;QACjB,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAS,CAAA;QACzC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAA;IAC7C,CAAC;IAED,IAAI,OAAO;QACT,OAAO;YACC;;;SAGH;YACH,KAAK,EAAE,UAAU;YACvB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;SAC5B,CAAA;IACH,CAAC;;AAxCgB;IAAhB,KAAK,EAAE;;8CAA8B;AAzB3B,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAkEvB","sourcesContent":["import { html, css } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { store, PageView } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\nimport { DocumentPageStyles } from '@operato/styles'\n\n@customElement('setting-page')\nexport class SettingPage extends localize(i18next)(PageView) {\n static styles = [\n DocumentPageStyles,\n css`\n /*\n * Settings are read and edited, so this is a document (ADR-0060 decision 8): one column, a\n * readable width, and the spacing between cards decided by the frame.\n *\n * The card's own outer margin goes to zero so that spacing is decided in one place. With both\n * alive, every screen that holds cards comes out with a different gap.\n */\n :host {\n --setting-let-margin: 0;\n }\n\n /*\n * The 170px settings picture at the head is gone. The title bar already carries the screen\n * name, so the picture repeated it and pushed one setting card off the first screen.\n *\n * Its rule matched every div on the page, so a second div anywhere here became a 170px\n * picture too.\n */\n `\n ]\n\n @state() private _settings: any[] = []\n\n render() {\n var _sortedSettings = this._settings.sort((a, b) => {\n return a.seq - b.seq\n })\n\n return html` <div class=\"page\">${_sortedSettings.map(setting => html` ${setting.template} `)}</div> `\n }\n\n private _unsubscribe?: () => void\n\n connectedCallback() {\n super.connectedCallback()\n\n this._applyState()\n\n this._unsubscribe = store.subscribe(() => this._applyState())\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n\n this._unsubscribe?.()\n }\n\n private _applyState() {\n const __state__ = store.getState() as any\n this._settings = __state__.setting.settings\n }\n\n get context() {\n return {\n /*\n * 이 화면이 어떤 틀인가 — 동작 줄이 이것을 읽고 자기 오른쪽 끝을 내용에 맞춘다\n * (ADR-0060 결정 9 보탬). 안 적으면 창 폭이고, 그것은 작업면의 모양이다.\n */\n frame: 'document',\ntitle: i18next.t('title.setting')\n }\n }\n}\n"]}
|