tuix-webcomponents 0.62.0 → 0.64.0

package/dist/src/tuix-button/TuixButton.styles.js

@@ -1,108 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { Palette } from '../utils/colors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { DarkPalette } from '../utils/darkColors.js';
-import { MainVariant } from '../utils/mainVariant.enum.js';
-import slottedClassName from '../utils/slottedClassName.js';
-import { TextSize } from '../tuix-text/enums/tuix-text.enums.js';
-export const hostButtonStyles = css `
-  :host {
-    --t-button-primary-color: ${unsafeCSS(Palette.MAIN)};
-    --t-button-secondary-color: ${unsafeCSS(Palette.WHITE)};
-    --t-button-accent-color: ${unsafeCSS(Palette.SECONDARY)};
-    --t-button-text-color: ${unsafeCSS(Palette.WHITE)};
-    --t-button-text-secondary-color: ${unsafeCSS(Palette.MAIN)};
-    --t-button-text-muted-color: ${unsafeCSS(Palette.PRIMARY_300)};
-    --t-button-disabled-bg-color: ${unsafeCSS(Palette.PRIMARY_100)};
-    --t-button-hover-primary-color: ${unsafeCSS(Palette.PRIMARY_600)};
-    --t-button-active-primary-color: ${unsafeCSS(Palette.PRIMARY_800)};
-    --t-button-hover-secondary-color: ${unsafeCSS(Palette.PRIMARY_100)};
-    --t-button-active-secondary-color: ${unsafeCSS(Palette.PRIMARY_200)};
-  }
-  :host([dark]) {
-    --t-button-primary-color: ${unsafeCSS(DarkPalette.MAIN)};
-    --t-button-text-color: ${unsafeCSS(DarkPalette.WHITE)};
-    --t-button-text-muted-color: ${unsafeCSS(Palette.PRIMARY_800)};
-    --t-button-disabled-bg-color: ${unsafeCSS(Palette.PRIMARY_950)};
-    --t-button-hover-primary-color: ${unsafeCSS(Palette.MAIN)};
-    --t-button-active-primary-color: ${unsafeCSS(Palette.PRIMARY_600)};
-    --t-button-secondary-color: ${unsafeCSS(Palette.BLACK)};
-    --t-button-hover-secondary-color: ${unsafeCSS(Palette.PRIMARY_950)};
-    --t-button-active-secondary-color: ${unsafeCSS(Palette.PRIMARY_800)};
-  }
-`;
-export const buttonSizeStyles = css `
-  ${unsafeCSS(`
-  ${slottedClassName(TextSize.Button)} {
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.2rem;
-  }
-  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {
-    ${slottedClassName(TextSize.Button)} {
-      font-size: 0.888rem;
-      font-weight: 400;
-      line-height: 1.065rem;
-    }
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    ${slottedClassName(TextSize.Button)} {
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1rem;
-    }
-  }
-`)}
-`;
-export const buttonColorStyles = css `
-  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button {
-    background-color: var(--t-button-primary-color);
-    outline: none;
-    color: var(--t-button-text-color);
-  }
-  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button:hover {
-    background-color: var(--t-button-hover-primary-color);
-    cursor: pointer;
-  }
-  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button:focus {
-    background-color: var(--t-button-hover-primary-color);
-    outline: 2px solid var(--t-button-accent-color);
-  }
-  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button:active {
-    background-color: var(--t-button-active-primary-color);
-    outline: none;
-  }
-
-  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button {
-    background-color: var(--t-button-secondary-color);
-    outline: 1px solid var(--t-button-hover-primary-color);
-    color: var(--t-button-text-secondary-color);
-  }
-  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:hover {
-    background-color: var(--t-button-hover-secondary-color);
-    outline: 1px solid var(--t-button-primary-color);
-    color: var(--t-button-primary-color);
-    cursor: pointer;
-  }
-  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:focus {
-    background-color: var(--t-button-hover-secondary-color);
-    outline: 2px solid var(--t-button-accent-color);
-    color: var(--t-button-primary-color);
-  }
-  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:active {
-    background-color: var(--t-button-active-secondary-color);
-    outline: 1px solid var(--t-button-primary-color);
-    color: var(--t-button-primary-color);
-  }
-  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:disabled {
-    outline: 1px solid var(--t-button-text-muted-color);
-  }
-
-  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}'][disabled]) .button,
-  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}'][disabled]) .button {
-    background-color: var(--t-button-disabled-bg-color);
-    color: var(--t-button-text-muted-color);
-    cursor: not-allowed;
-  }
-`;
-//# sourceMappingURL=TuixButton.styles.js.map

