@sbb-esta/lyne-elements-experimental-dev 5.0.0-next.2-dev.1777962306 → 5.0.0-next.2-dev.1777980885
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-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid-option.component-kcihiOWt.js +35 -0
- package/autocomplete-grid.js +1 -1
- package/autocomplete-grid.pure.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-option.component-D9pTXPlu.js +58 -0
- package/development/autocomplete-grid.js +1 -1
- package/development/autocomplete-grid.pure.js +1 -1
- package/package.json +2 -2
- package/autocomplete-grid-option.component-iEj9qreq.js +0 -35
- package/development/autocomplete-grid-option.component-BQwwanAf.js +0 -59
|
@@ -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-kcihiOWt.js";
|
|
2
2
|
export { t as SbbAutocompleteGridOptionElement, e as autocompleteGridOptionId };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { SbbPropertyWatcherController as e, ɵstateController as t } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
+
import { unsafeCSS as n } from "lit";
|
|
3
|
+
import { SbbOptionBaseElement as r } from "@sbb-esta/lyne-elements/option.pure.js";
|
|
4
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
|
|
5
|
+
var i = ":host{--sbb-focus-outline-offset: var(--sbb-option-focus-outline-offset);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(:is(:state(size-s),[state--size-s])){--sbb-option-min-height: var(--sbb-size-element-xxs);--sbb-option-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));--sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x)}:host(:is(:state(size-m),[state--size-m])){--sbb-option-min-height: var(--sbb-size-element-s);--sbb-option-focus-outline-offset: inherit;--sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x)}: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)}", a = "sbb-autocomplete-grid-option", o = class extends r {
|
|
6
|
+
static {
|
|
7
|
+
this.elementName = "sbb-autocomplete-grid-option";
|
|
8
|
+
}
|
|
9
|
+
static {
|
|
10
|
+
this.role = "gridcell";
|
|
11
|
+
}
|
|
12
|
+
static {
|
|
13
|
+
this.styles = [n(i)];
|
|
14
|
+
}
|
|
15
|
+
constructor() {
|
|
16
|
+
super(), this.optionId = a, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
|
|
17
|
+
disabled: (e) => {
|
|
18
|
+
this.disabledFromGroup = e.disabled, t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
|
|
19
|
+
},
|
|
20
|
+
label: (e) => this.groupLabel = e.label
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
willUpdate(e) {
|
|
24
|
+
super.willUpdate(e), e.has("disabled") && (t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
|
|
25
|
+
}
|
|
26
|
+
selectByClick(e) {
|
|
27
|
+
if (this.disabled || this.disabledFromGroup) {
|
|
28
|
+
e.stopPropagation();
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
this.selectViaUserInteraction(!0);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
//#endregion
|
|
35
|
+
export { a as n, o as t };
|
package/autocomplete-grid.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
2
|
import { t } from "./autocomplete-grid-cell.component-DAsWZlTn.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-
|
|
4
|
+
import { n as r, t as i } from "./autocomplete-grid-option.component-kcihiOWt.js";
|
|
5
5
|
import { t as a } from "./autocomplete-grid-row.component-VbyYP0U-.js";
|
|
6
6
|
import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
|
|
7
7
|
import "./autocomplete-grid.pure.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
2
|
import { t } from "./autocomplete-grid-cell.component-DAsWZlTn.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-
|
|
4
|
+
import { n as r, t as i } from "./autocomplete-grid-option.component-kcihiOWt.js";
|
|
5
5
|
import { t as a } from "./autocomplete-grid-row.component-VbyYP0U-.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-option.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,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,CAAsB;IAEnE,SAAS,CAAC,QAAQ,SAA4B;;
|
|
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":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,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,CAAsB;IAEnE,SAAS,CAAC,QAAQ,SAA4B;;cAmB3B,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-D9pTXPlu.js";
|
|
2
2
|
export { SbbAutocompleteGridOptionElement, autocompleteGridOptionId };
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { SbbPropertyWatcherController, ɵstateController } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
+
import { unsafeCSS } from "lit";
|
|
3
|
+
import { SbbOptionBaseElement } from "@sbb-esta/lyne-elements/option.pure.js";
|
|
4
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
|
|
5
|
+
var autocomplete_grid_option_default = ":host {\n --sbb-focus-outline-offset: var(--sbb-option-focus-outline-offset);\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(:is(:state(size-s),[state--size-s])) {\n --sbb-option-min-height: var(--sbb-size-element-xxs);\n --sbb-option-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));\n --sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x);\n}\n\n:host(:is(:state(size-m),[state--size-m])) {\n --sbb-option-min-height: var(--sbb-size-element-s);\n --sbb-option-focus-outline-offset: inherit;\n --sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);\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}";
|
|
6
|
+
//#endregion
|
|
7
|
+
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts
|
|
8
|
+
var autocompleteGridOptionId = `sbb-autocomplete-grid-option`;
|
|
9
|
+
/**
|
|
10
|
+
* It displays an option item which can be used in `sbb-autocomplete-grid`.
|
|
11
|
+
*
|
|
12
|
+
* @slot - Use the unnamed slot to add content to the option label.
|
|
13
|
+
* @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
|
|
14
|
+
* @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
|
|
15
|
+
* when preserve-icon-space on autocomplete is not set or iconName is not set.
|
|
16
|
+
* @overrideType value - T = string
|
|
17
|
+
*/
|
|
18
|
+
var SbbAutocompleteGridOptionElement = class extends SbbOptionBaseElement {
|
|
19
|
+
static {
|
|
20
|
+
this.elementName = "sbb-autocomplete-grid-option";
|
|
21
|
+
}
|
|
22
|
+
static {
|
|
23
|
+
this.role = "gridcell";
|
|
24
|
+
}
|
|
25
|
+
static {
|
|
26
|
+
this.styles = [unsafeCSS(autocomplete_grid_option_default)];
|
|
27
|
+
}
|
|
28
|
+
constructor() {
|
|
29
|
+
super();
|
|
30
|
+
this.optionId = autocompleteGridOptionId;
|
|
31
|
+
this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
|
|
32
|
+
disabled: (p) => {
|
|
33
|
+
this.disabledFromGroup = p.disabled;
|
|
34
|
+
ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
|
|
35
|
+
this.updateAriaDisabled();
|
|
36
|
+
},
|
|
37
|
+
label: (p) => this.groupLabel = p.label
|
|
38
|
+
}));
|
|
39
|
+
}
|
|
40
|
+
willUpdate(changedProperties) {
|
|
41
|
+
super.willUpdate(changedProperties);
|
|
42
|
+
if (changedProperties.has("disabled")) {
|
|
43
|
+
ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
|
|
44
|
+
this.updateAriaDisabled();
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
selectByClick(event) {
|
|
48
|
+
if (this.disabled || this.disabledFromGroup) {
|
|
49
|
+
event.stopPropagation();
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
this.selectViaUserInteraction(true);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
//#endregion
|
|
56
|
+
export { autocompleteGridOptionId as n, SbbAutocompleteGridOptionElement as t };
|
|
57
|
+
|
|
58
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLmNvbXBvbmVudC1EOXBUWFBsdS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItZm9jdXMtb3V0bGluZS1vZmZzZXQ6IHZhcigtLXNiYi1vcHRpb24tZm9jdXMtb3V0bGluZS1vZmZzZXQpO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG46aG9zdCg6c3RhdGUobmVnYXRpdmUpKSB7XG4gIC0tc2JiLW9wdGlvbi1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTMtbmVnYXRpdmUpO1xuICAtLXNiYi1vcHRpb24taWNvbi1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTUpO1xufVxuXG46aG9zdCg6c3RhdGUoc2l6ZS1zKSkge1xuICAtLXNiYi1vcHRpb24tbWluLWhlaWdodDogdmFyKC0tc2JiLXNpemUtZWxlbWVudC14eHMpO1xuICAtLXNiYi1vcHRpb24tZm9jdXMtb3V0bGluZS1vZmZzZXQ6IGNhbGMoLTEgKiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCkpO1xuICAtLXNiYi1vcHRpb24tZm9jdXMtb3V0bGluZS1pbnNldDogMCB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLW0pKSB7XG4gIC0tc2JiLW9wdGlvbi1taW4taGVpZ2h0OiB2YXIoLS1zYmItc2l6ZS1lbGVtZW50LXMpO1xuICAtLXNiYi1vcHRpb24tZm9jdXMtb3V0bGluZS1vZmZzZXQ6IGluaGVyaXQ7XG4gIC0tc2JiLW9wdGlvbi1mb2N1cy1vdXRsaW5lLWluc2V0OiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG59XG5cbi8vIElmIGhpZ2hsaWdodGluZyBpcyBlbmFibGVkLCBoaWRlIHRoZSBvcmlnaW5hbCBzbG90IGNvbnRlbnRcbjpob3N0KDpub3QoOnN0YXRlKGRpc2FibGUtaGlnaGxpZ2h0KSkpIHtcbiAgLnNiYi1vcHRpb25fX2xhYmVsIHNsb3Qge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgLS1zYmItb3B0aW9uLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yKTtcbn1cblxuLnNiYi1vcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLXNiYi1vcHRpb24tZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbHVtbi1nYXA6IHZhcigtLXNiYi1vcHRpb24tY29sdW1uLWdhcCk7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1vcHRpb24tbWluLWhlaWdodCk7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItb3B0aW9uLXBhZGRpbmctaW5saW5lKTtcbiAgY29sb3I6IHZhcigtLXNiYi1vcHRpb24tY29sb3IpO1xuXG4gIC8vIFdlIHVzZSB0aGUgcHNldWRvIGVsZW1lbnQgdG8gZGlzcGxheSB0aGUgZm9jdXMgb3V0bGluZSAoaW5saW5lIGluIHRoaXMgY2FzZSlcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogdmFyKC0tc2JiLW9wdGlvbi1mb2N1cy1vdXRsaW5lLWluc2V0KTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBib3JkZXI6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLXdpZHRoKSBzb2xpZCB2YXIoLS1zYmItb3B0aW9uLWZvY3VzLW91dGxpbmUtY29sb3IpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1vcHRpb24tYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cblxuLnNiYi1vcHRpb25fX2xhYmVsLS1oaWdobGlnaHQge1xuICA6aG9zdCg6bm90KDpzdGF0ZShkaXNhYmxlZCkpKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICBjb2xvcjogSGlnaGxpZ2h0O1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLW9wdGlvbl9faWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpO1xuICBjb2xvcjogdmFyKC0tc2JiLW9wdGlvbi1pY29uLWNvbG9yKTtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWljb24pLCA6c3RhdGUoaGFzLWljb24tbmFtZSkpKSAmIHtcbiAgICAvLyBDYW4gYmUgb3ZlcnJpZGRlbiBieSB0aGUgJ3ByZXNlcnZlLWljb24tc3BhY2UnIG9uIHRoZSBhdXRvY29tcGxldGVcbiAgICBkaXNwbGF5OiB2YXIoLS1zYmItb3B0aW9uLWljb24tY29udGFpbmVyLWRpc3BsYXksIG5vbmUpO1xuICB9XG59XG5cbi5zYmItb3B0aW9uX19sYWJlbCB7XG4gIHRleHQtb3ZlcmZsb3c6IHZhcigtLXNiYi1vcHRpb24tdGV4dC1vdmVyZmxvdyk7XG4gIG92ZXJmbG93OiB2YXIoLS1zYmItb3B0aW9uLW92ZXJmbG93KTtcbiAgd2hpdGUtc3BhY2U6IHZhcigtLXNiYi1vcHRpb24td2hpdGUtc3BhY2UsIGluaXRpYWwpO1xufVxuIiwiaW1wb3J0IHsgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciwgybVzdGF0ZUNvbnRyb2xsZXIgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlLmpzJztcbmltcG9ydCB7IFNiYk9wdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvb3B0aW9uLnB1cmUuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IGNvbnN0IGF1dG9jb21wbGV0ZUdyaWRPcHRpb25JZDogc3RyaW5nID0gYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb25gO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIG9wdGlvbiBpdGVtIHdoaWNoIGNhbiBiZSB1c2VkIGluIGBzYmItYXV0b2NvbXBsZXRlLWdyaWRgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIG9wdGlvbiBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1vcHRpb24taWNvbi1jb250YWluZXItZGlzcGxheT1ub25lXSAtIENhbiBiZSB1c2VkIHRvIHJlc2VydmUgc3BhY2UgZXZlblxuICogd2hlbiBwcmVzZXJ2ZS1pY29uLXNwYWNlIG9uIGF1dG9jb21wbGV0ZSBpcyBub3Qgc2V0IG9yIGljb25OYW1lIGlzIG5vdCBzZXQuXG4gKiBAb3ZlcnJpZGVUeXBlIHZhbHVlIC0gVCA9IHN0cmluZ1xuICovXG5leHBvcnQgY2xhc3MgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJPcHRpb25CYXNlRWxlbWVudDxUPiB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ2dyaWRjZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3Vuc2FmZUNTUyhzdHlsZSldO1xuXG4gIHByb3RlY3RlZCBvcHRpb25JZCA9IGF1dG9jb21wbGV0ZUdyaWRPcHRpb25JZDtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cCcpLCB7XG4gICAgICAgIGRpc2FibGVkOiAocCkgPT4ge1xuICAgICAgICAgIHRoaXMuZGlzYWJsZWRGcm9tR3JvdXAgPSBwLmRpc2FibGVkO1xuICAgICAgICAgIMm1c3RhdGVDb250cm9sbGVyKHRoaXMuY2xvc2VzdD8uKCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93JykpPy50b2dnbGUoXG4gICAgICAgICAgICAnZGlzYWJsZWQnLFxuICAgICAgICAgICAgdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwLFxuICAgICAgICAgICk7XG4gICAgICAgICAgdGhpcy51cGRhdGVBcmlhRGlzYWJsZWQoKTtcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWw6IChwKSA9PiAodGhpcy5ncm91cExhYmVsID0gcC5sYWJlbCksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5jbG9zZXN0Py4oJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1yb3cnKSk/LnRvZ2dsZShcbiAgICAgICAgJ2Rpc2FibGVkJyxcbiAgICAgICAgdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwLFxuICAgICAgKTtcbiAgICAgIHRoaXMudXBkYXRlQXJpYURpc2FibGVkKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHNlbGVjdEJ5Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwKSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNlbGVjdFZpYVVzZXJJbnRlcmFjdGlvbih0cnVlKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbic6IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUNNQSxJQUFhLDJCQUFtQzs7Ozs7Ozs7OztBQVdoRCxJQUFhLG1DQUFiLGNBQWtFLHFCQUF1Qjs7QUFDdkQsT0FBQSxjQUFzQjs7O0FBQ3RCLE9BQUEsT0FBTzs7O0FBQ2hCLE9BQUEsU0FBeUIsQ0FBQyxVQUFVLGlDQUFNLENBQUM7O0NBSWxFLGNBQUE7QUFDRSxTQUFPO0FBSEMsT0FBQSxXQUFXO0FBSW5CLE9BQUssY0FDSCxJQUFJLDZCQUE2QixZQUFZLEtBQUssUUFBUSxpQ0FBaUMsRUFBRTtHQUMzRixXQUFXLE1BQUs7QUFDZCxTQUFLLG9CQUFvQixFQUFFO0FBQzNCLHFCQUFpQixLQUFLLFVBQVUsNEJBQTRCLENBQUMsRUFBRSxPQUM3RCxZQUNBLEtBQUssWUFBWSxLQUFLLGtCQUN2QjtBQUNELFNBQUssb0JBQW9COztHQUUzQixRQUFRLE1BQU8sS0FBSyxhQUFhLEVBQUU7R0FDcEMsQ0FBQyxDQUNIOztDQUdnQixXQUFXLG1CQUF1QztBQUNuRSxRQUFNLFdBQVcsa0JBQWtCO0FBQ25DLE1BQUksa0JBQWtCLElBQUksV0FBVyxFQUFFO0FBQ3JDLG9CQUFpQixLQUFLLFVBQVUsNEJBQTRCLENBQUMsRUFBRSxPQUM3RCxZQUNBLEtBQUssWUFBWSxLQUFLLGtCQUN2QjtBQUNELFFBQUssb0JBQW9COzs7Q0FJbkIsY0FBYyxPQUFpQjtBQUN2QyxNQUFJLEtBQUssWUFBWSxLQUFLLG1CQUFtQjtBQUMzQyxTQUFNLGlCQUFpQjtBQUN2Qjs7QUFHRixPQUFLLHlCQUF5QixLQUFLIn0=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
2
|
import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-BF8i4388.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-
|
|
4
|
+
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-D9pTXPlu.js";
|
|
5
5
|
import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-CBHh50jC.js";
|
|
6
6
|
import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
|
|
7
7
|
import "./autocomplete-grid.pure.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
|
|
2
2
|
import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-BF8i4388.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-
|
|
4
|
+
import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-D9pTXPlu.js";
|
|
5
5
|
import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-CBHh50jC.js";
|
|
6
6
|
import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
|
|
7
7
|
export { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement, autocompleteGridOptionId };
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-experimental-dev",
|
|
3
|
-
"version": "5.0.0-next.2-dev.
|
|
3
|
+
"version": "5.0.0-next.2-dev.1777980885",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
9
|
"storybook",
|
|
10
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
10
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/03ac2f487449f2cbaf387f27eba13f01edc07f20"
|
|
11
11
|
],
|
|
12
12
|
"type": "module",
|
|
13
13
|
"exports": {
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { SbbPropertyWatcherController as e, ɵstateController as t } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
-
import { unsafeCSS as n } from "lit";
|
|
3
|
-
import { SbbOptionBaseElement as r } from "@sbb-esta/lyne-elements/option.pure.js";
|
|
4
|
-
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
|
|
5
|
-
var i = ":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)}", a = "sbb-autocomplete-grid-option", o = class extends r {
|
|
6
|
-
static {
|
|
7
|
-
this.elementName = "sbb-autocomplete-grid-option";
|
|
8
|
-
}
|
|
9
|
-
static {
|
|
10
|
-
this.role = "gridcell";
|
|
11
|
-
}
|
|
12
|
-
static {
|
|
13
|
-
this.styles = [n(i)];
|
|
14
|
-
}
|
|
15
|
-
constructor() {
|
|
16
|
-
super(), this.optionId = a, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
|
|
17
|
-
disabled: (e) => {
|
|
18
|
-
this.disabledFromGroup = e.disabled, t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
|
|
19
|
-
},
|
|
20
|
-
label: (e) => this.groupLabel = e.label
|
|
21
|
-
})), this.addController(new e(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
|
|
22
|
-
}
|
|
23
|
-
willUpdate(e) {
|
|
24
|
-
super.willUpdate(e), e.has("disabled") && (t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
|
|
25
|
-
}
|
|
26
|
-
selectByClick(e) {
|
|
27
|
-
if (this.disabled || this.disabledFromGroup) {
|
|
28
|
-
e.stopPropagation();
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
this.selectViaUserInteraction(!0);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
//#endregion
|
|
35
|
-
export { a as n, o as t };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { SbbPropertyWatcherController, ɵstateController } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
-
import { unsafeCSS } from "lit";
|
|
3
|
-
import { SbbOptionBaseElement } from "@sbb-esta/lyne-elements/option.pure.js";
|
|
4
|
-
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
|
|
5
|
-
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}";
|
|
6
|
-
//#endregion
|
|
7
|
-
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts
|
|
8
|
-
var autocompleteGridOptionId = `sbb-autocomplete-grid-option`;
|
|
9
|
-
/**
|
|
10
|
-
* It displays an option item which can be used in `sbb-autocomplete-grid`.
|
|
11
|
-
*
|
|
12
|
-
* @slot - Use the unnamed slot to add content to the option label.
|
|
13
|
-
* @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
|
|
14
|
-
* @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
|
|
15
|
-
* when preserve-icon-space on autocomplete is not set or iconName is not set.
|
|
16
|
-
* @overrideType value - T = string
|
|
17
|
-
*/
|
|
18
|
-
var SbbAutocompleteGridOptionElement = class extends SbbOptionBaseElement {
|
|
19
|
-
static {
|
|
20
|
-
this.elementName = "sbb-autocomplete-grid-option";
|
|
21
|
-
}
|
|
22
|
-
static {
|
|
23
|
-
this.role = "gridcell";
|
|
24
|
-
}
|
|
25
|
-
static {
|
|
26
|
-
this.styles = [unsafeCSS(autocomplete_grid_option_default)];
|
|
27
|
-
}
|
|
28
|
-
constructor() {
|
|
29
|
-
super();
|
|
30
|
-
this.optionId = autocompleteGridOptionId;
|
|
31
|
-
this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
|
|
32
|
-
disabled: (p) => {
|
|
33
|
-
this.disabledFromGroup = p.disabled;
|
|
34
|
-
ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
|
|
35
|
-
this.updateAriaDisabled();
|
|
36
|
-
},
|
|
37
|
-
label: (p) => this.groupLabel = p.label
|
|
38
|
-
}));
|
|
39
|
-
this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
|
|
40
|
-
}
|
|
41
|
-
willUpdate(changedProperties) {
|
|
42
|
-
super.willUpdate(changedProperties);
|
|
43
|
-
if (changedProperties.has("disabled")) {
|
|
44
|
-
ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
|
|
45
|
-
this.updateAriaDisabled();
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
selectByClick(event) {
|
|
49
|
-
if (this.disabled || this.disabledFromGroup) {
|
|
50
|
-
event.stopPropagation();
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
this.selectViaUserInteraction(true);
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
//#endregion
|
|
57
|
-
export { autocompleteGridOptionId as n, SbbAutocompleteGridOptionElement as t };
|
|
58
|
-
|
|
59
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLmNvbXBvbmVudC1CUXd3YW5BZi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KDpzdGF0ZShuZWdhdGl2ZSkpIHtcbiAgLS1zYmItb3B0aW9uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMy1uZWdhdGl2ZSk7XG4gIC0tc2JiLW9wdGlvbi1pY29uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNSk7XG59XG5cbi8vIElmIGhpZ2hsaWdodGluZyBpcyBlbmFibGVkLCBoaWRlIHRoZSBvcmlnaW5hbCBzbG90IGNvbnRlbnRcbjpob3N0KDpub3QoOnN0YXRlKGRpc2FibGUtaGlnaGxpZ2h0KSkpIHtcbiAgLnNiYi1vcHRpb25fX2xhYmVsIHNsb3Qge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgLS1zYmItb3B0aW9uLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yKTtcbn1cblxuLnNiYi1vcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLXNiYi1vcHRpb24tZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbHVtbi1nYXA6IHZhcigtLXNiYi1vcHRpb24tY29sdW1uLWdhcCk7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1vcHRpb24tbWluLWhlaWdodCk7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItb3B0aW9uLXBhZGRpbmctaW5saW5lKTtcbiAgY29sb3I6IHZhcigtLXNiYi1vcHRpb24tY29sb3IpO1xuXG4gIC8vIFdlIHVzZSB0aGUgcHNldWRvIGVsZW1lbnQgdG8gZGlzcGxheSB0aGUgZm9jdXMgb3V0bGluZSAoaW5saW5lIGluIHRoaXMgY2FzZSlcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogdmFyKC0tc2JiLW9wdGlvbi1mb2N1cy1vdXRsaW5lLWluc2V0KTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBib3JkZXI6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLXdpZHRoKSBzb2xpZCB2YXIoLS1zYmItb3B0aW9uLWZvY3VzLW91dGxpbmUtY29sb3IpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1vcHRpb24tYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cblxuLnNiYi1vcHRpb25fX2xhYmVsLS1oaWdobGlnaHQge1xuICA6aG9zdCg6bm90KDpzdGF0ZShkaXNhYmxlZCkpKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICBjb2xvcjogSGlnaGxpZ2h0O1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLW9wdGlvbl9faWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpO1xuICBjb2xvcjogdmFyKC0tc2JiLW9wdGlvbi1pY29uLWNvbG9yKTtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWljb24pLCA6c3RhdGUoaGFzLWljb24tbmFtZSkpKSAmIHtcbiAgICAvLyBDYW4gYmUgb3ZlcnJpZGRlbiBieSB0aGUgJ3ByZXNlcnZlLWljb24tc3BhY2UnIG9uIHRoZSBhdXRvY29tcGxldGVcbiAgICBkaXNwbGF5OiB2YXIoLS1zYmItb3B0aW9uLWljb24tY29udGFpbmVyLWRpc3BsYXksIG5vbmUpO1xuICB9XG59XG5cbi5zYmItb3B0aW9uX19sYWJlbCB7XG4gIHRleHQtb3ZlcmZsb3c6IHZhcigtLXNiYi1vcHRpb24tdGV4dC1vdmVyZmxvdyk7XG4gIG92ZXJmbG93OiB2YXIoLS1zYmItb3B0aW9uLW92ZXJmbG93KTtcbiAgd2hpdGUtc3BhY2U6IHZhcigtLXNiYi1vcHRpb24td2hpdGUtc3BhY2UsIGluaXRpYWwpO1xufVxuIiwiaW1wb3J0IHsgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciwgybVzdGF0ZUNvbnRyb2xsZXIgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlLmpzJztcbmltcG9ydCB7IFNiYk9wdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvb3B0aW9uLnB1cmUuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IGNvbnN0IGF1dG9jb21wbGV0ZUdyaWRPcHRpb25JZDogc3RyaW5nID0gYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb25gO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIG9wdGlvbiBpdGVtIHdoaWNoIGNhbiBiZSB1c2VkIGluIGBzYmItYXV0b2NvbXBsZXRlLWdyaWRgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIG9wdGlvbiBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1vcHRpb24taWNvbi1jb250YWluZXItZGlzcGxheT1ub25lXSAtIENhbiBiZSB1c2VkIHRvIHJlc2VydmUgc3BhY2UgZXZlblxuICogd2hlbiBwcmVzZXJ2ZS1pY29uLXNwYWNlIG9uIGF1dG9jb21wbGV0ZSBpcyBub3Qgc2V0IG9yIGljb25OYW1lIGlzIG5vdCBzZXQuXG4gKiBAb3ZlcnJpZGVUeXBlIHZhbHVlIC0gVCA9IHN0cmluZ1xuICovXG5leHBvcnQgY2xhc3MgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJPcHRpb25CYXNlRWxlbWVudDxUPiB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ2dyaWRjZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3Vuc2FmZUNTUyhzdHlsZSldO1xuXG4gIHByb3RlY3RlZCBvcHRpb25JZCA9IGF1dG9jb21wbGV0ZUdyaWRPcHRpb25JZDtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cCcpLCB7XG4gICAgICAgIGRpc2FibGVkOiAocCkgPT4ge1xuICAgICAgICAgIHRoaXMuZGlzYWJsZWRGcm9tR3JvdXAgPSBwLmRpc2FibGVkO1xuICAgICAgICAgIMm1c3RhdGVDb250cm9sbGVyKHRoaXMuY2xvc2VzdD8uKCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93JykpPy50b2dnbGUoXG4gICAgICAgICAgICAnZGlzYWJsZWQnLFxuICAgICAgICAgICAgdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwLFxuICAgICAgICAgICk7XG4gICAgICAgICAgdGhpcy51cGRhdGVBcmlhRGlzYWJsZWQoKTtcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWw6IChwKSA9PiAodGhpcy5ncm91cExhYmVsID0gcC5sYWJlbCksXG4gICAgICB9KSxcbiAgICApO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQnKSwge1xuICAgICAgICBuZWdhdGl2ZTogKGUpID0+IHRoaXMudG9nZ2xlU3RhdGUoJ25lZ2F0aXZlJywgZS5uZWdhdGl2ZSksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5jbG9zZXN0Py4oJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1yb3cnKSk/LnRvZ2dsZShcbiAgICAgICAgJ2Rpc2FibGVkJyxcbiAgICAgICAgdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwLFxuICAgICAgKTtcbiAgICAgIHRoaXMudXBkYXRlQXJpYURpc2FibGVkKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHNlbGVjdEJ5Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwKSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNlbGVjdFZpYVVzZXJJbnRlcmFjdGlvbih0cnVlKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbic6IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUNNQSxJQUFhLDJCQUFtQzs7Ozs7Ozs7OztBQVdoRCxJQUFhLG1DQUFiLGNBQWtFLHFCQUF1Qjs7QUFDdkQsT0FBQSxjQUFzQjs7O0FBQ3RCLE9BQUEsT0FBTzs7O0FBQ2hCLE9BQUEsU0FBeUIsQ0FBQyxVQUFVLGlDQUFNLENBQUM7O0NBSWxFLGNBQUE7QUFDRSxTQUFPO0FBSEMsT0FBQSxXQUFXO0FBSW5CLE9BQUssY0FDSCxJQUFJLDZCQUE2QixZQUFZLEtBQUssUUFBUSxpQ0FBaUMsRUFBRTtHQUMzRixXQUFXLE1BQUs7QUFDZCxTQUFLLG9CQUFvQixFQUFFO0FBQzNCLHFCQUFpQixLQUFLLFVBQVUsNEJBQTRCLENBQUMsRUFBRSxPQUM3RCxZQUNBLEtBQUssWUFBWSxLQUFLLGtCQUN2QjtBQUNELFNBQUssb0JBQW9COztHQUUzQixRQUFRLE1BQU8sS0FBSyxhQUFhLEVBQUU7R0FDcEMsQ0FBQyxDQUNIO0FBRUQsT0FBSyxjQUNILElBQUksNkJBQTZCLFlBQVksS0FBSyxRQUFRLHdCQUF3QixFQUFFLEVBQ2xGLFdBQVcsTUFBTSxLQUFLLFlBQVksWUFBWSxFQUFFLFNBQVMsRUFDMUQsQ0FBQyxDQUNIOztDQUdnQixXQUFXLG1CQUF1QztBQUNuRSxRQUFNLFdBQVcsa0JBQWtCO0FBQ25DLE1BQUksa0JBQWtCLElBQUksV0FBVyxFQUFFO0FBQ3JDLG9CQUFpQixLQUFLLFVBQVUsNEJBQTRCLENBQUMsRUFBRSxPQUM3RCxZQUNBLEtBQUssWUFBWSxLQUFLLGtCQUN2QjtBQUNELFFBQUssb0JBQW9COzs7Q0FJbkIsY0FBYyxPQUFpQjtBQUN2QyxNQUFJLEtBQUssWUFBWSxLQUFLLG1CQUFtQjtBQUMzQyxTQUFNLGlCQUFpQjtBQUN2Qjs7QUFHRixPQUFLLHlCQUF5QixLQUFLIn0=
|