@sbb-esta/lyne-elements 1.2.1 → 1.4.0

package/development/option/option/option.d.ts

@@ -1,7 +1,8 @@
-import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { CSSResultGroup, TemplateResult, nothing } from 'lit';
+import { EventEmitter } from '../../core/eventing.js';
+import { SbbOptionBaseElement } from './option-base-element.js';
 
 export type SbbOptionVariant = 'autocomplete' | 'select' | null;
-declare const SbbOptionElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It displays on option item which can be used in `sbb-select` or `sbb-autocomplete`.
  *
@@ -12,73 +13,30 @@ declare const SbbOptionElement_base: import('../../core/mixins.js').AbstractCons
  * @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
  * when preserve-icon-space on autocomplete is not set or iconName is not set.
  */
-export declare class SbbOptionElement extends SbbOptionElement_base {
+export declare class SbbOptionElement extends SbbOptionBaseElement {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly selectionChange: "optionSelectionChange";
         readonly optionSelected: "optionSelected";
     };
-    /**
-     * Value of the option.
-     *
-     * @description Developer note: In this case updating the attribute must be synchronous.
-     * Due to this it is implemented as a getter/setter and the attributeChangedCallback() handles the diff check.
-     */
-    set value(value: string);
-    get value(): string;
-    /** Whether the option is currently active. */
-    active?: boolean;
-    /** Whether the option is selected. */
-    set selected(value: boolean);
-    get selected(): boolean;
+    protected optionId: string;
     /** Emits when the option selection status changes. */
-    private _selectionChange;
+    protected selectionChange: EventEmitter;
     /** Emits when an option was selected by user. */
-    private _optionSelected;
-    /** Whether to apply the negative styling */
-    private _negative;
-    /** Whether the component must be set disabled due disabled attribute on sbb-checkbox-group. */
-    private _disabledFromGroup;
-    private _label?;
-    /** The portion of the highlighted label. */
-    private _highlightString;
-    /** Disable the highlight of the label. */
-    private _disableLabelHighlight;
-    private _inertAriaGroups;
+    protected optionSelected: EventEmitter;
     private set _variant(value);
     private get _variant();
     private set _isMultiple(value);
     private get _isMultiple();
-    private _abort;
-    /** MutationObserver on data attributes. */
-    private _optionAttributeObserver;
-    constructor();
-    attributeChangedCallback(name: string, old: string | null, value: string | null): void;
-    /**
-     * Highlight the label of the option
-     * @param value the highlighted portion of the label
-     * @internal
-     */
-    highlight(value: string): void;
-    /**
-     * @internal
-     */
-    setSelectedViaUserInteraction(selected: boolean): void;
-    private _updateDisableHighlight;
-    private _selectByClick;
+    protected setAttributeFromParent(): void;
+    protected selectByClick(event: MouseEvent): void;
     connectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
-    protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    private _init;
-    private _updateAriaDisabled;
-    private _updateAriaSelected;
-    disconnectedCallback(): void;
+    protected init(): void;
     private _setVariantByContext;
-    /** Observe changes on data attributes and set the appropriate values. */
-    private _onOptionAttributesChange;
-    private _handleHighlightState;
-    private _getHighlightedLabel;
-    protected render(): TemplateResult;
+    protected handleHighlightState(): void;
+    protected renderIcon(): TemplateResult;
+    protected renderLabel(): TemplateResult | typeof nothing;
+    protected renderTick(): TemplateResult | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -88,5 +46,4 @@ declare global {
         optionSelectionChange: CustomEvent<void>;
     }
 }
-export {};
 //# sourceMappingURL=option.d.ts.map

package/development/option/option/option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../../src/elements/option/option/option.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAab,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAgBlC,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,IAAI,CAAC;;AAEhE;;;;;;;;;GASG;AACH,qBAIa,gBAAiB,SAAQ,qBAErC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,8CAA8C;IACK,MAAM,CAAC,EAAE,OAAO,CAAC;IAEpE,sCAAsC;IACtC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,sDAAsD;IACtD,OAAO,CAAC,gBAAgB,CAGtB;IAEF,iDAAiD;IACjD,OAAO,CAAC,eAAe,CAGrB;IAEF,4CAA4C;IACnC,OAAO,CAAC,SAAS,CAAS;IAEnC,+FAA+F;IACtF,OAAO,CAAC,kBAAkB,CAAS;IAEnC,OAAO,CAAC,MAAM,CAAC,CAAS;IAEjC,4CAA4C;IACnC,OAAO,CAAC,gBAAgB,CAAuB;IAExD,0CAA0C;IACjC,OAAO,CAAC,sBAAsB,CAAkB;IAEhD,OAAO,CAAC,gBAAgB,CAAS;IAE1C,OAAO,KAAK,QAAQ,QAInB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,WAAW,QAEtB;IACD,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,MAAM,CAAyC;IAEvD,2CAA2C;IAC3C,OAAO,CAAC,wBAAwB,CAE9B;;IAec,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAMP;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC;;OAEG;IACI,6BAA6B,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAQ7D,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,cAAc;IAcN,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,KAAK;IA2Bb,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,mBAAmB;IAIX,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,oBAAoB;IAS5B,yEAAyE;IACzE,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,oBAAoB;cAwBT,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;IAED,UAAU,2BAA2B;QACnC,qBAAqB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KAC1C;CACF"}
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../../src/elements/option/option/option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEhE;;;;;;;;;GASG;AACH,qBAIa,gBAAiB,SAAQ,oBAAoB;IACxD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,SAAS,CAAC,QAAQ,SAAgB;IAElC,sDAAsD;IACtD,SAAS,CAAC,eAAe,EAAE,YAAY,CAGrC;IAEF,iDAAiD;IACjD,SAAS,CAAC,cAAc,EAAE,YAAY,CAGpC;IAEF,OAAO,KAAK,QAAQ,QAInB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,WAAW,QAEtB;IACD,OAAO,KAAK,WAAW,GAEtB;IAED,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAgBxC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAchC,iBAAiB,IAAI,IAAI;cAItB,IAAI,IAAI,IAAI;IAS/B,OAAO,CAAC,oBAAoB;cAST,oBAAoB,IAAI,IAAI;cAS5B,UAAU,IAAI,cAAc;cAoB5B,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;cAM9C,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;CAKjE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;IAED,UAAU,2BAA2B;QACnC,qBAAqB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KAC1C;CACF"}

package/development/option/option.d.ts

@@ -1,2 +1,3 @@
 export * from './option/option.js';
+export * from './option/option-base-element.js';
 //# sourceMappingURL=option.d.ts.map

package/development/option/option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC"}