@sbb-esta/lyne-elements-experimental-dev 5.9.0-dev.1790246349 → 5.9.0-dev.1790251721

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.
Files changed (10) hide show
  1. package/autocomplete-grid.pure.js +3 -3
  2. package/custom-elements.json +85 -66
  3. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +2 -1
  4. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -0
  5. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +1 -0
  6. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts +1 -0
  7. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -0
  8. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +1 -0
  9. package/development/autocomplete-grid.pure.js +9 -3
  10. package/package.json +2 -2
package/autocomplete-grid.pure.js CHANGED
@@ -3,10 +3,10 @@ import{miniButtonStyle as e}from"@sbb-esta/lyne-elements/button.pure.js";import{
3
3
  <span class="sbb-autocomplete-grid-cell">
4
4
  <slot></slot>
5
5
  </span>
6
- `}},S=class extends h{static{this.elementName=`sbb-autocomplete-grid-optgroup`}get options(){return Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-option`)??[])}constructor(){super(),this.addController(new a(this,()=>this.closest(`sbb-autocomplete-grid`),{negative:e=>{this.toggleState(`negative`,e.negative),this.requestUpdate()}}))}getAutocompleteParent(){return this.closest?.(`sbb-autocomplete-grid`)||null}},C=`: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-letter-spacing-text);align-items:center;column-gap:var(--sbb-option-column-gap);min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color);justify-content:start;display:flex;position:relative}.sbb-option:after{content:"";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);display:block;position:absolute}: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{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color);display:flex}: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)}
7
- `;const w=`sbb-autocomplete-grid-option`;var T=class extends g{static{this.elementName=`sbb-autocomplete-grid-option`}static{this.role=`gridcell`}static{this.styles=[m(C)]}constructor(){super(),this.addController(new a(this,()=>this.closest(`sbb-autocomplete-grid-optgroup`),{disabled:e=>{this.disabledFromGroup=e.disabled,u(this.closest?.(`sbb-autocomplete-grid-row`))?.toggle(`disabled`,this.disabled||this.disabledFromGroup),this.updateAriaDisabled()},label:e=>this.groupLabel=e.label}))}willUpdate(e){super.willUpdate(e),e.has(`disabled`)&&(u(this.closest?.(`sbb-autocomplete-grid-row`))?.toggle(`disabled`,this.disabled||this.disabledFromGroup),this.updateAriaDisabled())}selectByClick(e){if(this.disabled||this.disabledFromGroup){e.stopPropagation();return}this.selectViaUserInteraction(!0)}},E=`: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){margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));flex:auto;overflow-x:hidden}.sbb-autocomplete-grid-row{align-items:center;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);padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);display:flex}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{z-index:0;position:relative}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:"";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;display:block;position:absolute;inset:.375rem}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:graytext}}
6
+ `}},S=class extends h{static{this.elementName=`sbb-autocomplete-grid-optgroup`}get options(){return Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-option`)??[])}constructor(){super(),this.addController(new a(this,()=>this.closest(`sbb-autocomplete-grid`),{negative:e=>{this.toggleState(`negative`,e.negative),this.requestUpdate()}}))}getAutocompleteParent(){return this.closest?.(`sbb-autocomplete-grid`)||null}},C=`: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-display:block}.sbb-option{font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-letter-spacing-text);align-items:center;column-gap:var(--sbb-option-column-gap);min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color);justify-content:start;display:flex;position:relative}.sbb-option:after{content:"";display:var(--sbb-option-focus-outline-display,none);inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-focus-outline-color);border-radius:var(--sbb-option-border-radius);position:absolute}: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{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color);display:flex}: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)}
7
+ `;const w=`sbb-autocomplete-grid-option`;var T=class extends g{static{this.elementName=`sbb-autocomplete-grid-option`}static{this.role=`gridcell`}static{this.styles=[m(C)]}constructor(){super(),this.addController(new a(this,()=>this.closest(`sbb-autocomplete-grid-optgroup`),{disabled:e=>{this.disabledFromGroup=e.disabled,u(this.closest?.(`sbb-autocomplete-grid-row`))?.toggle(`disabled`,this.disabled||this.disabledFromGroup),this.updateAriaDisabled()},label:e=>this.groupLabel=e.label}))}willUpdate(e){super.willUpdate(e),e.has(`disabled`)&&(u(this.closest?.(`sbb-autocomplete-grid-row`))?.toggle(`disabled`,this.disabled||this.disabledFromGroup),this.updateAriaDisabled())}selectByClick(e){if(this.disabled||this.disabledFromGroup){e.stopPropagation();return}this.selectViaUserInteraction(!0)}},E=`: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){margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));flex:auto;overflow-x:hidden}.sbb-autocomplete-grid-row{align-items:center;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);padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);display:flex}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{z-index:0;position:relative}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:"";inset:var(--sbb-option-disabled-inset);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;display:block;position:absolute}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:graytext}}
8
8
  `;let D=0;var O=class extends r{static{this.elementName=`sbb-autocomplete-grid-row`}static{this.role=`row`}static{this.styles=[m(E)]}connectedCallback(){super.connectedCallback(),this.id||=`sbb-autocomplete-grid-row-${++D}`}render(){return f`
9
9
  <span class="sbb-autocomplete-grid-row">
10
10
  <slot></slot>
11
11
  </span>
