@pushengineering/umg-web-components 3.0.28 → 3.1.0
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/components/accordion/accordion.d.ts +1 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.js +19 -10
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/accordion-group/accordion-group.js.map +1 -1
- package/dist/components/disclosure/disclosure.d.ts +8 -9
- package/dist/components/disclosure/disclosure.d.ts.map +1 -1
- package/dist/components/disclosure/disclosure.js +71 -78
- package/dist/components/disclosure/disclosure.js.map +1 -1
- package/dist/components/header-drawer/header-drawer.d.ts +1 -6
- package/dist/components/header-drawer/header-drawer.d.ts.map +1 -1
- package/dist/components/header-drawer/header-drawer.js +1 -1
- package/dist/components/header-drawer/header-drawer.js.map +1 -1
- package/dist/components/icon/icon.d.ts +1 -0
- package/dist/components/icon/icon.d.ts.map +1 -1
- package/dist/components/icon/icon.js +17 -1
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/icon/icons.svg.js +1 -1
- package/dist/components/icon/icons.svg.js.map +1 -1
- package/dist/components/media-modal/styles/content.d.ts.map +1 -1
- package/dist/components/media-modal/styles/content.js +3 -1
- package/dist/components/media-modal/styles/content.js.map +1 -1
- package/dist/components/menu/menu.d.ts +1 -0
- package/dist/components/menu/menu.d.ts.map +1 -1
- package/dist/components/menu/menu.js +37 -25
- package/dist/components/menu/menu.js.map +1 -1
- package/dist/components/number-field/number-field.js +1 -1
- package/dist/components/overlay/overlay.d.ts +3 -3
- package/dist/components/overlay/overlay.d.ts.map +1 -1
- package/dist/components/overlay/overlay.js +14 -15
- package/dist/components/overlay/overlay.js.map +1 -1
- package/dist/components/select/select.js +2 -2
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/text-field/text-field.js +1 -1
- package/dist/docs/accordion/accordion.stories.d.ts.map +1 -1
- package/dist/docs/icon/icon.stories.d.ts.map +1 -1
- package/dist/docs/media-gallery/media-gallery.stories.d.ts.map +1 -1
- package/dist/styles/icon-size.d.ts.map +1 -1
- package/dist/styles/icon-size.js.map +1 -1
- package/dist/types.d.ts +7 -15
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAU3C,OAAO,cAAc,CAAA;AAIrB,qBAEa,SAAU,SAAQ,UAAU;IAErC,IAAI,SAAiB;IAGrB,aAAa,SAAS;IAGtB,YAAY,SAAU;IAGtB,IAAI,UAAQ;IAGZ,KAAK,UAAQ;IAGb,OAAO,SAAkB;IAGzB,QAAQ,EAAG,kBAAkB,CAAA;IAG7B,UAAU,EAAG,kBAAkB,CAAA;IAG/B,iBAAiB,EAAG,kBAAkB,CAAA;IAEtC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAYpC,cAAc,aAMpB;IAEM,aAAa,aAMnB;IAED,OAAO,CAAC,qBAAqB,CAK5B;IAED,OAAO,CAAC,mBAAmB;IA0B3B,cAAc;IASd,MAAM;IAiCN,MAAM,CAAC,MAAM,+
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAU3C,OAAO,cAAc,CAAA;AAIrB,qBAEa,SAAU,SAAQ,UAAU;IAErC,IAAI,SAAiB;IAGrB,QAAQ,SAAW;IAGnB,aAAa,SAAS;IAGtB,YAAY,SAAU;IAGtB,IAAI,UAAQ;IAGZ,KAAK,UAAQ;IAGb,OAAO,SAAkB;IAGzB,QAAQ,EAAG,kBAAkB,CAAA;IAG7B,UAAU,EAAG,kBAAkB,CAAA;IAG/B,iBAAiB,EAAG,kBAAkB,CAAA;IAEtC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAYpC,cAAc,aAMpB;IAEM,aAAa,aAMnB;IAED,OAAO,CAAC,qBAAqB,CAK5B;IAED,OAAO,CAAC,mBAAmB;IA0B3B,cAAc;IASd,MAAM;IAiCN,MAAM,CAAC,MAAM,+BAoJX;CACL"}
|
|
@@ -13,6 +13,7 @@ let Accordion = class Accordion extends LitElement {
|
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
|
15
15
|
this.icon = 'chevron-down';
|
|
16
|
+
this.iconSize = 'xsmall';
|
|
16
17
|
this.iconAnimation = 'flip';
|
|
17
18
|
this.iconPosition = 'right';
|
|
18
19
|
this.open = false;
|
|
@@ -34,8 +35,8 @@ let Accordion = class Accordion extends LitElement {
|
|
|
34
35
|
};
|
|
35
36
|
this._handleAccordionBlock = (e) => {
|
|
36
37
|
if (e.type === 'accordion') {
|
|
37
|
-
e.detail.eventName === '
|
|
38
|
-
e.detail.eventName === '
|
|
38
|
+
e.detail.eventName === 'closeAccordion' ? this.closeAccordion() : null;
|
|
39
|
+
e.detail.eventName === 'openAccordion' ? this.openAccordion() : null;
|
|
39
40
|
}
|
|
40
41
|
};
|
|
41
42
|
}
|
|
@@ -60,7 +61,7 @@ let Accordion = class Accordion extends LitElement {
|
|
|
60
61
|
}
|
|
61
62
|
}
|
|
62
63
|
_handleSummaryClick() {
|
|
63
|
-
const eventName = this._open ? '
|
|
64
|
+
const eventName = this._open ? 'closeAccordion' : 'openAccordion';
|
|
64
65
|
if (this._open) {
|
|
65
66
|
setTimeout(() => {
|
|
66
67
|
this._accordionDetails.classList.remove('opening');
|
|
@@ -108,7 +109,7 @@ let Accordion = class Accordion extends LitElement {
|
|
|
108
109
|
<umg-icon
|
|
109
110
|
class="accordion__icon"
|
|
110
111
|
icon="${this.icon}"
|
|
111
|
-
size="
|
|
112
|
+
size="${this.iconSize}"
|
|
112
113
|
>
|
|
113
114
|
</umg-icon>
|
|
114
115
|
</summary>
|
|
@@ -129,14 +130,10 @@ Accordion.styles = mergeStyles([
|
|
|
129
130
|
:host{
|
|
130
131
|
display: block;
|
|
131
132
|
}
|
|
132
|
-
::slotted(*[slot=
|
|
133
|
+
::slotted(*[slot=header]) {
|
|
133
134
|
flex: 0 1 auto;
|
|
134
135
|
}
|
|
135
|
-
|
|
136
|
-
transition: transform 0.2s ease;
|
|
137
|
-
--umg-color-icon-text: var(--umg-color-header-text, var(--umg-color-base-text, rgb(0,0,0)));
|
|
138
|
-
}
|
|
139
|
-
|
|
136
|
+
|
|
140
137
|
.accordion {
|
|
141
138
|
font-family: var(--umg-font-body-family);
|
|
142
139
|
overflow: hidden;
|
|
@@ -188,6 +185,15 @@ Accordion.styles = mergeStyles([
|
|
|
188
185
|
}
|
|
189
186
|
}
|
|
190
187
|
|
|
188
|
+
/** Flip icon if .accordion__summary--icon-flip */
|
|
189
|
+
.accordion__summary > * {
|
|
190
|
+
transition: transform 0.2s ease;
|
|
191
|
+
--umg-color-icon-text: var(--umg-color-header-text, var(--umg-color-base-text, rgb(0,0,0)));
|
|
192
|
+
}
|
|
193
|
+
.accordion[open] .accordion__summary--icon-flip > * {
|
|
194
|
+
transform: rotate(180deg);
|
|
195
|
+
}
|
|
196
|
+
|
|
191
197
|
/** Summary justify content */
|
|
192
198
|
.accordion__summary--justify-center {
|
|
193
199
|
justify-content: center;
|
|
@@ -270,6 +276,9 @@ Accordion.styles = mergeStyles([
|
|
|
270
276
|
__decorate([
|
|
271
277
|
property()
|
|
272
278
|
], Accordion.prototype, "icon", void 0);
|
|
279
|
+
__decorate([
|
|
280
|
+
property()
|
|
281
|
+
], Accordion.prototype, "iconSize", void 0);
|
|
273
282
|
__decorate([
|
|
274
283
|
property()
|
|
275
284
|
], Accordion.prototype, "iconAnimation", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAaA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;QAEH,IAAI,CAAA,IAAA,GAAG,cAAc,CAAA;QAGrB,IAAa,CAAA,aAAA,GAAG,MAAM,CAAA;QAGtB,IAAY,CAAA,YAAA,GAAG,OAAO,CAAA;QAGtB,IAAI,CAAA,IAAA,GAAG,KAAK,CAAA;QAGZ,IAAK,CAAA,KAAA,GAAG,KAAK,CAAA;QAGb,IAAO,CAAA,OAAA,GAAG,eAAe,CAAA;QAiClB,IAAc,CAAA,cAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;AAClB,YAAA,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;YACvC,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;AACtD,aAAC,CAAC,CAAA;AACN,SAAC,CAAA;QAEM,IAAa,CAAA,aAAA,GAAG,MAAK;AACxB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;YACjB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;YACxC,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;AACnD,aAAC,CAAC,CAAA;AACN,SAAC,CAAA;AAEO,QAAA,IAAA,CAAA,qBAAqB,GAAG,CAAC,CAAM,KAAI;AACvC,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;AACxB,gBAAA,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,
|
|
1
|
+
{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAaA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;QAEH,IAAI,CAAA,IAAA,GAAG,cAAc,CAAA;QAGrB,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAA;QAGnB,IAAa,CAAA,aAAA,GAAG,MAAM,CAAA;QAGtB,IAAY,CAAA,YAAA,GAAG,OAAO,CAAA;QAGtB,IAAI,CAAA,IAAA,GAAG,KAAK,CAAA;QAGZ,IAAK,CAAA,KAAA,GAAG,KAAK,CAAA;QAGb,IAAO,CAAA,OAAA,GAAG,eAAe,CAAA;QAiClB,IAAc,CAAA,cAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;AAClB,YAAA,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;YACvC,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;AACtD,aAAC,CAAC,CAAA;AACN,SAAC,CAAA;QAEM,IAAa,CAAA,aAAA,GAAG,MAAK;AACxB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;YACjB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;YACxC,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;AACnD,aAAC,CAAC,CAAA;AACN,SAAC,CAAA;AAEO,QAAA,IAAA,CAAA,qBAAqB,GAAG,CAAC,CAAM,KAAI;AACvC,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;AACxB,gBAAA,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAA;AACtE,gBAAA,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,CAAA;aACvE;AACL,SAAC,CAAA;KA2NJ;IAtQG,iBAAiB,GAAA;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAA;KACnE;IAED,oBAAoB,GAAA;QAChB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAA;QACnE,KAAK,CAAC,oBAAoB,EAAE,CAAA;KAC/B;AAED,IAAA,OAAO,CAAC,iBAAmC,EAAA;AACvC,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC/B,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;gBACjB,IAAI,CAAC,aAAa,EAAE,CAAA;aACvB;AAAM,iBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACnB,gBAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;gBAClB,IAAI,CAAC,cAAc,EAAE,CAAA;aACxB;SACJ;KACJ;IAyBO,mBAAmB,GAAA;AACvB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,gBAAgB,GAAG,eAAe,CAAA;AACjE,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;AACtD,aAAC,CAAC,CAAA;YACF,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAA;SACtE;aAAM;YACH,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;AACnD,aAAC,CAAC,CAAA;YACF,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAA;SACnE;AAED,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAA;AAExB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE;AAChD,YAAA,MAAM,EAAE;AACJ,gBAAA,SAAS,EAAE,SAAS;AACpB,gBAAA,MAAM,EAAE,IAAI;AACf,aAAA;AACD,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACjB,SAAA,CAAC,CAAC,CAAA;KACN;IAED,cAAc,GAAA;QACV,MAAM,OAAO,GAAQ,EAAE,CAAA;QACvB,OAAO,CAAC,2BAA2B,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAA;QAChE,OAAO,CAAC,oCAAoC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAA;QACxE,OAAO,CAAC,8BAA8B,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;AAE7D,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;AAO4B,6CAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;;;AAG1C,kCAAA,EAAA,IAAI,CAAC,KAAK,CAAA;AACjB,2BAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;;;;;AAKrB,8BAAA,EAAA,IAAI,CAAC,IAAI,CAAA;AACT,8BAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;;;;;;kCAOX,CAAC,IAAI,CAAC,KAAK,CAAA;;;;;SAKpC,CAAA;KACJ;;AAEM,SAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiJF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AAlSF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACU,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACQ,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACW,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGtB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACW,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGtB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGZ,UAAA,CAAA;AADC,IAAA,KAAK,EAAE;AACK,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACc,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGzB,UAAA,CAAA;IADC,KAAK,CAAC,SAAS,CAAC;AACY,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG7B,UAAA,CAAA;IADC,KAAK,CAAC,SAAS,CAAC;AACc,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG/B,UAAA,CAAA;IADC,KAAK,CAAC,qBAAqB,CAAC;AACS,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA7B7B,SAAS,GAAA,UAAA,CAAA;AAFrB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,CAAC;AAExB,CAAA,EAAA,SAAS,CAqSrB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-group.js","sources":["../../../src/components/accordion-group/accordion-group.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU,CAAA;AAK1C,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAA;AAIH,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,CAAQ,KAAI;AACjC,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,eAAe,EAAE;gBAE5B,MAAM,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAA;AAC7C,gBAAA,MAAM,eAAe,GAAI,CAAiB,CAAC,MAAM,CAAC,MAAM,CAAA;gBAExD,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,oBAAA,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,KAAI;wBACjC,OAAO,SAAS,KAAK,eAAe,CAAA;AACxC,qBAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,KAAI;wBAChB,
|
|
1
|
+
{"version":3,"file":"accordion-group.js","sources":["../../../src/components/accordion-group/accordion-group.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU,CAAA;AAK1C,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAA;AAIH,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,CAAQ,KAAI;AACjC,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,eAAe,EAAE;gBAE5B,MAAM,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAA;AAC7C,gBAAA,MAAM,eAAe,GAAI,CAAiB,CAAC,MAAM,CAAC,MAAM,CAAA;gBAExD,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,oBAAA,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,KAAI;wBACjC,OAAO,SAAS,KAAK,eAAe,CAAA;AACxC,qBAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,KAAI;wBAChB,SAAuB,CAAC,cAAc,EAAE,CAAA;AAC7C,qBAAC,CAAC,CAAA;iBACL;aACJ;AACL,SAAC,CAAA;QAjBG,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;KAC7D;IAkBD,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;AACgC,iDAAA,EAAA,IAAI,CAAC,aAAa,CAAA;;;SAG5D,CAAA;KACJ;EACJ;AA9BG,UAAA,CAAA;AADC,IAAA,qBAAqB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AACvB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAHb,cAAc,GAAA,UAAA,CAAA;AAF1B,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,CAAC;AAE9B,CAAA,EAAA,cAAc,CAiC1B;;;;"}
|
|
@@ -11,16 +11,15 @@ export declare class Disclosure extends LitElement {
|
|
|
11
11
|
iconAnimation: string;
|
|
12
12
|
border: boolean;
|
|
13
13
|
align: string | undefined;
|
|
14
|
-
|
|
14
|
+
open: boolean;
|
|
15
15
|
_summary: HTMLDetailsElement;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
private _handleSummaryClick;
|
|
16
|
+
_details: HTMLDetailsElement;
|
|
17
|
+
_detailsContent: HTMLDetailsElement;
|
|
18
|
+
updated(changedProperties: Map<string, any>): void;
|
|
19
|
+
private _summaryClick;
|
|
20
|
+
disclosureOpen: () => void;
|
|
21
|
+
disclosureClose: () => void;
|
|
22
|
+
getDisclosureOpenState: () => boolean;
|
|
24
23
|
summaryClasses(): any;
|
|
25
24
|
drawerClasses(): any;
|
|
26
25
|
drawerStyles(): {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/components/disclosure/disclosure.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/components/disclosure/disclosure.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAShD,qBAEa,UAAW,SAAQ,UAAU;IAGtC,SAAS,EAAE,kBAAkB,CAAS;IAGtC,sBAAsB,UAAQ;IAG9B,OAAO,UAAQ;IAGf,YAAY,SAAgB;IAG5B,YAAY,SAAgB;IAG5B,OAAO,SAAU;IAGjB,aAAa,SAAU;IAGvB,aAAa,SAAS;IAGtB,MAAM,UAAQ;IAGd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,IAAI,UAAQ;IAGZ,QAAQ,EAAG,kBAAkB,CAAA;IAG7B,QAAQ,EAAG,kBAAkB,CAAA;IAG7B,eAAe,EAAG,kBAAkB,CAAA;IAGpC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IA6B3C,OAAO,CAAC,aAAa;IAKd,cAAc,aAIpB;IAEM,eAAe,aAIrB;IAEM,sBAAsB,gBAG5B;IAED,cAAc;IAUd,aAAa;IAYb,YAAY;IA2BZ,cAAc;IAcd,MAAM;IAmCN,MAAM,CAAC,MAAM,+BAmOX;CACL"}
|
|
@@ -2,7 +2,6 @@ import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1
|
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
4
4
|
import { property } from 'lit/decorators/property.js';
|
|
5
|
-
import { state } from 'lit/decorators/state.js';
|
|
6
5
|
import { query } from 'lit/decorators/query.js';
|
|
7
6
|
import { classMap } from 'lit/directives/class-map.js';
|
|
8
7
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
@@ -23,59 +22,49 @@ let Disclosure = class Disclosure extends LitElement {
|
|
|
23
22
|
this.mobileJustify = 'start';
|
|
24
23
|
this.iconAnimation = 'flip';
|
|
25
24
|
this.border = false;
|
|
26
|
-
this.
|
|
27
|
-
this.
|
|
28
|
-
this.
|
|
29
|
-
this.
|
|
30
|
-
setTimeout(() => {
|
|
31
|
-
this._disclosureContent.classList.remove('opening');
|
|
32
|
-
});
|
|
25
|
+
this.open = false;
|
|
26
|
+
this.disclosureOpen = () => {
|
|
27
|
+
this.open = true;
|
|
28
|
+
this._details.setAttribute('open', '');
|
|
33
29
|
};
|
|
34
|
-
this.
|
|
35
|
-
this.
|
|
36
|
-
this.
|
|
37
|
-
setTimeout(() => {
|
|
38
|
-
this._disclosureContent.classList.add('opening');
|
|
39
|
-
});
|
|
30
|
+
this.disclosureClose = () => {
|
|
31
|
+
this.open = false;
|
|
32
|
+
this._details.removeAttribute('open');
|
|
40
33
|
};
|
|
41
|
-
this.
|
|
42
|
-
|
|
43
|
-
e.detail.eventName === 'close' ? this.closeDisclosure() : null;
|
|
44
|
-
e.detail.eventName === 'open' ? this.openDisclosure() : null;
|
|
45
|
-
}
|
|
34
|
+
this.getDisclosureOpenState = () => {
|
|
35
|
+
return this.open;
|
|
46
36
|
};
|
|
47
37
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
this.
|
|
67
|
-
|
|
68
|
-
|
|
38
|
+
updated(changedProperties) {
|
|
39
|
+
if (changedProperties.has('open')) {
|
|
40
|
+
if (this.open === true) {
|
|
41
|
+
setTimeout(() => {
|
|
42
|
+
this._detailsContent.classList.add('opening');
|
|
43
|
+
});
|
|
44
|
+
this.dispatchEvent(new CustomEvent('umg-disclosure:opened', {
|
|
45
|
+
detail: {
|
|
46
|
+
target: this,
|
|
47
|
+
},
|
|
48
|
+
bubbles: true,
|
|
49
|
+
composed: true,
|
|
50
|
+
}));
|
|
51
|
+
}
|
|
52
|
+
else if (this.open === false) {
|
|
53
|
+
setTimeout(() => {
|
|
54
|
+
this._detailsContent.classList.remove('opening');
|
|
55
|
+
});
|
|
56
|
+
this.dispatchEvent(new CustomEvent('umg-disclosure:closed', {
|
|
57
|
+
detail: {
|
|
58
|
+
target: this,
|
|
59
|
+
},
|
|
60
|
+
bubbles: true,
|
|
61
|
+
composed: true,
|
|
62
|
+
}));
|
|
63
|
+
}
|
|
69
64
|
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
eventName: eventName,
|
|
74
|
-
target: this,
|
|
75
|
-
},
|
|
76
|
-
bubbles: true,
|
|
77
|
-
composed: true,
|
|
78
|
-
}));
|
|
65
|
+
}
|
|
66
|
+
_summaryClick() {
|
|
67
|
+
this.open = !this.open;
|
|
79
68
|
}
|
|
80
69
|
summaryClasses() {
|
|
81
70
|
const classes = {};
|
|
@@ -133,15 +122,15 @@ let Disclosure = class Disclosure extends LitElement {
|
|
|
133
122
|
return html `
|
|
134
123
|
<details
|
|
135
124
|
part="disclosure"
|
|
136
|
-
class="
|
|
125
|
+
class="disclosure__details"
|
|
137
126
|
>
|
|
138
127
|
<summary
|
|
139
128
|
part="disclosure-summary"
|
|
140
129
|
class="disclosure__summary${classMap(this.summaryClasses())}"
|
|
141
130
|
aria-label="Main Menu"
|
|
142
131
|
role="button"
|
|
143
|
-
aria-expanded=${this.
|
|
144
|
-
@click=${this.
|
|
132
|
+
aria-expanded=${this.open}
|
|
133
|
+
@click=${this._summaryClick}
|
|
145
134
|
>
|
|
146
135
|
<slot name="summary"></slot>
|
|
147
136
|
<slot name="icon"></slot>
|
|
@@ -150,12 +139,12 @@ let Disclosure = class Disclosure extends LitElement {
|
|
|
150
139
|
part="disclosure-drawer"
|
|
151
140
|
class="disclosure__drawer${classMap(this.drawerClasses())}"
|
|
152
141
|
style="${styleMap(this.drawerStyles())}"
|
|
153
|
-
aria-hidden=${!this.
|
|
142
|
+
aria-hidden=${!this.open}
|
|
154
143
|
>
|
|
155
144
|
<div
|
|
156
145
|
part="disclosure-content"
|
|
157
146
|
class="disclosure__content${classMap(this.contentClasses())}"
|
|
158
|
-
aria-hidden=${!this.
|
|
147
|
+
aria-hidden=${!this.open}
|
|
159
148
|
>
|
|
160
149
|
<slot name="content"></slot>
|
|
161
150
|
</div>
|
|
@@ -178,12 +167,8 @@ Disclosure.styles = mergeStyles([
|
|
|
178
167
|
transition: transform 0.2s ease;
|
|
179
168
|
}
|
|
180
169
|
|
|
181
|
-
.disclosure[open] .disclosure__summary--icon-flip ::slotted(*[slot=icon]) {
|
|
182
|
-
transform: rotate(180deg);
|
|
183
|
-
}
|
|
184
|
-
|
|
185
170
|
/** Summary */
|
|
186
|
-
|
|
171
|
+
.disclosure__details summary::-webkit-details-marker {
|
|
187
172
|
display:none;
|
|
188
173
|
}
|
|
189
174
|
|
|
@@ -200,7 +185,7 @@ Disclosure.styles = mergeStyles([
|
|
|
200
185
|
border: 0.0625rem solid var(--umg-color-summary-border, rgb(0,0,0,0));
|
|
201
186
|
border-radius: var(--umg-border-base-corner-radius, 0);
|
|
202
187
|
color: var(--umg-color-summary-text, var(--umg-color-base-text, rgb(0,0,0)));
|
|
203
|
-
background-color: var(--umg-color-summary-background,
|
|
188
|
+
background-color: var(--umg-color-summary-background, rgb(255, 255, 255));
|
|
204
189
|
}
|
|
205
190
|
|
|
206
191
|
@supports (color: rgb(from white r g b)) {
|
|
@@ -247,7 +232,6 @@ Disclosure.styles = mergeStyles([
|
|
|
247
232
|
|
|
248
233
|
/** Drawer */
|
|
249
234
|
.disclosure__drawer {
|
|
250
|
-
visibility: hidden;
|
|
251
235
|
min-width: fit-content;
|
|
252
236
|
overflow: hidden;
|
|
253
237
|
}
|
|
@@ -307,15 +291,14 @@ Disclosure.styles = mergeStyles([
|
|
|
307
291
|
.disclosure__drawer--auto {
|
|
308
292
|
width: auto;
|
|
309
293
|
}
|
|
310
|
-
|
|
311
|
-
/*
|
|
294
|
+
|
|
295
|
+
/* Disclosure content */
|
|
312
296
|
.disclosure__content {
|
|
313
|
-
visibility: hidden;
|
|
314
297
|
border-radius: var(--umg-border-base-corner-radius);
|
|
315
298
|
overflow-y: auto;
|
|
316
299
|
border-style: solid;
|
|
317
300
|
border-width: 0.0625rem;
|
|
318
|
-
padding: var(--umg-space-details-padding,
|
|
301
|
+
padding: var(--umg-space-details-padding, 0.5rem 0);
|
|
319
302
|
|
|
320
303
|
color: var(--umg-color-details-text, var(--umg-color-base-text, rgb(0,0,0)));
|
|
321
304
|
background-color: var(--umg-color-details-background, var(--umg-color-base-background, rgb(255, 255, 255)));
|
|
@@ -333,29 +316,39 @@ Disclosure.styles = mergeStyles([
|
|
|
333
316
|
}
|
|
334
317
|
}
|
|
335
318
|
|
|
336
|
-
|
|
319
|
+
/* Toggle state */
|
|
320
|
+
.disclosure__details[open] .disclosure__summary--icon-flip ::slotted(*[slot=icon]) {
|
|
321
|
+
transform: rotate(180deg);
|
|
322
|
+
}
|
|
323
|
+
.disclosure__drawer {
|
|
324
|
+
visibility: hidden;
|
|
325
|
+
}
|
|
326
|
+
.disclosure__content {
|
|
327
|
+
visibility: hidden;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.disclosure__details[open] .disclosure__drawer.opening {
|
|
337
331
|
visibility: visible;
|
|
338
332
|
}
|
|
339
333
|
|
|
340
|
-
.
|
|
334
|
+
.disclosure__details[open] .disclosure__content.opening {
|
|
341
335
|
transition: transform 0.2s ease, visibility 0.2s ease;
|
|
342
336
|
visibility: visible;
|
|
343
337
|
}
|
|
344
338
|
|
|
345
|
-
/*
|
|
339
|
+
/* Opening direction */
|
|
346
340
|
.disclosure__content.open--vertical {
|
|
347
341
|
transform: translateY(var(--umg-animation-disclosure-origin));
|
|
348
342
|
}
|
|
349
|
-
.
|
|
343
|
+
.disclosure__details[open] .disclosure__content.open--vertical.opening {
|
|
350
344
|
transform: translateY(0);
|
|
351
345
|
}
|
|
352
|
-
|
|
346
|
+
.disclosure__details[open] .disclosure__content.open--horizontal.opening {
|
|
347
|
+
transform: translateX(0);
|
|
348
|
+
}
|
|
353
349
|
.disclosure__content.open--horizontal {
|
|
354
350
|
transform: translateX(var(--umg-animation-disclosure-origin));
|
|
355
351
|
}
|
|
356
|
-
.disclosure[open] .disclosure__content.open--horizontal.opening {
|
|
357
|
-
transform: translateX(0);
|
|
358
|
-
}
|
|
359
352
|
|
|
360
353
|
@media screen and (max-width: 48rem) {
|
|
361
354
|
.disclosure__content.open--vertical {
|
|
@@ -366,7 +359,7 @@ Disclosure.styles = mergeStyles([
|
|
|
366
359
|
}
|
|
367
360
|
}
|
|
368
361
|
|
|
369
|
-
/*
|
|
362
|
+
/* Content overflow scrollbar */
|
|
370
363
|
.disclosure__content::-webkit-scrollbar {
|
|
371
364
|
width: 0.125rem;
|
|
372
365
|
}
|
|
@@ -419,17 +412,17 @@ __decorate([
|
|
|
419
412
|
property()
|
|
420
413
|
], Disclosure.prototype, "align", void 0);
|
|
421
414
|
__decorate([
|
|
422
|
-
|
|
423
|
-
], Disclosure.prototype, "
|
|
415
|
+
property({ type: Boolean, reflect: true })
|
|
416
|
+
], Disclosure.prototype, "open", void 0);
|
|
424
417
|
__decorate([
|
|
425
418
|
query('summary')
|
|
426
419
|
], Disclosure.prototype, "_summary", void 0);
|
|
427
420
|
__decorate([
|
|
428
421
|
query('details')
|
|
429
|
-
], Disclosure.prototype, "
|
|
422
|
+
], Disclosure.prototype, "_details", void 0);
|
|
430
423
|
__decorate([
|
|
431
424
|
query('.disclosure__content')
|
|
432
|
-
], Disclosure.prototype, "
|
|
425
|
+
], Disclosure.prototype, "_detailsContent", void 0);
|
|
433
426
|
Disclosure = __decorate([
|
|
434
427
|
customElement(`${prefix}-disclosure`)
|
|
435
428
|
], Disclosure);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disclosure.js","sources":["../../../src/components/disclosure/disclosure.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"disclosure.js","sources":["../../../src/components/disclosure/disclosure.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
import { MenuData } from '../../types';
|
|
2
3
|
import '../disclosure/';
|
|
3
4
|
import './menu-drawer';
|
|
4
5
|
import '../icon/';
|
|
5
|
-
interface MenuData {
|
|
6
|
-
linkText: string;
|
|
7
|
-
linkUrl: string;
|
|
8
|
-
subItems: Array<MenuData>;
|
|
9
|
-
}
|
|
10
6
|
export declare class HeaderDrawer extends LitElement {
|
|
11
7
|
src: string;
|
|
12
8
|
data?: MenuData[];
|
|
@@ -26,5 +22,4 @@ export declare class HeaderDrawer extends LitElement {
|
|
|
26
22
|
render(): import("lit").TemplateResult<1>;
|
|
27
23
|
static styles: import("lit").CSSResultArray;
|
|
28
24
|
}
|
|
29
|
-
export {};
|
|
30
25
|
//# sourceMappingURL=header-drawer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/header-drawer/header-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"header-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/header-drawer/header-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAU3C,OAAO,EACH,QAAQ,EAGX,MAAM,aAAa,CAAA;AAKpB,OAAO,gBAAgB,CAAA;AACvB,OAAO,eAAe,CAAA;AACtB,OAAO,UAAU,CAAA;AAIjB,qBAEa,YAAa,SAAQ,UAAU;IAGxC,GAAG,SAAK;IAGR,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;IAGjB,SAAS,SAAc;IAGvB,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,OAAO,CAAa;IAG5B,OAAO,CAAC,gBAAgB,CAAQ;IAE1B,YAAY;IAMZ,SAAS;IAKR,WAAW;IAOlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,QAAQ;IAuEhB,MAAM;IAqDN,MAAM,CAAC,MAAM,+BAiHX;CACL"}
|
|
@@ -33,7 +33,7 @@ let HeaderDrawer = class HeaderDrawer extends LitElement {
|
|
|
33
33
|
}
|
|
34
34
|
closeDrawer() {
|
|
35
35
|
this._drawerOpen = false;
|
|
36
|
-
this._drawer.
|
|
36
|
+
this._drawer.disclosureClose();
|
|
37
37
|
document.body.removeAttribute('style');
|
|
38
38
|
this._closeActiveDrawers();
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-drawer.js","sources":["../../../src/components/header-drawer/header-drawer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"header-drawer.js","sources":["../../../src/components/header-drawer/header-drawer.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export declare class Icon extends LitElement {
|
|
|
7
7
|
constructor();
|
|
8
8
|
dataURItoBlobUrl(iconSprites: string): string;
|
|
9
9
|
svgStyles(): {};
|
|
10
|
+
private iconClasses;
|
|
10
11
|
icontemplate(): import("lit").TemplateResult<2>;
|
|
11
12
|
render(): import("lit").TemplateResult<1>;
|
|
12
13
|
static styles: import("lit").CSSResultArray;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAKhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAY3C,qBAEa,IAAK,SAAQ,UAAU;IAGhC,IAAI,SAAS;IAGb,IAAI,CAAC,EAAE,QAAQ,CAAY;IAG3B,QAAQ,SAAA;;IAOR,gBAAgB,CAAC,WAAW,EAAE,MAAM;IAKpC,SAAS;IAWT,OAAO,CAAC,WAAW;IAUnB,YAAY;IAQZ,MAAM;IAQN,MAAM,CAAC,MAAM,+BA2BX;CACL"}
|
|
@@ -3,6 +3,7 @@ import { css, LitElement, svg, html } from 'lit';
|
|
|
3
3
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
4
4
|
import { property } from 'lit/decorators.js';
|
|
5
5
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
6
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
6
7
|
import { global } from '../../styles/global.js';
|
|
7
8
|
import { iconSize } from '../../styles/icon-size.js';
|
|
8
9
|
import { settings } from '../../scripts/settings.js';
|
|
@@ -31,6 +32,13 @@ let Icon = class Icon extends LitElement {
|
|
|
31
32
|
}
|
|
32
33
|
return styles;
|
|
33
34
|
}
|
|
35
|
+
iconClasses() {
|
|
36
|
+
const classes = {};
|
|
37
|
+
if (this.icon === 'spinner') {
|
|
38
|
+
classes['spinner'] = true;
|
|
39
|
+
}
|
|
40
|
+
return classes;
|
|
41
|
+
}
|
|
34
42
|
icontemplate() {
|
|
35
43
|
return svg `
|
|
36
44
|
<svg height="1em" width="1em">
|
|
@@ -40,7 +48,7 @@ let Icon = class Icon extends LitElement {
|
|
|
40
48
|
}
|
|
41
49
|
render() {
|
|
42
50
|
return html `
|
|
43
|
-
<span
|
|
51
|
+
<span part="icon" class="icon${classMap(this.iconClasses())}" style="${styleMap(this.svgStyles())}">
|
|
44
52
|
${this.icontemplate()}
|
|
45
53
|
</span>
|
|
46
54
|
`;
|
|
@@ -64,6 +72,14 @@ Icon.styles = mergeStyles([
|
|
|
64
72
|
}
|
|
65
73
|
|
|
66
74
|
}
|
|
75
|
+
.spinner svg {
|
|
76
|
+
animation-name: spin;
|
|
77
|
+
animation-duration: 500ms;
|
|
78
|
+
animation-timing-function: cubic-bezier(0, 0, 1, 1);
|
|
79
|
+
animation-iteration-count: infinite;
|
|
80
|
+
animation-direction: both;
|
|
81
|
+
}
|
|
82
|
+
@keyframes spin {to{transform: rotate(1turn)}};
|
|
67
83
|
`,
|
|
68
84
|
]);
|
|
69
85
|
__decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU,CAAA;AAWhC,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAA;QATX,IAAI,CAAA,IAAA,GAAG,MAAM,CAAA;QAGb,IAAI,CAAA,IAAA,GAAc,SAAS,CAAA;QAOvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAA;KACrD;AAED,IAAA,gBAAgB,CAAC,WAAmB,EAAA;AAChC,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAC/D,QAAA,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;KACnC;IAED,SAAS,GAAA;QACL,IAAI,MAAM,GAAG,EAAE,CAAA;AACf,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,MAAM,GAAG;AACL,gBAAA,GAAG,MAAM;AACT,gBAAA,iBAAiB,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;aACzC,CAAA;SACJ;AACD,QAAA,OAAO,MAAM,CAAA;KAChB;IAEO,WAAW,GAAA;QACf,MAAM,OAAO,GAAQ,EAAE,CAAA;AAEvB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;AACzB,YAAA,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;SAC5B;AAED,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,YAAY,GAAA;AACR,QAAA,OAAO,GAAG,CAAA,CAAA;;AAEW,2BAAA,EAAA,IAAI,CAAC,QAAQ,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;SAE9C,CAAA;KACJ;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;AACwB,yCAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAY,SAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;kBAC3F,IAAI,CAAC,YAAY,EAAE,CAAA;;SAE5B,CAAA;KACJ;;AAEM,IAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AAlFF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACE,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACgB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG3B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAClB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AATC,IAAI,GAAA,UAAA,CAAA;AAFhB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO,CAAC;AAEnB,CAAA,EAAA,IAAI,CAsFhB;;;;"}
|