@operato/styles 2.0.0-alpha.28 → 2.0.0-alpha.47

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.
Files changed (18) hide show
  1. package/.storybook/main.js +3 -0
  2. package/.storybook/server.mjs +8 -0
  3. package/CHANGELOG.md +9 -0
  4. package/dist/src/common-header-styles.js +84 -84
  5. package/dist/src/common-header-styles.js.map +1 -1
  6. package/dist/stories/common-header-styles-actions.stories.d.ts +22 -0
  7. package/dist/stories/common-header-styles-actions.stories.js +72 -0
  8. package/dist/stories/common-header-styles-actions.stories.js.map +1 -0
  9. package/dist/stories/common-header-styles-pure.stories.d.ts +21 -0
  10. package/dist/stories/common-header-styles-pure.stories.js +47 -0
  11. package/dist/stories/common-header-styles-pure.stories.js.map +1 -0
  12. package/dist/tsconfig.tsbuildinfo +1 -1
  13. package/package.json +16 -3
  14. package/src/common-header-styles.ts +84 -84
  15. package/stories/common-header-styles-actions.stories.ts +86 -0
  16. package/stories/common-header-styles-pure.stories.ts +60 -0
  17. package/themes/app-theme.css +145 -0
  18. package/themes/form-theme.css +75 -0
package/.storybook/main.js ADDED
@@ -0,0 +1,3 @@
1
+ module.exports = {
2
+ stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
3
+ };
package/.storybook/server.mjs ADDED
@@ -0,0 +1,8 @@
1
+ import { storybookPlugin } from '@web/dev-server-storybook';
2
+ import baseConfig from '../web-dev-server.config.mjs';
3
+
4
+ export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
5
+ ...baseConfig,
6
+ open: '/',
7
+ plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins],
8
+ });
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
7
+
8
+
9
+ ### :bug: Bug Fix
10
+
11
+ * storybook 실행 환경 ([6a2940f](https://github.com/hatiolab/operato/commit/6a2940fb89dc26566acdce7cf1781a71cbad61c5))
12
+
13
+
14
+
6
15
  ## [2.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
7
16
 
8
17
 
package/dist/src/common-header-styles.js CHANGED
@@ -14,98 +14,98 @@ export const CommonHeaderStyles = css `
14
14
  align-items: center;
15
15
  --mdc-icon-size: 24px;
16
16
  --mdc-theme-primary: var(--primary-color);
17
- }
18
-
19
- .header:empty {
20
- padding: 0;
21
- }
22
-
23
- .header .filters {
24
- grid-area: filters;
25
- border: 1px solid rgba(var(--primary-color-rgb), 0.3);
26
- background-color: rgba(var(--primary-color-rgb), 0.1);
27
- padding: var(--padding-default);
28
-
29
- display: flex;
30
- flex-direction: row;
31
- align-items: center;
32
- gap: var(--gap-inter-filter, 10px);
33
- }
34
-
35
- .header .filters:empty {
36
- display: none;
37
- }
38
17
 
39
- .header .filter {
40
- display: flex;
41
- flex-direction: row;
42
-
43
- align-items: center;
44
- gap: var(--gap-intra-filter, 4px);
45
- }
46
-
47
- .header label {
48
- font-weight: bold;
49
- font-size: var(--fontsize-default);
50
- color: var(--primary-text-color);
51
- }
18
+ mwc-icon {
19
+ color: var(--primary-color);
20
+ font-size: var(--fontsize-large);
21
+ }
52
22
 
53
- .header .title {
54
- grid-area: title;
23
+ .title {
24
+ grid-area: title;
55
25
 
56
- display: flex;
57
- flex-direction: row;
58
- align-items: center;
59
- gap: var(--gap-intra-title, 4px);
26
+ display: flex;
27
+ flex-direction: row;
28
+ align-items: center;
29
+ gap: var(--gap-intra-title, 4px);
60
30
 
61
- font-weight: bold;
62
- font-size: var(--fontsize-default);
63
- color: var(--primary-text-color);
64
- }
65
-
66
- .header .title mwc-icon {
67
- color: var(--primary-color);
68
- font-size: var(--fontsize-large);
69
- }
31
+ font-weight: bold;
32
+ font-size: var(--fontsize-default);
33
+ color: var(--primary-text-color);
34
+ }
70
35
 
71
- .header .actions {
72
- grid-area: actions;
73
- margin-left: auto;
36
+ .filters {
37
+ grid-area: filters;
38
+ border: 1px solid rgba(var(--primary-color-rgb), 0.3);
39
+ background-color: rgba(var(--primary-color-rgb), 0.1);
40
+ padding: var(--padding-default);
74
41
 
75
- display: flex;
76
- flex-direction: row-reverse;
77
- align-items: center;
78
- gap: var(--gap-inter-action, 6px);
79
- }
42
+ display: flex;
43
+ flex-direction: row;
44
+ align-items: center;
45
+ gap: var(--gap-inter-filter, 10px);
46
+ }
80
47
 
81
- .header .actions * {
82
- cursor: pointer;
83
- }
48
+ label {
49
+ font-weight: bold;
50
+ font-size: var(--fontsize-default);
51
+ color: var(--primary-text-color);
52
+ }
84
53
 
85
- .header .textbtn {
86
- background-color: var(--button-primary-background-color);
87
- border: 0;
88
- border-radius: 2px;
54
+ .filter {
55
+ display: flex;
56
+ flex-direction: row;
89
57
 
90
- color: var(--button-primary-color);
91
- font-size: var(--fontsize-default);
92
- }
58
+ align-items: center;
59
+ gap: var(--gap-intra-filter, 4px);
60
+ }
93
61
 
94
- .header .textbtn:hover {
95
- background-color: var(--button-primary-active-background-color);
96
- }
62
+ .filters:empty {
63
+ display: none;
64
+ }
97
65
 
98
- .header .iconbtn {
99
- --mdc-icon-size: 20px;
100
- background-color: var(--theme-white-color);
101
- border: 1px solid rgba(var(--primary-color-rgb), 0.5);
102
- padding: 1px;
103
- color: var(--primary-color);
104
- }
66
+ .actions {
67
+ grid-area: actions;
68
+ margin-left: auto;
69
+
70
+ display: flex;
71
+ flex-direction: row-reverse;
72
+ align-items: center;
73
+ gap: var(--gap-inter-action, 6px);
74
+
75
+ * {
76
+ cursor: pointer;
77
+ }
78
+
79
+ .textbtn {
80
+ background-color: var(--button-primary-background-color);
81
+ border: 0;
82
+ border-radius: 2px;
83
+
84
+ color: var(--button-primary-color);
85
+ font-size: var(--fontsize-default);
86
+ }
87
+
88
+ .textbtn:hover {
89
+ background-color: var(--button-primary-active-background-color);
90
+ }
91
+
92
+ .iconbtn {
93
+ --mdc-icon-size: 20px;
94
+ background-color: var(--theme-white-color);
95
+ border: 1px solid rgba(var(--primary-color-rgb), 0.5);
96
+ padding: 1px;
97
+ color: var(--primary-color);
98
+ }
99
+
100
+ .iconbtn:hover {
101
+ background-color: var(--button-primary-active-background-color);
102
+ color: var(--theme-white-color);
103
+ }
104
+ }
105
105
 
106
- .header .iconbtn:hover {
107
- background-color: var(--button-primary-active-background-color);
108
- color: var(--theme-white-color);
106
+ :empty {
107
+ padding: 0;
108
+ }
109
109
  }
110
110
 
111
111
  @media only screen and (max-width: 460px) {
@@ -113,11 +113,11 @@ export const CommonHeaderStyles = css `
113
113
  grid-template-areas:
114
114
  'title actions'
115
115
  'filters';
116
- }
117
116
 
118
- .header .filters {
119
- flex-direction: column;
120
- align-items: start;
117
+ .filters {
118
+ flex-direction: column;
119
+ align-items: start;
120
+ }
121
121
  }
122
122
  }