12
- `}};let k=0;const A=c;var j=class extends _{constructor(){super(...arguments),this.overlayId=`sbb-autocomplete-grid-${++k}`,this.panelRole=`grid`,this._activeColumnIndex=0}static{this.elementName=`sbb-autocomplete-grid`}static{this.role=A?`grid`:null}get options(){return Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-option`)??[])}syncNegative(){this.querySelectorAll?.(`sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint`).forEach(e=>e.negative=this.negative),this.querySelectorAll?.(`sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup`).forEach(e=>u(e).toggle(`negative`,this.negative))}openedPanelKeyboardInteraction(e){if(this.isOpen)switch(e.key){case`Enter`:this.selectByKeyboard(e);break;case`ArrowDown`:case`ArrowUp`:this.setNextActiveOption(e);break;case`ArrowRight`:case`ArrowLeft`:this._setNextHorizontalActiveElement(e)}}selectByKeyboard(e){this.activeOption&&(e.preventDefault(),this._activeColumnIndex===0?this.activeOption.selectViaUserInteraction(!0):this.activeOption.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-button`)[this._activeColumnIndex-1]?.click())}setNextActiveOption(e){let t=this.options.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`));if(this.activeOption?.setActive(!1),this.triggerElement.ariaActiveDescendantElement=null,Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-row :is(:state(focus-visible),[state--focus-visible])`)??[]).forEach(e=>u(e).delete(`focus-visible`)),this._activeColumnIndex=0,!t.length){this.activeOption=null;return}let n=this.activeOption?t.indexOf(this.activeOption):-1,r=o(e,n,t.length);this.activeOption=t[r],this.activeOption.setActive(!0),this.triggerElement.ariaActiveDescendantElement=this.activeOption,this.activeOption.scrollIntoView({block:`nearest`}),e&&e.preventDefault(),this.autoSelectActiveOption&&e&&this.setPendingSelection(this.activeOption)}_setNextHorizontalActiveElement(e){if(!this.activeOption)return;let t=Array.from(this.activeOption?.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-option, sbb-autocomplete-grid-button`)??[])?.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`));if(!t.length)return;let n=o(e,this._activeColumnIndex,t.length),r=t[n];r instanceof T?r.setActive(!0):u(r).add(`focus-visible`);let i=t[this._activeColumnIndex];i instanceof T?i.setActive(!1):u(i).delete(`focus-visible`),this.triggerElement.ariaActiveDescendantElement=r,r.scrollIntoView({block:`nearest`}),this._activeColumnIndex=n}resetActiveElement(){this._activeColumnIndex!==0&&this.activeOption?.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-button`).forEach(e=>u(e).delete(`focus-visible`)),this.activeOption?.setActive(!1),this.activeOption=null,this._activeColumnIndex=0,this.triggerElement&&(this.triggerElement.ariaActiveDescendantElement=null)}setTriggerAttributes(e){l(e,A?this.id:this.overlayId,!1,`grid`)}};export{y as SbbAutocompleteGridButtonElement,x as SbbAutocompleteGridCellElement,j as SbbAutocompleteGridElement,S as SbbAutocompleteGridOptgroupElement,T as SbbAutocompleteGridOptionElement,O as SbbAutocompleteGridRowElement,w as autocompleteGridOptionId};
12
+ `}};let k=0;const A=c;var j=class extends _{constructor(){super(...arguments),this.generatedId=`sbb-autocomplete-grid-${++k}`,this.panelRole=`grid`,this._activeColumnIndex=0}static{this.elementName=`sbb-autocomplete-grid`}static{this.role=A?`grid`:null}get options(){return Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-option`)??[])}syncNegative(){this.querySelectorAll?.(`sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint`).forEach(e=>e.negative=this.negative),this.querySelectorAll?.(`sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup`).forEach(e=>u(e).toggle(`negative`,this.negative))}openedPanelKeyboardInteraction(e){if(this.isOpen)switch(e.key){case`Enter`:this.selectByKeyboard(e);break;case`ArrowDown`:case`ArrowUp`:this.setNextActiveOption(e);break;case`ArrowRight`:case`ArrowLeft`:this._setNextHorizontalActiveElement(e)}}selectByKeyboard(e){this.activeOption&&(e.preventDefault(),this._activeColumnIndex===0?this.activeOption.selectViaUserInteraction(!0):this.activeOption.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-button`)[this._activeColumnIndex-1]?.click())}setNextActiveOption(e){let t=this.options.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`));if(this.activeOption?.setActive(!1),this.triggerElement.ariaActiveDescendantElement=null,Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-row :is(:state(focus-visible),[state--focus-visible])`)??[]).forEach(e=>u(e).delete(`focus-visible`)),this._activeColumnIndex=0,!t.length){this.activeOption=null;return}let n=this.activeOption?t.indexOf(this.activeOption):-1,r=o(e,n,t.length);this.activeOption=t[r],this.activeOption.setActive(!0),this.triggerElement.ariaActiveDescendantElement=this.activeOption,this.activeOption.scrollIntoView({block:`nearest`}),e&&e.preventDefault(),this.autoSelectActiveOption&&e&&this.setPendingSelection(this.activeOption)}_setNextHorizontalActiveElement(e){if(!this.activeOption)return;let t=Array.from(this.activeOption?.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-option, sbb-autocomplete-grid-button`)??[])?.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`));if(!t.length)return;let n=o(e,this._activeColumnIndex,t.length),r=t[n];r instanceof T?r.setActive(!0):u(r).add(`focus-visible`);let i=t[this._activeColumnIndex];i instanceof T?i.setActive(!1):u(i).delete(`focus-visible`),this.triggerElement.ariaActiveDescendantElement=r,r.scrollIntoView({block:`nearest`}),this._activeColumnIndex=n}resetActiveElement(){this._activeColumnIndex!==0&&this.activeOption?.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-button`).forEach(e=>u(e).delete(`focus-visible`)),this.activeOption?.setActive(!1),this.activeOption=null,this._activeColumnIndex=0,this.triggerElement&&(this.triggerElement.ariaActiveDescendantElement=null)}setTriggerAttributes(e){l(e,A?this.id:this.overlayId,!1,`grid`)}};export{y as SbbAutocompleteGridButtonElement,x as SbbAutocompleteGridCellElement,j as SbbAutocompleteGridElement,S as SbbAutocompleteGridOptgroupElement,T as SbbAutocompleteGridOptionElement,O as SbbAutocompleteGridRowElement,w as autocompleteGridOptionId};
package/custom-elements.json CHANGED
@@ -766,6 +766,7 @@
766
766
  "name": "SbbOptionBaseElement",
