@getufy/flint-ui 0.3.0 → 0.4.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/_shared/{flint-card-C-j6SYxM.js → flint-card-CQCJ9CY-.js} +1 -1
- package/dist/_shared/{flint-chip-CBKDllYk.js → flint-chip-BfNjtn6m.js} +2 -2
- package/dist/_shared/{flint-date-picker-C_7LYa9d.js → flint-date-picker-BmCBZr-w.js} +2 -2
- package/dist/_shared/{flint-date-range-picker-D7Ehbx-c.js → flint-date-range-picker-BmADbduG.js} +1 -1
- package/dist/_shared/{flint-dialog-kIyxDuO7.js → flint-dialog-CK6ltziy.js} +2 -2
- package/dist/_shared/{flint-input-otp-__geY8N4.js → flint-input-otp-C2GUUYS9.js} +9 -9
- package/dist/_shared/{flint-menu-rsxjVen9.js → flint-menu-ZvPIg74v.js} +1 -1
- package/dist/_shared/{flint-select-Bhc3BR09.js → flint-select-Cuu4rHts.js} +1 -1
- package/dist/_shared/{flint-stepper-Dh0ZOPQc.js → flint-stepper-J1h_Y0-1.js} +1 -1
- package/dist/_shared/{flint-text-field--jqYDj7o.js → flint-text-field-CqiHradH.js} +3 -3
- package/dist/_shared/{flint-time-picker-DNj-mTOW.js → flint-time-picker-CgOz2hSp.js} +16 -16
- package/dist/_shared/{flint-transfer-list-DZsAcF0l.js → flint-transfer-list-CVm0jvtR.js} +1 -1
- package/dist/bottom-navigation/flint-bottom-navigation.d.ts +1 -1
- package/dist/card/flint-card.js +1 -1
- package/dist/chip/flint-chip.d.ts +1 -0
- package/dist/chip/flint-chip.d.ts.map +1 -1
- package/dist/chip/flint-chip.js +1 -1
- package/dist/date-picker/flint-date-picker.d.ts +1 -1
- package/dist/date-picker/flint-date-picker.js +1 -1
- package/dist/date-range-picker/flint-date-range-picker.js +1 -1
- package/dist/dialog/flint-dialog.d.ts +2 -2
- package/dist/dialog/flint-dialog.d.ts.map +1 -1
- package/dist/dialog/flint-dialog.js +1 -1
- package/dist/index.js +12 -12
- package/dist/input-otp/flint-input-otp.d.ts +0 -1
- package/dist/input-otp/flint-input-otp.d.ts.map +1 -1
- package/dist/input-otp/flint-input-otp.js +1 -1
- package/dist/link/flint-link.d.ts +1 -1
- package/dist/menu/flint-menu.d.ts +1 -1
- package/dist/menu/flint-menu.d.ts.map +1 -1
- package/dist/menu/flint-menu.js +1 -1
- package/dist/resizable/flint-resizable.js +2 -2
- package/dist/select/flint-select.d.ts +1 -1
- package/dist/select/flint-select.js +1 -1
- package/dist/split-panel/flint-split-panel.js +1 -1
- package/dist/stepper/flint-stepper.d.ts +3 -0
- package/dist/stepper/flint-stepper.d.ts.map +1 -1
- package/dist/stepper/flint-stepper.js +1 -1
- package/dist/suppress-warnings.js +2 -0
- package/dist/text-field/flint-text-field.d.ts +2 -2
- package/dist/text-field/flint-text-field.js +1 -1
- package/dist/time-picker/flint-time-picker.d.ts +8 -8
- package/dist/time-picker/flint-time-picker.js +1 -1
- package/dist/transfer-list/flint-transfer-list.d.ts +1 -1
- package/dist/transfer-list/flint-transfer-list.js +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import { LitElement as t, html as n, unsafeCSS as r } from "lit";
|
|
|
3
3
|
import { customElement as i, property as a } from "lit/decorators.js";
|
|
4
4
|
import { classMap as o } from "lit/directives/class-map.js";
|
|
5
5
|
//#region src/card/flint-card.css?inline
|
|
6
|
-
var s = ":host{font-family:Inter,sans-serif;display:block}.card{background:var(--flint-card-background);border-radius:var(--flint-card-border-radius);box-shadow:var(--flint-card-shadow);border:1px solid var(--flint-card-border-color);padding:var(--flint-card-padding,0);flex-direction:column;transition:box-shadow .3s,border-color .3s;display:flex;overflow:
|
|
6
|
+
var s = ":host{font-family:Inter,sans-serif;display:block}.card{background:var(--flint-card-background);border-radius:var(--flint-card-border-radius);box-shadow:var(--flint-card-shadow);border:1px solid var(--flint-card-border-color);padding:var(--flint-card-padding,0);flex-direction:column;transition:box-shadow .3s,border-color .3s;display:flex;overflow:clip}.card.interactive:hover{box-shadow:var(--flint-card-shadow-hover);cursor:pointer}.card.variant-outlined{box-shadow:none;border:1px solid var(--flint-card-border-color)}.card.variant-flat{box-shadow:none;background:var(--flint-card-background-flat);border:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", c = class extends t {
|
|
7
7
|
constructor(...e) {
|
|
8
8
|
super(...e), this.variant = "elevated", this.interactive = !1;
|
|
9
9
|
}
|
|
@@ -12,13 +12,13 @@ var c = ":host{vertical-align:middle;font-family:var(--flint-font-family);displa
|
|
|
12
12
|
this.styles = r(c);
|
|
13
13
|
}
|
|
14
14
|
_handleClick(e) {
|
|
15
|
-
e.stopPropagation(), !(this.disabled || !this.clickable) && this.dispatchEvent(new CustomEvent("click", {
|
|
15
|
+
e.stopPropagation(), !(this.disabled || !this.clickable) && this.dispatchEvent(new CustomEvent("flint-chip-click", {
|
|
16
16
|
bubbles: !0,
|
|
17
17
|
composed: !0
|
|
18
18
|
}));
|
|
19
19
|
}
|
|
20
20
|
_handleKeyDown(e) {
|
|
21
|
-
e.key !== "Enter" && e.key !== " " || (e.preventDefault(), !this.disabled && this.clickable && this.dispatchEvent(new CustomEvent("click", {
|
|
21
|
+
e.key !== "Enter" && e.key !== " " || (e.preventDefault(), !this.disabled && this.clickable && this.dispatchEvent(new CustomEvent("flint-chip-click", {
|
|
22
22
|
bubbles: !0,
|
|
23
23
|
composed: !0
|
|
24
24
|
})));
|
|
@@ -233,7 +233,7 @@ var x = class extends t {
|
|
|
233
233
|
this._closePicker();
|
|
234
234
|
return;
|
|
235
235
|
}
|
|
236
|
-
this.value = e, this.dispatchEvent(new CustomEvent("change", {
|
|
236
|
+
this.value = e, this.dispatchEvent(new CustomEvent("flint-date-picker-change", {
|
|
237
237
|
detail: { value: e },
|
|
238
238
|
bubbles: !0,
|
|
239
239
|
composed: !0
|
|
@@ -314,7 +314,7 @@ var x = class extends t {
|
|
|
314
314
|
<flint-dialog
|
|
315
315
|
.open=${this._open}
|
|
316
316
|
disable-backdrop-close
|
|
317
|
-
@close=${this._closePicker}
|
|
317
|
+
@flint-dialog-close=${this._closePicker}
|
|
318
318
|
style="--flint-dialog-width:320px"
|
|
319
319
|
>
|
|
320
320
|
<flint-dialog-title>Select Date</flint-dialog-title>
|
package/dist/_shared/{flint-date-range-picker-D7Ehbx-c.js → flint-date-range-picker-BmADbduG.js}
RENAMED
|
@@ -146,7 +146,7 @@ var d = ":host{font-family:var(--flint-font-family);display:inline-block}.field-
|
|
|
146
146
|
<flint-dialog
|
|
147
147
|
.open=${this._open}
|
|
148
148
|
disable-backdrop-close
|
|
149
|
-
@close=${this._closePicker}
|
|
149
|
+
@flint-dialog-close=${this._closePicker}
|
|
150
150
|
style="--flint-dialog-width:640px"
|
|
151
151
|
>
|
|
152
152
|
<flint-dialog-title>Select Date Range</flint-dialog-title>
|
|
@@ -3,7 +3,7 @@ import { LitElement as t, html as n, unsafeCSS as r } from "lit";
|
|
|
3
3
|
import { customElement as i, property as a } from "lit/decorators.js";
|
|
4
4
|
import { classMap as o } from "lit/directives/class-map.js";
|
|
5
5
|
//#region src/dialog/flint-dialog.css?inline
|
|
6
|
-
var s = ":host{display:block}.dialog-panel{background-color:var(--flint-surface-background,white);border-radius:var(--flint-border-radius-xl,12px);box-shadow:var(--flint-shadow-xl,0 20px 25px -5px #0000001a);max-width:90vw;max-height:var(--flint-dialog-max-height,90vh);width:var(--flint-dialog-width,444px);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:
|
|
6
|
+
var s = ":host{display:block}.dialog-panel{background-color:var(--flint-surface-background,white);border-radius:var(--flint-border-radius-xl,12px);box-shadow:var(--flint-shadow-xl,0 20px 25px -5px #0000001a);max-width:90vw;max-height:var(--flint-dialog-max-height,90vh);width:var(--flint-dialog-width,444px);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:clip;transform:scale(.9)}.dialog-panel.open{opacity:1;pointer-events:auto;transform:scale(1)}.dialog-panel.transition-slide-up{transform:translateY(40px)}.dialog-panel.transition-slide-up.open{transform:translateY(0)}.dialog-panel.transition-slide-down{transform:translateY(-40px)}.dialog-panel.transition-slide-down.open{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", c = ":host{font-family:var(--flint-font-family);color:var(--flint-text-color);padding:20px 24px 12px;font-size:1.25rem;font-weight:600;display:block}", l = ":host{-webkit-overflow-scrolling:touch;flex:auto;padding:0 24px 20px;display:block;overflow-y:auto}", u = ":host{font-family:var(--flint-font-family);color:var(--flint-text-color-muted);margin-bottom:8px;font-size:.9375rem;line-height:1.6;display:block}", d = ":host{border-top:1px solid var(--flint-border-color);justify-content:flex-end;align-items:center;gap:8px;padding:8px 16px 16px;display:flex}:host([align=start]){justify-content:flex-start}:host([align=center]){justify-content:center}:host([align=space-between]){justify-content:space-between}", f = [], p = class extends t {
|
|
7
7
|
constructor(...e) {
|
|
8
8
|
super(...e), this.open = !1, this.defaultOpen = !1, this._firstUpdate = !0, this._lastFocused = null, this.transition = "scale", this.disableBackdropClose = !1, this._handleKeyDown = (e) => {
|
|
9
9
|
e.key === "Escape" && this.open && f[f.length - 1] === this && this.requestClose();
|
|
@@ -33,7 +33,7 @@ var s = ":host{display:block}.dialog-panel{background-color:var(--flint-surface-
|
|
|
33
33
|
e !== -1 && f.splice(e, 1), this._lastFocused = null;
|
|
34
34
|
}
|
|
35
35
|
requestClose() {
|
|
36
|
-
this.dispatchEvent(new CustomEvent("close", {
|
|
36
|
+
this.dispatchEvent(new CustomEvent("flint-dialog-close", {
|
|
37
37
|
bubbles: !0,
|
|
38
38
|
composed: !0,
|
|
39
39
|
detail: { open: !1 }
|
|
@@ -42,24 +42,24 @@ var g = class extends t {
|
|
|
42
42
|
static {
|
|
43
43
|
f = this;
|
|
44
44
|
}
|
|
45
|
+
constructor(...e) {
|
|
46
|
+
super(...e), this.value = "", this.defaultValue = "", this.maxLength = 6, this.pattern = "", this.disabled = !1, this.label = "One-time password", this.description = "", this._internalValue = "", this._focused = !1, this._cursorIndex = 0, this._firstUpdate = !0, this._handleClick = (e) => {
|
|
47
|
+
if (this.disabled) return;
|
|
48
|
+
let t = e.target.closest("flint-input-otp-slot");
|
|
49
|
+
this._hiddenInput?.focus(), t && (this._cursorIndex = Math.min(t.index, this._internalValue.length), this._syncSlots());
|
|
50
|
+
}, this._descId = `flint-input-otp-desc-${f._uidCounter++}`;
|
|
51
|
+
}
|
|
45
52
|
static {
|
|
46
53
|
this.styles = i(d);
|
|
47
54
|
}
|
|
48
55
|
static {
|
|
49
56
|
this._uidCounter = 0;
|
|
50
57
|
}
|
|
51
|
-
constructor() {
|
|
52
|
-
super(), this.value = "", this.defaultValue = "", this.maxLength = 6, this.pattern = "", this.disabled = !1, this.label = "One-time password", this.description = "", this._internalValue = "", this._focused = !1, this._cursorIndex = 0, this._firstUpdate = !0, this._handleClick = (e) => {
|
|
53
|
-
if (this.disabled) return;
|
|
54
|
-
let t = e.target.closest("flint-input-otp-slot");
|
|
55
|
-
this._hiddenInput?.focus(), t && (this._cursorIndex = Math.min(t.index, this._internalValue.length), this._syncSlots());
|
|
56
|
-
}, this._descId = `flint-input-otp-desc-${f._uidCounter++}`, this.addEventListener("click", this._handleClick);
|
|
57
|
-
}
|
|
58
58
|
connectedCallback() {
|
|
59
|
-
super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "group");
|
|
59
|
+
super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "group"), this.addEventListener("click", this._handleClick);
|
|
60
60
|
}
|
|
61
61
|
disconnectedCallback() {
|
|
62
|
-
|
|
62
|
+
this.removeEventListener("click", this._handleClick), super.disconnectedCallback();
|
|
63
63
|
}
|
|
64
64
|
willUpdate(e) {
|
|
65
65
|
if (this._firstUpdate) {
|
|
@@ -4,7 +4,7 @@ import { customElement as a, property as o, state as s } from "lit/decorators.js
|
|
|
4
4
|
import { classMap as c } from "lit/directives/class-map.js";
|
|
5
5
|
import { ifDefined as l } from "lit/directives/if-defined.js";
|
|
6
6
|
//#region src/menu/flint-menu-item.css?inline
|
|
7
|
-
var u = ":host{font-family:var(--flint-font-family);display:block}.item{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:40px;color:var(--flint-text-color);text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:0;outline:none;align-items:center;gap:12px;width:100%;padding:8px 16px;font-size:.9375rem;transition:background .12s;display:flex;position:relative}.item:hover{background:var(--flint-hover-color)}.item:active{background:var(--flint-active-color)}.item:focus-visible{background:var(--flint-hover-color);outline:2px solid var(--flint-primary-color);outline-offset:-2px}:host([selected]) .item{background:var(--flint-primary-color-light);color:var(--flint-primary-color);font-weight:600}:host([selected]) .item:hover{background:var(--flint-primary-color-light-hover)}:host([disabled]) .item{opacity:.38;cursor:not-allowed;pointer-events:none}[hidden]{display:none!important}.icon-wrap{width:24px;height:24px;color:var(--flint-text-color-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([selected]) .icon-wrap{color:var(--flint-primary-color)}.end-icon-wrap{color:var(--flint-text-color-muted);align-items:center;margin-left:auto;padding-left:16px;font-size:.75rem;display:flex}.label{flex:1;line-height:1.5}:host([dense]) .item{min-height:32px;padding:4px 16px;font-size:.875rem}:host([divider]){border-bottom:1px solid var(--flint-border-color);margin-bottom:4px;padding-bottom:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", d = ":host{background:var(--flint-border-color);height:1px;margin:4px 0;display:block}", f = ":host{display:block}.group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--flint-text-color-muted);-webkit-user-select:none;user-select:none;padding:6px 16px 2px;font-size:.6875rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", p = ":host{--flint-menu-z-index:1300;--flint-menu-min-width:
|
|
7
|
+
var u = ":host{font-family:var(--flint-font-family);display:block}.item{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:40px;color:var(--flint-text-color);text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:0;outline:none;align-items:center;gap:12px;min-width:100%;padding:8px 16px;font-size:.9375rem;transition:background .12s;display:flex;position:relative}.item:hover{background:var(--flint-hover-color)}.item:active{background:var(--flint-active-color)}.item:focus-visible{background:var(--flint-hover-color);outline:2px solid var(--flint-primary-color);outline-offset:-2px}:host([selected]) .item{background:var(--flint-primary-color-light);color:var(--flint-primary-color);font-weight:600}:host([selected]) .item:hover{background:var(--flint-primary-color-light-hover)}:host([disabled]) .item{opacity:.38;cursor:not-allowed;pointer-events:none}[hidden]{display:none!important}.icon-wrap{width:24px;height:24px;color:var(--flint-text-color-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([selected]) .icon-wrap{color:var(--flint-primary-color)}.end-icon-wrap{color:var(--flint-text-color-muted);align-items:center;margin-left:auto;padding-left:16px;font-size:.75rem;display:flex}.label{flex:1;line-height:1.5}:host([dense]) .item{min-height:32px;padding:4px 16px;font-size:.875rem}:host([divider]){border-bottom:1px solid var(--flint-border-color);margin-bottom:4px;padding-bottom:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", d = ":host{background:var(--flint-border-color);height:1px;margin:4px 0;display:block}", f = ":host{display:block}.group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--flint-text-color-muted);-webkit-user-select:none;user-select:none;padding:6px 16px 2px;font-size:.6875rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", p = ":host{--flint-menu-z-index:1300;--flint-menu-min-width:200px;display:block;position:relative}.backdrop{z-index:calc(var(--flint-menu-z-index) - 1);display:none;position:fixed;inset:0}.backdrop.open{display:block}.menu-paper{background:var(--flint-surface-1);border-radius:var(--flint-border-radius-md);box-shadow:var(--flint-shadow-md), var(--flint-shadow-lg);min-width:var(--flint-menu-min-width);width:max-content;max-width:var(--flint-menu-max-width,360px);z-index:var(--flint-menu-z-index);color:var(--flint-text-color);transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none;padding:4px 0;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s;position:absolute;overflow:visible;transform:scale(.85)}.menu-paper.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.pos-bottom-start{transform-origin:0 0;top:100%;left:0}.pos-bottom-end{transform-origin:100% 0;top:100%;right:0}.pos-top-start{transform-origin:0 100%;bottom:100%;left:0}.pos-top-end{transform-origin:100% 100%;bottom:100%;right:0}.pos-right-start{transform-origin:0 0;top:0;left:100%}.pos-left-start{transform-origin:100% 0;top:0;right:100%}.menu-paper.scrollable{max-height:var(--flint-menu-max-height,300px);overflow-y:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", m = class extends t {
|
|
8
8
|
constructor(...e) {
|
|
9
9
|
super(...e), this.selected = !1, this.disabled = !1, this.dense = !1, this.divider = !1, this._hasIcon = !1, this._hasEndIcon = !1;
|
|
10
10
|
}
|
|
@@ -95,7 +95,7 @@ var d = ":host{--_h:40px;--_px:12px;--_font:.875rem;--flint-select-bg:var(--flin
|
|
|
95
95
|
}
|
|
96
96
|
_dispatchChange() {
|
|
97
97
|
this.dispatchEvent(new CustomEvent("flint-select-change", {
|
|
98
|
-
detail: { value: this.multiple ? this.value : this.value[0]
|
|
98
|
+
detail: { value: this.multiple ? this.value : this.value[0] === void 0 ? [] : [this.value[0]] },
|
|
99
99
|
bubbles: !0,
|
|
100
100
|
composed: !0
|
|
101
101
|
}));
|
|
@@ -164,7 +164,7 @@ var b = class extends t {
|
|
|
164
164
|
constructor(...e) {
|
|
165
165
|
super(...e), this.activeStep = 0, this.orientation = "horizontal", this.alternativeLabel = !1, this.nonLinear = !1, this.label = "steps", this._firstUpdate = !0, this._onStepClick = (e) => {
|
|
166
166
|
this.activeStep = e.detail.step, this.dispatchEvent(new CustomEvent("flint-step-change", {
|
|
167
|
-
detail: { step:
|
|
167
|
+
detail: { step: this.activeStep },
|
|
168
168
|
bubbles: !0,
|
|
169
169
|
composed: !0
|
|
170
170
|
})), this._syncSteps();
|
|
@@ -3,7 +3,7 @@ import { LitElement as t, html as n, unsafeCSS as r } from "lit";
|
|
|
3
3
|
import { customElement as i, property as a, state as o } from "lit/decorators.js";
|
|
4
4
|
import { classMap as s } from "lit/directives/class-map.js";
|
|
5
5
|
//#region src/text-field/flint-text-field.css?inline
|
|
6
|
-
var c = ":host{font-family:var(--flint-font-family);margin-bottom:
|
|
6
|
+
var c = ":host{font-family:var(--flint-font-family);margin-bottom:var(--flint-text-field-margin-bottom,0);display:block}.field-container{flex-direction:column;gap:.5rem;display:flex}.label{color:var(--flint-label-color);font-size:.875rem;font-weight:500;transition:color .2s}.input-wrapper{background-color:var(--flint-input-bg);border:1px solid var(--flint-input-border-color);border-radius:var(--flint-input-border-radius);align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.input-wrapper:hover:not(.disabled):not(.error){border-color:var(--flint-input-border-hover-color)}.input-wrapper.focused:not(.error){border-color:var(--flint-primary-color);box-shadow:0 0 0 3px var(--flint-primary-focus-ring)}.input-wrapper.error{border-color:var(--flint-error-color)}.input-wrapper.error.focused{box-shadow:0 0 0 3px var(--flint-error-focus-ring)}.input-wrapper.disabled{background-color:var(--flint-input-disabled-bg);cursor:not-allowed;opacity:.7}input{width:100%;color:inherit;background:0 0;border:none;outline:none;flex:1;padding:.625rem .875rem;font-family:inherit;font-size:1rem}input:disabled{cursor:not-allowed}input::placeholder{color:var(--flint-input-placeholder-color)}.icon-leading,.icon-trailing{color:var(--flint-text-color-muted);justify-content:center;align-items:center;padding:0 .75rem;display:flex}.icon-leading{padding-right:0}.icon-trailing{padding-left:0}.helper-text{color:var(--flint-help-text-color);font-size:.75rem}.error-text{color:var(--flint-error-color)}.filled .input-wrapper{background-color:var(--flint-surface-2);border-bottom:2px solid var(--flint-input-border-color);border-top:none;border-left:none;border-right:none;border-radius:4px 4px 0 0}.filled .input-wrapper.focused{border-bottom-color:var(--flint-primary-color);background-color:var(--flint-hover-color)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", l = class extends t {
|
|
7
7
|
constructor(...e) {
|
|
8
8
|
super(...e), this.label = "", this.value = "", this.placeholder = "", this.type = "text", this.variant = "outlined", this.disabled = !1, this.error = !1, this.helperText = "", this.errorMessage = "", this.defaultValue = "", this._focused = !1, this._firstUpdate = !0;
|
|
9
9
|
}
|
|
@@ -14,14 +14,14 @@ var c = ":host{font-family:var(--flint-font-family);margin-bottom:1rem;display:b
|
|
|
14
14
|
super.willUpdate(e), this._firstUpdate && (this._firstUpdate = !1, this.defaultValue && !this.value && (this.value = this.defaultValue));
|
|
15
15
|
}
|
|
16
16
|
_handleInput(e) {
|
|
17
|
-
this.value = e.target.value, this.dispatchEvent(new CustomEvent("input", {
|
|
17
|
+
this.value = e.target.value, this.dispatchEvent(new CustomEvent("flint-text-field-input", {
|
|
18
18
|
detail: { value: this.value },
|
|
19
19
|
bubbles: !0,
|
|
20
20
|
composed: !0
|
|
21
21
|
}));
|
|
22
22
|
}
|
|
23
23
|
_handleChange(e) {
|
|
24
|
-
this.value = e.target.value, this.dispatchEvent(new CustomEvent("change", {
|
|
24
|
+
this.value = e.target.value, this.dispatchEvent(new CustomEvent("flint-text-field-change", {
|
|
25
25
|
detail: { value: this.value },
|
|
26
26
|
bubbles: !0,
|
|
27
27
|
composed: !0
|
|
@@ -77,7 +77,7 @@ var E = class extends t {
|
|
|
77
77
|
_emit() {
|
|
78
78
|
if (this._h === null || this._m === null) return;
|
|
79
79
|
let e = b(this.ampm ? S(this._h, this._mer) : this._h, this._m, this._s ?? 0);
|
|
80
|
-
e !== this.value && (this.value = e, this.dispatchEvent(new CustomEvent("change", {
|
|
80
|
+
e !== this.value && (this.value = e, this.dispatchEvent(new CustomEvent("flint-time-field-change", {
|
|
81
81
|
detail: { value: e },
|
|
82
82
|
bubbles: !0,
|
|
83
83
|
composed: !0
|
|
@@ -269,7 +269,7 @@ var D = class extends t {
|
|
|
269
269
|
return C(e, this.ampm);
|
|
270
270
|
}
|
|
271
271
|
_select(e) {
|
|
272
|
-
this.dispatchEvent(new CustomEvent("change", {
|
|
272
|
+
this.dispatchEvent(new CustomEvent("flint-digital-clock-change", {
|
|
273
273
|
detail: { value: e },
|
|
274
274
|
bubbles: !0,
|
|
275
275
|
composed: !0
|
|
@@ -325,7 +325,7 @@ var O = class extends t {
|
|
|
325
325
|
}
|
|
326
326
|
_set(e, t, n) {
|
|
327
327
|
let r = b(e, t, n);
|
|
328
|
-
this.dispatchEvent(new CustomEvent("change", {
|
|
328
|
+
this.dispatchEvent(new CustomEvent("flint-multi-section-digital-clock-change", {
|
|
329
329
|
detail: { value: r },
|
|
330
330
|
bubbles: !0,
|
|
331
331
|
composed: !0
|
|
@@ -467,7 +467,7 @@ var k = class extends t {
|
|
|
467
467
|
}
|
|
468
468
|
_emit(e, t, n) {
|
|
469
469
|
let r = b(e, t, n);
|
|
470
|
-
this.dispatchEvent(new CustomEvent("change", {
|
|
470
|
+
this.dispatchEvent(new CustomEvent("flint-time-clock-change", {
|
|
471
471
|
detail: { value: r },
|
|
472
472
|
bubbles: !0,
|
|
473
473
|
composed: !0
|
|
@@ -654,7 +654,7 @@ var A = n`
|
|
|
654
654
|
this.styles = [A];
|
|
655
655
|
}
|
|
656
656
|
_commit(e) {
|
|
657
|
-
this.value = e, this.dispatchEvent(new CustomEvent("change", {
|
|
657
|
+
this.value = e, this.dispatchEvent(new CustomEvent("flint-desktop-time-picker-change", {
|
|
658
658
|
detail: { value: e },
|
|
659
659
|
bubbles: !0,
|
|
660
660
|
composed: !0
|
|
@@ -665,7 +665,7 @@ var A = n`
|
|
|
665
665
|
<div class="popover-anchor">
|
|
666
666
|
<flint-time-field .value=${this.value} .label=${this.label} .ampm=${this.ampm} ?seconds=${this.seconds}
|
|
667
667
|
?disabled=${this.disabled} ?readonly=${this.readonly} ?error=${this.error} helper-text=${this.helperText} error-message=${this.errorMessage}
|
|
668
|
-
@change=${(e) => this._commit(e.detail.value)}
|
|
668
|
+
@flint-time-field-change=${(e) => this._commit(e.detail.value)}
|
|
669
669
|
@focus=${() => {
|
|
670
670
|
!this.disabled && !this.readonly && (this._open = !0);
|
|
671
671
|
}}
|
|
@@ -673,7 +673,7 @@ var A = n`
|
|
|
673
673
|
<div class="click-away ${this._open ? "open" : ""}" @click=${() => this._open = !1}></div>
|
|
674
674
|
<div class="popover ${this._open ? "open" : ""}" role="dialog" aria-label="Time picker">
|
|
675
675
|
<flint-multi-section-digital-clock .value=${this.value || b(12, 0)} .ampm=${this.ampm} ?seconds=${this.seconds}
|
|
676
|
-
@change=${(e) => {
|
|
676
|
+
@flint-multi-section-digital-clock-change=${(e) => {
|
|
677
677
|
this.value = e.detail.value;
|
|
678
678
|
}}
|
|
679
679
|
></flint-multi-section-digital-clock>
|
|
@@ -716,19 +716,19 @@ var M = class extends t {
|
|
|
716
716
|
@focus=${() => {
|
|
717
717
|
this.disabled || (this._pending = this.value, this._view = "hours", this._open = !0);
|
|
718
718
|
}}
|
|
719
|
-
@change=${(e) => {
|
|
720
|
-
this.value = e.detail.value, this.dispatchEvent(new CustomEvent("change", {
|
|
719
|
+
@flint-time-field-change=${(e) => {
|
|
720
|
+
this.value = e.detail.value, this.dispatchEvent(new CustomEvent("flint-mobile-time-picker-change", {
|
|
721
721
|
detail: e.detail,
|
|
722
722
|
bubbles: !0,
|
|
723
723
|
composed: !0
|
|
724
724
|
}));
|
|
725
725
|
}}
|
|
726
726
|
></flint-time-field>
|
|
727
|
-
<flint-dialog .open=${this._open} disable-backdrop-close @close=${() => this._open = !1} style="--flint-dialog-width:320px">
|
|
727
|
+
<flint-dialog .open=${this._open} disable-backdrop-close @flint-dialog-close=${() => this._open = !1} style="--flint-dialog-width:320px">
|
|
728
728
|
<flint-dialog-title>Select Time</flint-dialog-title>
|
|
729
729
|
<flint-dialog-content style="padding:12px;display:flex;justify-content:center;">
|
|
730
730
|
<flint-time-clock .value=${this._pending || this.value || b(12, 0)} .ampm=${this.ampm} ?seconds=${this.seconds} .view=${this._view}
|
|
731
|
-
@change=${(e) => {
|
|
731
|
+
@flint-time-clock-change=${(e) => {
|
|
732
732
|
this._pending = e.detail.value;
|
|
733
733
|
}}
|
|
734
734
|
@flint-time-clock-view-change=${(e) => {
|
|
@@ -742,7 +742,7 @@ var M = class extends t {
|
|
|
742
742
|
}}>Cancel</button>
|
|
743
743
|
<button class="btn btn-ok" @click=${() => {
|
|
744
744
|
let e = this._pending || this.value;
|
|
745
|
-
this.value = e, this.dispatchEvent(new CustomEvent("change", {
|
|
745
|
+
this.value = e, this.dispatchEvent(new CustomEvent("flint-mobile-time-picker-change", {
|
|
746
746
|
detail: { value: e },
|
|
747
747
|
bubbles: !0,
|
|
748
748
|
composed: !0
|
|
@@ -777,8 +777,8 @@ var N = class extends t {
|
|
|
777
777
|
return r`
|
|
778
778
|
<div class="surface">
|
|
779
779
|
<flint-multi-section-digital-clock .value=${this.value || b(12, 0)} .ampm=${this.ampm} ?seconds=${this.seconds}
|
|
780
|
-
@change=${(e) => {
|
|
781
|
-
this.value = e.detail.value, this.dispatchEvent(new CustomEvent("change", {
|
|
780
|
+
@flint-multi-section-digital-clock-change=${(e) => {
|
|
781
|
+
this.value = e.detail.value, this.dispatchEvent(new CustomEvent("flint-static-time-picker-change", {
|
|
782
782
|
detail: e.detail,
|
|
783
783
|
bubbles: !0,
|
|
784
784
|
composed: !0
|
|
@@ -801,7 +801,7 @@ var P = class extends t {
|
|
|
801
801
|
return this.variant === "auto" ? window.matchMedia("(pointer:coarse)").matches ? "mobile" : "desktop" : this.variant;
|
|
802
802
|
}
|
|
803
803
|
_onChange(e) {
|
|
804
|
-
this.value = e.detail.value, this.dispatchEvent(new CustomEvent("change", {
|
|
804
|
+
this.value = e.detail.value, this.dispatchEvent(new CustomEvent("flint-time-picker-change", {
|
|
805
805
|
detail: e.detail,
|
|
806
806
|
bubbles: !0,
|
|
807
807
|
composed: !0
|
|
@@ -809,7 +809,7 @@ var P = class extends t {
|
|
|
809
809
|
}
|
|
810
810
|
render() {
|
|
811
811
|
let e = this._v;
|
|
812
|
-
return e === "static" ? r`<flint-static-time-picker .value=${this.value} .ampm=${this.ampm} ?seconds=${this.seconds} @change=${this._onChange}></flint-static-time-picker>` : e === "mobile" ? r`<flint-mobile-time-picker .value=${this.value} .label=${this.label} .ampm=${this.ampm} ?seconds=${this.seconds} ?disabled=${this.disabled} ?error=${this.error} helper-text=${this.helperText} error-message=${this.errorMessage} @change=${this._onChange}></flint-mobile-time-picker>` : r`<flint-desktop-time-picker .value=${this.value} .label=${this.label} .ampm=${this.ampm} ?seconds=${this.seconds} ?disabled=${this.disabled} ?error=${this.error} helper-text=${this.helperText} error-message=${this.errorMessage} @change=${this._onChange}></flint-desktop-time-picker>`;
|
|
812
|
+
return e === "static" ? r`<flint-static-time-picker .value=${this.value} .ampm=${this.ampm} ?seconds=${this.seconds} @flint-static-time-picker-change=${this._onChange}></flint-static-time-picker>` : e === "mobile" ? r`<flint-mobile-time-picker .value=${this.value} .label=${this.label} .ampm=${this.ampm} ?seconds=${this.seconds} ?disabled=${this.disabled} ?error=${this.error} helper-text=${this.helperText} error-message=${this.errorMessage} @flint-mobile-time-picker-change=${this._onChange}></flint-mobile-time-picker>` : r`<flint-desktop-time-picker .value=${this.value} .label=${this.label} .ampm=${this.ampm} ?seconds=${this.seconds} ?disabled=${this.disabled} ?error=${this.error} helper-text=${this.helperText} error-message=${this.errorMessage} @flint-desktop-time-picker-change=${this._onChange}></flint-desktop-time-picker>`;
|
|
813
813
|
}
|
|
814
814
|
};
|
|
815
815
|
e([c({ type: String })], P.prototype, "value", void 0), e([c({ type: String })], P.prototype, "label", void 0), e([c({ type: String })], P.prototype, "variant", void 0), e([c({ type: Boolean })], P.prototype, "ampm", void 0), e([c({ type: Boolean })], P.prototype, "seconds", void 0), e([c({
|
|
@@ -33,7 +33,7 @@ var l = ":host{--flint-transfer-list-height:300px;--flint-transfer-list-width:20
|
|
|
33
33
|
this.disabled || (this.value = [], this.leftChecked = [], this.rightChecked = [], this._dispatchChange());
|
|
34
34
|
}
|
|
35
35
|
_dispatchChange() {
|
|
36
|
-
this.dispatchEvent(new CustomEvent("change", {
|
|
36
|
+
this.dispatchEvent(new CustomEvent("flint-transfer-list-change", {
|
|
37
37
|
detail: { value: this.value },
|
|
38
38
|
bubbles: !0,
|
|
39
39
|
composed: !0
|
|
@@ -3,7 +3,7 @@ import { LitElement, PropertyValues } from 'lit';
|
|
|
3
3
|
* Bottom Navigation bars allow movement between primary destinations in an app.
|
|
4
4
|
*
|
|
5
5
|
* @slot - destinations (flint-bottom-navigation-action).
|
|
6
|
-
* @fires flint-bottom-navigation-change - Dispatched when the selected value changes.
|
|
6
|
+
* @fires flint-bottom-navigation-change - Dispatched when the selected value changes. detail: `{ value: number | string }`
|
|
7
7
|
*/
|
|
8
8
|
export declare class FlintBottomNavigation extends LitElement {
|
|
9
9
|
static styles: import("lit").CSSResult;
|
package/dist/card/flint-card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../_shared/flint-card-
|
|
1
|
+
import { t as e } from "../_shared/flint-card-CQCJ9CY-.js";
|
|
2
2
|
export { e as FlintCard };
|
|
@@ -5,6 +5,7 @@ import { LitElement } from 'lit';
|
|
|
5
5
|
* @slot avatar - Avatar element shown at start.
|
|
6
6
|
* @slot icon - Icon shown at start when no avatar.
|
|
7
7
|
*
|
|
8
|
+
* @fires flint-chip-click - Fired when a clickable chip is clicked.
|
|
8
9
|
* @fires flint-chip-delete - Fired when the chip's delete icon is clicked. detail: `{ value: string }`
|
|
9
10
|
*/
|
|
10
11
|
export declare class FlintChip extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flint-chip.d.ts","sourceRoot":"","sources":["../../src/chip/flint-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD
|
|
1
|
+
{"version":3,"file":"flint-chip.d.ts","sourceRoot":"","sources":["../../src/chip/flint-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD;;;;;;;;GAQG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC,8CAA8C;IAClB,KAAK,SAAM;IACvC,wCAAwC;IACZ,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAY;IACtE,uCAAuC;IACX,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAa;IACnF,wBAAwB;IACmB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAC3E,uDAAuD;IAC1B,SAAS,UAAS;IAC/C,4CAA4C;IACf,SAAS,UAAS;IAC/C,kDAAkD;IACN,QAAQ,UAAS;IAE7D,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,oBAAoB;IAa5B,MAAM;CAyCT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
|
package/dist/chip/flint-chip.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../_shared/flint-chip-
|
|
1
|
+
import { t as e } from "../_shared/flint-chip-BfNjtn6m.js";
|
|
2
2
|
export { e as FlintChip };
|
|
@@ -41,7 +41,7 @@ export declare class FlintDatePickerCalendar extends LitElement {
|
|
|
41
41
|
* - 'static' — calendar always visible, no field
|
|
42
42
|
* - 'auto' — desktop on pointer:fine, mobile on pointer:coarse
|
|
43
43
|
*
|
|
44
|
-
* @fires change -
|
|
44
|
+
* @fires flint-date-picker-change - Fired when the date changes. detail: `{ value: string }`
|
|
45
45
|
*/
|
|
46
46
|
export declare class FlintDatePicker extends LitElement {
|
|
47
47
|
static styles: import("lit").CSSResult;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../_shared/flint-date-picker-
|
|
1
|
+
import { n as e, t } from "../_shared/flint-date-picker-BmCBZr-w.js";
|
|
2
2
|
export { t as FlintDatePicker, e as FlintDatePickerCalendar };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../_shared/flint-date-range-picker-
|
|
1
|
+
import { t as e } from "../_shared/flint-date-range-picker-BmADbduG.js";
|
|
2
2
|
export { e as FlintDateRangePicker };
|
|
@@ -3,7 +3,7 @@ import '../backdrop/flint-backdrop';
|
|
|
3
3
|
/**
|
|
4
4
|
* flint-dialog: a modal dialog component.
|
|
5
5
|
*
|
|
6
|
-
* @fires close - Dispatched when the dialog requests to be closed (backdrop click or
|
|
6
|
+
* @fires flint-dialog-close - Dispatched when the dialog requests to be closed (backdrop click or
|
|
7
7
|
* an explicit call to `requestClose()`). The host is responsible for
|
|
8
8
|
* setting `open = false` in response. detail: `{ open: false }`
|
|
9
9
|
* @fires confirm - Dispatched by confirmation dialogs when the user clicked "confirm".
|
|
@@ -34,7 +34,7 @@ export declare class FlintDialog extends LitElement {
|
|
|
34
34
|
updated(changed: PropertyValues<this>): void;
|
|
35
35
|
disconnectedCallback(): void;
|
|
36
36
|
private readonly _handleKeyDown;
|
|
37
|
-
/** Programmatically request the dialog to close (fires the 'close' event). */
|
|
37
|
+
/** Programmatically request the dialog to close (fires the 'flint-dialog-close' event). */
|
|
38
38
|
requestClose(): void;
|
|
39
39
|
private _handleBackdropClose;
|
|
40
40
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flint-dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/flint-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQvE,OAAO,4BAA4B,CAAC;AAKpC;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA6B;IAE1C,sDAAsD;IACV,IAAI,UAAS;IAEzD;;;OAGG;IACqD,WAAW,UAAS;IAE5E,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,YAAY,CAA4B;IAEhD,uEAAuE;IAC3C,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,YAAY,CAAW;IAEtF;;;OAGG;IAC+D,oBAAoB,UAAS;IAEtF,UAAU,CAAC,OAAO,EAAE,cAAc;IAU3C,iBAAiB;IAKR,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAkB9C,oBAAoB;IAQpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAI7B;IAEF,
|
|
1
|
+
{"version":3,"file":"flint-dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/flint-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQvE,OAAO,4BAA4B,CAAC;AAKpC;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA6B;IAE1C,sDAAsD;IACV,IAAI,UAAS;IAEzD;;;OAGG;IACqD,WAAW,UAAS;IAE5E,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,YAAY,CAA4B;IAEhD,uEAAuE;IAC3C,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,YAAY,CAAW;IAEtF;;;OAGG;IAC+D,oBAAoB,UAAS;IAEtF,UAAU,CAAC,OAAO,EAAE,cAAc;IAU3C,iBAAiB;IAKR,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAkB9C,oBAAoB;IAQpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAI7B;IAEF,2FAA2F;IAC3F,YAAY;IAIZ,OAAO,CAAC,oBAAoB;IAS5B,MAAM;CAsBP;AAED;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAkC;IAE/C,MAAM;CAGP;AAED;;GAEG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAoC;IAEjD,MAAM;CAGP;AAED;;GAEG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,0BAAwC;IAErD,MAAM;CAGP;AAED;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAoC;IAEjD,wFAAwF;IAC7C,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,CAAS;IAEvG,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;QAC5B,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,2BAA2B,EAAE,sBAAsB,CAAC;QACpD,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, r, t as i } from "../_shared/flint-dialog-
|
|
1
|
+
import { a as e, i as t, n, r, t as i } from "../_shared/flint-dialog-CK6ltziy.js";
|
|
2
2
|
export { i as FlintDialog, n as FlintDialogActions, r as FlintDialogContent, t as FlintDialogContentText, e as FlintDialogTitle };
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./_shared/flint-button-DwrmFg7O.js";
|
|
2
2
|
import { t } from "./_shared/flint-button-group-CdwiDTLI.js";
|
|
3
|
-
import { t as n } from "./_shared/flint-card-
|
|
3
|
+
import { t as n } from "./_shared/flint-card-CQCJ9CY-.js";
|
|
4
4
|
import { t as r } from "./_shared/flint-card-header-HxL5TlBx.js";
|
|
5
5
|
import { t as i } from "./_shared/flint-card-content-C3Gv3Ps5.js";
|
|
6
6
|
import { t as a } from "./_shared/flint-card-media-B1U9TYsC.js";
|
|
@@ -8,7 +8,7 @@ import { t as o } from "./_shared/flint-card-actions-C74ZbYNI.js";
|
|
|
8
8
|
import { t as s } from "./_shared/flint-card-action-area-07Emwi1d.js";
|
|
9
9
|
import { t as c } from "./_shared/flint-paper-CArGvvRa.js";
|
|
10
10
|
import { t as l } from "./_shared/flint-input-CuVd-L9A.js";
|
|
11
|
-
import { t as u } from "./_shared/flint-select-
|
|
11
|
+
import { t as u } from "./_shared/flint-select-Cuu4rHts.js";
|
|
12
12
|
import { t as d } from "./_shared/flint-fab-D8nKcAan.js";
|
|
13
13
|
import { t as f } from "./_shared/flint-autocomplete-B1tLM8lN.js";
|
|
14
14
|
import { t as p } from "./_shared/flint-checkbox-GnuZq0Yy.js";
|
|
@@ -16,25 +16,25 @@ import { n as m, t as h } from "./_shared/flint-radio-B_C3wNRn.js";
|
|
|
16
16
|
import { t as g } from "./_shared/flint-rating-CqUGdPR_.js";
|
|
17
17
|
import { t as _ } from "./_shared/flint-switch-DN7VI9jT.js";
|
|
18
18
|
import { t as v } from "./_shared/flint-textarea-D15Eq154.js";
|
|
19
|
-
import { t as y } from "./_shared/flint-transfer-list-
|
|
19
|
+
import { t as y } from "./_shared/flint-transfer-list-CVm0jvtR.js";
|
|
20
20
|
import { t as b } from "./_shared/flint-badge-AzmcBWUq.js";
|
|
21
21
|
import { t as x } from "./_shared/flint-alert-XVhCfLTJ.js";
|
|
22
22
|
import { t as S } from "./_shared/flint-skeleton-CWFa-PkE.js";
|
|
23
23
|
import { t as C } from "./_shared/flint-snackbar-D8-hpqLp.js";
|
|
24
24
|
import { t as w } from "./_shared/flint-divider-Boj8Ggbt.js";
|
|
25
25
|
import { t as T } from "./_shared/flint-slider-CVb_rYPp.js";
|
|
26
|
-
import { t as E } from "./_shared/flint-text-field
|
|
26
|
+
import { t as E } from "./_shared/flint-text-field-CqiHradH.js";
|
|
27
27
|
import { t as D } from "./_shared/flint-toggle-button-GmL4rbZa.js";
|
|
28
28
|
import { t as O } from "./_shared/flint-toggle-button-group-Bb9ysTf-.js";
|
|
29
29
|
import { t as k } from "./_shared/flint-avatar-DSQJv4gX.js";
|
|
30
|
-
import { t as A } from "./_shared/flint-chip-
|
|
30
|
+
import { t as A } from "./_shared/flint-chip-BfNjtn6m.js";
|
|
31
31
|
import { a as j, i as M, n as N, o as P, r as F, s as I, t as L } from "./_shared/flint-list-DJCPEDre.js";
|
|
32
32
|
import { a as R, i as z, n as B, o as V, r as H, s as U, t as W } from "./_shared/flint-table-DQ--YqEC.js";
|
|
33
33
|
import { t as G } from "./_shared/flint-table-sort-label-C4mkQmDM.js";
|
|
34
34
|
import { t as K } from "./_shared/flint-table-pagination-BrJ56t-r.js";
|
|
35
35
|
import { t as q } from "./_shared/flint-tooltip-C9nJvtJi.js";
|
|
36
36
|
import { t as J } from "./_shared/flint-backdrop-B28XJbZN.js";
|
|
37
|
-
import { a as Y, i as X, n as Z, r as Q, t as $ } from "./_shared/flint-dialog-
|
|
37
|
+
import { a as Y, i as X, n as Z, r as Q, t as $ } from "./_shared/flint-dialog-CK6ltziy.js";
|
|
38
38
|
import { t as ee } from "./_shared/flint-circular-progress-CuR8VdqI.js";
|
|
39
39
|
import { t as te } from "./_shared/flint-linear-progress-B4sGgZrk.js";
|
|
40
40
|
import { i as ne, n as re, r as ie, t as ae } from "./_shared/flint-accordion-C1ZeUTPt.js";
|
|
@@ -45,10 +45,10 @@ import { t as le } from "./_shared/flint-breadcrumbs-DjFiMWIj.js";
|
|
|
45
45
|
import { t as ue } from "./_shared/flint-drawer-jR9Z3p_w.js";
|
|
46
46
|
import { t as de } from "./_shared/flint-link-CnzR1CYQ.js";
|
|
47
47
|
import { t as fe } from "./_shared/flint-typography-D0vqF15X.js";
|
|
48
|
-
import { i as pe, n as me, r as he, t as ge } from "./_shared/flint-menu-
|
|
48
|
+
import { i as pe, n as me, r as he, t as ge } from "./_shared/flint-menu-ZvPIg74v.js";
|
|
49
49
|
import { t as _e } from "./_shared/flint-pagination-D-KNsfjM.js";
|
|
50
50
|
import { n as ve, t as ye } from "./_shared/flint-speed-dial-DYU66D0P.js";
|
|
51
|
-
import { a as be, i as xe, n as Se, o as Ce, r as we, t as Te } from "./_shared/flint-stepper-
|
|
51
|
+
import { a as be, i as xe, n as Se, o as Ce, r as we, t as Te } from "./_shared/flint-stepper-J1h_Y0-1.js";
|
|
52
52
|
import { i as Ee, n as De, r as Oe, t as ke } from "./_shared/flint-tabs-Do8hU-DT.js";
|
|
53
53
|
import { t as Ae } from "./_shared/flint-box-TbPTowiO.js";
|
|
54
54
|
import { t as je } from "./_shared/flint-container-CYSq758Y.js";
|
|
@@ -57,12 +57,12 @@ import { t as Ne } from "./_shared/flint-stack-GAeGPdLR.js";
|
|
|
57
57
|
import { t as Pe } from "./_shared/flint-image-list-CS-XDM0T.js";
|
|
58
58
|
import { t as Fe } from "./_shared/flint-image-list-item-CE1j29Ay.js";
|
|
59
59
|
import { t as Ie } from "./_shared/flint-image-list-item-bar-BZfSoVrZ.js";
|
|
60
|
-
import { n as Le, t as Re } from "./_shared/flint-date-picker-
|
|
60
|
+
import { n as Le, t as Re } from "./_shared/flint-date-picker-BmCBZr-w.js";
|
|
61
61
|
import { t as ze } from "./_shared/flint-date-field-lcBa5fNS.js";
|
|
62
62
|
import { t as Be } from "./_shared/flint-single-input-date-range-field-CnKdZow6.js";
|
|
63
63
|
import { t as Ve } from "./_shared/flint-date-range-calendar-BPBdO9n3.js";
|
|
64
|
-
import { t as He } from "./_shared/flint-date-range-picker-
|
|
65
|
-
import { a as Ue, c as We, i as Ge, n as Ke, o as qe, r as Je, s as Ye, t as Xe } from "./_shared/flint-time-picker-
|
|
64
|
+
import { t as He } from "./_shared/flint-date-range-picker-BmADbduG.js";
|
|
65
|
+
import { a as Ue, c as We, i as Ge, n as Ke, o as qe, r as Je, s as Ye, t as Xe } from "./_shared/flint-time-picker-CgOz2hSp.js";
|
|
66
66
|
import { t as Ze } from "./_shared/flint-tree-item-iMT216uo.js";
|
|
67
67
|
import { t as Qe } from "./_shared/flint-simple-tree-view-DD3zHLzJ.js";
|
|
68
68
|
import { t as $e } from "./_shared/flint-rich-tree-view-D1Cmqb3L.js";
|
|
@@ -71,7 +71,7 @@ import { a as lt, i as ut, n as dt, r as ft, t as pt } from "./_shared/flint-car
|
|
|
71
71
|
import { a as mt, i as ht, n as gt, o as _t, r as vt, t as yt } from "./_shared/flint-empty-Bq8DuJQT.js";
|
|
72
72
|
import { n as bt, r as xt, t as St } from "./_shared/flint-collapsible-BJ4LwGpz.js";
|
|
73
73
|
import { n as Ct, r as wt, t as Tt } from "./_shared/flint-hover-card-BTdefGOR.js";
|
|
74
|
-
import { i as Et, n as Dt, r as Ot, t as kt } from "./_shared/flint-input-otp-
|
|
74
|
+
import { i as Et, n as Dt, r as Ot, t as kt } from "./_shared/flint-input-otp-C2GUUYS9.js";
|
|
75
75
|
import { a as At, c as jt, i as Mt, l as Nt, n as Pt, o as Ft, r as It, s as Lt, t as Rt, u as zt } from "./_shared/flint-item-XvdemneV.js";
|
|
76
76
|
import { n as Bt, t as Vt } from "./_shared/flint-kbd-DXSl3YcK.js";
|
|
77
77
|
import { a as Ht, c as Ut, d as Wt, f as Gt, i as Kt, l as qt, m as Jt, n as Yt, o as Xt, p as Zt, r as Qt, s as $t, t as en, u as tn } from "./_shared/flint-menubar-C1Q_-F8q.js";
|
|
@@ -86,7 +86,6 @@ export declare class FlintInputOtp extends LitElement {
|
|
|
86
86
|
private _handleClick;
|
|
87
87
|
private readonly _descId;
|
|
88
88
|
private static _uidCounter;
|
|
89
|
-
constructor();
|
|
90
89
|
connectedCallback(): void;
|
|
91
90
|
disconnectedCallback(): void;
|
|
92
91
|
willUpdate(changed: PropertyValues): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flint-input-otp.d.ts","sourceRoot":"","sources":["../../src/input-otp/flint-input-otp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAWhF;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,MAAM;CAGT;AAMD;;;GAGG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,0BAAwC;IAErD,MAAM;CAGT;AAMD;;;;;;;;GAQG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BAAmC;IAEhD,8CAA8C;IAClB,KAAK,SAAK;IAEtC,gEAAgE;IACpD,IAAI,SAAM;IAEtB,mFAAmF;IACvC,MAAM,UAAS;IAE3D,6BAA6B;IACe,OAAO,UAAS;IAE5D,MAAM;CAST;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C,yEAAyE;IAC5C,KAAK,SAAM;IAExC,wEAAwE;IAC9B,YAAY,SAAM;IAE5D,uCAAuC;IACc,SAAS,SAAK;IAEnE;;;;OAIG;IACS,OAAO,SAAM;IAEzB,8BAA8B;IACc,QAAQ,UAAS;IAE7D,kEAAkE;IACtC,KAAK,SAAuB;IAExD,iFAAiF;IACrD,WAAW,SAAM;IAErB,OAAO,CAAC,YAAY,CAAoB;IAEhE,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAyD;IACjF,OAAO,CAAC,MAAM,CAAC,WAAW,CAAK
|
|
1
|
+
{"version":3,"file":"flint-input-otp.d.ts","sourceRoot":"","sources":["../../src/input-otp/flint-input-otp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAWhF;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,MAAM;CAGT;AAMD;;;GAGG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,0BAAwC;IAErD,MAAM;CAGT;AAMD;;;;;;;;GAQG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BAAmC;IAEhD,8CAA8C;IAClB,KAAK,SAAK;IAEtC,gEAAgE;IACpD,IAAI,SAAM;IAEtB,mFAAmF;IACvC,MAAM,UAAS;IAE3D,6BAA6B;IACe,OAAO,UAAS;IAE5D,MAAM;CAST;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C,yEAAyE;IAC5C,KAAK,SAAM;IAExC,wEAAwE;IAC9B,YAAY,SAAM;IAE5D,uCAAuC;IACc,SAAS,SAAK;IAEnE;;;;OAIG;IACS,OAAO,SAAM;IAEzB,8BAA8B;IACc,QAAQ,UAAS;IAE7D,kEAAkE;IACtC,KAAK,SAAuB;IAExD,iFAAiF;IACrD,WAAW,SAAM;IAErB,OAAO,CAAC,YAAY,CAAoB;IAEhE,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAyD;IACjF,OAAO,CAAC,MAAM,CAAC,WAAW,CAAK;IAEtB,iBAAiB;IAQjB,oBAAoB;IAKpB,UAAU,CAAC,OAAO,EAAE,cAAc;IAoBlC,OAAO,CAAC,OAAO,EAAE,cAAc;IAMxC,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,gBAAgB;IAMxB,mFAAmF;IACnF,OAAO,CAAC,OAAO;IAsBf;;;OAGG;IACH,OAAO,CAAC,WAAW;IAwBnB,+DAA+D;IAC/D,OAAO,CAAC,eAAe;IAevB,uDAAuD;IACvD,OAAO,CAAC,cAAc;IAYtB,+DAA+D;IAC/D,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,KAAK,kBAAkB,GAQ7B;IAED,MAAM;CAqBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;QACjC,uBAAuB,EAAE,kBAAkB,CAAC;QAC5C,2BAA2B,EAAE,sBAAsB,CAAC;QACpD,sBAAsB,EAAE,iBAAiB,CAAC;KAC7C;CACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../_shared/flint-input-otp-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../_shared/flint-input-otp-C2GUUYS9.js";
|
|
2
2
|
export { r as FlintInputOtp, t as FlintInputOtpGroup, n as FlintInputOtpSeparator, e as FlintInputOtpSlot };
|
|
@@ -4,7 +4,7 @@ import { LitElement } from 'lit';
|
|
|
4
4
|
* with theme colors and typography styles.
|
|
5
5
|
*
|
|
6
6
|
* @slot - Link text or content.
|
|
7
|
-
*
|
|
7
|
+
* Native click events propagate from the shadow DOM anchor element.
|
|
8
8
|
*/
|
|
9
9
|
export declare class FlintLink extends LitElement {
|
|
10
10
|
static styles: import("lit").CSSResult;
|
|
@@ -75,7 +75,7 @@ export declare class FlintMenu extends LitElement {
|
|
|
75
75
|
* Menu placement relative to its anchor container.
|
|
76
76
|
* 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'right-start' | 'left-start'
|
|
77
77
|
*/
|
|
78
|
-
placement:
|
|
78
|
+
placement: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'right-start' | 'left-start';
|
|
79
79
|
/** When true, selecting an item automatically fires flint-menu-close. */
|
|
80
80
|
closeOnSelect: boolean;
|
|
81
81
|
/** When true, constrains height to --flint-menu-max-height (default 300px) and enables scrolling. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flint-menu.d.ts","sourceRoot":"","sources":["../../src/menu/flint-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,cAAc,EAAE,MAAM,KAAK,CAAC;AAa3E;;;;;;;;;GASG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C,wDAAwD;IACZ,QAAQ,UAAS;IAE7D,sDAAsD;IACV,QAAQ,UAAS;IAE7D,sDAAsD;IACV,KAAK,UAAS;IAE1D,oDAAoD;IACR,OAAO,UAAS;IAE5D;;;OAGG;IACwC,KAAK,CAAC,EAAE,MAAM,CAAC;IAE1D,iBAAiB;IAKR,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAS;IAErC,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,oBAAoB;IAK5B,sEAAsE;IACtE,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,YAAY;IAapB,MAAM;CAyBT;AAMD,yDAAyD;AACzD,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAC/C,MAAM;CACT;AAMD;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAE7C,sDAAsD;IAC1B,KAAK,SAAM;IAEvC,MAAM;CAQT;AAMD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC,wCAAwC;IACI,IAAI,UAAS;IAEzD;;;OAGG;IACwC,SAAS,
|
|
1
|
+
{"version":3,"file":"flint-menu.d.ts","sourceRoot":"","sources":["../../src/menu/flint-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,cAAc,EAAE,MAAM,KAAK,CAAC;AAa3E;;;;;;;;;GASG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C,wDAAwD;IACZ,QAAQ,UAAS;IAE7D,sDAAsD;IACV,QAAQ,UAAS;IAE7D,sDAAsD;IACV,KAAK,UAAS;IAE1D,oDAAoD;IACR,OAAO,UAAS;IAE5D;;;OAGG;IACwC,KAAK,CAAC,EAAE,MAAM,CAAC;IAE1D,iBAAiB;IAKR,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAS;IAErC,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,oBAAoB;IAK5B,sEAAsE;IACtE,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,YAAY;IAapB,MAAM;CAyBT;AAMD,yDAAyD;AACzD,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAC/C,MAAM;CACT;AAMD;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAE7C,sDAAsD;IAC1B,KAAK,SAAM;IAEvC,MAAM;CAQT;AAMD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC,wCAAwC;IACI,IAAI,UAAS;IAEzD;;;OAGG;IACwC,SAAS,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,GAAG,YAAY,CAAkB;IAE9J,yEAAyE;IACd,aAAa,UAAQ;IAEhF,qGAAqG;IACxE,UAAU,UAAS;IAEhD,yEAAyE;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IAI3C,0DAA0D;IAC1D,OAAO,CAAC,aAAa,CAKnB;IAEF,kEAAkE;IAClE,OAAO,CAAC,gBAAgB,CAGtB;IAEF,iBAAiB;IAMjB,oBAAoB;IAQpB,OAAO,CAAC,OAAO,EAAE,cAAc;IAY/B,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,iBAAiB;IAqDzB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,iBAAiB;IAKzB,MAAM;CAwBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;QACxB,iBAAiB,EAAE,aAAa,CAAC;QACjC,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ"}
|
package/dist/menu/flint-menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../_shared/flint-menu-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../_shared/flint-menu-ZvPIg74v.js";
|
|
2
2
|
export { r as FlintMenu, t as FlintMenuDivider, n as FlintMenuGroup, e as FlintMenuItem };
|
|
@@ -12,7 +12,7 @@ var o = class extends t {
|
|
|
12
12
|
display: flex;
|
|
13
13
|
height: 100%;
|
|
14
14
|
width: 100%;
|
|
15
|
-
overflow:
|
|
15
|
+
overflow: clip;
|
|
16
16
|
/* Internal: total pixel width/height of all handles — set by JS. */
|
|
17
17
|
--_rg-handle-total: 0px;
|
|
18
18
|
}
|
|
@@ -171,7 +171,7 @@ var s = class extends t {
|
|
|
171
171
|
this.styles = n`
|
|
172
172
|
:host {
|
|
173
173
|
position: relative;
|
|
174
|
-
overflow:
|
|
174
|
+
overflow: clip;
|
|
175
175
|
flex-shrink: 0;
|
|
176
176
|
flex-grow: 0;
|
|
177
177
|
min-width: 0;
|
|
@@ -10,7 +10,7 @@ declare const FlintSelect_base: (new (...args: any[]) => import("../mixins/form-
|
|
|
10
10
|
/**
|
|
11
11
|
* A select component for choosing one or multiple options from a list.
|
|
12
12
|
*
|
|
13
|
-
* @fires flint-select-change - Dispatched when the selection changes. detail: { value: string
|
|
13
|
+
* @fires flint-select-change - Dispatched when the selection changes. detail: `{ value: string[] }`
|
|
14
14
|
* @slot icon - Optional icon shown at the start of the trigger.
|
|
15
15
|
* @slot error-message - Optional slot for error message content (use error-message prop for simple text).
|
|
16
16
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../_shared/flint-select-
|
|
1
|
+
import { t as e } from "../_shared/flint-select-Cuu4rHts.js";
|
|
2
2
|
export { e as FlintSelect };
|
|
@@ -116,6 +116,9 @@ export declare class FlintStepper extends LitElement {
|
|
|
116
116
|
*
|
|
117
117
|
* @slot back-button - Back navigation button.
|
|
118
118
|
* @slot next-button - Next navigation button.
|
|
119
|
+
*
|
|
120
|
+
* @fires flint-mobile-step-back - Fired when the back button is clicked.
|
|
121
|
+
* @fires flint-mobile-step-next - Fired when the next button is clicked.
|
|
119
122
|
*/
|
|
120
123
|
export declare class FlintMobileStepper extends LitElement {
|
|
121
124
|
static styles: import("lit").CSSResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flint-stepper.d.ts","sourceRoot":"","sources":["../../src/stepper/flint-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiBhF,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,8CAA8C;IACjB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACnF,oEAAoE;IACvC,SAAS,UAAS;IAE/C,MAAM;CACT;AAKD;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAE7C,oDAAoD;IACR,MAAM,UAAS;IAC3D,4CAA4C;IACA,QAAQ,UAAS;IAC7D,qDAAqD;IACT,KAAK,UAAS;IAE1D,MAAM;CAMT;AAKD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAE/C,sFAAsF;IAC1C,IAAI,UAAQ;IAExD,MAAM;CAWT;AAKD;;;;;;;;GAQG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC,sDAAsD;IACV,MAAM,UAAS;IAC3D,4CAA4C;IACA,SAAS,UAAS;IAC9D,yDAAyD;IACb,QAAQ,UAAS;IAC7D,qCAAqC;IACO,QAAQ,UAAS;IAC7D,8CAA8C;IACF,KAAK,UAAS;IAC1D,oDAAoD;IACR,IAAI,UAAS;IACzD,0DAA0D;IACd,SAAS,UAAS;IAC9D,oCAAoC;IACO,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACjG,6EAA6E;IACD,gBAAgB,UAAS;IACrG,wDAAwD;IACH,SAAS,SAAK;IACnE,4DAA4D;IACH,aAAa,SAAc;IACpF;;;OAGG;IACuD,aAAa,UAAS;IAEhF,iBAAiB;IAMjB,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,UAAU;IAIlB,MAAM;CA2CT;AAKD;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,0BAA8B;IAE3C,qDAAqD;IACC,UAAU,SAAK;IACrE;;;OAGG;IAC2D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACzF,uCAAuC;IACI,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACjG,6EAA6E;IAChB,gBAAgB,UAAS;IACtF,6EAA6E;IACvB,SAAS,UAAS;IACxE,0FAA0F;IAC9D,KAAK,SAAW;IAE5C,OAAO,CAAC,YAAY,CAAQ;IAEnB,UAAU,CAAC,OAAO,EAAE,cAAc;IAU3C,OAAO,CAAC,UAAU;IAoBlB,YAAY;IAIZ,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/B,iBAAiB;IAIjB,oBAAoB;IAKpB,OAAO,CAAC,YAAY,CAIlB;IAEF,MAAM;CAOT;AAKD
|
|
1
|
+
{"version":3,"file":"flint-stepper.d.ts","sourceRoot":"","sources":["../../src/stepper/flint-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiBhF,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,8CAA8C;IACjB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACnF,oEAAoE;IACvC,SAAS,UAAS;IAE/C,MAAM;CACT;AAKD;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAE7C,oDAAoD;IACR,MAAM,UAAS;IAC3D,4CAA4C;IACA,QAAQ,UAAS;IAC7D,qDAAqD;IACT,KAAK,UAAS;IAE1D,MAAM;CAMT;AAKD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAE/C,sFAAsF;IAC1C,IAAI,UAAQ;IAExD,MAAM;CAWT;AAKD;;;;;;;;GAQG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC,sDAAsD;IACV,MAAM,UAAS;IAC3D,4CAA4C;IACA,SAAS,UAAS;IAC9D,yDAAyD;IACb,QAAQ,UAAS;IAC7D,qCAAqC;IACO,QAAQ,UAAS;IAC7D,8CAA8C;IACF,KAAK,UAAS;IAC1D,oDAAoD;IACR,IAAI,UAAS;IACzD,0DAA0D;IACd,SAAS,UAAS;IAC9D,oCAAoC;IACO,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACjG,6EAA6E;IACD,gBAAgB,UAAS;IACrG,wDAAwD;IACH,SAAS,SAAK;IACnE,4DAA4D;IACH,aAAa,SAAc;IACpF;;;OAGG;IACuD,aAAa,UAAS;IAEhF,iBAAiB;IAMjB,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,UAAU;IAIlB,MAAM;CA2CT;AAKD;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,0BAA8B;IAE3C,qDAAqD;IACC,UAAU,SAAK;IACrE;;;OAGG;IAC2D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACzF,uCAAuC;IACI,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACjG,6EAA6E;IAChB,gBAAgB,UAAS;IACtF,6EAA6E;IACvB,SAAS,UAAS;IACxE,0FAA0F;IAC9D,KAAK,SAAW;IAE5C,OAAO,CAAC,YAAY,CAAQ;IAEnB,UAAU,CAAC,OAAO,EAAE,cAAc;IAU3C,OAAO,CAAC,UAAU;IAoBlB,YAAY;IAIZ,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/B,iBAAiB;IAIjB,oBAAoB;IAKpB,OAAO,CAAC,YAAY,CAIlB;IAEF,MAAM;CAOT;AAKD;;;;;;;;GAQG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,6BAA6B;IACD,KAAK,SAAK;IACtC,qDAAqD;IACC,UAAU,SAAK;IACrE,iFAAiF;IACrD,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAU;IAC3E,8DAA8D;IACnB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAY;IAC5F,iEAAiE;IACZ,SAAS,SAAU;IACxE,iEAAiE;IACZ,SAAS,SAAU;IAExE,+DAA+D;IAC/D,OAAO,KAAK,UAAU,GAAsC;IAE5D,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,SAAS;IA8BjB,MAAM;CAoBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;QAC9B,YAAY,EAAE,SAAS,CAAC;QACxB,kBAAkB,EAAE,cAAc,CAAC;QACnC,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,sBAAsB,EAAE,kBAAkB,CAAC;KAC9C;CACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../_shared/flint-stepper-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../_shared/flint-stepper-J1h_Y0-1.js";
|
|
2
2
|
export { a as FlintMobileStepper, n as FlintStep, i as FlintStepConnector, t as FlintStepContent, e as FlintStepLabel, r as FlintStepper };
|
|
@@ -2,8 +2,8 @@ import { LitElement, PropertyValues } from 'lit';
|
|
|
2
2
|
/**
|
|
3
3
|
* Text Field: a styled text input with outlined/filled variants.
|
|
4
4
|
*
|
|
5
|
-
* @fires input - Fired on each keystroke as the value changes.
|
|
6
|
-
* @fires change - Fired when the input loses focus after the value has changed.
|
|
5
|
+
* @fires flint-text-field-input - Fired on each keystroke as the value changes. detail: `{ value: string }`
|
|
6
|
+
* @fires flint-text-field-change - Fired when the input loses focus after the value has changed. detail: `{ value: string }`
|
|
7
7
|
*/
|
|
8
8
|
export declare class FlintTextField extends LitElement {
|
|
9
9
|
static styles: import("lit").CSSResult;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../_shared/flint-text-field
|
|
1
|
+
import { t as e } from "../_shared/flint-text-field-CqiHradH.js";
|
|
2
2
|
export { e as FlintTextField };
|
|
@@ -4,7 +4,7 @@ type TimeView = 'hours' | 'minutes' | 'seconds';
|
|
|
4
4
|
/**
|
|
5
5
|
* Time Field: a segmented time input with keyboard navigation.
|
|
6
6
|
*
|
|
7
|
-
* @fires change - Fired when the time value changes.
|
|
7
|
+
* @fires flint-time-field-change - Fired when the time value changes. detail: `{ value: string }`
|
|
8
8
|
* @fires flint-time-picker-clear - Fired when the clear button is clicked.
|
|
9
9
|
*/
|
|
10
10
|
export declare class FlintTimeField extends LitElement {
|
|
@@ -53,7 +53,7 @@ export declare class FlintTimeField extends LitElement {
|
|
|
53
53
|
/**
|
|
54
54
|
* Digital Clock: a scrollable time-slot picker.
|
|
55
55
|
*
|
|
56
|
-
* @fires change - Fired when a time slot is selected.
|
|
56
|
+
* @fires flint-digital-clock-change - Fired when a time slot is selected. detail: `{ value: string }`
|
|
57
57
|
*/
|
|
58
58
|
export declare class FlintDigitalClock extends LitElement {
|
|
59
59
|
static styles: import("lit").CSSResult;
|
|
@@ -73,7 +73,7 @@ export declare class FlintDigitalClock extends LitElement {
|
|
|
73
73
|
/**
|
|
74
74
|
* Multi Section Digital Clock: hours, minutes, and optional seconds columns.
|
|
75
75
|
*
|
|
76
|
-
* @fires change - Fired when the time value changes.
|
|
76
|
+
* @fires flint-multi-section-digital-clock-change - Fired when the time value changes. detail: `{ value: string }`
|
|
77
77
|
*/
|
|
78
78
|
export declare class FlintMultiSectionDigitalClock extends LitElement {
|
|
79
79
|
static styles: import("lit").CSSResult;
|
|
@@ -93,7 +93,7 @@ export declare class FlintMultiSectionDigitalClock extends LitElement {
|
|
|
93
93
|
/**
|
|
94
94
|
* Time Clock: an analog clock face for selecting hours, minutes, and seconds.
|
|
95
95
|
*
|
|
96
|
-
* @fires change - Fired when the time value changes.
|
|
96
|
+
* @fires flint-time-clock-change - Fired when the time value changes. detail: `{ value: string }`
|
|
97
97
|
* @fires flint-time-clock-view-change - Fired when the clock face view switches.
|
|
98
98
|
*/
|
|
99
99
|
export declare class FlintTimeClock extends LitElement {
|
|
@@ -124,7 +124,7 @@ export declare class FlintTimeClock extends LitElement {
|
|
|
124
124
|
/**
|
|
125
125
|
* Desktop Time Picker: a time field with a dropdown clock.
|
|
126
126
|
*
|
|
127
|
-
* @fires change - Fired when the time value changes.
|
|
127
|
+
* @fires flint-desktop-time-picker-change - Fired when the time value changes. detail: `{ value: string }`
|
|
128
128
|
*/
|
|
129
129
|
export declare class FlintDesktopTimePicker extends LitElement {
|
|
130
130
|
static styles: import("lit").CSSResult[];
|
|
@@ -153,7 +153,7 @@ export declare class FlintDesktopTimePicker extends LitElement {
|
|
|
153
153
|
/**
|
|
154
154
|
* Mobile Time Picker: a time field with a modal clock dialog.
|
|
155
155
|
*
|
|
156
|
-
* @fires change - Fired when the time value changes.
|
|
156
|
+
* @fires flint-mobile-time-picker-change - Fired when the time value changes. detail: `{ value: string }`
|
|
157
157
|
*/
|
|
158
158
|
export declare class FlintMobileTimePicker extends LitElement {
|
|
159
159
|
static styles: import("lit").CSSResult[];
|
|
@@ -181,7 +181,7 @@ export declare class FlintMobileTimePicker extends LitElement {
|
|
|
181
181
|
/**
|
|
182
182
|
* Static Time Picker: an always-visible inline clock.
|
|
183
183
|
*
|
|
184
|
-
* @fires change - Fired when the time value changes.
|
|
184
|
+
* @fires flint-static-time-picker-change - Fired when the time value changes. detail: `{ value: string }`
|
|
185
185
|
*/
|
|
186
186
|
export declare class FlintStaticTimePicker extends LitElement {
|
|
187
187
|
static styles: import("lit").CSSResult;
|
|
@@ -196,7 +196,7 @@ export declare class FlintStaticTimePicker extends LitElement {
|
|
|
196
196
|
/**
|
|
197
197
|
* Time Picker: a configurable time input supporting desktop, mobile, and static variants.
|
|
198
198
|
*
|
|
199
|
-
* @fires change - Fired when the time value changes.
|
|
199
|
+
* @fires flint-time-picker-change - Fired when the time value changes. detail: `{ value: string }`
|
|
200
200
|
*/
|
|
201
201
|
export declare class FlintTimePicker extends LitElement {
|
|
202
202
|
static styles: import("lit").CSSResult;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../_shared/flint-time-picker-
|
|
1
|
+
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../_shared/flint-time-picker-CgOz2hSp.js";
|
|
2
2
|
export { s as FlintDesktopTimePicker, r as FlintDigitalClock, a as FlintMobileTimePicker, n as FlintMultiSectionDigitalClock, e as FlintStaticTimePicker, i as FlintTimeClock, o as FlintTimeField, t as FlintTimePicker };
|
|
@@ -7,7 +7,7 @@ export interface TransferOption {
|
|
|
7
7
|
/**
|
|
8
8
|
* A premium Transfer List component for moving items between two lists.
|
|
9
9
|
*
|
|
10
|
-
* @fires change - Dispatched when items are moved between lists.
|
|
10
|
+
* @fires flint-transfer-list-change - Dispatched when items are moved between lists. detail: `{ value: string[] }`
|
|
11
11
|
*/
|
|
12
12
|
export declare class FlintTransferList extends LitElement {
|
|
13
13
|
static styles: import("lit").CSSResult;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../_shared/flint-transfer-list-
|
|
1
|
+
import { t as e } from "../_shared/flint-transfer-list-CVm0jvtR.js";
|
|
2
2
|
export { e as FlintTransferList };
|