123
123
  `;
package/dist/src/common-header-styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"common-header-styles.js","sourceRoot":"","sources":["../../src/common-header-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHpC,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const CommonHeaderStyles = css`\n .header {\n display: grid;\n grid-template-areas:\n 'title actions'\n 'filters filters';\n gap: var(--padding-narrow) var(--padding-default);\n padding: calc(var(--padding-default) / 2) var(--padding-default);\n background-color: transparent;\n box-shadow: none;\n font-size: 0.9em;\n\n align-items: center;\n --mdc-icon-size: 24px;\n --mdc-theme-primary: var(--primary-color);\n }\n\n .header:empty {\n padding: 0;\n }\n\n .header .filters {\n grid-area: filters;\n border: 1px solid rgba(var(--primary-color-rgb), 0.3);\n background-color: rgba(var(--primary-color-rgb), 0.1);\n padding: var(--padding-default);\n\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--gap-inter-filter, 10px);\n }\n\n .header .filters:empty {\n display: none;\n }\n\n .header .filter {\n display: flex;\n flex-direction: row;\n\n align-items: center;\n gap: var(--gap-intra-filter, 4px);\n }\n\n .header label {\n font-weight: bold;\n font-size: var(--fontsize-default);\n color: var(--primary-text-color);\n }\n\n .header .title {\n grid-area: title;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--gap-intra-title, 4px);\n\n font-weight: bold;\n font-size: var(--fontsize-default);\n color: var(--primary-text-color);\n }\n\n .header .title mwc-icon {\n color: var(--primary-color);\n font-size: var(--fontsize-large);\n }\n\n .header .actions {\n grid-area: actions;\n margin-left: auto;\n\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: var(--gap-inter-action, 6px);\n }\n\n .header .actions * {\n cursor: pointer;\n }\n\n .header .textbtn {\n background-color: var(--button-primary-background-color);\n border: 0;\n border-radius: 2px;\n\n color: var(--button-primary-color);\n font-size: var(--fontsize-default);\n }\n\n .header .textbtn:hover {\n background-color: var(--button-primary-active-background-color);\n }\n\n .header .iconbtn {\n --mdc-icon-size: 20px;\n background-color: var(--theme-white-color);\n border: 1px solid rgba(var(--primary-color-rgb), 0.5);\n padding: 1px;\n color: var(--primary-color);\n }\n\n .header .iconbtn:hover {\n background-color: var(--button-primary-active-background-color);\n color: var(--theme-white-color);\n }\n\n @media only screen and (max-width: 460px) {\n .header {\n grid-template-areas:\n 'title actions'\n 'filters';\n }\n\n .header .filters {\n flex-direction: column;\n align-items: start;\n }\n }\n`\n"]}
1
+ {"version":3,"file":"common-header-styles.js","sourceRoot":"","sources":["../../src/common-header-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHpC,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const CommonHeaderStyles = css`\n .header {\n display: grid;\n grid-template-areas:\n 'title actions'\n 'filters filters';\n gap: var(--padding-narrow) var(--padding-default);\n padding: calc(var(--padding-default) / 2) var(--padding-default);\n background-color: transparent;\n box-shadow: none;\n font-size: 0.9em;\n\n align-items: center;\n --mdc-icon-size: 24px;\n --mdc-theme-primary: var(--primary-color);\n\n mwc-icon {\n color: var(--primary-color);\n font-size: var(--fontsize-large);\n }\n\n .title {\n grid-area: title;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--gap-intra-title, 4px);\n\n font-weight: bold;\n font-size: var(--fontsize-default);\n color: var(--primary-text-color);\n }\n\n .filters {\n grid-area: filters;\n border: 1px solid rgba(var(--primary-color-rgb), 0.3);\n background-color: rgba(var(--primary-color-rgb), 0.1);\n padding: var(--padding-default);\n\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--gap-inter-filter, 10px);\n }\n\n label {\n font-weight: bold;\n font-size: var(--fontsize-default);\n color: var(--primary-text-color);\n }\n\n .filter {\n display: flex;\n flex-direction: row;\n\n align-items: center;\n gap: var(--gap-intra-filter, 4px);\n }\n\n .filters:empty {\n display: none;\n }\n\n .actions {\n grid-area: actions;\n margin-left: auto;\n\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: var(--gap-inter-action, 6px);\n\n * {\n cursor: pointer;\n }\n\n .textbtn {\n background-color: var(--button-primary-background-color);\n border: 0;\n border-radius: 2px;\n\n color: var(--button-primary-color);\n font-size: var(--fontsize-default);\n }\n\n .textbtn:hover {\n background-color: var(--button-primary-active-background-color);\n }\n\n .iconbtn {\n --mdc-icon-size: 20px;\n background-color: var(--theme-white-color);\n border: 1px solid rgba(var(--primary-color-rgb), 0.5);\n padding: 1px;\n color: var(--primary-color);\n }\n\n .iconbtn:hover {\n background-color: var(--button-primary-active-background-color);\n color: var(--theme-white-color);\n }\n }\n\n :empty {\n padding: 0;\n }\n }\n\n @media only screen and (max-width: 460px) {\n .header {\n grid-template-areas:\n 'title actions'\n 'filters';\n\n .filters {\n flex-direction: column;\n align-items: start;\n }\n }\n }\n`\n"]}
package/dist/stories/common-header-styles-actions.stories.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import '@material/mwc-icon';
2
+ import '@operato/context/ox-context-page-toolbar.js';
3
+ import { TemplateResult } from 'lit';
4
+ declare const _default: {
5
+ title: string;
6
+ component: string;
7
+ argTypes: {
8
+ label: {
9
+ control: string;
10
+ };
11
+ };
12
+ };
13
+ export default _default;
14
+ interface Story<T> {
15
+ (args: T): TemplateResult;
16
+ args?: Partial<T>;
17
+ argTypes?: Record<string, unknown>;
18
+ }
19
+ interface ArgTypes {
20
+ label?: string;
21
+ }
22
+ export declare const Regular: Story<ArgTypes>;
package/dist/stories/common-header-styles-actions.stories.js ADDED
@@ -0,0 +1,72 @@
1
+ import '@material/mwc-icon';
2
+ import '@operato/context/ox-context-page-toolbar.js';
3
+ import { CommonHeaderStyles } from '../src/common-header-styles.js';
4
+ import { html } from 'lit';
5
+ export default {
6
+ title: 'common-header-styles-actions',
7
+ component: 'div',
8
+ argTypes: {
9
+ label: { control: 'string' }
10
+ }
11
+ };
12
+ const Template = ({ label = '' }) => html `
13
+ <link href="/themes/app-theme.css" rel="stylesheet" />
14
+ <link href="/themes/form-theme.css" rel="stylesheet" />
15
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
16
+
17
+ <style>
18
+ body {
19
+ background-color: white;
20
+ }
21
+
22
+ ${CommonHeaderStyles.cssText}
23
+ </style>
24
+
25
+ <div style="height:600px;">
26
+ <div class="header">
27
+ <div class="title">
28
+ <mwc-icon>summarize</mwc-icon>
29
+ ${label}
30
+ </div>
31
+
32
+ <div class="filters">
33
+ <label>Filter</label><input type="text"></input>
34
+ </div>
35
+
36
+ <ox-context-page-toolbar class="actions" .context=${{
37
+ exportable: {
38
+ // name: i18next.t('title.data-set list'),
39
+ // data: this.exportHandler.bind(this)
40
+ },
41
+ importable: {
42
+ // handler: this.importHandler.bind(this)
43
+ },
44
+ actions: [
45
+ {
46
+ title: 'save',
47
+ // action: this._updateDataSet.bind(this),
48
+ icon: 'save'
49
+ },
50
+ {
51
+ title: 'copy',
52
+ // action: this._copyDataSet.bind(this),
53
+ icon: 'content_copy'
54
+ },
55
+ {
56
+ title: 'delete',
57
+ // action: this._deleteDataSet.bind(this),
58
+ icon: 'delete'
59
+ }
60
+ ],
61
+ toolbar: false
62
+ }}
63
+
64
+ }> </ox-context-page-toolbar>
65
+ </div>
66
+ </div>
67
+ `;
68
+ export const Regular = Template.bind({});
69
+ Regular.args = {
70
+ label: 'common header styles'
71
+ };
72
+ //# sourceMappingURL=common-header-styles-actions.stories.js.map
package/dist/stories/common-header-styles-actions.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common-header-styles-actions.stories.js","sourceRoot":"","sources":["../../stories/common-header-styles-actions.stories.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,6CAA6C,CAAA;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAEnE,OAAO,EAAO,IAAI,EAA0B,MAAM,KAAK,CAAA;AAEvD,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,KAAK;IAChB,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;;;;;;;;;;MAU9D,kBAAkB,CAAC,OAAO;;;;;;;UAOtB,KAAK;;;;;;;0DAO2C;IAClD,UAAU,EAAE;IACV,0CAA0C;IAC1C,sCAAsC;KACvC;IACD,UAAU,EAAE;IACV,yCAAyC;KAC1C;IACD,OAAO,EAAE;QACP;YACE,KAAK,EAAE,MAAM;YACb,0CAA0C;YAC1C,IAAI,EAAE,MAAM;SACb;QACD;YACE,KAAK,EAAE,MAAM;YACb,wCAAwC;YACxC,IAAI,EAAE,cAAc;SACrB;QACD;YACE,KAAK,EAAE,QAAQ;YACf,0CAA0C;YAC1C,IAAI,EAAE,QAAQ;SACf;KACF;IACD,OAAO,EAAE,KAAK;CACf;;;;;CAKN,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/mwc-icon'\nimport '@operato/context/ox-context-page-toolbar.js'\n\nimport { CommonHeaderStyles } from '../src/common-header-styles.js'\n\nimport { css, html, render, TemplateResult } from 'lit'\n\nexport default {\n title: 'common-header-styles-actions',\n component: 'div',\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 href=\"/themes/form-theme.css\" rel=\"stylesheet\" />\n <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n\n <style>\n body {\n background-color: white;\n }\n\n ${CommonHeaderStyles.cssText}\n </style>\n\n <div style=\"height:600px;\">\n <div class=\"header\">\n <div class=\"title\">\n <mwc-icon>summarize</mwc-icon>\n ${label}\n </div>\n\n <div class=\"filters\">\n <label>Filter</label><input type=\"text\"></input>\n </div>\n\n <ox-context-page-toolbar class=\"actions\" .context=${{\n exportable: {\n // name: i18next.t('title.data-set list'),\n // data: this.exportHandler.bind(this)\n },\n importable: {\n // handler: this.importHandler.bind(this)\n },\n actions: [\n {\n title: 'save',\n // action: this._updateDataSet.bind(this),\n icon: 'save'\n },\n {\n title: 'copy',\n // action: this._copyDataSet.bind(this),\n icon: 'content_copy'\n },\n {\n title: 'delete',\n // action: this._deleteDataSet.bind(this),\n icon: 'delete'\n }\n ],\n toolbar: false\n }}\n \n }> </ox-context-page-toolbar>\n </div>\n </div>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n label: 'common header styles'\n}\n"]}
package/dist/stories/common-header-styles-pure.stories.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import '@material/mwc-icon';
2
+ import { TemplateResult } from 'lit';
3
+ declare const _default: {
4
+ title: string;
5
+ component: string;
6
+ argTypes: {
7
+ label: {
8
+ control: string;
9
+ };
10
+ };
11
+ };
12
+ export default _default;
13
+ interface Story<T> {
14
+ (args: T): TemplateResult;
15
+ args?: Partial<T>;
16
+ argTypes?: Record<string, unknown>;
17
+ }
18
+ interface ArgTypes {
19
+ label?: string;
20
+ }
21
+ export declare const Regular: Story<ArgTypes>;
package/dist/stories/common-header-styles-pure.stories.js ADDED
@@ -0,0 +1,47 @@
1
+ import '@material/mwc-icon';
2
+ import { CommonHeaderStyles } from '../src/common-header-styles.js';
3
+ import { html } from 'lit';
4
+ export default {
5
+ title: 'common-header-styles-pure',
6
+ component: 'div',
7
+ argTypes: {
8
+ label: { control: 'string' }
9
+ }
10
+ };
11
+ const Template = ({ label = '' }) => html `
12
+ <link href="/themes/app-theme.css" rel="stylesheet" />
13
+ <link href="/themes/form-theme.css" rel="stylesheet" />
14
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
15
+
16
+ <style>
17
+ body {
18
+ background-color: white;
19
+ }
20
+
21
+ ${CommonHeaderStyles.cssText}
22
+ </style>
23
+
24
+ <div style="height:600px;">
25
+ <div class="header">
26
+ <div class="title">
27
+ <mwc-icon>summarize</mwc-icon>
28
+ ${label}
29
+ </div>
30
+
31
+ <div class="filters">
32
+ <label>Filter</label><input type="text"></input>
33
+ </div>
34
+
35
+ <div class="actions">
36
+ <div class="textbtn">Action</div>
37
+ <div class="iconbtn"><mwc-icon class="iconbtn">save</mwc-icon></div>
38
+ <div class="iconbtn"><mwc-icon class="iconbtn">delete</mwc-icon></div>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ `;
43
+ export const Regular = Template.bind({});
44
+ Regular.args = {
45
+ label: 'common header styles'
46
+ };
47
+ //# sourceMappingURL=common-header-styles-pure.stories.js.map
package/dist/stories/common-header-styles-pure.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common-header-styles-pure.stories.js","sourceRoot":"","sources":["../../stories/common-header-styles-pure.stories.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAEnE,OAAO,EAAO,IAAI,EAA0B,MAAM,KAAK,CAAA;AAEvD,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,KAAK;IAChB,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;;;;;;;;;;MAU9D,kBAAkB,CAAC,OAAO;;;;;;;UAOtB,KAAK;;;;;;;;;;;;;;CAcd,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/mwc-icon'\nimport { CommonHeaderStyles } from '../src/common-header-styles.js'\n\nimport { css, html, render, TemplateResult } from 'lit'\n\nexport default {\n title: 'common-header-styles-pure',\n component: 'div',\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 href=\"/themes/form-theme.css\" rel=\"stylesheet\" />\n <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n\n <style>\n body {\n background-color: white;\n }\n\n ${CommonHeaderStyles.cssText}\n </style>\n\n <div style=\"height:600px;\">\n <div class=\"header\">\n <div class=\"title\">\n <mwc-icon>summarize</mwc-icon>\n ${label}\n </div>\n\n <div class=\"filters\">\n <label>Filter</label><input type=\"text\"></input>\n </div>\n\n <div class=\"actions\">\n <div class=\"textbtn\">Action</div>\n <div class=\"iconbtn\"><mwc-icon class=\"iconbtn\">save</mwc-icon></div>\n <div class=\"iconbtn\"><mwc-icon class=\"iconbtn\">delete</mwc-icon></div>\n </div>\n </div>\n </div>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n label: 'common header styles'\n}\n"]}
package/dist/tsconfig.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/@types/trusted-types/index.d.ts","../../../node_modules/lit/node_modules/lit-html/directive.d.ts","../../../node_modules/lit/node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit/node_modules/lit-html/is-server.d.ts","../../../node_modules/lit/index.d.ts","../src/button-container-styles.ts","../src/common-button-styles.ts","../src/common-grist-styles.ts","../src/common-header-styles.ts","../src/headroom-styles.ts","../src/scrollbar-styles.ts","../src/spinner-styles.ts","../src/tooltip-styles.ts","../src/index.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/buffer/index.d.ts","../../../node_modules/undici-types/header.d.ts","../../../node_modules/undici-types/readable.d.ts","../../../node_modules/undici-types/file.d.ts","../../../node_modules/undici-types/fetch.d.ts","../../../node_modules/undici-types/formdata.d.ts","../../../node_modules/undici-types/connector.d.ts","../../../node_modules/undici-types/client.d.ts","../../../node_modules/undici-types/errors.d.ts","../../../node_modules/undici-types/dispatcher.d.ts","../../../node_modules/undici-types/global-dispatcher.d.ts","../../../node_modules/undici-types/global-origin.d.ts","../../../node_modules/undici-types/pool-stats.d.ts","../../../node_modules/undici-types/pool.d.ts","../../../node_modules/undici-types/handlers.d.ts","../../../node_modules/undici-types/balanced-pool.d.ts","../../../node_modules/undici-types/agent.d.ts","../../../node_modules/undici-types/mock-interceptor.d.ts","../../../node_modules/undici-types/mock-agent.d.ts","../../../node_modules/undici-types/mock-client.d.ts","../../../node_modules/undici-types/mock-pool.d.ts","../../../node_modules/undici-types/mock-errors.d.ts","../../../node_modules/undici-types/proxy-agent.d.ts","../../../node_modules/undici-types/api.d.ts","../../../node_modules/undici-types/cookies.d.ts","../../../node_modules/undici-types/patch.d.ts","../../../node_modules/undici-types/filereader.d.ts","../../../node_modules/undici-types/diagnostics-channel.d.ts","../../../node_modules/undici-types/websocket.d.ts","../../../node_modules/undici-types/content-type.d.ts","../../../node_modules/undici-types/cache.d.ts","../../../node_modules/undici-types/interceptors.d.ts","../../../node_modules/undici-types/index.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileInfos":[{"version":"f33e5332b24c3773e930e212cbb8b6867c8ba3ec4492064ea78e55a524d57450","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","26f2f787e82c4222710f3b676b4d83eb5ad0a72fa7b746f03449e7a026ce5073","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4",{"version":"21e41a76098aa7a191028256e52a726baafd45a925ea5cf0222eb430c96c1d83","affectsGlobalScope":true},{"version":"138fb588d26538783b78d1e3b2c2cc12d55840b97bf5e08bca7f7a174fbe2f17","affectsGlobalScope":true},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"bc47685641087c015972a3f072480889f0d6c65515f12bd85222f49a98952ed7","affectsGlobalScope":true},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"6fc23bb8c3965964be8c597310a2878b53a0306edb71d4b5a4dfe760186bcc01","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"bb42a7797d996412ecdc5b2787720de477103a0b2e53058569069a0e2bae6c7e","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"b541a838a13f9234aba650a825393ffc2292dc0fc87681a5d81ef0c96d281e7a","affectsGlobalScope":true},{"version":"e0275cd0e42990dc3a16f0b7c8bca3efe87f1c8ad404f80c6db1c7c0b828c59f","affectsGlobalScope":true},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"49ed889be54031e1044af0ad2c603d627b8bda8b50c1a68435fe85583901d072","affectsGlobalScope":true},{"version":"e93d098658ce4f0c8a0779e6cab91d0259efb88a318137f686ad76f8410ca270","affectsGlobalScope":true},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"ec0104fee478075cb5171e5f4e3f23add8e02d845ae0165bfa3f1099241fa2aa","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"acae90d417bee324b1372813b5a00829d31c7eb670d299cd7f8f9a648ac05688","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"13f6e6380c78e15e140243dc4be2fa546c287c6d61f4729bc2dd7cf449605471","affectsGlobalScope":true},{"version":"33358442698bb565130f52ba79bfd3d4d484ac85fe33f3cb1759c54d18201393","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"7a1971efcba559ea9002ada4c4e3c925004fb67a755300d53b5edf9399354900","e59262ddaae67dec2d226f8a5d05cf6c4dc353c0d9b1e4980a61d7fcf9a2b051","5e30131b6a5587fe666926ad1d9807e733c0a597ed12d682669fcaa331aea576","470b8c2386c916bad4aa0d05e89b271a47dbe1250cb25dc0f93102b457228dde","15fe687c59d62741b4494d5e623d497d55eb38966ecf5bea7f36e48fc3fbe15e",{"version":"2c3b8be03577c98530ef9cb1a76e2c812636a871f367e9edf4c5f3ce702b77f8","affectsGlobalScope":true},"7000ec8572390d035ba5ef993953957150d0c38ffb31b56653c97dd78cb6e1aa","056892cca68dca10a914f1580ba0e5710d26794e8707225dca9b5717ed702f1e","056892cca68dca10a914f1580ba0e5710d26794e8707225dca9b5717ed702f1e","4ddf3962990379d1ea59b369a5516c7533b7944010d6998e0e9b1ab35d5af1f0","1bcd560deed90a43c51b08aa18f7f55229f2e30974ab5ed1b7bb5721be379013","dc08fe04e50bc24d1baded4f33e942222bbdd5d77d6341a93cfe6e4e4586a3be",{"version":"f24ba86986164c2da7d241f26182bc4f55c1f4257f03d0e4196911adc13aa061","signature":"bcd2426fd141157e04e3a8eff914b575403587f398cf0878f07c2f283e0d1afd"},{"version":"bd0450d595c3777f9a0a05faa5bb0715a43982641390c6f58c21f32e18c08438","signature":"7cd455fc4c4818f19263d73b29c59f3fb5fd54b45a6ab83ca3eb3661281db56b"},{"version":"685aed091f6431ea9c190e2bb009867f86dc072612d16b14de20e137f8501977","signature":"1c6b9b5501774a2ece6574be8e26092800e3f1f836f8c179b4f9fdd271a620f8"},{"version":"6d5b598e62554b80927eabdde7f661e8cb1f35f630e2e832f50c1f6f26b4e077","signature":"bac8ff394e831e4dd3f0961d6abb414b0e2b4ba16fdeb502d087ebf0340ed5f6"},{"version":"b0ff03d3445957ba558b4121ffc8df30446e85467db136fa0e5ec0df039685da","signature":"cf93fb9208a01c80f0fad245c4360356e5de6c2384b7641acf0b9cc2f5c42448"},{"version":"1f34240d14ad63bb89afadc6e6940bb124d8012af36e75d03ccc31b6072729ce","signature":"336398b0efaf964124e636a9b29c4edd5870aee79ac64bf87be58a9d66b7c048"},{"version":"8ddf67f8ad096c0647f9950eef16417e6d9bbfc2ee7502c2a0e9a7f96f047bd0","signature":"571bc65ec37ba124e762bb822e14a2b8502dc684e356be8feaccbd6b9cadd023"},{"version":"3aa444d78073a620ca5d7c7e612103b28173914bba8833b0975a1548148525cd","signature":"2bbbefc1235500bdb5091f240dc8cba861a95342272f7d11b7574a0d2ef4f85e"},{"version":"b0a44a4472a2cfef50b05eb5e5cb75bc6633873ece8b40a3a36c8dd79991b472","signature":"b8965484c1a08eeac238cf02a1498d72f3f3610059570a2c0fd207eb34245146"},"efc7d584a33fe3422847783d228f315c4cd1afe74bd7cf8e3f0e4c1125129fef","7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","8e9c23ba78aabc2e0a27033f18737a6df754067731e69dc5f52823957d60a4b6","5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","7180c03fd3cb6e22f911ce9ba0f8a7008b1a6ddbe88ccf16a9c8140ef9ac1686","25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","54cb85a47d760da1c13c00add10d26b5118280d44d58e6908d8e89abbd9d7725","3e4825171442666d31c845aeb47fcd34b62e14041bb353ae2b874285d78482aa","c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","a967bfe3ad4e62243eb604bf956101e4c740f5921277c60debaf325c1320bf88","e9775e97ac4877aebf963a0289c81abe76d1ec9a2a7778dbe637e5151f25c5f3","471e1da5a78350bc55ef8cef24eb3aca6174143c281b8b214ca2beda51f5e04a","cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","db3435f3525cd785bf21ec6769bf8da7e8a776be1a99e2e7efb5f244a2ef5fee","c3b170c45fc031db31f782e612adf7314b167e60439d304b49e704010e7bafe5","40383ebef22b943d503c6ce2cb2e060282936b952a01bea5f9f493d5fb487cc7","4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","3a84b7cb891141824bd00ef8a50b6a44596aded4075da937f180c90e362fe5f6","13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","33203609eba548914dc83ddf6cadbc0bcb6e8ef89f6d648ca0908ae887f9fcc5","0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","e53a3c2a9f624d90f24bf4588aacd223e7bec1b9d0d479b68d2f4a9e6011147f","339dc5265ee5ed92e536a93a04c4ebbc2128f45eeec6ed29f379e0085283542c","9f0a92164925aa37d4a5d9dd3e0134cff8177208dba55fd2310cd74beea40ee2","8bfdb79bf1a9d435ec48d9372dc93291161f152c0865b81fc0b2694aedb4578d","2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","d32275be3546f252e3ad33976caf8c5e842c09cb87d468cb40d5f4cf092d1acc","4a0c3504813a3289f7fb1115db13967c8e004aa8e4f8a9021b95285502221bd1",{"version":"a14ed46fa3f5ffc7a8336b497cd07b45c2084213aaca933a22443fcb2eef0d07","affectsGlobalScope":true},"cce1f5f86974c1e916ec4a8cab6eec9aa8e31e8148845bf07fbaa8e1d97b1a2c",{"version":"e2eb1ce13a9c0fa7ab62c63909d81973ef4b707292667c64f1e25e6e53fa7afa","affectsGlobalScope":true},"16d74fe4d8e183344d3beb15d48b123c5980ff32ff0cc8c3b96614ddcdf9b239","7b43160a49cf2c6082da0465876c4a0b164e160b81187caeb0a6ca7a281e85ba",{"version":"41fb2a1c108fbf46609ce5a451b7ec78eb9b5ada95fd5b94643e4b26397de0b3","affectsGlobalScope":true},"a40826e8476694e90da94aa008283a7de50d1dafd37beada623863f1901cb7fb",{"version":"a1d2988ad9d2aef7b9915a22b5e52c165c83a878f2851c35621409046bbe3c05","affectsGlobalScope":true},"bd3f5d05b6b5e4bfcea7739a45f3ffb4a7f4a3442ba7baf93e0200799285b8f1","4c775c2fccabf49483c03cd5e3673f87c1ffb6079d98e7b81089c3def79e29c6","8806ae97308ef26363bd7ec8071bca4d07fb575f905ee3d8a91aff226df6d618","af5bf1db6f1804fb0069039ae77a05d60133c77a2158d9635ea27b6bb2828a8f","b7fe70be794e13d1b7940e318b8770cd1fb3eced7707805318a2e3aaac2c3e9e",{"version":"2c71199d1fc83bf17636ad5bf63a945633406b7b94887612bba4ef027c662b3e","affectsGlobalScope":true},{"version":"7ae9dc7dbb58cd843065639707815df85c044babaa0947116f97bdb824d07204","affectsGlobalScope":true},"fe1fd6afdfe77976d4c702f3746c05fb05a7e566845c890e0e970fe9376d6a90","313a0b063f5188037db113509de1b934a0e286f14e9479af24fada241435e707","f1ace2d2f98429e007d017c7a445efad2aaebf8233135abdb2c88b8c0fef91ab","87ef1a23caa071b07157c72077fa42b86d30568f9dc9e31eed24d5d14fc30ba8","396a8939b5e177542bdf9b5262b4eee85d29851b2d57681fa9d7eae30e225830","21773f5ac69ddf5a05636ba1f50b5239f4f2d27e4420db147fc2f76a5ae598ac",{"version":"ea455cc68871b049bcecd9f56d4cf27b852d6dafd5e3b54468ca87cc11604e4d","affectsGlobalScope":true},"c07146dbbbd8b347241b5df250a51e48f2d7bef19b1e187b1a3f20c849988ff1","45b1053e691c5af9bfe85060a3e1542835f8d84a7e6e2e77ca305251eda0cb3c","0f05c06ff6196958d76b865ae17245b52d8fe01773626ac3c43214a2458ea7b7",{"version":"ae5507fc333d637dec9f37c6b3f4d423105421ea2820a64818de55db85214d66","affectsGlobalScope":true},{"version":"0666f4c99b8688c7be5956df8fecf5d1779d3b22f8f2a88258ae7072c7b6026f","affectsGlobalScope":true},"8abd0566d2854c4bd1c5e48e05df5c74927187f1541e6770001d9637ac41542e","54e854615c4eafbdd3fd7688bd02a3aafd0ccf0e87c98f79d3e9109f047ce6b8","d8dba11dc34d50cb4202de5effa9a1b296d7a2f4a029eec871f894bddfb6430d","8b71dd18e7e63b6f991b511a201fad7c3bf8d1e0dd98acb5e3d844f335a73634","01d8e1419c84affad359cc240b2b551fb9812b450b4d3d456b64cda8102d4f60","8221b00f271cf7f535a8eeec03b0f80f0929c7a16116e2d2df089b41066de69b","269929a24b2816343a178008ac9ae9248304d92a8ba8e233055e0ed6dbe6ef71","93452d394fdd1dc551ec62f5042366f011a00d342d36d50793b3529bfc9bd633","7424817d5eb498771e6d1808d726ec38f75d2eaf3fa359edd5c0c540c52725c1","9a9634296cca836c3308923ba7aa094fa6ed76bb1e366d8ddcf5c65888ab1024",{"version":"bddce945d552a963c9733db106b17a25474eefcab7fc990157a2134ef55d4954","affectsGlobalScope":true},{"version":"7052b7b0c3829df3b4985bab2fd74531074b4835d5a7b263b75c82f0916ad62f","affectsGlobalScope":true},"aa34c3aa493d1c699601027c441b9664547c3024f9dbab1639df7701d63d18fa","4b55240c2a03b2c71e98a7fc528b16136faa762211c92e781a01c37821915ea6","7c651f8dce91a927ab62925e73f190763574c46098f2b11fb8ddc1b147a6709a","7440ab60f4cb031812940cc38166b8bb6fbf2540cfe599f87c41c08011f0c1df",{"version":"94c086dff8dbc5998749326bc69b520e8e4273fb5b7b58b50e0210e0885dfcde","affectsGlobalScope":true},{"version":"f5b5dc128973498b75f52b1b8c2d5f8629869104899733ae485100c2309b4c12","affectsGlobalScope":true},"ebe5facd12fd7745cda5f4bc3319f91fb29dc1f96e57e9c6f8b260a7cc5b67ee","79bad8541d5779c85e82a9fb119c1fe06af77a71cc40f869d62ad379473d4b75","37dc027f781c75f0f546e329cfac7cf92a6b289f42458f47a9adc25e516b6839",{"version":"629d20681ca284d9e38c0a019f647108f5fe02f9c59ac164d56f5694fc3faf4d","affectsGlobalScope":true},"e7dbf5716d76846c7522e910896c5747b6df1abd538fee8f5291bdc843461795",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"b510d0a18e3db42ac9765d26711083ec1e8b4e21caaca6dc4d25ae6e8623f447",{"version":"0ea93d01083b3d5863cc98cb589b5d0eac55d14417487f9e5e455dfa0b17c660","affectsGlobalScope":true}],"root":[[58,66]],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":true,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"fileIdsList":[[47,48],[67],[103],[104,109,137],[105,116,117,124,134,145],[105,106,116,124],[107,146],[108,109,117,125],[109,134,142],[110,112,116,124],[103,111],[112,113],[116],[114,116],[103,116],[116,117,118,134,145],[116,117,118,131,134,137],[101,104,150],[112,116,119,124,134,145],[116,117,119,120,124,134,142,145],[119,121,134,142,145],[67,68,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152],[116,122],[123,145,150],[112,116,124,134],[125],[126],[103,127],[128,144,150],[129],[130],[116,131,132],[131,133,146,148],[104,116,134,135,136,137],[104,134,136],[134,135],[137],[138],[103,134],[116,140,141],[140,141],[109,124,134,142],[143],[124,144],[104,119,130,145],[109,146],[134,147],[123,148],[149],[104,109,116,118,127,134,145,148,150],[134,151],[50],[49,53],[52],[49,53,55,56],[53],[51,52],[78,82,145],[78,134,145],[73],[75,78,142,145],[124,142],[153],[73,153],[75,78,124,145],[70,71,74,77,104,116,134,145],[70,76],[74,78,104,137,145,153],[104,153],[94,104,153],[72,73,153],[78],[72,73,74,75,76,77,78,79,80,82,83,84,85,86,87,88,89,90,91,92,93,95,96,97,98,99,100],[78,85,86],[76,78,86,87],[77],[70,73,78],[78,82,86,87],[82],[76,78,81,145],[70,75,76,78,82,85],[104,134],[73,78,94,104,150,153],[46,57],[46],[46,58,59,60,61,62,63,64,65],[57],[58,59,60,61,62,63,64,65]],"referencedMap":[[49,1],[67,2],[68,2],[103,3],[104,4],[105,5],[106,6],[107,7],[108,8],[109,9],[110,10],[111,11],[112,12],[113,12],[115,13],[114,14],[116,15],[117,16],[118,17],[102,18],[119,19],[120,20],[121,21],[153,22],[122,23],[123,24],[124,25],[125,26],[126,27],[127,28],[128,29],[129,30],[130,31],[131,32],[132,32],[133,33],[134,34],[136,35],[135,36],[137,37],[138,38],[139,39],[140,40],[141,41],[142,42],[143,43],[144,44],[145,45],[146,46],[147,47],[148,48],[149,49],[150,50],[151,51],[51,52],[55,53],[54,54],[57,55],[52,56],[53,57],[85,58],[92,59],[84,58],[99,60],[76,61],[75,62],[98,63],[93,64],[96,65],[78,66],[77,67],[73,68],[72,69],[95,70],[74,71],[79,72],[83,72],[101,73],[100,72],[87,74],[88,75],[90,76],[86,77],[89,78],[94,63],[81,79],[82,80],[91,81],[71,82],[97,83],[58,84],[59,85],[60,84],[61,84],[62,84],[66,86],[63,84],[64,84],[65,84]],"exportedModulesMap":[[49,1],[67,2],[68,2],[103,3],[104,4],[105,5],[106,6],[107,7],[108,8],[109,9],[110,10],[111,11],[112,12],[113,12],[115,13],[114,14],[116,15],[117,16],[118,17],[102,18],[119,19],[120,20],[121,21],[153,22],[122,23],[123,24],[124,25],[125,26],[126,27],[127,28],[128,29],[129,30],[130,31],[131,32],[132,32],[133,33],[134,34],[136,35],[135,36],[137,37],[138,38],[139,39],[140,40],[141,41],[142,42],[143,43],[144,44],[145,45],[146,46],[147,47],[148,48],[149,49],[150,50],[151,51],[51,52],[55,53],[54,54],[57,55],[52,56],[53,57],[85,58],[92,59],[84,58],[99,60],[76,61],[75,62],[98,63],[93,64],[96,65],[78,66],[77,67],[73,68],[72,69],[95,70],[74,71],[79,72],[83,72],[101,73],[100,72],[87,74],[88,75],[90,76],[86,77],[89,78],[94,63],[81,79],[82,80],[91,81],[71,82],[97,83],[58,87],[60,87],[61,87],[62,87],[66,88],[63,87],[64,87],[65,87]],"semanticDiagnosticsPerFile":[47,48,49,154,67,68,103,104,105,106,107,108,109,110,111,112,113,115,114,116,117,118,102,152,119,120,121,153,122,123,124,125,126,127,128,129,130,131,132,133,134,136,135,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,51,50,69,55,54,57,52,56,53,46,44,45,8,10,9,2,11,12,13,14,15,16,17,18,3,4,19,23,20,21,22,24,25,26,5,27,28,29,30,6,34,31,32,33,35,7,36,41,42,37,38,39,40,1,43,85,92,84,99,76,75,98,93,96,78,77,73,72,95,74,79,80,83,70,101,100,87,88,90,86,89,94,81,82,91,71,97,58,59,60,61,62,66,63,64,65]},"version":"5.3.3"}
1
+ {"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/@types/trusted-types/index.d.ts","../../../node_modules/lit/node_modules/lit-html/directive.d.ts","../../../node_modules/lit/node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit/node_modules/lit-html/is-server.d.ts","../../../node_modules/lit/index.d.ts","../src/button-container-styles.ts","../src/common-button-styles.ts","../src/common-grist-styles.ts","../src/common-header-styles.ts","../src/headroom-styles.ts","../src/scrollbar-styles.ts","../src/spinner-styles.ts","../src/tooltip-styles.ts","../src/index.ts","../../../node_modules/@material/mwc-icon/mwc-icon.d.ts","../../shell/dist/src/types/domain.d.ts","../../shell/dist/src/types/user.d.ts","../../shell/dist/src/types/role.d.ts","../../shell/dist/src/types/privilege.d.ts","../../shell/dist/src/types/types.d.ts","../../shell/dist/src/types/index.d.ts","../../../node_modules/redux/index.d.ts","../../../node_modules/pwa-helpers/lazy-reducer-enhancer.d.ts","../../shell/dist/src/store.d.ts","../../shell/dist/src/actions/app.d.ts","../../shell/dist/src/actions/route.d.ts","../../shell/dist/src/actions/busy.d.ts","../../shell/dist/src/actions/const.d.ts","../../shell/dist/src/actions/index.d.ts","../../shell/dist/src/app/pages/page-view.d.ts","../../shell/dist/src/object-store.d.ts","../../shell/dist/src/index.d.ts","../../layout/dist/src/initializer.d.ts","../../popup/dist/src/ox-popup.d.ts","../../popup/dist/src/ox-popup-list.d.ts","../../popup/dist/src/ox-popup-menu.d.ts","../../popup/dist/src/ox-popup-menuitem.d.ts","../../../node_modules/@material/base/foundation.d.ts","../../../node_modules/@material/mwc-base/utils.d.ts","../../../node_modules/@material/base/types.d.ts","../../../node_modules/@material/mwc-base/base-element.d.ts","../../../node_modules/@material/ripple/types.d.ts","../../../node_modules/@material/ripple/adapter.d.ts","../../../node_modules/@material/ripple/foundation.d.ts","../../../node_modules/@material/mwc-ripple/mwc-ripple-base.d.ts","../../../node_modules/@material/mwc-ripple/mwc-ripple.d.ts","../../../node_modules/@material/mwc-base/aria-property.d.ts","../../../node_modules/@material/mwc-ripple/ripple-handlers.d.ts","../../../node_modules/lit/node_modules/lit-html/directives/class-map.d.ts","../../../node_modules/lit/directives/class-map.d.ts","../../../node_modules/@material/mwc-button/mwc-button-base.d.ts","../../../node_modules/@material/mwc-button/mwc-button.d.ts","../../popup/dist/src/ox-prompt.d.ts","../../popup/dist/src/ox-floating-overlay.d.ts","../../popup/dist/src/open-popup.d.ts","../../popup/dist/src/index.d.ts","../../layout/dist/src/layouts/ox-snack-bar.d.ts","../../layout/dist/src/components/ox-resize-splitter.d.ts","../../layout/dist/src/layouts/ox-header-bar.d.ts","../../layout/dist/src/layouts/ox-nav-bar.d.ts","../../layout/dist/src/layouts/ox-aside-bar.d.ts","../../layout/dist/src/layouts/ox-footer-bar.d.ts","../../layout/dist/src/layouts/ox-page-header-bar.d.ts","../../layout/dist/src/layouts/ox-page-footer-bar.d.ts","../../layout/dist/src/actions/layout.d.ts","../../layout/dist/src/actions/snackbar.d.ts","../../layout/dist/src/components/ox-split-pane.d.ts","../../layout/dist/src/index.d.ts","../../context/dist/src/layouts/ox-context-page-toolbar.d.ts","../stories/common-header-styles-actions.stories.ts","../stories/common-header-styles-pure.stories.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/buffer/index.d.ts","../../../node_modules/undici-types/header.d.ts","../../../node_modules/undici-types/readable.d.ts","../../../node_modules/undici-types/file.d.ts","../../../node_modules/undici-types/fetch.d.ts","../../../node_modules/undici-types/formdata.d.ts","../../../node_modules/undici-types/connector.d.ts","../../../node_modules/undici-types/client.d.ts","../../../node_modules/undici-types/errors.d.ts","../../../node_modules/undici-types/dispatcher.d.ts","../../../node_modules/undici-types/global-dispatcher.d.ts","../../../node_modules/undici-types/global-origin.d.ts","../../../node_modules/undici-types/pool-stats.d.ts","../../../node_modules/undici-types/pool.d.ts","../../../node_modules/undici-types/handlers.d.ts","../../../node_modules/undici-types/balanced-pool.d.ts","../../../node_modules/undici-types/agent.d.ts","../../../node_modules/undici-types/mock-interceptor.d.ts","../../../node_modules/undici-types/mock-agent.d.ts","../../../node_modules/undici-types/mock-client.d.ts","../../../node_modules/undici-types/mock-pool.d.ts","../../../node_modules/undici-types/mock-errors.d.ts","../../../node_modules/undici-types/proxy-agent.d.ts","../../../node_modules/undici-types/api.d.ts","../../../node_modules/undici-types/cookies.d.ts","../../../node_modules/undici-types/patch.d.ts","../../../node_modules/undici-types/filereader.d.ts","../../../node_modules/undici-types/diagnostics-channel.d.ts","../../../node_modules/undici-types/websocket.d.ts","../../../node_modules/undici-types/content-type.d.ts","../../../node_modules/undici-types/cache.d.ts","../../../node_modules/undici-types/interceptors.d.ts","../../../node_modules/undici-types/index.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileInfos":[{"version":"824cb491a40f7e8fdeb56f1df5edf91b23f3e3ee6b4cde84d4a99be32338faee","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4",{"version":"87d693a4920d794a73384b3c779cadcb8548ac6945aa7a925832fe2418c9527a","affectsGlobalScope":true},{"version":"138fb588d26538783b78d1e3b2c2cc12d55840b97bf5e08bca7f7a174fbe2f17","affectsGlobalScope":true},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"bc47685641087c015972a3f072480889f0d6c65515f12bd85222f49a98952ed7","affectsGlobalScope":true},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"6fc23bb8c3965964be8c597310a2878b53a0306edb71d4b5a4dfe760186bcc01","affectsGlobalScope":true},{"version":"ea011c76963fb15ef1cdd7ce6a6808b46322c527de2077b6cfdf23ae6f5f9ec7","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"bb42a7797d996412ecdc5b2787720de477103a0b2e53058569069a0e2bae6c7e","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"b541a838a13f9234aba650a825393ffc2292dc0fc87681a5d81ef0c96d281e7a","affectsGlobalScope":true},{"version":"b20fe0eca9a4e405f1a5ae24a2b3290b37cf7f21eba6cbe4fc3fab979237d4f3","affectsGlobalScope":true},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"49ed889be54031e1044af0ad2c603d627b8bda8b50c1a68435fe85583901d072","affectsGlobalScope":true},{"version":"e93d098658ce4f0c8a0779e6cab91d0259efb88a318137f686ad76f8410ca270","affectsGlobalScope":true},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"5e07ed3809d48205d5b985642a59f2eba47c402374a7cf8006b686f79efadcbd","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"8073890e29d2f46fdbc19b8d6d2eb9ea58db9a2052f8640af20baff9afbc8640","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"13f6e6380c78e15e140243dc4be2fa546c287c6d61f4729bc2dd7cf449605471","affectsGlobalScope":true},{"version":"33358442698bb565130f52ba79bfd3d4d484ac85fe33f3cb1759c54d18201393","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"7a1971efcba559ea9002ada4c4e3c925004fb67a755300d53b5edf9399354900","e59262ddaae67dec2d226f8a5d05cf6c4dc353c0d9b1e4980a61d7fcf9a2b051","5e30131b6a5587fe666926ad1d9807e733c0a597ed12d682669fcaa331aea576","470b8c2386c916bad4aa0d05e89b271a47dbe1250cb25dc0f93102b457228dde","15fe687c59d62741b4494d5e623d497d55eb38966ecf5bea7f36e48fc3fbe15e",{"version":"2c3b8be03577c98530ef9cb1a76e2c812636a871f367e9edf4c5f3ce702b77f8","affectsGlobalScope":true},"7000ec8572390d035ba5ef993953957150d0c38ffb31b56653c97dd78cb6e1aa","056892cca68dca10a914f1580ba0e5710d26794e8707225dca9b5717ed702f1e","056892cca68dca10a914f1580ba0e5710d26794e8707225dca9b5717ed702f1e","4ddf3962990379d1ea59b369a5516c7533b7944010d6998e0e9b1ab35d5af1f0","1bcd560deed90a43c51b08aa18f7f55229f2e30974ab5ed1b7bb5721be379013","dc08fe04e50bc24d1baded4f33e942222bbdd5d77d6341a93cfe6e4e4586a3be",{"version":"f24ba86986164c2da7d241f26182bc4f55c1f4257f03d0e4196911adc13aa061","signature":"bcd2426fd141157e04e3a8eff914b575403587f398cf0878f07c2f283e0d1afd"},{"version":"bd0450d595c3777f9a0a05faa5bb0715a43982641390c6f58c21f32e18c08438","signature":"7cd455fc4c4818f19263d73b29c59f3fb5fd54b45a6ab83ca3eb3661281db56b"},{"version":"685aed091f6431ea9c190e2bb009867f86dc072612d16b14de20e137f8501977","signature":"1c6b9b5501774a2ece6574be8e26092800e3f1f836f8c179b4f9fdd271a620f8"},{"version":"7b7a5e71095d3a96504f12f6ed5cac4c92f1a887114b6da9b398e6bb22316a01","signature":"bac8ff394e831e4dd3f0961d6abb414b0e2b4ba16fdeb502d087ebf0340ed5f6"},{"version":"b0ff03d3445957ba558b4121ffc8df30446e85467db136fa0e5ec0df039685da","signature":"cf93fb9208a01c80f0fad245c4360356e5de6c2384b7641acf0b9cc2f5c42448"},{"version":"1f34240d14ad63bb89afadc6e6940bb124d8012af36e75d03ccc31b6072729ce","signature":"336398b0efaf964124e636a9b29c4edd5870aee79ac64bf87be58a9d66b7c048"},{"version":"8ddf67f8ad096c0647f9950eef16417e6d9bbfc2ee7502c2a0e9a7f96f047bd0","signature":"571bc65ec37ba124e762bb822e14a2b8502dc684e356be8feaccbd6b9cadd023"},{"version":"3aa444d78073a620ca5d7c7e612103b28173914bba8833b0975a1548148525cd","signature":"2bbbefc1235500bdb5091f240dc8cba861a95342272f7d11b7574a0d2ef4f85e"},{"version":"b0a44a4472a2cfef50b05eb5e5cb75bc6633873ece8b40a3a36c8dd79991b472","signature":"b8965484c1a08eeac238cf02a1498d72f3f3610059570a2c0fd207eb34245146"},{"version":"27b285e901600242883d62a5fff9f5d262c6fa128b6e6c6963f981f2630a957e","affectsGlobalScope":true},"4d4cf93a6b4c81851ad759e4569b6feb7a701e80b13a6f9d8d9c6012bbb86bd6","2e6035af8f3e43bf95e4983329c8277d66f9b271106af27b99a85d1c1b9daf4a","774308610e8d4a9954cd93840f99decbf340accfe3ad7365547950ede8162c92","36c15dd26c66c97b9df26ce34baacdb13fc760c5b9a2d789dcc317d27b189257","3d7c0b593a29d717b2b2ba3f03f819c3c48bf9e250d79c4a31860af80f177e8c","f228d440342f5d0933f5db093aafab2f07de24a427b4488ccfae27b7457d7666",{"version":"fd624f7d7b264922476685870f08c5e1c6d6a0f05dee2429a9747b41f6b699d4","affectsGlobalScope":true},"701978f3975f96e76e3ffc2e1762e3a97e3d323812049fb6fdfd559579b89708",{"version":"4ab17f80ced148d509345cee706b2b85941515dd76e32cf47118bcdf6a4bd56a","affectsGlobalScope":true},"641089f0b8094ef74b9d4b3364d5dec1592d5e3b8a51c1ba491bc8872049e79a","32e1867b6598b33ddcbd2772aa8b451078c342b490f3256ad237a9df4015c205","b42033bf1067564808e4d360d79281667c2b3b0792c2d615ab641eb85974d4ba","7af29b0589483f7bb8a99405ddb849f34bc053146184561ed4179e02f5fe4d0f","78faa3783191b2d5d5f7a9e835ee3f6a1456dc391d6eb5b40d3a27dfd9decd6e","08d32a8fc63dbf34214ebb90c547ef20082d7d60126ad146ef8704528fb5e99d","fc48282c397084016a939e1b3f91dcaf4199b6cba339d91d8b2dc2acade79762","981fc22acc36b6a33c9f5b3d468e975b104cf3409b881ca6cffe84c5f9fda7c1","60997095f458b8c2c94af5759c796d9d17678e740a41a04c3e518c14c47f2ee7","70faeefb6a9c4f9264f36984575e3b3d6f2487bde0f035c5cbe8050568d02b7c","9e34cc509768e0b96c9d9c6cbc6c895c9ceae289b1807fbceefc202c3a5e3073","fc14366f87017fd50310650511309ba2a8507943e9f9b06267e38b42440aca7e","5890db945b9d0a82a37c4aaf1b8f02372da11481357a326e60f6caff7a262a0e","a0667520a6521c12128fc28cbd5b2af58eef11c5b2a7441e0f0d47f50bf6c8e3","0dcf4c2bf1bb547e2ae5b8dce4656a56fbd15e3401ff5236ea0b93b6c60f9249","820c26194ad4089bc503b02bbedbd86a865e9c8a05c58ef88c8d19d9c019712a","790b453e1b76814112c3870d6e12f5db992d3194fdb3529445317dd75cb538be","d375de88ab19f6c105a65fc89eca1ae782362c5c395283b0c85ef39c7b835dfe","aeda2fffbc651fe1fa60b913d45f291f5544c4840206cb3b1badc16d9f01a0f0","7b3c1d688dcb8645b5a6c37bce5b047da92b4c298ed8709e03e987e0efb035b1","29c64e1acb5b73f08a60e71154c65c8a34f885f1f2cc55ffa06dfd244c058883",{"version":"7d176f155e5f6fc9756ddcc1a6d3eb2673030a066e2b7846dfc81b5271f3e269","affectsGlobalScope":true},"024fea9ee598cfe747f18340ad74e4ea428fc2a7988250ff9fcfce5673b7d422","aea18a267a0770c365cc390ad0a0b9725ed7a4540e9a96319b0f5094ee0ca124","8a9b7a437bea4cc34e5e103e01573ab3afc4564a22c838942b6dcca0f68020e8","8bb8931e629d9adfac6fe0c067de1a3c2f82b47262f83fa76eb0772ef13808e8","ae1351ed65b27a2b29a70a238024c957910e944aabbffce286099ed2b04f9baf",{"version":"3c19b3fb2f88bbd8f103fe2de0d6c0700dd9bf6678553f6db803162620b49e27","affectsGlobalScope":true},"a946bb15e5f4494f266cd298ea1f4b31fceb7805d539be94407ad08498a91298","200591087c22f991ec55d29069de9a9ee383cae6a87229d0d360cca69c0cf87e","c97f742ef6e8c0bc4e5e4ad8d90b4489cdd3bd1c007510ee4a2e4c09266a11d2","6a17f676d06d3e695520b275dd483b4fe62d34b84926c0bf6425c08490ee2c41","67eee3f60d04105614d4bed2b3eef28dc7a3a746dcf59dffcc4254d7fd023762","522e47f35f1984d6066dc822445fa03712808125f7b4cd1a7f0da331fd56b0a3","9d89de778f5c38f0fa4cbd27236724c9fa24d796032062a929772c8cd3baffa5","9d89de778f5c38f0fa4cbd27236724c9fa24d796032062a929772c8cd3baffa5","9d89de778f5c38f0fa4cbd27236724c9fa24d796032062a929772c8cd3baffa5","9d89de778f5c38f0fa4cbd27236724c9fa24d796032062a929772c8cd3baffa5","9d89de778f5c38f0fa4cbd27236724c9fa24d796032062a929772c8cd3baffa5","9d89de778f5c38f0fa4cbd27236724c9fa24d796032062a929772c8cd3baffa5","47b1df5805c9eb0fcd841d15513b4c0d6b59e4751cc7ea51ccfe1185637987aa","f4ad8c90859112adabad50932eb0b20aba4befec159b95cea96af6a154759383","6629bdbf20ff103042e8a04fff6ca25559cf481abc58d6853a2d80a99f8ebc9d","9d7d5dd5b13904d5bf406a43a74fc562bebb68e45d4bc86af60ff00c394e1244","87bc0fac7576c2d6511ec17c406693c748a8fce08d00633f2fb0cc0213e061d5",{"version":"1f12c614c05ab73012cec8e4216b1d80181135ba9826d99e36ae1796181d80b4","signature":"df0683b1131bee69055138c1dcd5d38423867b2befa6d5d3d1bebcd03b21bfa6"},{"version":"10c75230edf10f54c514856f00311acd0dd85c6ac5015f5a4787e85fb1ca2058","signature":"b5cd943d815971bb343cd4359b811ee7a3ee99550b1348431618df4e5eb3cb13"},"efc7d584a33fe3422847783d228f315c4cd1afe74bd7cf8e3f0e4c1125129fef","7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","8e9c23ba78aabc2e0a27033f18737a6df754067731e69dc5f52823957d60a4b6","5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","7180c03fd3cb6e22f911ce9ba0f8a7008b1a6ddbe88ccf16a9c8140ef9ac1686","25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","54cb85a47d760da1c13c00add10d26b5118280d44d58e6908d8e89abbd9d7725","3e4825171442666d31c845aeb47fcd34b62e14041bb353ae2b874285d78482aa","c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","a967bfe3ad4e62243eb604bf956101e4c740f5921277c60debaf325c1320bf88","e9775e97ac4877aebf963a0289c81abe76d1ec9a2a7778dbe637e5151f25c5f3","471e1da5a78350bc55ef8cef24eb3aca6174143c281b8b214ca2beda51f5e04a","cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","db3435f3525cd785bf21ec6769bf8da7e8a776be1a99e2e7efb5f244a2ef5fee","c3b170c45fc031db31f782e612adf7314b167e60439d304b49e704010e7bafe5","40383ebef22b943d503c6ce2cb2e060282936b952a01bea5f9f493d5fb487cc7","4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","3a84b7cb891141824bd00ef8a50b6a44596aded4075da937f180c90e362fe5f6","13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","33203609eba548914dc83ddf6cadbc0bcb6e8ef89f6d648ca0908ae887f9fcc5","0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","e53a3c2a9f624d90f24bf4588aacd223e7bec1b9d0d479b68d2f4a9e6011147f","339dc5265ee5ed92e536a93a04c4ebbc2128f45eeec6ed29f379e0085283542c","9f0a92164925aa37d4a5d9dd3e0134cff8177208dba55fd2310cd74beea40ee2","8bfdb79bf1a9d435ec48d9372dc93291161f152c0865b81fc0b2694aedb4578d","2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","d32275be3546f252e3ad33976caf8c5e842c09cb87d468cb40d5f4cf092d1acc","4a0c3504813a3289f7fb1115db13967c8e004aa8e4f8a9021b95285502221bd1",{"version":"a14ed46fa3f5ffc7a8336b497cd07b45c2084213aaca933a22443fcb2eef0d07","affectsGlobalScope":true},"cce1f5f86974c1e916ec4a8cab6eec9aa8e31e8148845bf07fbaa8e1d97b1a2c",{"version":"7fd7fcbf021a5845bdd9397d4649fcf2fe17152d2098140fc723099a215d19ad","affectsGlobalScope":true},"df3389f71a71a38bc931aaf1ef97a65fada98f0a27f19dd12f8b8de2b0f4e461","7b43160a49cf2c6082da0465876c4a0b164e160b81187caeb0a6ca7a281e85ba",{"version":"41fb2a1c108fbf46609ce5a451b7ec78eb9b5ada95fd5b94643e4b26397de0b3","affectsGlobalScope":true},"a40826e8476694e90da94aa008283a7de50d1dafd37beada623863f1901cb7fb",{"version":"8b809082dfeffc8cc4f3b9c59f55c0ff52ba12f5ae0766cb5c35deee83b8552e","affectsGlobalScope":true},"bd3f5d05b6b5e4bfcea7739a45f3ffb4a7f4a3442ba7baf93e0200799285b8f1","4c775c2fccabf49483c03cd5e3673f87c1ffb6079d98e7b81089c3def79e29c6","d4f9d3ae2fe1ae199e1c832cca2c44f45e0b305dfa2808afdd51249b6f4a5163","7525257b4aa35efc7a1bbc00f205a9a96c4e4ab791da90db41b77938c4e0c18e","b7fe70be794e13d1b7940e318b8770cd1fb3eced7707805318a2e3aaac2c3e9e",{"version":"2c71199d1fc83bf17636ad5bf63a945633406b7b94887612bba4ef027c662b3e","affectsGlobalScope":true},{"version":"674168aa3db414ea0a19b2a31d901b2d49705c7a495e43ffdc96928543010f8c","affectsGlobalScope":true},"fe1fd6afdfe77976d4c702f3746c05fb05a7e566845c890e0e970fe9376d6a90","313a0b063f5188037db113509de1b934a0e286f14e9479af24fada241435e707","afb1701fd4be413a8a5a88df6befdd4510c30a31372c07a4138facf61594c66d","87ef1a23caa071b07157c72077fa42b86d30568f9dc9e31eed24d5d14fc30ba8","396a8939b5e177542bdf9b5262b4eee85d29851b2d57681fa9d7eae30e225830","21773f5ac69ddf5a05636ba1f50b5239f4f2d27e4420db147fc2f76a5ae598ac",{"version":"ea455cc68871b049bcecd9f56d4cf27b852d6dafd5e3b54468ca87cc11604e4d","affectsGlobalScope":true},"c07146dbbbd8b347241b5df250a51e48f2d7bef19b1e187b1a3f20c849988ff1","45b1053e691c5af9bfe85060a3e1542835f8d84a7e6e2e77ca305251eda0cb3c","0f05c06ff6196958d76b865ae17245b52d8fe01773626ac3c43214a2458ea7b7",{"version":"ae5507fc333d637dec9f37c6b3f4d423105421ea2820a64818de55db85214d66","affectsGlobalScope":true},{"version":"0666f4c99b8688c7be5956df8fecf5d1779d3b22f8f2a88258ae7072c7b6026f","affectsGlobalScope":true},"8abd0566d2854c4bd1c5e48e05df5c74927187f1541e6770001d9637ac41542e","54e854615c4eafbdd3fd7688bd02a3aafd0ccf0e87c98f79d3e9109f047ce6b8","d8dba11dc34d50cb4202de5effa9a1b296d7a2f4a029eec871f894bddfb6430d","8b71dd18e7e63b6f991b511a201fad7c3bf8d1e0dd98acb5e3d844f335a73634","01d8e1419c84affad359cc240b2b551fb9812b450b4d3d456b64cda8102d4f60","8221b00f271cf7f535a8eeec03b0f80f0929c7a16116e2d2df089b41066de69b","269929a24b2816343a178008ac9ae9248304d92a8ba8e233055e0ed6dbe6ef71","93452d394fdd1dc551ec62f5042366f011a00d342d36d50793b3529bfc9bd633","7fa32887f8a97909fca35ebba3740f8caf8df146618d8fff957a3f89f67a2f6a","9a9634296cca836c3308923ba7aa094fa6ed76bb1e366d8ddcf5c65888ab1024",{"version":"bddce945d552a963c9733db106b17a25474eefcab7fc990157a2134ef55d4954","affectsGlobalScope":true},{"version":"7052b7b0c3829df3b4985bab2fd74531074b4835d5a7b263b75c82f0916ad62f","affectsGlobalScope":true},"aa34c3aa493d1c699601027c441b9664547c3024f9dbab1639df7701d63d18fa","4b55240c2a03b2c71e98a7fc528b16136faa762211c92e781a01c37821915ea6","7c651f8dce91a927ab62925e73f190763574c46098f2b11fb8ddc1b147a6709a","7440ab60f4cb031812940cc38166b8bb6fbf2540cfe599f87c41c08011f0c1df",{"version":"94c086dff8dbc5998749326bc69b520e8e4273fb5b7b58b50e0210e0885dfcde","affectsGlobalScope":true},{"version":"f5b5dc128973498b75f52b1b8c2d5f8629869104899733ae485100c2309b4c12","affectsGlobalScope":true},"ebe5facd12fd7745cda5f4bc3319f91fb29dc1f96e57e9c6f8b260a7cc5b67ee","79bad8541d5779c85e82a9fb119c1fe06af77a71cc40f869d62ad379473d4b75","21c56c6e8eeacef15f63f373a29fab6a2b36e4705be7a528aae8c51469e2737b",{"version":"629d20681ca284d9e38c0a019f647108f5fe02f9c59ac164d56f5694fc3faf4d","affectsGlobalScope":true},"e7dbf5716d76846c7522e910896c5747b6df1abd538fee8f5291bdc843461795",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"b510d0a18e3db42ac9765d26711083ec1e8b4e21caaca6dc4d25ae6e8623f447",{"version":"0ea93d01083b3d5863cc98cb589b5d0eac55d14417487f9e5e455dfa0b17c660","affectsGlobalScope":true}],"root":[[59,67],123,124],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":true,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"fileIdsList":[[48,49],[58,91,92,93],[58,68,99,100,101,103],[58,104],[58],[58,92,94,96,97],[58,98],[92],[93,95],[91,96],[125],[161],[162,167,195],[163,174,175,182,192,203],[163,164,174,182],[165,204],[166,167,175,183],[167,192,200],[168,170,174,182],[161,169],[170,171],[174],[172,174],[161,174],[174,175,176,192,203],[174,175,176,189,192,195],[159,162,208],[170,174,177,182,192,203],[174,175,177,178,182,192,200,203],[177,179,192,200,203],[125,126,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210],[174,180],[181,203,208],[170,174,182,192],[183],[184],[161,185],[186,202,208],[187],[188],[174,189,190],[189,191,204,206],[162,174,192,193,194,195],[162,192,194],[192,193],[195],[196],[161,192],[174,198,199],[198,199],[167,182,192,200],[201],[182,202],[162,177,188,203],[167,204],[192,205],[181,206],[207],[162,167,174,176,185,192,203,206,208],[192,209],[51],[50,54],[53],[102],[50,54,56,57],[54],[53,54],[52,53],[75],[136,140,203],[136,192,203],[131],[133,136,200,203],[182,200],[211],[131,211],[133,136,182,203],[128,129,132,135,162,174,192,203],[128,134],[132,136,162,195,203,211],[162,211],[152,162,211],[130,131,211],[136],[130,131,132,133,134,135,136,137,138,140,141,142,143,144,145,146,147,148,149,150,151,153,154,155,156,157,158],[136,143,144],[134,136,144,145],[135],[128,131,136],[136,140,144,145],[140],[134,136,139,203],[128,133,134,136,140,143],[162,192],[131,136,152,162,208,211],[58,68,75,121],[58,109],[86,109,110,112,113,114,115,116,117,118,119,120],[85],[107,111],[68,105],[87,88,89,90,106,108],[58,107],[58,68],[58,68,87],[58,87],[58,89],[58,105],[78,79,80,81],[74,77,82,83,84],[75,76],[69,70,71,72,73],[70,71],[69,70,72],[47,58],[47],[47,59,60,61,62,63,64,65,66],[47,58,62,68,122],[47,58,62,68],[59,60,61,62,63,64,65,66]],"referencedMap":[[50,1],[94,2],[104,3],[105,4],[68,5],[98,6],[99,7],[101,8],[96,9],[97,10],[125,11],[126,11],[161,12],[162,13],[163,14],[164,15],[165,16],[166,17],[167,18],[168,19],[169,20],[170,21],[171,21],[173,22],[172,23],[174,24],[175,25],[176,26],[160,27],[177,28],[178,29],[179,30],[211,31],[180,32],[181,33],[182,34],[183,35],[184,36],[185,37],[186,38],[187,39],[188,40],[189,41],[190,41],[191,42],[192,43],[194,44],[193,45],[195,46],[196,47],[197,48],[198,49],[199,50],[200,51],[201,52],[202,53],[203,54],[204,55],[205,56],[206,57],[207,58],[208,59],[209,60],[52,61],[56,62],[55,63],[103,64],[58,65],[53,66],[102,67],[54,68],[76,69],[143,70],[150,71],[142,70],[157,72],[134,73],[133,74],[156,75],[151,76],[154,77],[136,78],[135,79],[131,80],[130,81],[153,82],[132,83],[137,84],[141,84],[159,85],[158,84],[145,86],[146,87],[148,88],[144,89],[147,90],[152,75],[139,91],[140,92],[149,93],[129,94],[155,95],[122,96],[118,97],[119,69],[111,5],[120,5],[121,98],[86,99],[114,100],[115,100],[112,100],[113,100],[117,100],[116,100],[110,101],[109,102],[108,103],[107,104],[88,105],[89,106],[90,107],[87,5],[106,108],[82,109],[83,5],[85,110],[77,111],[74,112],[72,113],[71,114],[59,115],[60,116],[61,115],[62,115],[63,115],[67,117],[64,115],[65,115],[66,115],[123,118],[124,119]],"exportedModulesMap":[[50,1],[94,2],[104,3],[105,4],[68,5],[98,6],[99,7],[101,8],[96,9],[97,10],[125,11],[126,11],[161,12],[162,13],[163,14],[164,15],[165,16],[166,17],[167,18],[168,19],[169,20],[170,21],[171,21],[173,22],[172,23],[174,24],[175,25],[176,26],[160,27],[177,28],[178,29],[179,30],[211,31],[180,32],[181,33],[182,34],[183,35],[184,36],[185,37],[186,38],[187,39],[188,40],[189,41],[190,41],[191,42],[192,43],[194,44],[193,45],[195,46],[196,47],[197,48],[198,49],[199,50],[200,51],[201,52],[202,53],[203,54],[204,55],[205,56],[206,57],[207,58],[208,59],[209,60],[52,61],[56,62],[55,63],[103,64],[58,65],[53,66],[102,67],[54,68],[76,69],[143,70],[150,71],[142,70],[157,72],[134,73],[133,74],[156,75],[151,76],[154,77],[136,78],[135,79],[131,80],[130,81],[153,82],[132,83],[137,84],[141,84],[159,85],[158,84],[145,86],[146,87],[148,88],[144,89],[147,90],[152,75],[139,91],[140,92],[149,93],[129,94],[155,95],[122,96],[118,97],[119,69],[111,5],[120,5],[121,98],[86,99],[114,100],[115,100],[112,100],[113,100],[117,100],[116,100],[110,101],[109,102],[108,103],[107,104],[88,105],[89,106],[90,107],[87,5],[106,108],[82,109],[83,5],[85,110],[77,111],[74,112],[72,113],[71,114],[59,5],[61,5],[62,5],[63,5],[67,120],[64,5],[65,5],[66,5],[123,104],[124,104]],"semanticDiagnosticsPerFile":[48,49,50,91,93,100,94,92,104,105,68,98,99,101,96,97,95,212,125,126,161,162,163,164,165,166,167,168,169,170,171,173,172,174,175,176,160,210,177,178,179,211,180,181,182,183,184,185,186,187,188,189,190,191,192,194,193,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,52,51,127,56,55,103,58,53,102,57,54,76,75,47,45,46,8,10,9,2,11,12,13,14,15,16,17,18,3,19,4,20,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,36,7,37,42,43,38,39,40,41,1,44,143,150,142,157,134,133,156,151,154,136,135,131,130,153,132,137,138,141,128,159,158,145,146,148,144,147,152,139,140,149,129,155,122,118,119,111,120,121,86,114,115,112,113,117,116,110,109,108,107,88,89,90,87,106,78,80,81,82,79,83,85,84,77,69,74,72,71,73,70,59,60,61,62,63,67,64,65,66,123,124]},"version":"5.4.3"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@operato/styles",
3
3
  "description": "Webcomponent styles following open-wc recommendations",
4
4
  "author": "heartyoh",
5
- "version": "2.0.0-alpha.28",
5
+ "version": "2.0.0-alpha.47",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.js",
8
8
  "license": "MIT",
@@ -22,7 +22,9 @@
22
22
  "analyze": "cem analyze --litelement",
23
23
  "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
24
24
  "build": "tsc && npm run analyze -- --exclude dist",
25
- "prepublish": "tsc && npm run analyze -- --exclude dist"
25
+ "prepublish": "tsc && npm run analyze -- --exclude dist",
26
+ "storybook": "npm run build && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
27
+ "storybook:build": "npm run build && build-storybook"
26
28
  },
27
29
  "dependencies": {
28
30
  "lit": "^2.5.0"
@@ -30,12 +32,23 @@
30
32
  "devDependencies": {
31
33
  "@custom-elements-manifest/analyzer": "^0.9.2",
32
34
  "@hatiolab/prettier-config": "^1.0.0",
35
+ "@open-wc/eslint-config": "^12.0.3",
36
+ "@open-wc/testing": "^3.1.6",
37
+ "@typescript-eslint/eslint-plugin": "^7.0.1",
38
+ "@typescript-eslint/parser": "^7.0.1",
33
39
  "@web/dev-server": "^0.3.0",
40
+ "@web/dev-server-storybook": "^2.0.1",
41
+ "@web/test-runner": "^0.18.0",
34
42
  "concurrently": "^8.0.1",
43
+ "eslint": "^8.39.0",
44
+ "eslint-config-prettier": "^9.1.0",
45
+ "husky": "^9.0.11",
46
+ "lint-staged": "^15.2.2",
47
+ "prettier": "^3.2.5",
35
48
  "tslib": "^2.3.1",
36
49
  "typescript": "^5.0.4"
37
50
  },
38
51
  "customElements": "custom-elements.json",
39
52
  "prettier": "@hatiolab/prettier-config",
40
- "gitHead": "458e804ceb0e7cd5c4aa9d3bb7fe64c1f5bd61a3"
53
+ "gitHead": "91c9eb5101b26f23d2231c481e21f86dfc021dc5"
41
54
  }
package/src/common-header-styles.ts CHANGED
@@ -15,98 +15,98 @@ export const CommonHeaderStyles = css`
15
15
  align-items: center;