767
767
  "package": "@sbb-esta/lyne-elements/option.pure.js"
768
768
  },
769
+ "deprecated": "Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.",
769
770
  "tagName": "sbb-autocomplete-grid-option",
770
771
  "customElement": true,
771
772
  "classGenerics": "T = string",
@@ -1328,6 +1329,7 @@
1328
1329
  "name": "SbbOptgroupBaseElement",
1329
1330
  "package": "@sbb-esta/lyne-elements/option.pure.js"
1330
1331
  },
1332
+ "deprecated": "Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.",
1331
1333
  "tagName": "sbb-autocomplete-grid-optgroup",
1332
1334
  "customElement": true,
1333
1335
  "attributes": [
@@ -1921,6 +1923,7 @@
1921
1923
  "name": "SbbActionBaseElement",
1922
1924
  "package": "@sbb-esta/lyne-elements/core.js"
1923
1925
  },
1926
+ "deprecated": "Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.",
1924
1927
  "tagName": "sbb-autocomplete-grid-button",
1925
1928
  "customElement": true,
1926
1929
  "attributes": [
@@ -2297,6 +2300,7 @@
2297
2300
  "name": "SbbElement",
2298
2301
  "package": "@sbb-esta/lyne-elements/core.js"
2299
2302
  },
2303
+ "deprecated": "Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.",
2300
2304
  "tagName": "sbb-autocomplete-grid-cell",
2301
2305
  "customElement": true
2302
2306
  }
@@ -2632,6 +2636,7 @@
2632
2636
  "name": "SbbElement",
2633
2637
  "package": "@sbb-esta/lyne-elements/core.js"
2634
2638
  },
2639
+ "deprecated": "Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.",
2635
2640
  "tagName": "sbb-autocomplete-grid-row",
2636
2641
  "customElement": true
2637
2642
  }
@@ -2704,7 +2709,7 @@
2704
2709
  },
2705
2710
  {
2706
2711
  "kind": "field",
2707
- "name": "overlayId",
2712
+ "name": "generatedId",
2708
2713
  "type": {
2709
2714
  "text": "string"
2710
2715
  },
@@ -2712,7 +2717,7 @@
2712
2717
  "default": "`sbb-autocomplete-grid-${++nextId}`",
2713
2718
  "inheritedFrom": {
2714
2719
  "name": "SbbAutocompleteBaseElement",
2715
- "module": "autocomplete/autocomplete-base-element.js"
2720
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2716
2721
  }
2717
2722
  },
2718
2723
  {
@@ -2725,7 +2730,7 @@
2725
2730
  "default": "'grid'",
2726
2731
  "inheritedFrom": {
2727
2732
  "name": "SbbAutocompleteBaseElement",
2728
- "module": "autocomplete/autocomplete-base-element.js"
2733
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2729
2734
  }
2730
2735
  },
2731
2736
  {
@@ -2747,7 +2752,7 @@
2747
2752
  "readonly": true,
2748
2753
  "inheritedFrom": {
2749
2754
  "name": "SbbAutocompleteBaseElement",
2750
- "module": "autocomplete/autocomplete-base-element.js"
2755
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2751
2756
  }
2752
2757
  },
2753
2758
  {
@@ -2761,7 +2766,7 @@
2761
2766
  },
2762
2767
  "inheritedFrom": {
2763
2768
  "name": "SbbAutocompleteBaseElement",
2764
- "module": "autocomplete/autocomplete-base-element.js"
2769
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2765
2770
  }
2766
2771
  },
2767
2772
  {
@@ -2783,7 +2788,7 @@
2783
2788
  ],
2784
2789
  "inheritedFrom": {
2785
2790
  "name": "SbbAutocompleteBaseElement",
2786
- "module": "autocomplete/autocomplete-base-element.js"
2791
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2787
2792
  }
2788
2793
  },
2789
2794
  {
@@ -2806,7 +2811,7 @@
2806
2811
  "description": "Select an element on 'Enter' keypress.\n\nDue to keyboard navigation code, the `_activeColumnIndex` is zero when an option is 'focused'\nand greater than zero when a button is 'focused', so asking for `querySelectorAll(...)[this._activeColumnIndex]`\nwould always return a `SbbAutocompleteGridButtonElement`.",
2807
2812
  "inheritedFrom": {
2808
2813
  "name": "SbbAutocompleteBaseElement",
2809
- "module": "autocomplete/autocomplete-base-element.js"
2814
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2810
2815
  }
2811
2816
  },
2812
2817
  {
@@ -2829,7 +2834,7 @@
2829
2834
  ],
2830
2835
  "inheritedFrom": {
2831
2836
  "name": "SbbAutocompleteBaseElement",
2832
- "module": "autocomplete/autocomplete-base-element.js"
2837
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2833
2838
  }
2834
2839
  },
2835
2840
  {
@@ -2861,7 +2866,7 @@
2861
2866
  },
2862
2867
  "inheritedFrom": {
2863
2868
  "name": "SbbAutocompleteBaseElement",
2864
- "module": "autocomplete/autocomplete-base-element.js"
2869
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2865
2870
  }
2866
2871
  },
2867
2872
  {
@@ -2883,7 +2888,7 @@
2883
2888
  ],