package/dist/src/tuix-button/TuixButton.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixButton.styles.js","sourceRoot":"","sources":["../../../src/tuix-button/TuixButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;gCAEH,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;kCACrB,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;+BAC3B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;6BAC9B,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;uCACd,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;mCAC3B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;oCAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;sCAC5B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;uCAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;wCAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;yCAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;;;gCAGvC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;6BAC9B,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;mCACtB,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;oCAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;sCAC5B,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;uCACtB,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;kCACnC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;wCAClB,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;yCAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;;CAEtE,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;IAC/B,SAAS,CAAC;IACV,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;;uCAKE,WAAW,CAAC,MAAM;MACnD,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;;;uCAMA,WAAW,CAAC,MAAM;MACnD,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;;;CAMtC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;oBAChB,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;;;;;oBAK9B,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;;;;oBAI9B,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;;;;oBAI9B,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;;;;;oBAK9B,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;oBAKhC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;;oBAMhC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;oBAKhC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;oBAKhC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC;;;;oBAIhC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC;oBAChC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;;;;;CAKjD,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { Palette } from '../utils/colors';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\nimport { DarkPalette } from '../utils/darkColors';\nimport { MainVariant } from '../utils/mainVariant.enum';\nimport slottedClassName from '../utils/slottedClassName';\nimport { TextSize } from '../tuix-text/enums/tuix-text.enums';\n\nexport const hostButtonStyles = css`\n  :host {\n    --t-button-primary-color: ${unsafeCSS(Palette.MAIN)};\n    --t-button-secondary-color: ${unsafeCSS(Palette.WHITE)};\n    --t-button-accent-color: ${unsafeCSS(Palette.SECONDARY)};\n    --t-button-text-color: ${unsafeCSS(Palette.WHITE)};\n    --t-button-text-secondary-color: ${unsafeCSS(Palette.MAIN)};\n    --t-button-text-muted-color: ${unsafeCSS(Palette.PRIMARY_300)};\n    --t-button-disabled-bg-color: ${unsafeCSS(Palette.PRIMARY_100)};\n    --t-button-hover-primary-color: ${unsafeCSS(Palette.PRIMARY_600)};\n    --t-button-active-primary-color: ${unsafeCSS(Palette.PRIMARY_800)};\n    --t-button-hover-secondary-color: ${unsafeCSS(Palette.PRIMARY_100)};\n    --t-button-active-secondary-color: ${unsafeCSS(Palette.PRIMARY_200)};\n  }\n  :host([dark]) {\n    --t-button-primary-color: ${unsafeCSS(DarkPalette.MAIN)};\n    --t-button-text-color: ${unsafeCSS(DarkPalette.WHITE)};\n    --t-button-text-muted-color: ${unsafeCSS(Palette.PRIMARY_800)};\n    --t-button-disabled-bg-color: ${unsafeCSS(Palette.PRIMARY_950)};\n    --t-button-hover-primary-color: ${unsafeCSS(Palette.MAIN)};\n    --t-button-active-primary-color: ${unsafeCSS(Palette.PRIMARY_600)};\n    --t-button-secondary-color: ${unsafeCSS(Palette.BLACK)};\n    --t-button-hover-secondary-color: ${unsafeCSS(Palette.PRIMARY_950)};\n    --t-button-active-secondary-color: ${unsafeCSS(Palette.PRIMARY_800)};\n  }\n`;\n\nexport const buttonSizeStyles = css`\n  ${unsafeCSS(`\n  ${slottedClassName(TextSize.Button)} {\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.2rem;\n  }\n  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n    ${slottedClassName(TextSize.Button)} {\n      font-size: 0.888rem;\n      font-weight: 400;\n      line-height: 1.065rem;\n    }\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    ${slottedClassName(TextSize.Button)} {\n      font-size: 0.875rem;\n      font-weight: 400;\n      line-height: 1rem;\n    }\n  }\n`)}\n`;\n\nexport const buttonColorStyles = css`\n  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button {\n    background-color: var(--t-button-primary-color);\n    outline: none;\n    color: var(--t-button-text-color);\n  }\n  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button:hover {\n    background-color: var(--t-button-hover-primary-color);\n    cursor: pointer;\n  }\n  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button:focus {\n    background-color: var(--t-button-hover-primary-color);\n    outline: 2px solid var(--t-button-accent-color);\n  }\n  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}']) .button:active {\n    background-color: var(--t-button-active-primary-color);\n    outline: none;\n  }\n\n  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button {\n    background-color: var(--t-button-secondary-color);\n    outline: 1px solid var(--t-button-hover-primary-color);\n    color: var(--t-button-text-secondary-color);\n  }\n  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:hover {\n    background-color: var(--t-button-hover-secondary-color);\n    outline: 1px solid var(--t-button-primary-color);\n    color: var(--t-button-primary-color);\n    cursor: pointer;\n  }\n  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:focus {\n    background-color: var(--t-button-hover-secondary-color);\n    outline: 2px solid var(--t-button-accent-color);\n    color: var(--t-button-primary-color);\n  }\n  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:active {\n    background-color: var(--t-button-active-secondary-color);\n    outline: 1px solid var(--t-button-primary-color);\n    color: var(--t-button-primary-color);\n  }\n  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}']) .button:disabled {\n    outline: 1px solid var(--t-button-text-muted-color);\n  }\n\n  :host([variant='${unsafeCSS(MainVariant.SECONDARY)}'][disabled]) .button,\n  :host([variant='${unsafeCSS(MainVariant.PRIMARY)}'][disabled]) .button {\n    background-color: var(--t-button-disabled-bg-color);\n    color: var(--t-button-text-muted-color);\n    cursor: not-allowed;\n  }\n`;\n"]}