16
16
  --mdc-icon-size: 24px;
17
17
  --mdc-theme-primary: var(--primary-color);
18
- }
19
-
20
- .header:empty {
21
- padding: 0;
22
- }
23
-
24
- .header .filters {
25
- grid-area: filters;
26
- border: 1px solid rgba(var(--primary-color-rgb), 0.3);
27
- background-color: rgba(var(--primary-color-rgb), 0.1);
28
- padding: var(--padding-default);
29
-
30
- display: flex;
31
- flex-direction: row;
32
- align-items: center;
33
- gap: var(--gap-inter-filter, 10px);
34
- }
35
-
36
- .header .filters:empty {
37
- display: none;
38
- }
39
18
 
40
- .header .filter {
41
- display: flex;
42
- flex-direction: row;
43
-
44
- align-items: center;
45
- gap: var(--gap-intra-filter, 4px);
46
- }
47
-
48
- .header label {
49
- font-weight: bold;
50
- font-size: var(--fontsize-default);
51
- color: var(--primary-text-color);
52
- }
19
+ mwc-icon {
20
+ color: var(--primary-color);
21
+ font-size: var(--fontsize-large);
22
+ }
53
23
 
54
- .header .title {
55
- grid-area: title;
24
+ .title {
25
+ grid-area: title;
56
26
 
57
- display: flex;
58
- flex-direction: row;
59
- align-items: center;
60
- gap: var(--gap-intra-title, 4px);
27
+ display: flex;
28
+ flex-direction: row;
29
+ align-items: center;
30
+ gap: var(--gap-intra-title, 4px);
61
31
 
62
- font-weight: bold;
63
- font-size: var(--fontsize-default);
64
- color: var(--primary-text-color);
65
- }
66
-
67
- .header .title mwc-icon {
68
- color: var(--primary-color);
69
- font-size: var(--fontsize-large);
70
- }
32
+ font-weight: bold;
33
+ font-size: var(--fontsize-default);
34
+ color: var(--primary-text-color);
35
+ }
71
36
 