2884
2889
  "inheritedFrom": {
2885
2890
  "name": "SbbAutocompleteBaseElement",
2886
- "module": "autocomplete/autocomplete-base-element.js"
2891
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2887
2892
  }
2888
2893
  },
2889
2894
  {
@@ -2914,7 +2919,7 @@
2914
2919
  "attribute": "origin",
2915
2920
  "inheritedFrom": {
2916
2921
  "name": "SbbAutocompleteBaseElement",
2917
- "module": "autocomplete/autocomplete-base-element.js"
2922
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2918
2923
  }
2919
2924
  },
2920
2925
  {
@@ -2929,7 +2934,7 @@
2929
2934
  "attribute": "trigger",
2930
2935
  "inheritedFrom": {
2931
2936
  "name": "SbbAutocompleteBaseElement",
2932
- "module": "autocomplete/autocomplete-base-element.js"
2937
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2933
2938
  }
2934
2939
  },
2935
2940
  {
@@ -2945,7 +2950,7 @@
2945
2950
  "reflects": true,
2946
2951
  "inheritedFrom": {
2947
2952
  "name": "SbbAutocompleteBaseElement",
2948
- "module": "autocomplete/autocomplete-base-element.js"
2953
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2949
2954
  }
2950
2955
  },
2951
2956
  {
@@ -2960,7 +2965,7 @@
2960
2965
  "attribute": "auto-active-first-option",
2961
2966
  "inheritedFrom": {
2962
2967
  "name": "SbbAutocompleteBaseElement",
2963
- "module": "autocomplete/autocomplete-base-element.js"
2968
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2964
2969
  }
2965
2970
  },
2966
2971
  {
@@ -2974,7 +2979,7 @@
2974
2979
  "description": "Function that maps an option's control value to its display value in the trigger.",
2975
2980
  "inheritedFrom": {
2976
2981
  "name": "SbbAutocompleteBaseElement",
2977
- "module": "autocomplete/autocomplete-base-element.js"
2982
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2978
2983
  }
2979
2984
  },
2980
2985
  {
@@ -2990,7 +2995,7 @@
2990
2995
  "reflects": true,
2991
2996
  "inheritedFrom": {
2992
2997
  "name": "SbbAutocompleteBaseElement",
2993
- "module": "autocomplete/autocomplete-base-element.js"
2998
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
2994
2999
  }
2995
3000
  },
2996
3001
  {
@@ -3005,7 +3010,7 @@
3005
3010
  "attribute": "auto-select-active-option",
3006
3011
  "inheritedFrom": {
3007
3012
  "name": "SbbAutocompleteBaseElement",
3008
- "module": "autocomplete/autocomplete-base-element.js"
3013
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3009
3014
  }
3010
3015
  },
3011
3016
  {
@@ -3020,7 +3025,7 @@
3020
3025
  "attribute": "auto-select-active-option-on-blur",
3021
3026
  "inheritedFrom": {
3022
3027
  "name": "SbbAutocompleteBaseElement",
3023
- "module": "autocomplete/autocomplete-base-element.js"
3028
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3024
3029
  }
3025
3030
  },
3026
3031
  {
@@ -3035,7 +3040,7 @@
3035
3040
  "attribute": "require-selection",
3036
3041
  "inheritedFrom": {
3037
3042
  "name": "SbbAutocompleteBaseElement",
3038
- "module": "autocomplete/autocomplete-base-element.js"
3043
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3039
3044
  }
3040
3045
  },
3041
3046
  {
@@ -3050,7 +3055,7 @@
3050
3055
  "attribute": "position",
3051
3056
  "inheritedFrom": {
3052
3057
  "name": "SbbAutocompleteBaseElement",
3053
- "module": "autocomplete/autocomplete-base-element.js"
3058
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3054
3059
  }
3055
3060
  },
3056
3061
  {
@@ -3064,7 +3069,7 @@
3064
3069
  "readonly": true,
3065
3070
  "inheritedFrom": {
3066
3071
  "name": "SbbAutocompleteBaseElement",
3067
- "module": "autocomplete/autocomplete-base-element.js"
3072
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3068
3073
  }
3069
3074
  },
3070
3075
  {
@@ -3078,7 +3083,7 @@
3078
3083
  "readonly": true,
3079
3084
  "inheritedFrom": {
3080
3085
  "name": "SbbAutocompleteBaseElement",
3081
- "module": "autocomplete/autocomplete-base-element.js"
3086
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3082
3087
  }
3083
3088
  },
3084
3089
  {
@@ -3090,7 +3095,20 @@
3090
3095
  "privacy": "private",
3091
3096
  "inheritedFrom": {
3092
3097
  "name": "SbbAutocompleteBaseElement",
3093
- "module": "autocomplete/autocomplete-base-element.js"
3098
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3099
+ }
3100
+ },
3101
+ {
3102
+ "kind": "field",
3103
+ "name": "overlayId",
3104
+ "type": {
3105
+ "text": "string"
3106
+ },
3107
+ "privacy": "protected",
3108
+ "readonly": true,
3109
+ "inheritedFrom": {
3110
+ "name": "SbbAutocompleteBaseElement",
3111
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3094
3112
  }
3095
3113
  },
3096
3114
  {
@@ -3103,7 +3121,7 @@
3103
3121
  "default": "null",
3104
3122
  "inheritedFrom": {
3105
3123
  "name": "SbbAutocompleteBaseElement",
3106
- "module": "autocomplete/autocomplete-base-element.js"
3124
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3107
3125
  }
3108
3126
  },
3109
3127
  {
@@ -3116,7 +3134,7 @@
3116
3134
  "default": "null",
3117
3135
  "inheritedFrom": {
3118
3136
  "name": "SbbAutocompleteBaseElement",
3119
- "module": "autocomplete/autocomplete-base-element.js"
3137
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3120
3138
  }
3121
3139
  },