package/dist/src/tuix-button/enums/tuix-button.enums.d.ts

@@ -1,2 +0,0 @@
-import { MainVariant } from '../../utils/mainVariant.enum.js';
-export declare const buttonTextColor: Record<MainVariant, string>;

package/dist/src/tuix-button/enums/tuix-button.enums.js

@@ -1,7 +0,0 @@
-import { Palette } from '../../utils/colors.js';
-import { MainVariant } from '../../utils/mainVariant.enum.js';
-export const buttonTextColor = {
-    [MainVariant.PRIMARY]: Palette.WHITE,
-    [MainVariant.SECONDARY]: Palette.MAIN,
-};
-//# sourceMappingURL=tuix-button.enums.js.map

package/dist/src/tuix-button/enums/tuix-button.enums.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-button.enums.js","sourceRoot":"","sources":["../../../../src/tuix-button/enums/tuix-button.enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAgC;IAC1D,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK;IACpC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,IAAI;CACtC,CAAC","sourcesContent":["import { Palette } from '../../utils/colors';\nimport { MainVariant } from '../../utils/mainVariant.enum';\n\nexport const buttonTextColor: Record<MainVariant, string> = {\n  [MainVariant.PRIMARY]: Palette.WHITE,\n  [MainVariant.SECONDARY]: Palette.MAIN,\n};\n"]}

package/dist/src/tuix-button/interfaces/tuix-button.interface.d.ts

@@ -1 +0,0 @@
-export type CustomEventTuixButton = CustomEvent<undefined>;

package/dist/src/tuix-button/interfaces/tuix-button.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tuix-button.interface.js.map

package/dist/src/tuix-button/interfaces/tuix-button.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-button.interface.js","sourceRoot":"","sources":["../../../../src/tuix-button/interfaces/tuix-button.interface.ts"],"names":[],"mappings":"","sourcesContent":["export type CustomEventTuixButton = CustomEvent<undefined>;\n"]}

package/dist/src/tuix-checkbox/TuixCheckbox.d.ts

@@ -1,15 +0,0 @@
-import { LitElement, TemplateResult } from 'lit';
-import { CheckboxLabelSide } from './enums/tuix-checkbox.enums.js';
-export declare class TuixCheckbox extends LitElement {
-    static styles: import("lit").CSSResult[];
-    checked: boolean;
-    disabled: boolean;
-    dark: boolean;
-    error: boolean;
-    label: string;
-    labelSide: CheckboxLabelSide;
-    private _onCheckboxChange;
-    private _getIconMode;
-    private _getFullContainerClasses;
-    protected render(): TemplateResult;
-}

package/dist/src/tuix-checkbox/TuixCheckbox.js