72
- .header .actions {
73
- grid-area: actions;
74
- margin-left: auto;
37
+ .filters {
38
+ grid-area: filters;
39
+ border: 1px solid rgba(var(--primary-color-rgb), 0.3);
40
+ background-color: rgba(var(--primary-color-rgb), 0.1);
41
+ padding: var(--padding-default);
75
42
 
76
- display: flex;
77
- flex-direction: row-reverse;
78
- align-items: center;
79
- gap: var(--gap-inter-action, 6px);
80
- }
43
+ display: flex;
44
+ flex-direction: row;
45
+ align-items: center;
46
+ gap: var(--gap-inter-filter, 10px);
47
+ }
81
48
 
82
- .header .actions * {
83
- cursor: pointer;
84
- }
49
+ label {
50
+ font-weight: bold;
51
+ font-size: var(--fontsize-default);
52
+ color: var(--primary-text-color);
53
+ }
85
54
 
86
- .header .textbtn {
87
- background-color: var(--button-primary-background-color);
88
- border: 0;
89
- border-radius: 2px;
55
+ .filter {
56
+ display: flex;
57
+ flex-direction: row;
90
58
 
91
- color: var(--button-primary-color);
92
- font-size: var(--fontsize-default);
93
- }
59
+ align-items: center;
60
+ gap: var(--gap-intra-filter, 4px);
61
+ }
94
62
 
