igniteui-webcomponents 3.3.0 → 4.0.0-alpha.2

package/components/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/index.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcDropdownItemComponent from '../dropdown/dropdown-item.js';\nimport IgcDropdownComponent, {\n  IgcDropdownEventMap,\n} from '../dropdown/dropdown.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcSelectGroupComponent from './select-group.js';\nimport IgcSelectHeaderComponent from './select-header.js';\nimport IgcSelectItemComponent from './select-item.js';\nimport { styles } from './themes/light/select.base.css';\nimport { styles as bootstrap } from './themes/light/select.bootstrap.css';\nimport { styles as fluent } from './themes/light/select.fluent.css';\nimport { styles as indigo } from './themes/light/select.indigo.css';\nimport { styles as material } from './themes/light/select.material.css';\n\ndefineComponents(\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcSelectGroupComponent,\n  IgcSelectHeaderComponent,\n  IgcSelectItemComponent\n);\n\nexport interface IgcSelectEventMap extends IgcDropdownEventMap {\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n@themes({ bootstrap, material, fluent, indigo })\n@blazorAdditionalDependencies(\n  'IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent'\n)\n/**\n * @element igc-select\n *\n * @slot - Renders the list of select items.\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot header - Renders a container before the list of options.\n * @slot footer - Renders a container after the list of options.\n * @slot helper-text - Renders content below the input.\n * @slot toggle-icon - Renders content inside the suffix container.\n *\n * @fires igcFocus - Emitted when the select gains focus.\n * @fires igcBlur - Emitted when the select loses focus.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcOpening - Emitted just before the list of options is opened.\n * @fires igcOpened - Emitted after the list of options is opened.\n * @fires igcClosing - Emitter just before the list of options is closed.\n * @fires igcClosed - Emitted after the list of options is closed.\n *\n * @csspart list - The list of options wrapper.\n * @csspart input - The encapsulated igc-input.\n * @csspart label - The encapsulated text label.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart toggle-icon - The toggle icon wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcSelectComponent extends EventEmitterMixin<\n  IgcSelectEventMap,\n  Constructor<IgcDropdownComponent>\n>(IgcDropdownComponent) {\n  /** @private */\n  public static readonly tagName = 'igc-select';\n  public static styles = styles;\n  private searchTerm = '';\n  private lastKeyTime = Date.now();\n\n  private readonly targetKeyHandlers: Map<string, Function> = new Map(\n    Object.entries({\n      ' ': this.onTargetEnterKey,\n      Tab: this.onTargetTabKey,\n      Escape: this.onEscapeKey,\n      Enter: this.onTargetEnterKey,\n      ArrowLeft: this.onTargetArrowUpKeyDown,\n      ArrowRight: this.onTargetArrowDownKeyDown,\n      ArrowUp: this.onTargetArrowUpKeyDown,\n      ArrowDown: this.onTargetArrowDownKeyDown,\n      Home: this.onTargetHomeKey,\n      End: this.onTargetEndKey,\n    })\n  );\n\n  @queryAssignedElements({ flatten: true, selector: 'igc-select-item' })\n  protected override items!: Array<IgcSelectItemComponent>;\n\n  @queryAssignedElements({ flatten: true, selector: 'igc-select-group' })\n  protected override groups!: Array<IgcSelectGroupComponent>;\n\n  @queryAssignedElements({ slot: 'helper-text' })\n  protected helperText!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected inputSuffix!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected inputPrefix!: Array<HTMLElement>;\n\n  @state()\n  protected override selectedItem!: IgcSelectItemComponent | null;\n\n  @query('div[role=\"combobox\"]')\n  protected override target!: IgcInputComponent;\n\n  /** The value attribute of the control. */\n  @property({ reflect: false, type: String })\n  public value?: string | undefined;\n\n  /** The name attribute of the control. */\n  @property()\n  public name!: string;\n\n  /** The disabled attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /** The required attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public required = false;\n\n  /** The invalid attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  /** The outlined attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /** The autofocus attribute of the control. */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /** The label attribute of the control. */\n  @property({ type: String })\n  public label!: string;\n\n  /** The placeholder attribute of the control. */\n  @property({ type: String })\n  public placeholder!: string;\n\n  /** Whether the dropdown's width should be the same as the target's one. */\n  @property({ type: Boolean, attribute: 'same-width' })\n  public override sameWidth = true;\n\n  /** The direction attribute of the control. */\n  @property({ reflect: true })\n  public override dir: 'ltr' | 'rtl' | 'auto' = 'auto';\n\n  constructor() {\n    super();\n    this.size = 'medium';\n\n    /** Return the focus to the target element when closing the list of options. */\n    this.addEventListener('igcClosing', () => this.target.focus());\n  }\n\n  /** Override the dropdown target focusout behavior to prevent the focus from\n   * being returned to the target element when the select loses focus. */\n  protected override handleFocusout() {}\n\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions) {\n    this.target.focus(options);\n  }\n\n  /** Removes focus from the component. */\n  public override blur() {\n    this.target.blur();\n  }\n\n  /** Checks the validity of the control. */\n  public reportValidity() {\n    this.invalid = this.required && !this.value;\n    if (this.invalid) this.target.focus();\n    return !this.invalid;\n  }\n\n  public override async firstUpdated() {\n    super.firstUpdated();\n    await this.updateComplete;\n\n    if (!this.selectedItem && this.value) {\n      this.updateSelected();\n    }\n\n    if (this.autofocus) {\n      this.target.focus();\n    }\n  }\n\n  @watch('selectedItem')\n  protected updateValue() {\n    this.value = this.selectedItem?.value;\n  }\n\n  @watch('value')\n  protected updateSelected() {\n    if (this.allItems.length === 0) return;\n\n    if (this.selectedItem?.value !== this.value) {\n      const matches = this.allItems.filter((i) => i.value === this.value);\n      const index = this.allItems.indexOf(\n        matches.at(-1) as IgcSelectItemComponent\n      );\n\n      if (index === -1) {\n        this.value = undefined;\n        this.clearSelection();\n        return;\n      }\n\n      this.select(index);\n    }\n  }\n\n  @watch('value')\n  protected validate() {\n    this.updateComplete.then(() => this.reportValidity());\n  }\n\n  protected selectNext() {\n    const activeItemIndex = [...this.allItems].indexOf(\n      this.selectedItem ?? this.activeItem\n    );\n\n    const next = this.getNearestSiblingFocusableItemIndex(\n      activeItemIndex ?? -1,\n      1\n    );\n    this.selectItem(this.allItems[next], true);\n  }\n\n  protected selectPrev() {\n    const activeItemIndex = [...this.allItems].indexOf(\n      this.selectedItem ?? this.activeItem\n    );\n    const prev = this.getNearestSiblingFocusableItemIndex(\n      activeItemIndex ?? -1,\n      -1\n    );\n    this.selectItem(this.allItems[prev], true);\n  }\n\n  protected selectInteractiveItem(index: number) {\n    const item = this.allItems\n      .filter((i) => !i.disabled)\n      .at(index) as IgcDropdownItemComponent;\n\n    if (item.value !== this.value) {\n      this.selectItem(item, true);\n    }\n  }\n\n  protected searchItem(event: KeyboardEvent): void {\n    // ignore longer keys ('Alt', 'ArrowDown', etc)\n    if (!/^.$/u.test(event.key)) {\n      return;\n    }\n\n    const currentTime = Date.now();\n\n    if (currentTime - this.lastKeyTime > 500) {\n      this.searchTerm = '';\n    }\n\n    this.searchTerm += event.key;\n    this.lastKeyTime = currentTime;\n\n    const item = this.allItems\n      .filter((i) => !i.disabled)\n      .find((i) =>\n        i.textContent\n          ?.trim()\n          .toLowerCase()\n          .startsWith(this.searchTerm.toLowerCase())\n      );\n\n    if (item && this.value !== item.value) {\n      this.open ? this.activateItem(item) : this.selectItem(item);\n    }\n  }\n\n  protected handleFocus() {\n    if (this.open) return;\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleBlur() {\n    if (this.open) return;\n    this.emitEvent('igcBlur');\n  }\n\n  protected onTargetTabKey() {\n    this.target.blur();\n    if (this.open) this.hide();\n  }\n\n  protected onTargetEnterKey() {\n    !this.open ? this.target.click() : this.onEnterKey();\n  }\n\n  protected onTargetArrowUpKeyDown(event: KeyboardEvent) {\n    if (event.altKey) {\n      this.toggle();\n    } else {\n      !this.open ? this.selectPrev() : this.onArrowUpKeyDown();\n    }\n  }\n\n  protected onTargetArrowDownKeyDown(event: KeyboardEvent) {\n    if (event.altKey) {\n      this.toggle();\n    } else {\n      !this.open ? this.selectNext() : this.onArrowDownKeyDown();\n    }\n  }\n\n  protected onTargetHomeKey() {\n    !this.open ? this.selectInteractiveItem(0) : this.onHomeKey();\n  }\n\n  protected onTargetEndKey() {\n    !this.open ? this.selectInteractiveItem(-1) : this.onEndKey();\n  }\n\n  protected handleTargetKeyDown(event: KeyboardEvent) {\n    event.stopPropagation();\n\n    if (this.targetKeyHandlers.has(event.key)) {\n      event.preventDefault();\n      this.targetKeyHandlers.get(event.key)?.call(this, event);\n    } else {\n      this.searchItem(event);\n    }\n  }\n\n  protected get hasPrefixes() {\n    return this.inputPrefix.length > 0;\n  }\n\n  protected get hasSuffixes() {\n    return this.inputSuffix.length > 0;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        role=\"combobox\"\n        tabindex=${this.disabled ? -1 : 0}\n        aria-owns=\"dropdown\"\n        aria-describedby=\"helper-text\"\n        aria-disabled=${this.disabled}\n        @focusin=${this.handleFocus}\n        @focusout=${this.handleBlur}\n        @keydown=${this.handleTargetKeyDown}\n        @click=${this.handleTargetClick}\n      >\n        <igc-input\n          id=\"input\"\n          readonly\n          exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n          value=${ifDefined(this.selectedItem?.textContent?.trim())}\n          placeholder=${ifDefined(this.placeholder)}\n          label=${ifDefined(this.label)}\n          size=${this.size}\n          dir=${this.dir}\n          tabindex=\"-1\"\n          .disabled=\"${this.disabled}\"\n          .required=${this.required}\n          .invalid=${this.invalid}\n          .outlined=${this.outlined}\n          @igcBlur=${(e: Event) => e.stopPropagation()}\n          @igcFocus=${(e: Event) => e.stopPropagation()}\n        >\n          <span slot=${this.hasPrefixes ? 'prefix' : ''}>\n            <slot name=\"prefix\"></slot>\n          </span>\n          <span slot=${this.hasSuffixes ? 'suffix' : ''}>\n            <slot name=\"suffix\"></slot>\n          </span>\n          <span slot=\"suffix\" part=\"toggle-icon\" style=\"display: flex\">\n            <slot name=\"toggle-icon\">\n              <igc-icon\n                size=${this.size}\n                name=${this.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\n                collection=\"internal\"\n                aria-hidden=\"true\"\n              ></igc-icon>\n            </slot>\n          </span>\n        </igc-input>\n      </div>\n      <div\n        id=\"helper-text\"\n        part=\"helper-text\"\n        ?hidden=\"${this.helperText.length === 0}\"\n      >\n        <slot name=\"helper-text\"></slot>\n      </div>\n      <div\n        part=\"base\"\n        style=${styleMap({ position: this.positionStrategy })}\n        @click=${this.handleClick}\n        ${this.toggleController.toggleDirective}\n      >\n        <div id=\"dropdown\" role=\"listbox\" part=\"list\" aria-labelledby=\"input\">\n          <slot name=\"header\"></slot>\n          <slot></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select': IgcSelectComponent;\n  }\n}\n"]}