@@ -1,107 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
-import { checkboxCheckmarkStyles, checkboxContainerStyles, checkboxLabelStyles, hostStyles, } from './TuixCheckbox.styles.js';
-import { CheckboxIconColorDark, CheckboxIconColorLight, CheckboxIconMode, CheckboxLabelSide, } from './enums/tuix-checkbox.enums.js';
-let TuixCheckbox = class TuixCheckbox extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.checked = false;
-        this.disabled = false;
-        this.dark = false;
-        this.error = false;
-        this.label = '';
-        this.labelSide = CheckboxLabelSide.RIGHT;
-    }
-    _onCheckboxChange(event) {
-        this.dispatchEvent(new CustomEvent('change', {
-            detail: {
-                value: event.target.checked,
-                label: this.label,
-            },
-            bubbles: true,
-        }));
-    }
-    _getIconMode() {
-        if (this.disabled) {
-            return CheckboxIconMode.DISABLED;
-        }
-        if (this.error) {
-            return CheckboxIconMode.ERROR;
-        }
-        return CheckboxIconMode.DEFAULT;
-    }
-    _getFullContainerClasses() {
-        return {
-            't-checkbox-full-container': true,
-            't-with-error': this.error && !this.disabled,
-            't-with-label-left': this.labelSide === CheckboxLabelSide.LEFT,
-        };
-    }
-    render() {
-        return html `<label class="${classMap(this._getFullContainerClasses())}">
-      <div class="t-checkbox-container">
-        <input
-          type="checkbox"
-          class="t-checkbox"
-          .checked="${this.checked}"
-          ?disabled="${this.disabled}"
-          @change="${this._onCheckboxChange}"
-        />
-        <div class="t-checkbox-checkmark">
-          <tuix-icon
-            size="${IconSizeVariant.FULL}"
-            name="${IconName.CHECK}"
-            color="${this.dark
-            ? CheckboxIconColorDark[this._getIconMode()]
-            : CheckboxIconColorLight[this._getIconMode()]}"
-          >
-          </tuix-icon>
-        </div>
-      </div>
-      <div class="t-checkbox-label">
-        <slot>
-          <tuix-text
-            size="${TextSize.Field1}"
-            color="${TextVariant.PRIMARY}"
-            ?dark="${this.dark}"
-          >
-            ${this.label}
-          </tuix-text>
-        </slot>
-      </div>
-    </label>`;
-    }
-};
-TuixCheckbox.styles = [
-    hostStyles,
-    checkboxContainerStyles,
-    checkboxCheckmarkStyles,
-    checkboxLabelStyles,
-];
-__decorate([
-    property({ type: Boolean })
-], TuixCheckbox.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixCheckbox.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixCheckbox.prototype, "dark", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixCheckbox.prototype, "error", void 0);
-__decorate([
-    property({ type: String })
-], TuixCheckbox.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], TuixCheckbox.prototype, "labelSide", void 0);
-TuixCheckbox = __decorate([
-    customElement('tuix-checkbox')
-], TuixCheckbox);
-export { TuixCheckbox };
-//# sourceMappingURL=TuixCheckbox.js.map

package/dist/src/tuix-checkbox/TuixCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixCheckbox.js","sourceRoot":"","sources":["../../../src/tuix-checkbox/TuixCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';\nimport { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';\nimport {\n  checkboxCheckmarkStyles,\n  checkboxContainerStyles,\n  checkboxLabelStyles,\n  hostStyles,\n} from './TuixCheckbox.styles';\nimport {\n  CheckboxIconColorDark,\n  CheckboxIconColorLight,\n  CheckboxIconMode,\n  CheckboxLabelSide,\n} from './enums/tuix-checkbox.enums';\n\n@customElement('tuix-checkbox')\nexport class TuixCheckbox extends LitElement {\n  static styles = [\n    hostStyles,\n    checkboxContainerStyles,\n    checkboxCheckmarkStyles,\n    checkboxLabelStyles,\n  ];\n\n  @property({ type: Boolean })\n  checked = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Boolean, reflect: true })\n  error = false;\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  labelSide = CheckboxLabelSide.RIGHT;\n\n  private _onCheckboxChange(event: InputEvent) {\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: {\n          value: (event.target as HTMLInputElement).checked,\n          label: this.label,\n        },\n        bubbles: true,\n      })\n    );\n  }\n\n  private _getIconMode() {\n    if (this.disabled) {\n      return CheckboxIconMode.DISABLED;\n    }\n    if (this.error) {\n      return CheckboxIconMode.ERROR;\n    }\n    return CheckboxIconMode.DEFAULT;\n  }\n\n  private _getFullContainerClasses(): ClassInfo {\n    return {\n      't-checkbox-full-container': true,\n      't-with-error': this.error && !this.disabled,\n      't-with-label-left': this.labelSide === CheckboxLabelSide.LEFT,\n    };\n  }\n\n  protected render(): TemplateResult {\n    return html`<label class=\"${classMap(this._getFullContainerClasses())}\">\n      <div class=\"t-checkbox-container\">\n        <input\n          type=\"checkbox\"\n          class=\"t-checkbox\"\n          .checked=\"${this.checked}\"\n          ?disabled=\"${this.disabled}\"\n          @change=\"${this._onCheckboxChange}\"\n        />\n        <div class=\"t-checkbox-checkmark\">\n          <tuix-icon\n            size=\"${IconSizeVariant.FULL}\"\n            name=\"${IconName.CHECK}\"\n            color=\"${this.dark\n              ? CheckboxIconColorDark[this._getIconMode()]\n              : CheckboxIconColorLight[this._getIconMode()]}\"\n          >\n          </tuix-icon>\n        </div>\n      </div>\n      <div class=\"t-checkbox-label\">\n        <slot>\n          <tuix-text\n            size=\"${TextSize.Field1}\"\n            color=\"${TextVariant.PRIMARY}\"\n            ?dark=\"${this.dark}\"\n          >\n            ${this.label}\n          </tuix-text>\n        </slot>\n      </div>\n    </label>`;\n  }\n}\n"]}