3122
3140
  {
@@ -3126,7 +3144,7 @@
3126
3144
  "default": "new ResizeController(this, { target: null, skipInitial: true, // This is an IIFE, because we need to keep track of the timeout state // for debouncing the resize callbacks. callback: (() => { let timeoutId: ReturnType<typeof setTimeout>; return () => { clearTimeout(timeoutId); timeoutId = setTimeout(() => { if (this.state !== 'closed') { this._setOverlayPosition(); } }, 10); }; })(), })",
3127
3145
  "inheritedFrom": {
3128
3146
  "name": "SbbAutocompleteBaseElement",
3129
- "module": "autocomplete/autocomplete-base-element.js"
3147
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3130
3148
  }
3131
3149
  },
3132
3150
  {
@@ -3136,7 +3154,7 @@
3136
3154
  "description": "Listens to the changes on the `disabled` or `readonly` attribute of the trigger.",
3137
3155
  "inheritedFrom": {
3138
3156
  "name": "SbbAutocompleteBaseElement",
3139
- "module": "autocomplete/autocomplete-base-element.js"
3157
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3140
3158
  }
3141
3159
  },
3142
3160
  {
@@ -3148,7 +3166,7 @@
3148
3166
  "privacy": "private",
3149
3167
  "inheritedFrom": {
3150
3168
  "name": "SbbAutocompleteBaseElement",
3151
- "module": "autocomplete/autocomplete-base-element.js"
3169
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3152
3170
  }
3153
3171
  },
3154
3172
  {
@@ -3160,7 +3178,7 @@
3160
3178
  "privacy": "private",
3161
3179
  "inheritedFrom": {
3162
3180
  "name": "SbbAutocompleteBaseElement",
3163
- "module": "autocomplete/autocomplete-base-element.js"
3181
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3164
3182
  }
3165
3183
  },
3166
3184
  {
@@ -3172,7 +3190,7 @@
3172
3190
  "privacy": "private",
3173
3191
  "inheritedFrom": {
3174
3192
  "name": "SbbAutocompleteBaseElement",
3175
- "module": "autocomplete/autocomplete-base-element.js"
3193
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3176
3194
  }
3177
3195
  },
3178
3196
  {
@@ -3185,7 +3203,7 @@
3185
3203
  "default": "false",
3186
3204
  "inheritedFrom": {
3187
3205
  "name": "SbbAutocompleteBaseElement",
3188
- "module": "autocomplete/autocomplete-base-element.js"
3206
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3189
3207
  }
3190
3208
  },
3191
3209
  {
@@ -3195,7 +3213,7 @@
3195
3213
  "default": "new SbbEscapableOverlayController(this)",
3196
3214
  "inheritedFrom": {
3197
3215
  "name": "SbbAutocompleteBaseElement",
3198
- "module": "autocomplete/autocomplete-base-element.js"
3216
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3199
3217
  }
3200
3218
  },
3201
3219
  {
@@ -3208,7 +3226,7 @@
3208
3226
  "default": "0",
3209
3227
  "inheritedFrom": {
3210
3228
  "name": "SbbAutocompleteBaseElement",
3211
- "module": "autocomplete/autocomplete-base-element.js"
3229
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3212
3230
  }
3213
3231
  },
3214
3232
  {
@@ -3220,7 +3238,7 @@
3220
3238
  "privacy": "private",
3221
3239
  "inheritedFrom": {
3222
3240
  "name": "SbbAutocompleteBaseElement",
3223
- "module": "autocomplete/autocomplete-base-element.js"
3241
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3224
3242
  }
3225
3243
  },
3226
3244
  {
@@ -3234,7 +3252,7 @@
3234
3252
  "description": "Tracks input from keyboard.",
3235
3253
  "inheritedFrom": {
3236
3254
  "name": "SbbAutocompleteBaseElement",
3237
- "module": "autocomplete/autocomplete-base-element.js"
3255
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3238
3256
  }
3239
3257
  },
3240
3258
  {
@@ -3248,7 +3266,7 @@
3248
3266
  "description": "If true, the 'change' event source is an option selection or a 'requireSelection' field cleanup",
3249
3267
  "inheritedFrom": {
3250
3268
  "name": "SbbAutocompleteBaseElement",
3251
- "module": "autocomplete/autocomplete-base-element.js"
3269
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3252
3270
  }
3253
3271
  },
3254
3272
  {
@@ -3292,7 +3310,7 @@
3292
3310
  },
3293
3311
  "inheritedFrom": {
3294
3312
  "name": "SbbAutocompleteBaseElement",
3295
- "module": "autocomplete/autocomplete-base-element.js"
3313
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3296
3314
  }
3297
3315
  },
3298
3316
  {
@@ -3315,7 +3333,7 @@
3315
3333
  "description": "When an option is selected, update the input value and close the autocomplete.",
3316
3334
  "inheritedFrom": {
3317
3335
  "name": "SbbAutocompleteBaseElement",
3318
- "module": "autocomplete/autocomplete-base-element.js"
3336
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3319
3337
  }
3320
3338
  },
3321
3339
  {
@@ -3338,7 +3356,7 @@
3338
3356
  "description": "A 'pending selection' sets the option value in the input element without emitting events.\nA 'pending selection' is confirmed when the panel closes. Any other user interaction\nwill reset the pending value.",
3339
3357
  "inheritedFrom": {
3340
3358
  "name": "SbbAutocompleteBaseElement",
3341
- "module": "autocomplete/autocomplete-base-element.js"
3359
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3342
3360
  }
3343
3361
  },
3344
3362
  {
@@ -3364,7 +3382,7 @@
3364
3382
  ],
