igniteui-webcomponents 2.0.0 → 2.1.0

package/components/rating/rating.js

@@ -0,0 +1,257 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from 'lit';
+import { property, query, queryAssignedElements, state, } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { watch } from '../common/decorators/watch';
+import { EventEmitterMixin } from '../common/mixins/event-emitter';
+import { SizableMixin } from '../common/mixins/sizable';
+import { styles } from './rating.base.css';
+import { styles as bootstrap } from './rating.bootstrap.css';
+import { styles as fluent } from './rating.fluent.css';
+import { styles as indigo } from './rating.indigo.css';
+import { clamp } from '../common/util';
+import { themes } from '../../theming';
+let IgcRatingComponent = class IgcRatingComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
+    constructor() {
+        super();
+        this.hoverValue = -1;
+        this.hoverState = false;
+        this.max = 5;
+        this.step = 1;
+        this.symbol = '⭐';
+        this.value = 0;
+        this.disabled = false;
+        this.hoverPreview = false;
+        this.readonly = false;
+        this.addEventListener('keydown', this.handleKeyDown);
+    }
+    get isInteractive() {
+        return !(this.readonly || this.disabled);
+    }
+    get hasProjectedSymbols() {
+        return this.ratingSymbols.length > 0;
+    }
+    get isLTR() {
+        return (window.getComputedStyle(this).getPropertyValue('direction') === 'ltr');
+    }
+    get valueText() {
+        return this.valueFormat
+            ? this.valueFormat.replace(/\{0\}/gm, `${this.value}`)
+            : this.value;
+    }
+    handleMaxChange() {
+        this.hasProjectedSymbols
+            ? (this.max = this.ratingSymbols.length)
+            : (this.max = Math.max(0, this.max));
+        if (this.max < this.value) {
+            this.value = this.max;
+        }
+    }
+    handleValueChange() {
+        this.value = clamp(this.value, 0, this.max);
+    }
+    handlePrecisionChange() {
+        this.step = clamp(this.step, 0.001, 1);
+    }
+    handleClick({ clientX }) {
+        if (!this.isInteractive) {
+            return;
+        }
+        const value = this.calcNewValue(clientX);
+        this.value === value ? (this.value = 0) : (this.value = value);
+        this.emitEvent('igcChange', { detail: this.value });
+    }
+    handleMouseMove({ clientX }) {
+        if (!this.isInteractive) {
+            return;
+        }
+        const value = this.calcNewValue(clientX);
+        if (this.hoverValue !== value) {
+            this.hoverValue = value;
+            this.emitEvent('igcHover', { detail: this.hoverValue });
+        }
+    }
+    handleMouseEnter() {
+        if (this.isInteractive) {
+            this.hoverState = true;
+        }
+    }
+    handleMouseLeave() {
+        if (this.isInteractive) {
+            this.hoverState = false;
+        }
+    }
+    handleKeyDown({ key }) {
+        if (!this.isInteractive) {
+            return;
+        }
+        let result = this.value;
+        switch (key) {
+            case 'ArrowUp':
+            case 'ArrowRight':
+                result += this.isLTR ? this.step : -this.step;
+                break;
+            case 'ArrowDown':
+            case 'ArrowLeft':
+                result -= this.isLTR ? this.step : -this.step;
+                break;
+            case 'Home':
+                result = this.step;
+                break;
+            case 'End':
+                result = this.max;
+                break;
+            default:
+                return;
+        }
+        this.value = clamp(result, 0, this.max);
+        if (result === this.value) {
+            this.emitEvent('igcChange', { detail: this.value });
+        }
+    }
+    handleSlotChange() {
+        if (this.hasProjectedSymbols) {
+            this.max = this.ratingSymbols.length;
+        }
+        this.requestUpdate();
+    }
+    calcNewValue(x) {
+        const { width, left, right } = this.container.getBoundingClientRect();
+        const percent = this.isLTR ? (x - left) / width : (right - x) / width;
+        const value = this.round(this.max * percent + this.step / 2);
+        return clamp(value, this.step, this.max);
+    }
+    getPrecision(num) {
+        const [_, decimal] = num.toString().split('.');
+        return decimal ? decimal.length : 0;
+    }
+    round(value) {
+        value = Math.round(value / this.step) * this.step;
+        return Number(value.toFixed(this.getPrecision(this.step)));
+    }
+    stepUp(n = 1) {
+        this.value += this.round(n * this.step);
+    }
+    stepDown(n = 1) {
+        this.value -= this.round(n * this.step);
+    }
+    *renderSymbols() {
+        for (let i = 0; i < this.max; i++) {
+            yield html `<span part="symbol ${this.size}">${this.symbol}</span>`;
+        }
+    }
+    renderProjected() {
+        return html `${this.ratingSymbols.map((each) => {
+            const clone = each.cloneNode(true);
+            clone.setAttribute('part', `symbol ${this.size}`);
+            return clone;
+        })}`;
+    }
+    renderFractionWrapper(styles) {
+        return html `<div
+      @click=${this.handleClick}
+      @mouseenter=${this.hoverPreview ? this.handleMouseEnter : nothing}
+      @mouseleave=${this.hoverPreview ? this.handleMouseLeave : nothing}
+      @mousemove=${this.hoverPreview ? this.handleMouseMove : nothing}
+    >
+      <slot @slotchange=${this.handleSlotChange}></slot>
+
+      <div style=${styleMap(styles)} part="fraction ${this.size}">
+        <div part="symbols-wrapper">
+          ${this.hasProjectedSymbols
+            ? this.renderProjected()
+            : this.renderSymbols()}
+        </div>
+      </div>
+      <div part="symbols-wrapper">
+        ${this.hasProjectedSymbols
+            ? this.renderProjected()
+            : this.renderSymbols()}
+      </div>
+    </div>`;
+    }
+    render() {
+        var _a;
+        const value = this.hoverState ? this.hoverValue : this.value;
+        const styles = { width: `${Math.round((value / this.max) * 100)}%` };
+        return html `
+      <label part="label ${this.size}">${this.label}</label>
+      <div
+        part="base"
+        role="slider"
+        tabindex=${ifDefined(this.disabled ? undefined : 0)}
+        aria-label=${(_a = this.label) !== null && _a !== void 0 ? _a : nothing}
+        aria-valuemin="0"
+        aria-valuenow=${this.value}
+        aria-valuemax=${this.max}
+        aria-valuetext=${this.valueText}
+      >
+        ${this.renderFractionWrapper(styles)}
+      </div>
+    `;
+    }
+};
+IgcRatingComponent.tagName = 'igc-rating';
+IgcRatingComponent.styles = [styles];
+__decorate([
+    query('[part="base"]', true)
+], IgcRatingComponent.prototype, "container", void 0);
+__decorate([
+    queryAssignedElements({ selector: 'igc-rating-symbol' })
+], IgcRatingComponent.prototype, "ratingSymbols", void 0);
+__decorate([
+    state()
+], IgcRatingComponent.prototype, "hoverValue", void 0);
+__decorate([
+    state()
+], IgcRatingComponent.prototype, "hoverState", void 0);
+__decorate([
+    property({ type: Number })
+], IgcRatingComponent.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], IgcRatingComponent.prototype, "step", void 0);
+__decorate([
+    property()
+], IgcRatingComponent.prototype, "symbol", void 0);
+__decorate([
+    property()
+], IgcRatingComponent.prototype, "name", void 0);
+__decorate([
+    property()
+], IgcRatingComponent.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'value-format' })
+], IgcRatingComponent.prototype, "valueFormat", void 0);
+__decorate([
+    property({ type: Number })
+], IgcRatingComponent.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcRatingComponent.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hover-preview' })
+], IgcRatingComponent.prototype, "hoverPreview", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcRatingComponent.prototype, "readonly", void 0);
+__decorate([
+    watch('max')
+], IgcRatingComponent.prototype, "handleMaxChange", null);
+__decorate([
+    watch('value')
+], IgcRatingComponent.prototype, "handleValueChange", null);
+__decorate([
+    watch('step')
+], IgcRatingComponent.prototype, "handlePrecisionChange", null);
+IgcRatingComponent = __decorate([
+    themes({ fluent, bootstrap, indigo })
+], IgcRatingComponent);
+export default IgcRatingComponent;
+//# sourceMappingURL=rating.js.map