95
- .header .textbtn:hover {
96
- background-color: var(--button-primary-active-background-color);
97
- }
63
+ .filters:empty {
64
+ display: none;
65
+ }
98
66
 
99
- .header .iconbtn {
100
- --mdc-icon-size: 20px;
101
- background-color: var(--theme-white-color);
102
- border: 1px solid rgba(var(--primary-color-rgb), 0.5);
103
- padding: 1px;
104
- color: var(--primary-color);
105
- }
67
+ .actions {
68
+ grid-area: actions;
69
+ margin-left: auto;
70
+
71
+ display: flex;
72
+ flex-direction: row-reverse;
73
+ align-items: center;
74
+ gap: var(--gap-inter-action, 6px);
75
+
76
+ * {
77
+ cursor: pointer;
78
+ }
79
+
80
+ .textbtn {
81
+ background-color: var(--button-primary-background-color);
82
+ border: 0;
83
+ border-radius: 2px;
84
+
85
+ color: var(--button-primary-color);
86
+ font-size: var(--fontsize-default);
87
+ }
88
+
89
+ .textbtn:hover {
90
+ background-color: var(--button-primary-active-background-color);
91
+ }
92
+
93
+ .iconbtn {
94
+ --mdc-icon-size: 20px;
95
+ background-color: var(--theme-white-color);
96
+ border: 1px solid rgba(var(--primary-color-rgb), 0.5);
97
+ padding: 1px;
98
+ color: var(--primary-color);
99
+ }
100
+
101
+ .iconbtn:hover {
102
+ background-color: var(--button-primary-active-background-color);
103
+ color: var(--theme-white-color);
104
+ }
105
+ }
106
106
 