3365
3383
  "inheritedFrom": {
3366
3384
  "name": "SbbAutocompleteBaseElement",
3367
- "module": "autocomplete/autocomplete-base-element.js"
3385
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3368
3386
  }
3369
3387
  },
3370
3388
  {
@@ -3387,7 +3405,7 @@
3387
3405
  "description": "Set the option value within the input element",
3388
3406
  "inheritedFrom": {
3389
3407
  "name": "SbbAutocompleteBaseElement",
3390
- "module": "autocomplete/autocomplete-base-element.js"
3408
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3391
3409
  }
3392
3410
  },
3393
3411
  {
@@ -3401,7 +3419,7 @@
3401
3419
  },
3402
3420
  "inheritedFrom": {
3403
3421
  "name": "SbbAutocompleteBaseElement",
3404
- "module": "autocomplete/autocomplete-base-element.js"
3422
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3405
3423
  }
3406
3424
  },
3407
3425
  {
@@ -3415,7 +3433,7 @@
3415
3433
  },
3416
3434
  "inheritedFrom": {
3417
3435
  "name": "SbbAutocompleteBaseElement",
3418
- "module": "autocomplete/autocomplete-base-element.js"
3436
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3419
3437
  }
3420
3438
  },
3421
3439
  {
@@ -3430,7 +3448,7 @@
3430
3448
  "description": "The autocomplete should inherit 'readonly' state from the trigger.",
3431
3449
  "inheritedFrom": {
3432
3450
  "name": "SbbAutocompleteBaseElement",
3433
- "module": "autocomplete/autocomplete-base-element.js"
3451
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3434
3452
  }
3435
3453
  },
3436
3454
  {
@@ -3444,7 +3462,7 @@
3444
3462
  },
3445
3463
  "inheritedFrom": {
3446
3464
  "name": "SbbAutocompleteBaseElement",
3447
- "module": "autocomplete/autocomplete-base-element.js"
3465
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3448
3466
  }
3449
3467
  },
3450
3468
  {
@@ -3458,7 +3476,7 @@
3458
3476
  },
3459
3477
  "inheritedFrom": {
3460
3478
  "name": "SbbAutocompleteBaseElement",
3461
- "module": "autocomplete/autocomplete-base-element.js"
3479
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3462
3480
  }
3463
3481
  },
3464
3482
  {
@@ -3478,7 +3496,7 @@
3478
3496
  ],
3479
3497
  "inheritedFrom": {
3480
3498
  "name": "SbbAutocompleteBaseElement",
3481
- "module": "autocomplete/autocomplete-base-element.js"
3499
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3482
3500
  }
3483
3501
  },
3484
3502
  {
@@ -3501,7 +3519,7 @@
3501
3519
  "description": "On open/close animation end.\nIn rare cases it can be that the animationEnd event is triggered twice.\nTo avoid entering a corrupt state, exit when state is not expected.",
3502
3520
  "inheritedFrom": {
3503
3521
  "name": "SbbAutocompleteBaseElement",
3504
- "module": "autocomplete/autocomplete-base-element.js"
3522
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3505
3523
  }
3506
3524
  },
3507
3525
  {
@@ -3515,7 +3533,7 @@
3515
3533
  },
3516
3534
  "inheritedFrom": {
3517
3535
  "name": "SbbAutocompleteBaseElement",
3518
- "module": "autocomplete/autocomplete-base-element.js"
3536
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3519
3537
  }
3520
3538
  },
3521
3539
  {
@@ -3529,7 +3547,7 @@
3529
3547
  },
3530
3548
  "inheritedFrom": {
3531
3549
  "name": "SbbAutocompleteBaseElement",
3532
- "module": "autocomplete/autocomplete-base-element.js"
3550
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3533
3551
  }
3534
3552
  },
3535
3553
  {
@@ -3543,7 +3561,7 @@
3543
3561
  },
3544
3562
  "inheritedFrom": {
3545
3563
  "name": "SbbAutocompleteBaseElement",
3546
- "module": "autocomplete/autocomplete-base-element.js"
3564
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3547
3565
  }
3548
3566
  },
3549
3567
  {
@@ -3552,7 +3570,7 @@
3552
3570
  "privacy": "private",
3553
3571
  "inheritedFrom": {
3554
3572
  "name": "SbbAutocompleteBaseElement",
3555
- "module": "autocomplete/autocomplete-base-element.js"
3573
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3556
3574
  }
3557
3575
  },
3558
3576
  {
@@ -3561,7 +3579,7 @@
3561
3579
  "privacy": "private",
3562
3580
  "inheritedFrom": {
3563
3581
  "name": "SbbAutocompleteBaseElement",
3564
- "module": "autocomplete/autocomplete-base-element.js"
3582
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3565
3583
  }
3566
3584
  },
3567
3585
  {
@@ -3583,7 +3601,7 @@
3583
3601
  ],
3584
3602
  "inheritedFrom": {
3585
3603
  "name": "SbbAutocompleteBaseElement",
3586
- "module": "autocomplete/autocomplete-base-element.js"
3604
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3587
3605
  }
3588
3606
  },
3589
3607
  {
@@ -3607,7 +3625,7 @@
3607
3625
  "description": "Highlight the searched text on the options.",
3608
3626
  "inheritedFrom": {
3609
3627
  "name": "SbbAutocompleteBaseElement",
3610
- "module": "autocomplete/autocomplete-base-element.js"
3628
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
3611
3629
  }
3612
3630
  },
3613
3631
  {
@@ -4013,6 +4031,7 @@
4013
4031
  "name": "SbbAutocompleteBaseElement",
4014
4032
  "package": "@sbb-esta/lyne-elements/autocomplete.pure.js"
4015
4033
  },
4034
+ "deprecated": "Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.",
4016
4035
  "tagName": "sbb-autocomplete-grid",
