@sbb-esta/lyne-elements-experimental-dev 4.9.0-dev.1775049540 → 4.9.0-dev.1775050922
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-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-cell.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row.js +1 -1
- package/{autocomplete-grid-cell.component-DnCfVJ2l.js → autocomplete-grid-cell.component-DkD9aFKc.js} +5 -5
- package/autocomplete-grid-option.component-CtATJy7n.js +37 -0
- package/autocomplete-grid-row.component-6nJv5PMj.js +27 -0
- package/autocomplete-grid.js +3 -3
- package/autocomplete-grid.pure.js +3 -3
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row.js +1 -1
- package/development/autocomplete-grid-cell.component-BxkWGaX0.js +34 -0
- package/development/autocomplete-grid-option.component-5mPGswUO.js +61 -0
- package/development/autocomplete-grid-row.component-DEm6zyHZ.js +39 -0
- package/development/autocomplete-grid.js +3 -3
- package/development/autocomplete-grid.pure.js +3 -3
- package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
- package/development/journey-summary/journey-summary.component.js +1 -1
- package/development/journey-summary.component-BZwgD4im.js +340 -0
- package/development/journey-summary.js +1 -1
- package/development/journey-summary.pure.js +1 -1
- package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
- package/development/pearl-chain/pearl-chain.component.js +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/development/pearl-chain-time.component-B2_BI6E_.js +319 -0
- package/development/pearl-chain-time.js +1 -1
- package/development/pearl-chain-time.pure.js +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
- package/development/pearl-chain-vertical-item.component-DcmH13Vb.js +133 -0
- package/development/pearl-chain-vertical-item.js +1 -1
- package/development/pearl-chain-vertical-item.pure.js +1 -1
- package/development/pearl-chain-vertical.component-CpcNFl-x.js +31 -0
- package/development/pearl-chain-vertical.js +1 -1
- package/development/pearl-chain-vertical.pure.js +1 -1
- package/development/pearl-chain.component-oQZUzsyW.js +316 -0
- package/development/pearl-chain.js +1 -1
- package/development/pearl-chain.pure.js +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
- package/development/seat-reservation/seat-reservation-area.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic.js +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach.js +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services.js +1 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/development/seat-reservation/seat-reservation-place-control.js +1 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
- package/development/seat-reservation/seat-reservation-scoped.js +1 -1
- package/development/seat-reservation/seat-reservation.js +1 -1
- package/development/seat-reservation-area.component-DbeuTnXT.js +96 -0
- package/development/seat-reservation-graphic.component-DlrHtlia.js +129 -0
- package/development/seat-reservation-navigation-coach.component-CjoDkcVU.js +428 -0
- package/development/seat-reservation-navigation-services.component-CGel7__P.js +159 -0
- package/development/seat-reservation-place-control.component-CM9efId7.js +429 -0
- package/development/seat-reservation-scoped.component-CFA_bJ3o.js +25 -0
- package/development/seat-reservation.component-DFJVFmrI.js +510 -0
- package/development/seat-reservation.js +7 -7
- package/development/seat-reservation.pure.js +7 -7
- package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
- package/development/timetable-duration/timetable-duration.component.js +1 -1
- package/development/timetable-duration.component-BhFlqYbV.js +100 -0
- package/development/timetable-duration.js +1 -1
- package/development/timetable-duration.pure.js +1 -1
- package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
- package/development/timetable-row/timetable-row.component.js +1 -1
- package/development/timetable-row.component-Dko8laRT.js +729 -0
- package/development/timetable-row.js +1 -1
- package/development/timetable-row.pure.js +1 -1
- package/journey-summary/journey-summary.component.js +1 -1
- package/{journey-summary.component-DcpXXucp.js → journey-summary.component-DC7-qPHY.js} +38 -38
- package/journey-summary.js +1 -1
- package/journey-summary.pure.js +1 -1
- package/package.json +2 -2
- package/pearl-chain/pearl-chain.component.js +1 -1
- package/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/{pearl-chain-time.component-v6zRg_3j.js → pearl-chain-time.component-CkKsrbgQ.js} +28 -28
- package/pearl-chain-time.js +1 -1
- package/pearl-chain-time.pure.js +1 -1
- package/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
- package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
- package/pearl-chain-vertical-item.component-BUqZ-3Ay.js +108 -0
- package/pearl-chain-vertical-item.js +1 -1
- package/pearl-chain-vertical-item.pure.js +1 -1
- package/{pearl-chain-vertical.component-BvJwcGpS.js → pearl-chain-vertical.component-Df9CvRxo.js} +5 -5
- package/pearl-chain-vertical.js +1 -1
- package/pearl-chain-vertical.pure.js +1 -1
- package/pearl-chain.component-CpISVoAu.js +194 -0
- package/pearl-chain.js +1 -1
- package/pearl-chain.pure.js +1 -1
- package/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
- package/seat-reservation/seat-reservation-area.js +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
- package/seat-reservation/seat-reservation-graphic.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach.js +1 -1
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-services.js +1 -1
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/seat-reservation/seat-reservation-place-control.js +1 -1
- package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
- package/seat-reservation/seat-reservation-scoped.js +1 -1
- package/seat-reservation/seat-reservation.js +1 -1
- package/seat-reservation-area.component-CtYawDjE.js +75 -0
- package/seat-reservation-graphic.component-Cm_pVxaB.js +102 -0
- package/seat-reservation-navigation-coach.component-sug9IBTH.js +333 -0
- package/{seat-reservation-navigation-services.component-ViyU_adt.js → seat-reservation-navigation-services.component-C9dDYD_M.js} +19 -19
- package/seat-reservation-place-control.component-CE7d9M2b.js +322 -0
- package/seat-reservation-scoped.component-DVyP2JGE.js +17 -0
- package/{seat-reservation.component-Dl6bnC7-.js → seat-reservation.component-DajC6fqU.js} +51 -51
- package/seat-reservation.js +7 -7
- package/seat-reservation.pure.js +7 -7
- package/timetable-duration/timetable-duration.component.js +1 -1
- package/{timetable-duration.component-Puonwsnr.js → timetable-duration.component-BnJA8wSb.js} +12 -12
- package/timetable-duration.js +1 -1
- package/timetable-duration.pure.js +1 -1
- package/timetable-row/timetable-row.component.js +1 -1
- package/{timetable-row.component-DMCZaOPM.js → timetable-row.component-DbzBCpKR.js} +59 -59
- package/timetable-row.js +1 -1
- package/timetable-row.pure.js +1 -1
- package/autocomplete-grid-option.component-BlMPM6eh.js +0 -37
- package/autocomplete-grid-row.component-Bo2ZbXVX.js +0 -27
- package/development/autocomplete-grid-cell.component-BBvM4o2H.js +0 -42
- package/development/autocomplete-grid-option.component-QzfM5eIE.js +0 -123
- package/development/autocomplete-grid-row.component-H8sCTCkT.js +0 -104
- package/development/journey-summary.component-DN0Vwoeb.js +0 -385
- package/development/pearl-chain-time.component-zUAj_1eD.js +0 -415
- package/development/pearl-chain-vertical-item.component-BDzbcIaf.js +0 -435
- package/development/pearl-chain-vertical.component-CswE7b3M.js +0 -39
- package/development/pearl-chain.component-F9jtc5UO.js +0 -704
- package/development/seat-reservation-area.component-ORuli_DC.js +0 -138
- package/development/seat-reservation-graphic.component-D0xEXmP9.js +0 -203
- package/development/seat-reservation-navigation-coach.component-D2QXTMJJ.js +0 -828
- package/development/seat-reservation-navigation-services.component-Bg1adRlU.js +0 -179
- package/development/seat-reservation-place-control.component-CwUX-QYO.js +0 -726
- package/development/seat-reservation-scoped.component-uLT33P9y.js +0 -31
- package/development/seat-reservation.component-BS53sZR3.js +0 -824
- package/development/timetable-duration.component-D21SXsQq.js +0 -125
- package/development/timetable-row.component-zDOmmuJR.js +0 -932
- package/pearl-chain-vertical-item.component-M2KRK6Xv.js +0 -108
- package/pearl-chain.component-B-XTTo6h.js +0 -194
- package/seat-reservation-area.component-CY56r75x.js +0 -75
- package/seat-reservation-graphic.component-DCMFf9uY.js +0 -102
- package/seat-reservation-navigation-coach.component-CXUv1pZM.js +0 -333
- package/seat-reservation-place-control.component-Dj5Tm0Oa.js +0 -322
- package/seat-reservation-scoped.component-CuACI8ST.js +0 -17
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../autocomplete-grid-cell.component-
|
|
1
|
+
import { t as e } from "../../autocomplete-grid-cell.component-DkD9aFKc.js";
|
|
2
2
|
export { e as SbbAutocompleteGridCellElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../autocomplete-grid-cell.component-
|
|
1
|
+
import { t as e } from "../autocomplete-grid-cell.component-DkD9aFKc.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/autocomplete-grid/autocomplete-grid-cell.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/autocomplete-grid.js' or '@sbb-esta/elements-experimental/autocomplete-grid.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbAutocompleteGridCellElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../autocomplete-grid-option.component-
|
|
1
|
+
import { n as e, t } from "../../autocomplete-grid-option.component-CtATJy7n.js";
|
|
2
2
|
export { t as SbbAutocompleteGridOptionElement, e as autocompleteGridOptionId };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e, t } from "../autocomplete-grid-option.component-
|
|
1
|
+
import { n as e, t } from "../autocomplete-grid-option.component-CtATJy7n.js";
|
|
2
2
|
t.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/autocomplete-grid/autocomplete-grid-option.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/autocomplete-grid.js' or '@sbb-esta/elements-experimental/autocomplete-grid.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { t as SbbAutocompleteGridOptionElement, e as autocompleteGridOptionId };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../autocomplete-grid-row.component-
|
|
1
|
+
import { t as e } from "../../autocomplete-grid-row.component-6nJv5PMj.js";
|
|
2
2
|
export { e as SbbAutocompleteGridRowElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../autocomplete-grid-row.component-
|
|
1
|
+
import { t as e } from "../autocomplete-grid-row.component-6nJv5PMj.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/autocomplete-grid/autocomplete-grid-row.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/autocomplete-grid.js' or '@sbb-esta/elements-experimental/autocomplete-grid.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbAutocompleteGridRowElement };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
2
2
|
import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
3
|
-
import {
|
|
4
|
-
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?
|
|
5
|
-
var i =
|
|
3
|
+
import { html as n, unsafeCSS as r } from "lit";
|
|
4
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?inline
|
|
5
|
+
var i = ":host{--sbb-autocomplete-grid-cell-gap: var(--sbb-spacing-fixed-6x);display:block}.sbb-autocomplete-grid-cell{display:flex;column-gap:var(--sbb-autocomplete-grid-cell-gap)}", a = class extends e {
|
|
6
6
|
static {
|
|
7
7
|
this.elementName = "sbb-autocomplete-grid-cell";
|
|
8
8
|
}
|
|
@@ -10,10 +10,10 @@ var i = n`:host{--sbb-autocomplete-grid-cell-gap: var(--sbb-spacing-fixed-6x);di
|
|
|
10
10
|
this.role = "gridcell";
|
|
11
11
|
}
|
|
12
12
|
static {
|
|
13
|
-
this.styles = [t, i];
|
|
13
|
+
this.styles = [t, r(i)];
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return
|
|
16
|
+
return n`
|
|
17
17
|
<span class="sbb-autocomplete-grid-cell">
|
|
18
18
|
<slot></slot>
|
|
19
19
|
</span>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { SbbPropertyWatcherController as e } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
2
|
+
import { ɵstateController as t } from "@sbb-esta/lyne-elements/core/mixins.js";
|
|
3
|
+
import { boxSizingStyles as n } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
4
|
+
import { unsafeCSS as r } from "lit";
|
|
5
|
+
import { SbbOptionBaseElement as i } from "@sbb-esta/lyne-elements/option.js";
|
|
6
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
|
|
7
|
+
var a = ":host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}.sbb-option{font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:flex;align-items:center;column-gap:var(--sbb-option-column-gap);justify-content:start;min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}.sbb-option:after{content:\"\";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:Highlight}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}", o = "sbb-autocomplete-grid-option", s = class extends i {
|
|
8
|
+
static {
|
|
9
|
+
this.elementName = "sbb-autocomplete-grid-option";
|
|
10
|
+
}
|
|
11
|
+
static {
|
|
12
|
+
this.role = "gridcell";
|
|
13
|
+
}
|
|
14
|
+
static {
|
|
15
|
+
this.styles = [n, r(a)];
|
|
16
|
+
}
|
|
17
|
+
constructor() {
|
|
18
|
+
super(), this.optionId = o, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
|
|
19
|
+
disabled: (e) => {
|
|
20
|
+
this.disabledFromGroup = e.disabled, t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
|
|
21
|
+
},
|
|
22
|
+
label: (e) => this.groupLabel = e.label
|
|
23
|
+
})), this.addController(new e(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
|
|
24
|
+
}
|
|
25
|
+
willUpdate(e) {
|
|
26
|
+
super.willUpdate(e), e.has("disabled") && (t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
|
|
27
|
+
}
|
|
28
|
+
selectByClick(e) {
|
|
29
|
+
if (this.disabled || this.disabledFromGroup) {
|
|
30
|
+
e.stopPropagation();
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
this.selectViaUserInteraction(!0);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
//#endregion
|
|
37
|
+
export { o as n, s as t };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
2
|
+
import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
3
|
+
import { html as n, unsafeCSS as r } from "lit";
|
|
4
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.scss?inline
|
|
5
|
+
var i = ":host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-autocomplete-grid-row-color: var(--sbb-color-3-negative);--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3-negative);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-border-color-5);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media(any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-autocomplete-grid-row-background-color: var( --sbb-autocomplete-grid-row-background-color-hover )}}:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-color: GrayText}}::slotted(sbb-autocomplete-grid-option){flex:1 1 auto;margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));overflow-x:hidden}.sbb-autocomplete-grid-row{display:flex;align-items:center;padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color, inherit);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color)}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{position:relative;z-index:0}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:\"\";display:block;position:absolute;inset:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:GrayText}}", a = 0, o = class extends e {
|
|
6
|
+
static {
|
|
7
|
+
this.elementName = "sbb-autocomplete-grid-row";
|
|
8
|
+
}
|
|
9
|
+
static {
|
|
10
|
+
this.role = "row";
|
|
11
|
+
}
|
|
12
|
+
static {
|
|
13
|
+
this.styles = [t, r(i)];
|
|
14
|
+
}
|
|
15
|
+
connectedCallback() {
|
|
16
|
+
super.connectedCallback(), this.id ||= `sbb-autocomplete-grid-row-${++a}`;
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
return n`
|
|
20
|
+
<span class="sbb-autocomplete-grid-row">
|
|
21
|
+
<slot></slot>
|
|
22
|
+
</span>
|
|
23
|
+
`;
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
//#endregion
|
|
27
|
+
export { o as t };
|
package/autocomplete-grid.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
|
-
import { t } from "./autocomplete-grid-cell.component-
|
|
2
|
+
import { t } from "./autocomplete-grid-cell.component-DkD9aFKc.js";
|
|
3
3
|
import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
|
|
4
|
-
import { n as r, t as i } from "./autocomplete-grid-option.component-
|
|
5
|
-
import { t as a } from "./autocomplete-grid-row.component-
|
|
4
|
+
import { n as r, t as i } from "./autocomplete-grid-option.component-CtATJy7n.js";
|
|
5
|
+
import { t as a } from "./autocomplete-grid-row.component-6nJv5PMj.js";
|
|
6
6
|
import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
|
|
7
7
|
import "./autocomplete-grid.pure.js";
|
|
8
8
|
o.define(), e.define(), t.define(), n.define(), i.define(), a.define();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
|
-
import { t } from "./autocomplete-grid-cell.component-
|
|
2
|
+
import { t } from "./autocomplete-grid-cell.component-DkD9aFKc.js";
|
|
3
3
|
import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
|
|
4
|
-
import { n as r, t as i } from "./autocomplete-grid-option.component-
|
|
5
|
-
import { t as a } from "./autocomplete-grid-row.component-
|
|
4
|
+
import { n as r, t as i } from "./autocomplete-grid-option.component-CtATJy7n.js";
|
|
5
|
+
import { t as a } from "./autocomplete-grid-row.component-6nJv5PMj.js";
|
|
6
6
|
import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
|
|
7
7
|
export { e as SbbAutocompleteGridButtonElement, t as SbbAutocompleteGridCellElement, o as SbbAutocompleteGridElement, n as SbbAutocompleteGridOptgroupElement, i as SbbAutocompleteGridOptionElement, a as SbbAutocompleteGridRowElement, r as autocompleteGridOptionId };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-grid-cell.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAE3E,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"autocomplete-grid-cell.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAE3E,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIhF;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,UAAU;IAC5D,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAuC;cAEjE,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
|
package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbAutocompleteGridCellElement } from "../../autocomplete-grid-cell.component-
|
|
1
|
+
import { t as SbbAutocompleteGridCellElement } from "../../autocomplete-grid-cell.component-BxkWGaX0.js";
|
|
2
2
|
export { SbbAutocompleteGridCellElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as SbbAutocompleteGridCellElement } from "../autocomplete-grid-cell.component-
|
|
1
|
+
import { t as SbbAutocompleteGridCellElement } from "../autocomplete-grid-cell.component-BxkWGaX0.js";
|
|
2
2
|
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell.ts
|
|
3
3
|
/** @entrypoint */
|
|
4
4
|
SbbAutocompleteGridCellElement.define();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,eAAO,MAAM,wBAAwB,EAAE,MAAuC,CAAC;AAE/E;;;;;;;;GAQG;AACH,qBAAa,gCAAgC,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IACvF,gBAAgC,WAAW,EAAE,MAAM,CAAkC;IACrF,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,SAAS,CAAC,QAAQ,SAA4B;;cAyB3B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAQjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
|
package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "../../autocomplete-grid-option.component-
|
|
1
|
+
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "../../autocomplete-grid-option.component-5mPGswUO.js";
|
|
2
2
|
export { SbbAutocompleteGridOptionElement, autocompleteGridOptionId };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "../autocomplete-grid-option.component-
|
|
1
|
+
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "../autocomplete-grid-option.component-5mPGswUO.js";
|
|
2
2
|
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option.ts
|
|
3
3
|
/** @entrypoint */
|
|
4
4
|
SbbAutocompleteGridOptionElement.define();
|
package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-grid-row.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAE3E,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"autocomplete-grid-row.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAE3E,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAMhF;;;;GAIG;AACH,qBAAa,6BAA8B,SAAQ,UAAU;IAC3D,gBAAgC,WAAW,EAAE,MAAM,CAA+B;IAClF,gBAAgC,IAAI,SAAS;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpE,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}
|
package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbAutocompleteGridRowElement } from "../../autocomplete-grid-row.component-
|
|
1
|
+
import { t as SbbAutocompleteGridRowElement } from "../../autocomplete-grid-row.component-DEm6zyHZ.js";
|
|
2
2
|
export { SbbAutocompleteGridRowElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as SbbAutocompleteGridRowElement } from "../autocomplete-grid-row.component-
|
|
1
|
+
import { t as SbbAutocompleteGridRowElement } from "../autocomplete-grid-row.component-DEm6zyHZ.js";
|
|
2
2
|
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row.ts
|
|
3
3
|
/** @entrypoint */
|
|
4
4
|
SbbAutocompleteGridRowElement.define();
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { SbbElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
2
|
+
import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
3
|
+
import { html, unsafeCSS } from "lit";
|
|
4
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?inline
|
|
5
|
+
var autocomplete_grid_cell_default = ":host {\n --sbb-autocomplete-grid-cell-gap: var(--sbb-spacing-fixed-6x);\n display: block;\n}\n\n.sbb-autocomplete-grid-cell {\n display: flex;\n column-gap: var(--sbb-autocomplete-grid-cell-gap);\n}";
|
|
6
|
+
//#endregion
|
|
7
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts
|
|
8
|
+
/**
|
|
9
|
+
* A wrapper component for autocomplete-grid action button.
|
|
10
|
+
*
|
|
11
|
+
* @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.
|
|
12
|
+
*/
|
|
13
|
+
var SbbAutocompleteGridCellElement = class extends SbbElement {
|
|
14
|
+
static {
|
|
15
|
+
this.elementName = "sbb-autocomplete-grid-cell";
|
|
16
|
+
}
|
|
17
|
+
static {
|
|
18
|
+
this.role = "gridcell";
|
|
19
|
+
}
|
|
20
|
+
static {
|
|
21
|
+
this.styles = [boxSizingStyles, unsafeCSS(autocomplete_grid_cell_default)];
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
return html`
|
|
25
|
+
<span class="sbb-autocomplete-grid-cell">
|
|
26
|
+
<slot></slot>
|
|
27
|
+
</span>
|
|
28
|
+
`;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
//#endregion
|
|
32
|
+
export { SbbAutocompleteGridCellElement as t };
|
|
33
|
+
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQtQnhrV0dhWDAuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9hdXRvY29tcGxldGUtZ3JpZC9hdXRvY29tcGxldGUtZ3JpZC1jZWxsL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwvYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNngpO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uc2JiLWF1dG9jb21wbGV0ZS1ncmlkLWNlbGwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2x1bW4tZ2FwOiB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC1nYXApO1xufVxuIiwiaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL3N0eWxlcy5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1jZWxsLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBBIHdyYXBwZXIgY29tcG9uZW50IGZvciBhdXRvY29tcGxldGUtZ3JpZCBhY3Rpb24gYnV0dG9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGEgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1idXR0b25gIGVsZW1lbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJBdXRvY29tcGxldGVHcmlkQ2VsbEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ2dyaWRjZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtY2VsbCc6IFNiYkF1dG9jb21wbGV0ZUdyaWRDZWxsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUNXQSxJQUFhLGlDQUFiLGNBQW9ELFdBQVU7O0FBQzVCLE9BQUEsY0FBc0I7OztBQUN0QixPQUFBLE9BQU87OztBQUNoQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsK0JBQU0sQ0FBQzs7Q0FFaEUsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { SbbPropertyWatcherController } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
2
|
+
import { ɵstateController } from "@sbb-esta/lyne-elements/core/mixins.js";
|
|
3
|
+
import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
4
|
+
import { unsafeCSS } from "lit";
|
|
5
|
+
import { SbbOptionBaseElement } from "@sbb-esta/lyne-elements/option.js";
|
|
6
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
|
|
7
|
+
var autocomplete_grid_option_default = ":host {\n display: block;\n}\n\n:host(:is(:state(negative),[state--negative])) {\n --sbb-option-color: var(--sbb-color-3-negative);\n --sbb-option-icon-color: var(--sbb-color-5);\n}\n\n:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot {\n display: none;\n}\n\n:host(:is(:state(active),[state--active])) {\n --sbb-option-focus-outline-color: var(--sbb-focus-outline-color);\n}\n\n.sbb-option {\n font-size: var(--sbb-option-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n position: relative;\n display: flex;\n align-items: center;\n column-gap: var(--sbb-option-column-gap);\n justify-content: start;\n min-height: var(--sbb-option-min-height);\n padding-inline: var(--sbb-option-padding-inline);\n color: var(--sbb-option-color);\n}\n.sbb-option::after {\n content: \"\";\n display: block;\n position: absolute;\n inset: var(--sbb-option-focus-outline-inset);\n pointer-events: none;\n border: var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);\n border-radius: var(--sbb-option-border-radius);\n}\n\n:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight {\n font-weight: bold;\n}\n@media (forced-colors: active) {\n :host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight {\n color: Highlight;\n }\n}\n\n.sbb-option__icon {\n display: flex;\n min-width: var(--sbb-size-icon-ui-small);\n min-height: var(--sbb-size-icon-ui-small);\n color: var(--sbb-option-icon-color);\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon {\n display: var(--sbb-option-icon-container-display, none);\n}\n\n.sbb-option__label {\n text-overflow: var(--sbb-option-text-overflow);\n overflow: var(--sbb-option-overflow);\n white-space: var(--sbb-option-white-space, initial);\n}";
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts
|
|
10
|
+
var autocompleteGridOptionId = `sbb-autocomplete-grid-option`;
|
|
11
|
+
/**
|
|
12
|
+
* It displays an option item which can be used in `sbb-autocomplete-grid`.
|
|
13
|
+
*
|
|
14
|
+
* @slot - Use the unnamed slot to add content to the option label.
|
|
15
|
+
* @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
|
|
16
|
+
* @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
|
|
17
|
+
* when preserve-icon-space on autocomplete is not set or iconName is not set.
|
|
18
|
+
* @overrideType value - T = string
|
|
19
|
+
*/
|
|
20
|
+
var SbbAutocompleteGridOptionElement = class extends SbbOptionBaseElement {
|
|
21
|
+
static {
|
|
22
|
+
this.elementName = "sbb-autocomplete-grid-option";
|
|
23
|
+
}
|
|
24
|
+
static {
|
|
25
|
+
this.role = "gridcell";
|
|
26
|
+
}
|
|
27
|
+
static {
|
|
28
|
+
this.styles = [boxSizingStyles, unsafeCSS(autocomplete_grid_option_default)];
|
|
29
|
+
}
|
|
30
|
+
constructor() {
|
|
31
|
+
super();
|
|
32
|
+
this.optionId = autocompleteGridOptionId;
|
|
33
|
+
this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
|
|
34
|
+
disabled: (p) => {
|
|
35
|
+
this.disabledFromGroup = p.disabled;
|
|
36
|
+
ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
|
|
37
|
+
this.updateAriaDisabled();
|
|
38
|
+
},
|
|
39
|
+
label: (p) => this.groupLabel = p.label
|
|
40
|
+
}));
|
|
41
|
+
this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
|
|
42
|
+
}
|
|
43
|
+
willUpdate(changedProperties) {
|
|
44
|
+
super.willUpdate(changedProperties);
|
|
45
|
+
if (changedProperties.has("disabled")) {
|
|
46
|
+
ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
|
|
47
|
+
this.updateAriaDisabled();
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
selectByClick(event) {
|
|
51
|
+
if (this.disabled || this.disabledFromGroup) {
|
|
52
|
+
event.stopPropagation();
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
this.selectViaUserInteraction(true);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
//#endregion
|
|
59
|
+
export { autocompleteGridOptionId as n, SbbAutocompleteGridOptionElement as t };
|
|
60
|
+
|
|
61
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLmNvbXBvbmVudC01bVBHc3dVTy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KDpzdGF0ZShuZWdhdGl2ZSkpIHtcbiAgLS1zYmItb3B0aW9uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMy1uZWdhdGl2ZSk7XG4gIC0tc2JiLW9wdGlvbi1pY29uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNSk7XG59XG5cbi8vIElmIGhpZ2hsaWdodGluZyBpcyBlbmFibGVkLCBoaWRlIHRoZSBvcmlnaW5hbCBzbG90IGNvbnRlbnRcbjpob3N0KDpub3QoOnN0YXRlKGRpc2FibGUtaGlnaGxpZ2h0KSkpIHtcbiAgLnNiYi1vcHRpb25fX2xhYmVsIHNsb3Qge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgLS1zYmItb3B0aW9uLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yKTtcbn1cblxuLnNiYi1vcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLXNiYi1vcHRpb24tZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbHVtbi1nYXA6IHZhcigtLXNiYi1vcHRpb24tY29sdW1uLWdhcCk7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1vcHRpb24tbWluLWhlaWdodCk7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItb3B0aW9uLXBhZGRpbmctaW5saW5lKTtcbiAgY29sb3I6IHZhcigtLXNiYi1vcHRpb24tY29sb3IpO1xuXG4gIC8vIFdlIHVzZSB0aGUgcHNldWRvIGVsZW1lbnQgdG8gZGlzcGxheSB0aGUgZm9jdXMgb3V0bGluZSAoaW5saW5lIGluIHRoaXMgY2FzZSlcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogdmFyKC0tc2JiLW9wdGlvbi1mb2N1cy1vdXRsaW5lLWluc2V0KTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBib3JkZXI6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLXdpZHRoKSBzb2xpZCB2YXIoLS1zYmItb3B0aW9uLWZvY3VzLW91dGxpbmUtY29sb3IpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1vcHRpb24tYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cblxuLnNiYi1vcHRpb25fX2xhYmVsLS1oaWdobGlnaHQge1xuICA6aG9zdCg6bm90KDpzdGF0ZShkaXNhYmxlZCkpKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICBjb2xvcjogSGlnaGxpZ2h0O1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLW9wdGlvbl9faWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpO1xuICBjb2xvcjogdmFyKC0tc2JiLW9wdGlvbi1pY29uLWNvbG9yKTtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWljb24pLCA6c3RhdGUoaGFzLWljb24tbmFtZSkpKSAmIHtcbiAgICAvLyBDYW4gYmUgb3ZlcnJpZGRlbiBieSB0aGUgJ3ByZXNlcnZlLWljb24tc3BhY2UnIG9uIHRoZSBhdXRvY29tcGxldGVcbiAgICBkaXNwbGF5OiB2YXIoLS1zYmItb3B0aW9uLWljb24tY29udGFpbmVyLWRpc3BsYXksIG5vbmUpO1xuICB9XG59XG5cbi5zYmItb3B0aW9uX19sYWJlbCB7XG4gIHRleHQtb3ZlcmZsb3c6IHZhcigtLXNiYi1vcHRpb24tdGV4dC1vdmVyZmxvdyk7XG4gIG92ZXJmbG93OiB2YXIoLS1zYmItb3B0aW9uLW92ZXJmbG93KTtcbiAgd2hpdGUtc3BhY2U6IHZhcigtLXNiYi1vcHRpb24td2hpdGUtc3BhY2UsIGluaXRpYWwpO1xufVxuIiwiaW1wb3J0IHsgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgybVzdGF0ZUNvbnRyb2xsZXIgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL3N0eWxlcy5qcyc7XG5pbXBvcnQgeyBTYmJPcHRpb25CYXNlRWxlbWVudCB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL29wdGlvbi5qcyc7XG5pbXBvcnQgeyB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgYXV0b2NvbXBsZXRlR3JpZE9wdGlvbklkOiBzdHJpbmcgPSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbmA7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gb3B0aW9uIGl0ZW0gd2hpY2ggY2FuIGJlIHVzZWQgaW4gYHNiYi1hdXRvY29tcGxldGUtZ3JpZGAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgb3B0aW9uIGxhYmVsLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBpY29uLiBJZiBgaWNvbi1uYW1lYCBpcyBzZXQsIGEgc2JiLWljb24gd2lsbCBiZSB1c2VkLlxuICogQGNzc3Byb3AgWy0tc2JiLW9wdGlvbi1pY29uLWNvbnRhaW5lci1kaXNwbGF5PW5vbmVdIC0gQ2FuIGJlIHVzZWQgdG8gcmVzZXJ2ZSBzcGFjZSBldmVuXG4gKiB3aGVuIHByZXNlcnZlLWljb24tc3BhY2Ugb24gYXV0b2NvbXBsZXRlIGlzIG5vdCBzZXQgb3IgaWNvbk5hbWUgaXMgbm90IHNldC5cbiAqIEBvdmVycmlkZVR5cGUgdmFsdWUgLSBUID0gc3RyaW5nXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudDxUID0gc3RyaW5nPiBleHRlbmRzIFNiYk9wdGlvbkJhc2VFbGVtZW50PFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnZ3JpZGNlbGwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwcm90ZWN0ZWQgb3B0aW9uSWQgPSBhdXRvY29tcGxldGVHcmlkT3B0aW9uSWQ7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAnKSwge1xuICAgICAgICBkaXNhYmxlZDogKHApID0+IHtcbiAgICAgICAgICB0aGlzLmRpc2FibGVkRnJvbUdyb3VwID0gcC5kaXNhYmxlZDtcbiAgICAgICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmNsb3Nlc3Q/Lignc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdycpKT8udG9nZ2xlKFxuICAgICAgICAgICAgJ2Rpc2FibGVkJyxcbiAgICAgICAgICAgIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5kaXNhYmxlZEZyb21Hcm91cCxcbiAgICAgICAgICApO1xuICAgICAgICAgIHRoaXMudXBkYXRlQXJpYURpc2FibGVkKCk7XG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsOiAocCkgPT4gKHRoaXMuZ3JvdXBMYWJlbCA9IHAubGFiZWwpLFxuICAgICAgfSksXG4gICAgKTtcblxuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyKHRoaXMsICgpID0+IHRoaXMuY2xvc2VzdCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkJyksIHtcbiAgICAgICAgbmVnYXRpdmU6IChlKSA9PiB0aGlzLnRvZ2dsZVN0YXRlKCduZWdhdGl2ZScsIGUubmVnYXRpdmUpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIMm1c3RhdGVDb250cm9sbGVyKHRoaXMuY2xvc2VzdD8uKCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93JykpPy50b2dnbGUoXG4gICAgICAgICdkaXNhYmxlZCcsXG4gICAgICAgIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5kaXNhYmxlZEZyb21Hcm91cCxcbiAgICAgICk7XG4gICAgICB0aGlzLnVwZGF0ZUFyaWFEaXNhYmxlZCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBzZWxlY3RCeUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5kaXNhYmxlZEZyb21Hcm91cCkge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zZWxlY3RWaWFVc2VySW50ZXJhY3Rpb24odHJ1ZSk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24nOiBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUNRQSxJQUFhLDJCQUFtQzs7Ozs7Ozs7OztBQVdoRCxJQUFhLG1DQUFiLGNBQWtFLHFCQUF1Qjs7QUFDdkQsT0FBQSxjQUFzQjs7O0FBQ3RCLE9BQUEsT0FBTzs7O0FBQ2hCLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSxpQ0FBTSxDQUFDOztDQUluRixjQUFBO0FBQ0UsU0FBTztBQUhDLE9BQUEsV0FBVztBQUluQixPQUFLLGNBQ0gsSUFBSSw2QkFBNkIsWUFBWSxLQUFLLFFBQVEsaUNBQWlDLEVBQUU7R0FDM0YsV0FBVyxNQUFLO0FBQ2QsU0FBSyxvQkFBb0IsRUFBRTtBQUMzQixxQkFBaUIsS0FBSyxVQUFVLDRCQUE0QixDQUFDLEVBQUUsT0FDN0QsWUFDQSxLQUFLLFlBQVksS0FBSyxrQkFDdkI7QUFDRCxTQUFLLG9CQUFvQjs7R0FFM0IsUUFBUSxNQUFPLEtBQUssYUFBYSxFQUFFO0dBQ3BDLENBQUMsQ0FDSDtBQUVELE9BQUssY0FDSCxJQUFJLDZCQUE2QixZQUFZLEtBQUssUUFBUSx3QkFBd0IsRUFBRSxFQUNsRixXQUFXLE1BQU0sS0FBSyxZQUFZLFlBQVksRUFBRSxTQUFTLEVBQzFELENBQUMsQ0FDSDs7Q0FHZ0IsV0FBVyxtQkFBdUM7QUFDbkUsUUFBTSxXQUFXLGtCQUFrQjtBQUNuQyxNQUFJLGtCQUFrQixJQUFJLFdBQVcsRUFBRTtBQUNyQyxvQkFBaUIsS0FBSyxVQUFVLDRCQUE0QixDQUFDLEVBQUUsT0FDN0QsWUFDQSxLQUFLLFlBQVksS0FBSyxrQkFDdkI7QUFDRCxRQUFLLG9CQUFvQjs7O0NBSW5CLGNBQWMsT0FBaUI7QUFDdkMsTUFBSSxLQUFLLFlBQVksS0FBSyxtQkFBbUI7QUFDM0MsU0FBTSxpQkFBaUI7QUFDdkI7O0FBR0YsT0FBSyx5QkFBeUIsS0FBSyJ9
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { SbbElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
2
|
+
import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
3
|
+
import { html, unsafeCSS } from "lit";
|
|
4
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.scss?inline
|
|
5
|
+
var autocomplete_grid_row_default = ":host {\n display: block;\n}\n\n:host(:is(:state(negative),[state--negative])) {\n --sbb-autocomplete-grid-row-color: var(--sbb-color-3-negative);\n --sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3-negative);\n --sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-border-color-5);\n --sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3-negative);\n --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n}\n\n@media (any-hover: hover) {\n :host(:hover:not(:is(:state(disabled),[state--disabled]))) {\n --sbb-autocomplete-grid-row-background-color: var(\n --sbb-autocomplete-grid-row-background-color-hover\n );\n }\n}\n\n:host(:is(:state(disabled),[state--disabled])) {\n --sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-default);\n}\n@media (forced-colors: active) {\n :host(:is(:state(disabled),[state--disabled])) {\n --sbb-autocomplete-grid-row-color: GrayText;\n }\n}\n\n::slotted(sbb-autocomplete-grid-option) {\n flex: 1 1 auto;\n margin-right: calc(-1 * var(--sbb-spacing-fixed-2x));\n overflow-x: hidden;\n}\n\n.sbb-autocomplete-grid-row {\n display: flex;\n align-items: center;\n padding-inline-end: var(--sbb-autocomplete-grid-row-padding-inline-end);\n justify-content: var(--sbb-autocomplete-grid-row-justify-content);\n gap: var(--sbb-spacing-fixed-6x);\n color: var(--sbb-autocomplete-grid-row-color);\n background-color: var(--sbb-autocomplete-grid-row-background-color, inherit);\n cursor: var(--sbb-autocomplete-grid-row-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-text-fill-color: var(--sbb-autocomplete-grid-row-color);\n}\n:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row {\n position: relative;\n z-index: 0;\n}\n:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row::before {\n content: \"\";\n display: block;\n position: absolute;\n inset: 0.375rem;\n border: var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);\n border-radius: var(--sbb-border-radius-2x);\n background-color: var(--sbb-autocomplete-grid-row-disabled-background-color);\n z-index: -1;\n}\n@media (forced-colors: active) {\n :host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row::before {\n border-color: GrayText;\n }\n}";
|
|
6
|
+
//#endregion
|
|
7
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.ts
|
|
8
|
+
var autocompleteRowNextId = 0;
|
|
9
|
+
/**
|
|
10
|
+
* The component is used as a wrapper for options and action buttons.
|
|
11
|
+
*
|
|
12
|
+
* @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-option` and a `sbb-autocomplete-grid-cell` with one or more `sbb-autocomplete-grid-button`.
|
|
13
|
+
*/
|
|
14
|
+
var SbbAutocompleteGridRowElement = class extends SbbElement {
|
|
15
|
+
static {
|
|
16
|
+
this.elementName = "sbb-autocomplete-grid-row";
|
|
17
|
+
}
|
|
18
|
+
static {
|
|
19
|
+
this.role = "row";
|
|
20
|
+
}
|
|
21
|
+
static {
|
|
22
|
+
this.styles = [boxSizingStyles, unsafeCSS(autocomplete_grid_row_default)];
|
|
23
|
+
}
|
|
24
|
+
connectedCallback() {
|
|
25
|
+
super.connectedCallback();
|
|
26
|
+
this.id ||= `sbb-autocomplete-grid-row-${++autocompleteRowNextId}`;
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return html`
|
|
30
|
+
<span class="sbb-autocomplete-grid-row">
|
|
31
|
+
<slot></slot>
|
|
32
|
+
</span>
|
|
33
|
+
`;
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
//#endregion
|
|
37
|
+
export { SbbAutocompleteGridRowElement as t };
|
|
38
|
+
|
|
39
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtcm93LmNvbXBvbmVudC1ERW02enlIWi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLXJvdy9hdXRvY29tcGxldGUtZ3JpZC1yb3cuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLXJvdy9hdXRvY29tcGxldGUtZ3JpZC1yb3cuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KDpzdGF0ZShuZWdhdGl2ZSkpIHtcbiAgLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMy1uZWdhdGl2ZSk7XG4gIC0tc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdy1iYWNrZ3JvdW5kLWNvbG9yLWhvdmVyOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0zLW5lZ2F0aXZlKTtcbiAgLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWRpc2FibGVkLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLWJvcmRlci1jb2xvci01KTtcbiAgLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWRpc2FibGVkLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMtbmVnYXRpdmUpO1xuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kYXJrKTtcbn1cblxuOmhvc3QoOmhvdmVyOm5vdCg6c3RhdGUoZGlzYWJsZWQpKSkge1xuICBAaW5jbHVkZSBzYmIuaG92ZXItbXEoJGhvdmVyOiB0cnVlKSB7XG4gICAgLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgIC0tc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdy1iYWNrZ3JvdW5kLWNvbG9yLWhvdmVyXG4gICAgKTtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoZGlzYWJsZWQpKSB7XG4gIC0tc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdy1jdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItZGVmYXVsdCk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdy1jb2xvcjogR3JheVRleHQ7XG4gIH1cbn1cblxuOjpzbG90dGVkKHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24pIHtcbiAgZmxleDogMSAxIGF1dG87XG4gIG1hcmdpbi1yaWdodDogY2FsYygtMSAqIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KSk7XG5cbiAgLy8gVXNlZCB0byBlbmFibGUgZWxsaXBzaXNcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xufVxuXG4uc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmctaW5saW5lLWVuZDogdmFyKC0tc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdy1wYWRkaW5nLWlubGluZS1lbmQpO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHZhcigtLXNiYi1hdXRvY29tcGxldGUtZ3JpZC1yb3ctanVzdGlmeS1jb250ZW50KTtcbiAgZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC02eCk7XG4gIGNvbG9yOiB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdy1iYWNrZ3JvdW5kLWNvbG9yLCBpbmhlcml0KTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWN1cnNvcik7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWNvbG9yKTtcblxuICAvLyBBZGQgaW5uZXIgYm9yZGVyIGFuZCBiYWNrZ3JvdW5kIGZvciBkaXNhYmxlZCBvcHRpb24gd2hlbiBpdCdzIG5vdCBtdWx0aXBsZVxuICA6aG9zdCg6c3RhdGUoZGlzYWJsZWQpKSAmIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgei1pbmRleDogMDtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCg2KX07XG4gICAgICBib3JkZXI6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIGRhc2hlZFxuICAgICAgICB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWRpc2FibGVkLWJvcmRlci1jb2xvcik7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy0yeCk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xuICAgICAgei1pbmRleDogLTE7XG5cbiAgICAgIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsImltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYXV0b2NvbXBsZXRlLWdyaWQtcm93LnNjc3M/aW5saW5lJztcblxubGV0IGF1dG9jb21wbGV0ZVJvd05leHRJZCA9IDA7XG5cbi8qKlxuICogVGhlIGNvbXBvbmVudCBpcyB1c2VkIGFzIGEgd3JhcHBlciBmb3Igb3B0aW9ucyBhbmQgYWN0aW9uIGJ1dHRvbnMuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbmAgYW5kIGEgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsYCB3aXRoIG9uZSBvciBtb3JlIGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uYC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkF1dG9jb21wbGV0ZUdyaWRSb3dFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ3Jvdyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93LSR7KythdXRvY29tcGxldGVSb3dOZXh0SWR9YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93JzogU2JiQXV0b2NvbXBsZXRlR3JpZFJvd0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQ01BLElBQUksd0JBQXdCOzs7Ozs7QUFPNUIsSUFBYSxnQ0FBYixjQUFtRCxXQUFVOztBQUMzQixPQUFBLGNBQXNCOzs7QUFDdEIsT0FBQSxPQUFPOzs7QUFDaEIsT0FBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLDhCQUFNLENBQUM7O0NBRW5FLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUN6QixPQUFLLE9BQU8sNkJBQTZCLEVBQUU7O0NBRzFCLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
|
-
import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-
|
|
2
|
+
import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-BxkWGaX0.js";
|
|
3
3
|
import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
|
|
4
|
-
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-
|
|
5
|
-
import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-
|
|
4
|
+
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-5mPGswUO.js";
|
|
5
|
+
import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-DEm6zyHZ.js";
|
|
6
6
|
import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
|
|
7
7
|
import "./autocomplete-grid.pure.js";
|
|
8
8
|
//#region src/elements-experimental/autocomplete-grid.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
|
-
import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-
|
|
2
|
+
import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-BxkWGaX0.js";
|
|
3
3
|
import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
|
|
4
|
-
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-
|
|
5
|
-
import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-
|
|
4
|
+
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-5mPGswUO.js";
|
|
5
|
+
import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-DEm6zyHZ.js";
|
|
6
6
|
import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
|
|
7
7
|
export { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement, autocompleteGridOptionId };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"journey-summary.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/journey-summary/journey-summary.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAM3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"journey-summary.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/journey-summary/journey-summary.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAM3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAA4B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIzF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAIhD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+CAA+C,CAAC;AACvD,OAAO,2CAA2C,CAAC;AACnD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oCAAoC;IACnD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,qBAAa,wBAAyB,SAAQ,UAAU;IACtD,gBAAgC,WAAW,EAAE,MAAM,CAAyB;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,qBAAqB;IACrB,SAA4C,IAAI,EAAE,oCAAoC,CAAS;IAE/F,yBAAyB;IACzB,SACgB,QAAQ,EAAE,oCAAoC,CAAS;IAEvE;;OAEG;IACH,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,gEAAgE;IAChE,SAAyD,WAAW,EAAE,aAAa,CAAO;IAE1F;;;OAGG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;OAKG;IACH,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C;;;OAGG;IACH,IACW,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAErC;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAKzC,2EAA2E;IAC3E,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,yBAAyB;cAuBd,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbJourneySummaryElement } from "../journey-summary.component-
|
|
1
|
+
import { t as SbbJourneySummaryElement } from "../journey-summary.component-BZwgD4im.js";
|
|
2
2
|
export { SbbJourneySummaryElement };
|