package/components/rating/rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.js","sourceRoot":"","sources":["../../../src/components/rating/rating.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../common/decorators/watch';\nimport { Constructor } from '../common/mixins/constructor';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { SizableMixin } from '../common/mixins/sizable';\nimport { styles } from './rating.base.css';\nimport { styles as bootstrap } from './rating.bootstrap.css';\nimport { styles as fluent } from './rating.fluent.css';\nimport { styles as indigo } from './rating.indigo.css';\nimport { clamp } from '../common/util';\nimport type IgcRatingSymbolComponent from './rating-symbol';\nimport { themes } from '../../theming';\n\nexport interface IgcRatingEventMap {\n  igcChange: CustomEvent<number>;\n  igcHover: CustomEvent<number>;\n}\n\n/**\n * Rating provides insight regarding others' opinions and experiences,\n * and can allow the user to submit a rating of their own\n *\n * @element igc-rating\n *\n * @fires igcChange - Emitted when the value of the control changes.\n * @fires igcHover - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n *\n * @csspart base - The main wrapper which holds all of the rating elements.\n * @csspart label - The label part.\n * @csspart symbol - The part for a single symbol.\n * @csspart fraction -The part for the selected symbols.\n * @csspart symbols-wrapper - The wrapper that holds all symbols.\n * @csspart large - A part responsible for the symbols size.\n * @csspart medium - A part responsible for the symbols size.\n * @csspart small- A part responsible for the symbols size.\n */\n@themes({ fluent, bootstrap, indigo })\nexport default class IgcRatingComponent extends SizableMixin(\n  EventEmitterMixin<IgcRatingEventMap, Constructor<LitElement>>(LitElement)\n) {\n  public static readonly tagName = 'igc-rating';\n\n  public static styles = [styles];\n\n  @query('[part=\"base\"]', true)\n  protected container!: HTMLElement;\n\n  @queryAssignedElements({ selector: 'igc-rating-symbol' })\n  protected ratingSymbols!: Array<IgcRatingSymbolComponent>;\n\n  @state()\n  protected hoverValue = -1;\n\n  @state()\n  protected hoverState = false;\n\n  protected get isInteractive() {\n    return !(this.readonly || this.disabled);\n  }\n\n  protected get hasProjectedSymbols() {\n    return this.ratingSymbols.length > 0;\n  }\n\n  protected get isLTR() {\n    return (\n      window.getComputedStyle(this).getPropertyValue('direction') === 'ltr'\n    );\n  }\n\n  protected get valueText() {\n    return this.valueFormat\n      ? this.valueFormat.replace(/\\{0\\}/gm, `${this.value}`)\n      : this.value;\n  }\n\n  /** The maximum value for the rating */\n  @property({ type: Number })\n  public max = 5;\n\n  /** The minimum value change allowed. */\n  @property({ type: Number })\n  public step = 1;\n\n  /** The symbol which the rating will display. */\n  @property()\n  public symbol = '⭐';\n\n  /** The name attribute of the control */\n  @property()\n  public name!: string;\n\n  /** The label of the control. */\n  @property()\n  public label!: string;\n\n  /**\n   * A format string which sets aria-valuetext. All instances of '{0}' will be replaced\n   * with the current value of the control.\n   * Important for screen-readers and useful for localization.\n   */\n  @property({ attribute: 'value-format' })\n  public valueFormat!: string;\n\n  /** The current value of the component */\n  @property({ type: Number })\n  public value = 0;\n\n  /** Sets the disabled state of the component */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Sets hover preview behavior for the component */\n  @property({ type: Boolean, reflect: true, attribute: 'hover-preview' })\n  public hoverPreview = false;\n\n  /** Sets the readonly state of the component */\n  @property({ type: Boolean, reflect: true })\n  public readonly = false;\n\n  @watch('max')\n  protected handleMaxChange() {\n    this.hasProjectedSymbols\n      ? (this.max = this.ratingSymbols.length)\n      : (this.max = Math.max(0, this.max));\n    if (this.max < this.value) {\n      this.value = this.max;\n    }\n  }\n\n  @watch('value')\n  protected handleValueChange() {\n    this.value = clamp(this.value, 0, this.max);\n  }\n\n  @watch('step')\n  protected handlePrecisionChange() {\n    this.step = clamp(this.step, 0.001, 1);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  protected handleClick({ clientX }: MouseEvent) {\n    if (!this.isInteractive) {\n      return;\n    }\n\n    const value = this.calcNewValue(clientX);\n    this.value === value ? (this.value = 0) : (this.value = value);\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected handleMouseMove({ clientX }: MouseEvent) {\n    if (!this.isInteractive) {\n      return;\n    }\n\n    const value = this.calcNewValue(clientX);\n\n    if (this.hoverValue !== value) {\n      // Since mousemove spams a lot, only emit on a value change\n      this.hoverValue = value;\n      this.emitEvent('igcHover', { detail: this.hoverValue });\n    }\n  }\n\n  protected handleMouseEnter() {\n    if (this.isInteractive) {\n      this.hoverState = true;\n    }\n  }\n\n  protected handleMouseLeave() {\n    if (this.isInteractive) {\n      this.hoverState = false;\n    }\n  }\n\n  protected handleKeyDown({ key }: KeyboardEvent) {\n    if (!this.isInteractive) {\n      return;\n    }\n\n    let result = this.value;\n\n    switch (key) {\n      case 'ArrowUp':\n      case 'ArrowRight':\n        result += this.isLTR ? this.step : -this.step;\n        break;\n      case 'ArrowDown':\n      case 'ArrowLeft':\n        result -= this.isLTR ? this.step : -this.step;\n        break;\n      case 'Home':\n        result = this.step;\n        break;\n      case 'End':\n        result = this.max;\n        break;\n      default:\n        return;\n    }\n\n    // Verify new value is in bounds and emit\n    this.value = clamp(result, 0, this.max);\n\n    if (result === this.value) {\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  protected handleSlotChange() {\n    if (this.hasProjectedSymbols) {\n      this.max = this.ratingSymbols.length;\n    }\n    this.requestUpdate();\n  }\n\n  protected calcNewValue(x: number) {\n    const { width, left, right } = this.container.getBoundingClientRect();\n    const percent = this.isLTR ? (x - left) / width : (right - x) / width;\n    const value = this.round(this.max * percent + this.step / 2);\n\n    return clamp(value, this.step, this.max);\n  }\n\n  protected getPrecision(num: number) {\n    const [_, decimal] = num.toString().split('.');\n    return decimal ? decimal.length : 0;\n  }\n\n  protected round(value: number) {\n    value = Math.round(value / this.step) * this.step;\n    return Number(value.toFixed(this.getPrecision(this.step)));\n  }\n\n  /**\n   * Increments the value of the control by `n` steps multiplied by the\n   * step factor.\n   */\n  public stepUp(n = 1) {\n    this.value += this.round(n * this.step);\n  }\n\n  /**\n   * Decrements the value of the control by `n` steps multiplied by\n   * the step factor.\n   */\n  public stepDown(n = 1) {\n    this.value -= this.round(n * this.step);\n  }\n\n  protected *renderSymbols() {\n    for (let i = 0; i < this.max; i++) {\n      yield html`<span part=\"symbol ${this.size}\">${this.symbol}</span>`;\n    }\n  }\n\n  protected renderProjected() {\n    return html`${this.ratingSymbols.map((each) => {\n      const clone = each.cloneNode(true) as IgcRatingSymbolComponent;\n      clone.setAttribute('part', `symbol ${this.size}`);\n      return clone;\n    })}`;\n  }\n\n  protected renderFractionWrapper(styles: { width: string }) {\n    return html`<div\n      @click=${this.handleClick}\n      @mouseenter=${this.hoverPreview ? this.handleMouseEnter : nothing}\n      @mouseleave=${this.hoverPreview ? this.handleMouseLeave : nothing}\n      @mousemove=${this.hoverPreview ? this.handleMouseMove : nothing}\n    >\n      <slot @slotchange=${this.handleSlotChange}></slot>\n\n      <div style=${styleMap(styles)} part=\"fraction ${this.size}\">\n        <div part=\"symbols-wrapper\">\n          ${this.hasProjectedSymbols\n            ? this.renderProjected()\n            : this.renderSymbols()}\n        </div>\n      </div>\n      <div part=\"symbols-wrapper\">\n        ${this.hasProjectedSymbols\n          ? this.renderProjected()\n          : this.renderSymbols()}\n      </div>\n    </div>`;\n  }\n\n  protected override render() {\n    const value = this.hoverState ? this.hoverValue : this.value;\n    const styles = { width: `${Math.round((value / this.max) * 100)}%` };\n\n    return html`\n      <label part=\"label ${this.size}\">${this.label}</label>\n      <div\n        part=\"base\"\n        role=\"slider\"\n        tabindex=${ifDefined(this.disabled ? undefined : 0)}\n        aria-label=${this.label ?? nothing}\n        aria-valuemin=\"0\"\n        aria-valuenow=${this.value}\n        aria-valuemax=${this.max}\n        aria-valuetext=${this.valueText}\n      >\n        ${this.renderFractionWrapper(styles)}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-rating': IgcRatingComponent;\n  }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { LitElement, TemplateResult } from 'lit';
 import { StyleInfo } from 'lit/directives/style-map.js';
 export declare class IgcSliderBaseComponent extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResult;
     protected thumb: HTMLElement;
     private labelElements;
     private _lowerBound?;

package/components/slider/slider-base.js

@@ -8,9 +8,14 @@ import { html, LitElement } from 'lit';
 import { property, query, queryAssignedElements, state, } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import { themes } from '../../theming';
 import { watch } from '../common/decorators';
-import { styles } from './slider.material.css';
-export class IgcSliderBaseComponent extends LitElement {
+import { styles } from './themes/light/slider.base.css';
+import { styles as bootstrap } from './themes/light/slider.bootstrap.css';
+import { styles as fluent } from './themes/light/slider.fluent.css';
+import { styles as indigo } from './themes/light/slider.indigo.css';
+import { styles as material } from './themes/light/slider.material.css';
+let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
     constructor() {
         super();
         this._min = 0;
@@ -425,8 +430,8 @@ export class IgcSliderBaseComponent extends LitElement {
       </div>
     `;
     }
-}
-IgcSliderBaseComponent.styles = [styles];
+};
+IgcSliderBaseComponent.styles = styles;
 __decorate([
     query(`[part='thumb']`)
 ], IgcSliderBaseComponent.prototype, "thumb", void 0);
@@ -500,4 +505,8 @@ __decorate([
 __decorate([
     watch('labels')
 ], IgcSliderBaseComponent.prototype, "labelsChange", null);
+IgcSliderBaseComponent = __decorate([
+    themes({ material, bootstrap, fluent, indigo })
+], IgcSliderBaseComponent);
+export { IgcSliderBaseComponent };
 //# sourceMappingURL=slider-base.js.map

package/components/slider/slider-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-base.js","sourceRoot":"","sources":["../../../src/components/slider/slider-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, TemplateResult } 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 { StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { watch } from '../common/decorators';\nimport { styles } from './slider.material.css';\n\nexport class IgcSliderBaseComponent extends LitElement {\n  public static override styles = [styles];\n\n  @query(`[part='thumb']`)\n  protected thumb!: HTMLElement;\n\n  @queryAssignedElements({ selector: 'igc-slider-label' })\n  private labelElements!: HTMLElement[];\n\n  private _lowerBound?: number;\n  private _upperBound?: number;\n  private _min = 0;\n  private _max = 100;\n  private _step = 1;\n  private startValue?: number;\n  private pointerCaptured = false;\n  private thumbHoverTimer: any;\n  protected activeThumb?: HTMLElement;\n\n  @state()\n  private thumbLabelsVisible = false;\n\n  @state()\n  private labels?: string[];\n\n  public set min(value: number) {\n    if (value < this.max) {\n      const oldVal = this._min;\n      this._min = this.labels ? 0 : value;\n      this.requestUpdate('min', oldVal);\n\n      if (typeof this.lowerBound === 'number' && this.lowerBound < value) {\n        this.lowerBound = value;\n      }\n    }\n  }\n\n  /**\n   * The minimum value of the slider scale. Defaults to 0.\n   */\n  @property({ type: Number })\n  public get min() {\n    return this._min;\n  }\n\n  public set max(value: number) {\n    if (value > this.min) {\n      const oldVal = this._max;\n      this._max = this.labels ? this.labels.length - 1 : value;\n      this.requestUpdate('max', oldVal);\n\n      if (typeof this.upperBound === 'number' && this.upperBound > value) {\n        this.upperBound = value;\n      }\n    }\n  }\n\n  /**\n   * The maximum value of the slider scale. Defaults to 100.\n   */\n  @property({ type: Number })\n  public get max() {\n    return this._max;\n  }\n\n  public set lowerBound(value: number | undefined) {\n    const oldVal = this._lowerBound;\n\n    if (typeof value === 'number') {\n      this._lowerBound = this.valueInRange(value, this.min, this.actualMax);\n    } else {\n      this._lowerBound = value;\n    }\n    this.requestUpdate('lowerBound', oldVal);\n  }\n\n  /**\n   * The lower bound of the slider value. If not set, the `min` value is applied.\n   */\n  @property({ type: Number, attribute: 'lower-bound' })\n  public get lowerBound(): number | undefined {\n    return this._lowerBound;\n  }\n\n  public set upperBound(value: number | undefined) {\n    const oldVal = this._upperBound;\n\n    if (typeof value === 'number') {\n      this._upperBound = this.valueInRange(value, this.actualMin, this.max);\n    } else {\n      this._upperBound = value;\n    }\n    this.requestUpdate('upperBound', oldVal);\n  }\n\n  /**\n   * The upper bound of the slider value. If not set, the `max` value is applied.\n   */\n  @property({ type: Number, attribute: 'upper-bound' })\n  public get upperBound(): number | undefined {\n    return this._upperBound;\n  }\n\n  /**\n   * Disables the UI interactions of the slider.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Marks the slider track as discrete so it displays the steps.\n   * If the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n   */\n  @property({ type: Boolean, attribute: 'discrete-track' })\n  public discreteTrack = false;\n\n  /**\n   * Hides the thumb tooltip.\n   */\n  @property({ type: Boolean, attribute: 'hide-tooltip' })\n  public hideTooltip = false;\n\n  public set step(value: number) {\n    const oldVal = this._step;\n    this._step = this.labels ? 1 : value;\n    this.requestUpdate('step', oldVal);\n  }\n\n  /**\n   * Specifies the granularity that the value must adhere to.\n   * If set to 0 no stepping is implied and any value in the range is allowed.\n   */\n  @property({ type: Number })\n  public get step() {\n    return this._step;\n  }\n\n  /**\n   * The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'primary-ticks' })\n  public primaryTicks = 0;\n\n  /**\n   * The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'secondary-ticks' })\n  public secondaryTicks = 0;\n\n  /**\n   * Changes the orientation of the ticks.\n   */\n  @property({ attribute: 'tick-orientation' })\n  public tickOrientation: 'mirror' | 'start' | 'end' = 'end';\n\n  /**\n   * Hides the primary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-primary-labels' })\n  public hidePrimaryLabels = false;\n\n  /**\n   * Hides the secondary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-secondary-labels' })\n  public hideSecondaryLabels = false;\n\n  /**\n   * The locale used to format the thumb and tick label values in the slider.\n   */\n  @property()\n  public locale = 'en';\n\n  /**\n   * String format used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: 'value-format' })\n  public valueFormat?: string;\n\n  /**\n   * Number format options used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: false })\n  public valueFormatOptions?: Intl.NumberFormatOptions;\n\n  /**\n   * The degrees for the rotation of the tick labels. Defaults to 0.\n   */\n  @property({ type: Number, reflect: true, attribute: 'tick-label-rotation' })\n  public tickLabelRotation: 0 | 90 | -90 = 0;\n\n  @watch('min', { waitUntilFirstUpdate: true })\n  @watch('max', { waitUntilFirstUpdate: true })\n  @watch('lowerBound', { waitUntilFirstUpdate: true })\n  @watch('upperBound', { waitUntilFirstUpdate: true })\n  @watch('step', { waitUntilFirstUpdate: true })\n  protected constraintsChange() {\n    this.normalizeValue();\n  }\n\n  @watch('labels')\n  protected labelsChange() {\n    if (this.labels) {\n      this.min = 0;\n      this.max = this.labels.length - 1;\n      this.step = 1;\n    }\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('pointerdown', this.pointerDown);\n    this.addEventListener('pointermove', this.pointerMove);\n    this.addEventListener('lostpointercapture', this.lostPointerCapture);\n    this.addEventListener('keydown', this.handleKeydown);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.normalizeValue();\n  }\n\n  protected handleSlotChange() {\n    this.labels =\n      this.labelElements && this.labelElements.length\n        ? this.labelElements.map((e) => e.textContent as string)\n        : undefined;\n  }\n\n  /* c8 ignore next 3 */\n  protected get activeValue() {\n    return 0;\n  }\n\n  /* c8 ignore next */\n  protected normalizeValue(): void {}\n\n  /* c8 ignore next 3 */\n  protected getTrackStyle(): StyleInfo {\n    return {};\n  }\n\n  /* c8 ignore next 3 */\n  protected updateValue(_increment: number): boolean {\n    return false;\n  }\n\n  /* c8 ignore next 3 */\n  protected renderThumbs(): TemplateResult<1> {\n    return html``;\n  }\n\n  /* c8 ignore next */\n  protected emitInputEvent() {}\n\n  /* c8 ignore next */\n  protected emitChangeEvent() {}\n\n  private get actualMin(): number {\n    return typeof this.lowerBound === 'number'\n      ? (this.lowerBound as number)\n      : this.min;\n  }\n\n  private get actualMax(): number {\n    return typeof this.upperBound === 'number'\n      ? (this.upperBound as number)\n      : this.max;\n  }\n\n  private get isLTR(): boolean {\n    const styles = window.getComputedStyle(this);\n    return styles.getPropertyValue('direction') === 'ltr';\n  }\n\n  protected validateValue(value: number) {\n    value = this.valueInRange(value, this.actualMin, this.actualMax);\n    value = this.normalizeByStep(value);\n\n    return value;\n  }\n\n  private formatValue(value: number) {\n    return this.valueFormat\n      ? this.valueFormat.replace(\n          '{0}',\n          value.toLocaleString(this.locale, this.valueFormatOptions)\n        )\n      : value.toLocaleString(this.locale, this.valueFormatOptions);\n  }\n\n  private normalizeByStep(value: number) {\n    return this.step ? value - ((value - this.actualMin) % this.step) : value;\n  }\n\n  protected closestHandle(_event: PointerEvent): HTMLElement {\n    return this.thumb;\n  }\n\n  private totalTickCount() {\n    const primaryTicks = this.labels\n      ? this.primaryTicks > 0\n        ? this.labels.length\n        : 0\n      : this.primaryTicks === 1\n      ? 2\n      : this.primaryTicks;\n\n    return primaryTicks > 0\n      ? (primaryTicks - 1) * this.secondaryTicks + primaryTicks\n      : this.secondaryTicks > 0\n      ? this.secondaryTicks\n      : 0;\n  }\n\n  private tickValue(idx: number) {\n    const tickCount = this.totalTickCount();\n    const labelStep =\n      tickCount > 1\n        ? (this.max - this.min) / (tickCount - 1)\n        : this.max - this.min;\n    const labelVal = labelStep * idx;\n\n    return this.min + labelVal;\n  }\n\n  private isPrimary(idx: number) {\n    return this.primaryTicks <= 0\n      ? false\n      : idx % (this.secondaryTicks + 1) === 0;\n  }\n\n  private showThumbLabels() {\n    if (this.disabled || this.hideTooltip) {\n      return;\n    }\n\n    if (this.thumbHoverTimer) {\n      clearTimeout(this.thumbHoverTimer);\n      this.thumbHoverTimer = null;\n    }\n\n    this.thumbLabelsVisible = true;\n  }\n\n  private hideThumbLabels() {\n    if (this.pointerCaptured || !this.thumbLabelsVisible) {\n      return;\n    }\n\n    this.thumbHoverTimer = setTimeout(() => {\n      this.thumbLabelsVisible = false;\n    }, 750);\n  }\n\n  private valueInRange(value: number, min = 0, max = 100) {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  protected valueToFraction(value: number) {\n    return (value - this.min) / (this.max - this.min);\n  }\n\n  private calculateTrackUpdate(mouseX: number): number {\n    if (!this.activeThumb) {\n      return 0;\n    }\n\n    const thumbBoundaries = this.activeThumb.getBoundingClientRect();\n    const thumbCenter = (thumbBoundaries.right - thumbBoundaries.left) / 2;\n    const thumbPositionX = thumbBoundaries.left + thumbCenter;\n\n    const scale = this.getBoundingClientRect().width / (this.max - this.min);\n    const change = this.isLTR\n      ? mouseX - thumbPositionX\n      : thumbPositionX - mouseX;\n\n    if (this.step) {\n      const stepDistance = scale * this.step;\n      const stepDistanceCenter = stepDistance / 2;\n\n      // If the thumb scale range (slider update) is less than a half step,\n      // the position stays the same.\n      const scaleXPositive = Math.abs(change);\n      if (scaleXPositive < stepDistanceCenter) {\n        return 0;\n      }\n\n      return Math.round(change / stepDistance) * this.step;\n    } else {\n      return change / scale;\n    }\n  }\n\n  private updateSlider(mouseX: number) {\n    if (this.disabled) {\n      return;\n    }\n\n    const increment = this.calculateTrackUpdate(mouseX);\n    if (this.activeThumb && increment !== 0) {\n      this.updateValue(increment);\n    }\n  }\n\n  private pointerDown = (event: PointerEvent) => {\n    const thumb = this.closestHandle(event);\n    thumb.focus();\n\n    this.startValue = this.activeValue;\n    this.updateSlider(event.clientX);\n\n    this.setPointerCapture(event.pointerId);\n    this.pointerCaptured = true;\n    this.showThumbLabels();\n    event.preventDefault();\n  };\n\n  private pointerMove = (event: PointerEvent) => {\n    if (this.pointerCaptured) {\n      this.updateSlider(event.clientX);\n    }\n  };\n\n  private lostPointerCapture = () => {\n    this.pointerCaptured = false;\n    this.hideThumbLabels();\n\n    if (this.startValue! !== this.activeValue) {\n      this.emitChangeEvent();\n    }\n    this.startValue = undefined;\n  };\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const { key } = event;\n\n    let increment = 0;\n    const value = this.activeValue;\n    const step = this.step ? this.step : 1;\n\n    switch (key) {\n      case 'ArrowLeft':\n        increment += this.isLTR ? -step : step;\n        break;\n      case 'ArrowRight':\n        increment += this.isLTR ? step : -step;\n        break;\n      case 'ArrowUp':\n        increment = step;\n        break;\n      case 'ArrowDown':\n        increment = -step;\n        break;\n      case 'Home':\n        increment = this.actualMin - value;\n        break;\n      case 'End':\n        increment = this.actualMax - value;\n        break;\n      case 'PageUp':\n        increment = Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      case 'PageDown':\n        increment = -Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      default:\n        return;\n    }\n\n    if (increment) {\n      const updated = this.updateValue(increment);\n      this.showThumbLabels();\n      this.hideThumbLabels();\n\n      if (updated) {\n        this.emitChangeEvent();\n      }\n    }\n  };\n\n  private handleThumbPointerEnter = () => {\n    this.showThumbLabels();\n  };\n\n  private handleThumbPointerLeave = () => {\n    this.hideThumbLabels();\n  };\n\n  protected renderTicks() {\n    const groups = [];\n    for (let i = 0, totalCount = this.totalTickCount(); i < totalCount; i++) {\n      const isPrimary = this.isPrimary(i);\n      groups.push(html`\n        <div part=\"tick-group\">\n          <div part=\"tick\" data-primary=${isPrimary}>\n            ${(isPrimary ? this.hidePrimaryLabels : this.hideSecondaryLabels)\n              ? html``\n              : html`\n                  <div part=\"tick-label\">\n                    <span part=\"tick-label-inner\">\n                      ${this.labels\n                        ? isPrimary\n                          ? this.labels[\n                              Math.round(i / (this.secondaryTicks + 1))\n                            ]\n                          : ''\n                        : this.formatValue(this.tickValue(i))}\n                    </span>\n                  </div>\n                `}\n          </div>\n        </div>\n      `);\n    }\n    return groups;\n  }\n\n  protected renderThumb(value: number, ariaLabel?: string, thumbId?: string) {\n    const percent = `${this.valueToFraction(value) * 100}%`;\n\n    return html`\n      <div\n        part=\"thumb\"\n        id=${ifDefined(thumbId)}\n        tabindex=${this.disabled ? -1 : 0}\n        style=${styleMap({ insetInlineStart: percent })}\n        role=\"slider\"\n        aria-valuemin=${this.actualMin}\n        aria-valuemax=${this.actualMax}\n        aria-valuenow=${value}\n        aria-valuetext=${ifDefined(\n          this.labels\n            ? this.labels[value]\n            : this.valueFormat || this.valueFormatOptions\n            ? this.formatValue(value)\n            : undefined\n        )}\n        aria-label=${ifDefined(ariaLabel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @pointerenter=${this.handleThumbPointerEnter}\n        @pointerleave=${this.handleThumbPointerLeave}\n        @focus=${(ev: Event) => (this.activeThumb = ev.target as HTMLElement)}\n        @blur=${() => (this.activeThumb = undefined)}\n      ></div>\n      ${this.hideTooltip\n        ? html``\n        : html`\n            <div\n              part=\"thumb-label\"\n              style=${styleMap({\n                opacity: this.thumbLabelsVisible ? '1' : '0',\n                insetInlineStart: percent,\n              })}\n            >\n              <div part=\"thumb-label-inner\">\n                ${this.labels ? this.labels[value] : this.formatValue(value)}\n              </div>\n            </div>\n          `}\n    `;\n  }\n\n  private renderSteps() {\n    if (!this.discreteTrack || !this.step) {\n      return html``;\n    }\n\n    const trackRange = this.max - this.min;\n    const interval = ((100 / (trackRange / this.step)) * 10) / 10;\n\n    return html`\n      <div part=\"steps\">\n        <svg width=\"100%\" height=\"100%\" style=\"display: flex\">\n          <line\n            x1=\"0\"\n            y1=\"1\"\n            x2=\"100%\"\n            y2=\"1\"\n            stroke=\"currentColor\"\n            stroke-dasharray=\"1.5px, calc(${interval * Math.sqrt(2)}% - 1.5px)\"\n            stroke-linecap=\"round\"\n            stroke-width=\"2px\"\n          ></line>\n        </svg>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        ${this.tickOrientation === 'mirror' || this.tickOrientation === 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"track\">\n          <div part=\"inactive\"></div>\n          <div part=\"fill\" style=${styleMap(this.getTrackStyle())}></div>\n          ${this.renderSteps()}\n        </div>\n        ${this.tickOrientation !== 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"thumbs\">${this.renderThumbs()}</div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"slider-base.js","sourceRoot":"","sources":["../../../src/components/slider/slider-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EACL,QAAQ,EACR,KAAK,EACL,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAGxE,IAAa,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,UAAU;IAiNpD;QACE,KAAK,EAAE,CAAC;QAvMF,SAAI,GAAG,CAAC,CAAC;QACT,SAAI,GAAG,GAAG,CAAC;QACX,UAAK,GAAG,CAAC,CAAC;QAEV,oBAAe,GAAG,KAAK,CAAC;QAKxB,uBAAkB,GAAG,KAAK,CAAC;QAuF5B,aAAQ,GAAG,KAAK,CAAC;QAOjB,kBAAa,GAAG,KAAK,CAAC;QAMtB,gBAAW,GAAG,KAAK,CAAC;QAqBpB,iBAAY,GAAG,CAAC,CAAC;QAMjB,mBAAc,GAAG,CAAC,CAAC;QAMnB,oBAAe,GAA+B,KAAK,CAAC;QAMpD,sBAAiB,GAAG,KAAK,CAAC;QAM1B,wBAAmB,GAAG,KAAK,CAAC;QAM5B,WAAM,GAAG,IAAI,CAAC;QAkBd,sBAAiB,GAAiB,CAAC,CAAC;QAwNnC,gBAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,KAAK,CAAC,KAAK,EAAE,CAAC;YAEd,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YACnC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAEjC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACxC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;QAEM,gBAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC5C,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAClC;QACH,CAAC,CAAC;QAEM,uBAAkB,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,IAAI,IAAI,CAAC,UAAW,KAAK,IAAI,CAAC,WAAW,EAAE;gBACzC,IAAI,CAAC,eAAe,EAAE,CAAC;aACxB;YACD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC9B,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC/C,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;YAEtB,IAAI,SAAS,GAAG,CAAC,CAAC;YAClB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;YAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAEvC,QAAQ,GAAG,EAAE;gBACX,KAAK,WAAW;oBACd,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;oBACvC,MAAM;gBACR,KAAK,YAAY;oBACf,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBACvC,MAAM;gBACR,KAAK,SAAS;oBACZ,SAAS,GAAG,IAAI,CAAC;oBACjB,MAAM;gBACR,KAAK,WAAW;oBACd,SAAS,GAAG,CAAC,IAAI,CAAC;oBAClB,MAAM;gBACR,KAAK,MAAM;oBACT,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;oBACnC,MAAM;gBACR,KAAK,KAAK;oBACR,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;oBACnC,MAAM;gBACR,KAAK,QAAQ;oBACX,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;oBACnE,MAAM;gBACR,KAAK,UAAU;oBACb,SAAS,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;oBACpE,MAAM;gBACR;oBACE,OAAO;aACV;YAED,IAAI,SAAS,EAAE;gBACb,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBAC5C,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,eAAe,EAAE,CAAC;gBAEvB,IAAI,OAAO,EAAE;oBACX,IAAI,CAAC,eAAe,EAAE,CAAC;iBACxB;aACF;QACH,CAAC,CAAC;QAEM,4BAAuB,GAAG,GAAG,EAAE;YACrC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;QAEM,4BAAuB,GAAG,GAAG,EAAE;YACrC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;QAxRA,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACrE,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACvD,CAAC;IA9LD,IAAW,GAAG,CAAC,KAAa;QAC1B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAElC,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,GAAG,KAAK,EAAE;gBAClE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB;SACF;IACH,CAAC;IAMD,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAW,GAAG,CAAC,KAAa;QAC1B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACzD,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAElC,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,GAAG,KAAK,EAAE;gBAClE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB;SACF;IACH,CAAC;IAMD,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAW,UAAU,CAAC,KAAyB;QAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;QAEhC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SACvE;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;SAC1B;QACD,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IAMD,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,IAAW,UAAU,CAAC,KAAyB;QAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;QAEhC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;SACvE;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;SAC1B;QACD,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IAMD,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAqBD,IAAW,IAAI,CAAC,KAAa;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACrC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC;IAOD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IA6DS,iBAAiB;QACzB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAGS,YAAY;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;YACb,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAClC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;SACf;IACH,CAAC;IAUe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,MAAM;YACT,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM;gBAC7C,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAqB,CAAC;gBACxD,CAAC,CAAC,SAAS,CAAC;IAClB,CAAC;IAGD,IAAc,WAAW;QACvB,OAAO,CAAC,CAAC;IACX,CAAC;IAGS,cAAc,KAAU,CAAC;IAGzB,aAAa;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;IAGS,WAAW,CAAC,UAAkB;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IAGS,YAAY;QACpB,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAGS,cAAc,KAAI,CAAC;IAGnB,eAAe,KAAI,CAAC;IAE9B,IAAY,SAAS;QACnB,OAAO,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ;YACxC,CAAC,CAAE,IAAI,CAAC,UAAqB;YAC7B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;IACf,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ;YACxC,CAAC,CAAE,IAAI,CAAC,UAAqB;YAC7B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;IACf,CAAC;IAED,IAAY,KAAK;QACf,MAAM,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC7C,OAAO,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC;IACxD,CAAC;IAES,aAAa,CAAC,KAAa;QACnC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACjE,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAEpC,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,WAAW,CAAC,KAAa;QAC/B,OAAO,IAAI,CAAC,WAAW;YACrB,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CACtB,KAAK,EACL,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAC3D;YACH,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACjE,CAAC;IAEO,eAAe,CAAC,KAAa;QACnC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,CAAC;IAES,aAAa,CAAC,MAAoB;QAC1C,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAEO,cAAc;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM;YAC9B,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC;gBACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;gBACpB,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,IAAI,CAAC,YAAY,KAAK,CAAC;gBACzB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAEtB,OAAO,YAAY,GAAG,CAAC;YACrB,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,GAAG,YAAY;YACzD,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC;gBACzB,CAAC,CAAC,IAAI,CAAC,cAAc;gBACrB,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAEO,SAAS,CAAC,GAAW;QAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACxC,MAAM,SAAS,GACb,SAAS,GAAG,CAAC;YACX,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QAC1B,MAAM,QAAQ,GAAG,SAAS,GAAG,GAAG,CAAC;QAEjC,OAAO,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAEO,SAAS,CAAC,GAAW;QAC3B,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC;YAC3B,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE;YACrC,OAAO;SACR;QAED,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;SAC7B;QAED,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACjC,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YACpD,OAAO;SACR;QAED,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAClC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAEO,YAAY,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG;QACpD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAC7C,CAAC;IAES,eAAe,CAAC,KAAa;QACrC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC;IAEO,oBAAoB,CAAC,MAAc;QACzC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO,CAAC,CAAC;SACV;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;QACjE,MAAM,WAAW,GAAG,CAAC,eAAe,CAAC,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvE,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,GAAG,WAAW,CAAC;QAE1D,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QACzE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK;YACvB,CAAC,CAAC,MAAM,GAAG,cAAc;YACzB,CAAC,CAAC,cAAc,GAAG,MAAM,CAAC;QAE5B,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;YACvC,MAAM,kBAAkB,GAAG,YAAY,GAAG,CAAC,CAAC;YAI5C,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACxC,IAAI,cAAc,GAAG,kBAAkB,EAAE;gBACvC,OAAO,CAAC,CAAC;aACV;YAED,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;SACtD;aAAM;YACL,OAAO,MAAM,GAAG,KAAK,CAAC;SACvB;IACH,CAAC;IAEO,YAAY,CAAC,MAAc;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;QACpD,IAAI,IAAI,CAAC,WAAW,IAAI,SAAS,KAAK,CAAC,EAAE;YACvC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;SAC7B;IACH,CAAC;IA0FS,WAAW;QACnB,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,EAAE;YACvE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YACpC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAA;;0CAEoB,SAAS;cACrC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC;gBAC/D,CAAC,CAAC,IAAI,CAAA,EAAE;gBACR,CAAC,CAAC,IAAI,CAAA;;;wBAGI,IAAI,CAAC,MAAM;oBACX,CAAC,CAAC,SAAS;wBACT,CAAC,CAAC,IAAI,CAAC,MAAM,CACT,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAC1C;wBACH,CAAC,CAAC,EAAE;oBACN,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;;;iBAG5C;;;OAGV,CAAC,CAAC;SACJ;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,WAAW,CAAC,KAAa,EAAE,SAAkB,EAAE,OAAgB;QACvE,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QAExD,OAAO,IAAI,CAAA;;;aAGF,SAAS,CAAC,OAAO,CAAC;mBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC;;wBAE/B,IAAI,CAAC,SAAS;wBACd,IAAI,CAAC,SAAS;wBACd,KAAK;yBACJ,SAAS,CACxB,IAAI,CAAC,MAAM;YACT,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,kBAAkB;gBAC7C,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;gBACzB,CAAC,CAAC,SAAS,CACd;qBACY,SAAS,CAAC,SAAS,CAAC;wBACjB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;wBAChC,IAAI,CAAC,uBAAuB;wBAC5B,IAAI,CAAC,uBAAuB;iBACnC,CAAC,EAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,MAAqB,CAAC;gBAC7D,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;;QAE5C,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,IAAI,CAAA;;;sBAGQ,QAAQ,CAAC;gBACf,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAC5C,gBAAgB,EAAE,OAAO;aAC1B,CAAC;;;kBAGE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;;WAGjE;KACN,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACrC,OAAO,IAAI,CAAA,EAAE,CAAC;SACf;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACvC,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAE9D,OAAO,IAAI,CAAA;;;;;;;;;4CAS6B,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;;;;;KAM9D,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,eAAe,KAAK,QAAQ,IAAI,IAAI,CAAC,eAAe,KAAK,OAAO;YACrE,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW,EAAE,QAAQ;YACrD,CAAC,CAAC,IAAI,CAAA,EAAE;;;mCAGiB,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACrD,IAAI,CAAC,WAAW,EAAE;;UAEpB,IAAI,CAAC,eAAe,KAAK,OAAO;YAChC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW,EAAE,QAAQ;YACrD,CAAC,CAAC,IAAI,CAAA,EAAE;6BACW,IAAI,CAAC,YAAY,EAAE;4BACpB,IAAI,CAAC,gBAAgB;;KAE5C,CAAC;IACJ,CAAC;CACF,CAAA;AAnmBwB,6BAAM,GAAG,MAAO,CAAA;AAGvC;IADC,KAAK,CAAC,gBAAgB,CAAC;qDACM;AAG9B;IADC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC;6DAClB;AAatC;IADC,KAAK,EAAE;kEAC2B;AAGnC;IADC,KAAK,EAAE;sDACkB;AAkB1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAG1B;AAkBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAG1B;AAiBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDAGpD;AAiBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDAGpD;AAMD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACnB;AAOxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;6DAC5B;AAM7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2DAC5B;AAa3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAG1B;AAMD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;4DAC/B;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;8DAC/B;AAM1B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;+DACe;AAM3D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;iEAC7B;AAMjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;mEAC7B;AAMnC;IADC,QAAQ,EAAE;sDACU;AAMrB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2DACZ;AAM5B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;kEACsB;AAMrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;iEACjC;AAO3C;IALC,KAAK,CAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAC5C,KAAK,CAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAC5C,KAAK,CAAC,YAAY,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IACnD,KAAK,CAAC,YAAY,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IACnD,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;+DAG7C;AAGD;IADC,KAAK,CAAC,QAAQ,CAAC;0DAOf;AA/MU,sBAAsB;IADlC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACnC,sBAAsB,CAomBlC;SApmBY,sBAAsB","sourcesContent":["import { html, LitElement, TemplateResult } 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 { StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming';\nimport { watch } from '../common/decorators';\nimport { styles } from './themes/light/slider.base.css';\nimport { styles as bootstrap } from './themes/light/slider.bootstrap.css';\nimport { styles as fluent } from './themes/light/slider.fluent.css';\nimport { styles as indigo } from './themes/light/slider.indigo.css';\nimport { styles as material } from './themes/light/slider.material.css';\n\n@themes({ material, bootstrap, fluent, indigo })\nexport class IgcSliderBaseComponent extends LitElement {\n  public static override styles = styles;\n\n  @query(`[part='thumb']`)\n  protected thumb!: HTMLElement;\n\n  @queryAssignedElements({ selector: 'igc-slider-label' })\n  private labelElements!: HTMLElement[];\n\n  private _lowerBound?: number;\n  private _upperBound?: number;\n  private _min = 0;\n  private _max = 100;\n  private _step = 1;\n  private startValue?: number;\n  private pointerCaptured = false;\n  private thumbHoverTimer: any;\n  protected activeThumb?: HTMLElement;\n\n  @state()\n  private thumbLabelsVisible = false;\n\n  @state()\n  private labels?: string[];\n\n  public set min(value: number) {\n    if (value < this.max) {\n      const oldVal = this._min;\n      this._min = this.labels ? 0 : value;\n      this.requestUpdate('min', oldVal);\n\n      if (typeof this.lowerBound === 'number' && this.lowerBound < value) {\n        this.lowerBound = value;\n      }\n    }\n  }\n\n  /**\n   * The minimum value of the slider scale. Defaults to 0.\n   */\n  @property({ type: Number })\n  public get min() {\n    return this._min;\n  }\n\n  public set max(value: number) {\n    if (value > this.min) {\n      const oldVal = this._max;\n      this._max = this.labels ? this.labels.length - 1 : value;\n      this.requestUpdate('max', oldVal);\n\n      if (typeof this.upperBound === 'number' && this.upperBound > value) {\n        this.upperBound = value;\n      }\n    }\n  }\n\n  /**\n   * The maximum value of the slider scale. Defaults to 100.\n   */\n  @property({ type: Number })\n  public get max() {\n    return this._max;\n  }\n\n  public set lowerBound(value: number | undefined) {\n    const oldVal = this._lowerBound;\n\n    if (typeof value === 'number') {\n      this._lowerBound = this.valueInRange(value, this.min, this.actualMax);\n    } else {\n      this._lowerBound = value;\n    }\n    this.requestUpdate('lowerBound', oldVal);\n  }\n\n  /**\n   * The lower bound of the slider value. If not set, the `min` value is applied.\n   */\n  @property({ type: Number, attribute: 'lower-bound' })\n  public get lowerBound(): number | undefined {\n    return this._lowerBound;\n  }\n\n  public set upperBound(value: number | undefined) {\n    const oldVal = this._upperBound;\n\n    if (typeof value === 'number') {\n      this._upperBound = this.valueInRange(value, this.actualMin, this.max);\n    } else {\n      this._upperBound = value;\n    }\n    this.requestUpdate('upperBound', oldVal);\n  }\n\n  /**\n   * The upper bound of the slider value. If not set, the `max` value is applied.\n   */\n  @property({ type: Number, attribute: 'upper-bound' })\n  public get upperBound(): number | undefined {\n    return this._upperBound;\n  }\n\n  /**\n   * Disables the UI interactions of the slider.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Marks the slider track as discrete so it displays the steps.\n   * If the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n   */\n  @property({ type: Boolean, attribute: 'discrete-track' })\n  public discreteTrack = false;\n\n  /**\n   * Hides the thumb tooltip.\n   */\n  @property({ type: Boolean, attribute: 'hide-tooltip' })\n  public hideTooltip = false;\n\n  public set step(value: number) {\n    const oldVal = this._step;\n    this._step = this.labels ? 1 : value;\n    this.requestUpdate('step', oldVal);\n  }\n\n  /**\n   * Specifies the granularity that the value must adhere to.\n   * If set to 0 no stepping is implied and any value in the range is allowed.\n   */\n  @property({ type: Number })\n  public get step() {\n    return this._step;\n  }\n\n  /**\n   * The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'primary-ticks' })\n  public primaryTicks = 0;\n\n  /**\n   * The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'secondary-ticks' })\n  public secondaryTicks = 0;\n\n  /**\n   * Changes the orientation of the ticks.\n   */\n  @property({ attribute: 'tick-orientation' })\n  public tickOrientation: 'mirror' | 'start' | 'end' = 'end';\n\n  /**\n   * Hides the primary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-primary-labels' })\n  public hidePrimaryLabels = false;\n\n  /**\n   * Hides the secondary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-secondary-labels' })\n  public hideSecondaryLabels = false;\n\n  /**\n   * The locale used to format the thumb and tick label values in the slider.\n   */\n  @property()\n  public locale = 'en';\n\n  /**\n   * String format used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: 'value-format' })\n  public valueFormat?: string;\n\n  /**\n   * Number format options used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: false })\n  public valueFormatOptions?: Intl.NumberFormatOptions;\n\n  /**\n   * The degrees for the rotation of the tick labels. Defaults to 0.\n   */\n  @property({ type: Number, reflect: true, attribute: 'tick-label-rotation' })\n  public tickLabelRotation: 0 | 90 | -90 = 0;\n\n  @watch('min', { waitUntilFirstUpdate: true })\n  @watch('max', { waitUntilFirstUpdate: true })\n  @watch('lowerBound', { waitUntilFirstUpdate: true })\n  @watch('upperBound', { waitUntilFirstUpdate: true })\n  @watch('step', { waitUntilFirstUpdate: true })\n  protected constraintsChange() {\n    this.normalizeValue();\n  }\n\n  @watch('labels')\n  protected labelsChange() {\n    if (this.labels) {\n      this.min = 0;\n      this.max = this.labels.length - 1;\n      this.step = 1;\n    }\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('pointerdown', this.pointerDown);\n    this.addEventListener('pointermove', this.pointerMove);\n    this.addEventListener('lostpointercapture', this.lostPointerCapture);\n    this.addEventListener('keydown', this.handleKeydown);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.normalizeValue();\n  }\n\n  protected handleSlotChange() {\n    this.labels =\n      this.labelElements && this.labelElements.length\n        ? this.labelElements.map((e) => e.textContent as string)\n        : undefined;\n  }\n\n  /* c8 ignore next 3 */\n  protected get activeValue() {\n    return 0;\n  }\n\n  /* c8 ignore next */\n  protected normalizeValue(): void {}\n\n  /* c8 ignore next 3 */\n  protected getTrackStyle(): StyleInfo {\n    return {};\n  }\n\n  /* c8 ignore next 3 */\n  protected updateValue(_increment: number): boolean {\n    return false;\n  }\n\n  /* c8 ignore next 3 */\n  protected renderThumbs(): TemplateResult<1> {\n    return html``;\n  }\n\n  /* c8 ignore next */\n  protected emitInputEvent() {}\n\n  /* c8 ignore next */\n  protected emitChangeEvent() {}\n\n  private get actualMin(): number {\n    return typeof this.lowerBound === 'number'\n      ? (this.lowerBound as number)\n      : this.min;\n  }\n\n  private get actualMax(): number {\n    return typeof this.upperBound === 'number'\n      ? (this.upperBound as number)\n      : this.max;\n  }\n\n  private get isLTR(): boolean {\n    const styles = window.getComputedStyle(this);\n    return styles.getPropertyValue('direction') === 'ltr';\n  }\n\n  protected validateValue(value: number) {\n    value = this.valueInRange(value, this.actualMin, this.actualMax);\n    value = this.normalizeByStep(value);\n\n    return value;\n  }\n\n  private formatValue(value: number) {\n    return this.valueFormat\n      ? this.valueFormat.replace(\n          '{0}',\n          value.toLocaleString(this.locale, this.valueFormatOptions)\n        )\n      : value.toLocaleString(this.locale, this.valueFormatOptions);\n  }\n\n  private normalizeByStep(value: number) {\n    return this.step ? value - ((value - this.actualMin) % this.step) : value;\n  }\n\n  protected closestHandle(_event: PointerEvent): HTMLElement {\n    return this.thumb;\n  }\n\n  private totalTickCount() {\n    const primaryTicks = this.labels\n      ? this.primaryTicks > 0\n        ? this.labels.length\n        : 0\n      : this.primaryTicks === 1\n      ? 2\n      : this.primaryTicks;\n\n    return primaryTicks > 0\n      ? (primaryTicks - 1) * this.secondaryTicks + primaryTicks\n      : this.secondaryTicks > 0\n      ? this.secondaryTicks\n      : 0;\n  }\n\n  private tickValue(idx: number) {\n    const tickCount = this.totalTickCount();\n    const labelStep =\n      tickCount > 1\n        ? (this.max - this.min) / (tickCount - 1)\n        : this.max - this.min;\n    const labelVal = labelStep * idx;\n\n    return this.min + labelVal;\n  }\n\n  private isPrimary(idx: number) {\n    return this.primaryTicks <= 0\n      ? false\n      : idx % (this.secondaryTicks + 1) === 0;\n  }\n\n  private showThumbLabels() {\n    if (this.disabled || this.hideTooltip) {\n      return;\n    }\n\n    if (this.thumbHoverTimer) {\n      clearTimeout(this.thumbHoverTimer);\n      this.thumbHoverTimer = null;\n    }\n\n    this.thumbLabelsVisible = true;\n  }\n\n  private hideThumbLabels() {\n    if (this.pointerCaptured || !this.thumbLabelsVisible) {\n      return;\n    }\n\n    this.thumbHoverTimer = setTimeout(() => {\n      this.thumbLabelsVisible = false;\n    }, 750);\n  }\n\n  private valueInRange(value: number, min = 0, max = 100) {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  protected valueToFraction(value: number) {\n    return (value - this.min) / (this.max - this.min);\n  }\n\n  private calculateTrackUpdate(mouseX: number): number {\n    if (!this.activeThumb) {\n      return 0;\n    }\n\n    const thumbBoundaries = this.activeThumb.getBoundingClientRect();\n    const thumbCenter = (thumbBoundaries.right - thumbBoundaries.left) / 2;\n    const thumbPositionX = thumbBoundaries.left + thumbCenter;\n\n    const scale = this.getBoundingClientRect().width / (this.max - this.min);\n    const change = this.isLTR\n      ? mouseX - thumbPositionX\n      : thumbPositionX - mouseX;\n\n    if (this.step) {\n      const stepDistance = scale * this.step;\n      const stepDistanceCenter = stepDistance / 2;\n\n      // If the thumb scale range (slider update) is less than a half step,\n      // the position stays the same.\n      const scaleXPositive = Math.abs(change);\n      if (scaleXPositive < stepDistanceCenter) {\n        return 0;\n      }\n\n      return Math.round(change / stepDistance) * this.step;\n    } else {\n      return change / scale;\n    }\n  }\n\n  private updateSlider(mouseX: number) {\n    if (this.disabled) {\n      return;\n    }\n\n    const increment = this.calculateTrackUpdate(mouseX);\n    if (this.activeThumb && increment !== 0) {\n      this.updateValue(increment);\n    }\n  }\n\n  private pointerDown = (event: PointerEvent) => {\n    const thumb = this.closestHandle(event);\n    thumb.focus();\n\n    this.startValue = this.activeValue;\n    this.updateSlider(event.clientX);\n\n    this.setPointerCapture(event.pointerId);\n    this.pointerCaptured = true;\n    this.showThumbLabels();\n    event.preventDefault();\n  };\n\n  private pointerMove = (event: PointerEvent) => {\n    if (this.pointerCaptured) {\n      this.updateSlider(event.clientX);\n    }\n  };\n\n  private lostPointerCapture = () => {\n    this.pointerCaptured = false;\n    this.hideThumbLabels();\n\n    if (this.startValue! !== this.activeValue) {\n      this.emitChangeEvent();\n    }\n    this.startValue = undefined;\n  };\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const { key } = event;\n\n    let increment = 0;\n    const value = this.activeValue;\n    const step = this.step ? this.step : 1;\n\n    switch (key) {\n      case 'ArrowLeft':\n        increment += this.isLTR ? -step : step;\n        break;\n      case 'ArrowRight':\n        increment += this.isLTR ? step : -step;\n        break;\n      case 'ArrowUp':\n        increment = step;\n        break;\n      case 'ArrowDown':\n        increment = -step;\n        break;\n      case 'Home':\n        increment = this.actualMin - value;\n        break;\n      case 'End':\n        increment = this.actualMax - value;\n        break;\n      case 'PageUp':\n        increment = Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      case 'PageDown':\n        increment = -Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      default:\n        return;\n    }\n\n    if (increment) {\n      const updated = this.updateValue(increment);\n      this.showThumbLabels();\n      this.hideThumbLabels();\n\n      if (updated) {\n        this.emitChangeEvent();\n      }\n    }\n  };\n\n  private handleThumbPointerEnter = () => {\n    this.showThumbLabels();\n  };\n\n  private handleThumbPointerLeave = () => {\n    this.hideThumbLabels();\n  };\n\n  protected renderTicks() {\n    const groups = [];\n    for (let i = 0, totalCount = this.totalTickCount(); i < totalCount; i++) {\n      const isPrimary = this.isPrimary(i);\n      groups.push(html`\n        <div part=\"tick-group\">\n          <div part=\"tick\" data-primary=${isPrimary}>\n            ${(isPrimary ? this.hidePrimaryLabels : this.hideSecondaryLabels)\n              ? html``\n              : html`\n                  <div part=\"tick-label\">\n                    <span part=\"tick-label-inner\">\n                      ${this.labels\n                        ? isPrimary\n                          ? this.labels[\n                              Math.round(i / (this.secondaryTicks + 1))\n                            ]\n                          : ''\n                        : this.formatValue(this.tickValue(i))}\n                    </span>\n                  </div>\n                `}\n          </div>\n        </div>\n      `);\n    }\n    return groups;\n  }\n\n  protected renderThumb(value: number, ariaLabel?: string, thumbId?: string) {\n    const percent = `${this.valueToFraction(value) * 100}%`;\n\n    return html`\n      <div\n        part=\"thumb\"\n        id=${ifDefined(thumbId)}\n        tabindex=${this.disabled ? -1 : 0}\n        style=${styleMap({ insetInlineStart: percent })}\n        role=\"slider\"\n        aria-valuemin=${this.actualMin}\n        aria-valuemax=${this.actualMax}\n        aria-valuenow=${value}\n        aria-valuetext=${ifDefined(\n          this.labels\n            ? this.labels[value]\n            : this.valueFormat || this.valueFormatOptions\n            ? this.formatValue(value)\n            : undefined\n        )}\n        aria-label=${ifDefined(ariaLabel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @pointerenter=${this.handleThumbPointerEnter}\n        @pointerleave=${this.handleThumbPointerLeave}\n        @focus=${(ev: Event) => (this.activeThumb = ev.target as HTMLElement)}\n        @blur=${() => (this.activeThumb = undefined)}\n      ></div>\n      ${this.hideTooltip\n        ? html``\n        : html`\n            <div\n              part=\"thumb-label\"\n              style=${styleMap({\n                opacity: this.thumbLabelsVisible ? '1' : '0',\n                insetInlineStart: percent,\n              })}\n            >\n              <div part=\"thumb-label-inner\">\n                ${this.labels ? this.labels[value] : this.formatValue(value)}\n              </div>\n            </div>\n          `}\n    `;\n  }\n\n  private renderSteps() {\n    if (!this.discreteTrack || !this.step) {\n      return html``;\n    }\n\n    const trackRange = this.max - this.min;\n    const interval = ((100 / (trackRange / this.step)) * 10) / 10;\n\n    return html`\n      <div part=\"steps\">\n        <svg width=\"100%\" height=\"100%\" style=\"display: flex\">\n          <line\n            x1=\"0\"\n            y1=\"1\"\n            x2=\"100%\"\n            y2=\"1\"\n            stroke=\"currentColor\"\n            stroke-dasharray=\"1.5px, calc(${interval * Math.sqrt(2)}% - 1.5px)\"\n            stroke-linecap=\"round\"\n            stroke-width=\"2px\"\n          ></line>\n        </svg>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        ${this.tickOrientation === 'mirror' || this.tickOrientation === 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"track\">\n          <div part=\"inactive\"></div>\n          <div part=\"fill\" style=${styleMap(this.getTrackStyle())}></div>\n          ${this.renderSteps()}\n        </div>\n        ${this.tickOrientation !== 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"thumbs\">${this.renderThumbs()}</div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -4,3 +4,8 @@ export default class IgcSliderLabelComponent extends LitElement {
     static readonly tagName = "igc-slider-label";
     protected createRenderRoot(): this;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-slider-label': IgcSliderLabelComponent;
+    }
+}

package/components/slider/slider-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-label.js","sourceRoot":"","sources":["../../../src/components/slider/slider-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;IAS1C,gBAAgB;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;;AAVsB,8BAAM,GAAG,GAAG,CAAA;;;;GAIlC,CAAC;AAEqB,+BAAO,GAAG,kBAAkB,CAAC","sourcesContent":["import { css, LitElement } from 'lit';\n\nexport default class IgcSliderLabelComponent extends LitElement {\n  public static override styles = css`\n    :host {\n      display: none;\n    }\n  `;\n\n  public static readonly tagName = 'igc-slider-label';\n\n  protected override createRenderRoot() {\n    return this;\n  }\n}\n"]}
+{"version":3,"file":"slider-label.js","sourceRoot":"","sources":["../../../src/components/slider/slider-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;IAS1C,gBAAgB;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;;AAVsB,8BAAM,GAAG,GAAG,CAAA;;;;GAIlC,CAAC;AAEqB,+BAAO,GAAG,kBAAkB,CAAC","sourcesContent":["import { css, LitElement } from 'lit';\n\nexport default class IgcSliderLabelComponent extends LitElement {\n  public static override styles = css`\n    :host {\n      display: none;\n    }\n  `;\n\n  public static readonly tagName = 'igc-slider-label';\n\n  protected override createRenderRoot() {\n    return this;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-slider-label': IgcSliderLabelComponent;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.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/slider/themes/dark/slider.fluent.css.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.fluent.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/slider/themes/dark/slider.indigo.css.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.indigo.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/slider/themes/light/slider.base.css.d.ts

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

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

@@ -0,0 +1,3 @@
+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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block}slot{display:none}[part=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--igc-font-family)}[part=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*2rem,2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;background:hsla(var(--igc-secondary-500), 0.24);-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.125rem;color:#fff;opacity:.85;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:.125rem}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{background:hsla(var(--igc-gray-500), var(--igc-gray-a));height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{color:hsla(var(--igc-gray-500), var(--igc-gray-a));position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem;color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=thumb-label-inner]::after{content:"";position:absolute;top:85%;border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([tick-label-rotation="0"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation="-90"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=fill],:host([disabled]) [part=tick]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=tick-label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]:focus::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}:host([disabled]):hover [part=inactive]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]):hover [part=thumb]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+//# sourceMappingURL=slider.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6qMAA6qM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block}slot{display:none}[part=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--igc-font-family)}[part=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*2rem,2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;background:hsla(var(--igc-secondary-500), 0.24);-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.125rem;color:#fff;opacity:.85;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:.125rem}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{background:hsla(var(--igc-gray-500), var(--igc-gray-a));height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{color:hsla(var(--igc-gray-500), var(--igc-gray-a));position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem;color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=thumb-label-inner]::after{content:\"\";position:absolute;top:85%;border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([tick-label-rotation=\"0\"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation=\"-90\"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=fill],:host([disabled]) [part=tick]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=tick-label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]:focus::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}:host([disabled]):hover [part=inactive]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]):hover [part=thumb]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=track],[part=inactive]{height:.5rem}[part=fill]{display:none}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-secondary-500), 0.24))}[part=steps]{top:.1875rem}[part=thumb]{width:1rem;height:1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));top:calc((1rem - calc(1rem / 2))*-1);-webkit-margin-start:calc((1rem - calc(1rem / 2))*-1);margin-inline-start:calc((1rem - calc(1rem / 2))*-1)}[part=thumb]:focus{border:.0625rem solid hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}`;
+//# sourceMappingURL=slider.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2qBAA2qB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track],[part=inactive]{height:.5rem}[part=fill]{display:none}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-secondary-500), 0.24))}[part=steps]{top:.1875rem}[part=thumb]{width:1rem;height:1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));top:calc((1rem - calc(1rem / 2))*-1);-webkit-margin-start:calc((1rem - calc(1rem / 2))*-1);margin-inline-start:calc((1rem - calc(1rem / 2))*-1)}[part=thumb]:focus{border:.0625rem solid hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host(:hover) [part=inactive]{background:hsla(var(--igc-primary-500), 0.32)}:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part=steps]{top:.0625rem}[part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}:host([disabled]) [part=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;
+//# sourceMappingURL=slider.fluent.css.js.map