4017
4036
  "customElement": true,
4018
4037
  "classGenerics": "T = string",
@@ -4040,7 +4059,7 @@
4040
4059
  "fieldName": "origin",
4041
4060
  "inheritedFrom": {
4042
4061
  "name": "SbbAutocompleteBaseElement",
4043
- "module": "autocomplete/autocomplete-base-element.js"
4062
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4044
4063
  }
4045
4064
  },
4046
4065
  {
@@ -4053,7 +4072,7 @@
4053
4072
  "fieldName": "trigger",
4054
4073
  "inheritedFrom": {
4055
4074
  "name": "SbbAutocompleteBaseElement",
4056
- "module": "autocomplete/autocomplete-base-element.js"
4075
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4057
4076
  }
4058
4077
  },
4059
4078
  {
@@ -4066,7 +4085,7 @@
4066
4085
  "fieldName": "preserveIconSpace",
4067
4086
  "inheritedFrom": {
4068
4087
  "name": "SbbAutocompleteBaseElement",
4069
- "module": "autocomplete/autocomplete-base-element.js"
4088
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4070
4089
  }
4071
4090
  },
4072
4091
  {
@@ -4079,7 +4098,7 @@
4079
4098
  "fieldName": "autoActiveFirstOption",
4080
4099
  "inheritedFrom": {
4081
4100
  "name": "SbbAutocompleteBaseElement",
4082
- "module": "autocomplete/autocomplete-base-element.js"
4101
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4083
4102
  }
4084
4103
  },
4085
4104
  {
@@ -4092,7 +4111,7 @@
4092
4111
  "fieldName": "size",
4093
4112
  "inheritedFrom": {
4094
4113
  "name": "SbbAutocompleteBaseElement",
4095
- "module": "autocomplete/autocomplete-base-element.js"
4114
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4096
4115
  }
4097
4116
  },
4098
4117
  {
@@ -4105,7 +4124,7 @@
4105
4124
  "fieldName": "autoSelectActiveOption",
4106
4125
  "inheritedFrom": {
4107
4126
  "name": "SbbAutocompleteBaseElement",
4108
- "module": "autocomplete/autocomplete-base-element.js"
4127
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4109
4128
  }
4110
4129
  },
4111
4130
  {
@@ -4118,7 +4137,7 @@
4118
4137
  "fieldName": "autoSelectActiveOptionOnBlur",
4119
4138
  "inheritedFrom": {
4120
4139
  "name": "SbbAutocompleteBaseElement",
4121
- "module": "autocomplete/autocomplete-base-element.js"
4140
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4122
4141
  }
4123
4142
  },
4124
4143
  {
@@ -4131,7 +4150,7 @@
4131
4150
  "fieldName": "requireSelection",
4132
4151
  "inheritedFrom": {
4133
4152
  "name": "SbbAutocompleteBaseElement",
4134
- "module": "autocomplete/autocomplete-base-element.js"
4153
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4135
4154
  }
4136
4155
  },
4137
4156
  {
@@ -4144,7 +4163,7 @@
4144
4163
  "fieldName": "position",
4145
4164
  "inheritedFrom": {
4146
4165
  "name": "SbbAutocompleteBaseElement",
4147
- "module": "autocomplete/autocomplete-base-element.js"
4166
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4148
4167
  }
4149
4168
  }
4150
4169
  ],
@@ -4157,7 +4176,7 @@
4157
4176
  "name": "change",
4158
4177
  "inheritedFrom": {
4159
4178
  "name": "SbbAutocompleteBaseElement",
4160
- "module": "autocomplete/autocomplete-base-element.js"
4179
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4161
4180
  }
4162
4181
  },
4163
4182
  {
@@ -4168,7 +4187,7 @@
4168
4187
  "name": "input",
4169
4188
  "inheritedFrom": {
4170
4189
  "name": "SbbAutocompleteBaseElement",
4171
- "module": "autocomplete/autocomplete-base-element.js"
4190
+ "module": "autocomplete/autocomplete/autocomplete-base-element.js"
4172
4191
  }
4173
4192
  },