package/components/select/themes/dark/select.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=select.bootstrap.css.js.map

package/components/select/themes/dark/select.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/select/themes/dark/select.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */`;
+//# sourceMappingURL=select.fluent.css.js.map

package/components/select/themes/dark/select.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}

package/components/select/themes/dark/select.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */`;
+//# sourceMappingURL=select.indigo.css.js.map

package/components/select/themes/dark/select.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}

package/components/select/themes/dark/select.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */`;
+//# sourceMappingURL=select.material.css.js.map

package/components/select/themes/dark/select.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}

package/components/select/themes/light/select.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.base.css.js

@@ -0,0 +1,112 @@
+import { css } from 'lit';
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/* stylelint-disable max-line-length */
+:host {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: var(--ig-font-family);
+}
+
+[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  -webkit-box-shadow: var(--ig-elevation-8);
+          box-shadow: var(--ig-elevation-8);
+  min-width: 7rem;
+  padding: 0.5rem 0;
+  z-index: 10005;
+}
+
+:host([size=small]) ::slotted(igc-dropdown-item),
+:host([size=small]) ::slotted(igc-select-item) {
+  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 3);
+}
+:host([size=small]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 2);
+}
+
+:host([size=medium]) ::slotted(igc-dropdown-item),
+:host([size=medium]) ::slotted(igc-select-item) {
+  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 3);
+}
+:host([size=medium]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 2);
+}
+
+:host([size=large]) ::slotted(igc-dropdown-item),
+:host([size=large]) ::slotted(igc-select-item) {
+  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 3);
+}
+:host([size=large]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 2);
+}
+
+:host {
+  display: block;
+}
+:host ::slotted([slot=helper-text]) {
+  font-family: var(--ig-caption-font-family);
+  font-size: var(--ig-caption-font-size);
+  font-weight: var(--ig-caption-font-weight);
+  font-style: var(--ig-caption-font-style);
+  line-height: var(--ig-caption-line-height);
+  letter-spacing: var(--ig-caption-letter-spacing);
+  text-transform: var(--ig-caption-text-transform);
+  margin-top: var(--ig-caption-margin-top);
+  margin-bottom: var(--ig-caption-margin-bottom);
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+
+[role=combobox] {
+  outline-style: none;
+}
+
+:host([disabled]) ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+:host([disabled]) [role=combobox] {
+  pointer-events: none;
+}
+
+igc-input {
+  cursor: pointer;
+}
+
+igc-input::part(input) {
+  cursor: pointer;
+}
+igc-input::part(input)::-moz-selection {
+  background: transparent;
+}
+igc-input::part(input)::selection {
+  background: transparent;
+}`;
+//# sourceMappingURL=select.base.css.js.map