package/dist/src/tuix-checkbox/TuixCheckbox.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const hostStyles: import("lit").CSSResult;
-export declare const checkboxContainerStyles: import("lit").CSSResult;
-export declare const checkboxCheckmarkStyles: import("lit").CSSResult;
-export declare const checkboxLabelStyles: import("lit").CSSResult;

package/dist/src/tuix-checkbox/TuixCheckbox.styles.js

@@ -1,133 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { Palette } from '../utils/colors.js';
-import { DarkPalette } from '../utils/darkColors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-export const hostStyles = css `
-  :host {
-    --t-main-color-tuix: ${unsafeCSS(Palette.MAIN)};
-    --t-bg-color-primary: ${unsafeCSS(Palette.WHITE)};
-    --t-bg-color-disabled: ${unsafeCSS(Palette.PRIMARY_100)};
-    --t-text-color-error: ${unsafeCSS(Palette.ERROR)};
-    --t-stroke-color-focus: ${unsafeCSS(Palette.SECONDARY)};
-    --t-stroke-color-grey: ${unsafeCSS(Palette.PRIMARY_300)};
-    --t-text-color-label: ${unsafeCSS(Palette.BLACK)};
-    --t-label-right-default-justify: flex-start;
-    --t-label-left-default-justify: space-between;
-  }
-  :host([dark]) {
-    --t-main-color-tuix: ${unsafeCSS(DarkPalette.MAIN)};
-    --t-bg-color-primary: ${unsafeCSS(DarkPalette.BLACK)};
-    --t-bg-color-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};
-    --t-text-color-error: ${unsafeCSS(DarkPalette.ERROR)};
-    --t-stroke-color-focus: ${unsafeCSS(DarkPalette.SECONDARY)};
-    --t-stroke-color-grey: ${unsafeCSS(DarkPalette.PRIMARY_100)};
-    --t-text-color-label: ${unsafeCSS(DarkPalette.WHITE)};
-  }
-`;
-export const checkboxContainerStyles = css `
-  .t-checkbox-full-container {
-    display: flex;
-    justify-content: var(--t-label-right-default-justify, flex-start);
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-  :host([disabled]) .t-checkbox-full-container {
-    cursor: not-allowed;
-  }
-  .t-checkbox-container {
-    --t-checkbox-size-box: 1.5rem;
-    --t-checkbox-shadow-width: 2px;
-    --t-checkbox-border-radius: 0.25rem;
-    display: block;
-    position: relative;
-    height: var(--t-checkbox-size-box);
-    width: var(--t-checkbox-size-box);
-    min-width: var(--t-checkbox-size-box);
-  }
-  .t-checkbox-container .t-checkbox {
-    position: absolute;
-    opacity: 0;
-    height: 0;
-    width: 0;
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .t-checkbox-container {
-      --t-checkbox-size-box: 1rem;
-      --t-checkbox-shadow-width: 1px;
-      --t-checkbox-border-radius: 0.125rem;
-      margin-top: 1px;
-    }
-  }
-`;
-export const checkboxCheckmarkStyles = css `
-  .t-checkbox-container .t-checkbox-checkmark {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    height: var(--t-checkbox-size-box);
-    width: var(--t-checkbox-size-box);
-    border-radius: var(--t-checkbox-border-radius);
-    background-color: var(--t-bg-color-primary);
-    border: 1px solid var(--t-stroke-color-grey);
-    box-sizing: border-box;
-  }
-  .t-checkbox-container .t-checkbox-checkmark tuix-icon {
-    margin: auto;
-    display: none;
-    width: calc(var(--t-checkbox-size-box) - 0.5rem);
-    height: calc(var(--t-checkbox-size-box) - 0.5rem);
-  }
-  .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark {
-    background-color: var(--t-main-color-tuix);
-    border: none;
-  }
-  .t-checkbox-container .t-checkbox:focus ~ .t-checkbox-checkmark {
-    box-shadow: 0 0 0px var(--t-checkbox-shadow-width)
-      var(--t-stroke-color-focus);
-    border: 1px solid var(--t-main-color-tuix);
-  }
-  .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark tuix-icon {
-    display: block;
-  }
-  .t-checkbox-full-container:hover .t-checkbox-container .t-checkbox-checkmark {
-    border: 1px solid var(--t-main-color-tuix);
-  }
-  .t-checkbox-full-container.t-with-error
-    .t-checkbox-container
-    .t-checkbox-checkmark {
-    border: 1px solid var(--t-text-color-error);
-  }
-  .t-checkbox-full-container.t-with-error
-    .t-checkbox-container
-    .t-checkbox:checked
-    ~ .t-checkbox-checkmark {
-    background-color: var(--t-text-color-error);
-    border: none;
-  }
-
-  .t-checkbox-container .t-checkbox:disabled ~ .t-checkbox-checkmark {
-    background-color: var(--t-bg-color-disabled);
-    border: none;
-    box-shadow: none;
-  }
-`;
-export const checkboxLabelStyles = css `
-  .t-checkbox-label {
-    display: block;
-    color: var(--t-text-color-label);
-    margin-left: 0.625rem;
-  }
-  .t-checkbox-full-container.t-with-label-left {
-    flex-direction: row-reverse;
-    justify-content: var(--t-label-left-default-justify, space-between);
-  }
-  .t-checkbox-full-container.t-with-label-left .t-checkbox-label {
-    margin-right: 0.625rem;
-    margin-left: 0;
-  }
-`;
-//# sourceMappingURL=TuixCheckbox.styles.js.map

package/dist/src/tuix-checkbox/TuixCheckbox.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixCheckbox.styles.js","sourceRoot":"","sources":["../../../src/tuix-checkbox/TuixCheckbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;2BAEF,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;4BACtB,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;6BACvB,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;4BAC/B,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;8BACtB,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;6BAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;4BAC/B,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;;;;;2BAKzB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;4BAC1B,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;6BAC3B,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC;4BACnC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;8BAC1B,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC;6BACjC,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC;4BACnC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;;CAEvD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA6BH,WAAW,CAAC,MAAM;;;;;;;;CAQxD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDzC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcrC,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { Palette } from '../utils/colors';\nimport { DarkPalette } from '../utils/darkColors';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\n\nexport const hostStyles = css`\n  :host {\n    --t-main-color-tuix: ${unsafeCSS(Palette.MAIN)};\n    --t-bg-color-primary: ${unsafeCSS(Palette.WHITE)};\n    --t-bg-color-disabled: ${unsafeCSS(Palette.PRIMARY_100)};\n    --t-text-color-error: ${unsafeCSS(Palette.ERROR)};\n    --t-stroke-color-focus: ${unsafeCSS(Palette.SECONDARY)};\n    --t-stroke-color-grey: ${unsafeCSS(Palette.PRIMARY_300)};\n    --t-text-color-label: ${unsafeCSS(Palette.BLACK)};\n    --t-label-right-default-justify: flex-start;\n    --t-label-left-default-justify: space-between;\n  }\n  :host([dark]) {\n    --t-main-color-tuix: ${unsafeCSS(DarkPalette.MAIN)};\n    --t-bg-color-primary: ${unsafeCSS(DarkPalette.BLACK)};\n    --t-bg-color-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};\n    --t-text-color-error: ${unsafeCSS(DarkPalette.ERROR)};\n    --t-stroke-color-focus: ${unsafeCSS(DarkPalette.SECONDARY)};\n    --t-stroke-color-grey: ${unsafeCSS(DarkPalette.PRIMARY_100)};\n    --t-text-color-label: ${unsafeCSS(DarkPalette.WHITE)};\n  }\n`;\n\nexport const checkboxContainerStyles = css`\n  .t-checkbox-full-container {\n    display: flex;\n    justify-content: var(--t-label-right-default-justify, flex-start);\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  :host([disabled]) .t-checkbox-full-container {\n    cursor: not-allowed;\n  }\n  .t-checkbox-container {\n    --t-checkbox-size-box: 1.5rem;\n    --t-checkbox-shadow-width: 2px;\n    --t-checkbox-border-radius: 0.25rem;\n    display: block;\n    position: relative;\n    height: var(--t-checkbox-size-box);\n    width: var(--t-checkbox-size-box);\n    min-width: var(--t-checkbox-size-box);\n  }\n  .t-checkbox-container .t-checkbox {\n    position: absolute;\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .t-checkbox-container {\n      --t-checkbox-size-box: 1rem;\n      --t-checkbox-shadow-width: 1px;\n      --t-checkbox-border-radius: 0.125rem;\n      margin-top: 1px;\n    }\n  }\n`;\n\nexport const checkboxCheckmarkStyles = css`\n  .t-checkbox-container .t-checkbox-checkmark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    height: var(--t-checkbox-size-box);\n    width: var(--t-checkbox-size-box);\n    border-radius: var(--t-checkbox-border-radius);\n    background-color: var(--t-bg-color-primary);\n    border: 1px solid var(--t-stroke-color-grey);\n    box-sizing: border-box;\n  }\n  .t-checkbox-container .t-checkbox-checkmark tuix-icon {\n    margin: auto;\n    display: none;\n    width: calc(var(--t-checkbox-size-box) - 0.5rem);\n    height: calc(var(--t-checkbox-size-box) - 0.5rem);\n  }\n  .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark {\n    background-color: var(--t-main-color-tuix);\n    border: none;\n  }\n  .t-checkbox-container .t-checkbox:focus ~ .t-checkbox-checkmark {\n    box-shadow: 0 0 0px var(--t-checkbox-shadow-width)\n      var(--t-stroke-color-focus);\n    border: 1px solid var(--t-main-color-tuix);\n  }\n  .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark tuix-icon {\n    display: block;\n  }\n  .t-checkbox-full-container:hover .t-checkbox-container .t-checkbox-checkmark {\n    border: 1px solid var(--t-main-color-tuix);\n  }\n  .t-checkbox-full-container.t-with-error\n    .t-checkbox-container\n    .t-checkbox-checkmark {\n    border: 1px solid var(--t-text-color-error);\n  }\n  .t-checkbox-full-container.t-with-error\n    .t-checkbox-container\n    .t-checkbox:checked\n    ~ .t-checkbox-checkmark {\n    background-color: var(--t-text-color-error);\n    border: none;\n  }\n\n  .t-checkbox-container .t-checkbox:disabled ~ .t-checkbox-checkmark {\n    background-color: var(--t-bg-color-disabled);\n    border: none;\n    box-shadow: none;\n  }\n`;\n\nexport const checkboxLabelStyles = css`\n  .t-checkbox-label {\n    display: block;\n    color: var(--t-text-color-label);\n    margin-left: 0.625rem;\n  }\n  .t-checkbox-full-container.t-with-label-left {\n    flex-direction: row-reverse;\n    justify-content: var(--t-label-left-default-justify, space-between);\n  }\n  .t-checkbox-full-container.t-with-label-left .t-checkbox-label {\n    margin-right: 0.625rem;\n    margin-left: 0;\n  }\n`;\n"]}

package/dist/src/tuix-checkbox/enums/tuix-checkbox.enums.d.ts

@@ -1,21 +0,0 @@
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
-export declare enum CheckboxIconMode {
-    DEFAULT = "default",
-    DISABLED = "disabled",
-    ERROR = "error"
-}
-export declare enum CheckboxLabelSide {
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare const CheckboxIconColorLight: {
-    default: Palette;
-    disabled: Palette;
-    error: Palette;
-};
-export declare const CheckboxIconColorDark: {
-    default: DarkPalette;
-    disabled: DarkPalette;
-    error: DarkPalette;
-};

package/dist/src/tuix-checkbox/enums/tuix-checkbox.enums.js

@@ -1,24 +0,0 @@
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
-export var CheckboxIconMode;
-(function (CheckboxIconMode) {
-    CheckboxIconMode["DEFAULT"] = "default";
-    CheckboxIconMode["DISABLED"] = "disabled";
-    CheckboxIconMode["ERROR"] = "error";
-})(CheckboxIconMode || (CheckboxIconMode = {}));
-export var CheckboxLabelSide;
-(function (CheckboxLabelSide) {
-    CheckboxLabelSide["LEFT"] = "left";
-    CheckboxLabelSide["RIGHT"] = "right";
-})(CheckboxLabelSide || (CheckboxLabelSide = {}));
-export const CheckboxIconColorLight = {
-    [CheckboxIconMode.DEFAULT]: Palette.WHITE,
-    [CheckboxIconMode.DISABLED]: Palette.PRIMARY_300,
-    [CheckboxIconMode.ERROR]: Palette.WHITE,
-};
-export const CheckboxIconColorDark = {
-    [CheckboxIconMode.DEFAULT]: DarkPalette.WHITE,
-    [CheckboxIconMode.DISABLED]: DarkPalette.PRIMARY_100,
-    [CheckboxIconMode.ERROR]: DarkPalette.WHITE,
-};
-//# sourceMappingURL=tuix-checkbox.enums.js.map

package/dist/src/tuix-checkbox/enums/tuix-checkbox.enums.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-checkbox.enums.js","sourceRoot":"","sources":["../../../../src/tuix-checkbox/enums/tuix-checkbox.enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,yCAAqB,CAAA;IACrB,mCAAe,CAAA;AACjB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK;IACzC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW;IAChD,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK;IAC7C,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,WAAW;IACpD,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK;CAC5C,CAAC","sourcesContent":["import { Palette } from '../../utils/colors';\nimport { DarkPalette } from '../../utils/darkColors';\n\nexport enum CheckboxIconMode {\n  DEFAULT = 'default',\n  DISABLED = 'disabled',\n  ERROR = 'error',\n}\n\nexport enum CheckboxLabelSide {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nexport const CheckboxIconColorLight = {\n  [CheckboxIconMode.DEFAULT]: Palette.WHITE,\n  [CheckboxIconMode.DISABLED]: Palette.PRIMARY_300,\n  [CheckboxIconMode.ERROR]: Palette.WHITE,\n};\n\nexport const CheckboxIconColorDark = {\n  [CheckboxIconMode.DEFAULT]: DarkPalette.WHITE,\n  [CheckboxIconMode.DISABLED]: DarkPalette.PRIMARY_100,\n  [CheckboxIconMode.ERROR]: DarkPalette.WHITE,\n};\n"]}

package/dist/src/tuix-checkbox/interfaces/tuix-checkbox.interface.d.ts

@@ -1,5 +0,0 @@
-import { DetailValue } from '../../utils/interfaces/detail-value.interface.js';
-export interface DetailValueCheckbox extends DetailValue<boolean> {
-    label?: string;
-}
-export type CustomEventTuixCheckbox = CustomEvent<DetailValueCheckbox>;

package/dist/src/tuix-checkbox/interfaces/tuix-checkbox.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tuix-checkbox.interface.js.map

package/dist/src/tuix-checkbox/interfaces/tuix-checkbox.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-checkbox.interface.js","sourceRoot":"","sources":["../../../../src/tuix-checkbox/interfaces/tuix-checkbox.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { DetailValue } from '../../utils/interfaces/detail-value.interface';\n\nexport interface DetailValueCheckbox extends DetailValue<boolean> {\n  label?: string;\n}\n\nexport type CustomEventTuixCheckbox = CustomEvent<DetailValueCheckbox>;\n"]}

package/dist/src/tuix-dropdown/TuixDropdown.d.ts

@@ -1,55 +0,0 @@
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import { TuixDropdownExtendedOption, TuixDropdownOption } from './interfaces/tuix-dropdown.interface.js';
-import { DescriptionType } from '../tuix-input/enums/tuix-input.enums.js';
-import { DropdownType } from './enums/tuix-dropdown.enums.js';
-export declare class TuixDropdown extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value?: TuixDropdownOption;
-    options: TuixDropdownOption[];
-    placeholder: string;
-    title: string;
-    disabled: boolean;
-    dark: boolean;
-    description?: string;
-    descriptionType: DescriptionType;
-    type: DropdownType;
-    private _value;
-    private _isOptionsVisible;
-    private _searchingOption;
-    _extendedOptions: TuixDropdownExtendedOption[];
-    private _optionsContainer;
-    private _inputDropdown;
-    private _previousSelectedOption;
-    private _previousFocusedOption;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _onEnterPress;
-    private _onKeyDownOption;
-    private _onKeyPressOption;
-    private _onMouseOverOption;
-    private _onClickOption;
-    protected _onInputSingle(e: CustomEvent): void;
-    protected _handleSelectEvent(event: MouseEvent | KeyboardEvent): void;
-    private _handleBlur;
-    private _getOptionName;
-    private _getOptionValue;
-    private _findIndex;
-    private _handleInputBase;
-    private _extendOptionsList;
-    private _handleArrowDown;
-    private _handleArrowUp;
-    private _handleClickOutside;
-    private _focusTargetOption;
-    private _toggleOptions;
-    private _focusOptionsContainer;
-    private _unselectPreviousOption;
-    private _hasCompleteDescription;
-    private _getOptionsContainerClasses;
-    private _triggerUpdateByExternalValueChange;
-    private _resetPreviousSelection;
-    private _getOptionsTemplate;
-    protected updated(changedProperties: Map<string, any>): void;
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
-    protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    protected render(): TemplateResult;
-}