4174
4193
  {
package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts CHANGED
@@ -3,6 +3,7 @@ import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option/au
3
3
  /**
4
4
  * Combined with a native input, it displays a panel with a list of available options with connected buttons.
5
5
  *
6
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
6
7
  * @slot - Use the unnamed slot to add `sbb-autocomplete-grid-row` or `sbb-autocomplete-grid-optgroup` elements to the `sbb-autocomplete-grid`.
7
8
  * @cssprop [--sbb-autocomplete-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
8
9
  * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
@@ -13,7 +14,7 @@ import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option/au
13
14
  export declare class SbbAutocompleteGridElement<T = string> extends SbbAutocompleteBaseElement<T> {
14
15
  static readonly elementName: string;
15
16
  static readonly role: string | null;
16
- protected overlayId: string;
17
+ protected generatedId: string;
17
18
  protected panelRole: string;
18
19
  private _activeColumnIndex;
19
20
  protected get options(): SbbAutocompleteGridOptionElement<T>[];
package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const SbbAutocompleteGridButtonElement_base: import("@sbb-esta/lyne-elem
6
6
  /**
7
7
  * It displays an icon-only button that can be used in `sbb-autocomplete-grid`.
8
8
  *
9
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
9
10
  * @slot icon - Slot used to display the icon, if one is set
10
11
  */
11
12
  export declare class SbbAutocompleteGridButtonElement extends SbbAutocompleteGridButtonElement_base {
package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts CHANGED
@@ -3,6 +3,7 @@ import { type CSSResultGroup, type TemplateResult } from 'lit';
3
3
  /**
4
4
  * A wrapper component for autocomplete-grid action button.
5
5
  *
6
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
6
7
  * @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.
7
8
  */
8
9
  export declare class SbbAutocompleteGridCellElement extends SbbElement {
package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts CHANGED
@@ -4,6 +4,7 @@ import type { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-opti
4
4
  /**
5
5
  * It can be used as a container for one or more `sbb-autocomplete-grid-option`.
6
6
  *
7
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
7
8
  * @slot - Use the unnamed slot to add `sbb-autocomplete-grid-option` elements to the `sbb-autocomplete-grid-optgroup`.
8
9
  */
9
10
  export declare class SbbAutocompleteGridOptgroupElement extends SbbOptgroupBaseElement {
package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare const autocompleteGridOptionId: string;
4
4
  /**
5
5
  * It displays an option item which can be used in `sbb-autocomplete-grid`.
6
6
  *
7
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
7
8
  * @slot - Use the unnamed slot to add content to the option label.
8
9
  * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
9
10
  * @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts CHANGED
@@ -3,6 +3,7 @@ import { type CSSResultGroup, type TemplateResult } from 'lit';
3
3
  /**
4
4
  * The component is used as a wrapper for options and action buttons.
5
5
  *
6
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
6
7
  * @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`.
7
8
  */
8
9
  export declare class SbbAutocompleteGridRowElement extends SbbElement {
package/development/autocomplete-grid.pure.js CHANGED
@@ -10,6 +10,7 @@ let autocompleteButtonNextId = 0;
10
10
  /**
11
11
  * It displays an icon-only button that can be used in `sbb-autocomplete-grid`.
12
12
  *
13
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
13
14
  * @slot icon - Slot used to display the icon, if one is set
14
15
  */
15
16
  var SbbAutocompleteGridButtonElement = class extends SbbDisabledMixin(SbbNegativeMixin(SbbIconNameMixin(SbbActionBaseElement))) {
@@ -76,6 +77,7 @@ var autocomplete_grid_cell_default = ":host {\n --sbb-autocomplete-grid-cell-ga
76
77
  /**
77
78
  * A wrapper component for autocomplete-grid action button.
78
79
  *
80
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
79
81
  * @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.
80
82
  */
81
83
  var SbbAutocompleteGridCellElement = class extends SbbElement {
@@ -102,6 +104,7 @@ var SbbAutocompleteGridCellElement = class extends SbbElement {
102
104
  /**
103
105
  * It can be used as a container for one or more `sbb-autocomplete-grid-option`.
104
106
  *
107
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
105
108
  * @slot - Use the unnamed slot to add `sbb-autocomplete-grid-option` elements to the `sbb-autocomplete-grid-optgroup`.
106
109
  */
107
110
  var SbbAutocompleteGridOptgroupElement = class extends SbbOptgroupBaseElement {
@@ -125,7 +128,7 @@ var SbbAutocompleteGridOptgroupElement = class extends SbbOptgroupBaseElement {
125
128
 
126
129
  //#endregion
127
130
  //#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
128
- 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-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}\n";
131
+ 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-display: block;\n}\n\n.sbb-option {\n font-size: var(--sbb-option-font-size);\n letter-spacing: var(--sbb-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: var(--sbb-option-focus-outline-display, none);\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-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}\n";
129
132
 
130
133
  //#endregion
131
134
  //#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts
@@ -133,6 +136,7 @@ const autocompleteGridOptionId = `sbb-autocomplete-grid-option`;
133
136
  /**
134
137
  * It displays an option item which can be used in `sbb-autocomplete-grid`.
135
138
  *
139
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
136
140
  * @slot - Use the unnamed slot to add content to the option label.
137
141
  * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
138
142
  * @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
@@ -178,7 +182,7 @@ var SbbAutocompleteGridOptionElement = class extends SbbOptionBaseElement {
178
182
 
179
183
  //#endregion
180
184
  //#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.scss?inline
181
- 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}\n";
185
+ 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: var(--sbb-option-disabled-inset);\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}\n";
182
186
 
183
187
  //#endregion
184
188
  //#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.ts
@@ -186,6 +190,7 @@ let autocompleteRowNextId = 0;
186
190
  /**
187
191
  * The component is used as a wrapper for options and action buttons.
188
192
  *
193
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
189
194
  * @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`.
190
195
  */
191
196
  var SbbAutocompleteGridRowElement = class extends SbbElement {
@@ -222,6 +227,7 @@ const ariaRoleOnHost = isSafari;
222
227
  /**
223
228
  * Combined with a native input, it displays a panel with a list of available options with connected buttons.
224
229
  *
230
+ * @deprecated Use `sbb-autocomplete` with `sbb-autocomplete-row` and `sbb-autocomplete-button` instead. Will be removed with the next major release.
225
231
  * @slot - Use the unnamed slot to add `sbb-autocomplete-grid-row` or `sbb-autocomplete-grid-optgroup` elements to the `sbb-autocomplete-grid`.
226
232
  * @cssprop [--sbb-autocomplete-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
227
233
  * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
@@ -232,7 +238,7 @@ const ariaRoleOnHost = isSafari;
232
238
  var SbbAutocompleteGridElement = class extends SbbAutocompleteBaseElement {
233
239
  constructor() {
234
240
  super(...arguments);
235
- this.overlayId = `sbb-autocomplete-grid-${++nextId}`;
241
+ this.generatedId = `sbb-autocomplete-grid-${++nextId}`;
236
242
  this.panelRole = "grid";
237
243
  this._activeColumnIndex = 0;
238
244
  }
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-experimental-dev",
3
- "version": "5.9.0-dev.1790246349",
3
+ "version": "5.9.0-dev.1790251721",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/15a73bd35b85e9cb83dd88b549f98637c8ac736a"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/67ed5fdbeb77d50d91f77ba1154321c1ae3bb54a"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {