@sbb-esta/lyne-elements 2.5.0 → 2.6.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/autocomplete/autocomplete-base-element.d.ts +19 -21
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button.js +7 -7
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +2 -2
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
- package/autocomplete.js +145 -136
- package/chip/chip/chip.d.ts +32 -0
- package/chip/chip/chip.d.ts.map +1 -0
- package/chip/chip-group/chip-group.d.ts +100 -0
- package/chip/chip-group/chip-group.d.ts.map +1 -0
- package/chip/chip-group.d.ts +2 -0
- package/chip/chip-group.d.ts.map +1 -0
- package/chip/chip-group.js +225 -0
- package/chip/chip.d.ts +2 -0
- package/chip/chip.d.ts.map +1 -0
- package/chip/chip.js +85 -0
- package/chip.d.ts +3 -0
- package/chip.d.ts.map +1 -0
- package/chip.js +2 -0
- package/clock/clock.d.ts.map +1 -1
- package/clock.js +1 -1
- package/core/base-elements/button-base-element.d.ts +5 -0
- package/core/base-elements/button-base-element.d.ts.map +1 -1
- package/core/base-elements.js +94 -79
- package/core/controllers/id-observer-controller.d.ts +21 -0
- package/core/controllers/id-observer-controller.d.ts.map +1 -0
- package/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/core/controllers.d.ts +2 -1
- package/core/controllers.d.ts.map +1 -1
- package/core/controllers.js +135 -80
- package/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/core/datetime.js +8 -3
- package/core/dom/find-referenced-element.d.ts +1 -0
- package/core/dom/find-referenced-element.d.ts.map +1 -1
- package/core/dom/input-element.d.ts +3 -1
- package/core/dom/input-element.d.ts.map +1 -1
- package/core/dom/platform.d.ts +5 -0
- package/core/dom/platform.d.ts.map +1 -1
- package/core/dom.js +10 -9
- package/core/i18n/i18n.d.ts +3 -0
- package/core/i18n/i18n.d.ts.map +1 -1
- package/core/i18n.js +135 -117
- package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/core/mixins.js +71 -63
- package/core/overlay/overlay-trigger-attributes.d.ts +1 -1
- package/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
- package/core/overlay/position.d.ts +1 -1
- package/core/overlay/position.d.ts.map +1 -1
- package/core/styles/core.scss +89 -24
- package/core/styles/image.scss +1 -1
- package/core/styles/mixins/table.scss +63 -26
- package/core/styles/table.scss +16 -0
- package/core/testing/scroll.d.ts +1 -0
- package/core/testing/scroll.d.ts.map +1 -1
- package/core/testing/wait-for-image-ready.d.ts.map +1 -1
- package/core/testing.js +8 -5
- package/core.css +90 -34
- package/custom-elements.json +2568 -740
- package/datepicker/datepicker/datepicker.d.ts +4 -4
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +0 -3
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/datepicker/datepicker-toggle.js +30 -34
- package/datepicker/datepicker.js +103 -105
- package/development/autocomplete/autocomplete-base-element.d.ts +19 -21
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +3 -3
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +2 -2
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup.js +1 -1
- package/development/autocomplete.js +104 -82
- package/development/chip/chip/chip.d.ts +32 -0
- package/development/chip/chip/chip.d.ts.map +1 -0
- package/development/chip/chip-group/chip-group.d.ts +100 -0
- package/development/chip/chip-group/chip-group.d.ts.map +1 -0
- package/development/chip/chip-group.d.ts +2 -0
- package/development/chip/chip-group.d.ts.map +1 -0
- package/development/chip/chip-group.js +349 -0
- package/development/chip/chip.d.ts +2 -0
- package/development/chip/chip.d.ts.map +1 -0
- package/development/chip/chip.js +212 -0
- package/development/chip.d.ts +3 -0
- package/development/chip.d.ts.map +1 -0
- package/development/chip.js +3 -0
- package/development/clock/clock.d.ts.map +1 -1
- package/development/clock.js +5 -2
- package/development/core/base-elements/button-base-element.d.ts +5 -0
- package/development/core/base-elements/button-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +38 -10
- package/development/core/controllers/id-observer-controller.d.ts +21 -0
- package/development/core/controllers/id-observer-controller.d.ts.map +1 -0
- package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/development/core/controllers.d.ts +2 -1
- package/development/core/controllers.d.ts.map +1 -1
- package/development/core/controllers.js +116 -44
- package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/development/core/datetime.js +6 -2
- package/development/core/dom/find-referenced-element.d.ts +1 -0
- package/development/core/dom/find-referenced-element.d.ts.map +1 -1
- package/development/core/dom/input-element.d.ts +3 -1
- package/development/core/dom/input-element.d.ts.map +1 -1
- package/development/core/dom/platform.d.ts +5 -0
- package/development/core/dom/platform.d.ts.map +1 -1
- package/development/core/dom.js +3 -1
- package/development/core/i18n/i18n.d.ts +3 -0
- package/development/core/i18n/i18n.d.ts.map +1 -1
- package/development/core/i18n.js +23 -2
- package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +19 -6
- package/development/core/overlay/overlay-trigger-attributes.d.ts +1 -1
- package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
- package/development/core/overlay/position.d.ts +1 -1
- package/development/core/overlay/position.d.ts.map +1 -1
- package/development/core/overlay.js +1 -1
- package/development/core/testing/scroll.d.ts +1 -0
- package/development/core/testing/scroll.d.ts.map +1 -1
- package/development/core/testing/wait-for-image-ready.d.ts.map +1 -1
- package/development/core/testing.js +6 -2
- package/development/datepicker/datepicker/datepicker.d.ts +4 -4
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +0 -3
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle.js +4 -12
- package/development/datepicker/datepicker.js +46 -43
- package/development/dialog/dialog-title/dialog-title.d.ts +0 -1
- package/development/dialog/dialog-title/dialog-title.d.ts.map +1 -1
- package/development/dialog/dialog-title.js +2 -5
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts +0 -2
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/development/expansion-panel/expansion-panel.js +2 -7
- package/development/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
- package/development/flip-card/flip-card-details.js +3 -3
- package/development/form-field/form-field/form-field.d.ts.map +1 -1
- package/development/form-field/form-field.js +13 -146
- package/development/header/header/header.d.ts +6 -7
- package/development/header/header/header.d.ts.map +1 -1
- package/development/header/header.js +45 -34
- package/development/menu/menu/menu.d.ts +7 -8
- package/development/menu/menu/menu.d.ts.map +1 -1
- package/development/menu/menu.js +42 -41
- package/development/navigation/navigation/navigation.d.ts +7 -8
- package/development/navigation/navigation/navigation.d.ts.map +1 -1
- package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/development/navigation/navigation-marker.js +3 -3
- package/development/navigation/navigation-section/navigation-section.d.ts +8 -9
- package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/development/navigation/navigation-section.js +50 -47
- package/development/navigation/navigation.js +42 -40
- package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/development/option/optgroup/optgroup.d.ts +2 -2
- package/development/option/optgroup/optgroup.d.ts.map +1 -1
- package/development/option/optgroup.js +3 -3
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option.js +3 -3
- package/development/paginator/paginator.js +12 -1
- package/development/popover/popover/popover.d.ts +8 -7
- package/development/popover/popover/popover.d.ts.map +1 -1
- package/development/popover/popover.js +28 -35
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +3 -5
- package/development/select/select.d.ts +6 -3
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +20 -18
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -2
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/development/selection-expansion-panel.js +2 -7
- package/development/sidebar/sidebar/sidebar.d.ts.map +1 -1
- package/development/sidebar/sidebar.js +3 -3
- package/development/stepper/step/step.d.ts +13 -1
- package/development/stepper/step/step.d.ts.map +1 -1
- package/development/stepper/step-label.js +2 -2
- package/development/stepper/step.js +21 -6
- package/development/stepper/stepper/stepper.d.ts +1 -0
- package/development/stepper/stepper/stepper.d.ts.map +1 -1
- package/development/stepper/stepper.js +5 -1
- package/development/table/table-wrapper.js +2 -1
- package/development/time-input/time-input.d.ts +6 -8
- package/development/time-input/time-input.d.ts.map +1 -1
- package/development/time-input.js +42 -44
- package/dialog/dialog-title/dialog-title.d.ts +0 -1
- package/dialog/dialog-title/dialog-title.d.ts.map +1 -1
- package/dialog/dialog-title.js +18 -21
- package/expansion-panel/expansion-panel/expansion-panel.d.ts +0 -2
- package/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/expansion-panel/expansion-panel.js +53 -56
- package/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
- package/flip-card/flip-card-details.js +8 -8
- package/form-field/form-field/form-field.d.ts.map +1 -1
- package/form-field/form-field.js +103 -98
- package/header/header/header.d.ts +6 -7
- package/header/header/header.d.ts.map +1 -1
- package/header/header.js +72 -70
- package/index.d.ts +4 -0
- package/index.js +4 -0
- package/menu/menu/menu.d.ts +7 -8
- package/menu/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +73 -73
- package/navigation/navigation/navigation.d.ts +7 -8
- package/navigation/navigation/navigation.d.ts.map +1 -1
- package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/navigation/navigation-marker.js +4 -4
- package/navigation/navigation-section/navigation-section.d.ts +8 -9
- package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/navigation/navigation-section.js +75 -77
- package/navigation/navigation.js +70 -70
- package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/option/optgroup/optgroup.d.ts +2 -2
- package/option/optgroup/optgroup.d.ts.map +1 -1
- package/option/optgroup.js +13 -13
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option.js +2 -2
- package/package.json +16 -1
- package/paginator/paginator.js +44 -44
- package/popover/popover/popover.d.ts +8 -7
- package/popover/popover/popover.d.ts.map +1 -1
- package/popover/popover.js +73 -73
- package/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +8 -8
- package/select/select.d.ts +6 -3
- package/select/select.d.ts.map +1 -1
- package/select.js +73 -73
- package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -2
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/selection-expansion-panel.js +10 -13
- package/sidebar/sidebar/sidebar.d.ts.map +1 -1
- package/sidebar/sidebar.js +2 -2
- package/standard-theme.css +166 -79
- package/stepper/step/step.d.ts +13 -1
- package/stepper/step/step.d.ts.map +1 -1
- package/stepper/step-label.js +1 -1
- package/stepper/step.js +34 -23
- package/stepper/stepper/stepper.d.ts +1 -0
- package/stepper/stepper/stepper.d.ts.map +1 -1
- package/stepper/stepper.js +19 -16
- package/table/table-wrapper.js +4 -4
- package/table.css +75 -44
- package/time-input/time-input.d.ts +6 -8
- package/time-input/time-input.d.ts.map +1 -1
- package/time-input.js +66 -73
package/core/base-elements.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
var
|
|
1
|
+
var V = (l) => {
|
|
2
2
|
throw TypeError(l);
|
|
3
3
|
};
|
|
4
|
-
var G = (l, r, n) => r.has(l) ||
|
|
5
|
-
var
|
|
6
|
-
import { __esDecorate as
|
|
4
|
+
var G = (l, r, n) => r.has(l) || V("Cannot " + n);
|
|
5
|
+
var v = (l, r, n) => (G(l, r, "read from private field"), n ? n.call(l) : r.get(l)), k = (l, r, n) => r.has(l) ? V("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, n), h = (l, r, n, i) => (G(l, r, "write to private field"), i ? i.call(l, n) : r.set(l, n), n);
|
|
6
|
+
import { __esDecorate as f, __runInitializers as c } from "tslib";
|
|
7
7
|
import { LitElement as Q, html as T, isServer as U, nothing as y } from "lit";
|
|
8
|
-
import { hostAttributes as
|
|
9
|
-
import { property as
|
|
8
|
+
import { hostAttributes as P, forceType as O, omitEmptyConverter as K } from "./decorators.js";
|
|
9
|
+
import { property as g } from "lit/decorators.js";
|
|
10
10
|
import { isEventPrevented as Y, EventEmitter as A } from "./eventing.js";
|
|
11
11
|
import { SbbFormAssociatedMixin as Z } from "./mixins.js";
|
|
12
12
|
import { SbbLanguageController as ee } from "./controllers.js";
|
|
@@ -14,13 +14,13 @@ import { i18nTargetOpensInNewWindow as te } from "./i18n.js";
|
|
|
14
14
|
import "../screen-reader-only.js";
|
|
15
15
|
let X = (() => {
|
|
16
16
|
var u;
|
|
17
|
-
let l = [
|
|
17
|
+
let l = [P({
|
|
18
18
|
"data-action": ""
|
|
19
|
-
})], r, n = [], i,
|
|
20
|
-
return u = class extends
|
|
19
|
+
})], r, n = [], i, _ = Q;
|
|
20
|
+
return u = class extends _ {
|
|
21
21
|
get maybeDisabled() {
|
|
22
|
-
const
|
|
23
|
-
return
|
|
22
|
+
const o = this;
|
|
23
|
+
return o.disabled || o.formDisabled;
|
|
24
24
|
}
|
|
25
25
|
get maybeDisabledInteractive() {
|
|
26
26
|
return this.disabledInteractive;
|
|
@@ -31,8 +31,8 @@ let X = (() => {
|
|
|
31
31
|
setupBaseEventHandlers() {
|
|
32
32
|
this.addEventListener(
|
|
33
33
|
"click",
|
|
34
|
-
(
|
|
35
|
-
this.maybeDisabled && !this.maybeDisabledInteractive && (
|
|
34
|
+
(o) => {
|
|
35
|
+
this.maybeDisabled && !this.maybeDisabledInteractive && (o.preventDefault(), o.stopImmediatePropagation());
|
|
36
36
|
},
|
|
37
37
|
// capture is necessary here, as this event handler needs to be executed before any other
|
|
38
38
|
// in order to stop immediate propagation in the disabled case.
|
|
@@ -48,16 +48,16 @@ let X = (() => {
|
|
|
48
48
|
return T`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
|
|
49
49
|
}
|
|
50
50
|
}, i = u, (() => {
|
|
51
|
-
const
|
|
52
|
-
|
|
51
|
+
const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
|
|
52
|
+
f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: o }, null, n), i = r.value, o && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o }), c(i, n);
|
|
53
53
|
})(), i;
|
|
54
54
|
})(), be = (() => {
|
|
55
55
|
var m;
|
|
56
|
-
let l = [
|
|
56
|
+
let l = [P({
|
|
57
57
|
tabindex: "0",
|
|
58
58
|
"data-button": ""
|
|
59
|
-
})], r, n = [], i,
|
|
60
|
-
return m = class extends
|
|
59
|
+
})], r, n = [], i, _ = Z(X), u = [], x, o;
|
|
60
|
+
return m = class extends _ {
|
|
61
61
|
/**
|
|
62
62
|
* The type attribute to use for the button.
|
|
63
63
|
* @default 'button'
|
|
@@ -70,22 +70,20 @@ let X = (() => {
|
|
|
70
70
|
}
|
|
71
71
|
/** The `<form>` element to associate the button with. */
|
|
72
72
|
set form(e) {
|
|
73
|
-
|
|
73
|
+
var t;
|
|
74
|
+
this._formId = e, (t = this.form) == null || t.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
74
75
|
}
|
|
75
76
|
get form() {
|
|
76
|
-
var e,
|
|
77
|
-
return this._formId ? ((
|
|
77
|
+
var e, t;
|
|
78
|
+
return this._formId ? ((t = (e = this.ownerDocument) == null ? void 0 : e.querySelector) == null ? void 0 : t.call(e, `form#${this._formId}`)) ?? null : this.internals.form;
|
|
78
79
|
}
|
|
79
80
|
constructor() {
|
|
80
|
-
if (super(), this.
|
|
81
|
+
if (super(), this._elementsOnWhichEnterPressTriggersSubmit = (c(this, u), ["input", "sbb-date-input"]), this._formId = "", this._handleButtonClick = async (e) => {
|
|
81
82
|
if (this.type === "button" || await Y(e))
|
|
82
83
|
return;
|
|
83
|
-
const
|
|
84
|
-
if (
|
|
85
|
-
|
|
86
|
-
const c = document.createElement("button");
|
|
87
|
-
c.inert = !0, c.hidden = !0, c.name = this.name, c.value = this.value ?? "", s.append(c), s.requestSubmit(c), c.remove();
|
|
88
|
-
} else this.type === "reset" && s.reset();
|
|
84
|
+
const t = this.form;
|
|
85
|
+
if (t)
|
|
86
|
+
this.type === "submit" ? this._requestSubmit(t) : this.type === "reset" && t.reset();
|
|
89
87
|
else return;
|
|
90
88
|
}, this._preventScrollOnSpaceKeydown = (e) => {
|
|
91
89
|
e.key === " " && (e.preventDefault(), e.target.toggleAttribute("data-active", !0));
|
|
@@ -93,30 +91,47 @@ let X = (() => {
|
|
|
93
91
|
e.target.removeAttribute("data-active");
|
|
94
92
|
}, this._dispatchClickEventOnSpaceKeyup = (e) => {
|
|
95
93
|
e.key === " " && (this._removeActiveMarker(e), this._dispatchClickEvent(e));
|
|
94
|
+
}, this._formKeyDown = (e) => {
|
|
95
|
+
var d;
|
|
96
|
+
const t = this.form;
|
|
97
|
+
this.type === "submit" && t && (e.key === "Enter" || e.key === `
|
|
98
|
+
`) && this._elementsOnWhichEnterPressTriggersSubmit.includes((d = e.target) == null ? void 0 : d.localName) && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault(), e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type, e)) && !this.matches(":disabled") && this._requestSubmit(t));
|
|
96
99
|
}, this._dispatchClickEvent = (e) => {
|
|
97
|
-
const { altKey:
|
|
100
|
+
const { altKey: t, ctrlKey: d, metaKey: z, shiftKey: $ } = e;
|
|
98
101
|
e.target.dispatchEvent(new PointerEvent("click", {
|
|
99
102
|
bubbles: !0,
|
|
100
103
|
cancelable: !0,
|
|
101
104
|
composed: !0,
|
|
102
105
|
pointerId: -1,
|
|
103
106
|
pointerType: "",
|
|
104
|
-
altKey:
|
|
105
|
-
ctrlKey:
|
|
107
|
+
altKey: t,
|
|
108
|
+
ctrlKey: d,
|
|
106
109
|
metaKey: z,
|
|
107
110
|
shiftKey: $
|
|
108
111
|
}));
|
|
109
112
|
}, this.internals.role = "button", !U) {
|
|
110
113
|
this.setupBaseEventHandlers();
|
|
111
114
|
const e = { passive: !0 };
|
|
112
|
-
this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (
|
|
113
|
-
(
|
|
114
|
-
`) && this._dispatchClickEvent(
|
|
115
|
+
this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (t) => {
|
|
116
|
+
(t.key === "Enter" || t.key === `
|
|
117
|
+
`) && this._dispatchClickEvent(t);
|
|
115
118
|
}, e);
|
|
116
119
|
}
|
|
117
120
|
}
|
|
118
|
-
|
|
119
|
-
|
|
121
|
+
connectedCallback() {
|
|
122
|
+
var e;
|
|
123
|
+
super.connectedCallback(), (e = this.form) == null || e.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
124
|
+
}
|
|
125
|
+
disconnectedCallback() {
|
|
126
|
+
var e;
|
|
127
|
+
super.disconnectedCallback(), (e = this.form) == null || e.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
128
|
+
}
|
|
129
|
+
_requestSubmit(e) {
|
|
130
|
+
const t = document.createElement("button");
|
|
131
|
+
t.inert = !0, t.hidden = !0, t.name = this.name, t.value = this.value ?? "", e.append(t), e.requestSubmit(t), t.remove();
|
|
132
|
+
}
|
|
133
|
+
attributeChangedCallback(e, t, d) {
|
|
134
|
+
(!["name", "value"].includes(e) || t !== d) && super.attributeChangedCallback(e, t, d);
|
|
120
135
|
}
|
|
121
136
|
/**
|
|
122
137
|
* Intentionally empty, as buttons are not targeted by form reset
|
|
@@ -128,7 +143,7 @@ let X = (() => {
|
|
|
128
143
|
* Intentionally empty, as buttons are not targeted by form restore
|
|
129
144
|
* @internal
|
|
130
145
|
*/
|
|
131
|
-
formStateRestoreCallback(e,
|
|
146
|
+
formStateRestoreCallback(e, t) {
|
|
132
147
|
}
|
|
133
148
|
/**
|
|
134
149
|
* Intentionally empty, as button does not write its data in form.
|
|
@@ -138,75 +153,75 @@ let X = (() => {
|
|
|
138
153
|
updateFormValue() {
|
|
139
154
|
}
|
|
140
155
|
}, i = m, (() => {
|
|
141
|
-
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
} }, metadata: e }, null, u),
|
|
145
|
-
|
|
146
|
-
} }, metadata: e }, null, u),
|
|
156
|
+
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
|
|
157
|
+
x = [g()], o = [g()], f(m, null, x, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, set: (t, d) => {
|
|
158
|
+
t.type = d;
|
|
159
|
+
} }, metadata: e }, null, u), f(m, null, o, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (t) => "form" in t, set: (t, d) => {
|
|
160
|
+
t.form = d;
|
|
161
|
+
} }, metadata: e }, null, u), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: e }, null, n), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), c(i, n);
|
|
147
162
|
})(), i;
|
|
148
163
|
})(), me = (() => {
|
|
149
|
-
var C,
|
|
150
|
-
let l = [
|
|
164
|
+
var C, E, S, L, D, I, b;
|
|
165
|
+
let l = [P({
|
|
151
166
|
"data-link": ""
|
|
152
|
-
})], r, n = [], i,
|
|
153
|
-
return b = class extends
|
|
167
|
+
})], r, n = [], i, _ = X, u, x = [], o = [], m, B = [], e = [], t, d = [], z = [], $, q = [], R = [], j, M = [], N = [], H, W = [], F = [];
|
|
168
|
+
return b = class extends _ {
|
|
154
169
|
constructor() {
|
|
155
170
|
super();
|
|
156
171
|
k(this, C);
|
|
157
|
-
k(this, S);
|
|
158
172
|
k(this, E);
|
|
159
|
-
k(this,
|
|
173
|
+
k(this, S);
|
|
160
174
|
k(this, L);
|
|
161
|
-
k(this,
|
|
162
|
-
|
|
175
|
+
k(this, D);
|
|
176
|
+
k(this, I);
|
|
177
|
+
h(this, C, c(this, x, "")), h(this, E, (c(this, o), c(this, B, ""))), h(this, S, (c(this, e), c(this, d, ""))), h(this, L, (c(this, z), c(this, q, !1))), h(this, D, (c(this, R), c(this, M, ""))), h(this, I, (c(this, N), c(this, W, ""))), this.language = (c(this, F), new ee(this)), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : y, U || this.setupBaseEventHandlers();
|
|
163
178
|
}
|
|
164
179
|
/** The href value you want to link to. */
|
|
165
180
|
get href() {
|
|
166
|
-
return
|
|
181
|
+
return v(this, C);
|
|
167
182
|
}
|
|
168
183
|
set href(a) {
|
|
169
184
|
h(this, C, a);
|
|
170
185
|
}
|
|
171
186
|
/** Where to display the linked URL. */
|
|
172
187
|
get target() {
|
|
173
|
-
return
|
|
188
|
+
return v(this, E);
|
|
174
189
|
}
|
|
175
190
|
set target(a) {
|
|
176
|
-
h(this,
|
|
191
|
+
h(this, E, a);
|
|
177
192
|
}
|
|
178
193
|
/** The relationship of the linked URL as space-separated link types. */
|
|
179
194
|
get rel() {
|
|
180
|
-
return
|
|
195
|
+
return v(this, S);
|
|
181
196
|
}
|
|
182
197
|
set rel(a) {
|
|
183
|
-
h(this,
|
|
198
|
+
h(this, S, a);
|
|
184
199
|
}
|
|
185
200
|
/** Whether the browser will show the download dialog on click. */
|
|
186
201
|
get download() {
|
|
187
|
-
return
|
|
202
|
+
return v(this, L);
|
|
188
203
|
}
|
|
189
204
|
set download(a) {
|
|
190
|
-
h(this,
|
|
205
|
+
h(this, L, a);
|
|
191
206
|
}
|
|
192
207
|
/** This will be forwarded as aria-label to the inner anchor element. */
|
|
193
208
|
get accessibilityLabel() {
|
|
194
|
-
return
|
|
209
|
+
return v(this, D);
|
|
195
210
|
}
|
|
196
211
|
set accessibilityLabel(a) {
|
|
197
|
-
h(this,
|
|
212
|
+
h(this, D, a);
|
|
198
213
|
}
|
|
199
214
|
/** This will be forwarded as aria-current to the inner anchor element. */
|
|
200
215
|
get accessibilityCurrent() {
|
|
201
|
-
return
|
|
216
|
+
return v(this, I);
|
|
202
217
|
}
|
|
203
218
|
set accessibilityCurrent(a) {
|
|
204
|
-
h(this,
|
|
219
|
+
h(this, I, a);
|
|
205
220
|
}
|
|
206
221
|
/** @internal */
|
|
207
222
|
focus(a) {
|
|
208
|
-
var
|
|
209
|
-
(
|
|
223
|
+
var s;
|
|
224
|
+
(s = this.shadowRoot.querySelector("a")) == null || s.focus(a);
|
|
210
225
|
}
|
|
211
226
|
/** @internal */
|
|
212
227
|
blur() {
|
|
@@ -242,21 +257,21 @@ let X = (() => {
|
|
|
242
257
|
</a>
|
|
243
258
|
`;
|
|
244
259
|
}
|
|
245
|
-
}, C = new WeakMap(),
|
|
246
|
-
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
247
|
-
u = [
|
|
248
|
-
|
|
249
|
-
} }, metadata: a },
|
|
250
|
-
|
|
251
|
-
} }, metadata: a },
|
|
252
|
-
|
|
253
|
-
} }, metadata: a },
|
|
254
|
-
|
|
255
|
-
} }, metadata: a },
|
|
256
|
-
|
|
257
|
-
} }, metadata: a }, M,
|
|
258
|
-
|
|
259
|
-
} }, metadata: a },
|
|
260
|
+
}, C = new WeakMap(), E = new WeakMap(), S = new WeakMap(), L = new WeakMap(), D = new WeakMap(), I = new WeakMap(), i = b, (() => {
|
|
261
|
+
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
|
|
262
|
+
u = [O(), g({ reflect: !0, converter: K })], m = [O(), g({ reflect: !0, converter: K })], t = [O(), g({ reflect: !0, converter: K })], $ = [O(), g({ type: Boolean, reflect: !0 })], j = [O(), g({ attribute: "accessibility-label" })], H = [O(), g({ attribute: "accessibility-current" })], f(b, null, u, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (s) => "href" in s, get: (s) => s.href, set: (s, p) => {
|
|
263
|
+
s.href = p;
|
|
264
|
+
} }, metadata: a }, x, o), f(b, null, m, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (s) => "target" in s, get: (s) => s.target, set: (s, p) => {
|
|
265
|
+
s.target = p;
|
|
266
|
+
} }, metadata: a }, B, e), f(b, null, t, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (s) => "rel" in s, get: (s) => s.rel, set: (s, p) => {
|
|
267
|
+
s.rel = p;
|
|
268
|
+
} }, metadata: a }, d, z), f(b, null, $, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (s) => "download" in s, get: (s) => s.download, set: (s, p) => {
|
|
269
|
+
s.download = p;
|
|
270
|
+
} }, metadata: a }, q, R), f(b, null, j, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (s) => "accessibilityLabel" in s, get: (s) => s.accessibilityLabel, set: (s, p) => {
|
|
271
|
+
s.accessibilityLabel = p;
|
|
272
|
+
} }, metadata: a }, M, N), f(b, null, H, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (s) => "accessibilityCurrent" in s, get: (s) => s.accessibilityCurrent, set: (s, p) => {
|
|
273
|
+
s.accessibilityCurrent = p;
|
|
274
|
+
} }, metadata: a }, W, F), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: a }, null, n), i = r.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), c(i, n);
|
|
260
275
|
})(), i;
|
|
261
276
|
})();
|
|
262
277
|
const w = class w extends Q {
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { LitElement, ReactiveController } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Tracks id changes in the DOM and calls component when matching with requestUpdate().
|
|
4
|
+
*/
|
|
5
|
+
export declare class SbbIdReferenceController<T extends LitElement> implements ReactiveController {
|
|
6
|
+
private _host;
|
|
7
|
+
private _idRef;
|
|
8
|
+
private _observers;
|
|
9
|
+
private _rootNode;
|
|
10
|
+
constructor(_host: T, _idRef: keyof T, _observers?: WeakMap<Node, {
|
|
11
|
+
observer: MutationObserver;
|
|
12
|
+
controllers: Set<SbbIdReferenceController<any>>;
|
|
13
|
+
}>);
|
|
14
|
+
hostConnected(): void;
|
|
15
|
+
hostDisconnected(): void;
|
|
16
|
+
/**
|
|
17
|
+
* Find the element by id in the current document fragment
|
|
18
|
+
*/
|
|
19
|
+
find(): HTMLElement | null;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=id-observer-controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"id-observer-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/id-observer-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAOzE;;GAEG;AACH,qBAAa,wBAAwB,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAIrF,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,UAAU;IALpB,OAAO,CAAC,SAAS,CAAsC;gBAG7C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,MAAM,CAAC,EACf,UAAU;kBAZR,gBAAgB;qBAAe,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;MAY7C;IAKzB,aAAa,IAAI,IAAI;IAgDrB,gBAAgB,IAAI,IAAI;IAoB/B;;OAEG;IACI,IAAI,IAAI,WAAW,GAAG,IAAI;CAQlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKrF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,qCAAqC,QAAuD,CAAC;AAC1G,eAAO,MAAM,oCAAoC,QAAsD,CAAC;AAGxG;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKrF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,qCAAqC,QAAuD,CAAC;AAC1G,eAAO,MAAM,oCAAoC,QAAsD,CAAC;AAGxG;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAMtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC"}
|
package/core/controllers.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export * from './controllers/connected-abort-controller.js';
|
|
2
|
+
export * from './controllers/escapable-overlay-controller.js';
|
|
3
|
+
export * from './controllers/id-observer-controller.js';
|
|
2
4
|
export * from './controllers/inert-controller.js';
|
|
3
5
|
export * from './controllers/language-controller.js';
|
|
4
6
|
export * from './controllers/media-matchers-controller.js';
|
|
5
|
-
export * from './controllers/escapable-overlay-controller.js';
|
|
6
7
|
export * from './controllers/slot-state-controller.js';
|
|
7
8
|
//# sourceMappingURL=controllers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc
|
|
1
|
+
{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC"}
|