package/components/select/themes/light/select.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.base.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: var(--ig-font-family);\n}\n\n[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  -webkit-box-shadow: var(--ig-elevation-8);\n          box-shadow: var(--ig-elevation-8);\n  min-width: 7rem;\n  padding: 0.5rem 0;\n  z-index: 10005;\n}\n\n:host([size=small]) ::slotted(igc-dropdown-item),\n:host([size=small]) ::slotted(igc-select-item) {\n  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 3);\n}\n:host([size=small]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 2);\n}\n\n:host([size=medium]) ::slotted(igc-dropdown-item),\n:host([size=medium]) ::slotted(igc-select-item) {\n  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 3);\n}\n:host([size=medium]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 2);\n}\n\n:host([size=large]) ::slotted(igc-dropdown-item),\n:host([size=large]) ::slotted(igc-select-item) {\n  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 3);\n}\n:host([size=large]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 2);\n}\n\n:host {\n  display: block;\n}\n:host ::slotted([slot=helper-text]) {\n  font-family: var(--ig-caption-font-family);\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[role=combobox] {\n  outline-style: none;\n}\n\n:host([disabled]) ::slotted([slot=helper-text]) {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [role=combobox] {\n  pointer-events: none;\n}\n\nigc-input {\n  cursor: pointer;\n}\n\nigc-input::part(input) {\n  cursor: pointer;\n}\nigc-input::part(input)::-moz-selection {\n  background: transparent;\n}\nigc-input::part(input)::selection {\n  background: transparent;\n}`;\n"]}

package/components/select/themes/light/select.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.bootstrap.css.js

@@ -0,0 +1,69 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */
+:host ::slotted([slot=helper-text]) {
+  font-family: var(--ig-body-2-font-family);
+  font-size: var(--ig-body-2-font-size);
+  font-weight: var(--ig-body-2-font-weight);
+  font-style: var(--ig-body-2-font-style);
+  line-height: var(--ig-body-2-line-height);
+  letter-spacing: var(--ig-body-2-letter-spacing);
+  text-transform: var(--ig-body-2-text-transform);
+  margin-top: var(--ig-body-2-margin-top);
+  margin-bottom: var(--ig-body-2-margin-bottom);
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+
+:host([disabled]) ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+
+:host(:focus-within) igc-input[readonly]:not([disabled])::part(input) {
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+
+:host([invalid]) igc-input[readonly]:not([disabled])::part(input),
+:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input) {
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
+igc-input[readonly]:not([disabled])::part(prefix),
+igc-input[readonly]:not([disabled])::part(suffix) {
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+igc-input[readonly]:not([disabled])::part(prefix),
+igc-input[readonly]:not([disabled])::part(suffix),
+igc-input[readonly]:not([disabled])::part(container) {
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+}
+
+igc-input[readonly]:not([disabled])::part(container) {
+  background: var(--input-background, #fff);
+}
+
+igc-input[readonly]:not([disabled])::part(input) {
+  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+
+igc-input[disabled] {
+  pointer-events: none;
+}
+
+igc-input[disabled]::part(prefix),
+igc-input[disabled]::part(suffix),
+igc-input[disabled]::part(container) {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+
+igc-input[disabled]::part(prefix),
+igc-input[disabled]::part(suffix),
+igc-input[disabled]::part(input) {
+  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}`;
+//# sourceMappingURL=select.bootstrap.css.js.map

package/components/select/themes/light/select.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host ::slotted([slot=helper-text]) {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host([disabled]) ::slotted([slot=helper-text]) {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(input) {\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]) igc-input[readonly]:not([disabled])::part(input),\n:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input) {\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix) {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix),\nigc-input[readonly]:not([disabled])::part(container) {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\nigc-input[readonly]:not([disabled])::part(container) {\n  background: var(--input-background, #fff);\n}\n\nigc-input[readonly]:not([disabled])::part(input) {\n  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\nigc-input[disabled] {\n  pointer-events: none;\n}\n\nigc-input[disabled]::part(prefix),\nigc-input[disabled]::part(suffix),\nigc-input[disabled]::part(container) {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\nigc-input[disabled]::part(prefix),\nigc-input[disabled]::part(suffix),\nigc-input[disabled]::part(input) {\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

package/components/select/themes/light/select.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.fluent.css.js

@@ -0,0 +1,28 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */
+:host(:focus-within) igc-input[readonly]:not([disabled])::part(container) {
+  border-width: 0.125rem;
+}
+
+:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  border-width: 0.125rem;
+}
+:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix) {
+  -webkit-margin-start: -0.0625rem;
+          margin-inline-start: -0.0625rem;
+}
+:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix) {
+  -webkit-margin-end: -0.0625rem;
+          margin-inline-end: -0.0625rem;
+}
+:host(:not([invalid]):focus-within) igc-input[readonly][size=large]:not([disabled])::part(input) {
+  height: 2.75rem;
+}
+:host(:not([invalid]):focus-within) igc-input[readonly][size=medium]:not([disabled])::part(input) {
+  height: 2.25rem;
+}
+:host(:not([invalid]):focus-within) igc-input[readonly][size=small]:not([disabled])::part(input) {
+  height: 1.75rem;
+}`;
+//# sourceMappingURL=select.fluent.css.js.map

package/components/select/themes/light/select.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAyBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(container) {\n  border-width: 0.125rem;\n}\n\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-width: 0.125rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix) {\n  -webkit-margin-start: -0.0625rem;\n          margin-inline-start: -0.0625rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix) {\n  -webkit-margin-end: -0.0625rem;\n          margin-inline-end: -0.0625rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly][size=large]:not([disabled])::part(input) {\n  height: 2.75rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly][size=medium]:not([disabled])::part(input) {\n  height: 2.25rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly][size=small]:not([disabled])::part(input) {\n  height: 1.75rem;\n}`;\n"]}

package/components/select/themes/light/select.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.indigo.css.js

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */
+:host ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+
+:host([disabled]) ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+:host(:focus-within) igc-input[readonly]:not([disabled])::part(container)::after {
+  -webkit-transform: scaleY(1);
+      -ms-transform: scaleY(1);
+          transform: scaleY(1);
+}
+
+:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(label) {
+  color: var(--label-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+}`;
+//# sourceMappingURL=select.indigo.css.js.map

package/components/select/themes/light/select.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host ::slotted([slot=helper-text]) {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([disabled]) ::slotted([slot=helper-text]) {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(container)::after {\n  -webkit-transform: scaleY(1);\n      -ms-transform: scaleY(1);\n          transform: scaleY(1);\n}\n\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(label) {\n  color: var(--label-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}`;\n"]}

package/components/select/themes/light/select.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.material.css.js

@@ -0,0 +1,63 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */
+:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start) {
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  border-inline-start-width: 0.125rem;
+  border-block-start-width: 0.125rem;
+  border-block-end-width: 0.125rem;
+}
+:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {
+  border-width: 0.125rem;
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  border-top: 0.0625rem solid transparent;
+}
+:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {
+  border-width: 0.125rem;
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end) {
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  border-inline-end-width: 0.125rem;
+  border-block-start-width: 0.125rem;
+  border-block-end-width: 0.125rem;
+}
+:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label) {
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+
+:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start) {
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+  border-inline-start-width: 0.125rem;
+  border-block-start-width: 0.125rem;
+  border-block-end-width: 0.125rem;
+}
+:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {
+  border-width: 0.125rem;
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+  border-top: 0.0625rem solid transparent;
+}
+:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {
+  border-width: 0.125rem;
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end) {
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+  border-inline-end-width: 0.125rem;
+  border-block-start-width: 0.125rem;
+  border-block-end-width: 0.125rem;
+}
+:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label) {
+  color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
+:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container) {
+  background: var(--focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  border-bottom: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container)::after {
+  -webkit-transform: scaleX(1);
+      -ms-transform: scaleX(1);
+          transform: scaleX(1);
+  opacity: 1;
+}`;
+//# sourceMappingURL=select.material.css.js.map

package/components/select/themes/light/select.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start) {\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-inline-start-width: 0.125rem;\n  border-block-start-width: 0.125rem;\n  border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {\n  border-width: 0.125rem;\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-top: 0.0625rem solid transparent;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {\n  border-width: 0.125rem;\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end) {\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-inline-end-width: 0.125rem;\n  border-block-start-width: 0.125rem;\n  border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label) {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start) {\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n  border-inline-start-width: 0.125rem;\n  border-block-start-width: 0.125rem;\n  border-block-end-width: 0.125rem;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {\n  border-width: 0.125rem;\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n  border-top: 0.0625rem solid transparent;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {\n  border-width: 0.125rem;\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end) {\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n  border-inline-end-width: 0.125rem;\n  border-block-start-width: 0.125rem;\n  border-block-end-width: 0.125rem;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label) {\n  color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container) {\n  background: var(--focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  border-bottom: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container)::after {\n  -webkit-transform: scaleX(1);\n      -ms-transform: scaleX(1);\n          transform: scaleX(1);\n  opacity: 1;\n}`;\n"]}

package/components/slider/slider-base.d.ts

@@ -104,7 +104,6 @@ export declare class IgcSliderBaseComponent extends LitElement {
     protected emitChangeEvent(): void;
     private get actualMin();
     private get actualMax();
-    private get isLTR();
     protected validateValue(value: number): number;
     private formatValue;
     private normalizeByStep;

package/components/slider/slider-base.js

@@ -18,6 +18,8 @@ import { styles as indigo } from './themes/light/slider.indigo.css.js';
 import { styles as material } from './themes/light/slider.material.css.js';
 import { defineComponents } from '../common/definitions/defineComponents.js';
 import IgcSliderLabelComponent from './slider-label.js';
+import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
+import { isLTR } from '../common/util.js';
 defineComponents(IgcSliderLabelComponent);
 let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
     constructor() {
@@ -68,12 +70,13 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
             let increment = 0;
             const value = this.activeValue;
             const step = this.step ? this.step : 1;
+            const ltr = isLTR(this);
             switch (key) {
                 case 'ArrowLeft':
-                    increment += this.isLTR ? -step : step;
+                    increment += ltr ? -step : step;
                     break;
                 case 'ArrowRight':
-                    increment += this.isLTR ? step : -step;
+                    increment += ltr ? step : -step;
                     break;
                 case 'ArrowUp':
                     increment = step;
@@ -221,10 +224,6 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
             ? this.upperBound
             : this.max;
     }
-    get isLTR() {
-        const styles = window.getComputedStyle(this);
-        return styles.getPropertyValue('direction') === 'ltr';
-    }
     validateValue(value) {
         value = this.valueInRange(value, this.actualMin, this.actualMax);
         value = this.normalizeByStep(value);
@@ -300,7 +299,7 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
         const thumbCenter = (thumbBoundaries.right - thumbBoundaries.left) / 2;
         const thumbPositionX = thumbBoundaries.left + thumbCenter;
         const scale = this.getBoundingClientRect().width / (this.max - this.min);
-        const change = this.isLTR
+        const change = isLTR(this)
             ? mouseX - thumbPositionX
             : thumbPositionX - mouseX;
         if (this.step) {
@@ -511,7 +510,8 @@ __decorate([
     watch('labels')
 ], IgcSliderBaseComponent.prototype, "labelsChange", null);
 IgcSliderBaseComponent = __decorate([
-    themes({ material, bootstrap, fluent, indigo })
+    themes({ material, bootstrap, fluent, indigo }),
+    blazorDeepImport
 ], IgcSliderBaseComponent);
 export { IgcSliderBaseComponent };
 //# sourceMappingURL=slider-base.js.map