@operato/layout 9.0.0-beta.0 → 9.0.0-beta.10
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/CHANGELOG.md +35 -0
- package/dist/src/components/ox-resize-splitter.js +25 -4
- package/dist/src/components/ox-resize-splitter.js.map +1 -1
- package/dist/src/components/ox-split-pane.js +61 -25
- package/dist/src/components/ox-split-pane.js.map +1 -1
- package/dist/src/index.d.ts +4 -4
- package/dist/src/index.js +4 -4
- package/dist/src/index.js.map +1 -1
- package/dist/src/initializer.js +4 -4
- package/dist/src/initializer.js.map +1 -1
- package/dist/src/layouts/ox-aside-bar.js +27 -7
- package/dist/src/layouts/ox-aside-bar.js.map +1 -1
- package/dist/src/layouts/ox-footer-bar.js +26 -6
- package/dist/src/layouts/ox-footer-bar.js.map +1 -1
- package/dist/src/layouts/ox-header-bar.js +26 -6
- package/dist/src/layouts/ox-header-bar.js.map +1 -1
- package/dist/src/layouts/ox-nav-bar.js +27 -7
- package/dist/src/layouts/ox-nav-bar.js.map +1 -1
- package/dist/src/layouts/ox-page-footer-bar.js +26 -6
- package/dist/src/layouts/ox-page-footer-bar.js.map +1 -1
- package/dist/src/layouts/ox-page-header-bar.js +26 -6
- package/dist/src/layouts/ox-page-header-bar.js.map +1 -1
- package/dist/src/layouts/ox-snack-bar.js +32 -6
- package/dist/src/layouts/ox-snack-bar.js.map +1 -1
- package/dist/src/reducers/layout.d.ts +1 -1
- package/dist/src/reducers/layout.js +1 -1
- package/dist/src/reducers/layout.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -6
|
@@ -11,9 +11,24 @@ import store from '../initializer.js';
|
|
|
11
11
|
let NavBar = class NavBar extends connect(store)(LitElement) {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
14
|
-
this
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
Object.defineProperty(this, "fullbleed", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
configurable: true,
|
|
17
|
+
writable: true,
|
|
18
|
+
value: false
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(this, "viewparts", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
configurable: true,
|
|
23
|
+
writable: true,
|
|
24
|
+
value: {}
|
|
25
|
+
});
|
|
26
|
+
Object.defineProperty(this, "_startWidth", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
configurable: true,
|
|
29
|
+
writable: true,
|
|
30
|
+
value: 0
|
|
31
|
+
});
|
|
17
32
|
}
|
|
18
33
|
render() {
|
|
19
34
|
var viewparts = this.viewparts;
|
|
@@ -82,9 +97,13 @@ let NavBar = class NavBar extends connect(store)(LitElement) {
|
|
|
82
97
|
this.viewparts = state.layout.viewparts || {};
|
|
83
98
|
}
|
|
84
99
|
};
|
|
85
|
-
NavBar
|
|
86
|
-
|
|
87
|
-
|
|
100
|
+
Object.defineProperty(NavBar, "styles", {
|
|
101
|
+
enumerable: true,
|
|
102
|
+
configurable: true,
|
|
103
|
+
writable: true,
|
|
104
|
+
value: [
|
|
105
|
+
ScrollbarStyles,
|
|
106
|
+
css `
|
|
88
107
|
:host {
|
|
89
108
|
display: flex;
|
|
90
109
|
flex-flow: row nowrap;
|
|
@@ -100,7 +119,8 @@ NavBar.styles = [
|
|
|
100
119
|
flex-direction: row;
|
|
101
120
|
}
|
|
102
121
|
`
|
|
103
|
-
]
|
|
122
|
+
]
|
|
123
|
+
});
|
|
104
124
|
__decorate([
|
|
105
125
|
property({ type: Boolean, attribute: 'fullbleed' })
|
|
106
126
|
], NavBar.prototype, "fullbleed", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-nav-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-nav-bar.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,EAAY,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAGrC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAA/C;;QAqBuD,
|
|
1
|
+
{"version":3,"file":"ox-nav-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-nav-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/popup/ox-floating-overlay.js'\nimport '../components/ox-resize-splitter.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { Viewpart, VIEWPART_LEVEL } from '../actions/layout.js'\nimport store from '../initializer.js'\n\n@customElement('ox-nav-bar')\nclass NavBar extends connect(store)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n position: relative;\n\n background-color: var(--nav-bar-background-color);\n }\n\n *[navbar] {\n display: flex;\n flex-direction: row;\n }\n `\n ]\n\n @property({ type: Boolean, attribute: 'fullbleed' }) fullbleed: boolean = false\n\n @state() viewparts: { [name: string]: Viewpart } = {}\n\n private _startWidth: number = 0\n\n render() {\n var viewparts = this.viewparts\n var navbars = Object.keys(viewparts)\n .map(name => {\n return {\n name,\n ...viewparts[name]\n }\n })\n .filter(viewpart => viewpart.position == 'navbar' && (!this.fullbleed || viewpart.hovering))\n\n navbars = [\n ...navbars.filter(viewpart => viewpart.level == VIEWPART_LEVEL.TOPMOST),\n ...navbars.filter(viewpart => viewpart.level !== VIEWPART_LEVEL.TOPMOST)\n ]\n\n return html`\n ${navbars.map(navbar =>\n !navbar.show\n ? html``\n : navbar.hovering\n ? html`\n <ox-floating-overlay\n .backdrop=${navbar.backdrop}\n direction=\"right\"\n .hovering=${navbar.hovering}\n .name=${navbar.name}\n .title=${navbar.title}\n .help=${navbar.help}\n .size=${navbar.size}\n .closable=${navbar.closable}\n .templateProperties=${navbar.templateProperties}\n .historical=${true}\n .search=${navbar.search}\n .filter=${navbar.filter}\n z-index=${ifDefined(navbar.zIndex)}\n >${navbar.template}</ox-floating-overlay\n >\n `\n : html`\n <div navbar>${navbar.template}</div>\n ${navbar.resizable\n ? html`\n <ox-resize-splitter\n @splitter-dragstart=${(e: CustomEvent) => this.resizeStart(e)}\n @splitter-drag=${(e: CustomEvent) => this.resizeDrag(e)}\n vertical\n ></ox-resize-splitter>\n `\n : html``}\n `\n )}\n `\n }\n\n resizeStart(e: CustomEvent) {\n this._startWidth = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement).offsetWidth\n }\n\n resizeDrag(e: CustomEvent) {\n var delta = e.detail\n\n var x = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement).children\n Array.from(x).forEach(ele => {\n ;(ele as HTMLElement).style.width = `${this._startWidth + delta.x}px`\n })\n }\n\n stateChanged(state: any) {\n this.viewparts = state.layout.viewparts || {}\n }\n}\n"]}
|
|
@@ -10,9 +10,24 @@ import store from '../initializer.js';
|
|
|
10
10
|
let PageFooterBar = class PageFooterBar extends connect(store)(LitElement) {
|
|
11
11
|
constructor() {
|
|
12
12
|
super(...arguments);
|
|
13
|
-
this
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
Object.defineProperty(this, "fullbleed", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
configurable: true,
|
|
16
|
+
writable: true,
|
|
17
|
+
value: false
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(this, "viewparts", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
configurable: true,
|
|
22
|
+
writable: true,
|
|
23
|
+
value: {}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(this, "_startHeight", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
configurable: true,
|
|
28
|
+
writable: true,
|
|
29
|
+
value: 0
|
|
30
|
+
});
|
|
16
31
|
}
|
|
17
32
|
render() {
|
|
18
33
|
var viewparts = this.viewparts;
|
|
@@ -80,8 +95,12 @@ let PageFooterBar = class PageFooterBar extends connect(store)(LitElement) {
|
|
|
80
95
|
this.viewparts = state.layout.viewparts || {};
|
|
81
96
|
}
|
|
82
97
|
};
|
|
83
|
-
PageFooterBar
|
|
84
|
-
|
|
98
|
+
Object.defineProperty(PageFooterBar, "styles", {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
configurable: true,
|
|
101
|
+
writable: true,
|
|
102
|
+
value: [
|
|
103
|
+
css `
|
|
85
104
|
:host {
|
|
86
105
|
display: flex;
|
|
87
106
|
flex-flow: column-reverse nowrap;
|
|
@@ -100,7 +119,8 @@ PageFooterBar.styles = [
|
|
|
100
119
|
}
|
|
101
120
|
}
|
|
102
121
|
`
|
|
103
|
-
]
|
|
122
|
+
]
|
|
123
|
+
});
|
|
104
124
|
__decorate([
|
|
105
125
|
property({ type: Boolean, attribute: 'fullbleed' })
|
|
106
126
|
], PageFooterBar.prototype, "fullbleed", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-page-footer-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-page-footer-bar.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAY,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAGrC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAtD;;QAuBuD,
|
|
1
|
+
{"version":3,"file":"ox-page-footer-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-page-footer-bar.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAY,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAGrC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAtD;;QAuBuD;;;;mBAAqB,KAAK;WAAA;QAEtE;;;;mBAA0C,EAAE;WAAA;QAE7C;;;;mBAAuB,CAAC;WAAA;IAwElC,CAAC;IAtEC,MAAM;QACJ,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAC9B,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;aACpC,GAAG,CAAC,IAAI,CAAC,EAAE;YACV,OAAO;gBACL,IAAI;gBACJ,GAAG,SAAS,CAAC,IAAI,CAAC;aACnB,CAAA;QACH,CAAC,CAAC;aACD,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,IAAI,gBAAgB,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;QAEtG,UAAU,GAAG;YACX,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,IAAI,cAAc,CAAC,OAAO,CAAC;YAC1E,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,cAAc,CAAC,OAAO,CAAC;SAC5E,CAAA;QAED,OAAO,IAAI,CAAA;QACP,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAC3B,CAAC,SAAS,CAAC,IAAI;YACb,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,SAAS,CAAC,QAAQ;gBAClB,CAAC,CAAC,IAAI,CAAA;;8BAEY,SAAS,CAAC,QAAQ;;8BAElB,SAAS,CAAC,QAAQ;0BACtB,SAAS,CAAC,IAAI;2BACb,SAAS,CAAC,KAAK,IAAI,EAAE;0BACtB,SAAS,CAAC,IAAI;0BACd,SAAS,CAAC,IAAI;8BACV,SAAS,CAAC,QAAQ;wCACR,SAAS,CAAC,kBAAkB;gCACpC,IAAI;4BACR,SAAS,CAAC,MAAM;4BAChB,SAAS,CAAC,MAAM;4BAChB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;qBAClC,SAAS,CAAC,QAAQ;;eAExB;gBACH,CAAC,CAAC,IAAI,CAAA;iCACe,SAAS,CAAC,QAAQ;kBACjC,SAAS,CAAC,SAAS;oBACnB,CAAC,CAAC,IAAI,CAAA;;8CAEsB,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;yCAC5C,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;qBAE1D;oBACH,CAAC,CAAC,IAAI,CAAA,EAAE;eACX,CACR;KACF,CAAA;IACH,CAAC;IAED,WAAW,CAAC,CAAc;;QACxB,IAAI,CAAC,YAAY,GAAG,CAAC,MAAC,CAAC,CAAC,MAAsB,0CAAE,sBAAsC,CAAA,CAAC,YAAY,CAAA;IACrG,CAAC;IAED,UAAU,CAAC,CAAc;;QACvB,IAAI,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;QAEpB,IAAI,CAAC,GAAG,CAAC,MAAC,CAAC,CAAC,MAAsB,0CAAE,sBAAsC,CAAA,CAAC,QAAQ,CAAA;QACnF,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC;YAAC,GAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC,IAAI,CAAA;QACzE,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,YAAY,CAAC,KAAU;QACrB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,CAAA;IAC/C,CAAC;;AAjGM;;;;WAAS;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBF;KACF;EApBY,CAoBZ;AAEoD;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;gDAA2B;AAEtE;IAAR,KAAK,EAAE;gDAA6C;AAzBjD,aAAa;IADlB,aAAa,CAAC,oBAAoB,CAAC;GAC9B,aAAa,CAmGlB","sourcesContent":["import '@operato/popup/ox-floating-overlay.js'\nimport '../components/ox-resize-splitter.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { Viewpart, VIEWPART_LEVEL } from '../actions/layout.js'\nimport store from '../initializer.js'\n\n@customElement('ox-page-footer-bar')\nclass PageFooterBar extends connect(store)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-flow: column-reverse nowrap;\n align-items: stretch;\n position: relative;\n }\n\n *[footerbar] {\n display: block;\n max-width: 100vw;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n padding-bottom: 0;\n }\n }\n `\n ]\n\n @property({ type: Boolean, attribute: 'fullbleed' }) fullbleed: boolean = false\n\n @state() viewparts: { [name: string]: Viewpart } = {}\n\n private _startHeight: number = 0\n\n render() {\n var viewparts = this.viewparts\n var footerbars = Object.keys(viewparts)\n .map(name => {\n return {\n name,\n ...viewparts[name]\n }\n })\n .filter(viewpart => viewpart.position == 'page-footerbar' && (!this.fullbleed || viewpart.hovering))\n\n footerbars = [\n ...footerbars.filter(viewpart => viewpart.level == VIEWPART_LEVEL.TOPMOST),\n ...footerbars.filter(viewpart => viewpart.level !== VIEWPART_LEVEL.TOPMOST)\n ]\n\n return html`\n ${footerbars.map(footerbar =>\n !footerbar.show\n ? html``\n : footerbar.hovering\n ? html`\n <ox-floating-overlay\n .backdrop=${footerbar.backdrop}\n direction=\"up\"\n .hovering=${footerbar.hovering}\n .name=${footerbar.name}\n .title=${footerbar.title || ''}\n .help=${footerbar.help}\n .size=${footerbar.size}\n .closable=${footerbar.closable}\n .templateProperties=${footerbar.templateProperties}\n .historical=${true}\n .search=${footerbar.search}\n .filter=${footerbar.filter}\n z-index=${ifDefined(footerbar.zIndex)}\n >${footerbar.template}</ox-floating-overlay\n >\n `\n : html`\n <div footerbar>${footerbar.template}</div>\n ${footerbar.resizable\n ? html`\n <ox-resize-splitter\n @splitter-dragstart=${(e: CustomEvent) => this.resizeStart(e)}\n @splitter-drag=${(e: CustomEvent) => this.resizeDrag(e)}\n ></ox-resize-splitter>\n `\n : html``}\n `\n )}\n `\n }\n\n resizeStart(e: CustomEvent) {\n this._startHeight = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement).offsetHeight\n }\n\n resizeDrag(e: CustomEvent) {\n var delta = e.detail\n\n var x = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement).children\n Array.from(x).forEach(ele => {\n ;(ele as HTMLElement).style.height = `${this._startHeight - delta.y}px`\n })\n }\n\n stateChanged(state: any) {\n this.viewparts = state.layout.viewparts || {}\n }\n}\n"]}
|
|
@@ -10,9 +10,24 @@ import store from '../initializer.js';
|
|
|
10
10
|
let PageHeaderBar = class PageHeaderBar extends connect(store)(LitElement) {
|
|
11
11
|
constructor() {
|
|
12
12
|
super(...arguments);
|
|
13
|
-
this
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
Object.defineProperty(this, "fullbleed", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
configurable: true,
|
|
16
|
+
writable: true,
|
|
17
|
+
value: false
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(this, "viewparts", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
configurable: true,
|
|
22
|
+
writable: true,
|
|
23
|
+
value: {}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(this, "_startHeight", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
configurable: true,
|
|
28
|
+
writable: true,
|
|
29
|
+
value: 0
|
|
30
|
+
});
|
|
16
31
|
}
|
|
17
32
|
render() {
|
|
18
33
|
var viewparts = this.viewparts;
|
|
@@ -80,8 +95,12 @@ let PageHeaderBar = class PageHeaderBar extends connect(store)(LitElement) {
|
|
|
80
95
|
this.viewparts = state.layout.viewparts || {};
|
|
81
96
|
}
|
|
82
97
|
};
|
|
83
|
-
PageHeaderBar
|
|
84
|
-
|
|
98
|
+
Object.defineProperty(PageHeaderBar, "styles", {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
configurable: true,
|
|
101
|
+
writable: true,
|
|
102
|
+
value: [
|
|
103
|
+
css `
|
|
85
104
|
:host {
|
|
86
105
|
display: flex;
|
|
87
106
|
flex-flow: column nowrap;
|
|
@@ -94,7 +113,8 @@ PageHeaderBar.styles = [
|
|
|
94
113
|
display: block;
|
|
95
114
|
}
|
|
96
115
|
`
|
|
97
|
-
]
|
|
116
|
+
]
|
|
117
|
+
});
|
|
98
118
|
__decorate([
|
|
99
119
|
property({ type: Boolean, attribute: 'fullbleed' })
|
|
100
120
|
], PageHeaderBar.prototype, "fullbleed", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-page-header-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-page-header-bar.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAY,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAGrC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAtD;;QAiBuD,
|
|
1
|
+
{"version":3,"file":"ox-page-header-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-page-header-bar.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAY,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAGrC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAtD;;QAiBuD;;;;mBAAqB,KAAK;WAAA;QAEtE;;;;mBAA0C,EAAE;WAAA;QAE7C;;;;mBAAuB,CAAC;WAAA;IAwElC,CAAC;IAtEC,MAAM;QACJ,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAC9B,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;aACpC,GAAG,CAAC,IAAI,CAAC,EAAE;YACV,OAAO;gBACL,IAAI;gBACJ,GAAG,SAAS,CAAC,IAAI,CAAC;aACnB,CAAA;QACH,CAAC,CAAC;aACD,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,IAAI,gBAAgB,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;QAEtG,UAAU,GAAG;YACX,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,IAAI,cAAc,CAAC,OAAO,CAAC;YAC1E,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,cAAc,CAAC,OAAO,CAAC;SAC5E,CAAA;QAED,OAAO,IAAI,CAAA;QACP,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAC3B,CAAC,SAAS,CAAC,IAAI;YACb,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,SAAS,CAAC,QAAQ;gBAClB,CAAC,CAAC,IAAI,CAAA;;8BAEY,SAAS,CAAC,QAAQ;;8BAElB,SAAS,CAAC,QAAQ;0BACtB,SAAS,CAAC,IAAI;2BACb,SAAS,CAAC,KAAK,IAAI,EAAE;0BACtB,SAAS,CAAC,IAAI;0BACd,SAAS,CAAC,IAAI;8BACV,SAAS,CAAC,QAAQ;wCACR,SAAS,CAAC,kBAAkB;gCACpC,IAAI;4BACR,SAAS,CAAC,MAAM;4BAChB,SAAS,CAAC,MAAM;4BAChB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;qBAClC,SAAS,CAAC,QAAQ;;eAExB;gBACH,CAAC,CAAC,IAAI,CAAA;iCACe,SAAS,CAAC,QAAQ;kBACjC,SAAS,CAAC,SAAS;oBACnB,CAAC,CAAC,IAAI,CAAA;;8CAEsB,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;yCAC5C,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;qBAE1D;oBACH,CAAC,CAAC,IAAI,CAAA,EAAE;eACX,CACR;KACF,CAAA;IACH,CAAC;IAED,WAAW,CAAC,CAAc;;QACxB,IAAI,CAAC,YAAY,GAAG,CAAC,MAAC,CAAC,CAAC,MAAsB,0CAAE,sBAAsC,CAAA,CAAC,YAAY,CAAA;IACrG,CAAC;IAED,UAAU,CAAC,CAAc;;QACvB,IAAI,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;QAEpB,IAAI,CAAC,GAAG,CAAC,MAAC,CAAC,CAAC,MAAsB,0CAAE,sBAAsC,CAAA,CAAC,QAAQ,CAAA;QACnF,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC;YAAC,GAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC,IAAI,CAAA;QACzE,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,YAAY,CAAC,KAAU;QACrB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,CAAA;IAC/C,CAAC;;AA3FM;;;;WAAS;QACd,GAAG,CAAA;;;;;;;;;;;;KAYF;KACF;EAdY,CAcZ;AAEoD;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;gDAA2B;AAEtE;IAAR,KAAK,EAAE;gDAA6C;AAnBjD,aAAa;IADlB,aAAa,CAAC,oBAAoB,CAAC;GAC9B,aAAa,CA6FlB","sourcesContent":["import '@operato/popup/ox-floating-overlay.js'\nimport '../components/ox-resize-splitter.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { Viewpart, VIEWPART_LEVEL } from '../actions/layout.js'\nimport store from '../initializer.js'\n\n@customElement('ox-page-header-bar')\nclass PageHeaderBar extends connect(store)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n\n position: relative;\n }\n\n *[headerbar] {\n display: block;\n }\n `\n ]\n\n @property({ type: Boolean, attribute: 'fullbleed' }) fullbleed: boolean = false\n\n @state() viewparts: { [name: string]: Viewpart } = {}\n\n private _startHeight: number = 0\n\n render() {\n var viewparts = this.viewparts\n var headerbars = Object.keys(viewparts)\n .map(name => {\n return {\n name,\n ...viewparts[name]\n }\n })\n .filter(viewpart => viewpart.position == 'page-headerbar' && (!this.fullbleed || viewpart.hovering))\n\n headerbars = [\n ...headerbars.filter(viewpart => viewpart.level == VIEWPART_LEVEL.TOPMOST),\n ...headerbars.filter(viewpart => viewpart.level !== VIEWPART_LEVEL.TOPMOST)\n ]\n\n return html`\n ${headerbars.map(headerbar =>\n !headerbar.show\n ? html``\n : headerbar.hovering\n ? html`\n <ox-floating-overlay\n .backdrop=${headerbar.backdrop}\n direction=\"down\"\n .hovering=${headerbar.hovering}\n .name=${headerbar.name}\n .title=${headerbar.title || ''}\n .help=${headerbar.help}\n .size=${headerbar.size}\n .closable=${headerbar.closable}\n .templateProperties=${headerbar.templateProperties}\n .historical=${true}\n .search=${headerbar.search}\n .filter=${headerbar.filter}\n z-index=${ifDefined(headerbar.zIndex)}\n >${headerbar.template}</ox-floating-overlay\n >\n `\n : html`\n <div headerbar>${headerbar.template}</div>\n ${headerbar.resizable\n ? html`\n <ox-resize-splitter\n @splitter-dragstart=${(e: CustomEvent) => this.resizeStart(e)}\n @splitter-drag=${(e: CustomEvent) => this.resizeDrag(e)}\n ></ox-resize-splitter>\n `\n : html``}\n `\n )}\n `\n }\n\n resizeStart(e: CustomEvent) {\n this._startHeight = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement).offsetHeight\n }\n\n resizeDrag(e: CustomEvent) {\n var delta = e.detail\n\n var x = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement).children\n Array.from(x).forEach(ele => {\n ;(ele as HTMLElement).style.height = `${this._startHeight + delta.y}px`\n })\n }\n\n stateChanged(state: any) {\n this.viewparts = state.layout.viewparts || {}\n }\n}\n"]}
|
|
@@ -4,14 +4,35 @@ import '@material/web/icon/icon.js';
|
|
|
4
4
|
import { css, html, LitElement } from 'lit';
|
|
5
5
|
import { customElement, property } from 'lit/decorators.js';
|
|
6
6
|
import { connect } from 'pwa-helpers/connect-mixin.js';
|
|
7
|
-
import { CLOSE_SNACKBAR } from '../actions/snackbar';
|
|
7
|
+
import { CLOSE_SNACKBAR } from '../actions/snackbar.js';
|
|
8
8
|
import store from '../initializer.js';
|
|
9
9
|
let SnackBar = class SnackBar extends connect(store)(LitElement) {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
|
-
this
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
Object.defineProperty(this, "level", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true,
|
|
16
|
+
value: 'info'
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(this, "message", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
configurable: true,
|
|
21
|
+
writable: true,
|
|
22
|
+
value: ''
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(this, "active", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
configurable: true,
|
|
27
|
+
writable: true,
|
|
28
|
+
value: false
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(this, "action", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
configurable: true,
|
|
33
|
+
writable: true,
|
|
34
|
+
value: void 0
|
|
35
|
+
});
|
|
15
36
|
}
|
|
16
37
|
render() {
|
|
17
38
|
return html `
|
|
@@ -48,7 +69,11 @@ let SnackBar = class SnackBar extends connect(store)(LitElement) {
|
|
|
48
69
|
this.action = action;
|
|
49
70
|
}
|
|
50
71
|
};
|
|
51
|
-
SnackBar
|
|
72
|
+
Object.defineProperty(SnackBar, "styles", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
configurable: true,
|
|
75
|
+
writable: true,
|
|
76
|
+
value: css `
|
|
52
77
|
:host {
|
|
53
78
|
display: block;
|
|
54
79
|
position: fixed;
|
|
@@ -101,7 +126,8 @@ SnackBar.styles = css `
|
|
|
101
126
|
margin: auto;
|
|
102
127
|
}
|
|
103
128
|
}
|
|
104
|
-
|
|
129
|
+
`
|
|
130
|
+
});
|
|
105
131
|
__decorate([
|
|
106
132
|
property({ type: String })
|
|
107
133
|
], SnackBar.prototype, "level", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-snack-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-snack-bar.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ox-snack-bar.js","sourceRoot":"","sources":["../../../src/layouts/ox-snack-bar.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAjD;;QAwD8B;;;;mBAAmC,MAAM;WAAA;QACzC;;;;mBAAkB,EAAE;WAAA;QACJ;;;;mBAAkB,KAAK;WAAA;QACvC;;;;;WAAW;IAsCzC,CAAC;IApCC,MAAM;QACJ,OAAO,IAAI,CAAA;;yBAEU,IAAI,CAAC,KAAK;aACtB,IAAI,CAAC,KAAK,IAAI,MAAM;YACrB,CAAC,CAAC,IAAI,CAAA,0BAA0B;YAChC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM;gBACpB,CAAC,CAAC,IAAI,CAAA,WAAW;gBACjB,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO;oBACrB,CAAC,CAAC,IAAI,CAAA,SAAS;oBACf,CAAC,CAAC,IAAI,CAAA,EAAE;;;cAGV,IAAI,CAAC,OAAO;QAClB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK;YAChC,CAAC,CAAC,IAAI,CAAA;;uBAES,GAAG,EAAE;gBACZ,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;gBACxC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAA;YACxB,CAAC;iBACE,IAAI,CAAC,MAAM,CAAC,KAAK;;WAEvB;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;KACX,CAAA;IACH,CAAC;IAED,YAAY,CAAC,KAAU;QACrB,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAA;QAErE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,MAAM,GAAG,cAAc,CAAA;QAC5B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,CAAC;;AA/FM;;;;WAAS,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDlB;EArDY,CAqDZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAA0C;AACzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAqB;AACJ;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAwB;AACvC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAY;AA3DnC,QAAQ;IADb,aAAa,CAAC,cAAc,CAAC;GACxB,QAAQ,CAiGb","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { CLOSE_SNACKBAR } from '../actions/snackbar.js'\nimport store from '../initializer.js'\n\n@customElement('ox-snack-bar')\nclass SnackBar extends connect(store)(LitElement) {\n static styles = css`\n :host {\n display: block;\n position: fixed;\n top: 100%;\n left: 0;\n right: 0;\n padding: 12px;\n color: var(--md-sys-color-inverse-on-surface, white);\n background-color: var(--md-sys-color-inverse-surface, black);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n text-align: center;\n will-change: transform;\n transform: translate3d(0, 0, 0);\n transition-property: visibility, transform;\n transition-duration: 0.2s;\n visibility: hidden;\n }\n\n md-filled-button {\n margin-top: var(--spacing-medium);\n text-transform: capitalize;\n }\n\n :host([active]) {\n visibility: visible;\n transform: translate3d(0, -100%, 0);\n }\n\n md-icon {\n vertical-align: middle;\n max-width: 20px;\n --md-icon-size: 1.5em;\n }\n\n .info {\n color: var(--status-info-color);\n }\n\n .warn {\n color: var(--status-warning-color);\n }\n\n .error {\n color: var(--status-danger-color);\n }\n\n @media (min-width: 460px) {\n :host {\n width: 320px;\n margin: auto;\n }\n }\n `\n\n @property({ type: String }) level: 'info' | 'warn' | 'error' = 'info'\n @property({ type: String }) message: string = ''\n @property({ type: Boolean, reflect: true }) active: boolean = false\n @property({ type: Object }) action: any\n\n render() {\n return html`\n <span>\n <md-icon class=${this.level}\n >${this.level == 'info'\n ? html` notification_important `\n : this.level == 'warn'\n ? html` warning `\n : this.level == 'error'\n ? html` error `\n : html``}</md-icon\n >\n </span>\n <span>${this.message}</span>\n ${this.action && this.action.label\n ? html`\n <md-filled-button\n @click=${() => {\n store.dispatch({ type: CLOSE_SNACKBAR })\n this.action.callback()\n }}\n >${this.action.label}</md-filled-button\n >\n `\n : html``}\n `\n }\n\n stateChanged(state: any) {\n var { level, message, snackbarOpened, action } = state.snackbar || {}\n\n this.level = level\n this.message = message\n this.active = snackbarOpened\n this.action = action\n }\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { APPEND_VIEWPART, REMOVE_VIEWPART, UPDATE_VIEWPART, UPDATE_VIEWPORT_WIDTH } from '../actions/layout';
|
|
1
|
+
import { APPEND_VIEWPART, REMOVE_VIEWPART, UPDATE_VIEWPART, UPDATE_VIEWPORT_WIDTH } from '../actions/layout.js';
|
|
2
2
|
const INITIAL_STATE = {
|
|
3
3
|
viewparts: {},
|
|
4
4
|
width: 'WIDE'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/reducers/layout.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/reducers/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,eAAe,EACf,eAAe,EACf,qBAAqB,EAEtB,MAAM,sBAAsB,CAAA;AAE7B,MAAM,aAAa,GAGf;IACF,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,KAAK,GAAG,aAAa,EAAE,MAAW,EAAE,EAAE;IACpD,IAAI,SAAS,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAEtC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,eAAe;YAClB,OAAO;gBACL,GAAG,KAAK;gBACR,SAAS,EAAE;oBACT,GAAG,KAAK,CAAC,SAAS;oBAClB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;wBACb,GAAG,MAAM,CAAC,QAAQ;wBAClB,QAAQ,EAAE,MAAM,CAAC,QAAQ;qBAC1B;iBACF;aACF,CAAA;QAEH,KAAK,eAAe;YAClB,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YAC7B,OAAO;gBACL,GAAG,KAAK;gBACR,SAAS;aACV,CAAA;QAEH,KAAK,eAAe;YAClB,IAAI,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YACrC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,KAAK,CAAA;YACd,CAAC;YACD,IAAI,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAA;YAEpC,IAAI,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBAClD,oDAAoD;gBACpD,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBAC7B,OAAO;oBACL,GAAG,KAAK;oBACR,SAAS;iBACV,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO;oBACL,GAAG,KAAK;oBACR,SAAS,EAAE;wBACT,GAAG,KAAK,CAAC,SAAS;wBAClB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;4BACb,GAAG,QAAQ;4BACX,GAAG,MAAM,CAAC,QAAQ;yBACnB;qBACF;iBACF,CAAA;YACH,CAAC;QAEH,KAAK,qBAAqB;YACxB,OAAO;gBACL,GAAG,KAAK;gBACR,KAAK,EAAE,MAAM,CAAC,KAAK;aACpB,CAAA;QAEH;YACE,OAAO,KAAK,CAAA;IAChB,CAAC;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA","sourcesContent":["import {\n APPEND_VIEWPART,\n REMOVE_VIEWPART,\n UPDATE_VIEWPART,\n UPDATE_VIEWPORT_WIDTH,\n Viewpart\n} from '../actions/layout.js'\n\nconst INITIAL_STATE: {\n viewparts: { [name: string]: Viewpart }\n width: 'WIDE' | 'NARROW'\n} = {\n viewparts: {},\n width: 'WIDE'\n}\n\nconst layout = (state = INITIAL_STATE, action: any) => {\n let viewparts = { ...state.viewparts }\n\n switch (action.type) {\n case APPEND_VIEWPART:\n return {\n ...state,\n viewparts: {\n ...state.viewparts,\n [action.name]: {\n ...action.viewpart,\n position: action.position\n }\n }\n }\n\n case REMOVE_VIEWPART:\n delete viewparts[action.name]\n return {\n ...state,\n viewparts\n }\n\n case UPDATE_VIEWPART:\n let viewpart = viewparts[action.name]\n if (!viewpart) {\n return state\n }\n let override = action.override || {}\n\n if (viewpart.temporary && override.show === false) {\n /* temporary viewpart는 show=false가 될 때, 제거되어야 한다. */\n delete viewparts[action.name]\n return {\n ...state,\n viewparts\n }\n } else {\n return {\n ...state,\n viewparts: {\n ...state.viewparts,\n [action.name]: {\n ...viewpart,\n ...action.override\n }\n }\n }\n }\n\n case UPDATE_VIEWPORT_WIDTH:\n return {\n ...state,\n width: action.width\n }\n\n default:\n return state\n }\n}\n\nexport default layout\n"]}
|