107
- .header .iconbtn:hover {
108
- background-color: var(--button-primary-active-background-color);
109
- color: var(--theme-white-color);
107
+ :empty {
108
+ padding: 0;
109
+ }
110
110
  }
111
111
 
112
112
  @media only screen and (max-width: 460px) {
@@ -114,11 +114,11 @@ export const CommonHeaderStyles = css`
114
114
  grid-template-areas:
115
115
  'title actions'
116
116
  'filters';
117
- }
118
117
 
119
- .header .filters {
120
- flex-direction: column;
121
- align-items: start;
118
+ .filters {
119
+ flex-direction: column;
120
+ align-items: start;
121
+ }
122
122
  }
123
123
  }
124
124
  `
package/stories/common-header-styles-actions.stories.ts ADDED
@@ -0,0 +1,86 @@
1
+ import '@material/mwc-icon'
2
+ import '@operato/context/ox-context-page-toolbar.js'
3
+
4
+ import { CommonHeaderStyles } from '../src/common-header-styles.js'
5
+
6
+ import { css, html, render, TemplateResult } from 'lit'
7
+
8
+ export default {
9
+ title: 'common-header-styles-actions',
10
+ component: 'div',
11
+ argTypes: {
12
+ label: { control: 'string' }
13
+ }
14
+ }
15
+
16
+ interface Story<T> {
17
+ (args: T): TemplateResult
18
+ args?: Partial<T>
19
+ argTypes?: Record<string, unknown>
20
+ }
21
+
22
+ interface ArgTypes {
23
+ label?: string
24
+ }
25
+
26
+ const Template: Story<ArgTypes> = ({ label = '' }: ArgTypes) => html`
27
+ <link href="/themes/app-theme.css" rel="stylesheet" />
28
+ <link href="/themes/form-theme.css" rel="stylesheet" />
29
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
30
+
31
+ <style>
32
+ body {
33
+ background-color: white;
34
+ }
35
+
36
+ ${CommonHeaderStyles.cssText}
37
+ </style>
38
+
39
+ <div style="height:600px;">
40
+ <div class="header">
41
+ <div class="title">
42
+ <mwc-icon>summarize</mwc-icon>
43
+ ${label}
44
+ </div>
45
+
46
+ <div class="filters">
47
+ <label>Filter</label><input type="text"></input>
48
+ </div>
49
+
50
+ <ox-context-page-toolbar class="actions" .context=${{
51
+ exportable: {
52
+ // name: i18next.t('title.data-set list'),
53
+ // data: this.exportHandler.bind(this)
54
+ },
55
+ importable: {
56
+ // handler: this.importHandler.bind(this)
57
+ },
58
+ actions: [
59
+ {
60
+ title: 'save',
61
+ // action: this._updateDataSet.bind(this),
62
+ icon: 'save'
63
+ },
64
+ {
65
+ title: 'copy',
66
+ // action: this._copyDataSet.bind(this),
67
+ icon: 'content_copy'
68
+ },
69
+ {
70
+ title: 'delete',
71
+ // action: this._deleteDataSet.bind(this),
72
+ icon: 'delete'
73
+ }
74
+ ],
75
+ toolbar: false
76
+ }}
77
+
78
+ }> </ox-context-page-toolbar>
79
+ </div>
80
+ </div>
81
+ `
82
+
83
+ export const Regular = Template.bind({})
84
+ Regular.args = {
85
+ label: 'common header styles'
86
+ }
package/stories/common-header-styles-pure.stories.ts ADDED
@@ -0,0 +1,60 @@
1
+ import '@material/mwc-icon'
2
+ import { CommonHeaderStyles } from '../src/common-header-styles.js'
3
+
4
+ import { css, html, render, TemplateResult } from 'lit'
5
+
6
+ export default {
7
+ title: 'common-header-styles-pure',
8
+ component: 'div',
9
+ argTypes: {
10
+ label: { control: 'string' }
11
+ }
12
+ }
13
+
14
+ interface Story<T> {
15
+ (args: T): TemplateResult
16
+ args?: Partial<T>
17
+ argTypes?: Record<string, unknown>
18
+ }
19
+
20
+ interface ArgTypes {
21
+ label?: string
22
+ }
23
+
24
+ const Template: Story<ArgTypes> = ({ label = '' }: ArgTypes) => html`
25
+ <link href="/themes/app-theme.css" rel="stylesheet" />
26
+ <link href="/themes/form-theme.css" rel="stylesheet" />
27
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
28
+
29
+ <style>
30
+ body {
31
+ background-color: white;
32
+ }
33
+
34
+ ${CommonHeaderStyles.cssText}
35
+ </style>
36
+
37
+ <div style="height:600px;">
38
+ <div class="header">
39
+ <div class="title">
40
+ <mwc-icon>summarize</mwc-icon>
41
+ ${label}
42
+ </div>
43
+
44
+ <div class="filters">
45
+ <label>Filter</label><input type="text"></input>
46
+ </div>
47
+
48
+ <div class="actions">
49
+ <div class="textbtn">Action</div>
50
+ <div class="iconbtn"><mwc-icon class="iconbtn">save</mwc-icon></div>
51
+ <div class="iconbtn"><mwc-icon class="iconbtn">delete</mwc-icon></div>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ `
56
+
57
+ export const Regular = Template.bind({})
58
+ Regular.args = {
59
+ label: 'common header styles'
60
+ }
package/themes/app-theme.css ADDED
@@ -0,0 +1,145 @@
1
+ body {
2
+ /* theme color */
3
+ --primary-color-rgb: 130, 105, 96;
4
+ --primary-color: rgb(var(--primary-color-rgb));
5
+ --secondary-color-rgb: 78, 78, 90;
6
+ --secondary-color: rgb(var(--secondary-color-rgb));
7
+ --focus-color: var(--theme-white-color);
8
+ --primary-background-color: var(--secondary-color);
9
+ --secondary-background-color: #283644;
10
+ --main-section-background-color: #f5f2ee;
11
+ --theme-white-color: #fff;
12
+ --theme-black-color: rgba(0, 0, 0, 0.9);
13
+
14
+ --focus-background-color: var(--primary-color);
15
+ --primary-text-color: #3c3938;
16
+ --secondary-text-color: var(--primary-color);
17
+
18
+ --opacity-dark-color: rgba(0, 0, 0, 0.4);
19
+ --opacity-light-color: rgba(255, 255, 255, 0.8);
20
+
21
+ /* status color */
22
+ --status-success-color: #35a24a;
23
+ --status-warning-color: #ee8d03;
24
+ --status-danger-color: #d14946;
25
+ --status-info-color: #398ace;
26
+
27
+ /* common style */
28
+ --border-radius: 4px;
29
+ --border-dark-color: 1px solid rgba(0, 0, 0, 0.15);
30
+ --border-light-color: 1px solid rgba(255, 255, 255, 0.3);
31
+
32
+ --box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
33
+
34
+ --theme-font: 'Noto', Helvetica;
35
+
36
+ --margin-default: 9px;
37
+ --margin-narrow: 4px;
38
+ --margin-wide: 15px;
39
+ --padding-default: var(--margin-default);
40
+ --padding-narrow: var(--margin-narrow);
41
+ --padding-wide: var(--margin-wide);
42
+
43
+ --scrollbar-thumb-color: rgba(57, 78, 100, 0.5);
44
+ --scrollbar-thumb-hover-color: var(--primary-color);
45
+
46
+ --fontsize-default: 14px;
47
+ --fontsize-small: 13px;
48
+ --fontsize-large: 16px;
49
+
50
+ /* app layout style */
51
+ --app-grid-template-area: 'header header header' 'nav main aside' 'nav footer aside';
52
+
53
+ /* title & description style */
54
+ --title-margin: var(--margin-narrow) 0;
55
+ --title-font: bold 24px var(--theme-font);
56
+ --title-text-color: var(--secondary-color);
57
+ --title-font-mobile: bold 20px var(--theme-font);
58
+
59
+ --page-description-margin: var(--margin-narrow) 0 var(--margin-wide) 0;
60
+ --page-description-font: normal var(--fontsize-default) / 1.2rem var(--theme-font);
61
+ --page-description-color: var(--secondary-text-color);
62
+
63
+ --subtitle-padding: 12px 5px 3px 5px;
64
+ --subtitle-font: bold 18px var(--theme-font);
65
+ --subtitle-text-color: var(--primary-color);
66
+ --subtitle-border-bottom: 1px solid var(--primary-color);
67
+
68
+ /* icon style */
69
+ --icon-tiny-size: 24px;
70
+ --icon-default-size: 36px;
71
+ --icon-big-size: 48px;
72
+ --icon-default-color: var(--theme-white-color);
73
+
74
+ /* material design component themes */
75
+ --mdc-theme-on-primary: var(--theme-white-color);
76
+ --mdc-theme-primary: var(--secondary-text-color);
77
+ --mdc-theme-on-secondary: var(--theme-white-color);
78
+ --mdc-theme-secondary: var(--primary-color);
79
+ --mdc-button-outline-color: var(--primary-color);
80
+ --mdc-danger-button-primary-color: var(--status-danger-color);
81
+ --mdc-danger-button-outline-color: var(--status-danger-color);
82
+ --mdc-button-outline-width: 1px;
83
+ --mdc-button-horizontal-padding: 16px;
84
+
85
+ /* button style */
86
+ --button-background-color: #fafbfc;
87
+ --button-background-focus-color: var(--primary-color);
88
+ --button-border: var(--border-dark-color);
89
+ --button-border-radius: var(--border-radius);
90
+ --button-margin: var(--margin-default) var(--margin-default) var(--margin-default) 0;
91
+ --button-padding: var(--padding-default);
92
+ --button-color: var(--secondary-color);
93
+ --button-font: normal 15px var(--theme-font);
94
+ --button-text-transform: capitalize;
95
+ --button-active-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
96
+ --button-activ-border: 1px solid var(--primary-color);
97
+
98
+ --button-primary-background-color: var(--primary-color);
99
+ --button-primary-active-background-color: var(--status-success-color);
100
+ --button-primary-padding: var(--margin-default) var(--margin-wide);
101
+ --button-primary-color: var(--theme-white-color);
102
+ --button-primary-font: bold 16px var(--theme-font);
103
+
104
+ /* table style */
105
+ --th-padding: var(--padding-default);
106
+ --th-border-top: 2px solid var(--secondary-color);
107
+ --th-text-transform: capitalize;
108
+ --th-font: bold var(--fontsize-small) var(--theme-font);
109
+ --th-color: rgba(var(--secondary-color-rgb), 0.8);
110
+
111
+ --tr-background-color: var(--theme-white-color);
112
+ --tr-background-odd-color: rgba(255, 255, 255, 0.4);
113
+ --tr-background-hover-color: #e1f5fe;
114
+ --td-border-line: 1px solid rgba(0, 0, 0, 0.05);
115
+ --td-border-bottom: 1px solid rgba(0, 0, 0, 0.09);
116
+ --td-padding: var(--padding-default);
117
+ --td-font: normal 13px var(--theme-font);
118
+ --td-color: var(--secondary-color);
119
+
120
+ --label-cell-background-color: #f6f6f6; /* th or td common background color */
121
+
122
+ /* form style */
123
+ --label-font: normal var(--fontsize-default) var(--theme-font);
124
+ --label-color: var(--secondary-color);
125
+ --label-text-transform: capitalize;
126
+ --input-margin: var(--margin-narrow) 0;
127
+ --input-padding: var(--padding-default);
128
+ --input-min-width: 200px;
129
+ --input-font: normal var(--fontsize-default) var(--theme-font);
130
+ --input-hint-font: normal var(--fontsize-small) var(--theme-font);
131
+ --input-hint-color: #666;
132
+ --input-container-max-width: 900px;
133
+ --fieldset-margin: var(--padding-wide) 0;
134
+ --fieldset-padding: 0 var(--padding-wide) var(--padding-wide) var(--padding-wide);
135
+ --legend-padding: var(--padding-default) 0;
136
+ --legend-color: var(--secondary-text-color);
137
+ --legend-font: bold 16px var(--theme-font);
138
+ }
139
+
140
+ @media only screen and (max-width: 460px) {
141
+ body {
142
+ /* subtitle style */
143
+ --subtitle-margin: 0;
144
+ }
145
+ }
package/themes/form-theme.css ADDED
@@ -0,0 +1,75 @@
1
+ body {
2
+ --form-border: none;
3
+ --form-margin: var(--margin-wide);
4
+ --form-max-width: 700px;
5
+ --form-multi-column-max-width: 100%;
6
+ --form-sublabel-font: normal 13px var(--theme-font);
7
+ --form-sublabel-color: var(--secondary-color);
8
+ --form-grid-gap: 12px 5px;
9
+
10
+ --legend-padding: var(--padding-default) 0;
11
+ --legend-font: bold 16px var(--theme-font);
12
+ --legend-text-color: var(--secondary-text-color);
13
+ --legend-border-bottom: 1px solid var(--primary-color);
14
+
15
+ --label-padding: 3px 0;
16
+ --label-font: normal 14px var(--theme-font);
17
+ --label-color: var(--secondary-color);
18
+
19
+ --input-field-border: 1px solid rgba(0, 0, 0, 0.2);
20
+ --input-field-border-radius: var(--border-radius);
21
+ --input-field-padding: 2px 9px;
22
+ --input-field-font: normal 14px var(--theme-font);
23
+
24
+ --search-panel-background-color: rgba(0, 0, 0, 0.1);
25
+ --search-panel-search-iconbutton-size: var(--icon-default-size);
26
+ --search-form-icon-color: var(--primary-color);
27
+ --search-form-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15);
28
+ --search-form-box-padding: 15px 30px 15px 15px;
29
+ --search-form-background-color: #fff;
30
+ --search-form-narrow-background-color: var(--primary-color);
31
+ --search-form-narrow-text-color: #fff;
32
+
33
+ --file-uploader-border: 1px solid rgba(0, 0, 0, 0.1);
34
+ --file-uploader-background-color: var(--main-section-background-color);
35
+ --file-uploader-font: normal 12px/20px var(--theme-font);
36
+ --file-uploader-color: var(--secondary-color);
37
+ --file-uploader-icon-color: var(--primary-color);
38
+ --file-uploader-candrop-background-color: #fffde9;
39
+ --file-uploader-label-padding: 3px 20px;
40
+ --file-uploader-label-border-radius: var(--border-radius);
41
+ --file-uploader-label-background-color: var(--secondary-color);
42
+ --file-uploader-label-font: normal 12px var(--theme-font);
43
+ --file-uploader-label-color: #fff;
44
+ --file-uploader-li-padding: 2px 5px 0px 5px;
45
+ --file-uploader-li-border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
46
+ --file-uploader-li-icon-margin: 2px 0 2px 5px;
47
+ --file-uploader-li-icon-font: normal 15px var(--mdc-icon-font, 'Material Icons');
48
+ --file-uploader-li-icon-focus-color: var(--primary-color);
49
+ }
50
+
51
+ @media screen and (max-width: 480px) {
52
+ body {
53
+ --label-font: normal 15px var(--theme-font);
54
+ }
55
+ }
56
+
57
+ @media (min-width: 481px) and (max-width: 1024px) {
58
+ body {
59
+ --form-margin: 15px 0;
60
+ --form-multi-column-max-width: 100%;
61
+ --form-container-padding: 0 9px 12px 9px;
62
+ --label-font: normal 14px var(--theme-font);
63
+ --input-field-font: normal 15px var(--theme-font);
64
+ --input-field-padding: 3px 5px;
65
+ }
66
+ }
67
+
68
+ @media only screen and (max-width: 925px) {
69
+ body {
70
+ --form-margin: 14px 0;
71
+ --form-multi-column-max-width: 100%;
72
+ --form-container-padding: 0 9px 12px 9px;
73
+ --input-field-padding: 3px 5px;
74
+ }
75
+ }