@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779279790 → 5.0.0-next.3-dev.1779280803
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/checkbox/checkbox.component.js +1 -1
- package/checkbox/common/checkbox-common.js +1 -1
- package/{checkbox-common-BSzAnug3.js → checkbox-common-gaaFKApr.js} +15 -15
- package/{checkbox.component-DWmjiv_c.js → checkbox.component-PkHijotV.js} +1 -1
- package/checkbox.js +2 -2
- package/checkbox.pure.js +2 -2
- package/core/base-elements/selection-group-base-element.js +1 -1
- package/core/i18n/i18n.js +69 -74
- package/core.js +21 -21
- package/custom-elements.json +0 -84
- package/development/checkbox/checkbox.component.js +1 -1
- package/development/checkbox/common/checkbox-common.d.ts.map +1 -1
- package/development/checkbox/common/checkbox-common.js +1 -1
- package/development/{checkbox-common-C3Ekixul.js → checkbox-common-225vizTc.js} +12 -12
- package/development/{checkbox.component-UbxCpZmi.js → checkbox.component-DiNnV2_Y.js} +2 -2
- package/development/checkbox.js +2 -2
- package/development/checkbox.pure.js +2 -2
- package/development/core/base-elements/selection-group-base-element.d.ts +1 -2
- package/development/core/base-elements/selection-group-base-element.d.ts.map +1 -1
- package/development/core/base-elements/selection-group-base-element.js +1 -1
- package/development/core/i18n/i18n.d.ts +0 -1
- package/development/core/i18n/i18n.d.ts.map +1 -1
- package/development/core/i18n/i18n.js +2 -8
- package/development/core.js +3 -3
- package/development/form-field/form-field/form-field.component.d.ts +0 -6
- package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/development/form-field/form-field/form-field.component.js +1 -1
- package/development/{form-field.component-Cb58q-Ty.js → form-field.component-w4nlNsj2.js} +6 -38
- package/development/form-field.js +1 -1
- package/development/form-field.pure.js +1 -1
- package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
- package/development/radio-button/common/radio-button-common.js +1 -1
- package/development/radio-button/radio-button.component.js +1 -1
- package/development/{radio-button-common-Ckz2nMS7.js → radio-button-common-BS05acqM.js} +7 -7
- package/development/{radio-button.component-qsLFvciH.js → radio-button.component-BUSzf7Eq.js} +2 -2
- package/development/radio-button.js +2 -2
- package/development/radio-button.pure.js +2 -2
- package/development/{selection-group-base-element-DRT3Ctp2.js → selection-group-base-element-B3vOsN1Q.js} +1 -7
- package/form-field/form-field/form-field.component.js +1 -1
- package/{form-field.component-BoLly8qP.js → form-field.component-DkqZz7aZ.js} +59 -80
- package/form-field.js +1 -1
- package/form-field.pure.js +1 -1
- package/package.json +2 -2
- package/radio-button/common/radio-button-common.js +1 -1
- package/radio-button/radio-button.component.js +1 -1
- package/{radio-button-common-BDNSqXg-.js → radio-button-common-D7jL7eB3.js} +15 -15
- package/{radio-button.component-CGeTCfMq.js → radio-button.component-DXLKxjst.js} +1 -1
- package/radio-button.js +2 -2
- package/radio-button.pure.js +2 -2
- package/{selection-group-base-element-COFsU6Ur.js → selection-group-base-element-CehwzW8Y.js} +0 -3
package/form-field.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./error.component-D9Tu2YIl.js";
|
|
2
|
-
import { n as t, t as n } from "./form-field.component-
|
|
2
|
+
import { n as t, t as n } from "./form-field.component-DkqZz7aZ.js";
|
|
3
3
|
import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
|
|
4
4
|
import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
|
|
5
5
|
import { t as a } from "./hint.component-DTKfI9tq.js";
|
package/form-field.pure.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./error.component-D9Tu2YIl.js";
|
|
2
|
-
import { n as t, t as n } from "./form-field.component-
|
|
2
|
+
import { n as t, t as n } from "./form-field.component-DkqZz7aZ.js";
|
|
3
3
|
import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
|
|
4
4
|
import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
|
|
5
5
|
import { t as a } from "./hint.component-DTKfI9tq.js";
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "5.0.0-next.3-dev.
|
|
3
|
+
"version": "5.0.0-next.3-dev.1779280803",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
9
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/ecc503b69c3ddf6f684917c67b291992f94eb17b"
|
|
10
10
|
],
|
|
11
11
|
"type": "module",
|
|
12
12
|
"exports": {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../radio-button-common-
|
|
1
|
+
import { t as e } from "../../radio-button-common-D7jL7eB3.js";
|
|
2
2
|
export { e as SbbRadioButtonCommonElementMixin };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../radio-button.component-
|
|
1
|
+
import { t as e } from "../radio-button.component-DXLKxjst.js";
|
|
2
2
|
export { e as SbbRadioButtonElement };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
2
|
import { unsafeCSS as n } from "lit";
|
|
3
3
|
import { property as r } from "lit/decorators.js";
|
|
4
|
-
import { SbbFormAssociatedRadioButtonMixin as i } from "./core.js";
|
|
4
|
+
import { SbbFormAssociatedRadioButtonMixin as i, SbbPropertyWatcherController as a } from "./core.js";
|
|
5
5
|
//#region src/elements/radio-button/common/radio-button-common.scss?inline
|
|
6
|
-
var
|
|
7
|
-
let
|
|
8
|
-
return class extends
|
|
6
|
+
var o = ":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host(:disabled){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden;min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text))}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:\"\";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media(forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}", s = (s) => (() => {
|
|
7
|
+
let c = i(s), l = [], u;
|
|
8
|
+
return class extends c {
|
|
9
9
|
static {
|
|
10
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
11
|
-
|
|
10
|
+
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
|
|
11
|
+
u = [r({
|
|
12
12
|
attribute: "allow-empty-selection",
|
|
13
13
|
type: Boolean
|
|
14
|
-
})], e(this, null,
|
|
14
|
+
})], e(this, null, u, {
|
|
15
15
|
kind: "setter",
|
|
16
16
|
name: "allowEmptySelection",
|
|
17
17
|
static: !1,
|
|
@@ -23,7 +23,7 @@ var a = ":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-bac
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
metadata: t
|
|
26
|
-
}, null,
|
|
26
|
+
}, null, l), t && Object.defineProperty(this, Symbol.metadata, {
|
|
27
27
|
enumerable: !0,
|
|
28
28
|
configurable: !0,
|
|
29
29
|
writable: !0,
|
|
@@ -31,7 +31,7 @@ var a = ":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-bac
|
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
static {
|
|
34
|
-
this.styles = [n(
|
|
34
|
+
this.styles = [n(o)];
|
|
35
35
|
}
|
|
36
36
|
static {
|
|
37
37
|
this.events = {
|
|
@@ -49,14 +49,14 @@ var a = ":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-bac
|
|
|
49
49
|
return this._group;
|
|
50
50
|
}
|
|
51
51
|
constructor() {
|
|
52
|
-
super(), this._allowEmptySelection = (t(this,
|
|
53
|
-
}
|
|
54
|
-
connectedCallback() {
|
|
55
|
-
super.connectedCallback(), this._group = this.closest("sbb-radio-button-group"), [
|
|
52
|
+
super(), this._allowEmptySelection = (t(this, l), !1), this._group = null, this.addEventListener?.("click", (e) => this._handleClick(e)), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e)), this.addController(new a(this, () => this.closest("sbb-radio-button-group"), [
|
|
56
53
|
"disabled",
|
|
57
54
|
"required",
|
|
58
55
|
"size"
|
|
59
|
-
].
|
|
56
|
+
].reduce((e, t) => Object.assign(e, { [t]: () => this.requestUpdate(t) }), {})));
|
|
57
|
+
}
|
|
58
|
+
connectedCallback() {
|
|
59
|
+
super.connectedCallback(), this._group = this.closest("sbb-radio-button-group");
|
|
60
60
|
}
|
|
61
61
|
select() {
|
|
62
62
|
this.disabled || this.formDisabled || (this.allowEmptySelection ? (this.checked = !this.checked, this.emitChangeEvents()) : this.checked || (this.checked = !0, this.emitChangeEvents()));
|
|
@@ -79,4 +79,4 @@ var a = ":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-bac
|
|
|
79
79
|
};
|
|
80
80
|
})();
|
|
81
81
|
//#endregion
|
|
82
|
-
export {
|
|
82
|
+
export { s as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./radio-button-common-
|
|
1
|
+
import { t as e } from "./radio-button-common-D7jL7eB3.js";
|
|
2
2
|
import { __esDecorate as t, __runInitializers as n } from "tslib";
|
|
3
3
|
import { html as r, unsafeCSS as i } from "lit";
|
|
4
4
|
import { property as a } from "lit/decorators.js";
|
package/radio-button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as e } from "./radio-button-common-
|
|
2
|
-
import { t } from "./radio-button.component-
|
|
1
|
+
import { t as e } from "./radio-button-common-D7jL7eB3.js";
|
|
2
|
+
import { t } from "./radio-button.component-DXLKxjst.js";
|
|
3
3
|
import "./radio-button.pure.js";
|
|
4
4
|
//#region src/elements/radio-button.ts
|
|
5
5
|
t.define();
|
package/radio-button.pure.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as e } from "./radio-button-common-
|
|
2
|
-
import { t } from "./radio-button.component-
|
|
1
|
+
import { t as e } from "./radio-button-common-D7jL7eB3.js";
|
|
2
|
+
import { t } from "./radio-button.component-DXLKxjst.js";
|
|
3
3
|
export { e as SbbRadioButtonCommonElementMixin, t as SbbRadioButtonElement };
|
package/{selection-group-base-element-COFsU6Ur.js → selection-group-base-element-CehwzW8Y.js}
RENAMED
|
@@ -96,9 +96,6 @@ var l = ":host{display:flex;flex-flow:var(--sbb-selection-group-orientation) wra
|
|
|
96
96
|
callback: () => this.toggleState("has-panel", !!this.querySelector?.(this.panelElementSelector))
|
|
97
97
|
}));
|
|
98
98
|
}
|
|
99
|
-
willUpdate(e) {
|
|
100
|
-
super.willUpdate(e), e.has("disabled") && this.selectionElements.forEach((e) => e.requestUpdate?.("disabled")), e.has("required") && this.selectionElements.forEach((e) => e.requestUpdate?.("required")), e.has("size") && this.selectionElements.forEach((e) => e.requestUpdate?.("size"));
|
|
101
|
-
}
|
|
102
99
|
onSlotChange() {}
|
|
103
100
|
render() {
|
|
104
101
|
return r`
|