@web-atoms/web-controls 2.3.108 → 2.3.109
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/basic/CheckBoxList.d.ts +1 -0
- package/dist/basic/CheckBoxList.d.ts.map +1 -1
- package/dist/basic/CheckBoxList.js +3 -16
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.d.ts +1 -0
- package/dist/basic/Checkbox.d.ts.map +1 -1
- package/dist/basic/Checkbox.js +5 -11
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.d.ts +1 -0
- package/dist/basic/Chip.d.ts.map +1 -1
- package/dist/basic/Chip.js +4 -12
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/DataGrid.d.ts +1 -0
- package/dist/basic/DataGrid.d.ts.map +1 -1
- package/dist/basic/DataGrid.js +3 -10
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.d.ts +1 -0
- package/dist/basic/DateField.d.ts.map +1 -1
- package/dist/basic/DateField.js +3 -14
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.d.ts +1 -0
- package/dist/basic/DropDown.d.ts.map +1 -1
- package/dist/basic/DropDown.js +3 -11
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Expander.d.ts +1 -0
- package/dist/basic/Expander.d.ts.map +1 -1
- package/dist/basic/Expander.js +3 -9
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/styles/check-box-list-style.d.ts +2 -0
- package/dist/basic/styles/check-box-list-style.d.ts.map +1 -0
- package/dist/basic/styles/check-box-list-style.js +66 -0
- package/dist/basic/styles/check-box-list-style.js.map +1 -0
- package/dist/basic/styles/checkbox-style.d.ts +2 -0
- package/dist/basic/styles/checkbox-style.d.ts.map +1 -0
- package/dist/basic/styles/checkbox-style.js +33 -0
- package/dist/basic/styles/checkbox-style.js.map +1 -0
- package/dist/basic/styles/chip-style.d.ts +2 -0
- package/dist/basic/styles/chip-style.d.ts.map +1 -0
- package/dist/basic/styles/chip-style.js +84 -0
- package/dist/basic/styles/chip-style.js.map +1 -0
- package/dist/basic/styles/data-grid-style.d.ts +2 -0
- package/dist/basic/styles/data-grid-style.d.ts.map +1 -0
- package/dist/basic/styles/data-grid-style.js +46 -0
- package/dist/basic/styles/data-grid-style.js.map +1 -0
- package/dist/basic/styles/date-field-style.d.ts +2 -0
- package/dist/basic/styles/date-field-style.d.ts.map +1 -0
- package/dist/basic/styles/date-field-style.js +80 -0
- package/dist/basic/styles/date-field-style.js.map +1 -0
- package/dist/basic/styles/drop-down-style.d.ts +2 -0
- package/dist/basic/styles/drop-down-style.d.ts.map +1 -0
- package/dist/basic/styles/drop-down-style.js +24 -0
- package/dist/basic/styles/drop-down-style.js.map +1 -0
- package/dist/basic/styles/expander-style.d.ts +2 -0
- package/dist/basic/styles/expander-style.d.ts.map +1 -0
- package/dist/basic/styles/expander-style.js +138 -0
- package/dist/basic/styles/expander-style.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/basic/CheckBoxList.tsx +22 -20
- package/src/basic/Checkbox.tsx +2 -26
- package/src/basic/Chip.tsx +2 -61
- package/src/basic/DataGrid.tsx +32 -30
- package/src/basic/DateField.tsx +1 -54
- package/src/basic/DropDown.tsx +1 -6
- package/src/basic/Expander.tsx +2 -115
- package/src/basic/styles/check-box-list-style.ts +58 -0
- package/src/basic/styles/checkbox-style.ts +22 -0
- package/src/basic/styles/chip-style.ts +73 -0
- package/src/basic/styles/data-grid-style.ts +35 -0
- package/src/basic/styles/date-field-style.ts +69 -0
- package/src/basic/styles/drop-down-style.ts +13 -0
- package/src/basic/styles/expander-style.ts +128 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Expander","_a","header","detail","icon","isExpanded","a","__rest","Error","ha","_b","attributes","da","_c","iconElement","Array","isArray","map","i","XNode","create","class","Object","assign","ExpanderMenu","details","length","iterator","ia","toString","_export","default","setters","_tslib","_webAtomsCoreDistCoreXNode","
|
|
1
|
+
{"version":3,"names":["Expander","_a","header","detail","icon","isExpanded","a","__rest","Error","ha","_b","attributes","da","_c","iconElement","Array","isArray","map","i","XNode","create","class","Object","assign","ExpanderMenu","details","length","iterator","ia","toString","_export","default","setters","_tslib","_webAtomsCoreDistCoreXNode","_stylesExpanderStyle","execute","document","body","addEventListener","e","defaultPrevented","start","target","test","dataset","element","parentElement","isExpander","ds","preventDefault","stopImmediatePropagation","dispatchEvent","CustomEvent","bubbles","cancelable","capture","ce"],"sources":["../../src/basic/Expander.tsx"],"sourcesContent":[null],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"check-box-list-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/check-box-list-style.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var styled;
|
|
5
|
+
return {
|
|
6
|
+
setters: [function (_webAtomsCoreDistStyleStyled) {
|
|
7
|
+
styled = _webAtomsCoreDistStyleStyled.default;
|
|
8
|
+
}],
|
|
9
|
+
execute: function () {
|
|
10
|
+
styled.css`
|
|
11
|
+
|
|
12
|
+
display: inline-flex;
|
|
13
|
+
flex-direction: row;
|
|
14
|
+
align-items: center;
|
|
15
|
+
justify-content: flex-start;
|
|
16
|
+
gap: 4px;
|
|
17
|
+
flex-flow: wrap;
|
|
18
|
+
|
|
19
|
+
`.installGlobal("div[data-checkbox-list=checkbox-list]");
|
|
20
|
+
styled.css`
|
|
21
|
+
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: row;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: flex-start;
|
|
26
|
+
gap: 4px;
|
|
27
|
+
|
|
28
|
+
margin-right: 5px;
|
|
29
|
+
|
|
30
|
+
& > span {
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&[data-selected-item=true] {
|
|
35
|
+
color: blue;
|
|
36
|
+
|
|
37
|
+
&[data-deleted=none] > i.far {
|
|
38
|
+
display: none;
|
|
39
|
+
}
|
|
40
|
+
&[data-deleted=true] > i.fas {
|
|
41
|
+
display: none;
|
|
42
|
+
}
|
|
43
|
+
&[data-deleted=false] > i.far {
|
|
44
|
+
display: none;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&[data-selected-item=false] {
|
|
49
|
+
&[data-deleted=none] > i.fas {
|
|
50
|
+
display: none;
|
|
51
|
+
}
|
|
52
|
+
&[data-deleted=false] > i.fas {
|
|
53
|
+
display: none;
|
|
54
|
+
}
|
|
55
|
+
&[data-deleted=true] > i.fas {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
`.installGlobal("div[data-item-type=checkbox]");
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
});
|
|
66
|
+
//# sourceMappingURL=check-box-list-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/check-box-list-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAGTH,MAAM,CAACI,GAAI;;;;;;;;;KASV,CAACC,aAAa,CAAC,uCAAuC,CAAC;MAExDL,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0CV,CAACC,aAAa,CAAC,8BAA8B,CAAC;IAAC;EAAA;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/checkbox-style.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var styled;
|
|
5
|
+
return {
|
|
6
|
+
setters: [function (_webAtomsCoreDistStyleStyled) {
|
|
7
|
+
styled = _webAtomsCoreDistStyleStyled.default;
|
|
8
|
+
}],
|
|
9
|
+
execute: function () {
|
|
10
|
+
styled.css`
|
|
11
|
+
display: inline-block;
|
|
12
|
+
& > label {
|
|
13
|
+
display: flex;
|
|
14
|
+
padding-left: 5px;
|
|
15
|
+
padding-right: 5px;
|
|
16
|
+
& > input[type=checkbox] {
|
|
17
|
+
border-radius: 3px;
|
|
18
|
+
margin: 0;
|
|
19
|
+
padding: 0;
|
|
20
|
+
align-self: center;
|
|
21
|
+
}
|
|
22
|
+
& > span {
|
|
23
|
+
align-self: center;
|
|
24
|
+
white-space: nowrap;
|
|
25
|
+
margin-left: 5px;
|
|
26
|
+
flex: 1 1 100%;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
`.installGlobal("[data-check-box=check-box]");
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=checkbox-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/checkbox-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;KAmBV,CAACC,aAAa,CAAC,4BAA4B,CAAC;IAAC;EAAA;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/chip-style.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var styled;
|
|
5
|
+
return {
|
|
6
|
+
setters: [function (_webAtomsCoreDistStyleStyled) {
|
|
7
|
+
styled = _webAtomsCoreDistStyleStyled.default;
|
|
8
|
+
}],
|
|
9
|
+
execute: function () {
|
|
10
|
+
styled.css`
|
|
11
|
+
padding: 1px;
|
|
12
|
+
padding-left: 5px;
|
|
13
|
+
padding-right: 5px;
|
|
14
|
+
border-radius: 10px;
|
|
15
|
+
display: grid;
|
|
16
|
+
align-items: center;
|
|
17
|
+
grid-template-rows: auto 1fr;
|
|
18
|
+
grid-template-columns: auto 1fr auto;
|
|
19
|
+
|
|
20
|
+
& > [data-content] {
|
|
21
|
+
grid-row-start: 2;
|
|
22
|
+
grid-column-start: 2;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
& > .icon {
|
|
26
|
+
grid-column-start: 1;
|
|
27
|
+
grid-row-start: 1;
|
|
28
|
+
grid-row-end: span 2;
|
|
29
|
+
padding: 2px;
|
|
30
|
+
padding-right: 4px;
|
|
31
|
+
align-self: center;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
& > .delete {
|
|
35
|
+
grid-column-start: 3;
|
|
36
|
+
grid-row-start: 1;
|
|
37
|
+
grid-row-end: span 2;
|
|
38
|
+
align-self: center;
|
|
39
|
+
font-size: small;
|
|
40
|
+
background-color: transparent;
|
|
41
|
+
border-radius: 4px;
|
|
42
|
+
padding: 2px;
|
|
43
|
+
padding-left: 4px;
|
|
44
|
+
color: gray;
|
|
45
|
+
&:hover {
|
|
46
|
+
background-color: lightgray;
|
|
47
|
+
color: red;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
& > .header {
|
|
52
|
+
font-size: x-small;
|
|
53
|
+
grid-row-start: 1;
|
|
54
|
+
grid-column-start: 2;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
& > .label {
|
|
58
|
+
grid-row-start: 2;
|
|
59
|
+
grid-column-start: 2;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
& > .delete-strike {
|
|
63
|
+
grid-row: 1 / span 2;
|
|
64
|
+
grid-column: 1 / span 2;
|
|
65
|
+
height: 2px;
|
|
66
|
+
background-color: red;
|
|
67
|
+
align-self: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&[data-deleted=false] {
|
|
71
|
+
& > .delete-strike {
|
|
72
|
+
display: none;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&[data-deleted=true] {
|
|
77
|
+
border: solid 1px red;
|
|
78
|
+
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>");
|
|
79
|
+
}
|
|
80
|
+
`.installGlobal("*[data-item-chip]");
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
});
|
|
84
|
+
//# sourceMappingURL=chip-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/chip-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEd,CAACC,aAAa,CAAC,mBAAmB,CAAC;IAAC;EAAA;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-grid-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/data-grid-style.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var styled;
|
|
5
|
+
return {
|
|
6
|
+
setters: [function (_webAtomsCoreDistStyleStyled) {
|
|
7
|
+
styled = _webAtomsCoreDistStyleStyled.default;
|
|
8
|
+
}],
|
|
9
|
+
execute: function () {
|
|
10
|
+
styled.css`
|
|
11
|
+
& > thead {
|
|
12
|
+
& > tr[data-header=header] {
|
|
13
|
+
& > th {
|
|
14
|
+
& > i[data-sort] {
|
|
15
|
+
margin-right: 5px;
|
|
16
|
+
margin-left: 3px;
|
|
17
|
+
opacity: 0.5;
|
|
18
|
+
}
|
|
19
|
+
& > input[type=checkbox] {
|
|
20
|
+
margin: 5px;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
& > tbody {
|
|
27
|
+
& > tr[data-item-index] {
|
|
28
|
+
&:hover {
|
|
29
|
+
background-color: rgba(135,206,250,0.3);
|
|
30
|
+
}
|
|
31
|
+
&[data-selected-item=true] {
|
|
32
|
+
background-color: rgba(211,211,211,0.4);
|
|
33
|
+
}
|
|
34
|
+
& > td[data-ellipsis] {
|
|
35
|
+
max-width: 200px;
|
|
36
|
+
overflow: hidden;
|
|
37
|
+
text-overflow: ellipsis;
|
|
38
|
+
white-space: nowrap;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
`.installGlobal("table[data-data-grid=data-grid]");
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=data-grid-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/data-grid-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCV,CAACC,aAAa,CAAC,iCAAiC,CAAC;IAAC;EAAA;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-field-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/date-field-style.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var styled;
|
|
5
|
+
return {
|
|
6
|
+
setters: [function (_webAtomsCoreDistStyleStyled) {
|
|
7
|
+
styled = _webAtomsCoreDistStyleStyled.default;
|
|
8
|
+
}],
|
|
9
|
+
execute: function () {
|
|
10
|
+
styled.css`
|
|
11
|
+
|
|
12
|
+
display: inline-block;
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
text-align: left;
|
|
15
|
+
|
|
16
|
+
&:hover {
|
|
17
|
+
text-decoration: underline;
|
|
18
|
+
color: #0000ff;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
& .calendar-popup {
|
|
22
|
+
display: grid;
|
|
23
|
+
grid-template-columns: 1fr auto;
|
|
24
|
+
grid-template-rows: 1fr auto auto;
|
|
25
|
+
gap: 7px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
& .calendar-popup > [data-calendar] {
|
|
29
|
+
grid-row: 1;
|
|
30
|
+
grid-column: 1 / span 2;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
& .calendar-popup > .time-editor {
|
|
34
|
+
padding-left: 5px;
|
|
35
|
+
grid-row: 2;
|
|
36
|
+
flex-direction: row;
|
|
37
|
+
align-items: center;
|
|
38
|
+
justify-content: start;
|
|
39
|
+
gap: 4px;
|
|
40
|
+
display: flex;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
& .calendar-popup > .time-editor [data-item-index] {
|
|
44
|
+
padding-top: 0px;
|
|
45
|
+
padding-bottom: 0px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
& .calendar-popup > .time-editor select {
|
|
49
|
+
border: none;
|
|
50
|
+
outline: none;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
& .calendar-popup > .clear {
|
|
54
|
+
grid-column: 1;
|
|
55
|
+
grid-row: 3;
|
|
56
|
+
justify-self: start;
|
|
57
|
+
border: none;
|
|
58
|
+
outline: none;
|
|
59
|
+
background-color: transparent;
|
|
60
|
+
color: var(--accent-color, blue);
|
|
61
|
+
padding-left: 5px;
|
|
62
|
+
margin-left: 0px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
& .calendar-popup > .today {
|
|
66
|
+
grid-row: 3;
|
|
67
|
+
grid-column: 2;
|
|
68
|
+
justify-self: end;
|
|
69
|
+
border: none;
|
|
70
|
+
outline: none;
|
|
71
|
+
background-color: transparent;
|
|
72
|
+
color: var(--accent-color, blue);
|
|
73
|
+
padding-left: 5px;
|
|
74
|
+
margin-left: 0px;
|
|
75
|
+
}
|
|
76
|
+
`.installGlobal("*[data-date-field=date-field]");
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
});
|
|
80
|
+
//# sourceMappingURL=date-field-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/date-field-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkEV,CAACC,aAAa,CAAC,+BAA+B,CAAC;IAAC;EAAA;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drop-down-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/drop-down-style.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var styled;
|
|
5
|
+
return {
|
|
6
|
+
setters: [function (_webAtomsCoreDistStyleStyled) {
|
|
7
|
+
styled = _webAtomsCoreDistStyleStyled.default;
|
|
8
|
+
}],
|
|
9
|
+
execute: function () {
|
|
10
|
+
styled.css`
|
|
11
|
+
display: inline-flex;
|
|
12
|
+
flex-direction: row;
|
|
13
|
+
gap: 4px;
|
|
14
|
+
align-items: center;
|
|
15
|
+
justify-content: stretch;
|
|
16
|
+
|
|
17
|
+
& [data-white-space=nowrap] {
|
|
18
|
+
white-space: nowrap;
|
|
19
|
+
}
|
|
20
|
+
`.installLocal("div[data-drop-down=drop-down]");
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=drop-down-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installLocal"],"sources":["../../../src/basic/styles/drop-down-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;KAUV,CAACC,YAAY,CAAC,+BAA+B,CAAC;IAAC;EAAA;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expander-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/expander-style.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var styled;
|
|
5
|
+
return {
|
|
6
|
+
setters: [function (_webAtomsCoreDistStyleStyled) {
|
|
7
|
+
styled = _webAtomsCoreDistStyleStyled.default;
|
|
8
|
+
}],
|
|
9
|
+
execute: function () {
|
|
10
|
+
styled.css`
|
|
11
|
+
|
|
12
|
+
display: grid;
|
|
13
|
+
grid-template-rows: auto 1fr;
|
|
14
|
+
grid-template-columns: auto 1fr auto;
|
|
15
|
+
align-items: center;
|
|
16
|
+
|
|
17
|
+
& > [data-element=icon] {
|
|
18
|
+
grid-column-start: 1;
|
|
19
|
+
grid-row-start: 1;
|
|
20
|
+
padding: 5px;
|
|
21
|
+
margin-right: 5px;
|
|
22
|
+
align-self: center;
|
|
23
|
+
justify-self: center; }
|
|
24
|
+
|
|
25
|
+
& > [data-element=header] {
|
|
26
|
+
grid-row-start: 1;
|
|
27
|
+
grid-column-start: 2; }
|
|
28
|
+
|
|
29
|
+
& > [data-element=caret] {
|
|
30
|
+
grid-row-start: 1;
|
|
31
|
+
grid-column-start: 3;
|
|
32
|
+
padding: 5px;
|
|
33
|
+
margin-left: 5px; }
|
|
34
|
+
|
|
35
|
+
& > [data-element=detail] {
|
|
36
|
+
grid-row-start: 2;
|
|
37
|
+
grid-column-start: 1;
|
|
38
|
+
grid-column-end: span 3;
|
|
39
|
+
margin-top: 5px; }
|
|
40
|
+
|
|
41
|
+
&[data-is-expanded=true] {
|
|
42
|
+
& > [data-element=caret] {
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
transform: rotate(-180deg);
|
|
45
|
+
transition: transform 150ms ease;
|
|
46
|
+
transform-origin: center center;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&[data-is-expanded=false] {
|
|
51
|
+
& > [data-element=caret] {
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
transform: rotate(-360deg);
|
|
54
|
+
transform-origin: center center;
|
|
55
|
+
transition: transform 150ms ease;
|
|
56
|
+
}
|
|
57
|
+
& > *[data-element=detail] {
|
|
58
|
+
display: none;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
`.installGlobal("*[data-is-expander=expander]");
|
|
62
|
+
styled.css`
|
|
63
|
+
|
|
64
|
+
display: grid;
|
|
65
|
+
grid-template-columns: auto auto 1fr auto;
|
|
66
|
+
align-items: center;
|
|
67
|
+
gap: 0px;
|
|
68
|
+
|
|
69
|
+
& > [data-element=icon] {
|
|
70
|
+
grid-column-start: 1;
|
|
71
|
+
grid-column-end: span 2;
|
|
72
|
+
grid-row-start: 1;
|
|
73
|
+
padding: 5px;
|
|
74
|
+
align-self: center;
|
|
75
|
+
justify-self: center;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
& > [data-element=header] {
|
|
79
|
+
grid-row-start: 1;
|
|
80
|
+
grid-column-start: 3;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
& > [data-element=caret] {
|
|
84
|
+
grid-row-start: 1;
|
|
85
|
+
grid-column-start: 4;
|
|
86
|
+
padding: 5px;
|
|
87
|
+
margin-left: 5px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
& > [data-element=detail] {
|
|
91
|
+
grid-row-start: 2;
|
|
92
|
+
grid-column-start: 2;
|
|
93
|
+
grid-column-end: span 3;
|
|
94
|
+
padding-left: 20px;
|
|
95
|
+
padding-top: 5px;
|
|
96
|
+
border-left-style: solid;
|
|
97
|
+
border-left-width: 1px;
|
|
98
|
+
border-left-color: var(--border-color, lightgray);
|
|
99
|
+
border-top-left-radius: 0px;
|
|
100
|
+
border-bottom-left-radius: 0px;
|
|
101
|
+
border-bottom-width: 0px;
|
|
102
|
+
border-top-width: 0px;
|
|
103
|
+
margin-top: 0px;
|
|
104
|
+
margin-bottom: 0px;
|
|
105
|
+
|
|
106
|
+
&[data-selected=true] {
|
|
107
|
+
font-weight: bold;
|
|
108
|
+
border-left-color: var(--accent-color, darkgray);
|
|
109
|
+
border-left-width: medium;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
&[data-is-expanded=true] {
|
|
114
|
+
& > [data-element=caret] {
|
|
115
|
+
overflow: hidden;
|
|
116
|
+
transform: rotate(-180deg);
|
|
117
|
+
transition: transform 150ms ease;
|
|
118
|
+
transform-origin: center center;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&[data-is-expanded=false] {
|
|
123
|
+
& > [data-element=caret] {
|
|
124
|
+
overflow: hidden;
|
|
125
|
+
transform: rotate(-360deg);
|
|
126
|
+
transform-origin: center center;
|
|
127
|
+
transition: transform 150ms ease;
|
|
128
|
+
}
|
|
129
|
+
& > *[data-element=detail] {
|
|
130
|
+
display: none;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
`.installGlobal("*[data-is-expander=menu]");
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
});
|
|
138
|
+
//# sourceMappingURL=expander-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/expander-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDV,CAACC,aAAa,CAAC,8BAA8B,CAAC;MAE/CL,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEV,CAACC,aAAa,CAAC,0BAA0B,CAAC;IAAA;EAAA;AAAA"}
|