@krumio/trailhand-ui 1.9.19 → 1.9.21
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.
|
@@ -21,6 +21,10 @@ export declare class Modal extends LitElement {
|
|
|
21
21
|
updated(changed: Map<string, unknown>): void;
|
|
22
22
|
private handleFooterSlotChange;
|
|
23
23
|
private handleClose;
|
|
24
|
+
private handleCancel;
|
|
25
|
+
private handleKeydown;
|
|
26
|
+
connectedCallback(): void;
|
|
27
|
+
disconnectedCallback(): void;
|
|
24
28
|
private handleBackdropClick;
|
|
25
29
|
render(): import("lit-html").TemplateResult<1>;
|
|
26
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC5B;AAED,qBAAa,KAAM,SAAQ,UAAU;IAEnC,IAAI,UAAS;IAGb,KAAK,SAAM;IAGX,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,MAAM,UAAS;IAGf,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAY;IAErB,OAAO,CAAC,MAAM,CAAqB;IAE3C,OAAO,CAAC,SAAS,CAAS;IAEnC,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC5B;AAED,qBAAa,KAAM,SAAQ,UAAU;IAEnC,IAAI,UAAS;IAGb,KAAK,SAAM;IAGX,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,MAAM,UAAS;IAGf,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAY;IAErB,OAAO,CAAC,MAAM,CAAqB;IAE3C,OAAO,CAAC,SAAS,CAAS;IAEnC,MAAM,CAAC,MAAM,0BAmGX;IAEF,OAAO,CAAC,aAAa,CAA4B;IAEjD,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkBrC,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa,CAMnB;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB;IAW3B,MAAM;CAwCP"}
|
|
@@ -18,6 +18,13 @@ export class Modal extends LitElement {
|
|
|
18
18
|
this.position = 'center';
|
|
19
19
|
this.hasFooter = false;
|
|
20
20
|
this.openerElement = null;
|
|
21
|
+
this.handleKeydown = (e) => {
|
|
22
|
+
if (!this.open)
|
|
23
|
+
return;
|
|
24
|
+
if (e.key === 'Escape' && this.dismissible) {
|
|
25
|
+
this.handleClose();
|
|
26
|
+
}
|
|
27
|
+
};
|
|
21
28
|
}
|
|
22
29
|
updated(changed) {
|
|
23
30
|
if (changed.has('open')) {
|
|
@@ -40,6 +47,17 @@ export class Modal extends LitElement {
|
|
|
40
47
|
handleClose() {
|
|
41
48
|
this.open = false;
|
|
42
49
|
}
|
|
50
|
+
handleCancel(e) {
|
|
51
|
+
e.preventDefault();
|
|
52
|
+
}
|
|
53
|
+
connectedCallback() {
|
|
54
|
+
super.connectedCallback();
|
|
55
|
+
window.addEventListener('keydown', this.handleKeydown);
|
|
56
|
+
}
|
|
57
|
+
disconnectedCallback() {
|
|
58
|
+
window.removeEventListener('keydown', this.handleKeydown);
|
|
59
|
+
super.disconnectedCallback();
|
|
60
|
+
}
|
|
43
61
|
handleBackdropClick(e) {
|
|
44
62
|
if (!this.dismissible)
|
|
45
63
|
return;
|
|
@@ -55,7 +73,7 @@ export class Modal extends LitElement {
|
|
|
55
73
|
return html `
|
|
56
74
|
<dialog
|
|
57
75
|
@click=${this.handleBackdropClick}
|
|
58
|
-
@cancel=${this.
|
|
76
|
+
@cancel=${this.handleCancel}
|
|
59
77
|
aria-labelledby="modal-title"
|
|
60
78
|
aria-modal="true"
|
|
61
79
|
part="dialog"
|
|
@@ -99,18 +117,6 @@ Modal.styles = css `
|
|
|
99
117
|
font-family: var(--font-family, 'Poppins', sans-serif);
|
|
100
118
|
}
|
|
101
119
|
|
|
102
|
-
/* dialog {
|
|
103
|
-
border: none;
|
|
104
|
-
border-radius: 12px;
|
|
105
|
-
padding: 0;
|
|
106
|
-
max-width: 90vw;
|
|
107
|
-
max-height: 90vh;
|
|
108
|
-
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
|
|
109
|
-
background: var(--th-color-background, #ffffff);
|
|
110
|
-
min-width: 360px;
|
|
111
|
-
margin: auto;
|
|
112
|
-
} */
|
|
113
|
-
|
|
114
120
|
dialog {
|
|
115
121
|
position: fixed;
|
|
116
122
|
margin: 0;
|
|
@@ -220,7 +226,7 @@ __decorate([
|
|
|
220
226
|
property({ type: Boolean })
|
|
221
227
|
], Modal.prototype, "inline", void 0);
|
|
222
228
|
__decorate([
|
|
223
|
-
property({ type: String })
|
|
229
|
+
property({ type: String, reflect: true })
|
|
224
230
|
], Modal.prototype, "position", void 0);
|
|
225
231
|
__decorate([
|
|
226
232
|
query('dialog')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,cAAc,CAAC;AAUtB,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAEE,SAAI,GAAG,KAAK,CAAC;QAGb,UAAK,GAAG,EAAE,CAAC;QAGX,aAAQ,GAAG,EAAE,CAAC;QAGd,gBAAW,GAAG,IAAI,CAAC;QAGnB,WAAM,GAAG,KAAK,CAAC;QAGf,aAAQ,GAAqB,QAAQ,CAAC;QAIrB,cAAS,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,cAAc,CAAC;AAUtB,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAEE,SAAI,GAAG,KAAK,CAAC;QAGb,UAAK,GAAG,EAAE,CAAC;QAGX,aAAQ,GAAG,EAAE,CAAC;QAGd,gBAAW,GAAG,IAAI,CAAC;QAGnB,WAAM,GAAG,KAAK,CAAC;QAGf,aAAQ,GAAqB,QAAQ,CAAC;QAIrB,cAAS,GAAG,KAAK,CAAC;QAuG3B,kBAAa,GAAuB,IAAI,CAAC;QAiCzC,kBAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE,OAAO;YAEvB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC3C,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;IA+DJ,CAAC;IApGC,OAAO,CAAC,OAA6B;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAA4B,CAAC;gBAC3D,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;gBACxB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACjE,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBACpB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;gBACF,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,sCAAsC;YACrE,CAAC;QACH,CAAC;IACH,CAAC;IAEO,sBAAsB,CAAC,CAAQ;QACrC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACpE,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAEO,YAAY,CAAC,CAAQ;QAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;IACrB,CAAC;IAUD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACzD,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC1D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAEO,mBAAmB,CAAC,CAAa;QACvC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC;QACjD,MAAM,cAAc,GAClB,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;YACrB,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK;YACtB,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;YACpB,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,cAAc;YAAE,IAAI,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,mBAAmB;kBACvB,IAAI,CAAC,YAAY;;;;;;;;yDAQsB,IAAI,CAAC,KAAK;gBACnD,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,QAAQ,MAAM;YACtD,CAAC,CAAC,EAAE;;;YAGR,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;yBAEO,IAAI,CAAC,WAAW;;;;wBAIjB;YACZ,CAAC,CAAC,EAAE;;;;;;gCAMgB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB;;;4CAG/B,IAAI,CAAC,sBAAsB;;;KAGlE,CAAC;IACJ,CAAC;;AA1MM,YAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGlB,AAnGY,CAmGX;AAxHF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAC9B;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACT;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACb;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACJ;AAEb;IAAxB,KAAK,CAAC,QAAQ,CAAC;qCAAoC;AAEnC;IAAhB,KAAK,EAAE;wCAA2B;AA+MrC,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC"}
|