igniteui-webcomponents 4.5.0 → 4.6.0

package/components/toast/toast.js

@@ -4,97 +4,28 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 } from 'lit';
-import { property } from 'lit/decorators.js';
+import { html } from 'lit';
+import { all } from './themes/themes.js';
+import { styles } from './themes/toast.base.css.js';
 import { AnimationPlayer } from '../../animations/player.js';
-import { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { styles } from './themes/light/toast.base.css.js';
-import { styles as bootstrap } from './themes/light/toast.bootstrap.css.js';
-import { styles as fluent } from './themes/light/toast.fluent.css.js';
-import { styles as indigo, styles as material, } from './themes/light/toast.indigo.css.js';
-let IgcToastComponent = class IgcToastComponent extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.open = false;
-        this.displayTime = 4000;
-        this.keepOpen = false;
-        this.position = 'bottom';
-    }
+import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
+let IgcToastComponent = class IgcToastComponent extends IgcBaseAlertLikeComponent {
     static register() {
         registerComponent(this);
     }
     firstUpdated() {
-        this.animationPlayer = new AnimationPlayer(this);
-    }
-    async toggleAnimation(dir) {
-        const animation = dir === 'open' ? fadeIn : fadeOut;
-        const [_, event] = await Promise.all([
-            this.animationPlayer.stopAll(),
-            this.animationPlayer.play(animation()),
-        ]);
-        return event.type === 'finish';
-    }
-    async hide() {
-        if (this.open) {
-            await this.toggleAnimation('close');
-            this.open = false;
-        }
-    }
-    show() {
-        window.clearTimeout(this.displayTimeout);
-        if (!this.open) {
-            this.toggleAnimation('open');
-            this.open = true;
-        }
-        if (this.keepOpen === false) {
-            this.displayTimeout = setTimeout(async () => {
-                await this.toggleAnimation('close');
-                this.open = false;
-            }, this.displayTime);
-        }
-    }
-    toggle() {
-        if (this.open) {
-            this.hide();
-        }
-        else {
-            this.show();
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'alert');
-        }
-        if (!this.hasAttribute('aria-live')) {
-            this.setAttribute('aria-live', 'polite');
-        }
+        this._animationPlayer = new AnimationPlayer(this);
     }
     render() {
-        return html `<slot></slot>`;
+        return html `<slot .inert=${!this.open}></slot>`;
     }
 };
 IgcToastComponent.tagName = 'igc-toast';
 IgcToastComponent.styles = [styles];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IgcToastComponent.prototype, "open", void 0);
-__decorate([
-    property({ type: Number, reflect: false, attribute: 'display-time' })
-], IgcToastComponent.prototype, "displayTime", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: 'keep-open' })
-], IgcToastComponent.prototype, "keepOpen", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'position' })
-], IgcToastComponent.prototype, "position", void 0);
 IgcToastComponent = __decorate([
-    themes({
-        light: { bootstrap, fluent, indigo, material },
-        dark: { bootstrap, fluent, indigo, material },
-    })
+    themes(all)
 ], IgcToastComponent);
 export default IgcToastComponent;
 //# sourceMappingURL=toast.js.map

package/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { AnimationPlayer } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/light/toast.base.css.js';\nimport { styles as bootstrap } from './themes/light/toast.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/toast.fluent.css.js';\nimport {\n  styles as indigo,\n  styles as material,\n} from './themes/light/toast.indigo.css.js';\n\n/**\n * A toast component is used to show a notification\n *\n * @element igc-toast\n *\n * @csspart base - The base wrapper of the toast.\n */\n@themes({\n  light: { bootstrap, fluent, indigo, material },\n  dark: { bootstrap, fluent, indigo, material },\n})\nexport default class IgcToastComponent extends LitElement {\n  public static readonly tagName = 'igc-toast';\n  public static override styles = [styles];\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  private displayTimeout!: ReturnType<typeof setTimeout>;\n  private animationPlayer!: AnimationPlayer;\n\n  /**\n   * Determines whether the toast is opened.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the time after which the toast will close\n   * @attr display-time\n   */\n  @property({ type: Number, reflect: false, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the toast is closed automatically or not.\n   * @attr keep-open\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the toast.\n   * @attr position\n   */\n  @property({ reflect: true, attribute: 'position' })\n  public position: 'bottom' | 'middle' | 'top' = 'bottom';\n\n  protected override firstUpdated() {\n    this.animationPlayer = new AnimationPlayer(this);\n  }\n\n  private async toggleAnimation(dir: 'open' | 'close') {\n    const animation = dir === 'open' ? fadeIn : fadeOut;\n\n    const [_, event] = await Promise.all([\n      this.animationPlayer.stopAll(),\n      this.animationPlayer.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  /** Closes the toast. */\n  public async hide() {\n    if (this.open) {\n      await this.toggleAnimation('close');\n      this.open = false;\n    }\n  }\n\n  /** Opens the toast. */\n  public show() {\n    window.clearTimeout(this.displayTimeout);\n\n    if (!this.open) {\n      this.toggleAnimation('open');\n      this.open = true;\n    }\n\n    if (this.keepOpen === false) {\n      this.displayTimeout = setTimeout(async () => {\n        await this.toggleAnimation('close');\n        this.open = false;\n      }, this.displayTime);\n    }\n  }\n\n  /** Toggles the open state of the toast. */\n  public toggle() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alert');\n    }\n    if (!this.hasAttribute('aria-live')) {\n      this.setAttribute('aria-live', 'polite');\n    }\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toast': IgcToastComponent;\n  }\n}\n"]}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAUvD,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,yBAAyB;IAI/D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,YAAY;QAC7B,IAAI,CAAC,gBAAgB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;IAClD,CAAC;;AAbsB,yBAAO,GAAG,WAAW,AAAd,CAAe;AACtB,wBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAFtB,iBAAiB;IADrC,MAAM,CAAC,GAAG,CAAC;GACS,iBAAiB,CAerC;eAfoB,iBAAiB","sourcesContent":["import { html } from 'lit';\n\nimport { all } from './themes/themes.js';\nimport { styles } from './themes/toast.base.css.js';\nimport { AnimationPlayer } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';\n\n/**\n * A toast component is used to show a notification\n *\n * @element igc-toast\n *\n * @csspart base - The base wrapper of the toast.\n */\n@themes(all)\nexport default class IgcToastComponent extends IgcBaseAlertLikeComponent {\n  public static readonly tagName = 'igc-toast';\n  public static override styles = [styles];\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override firstUpdated() {\n    this._animationPlayer = new AnimationPlayer(this);\n  }\n\n  protected override render() {\n    return html`<slot .inert=${!this.open}></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toast': IgcToastComponent;\n  }\n}\n"]}

package/components/toggle/toggle.controller.d.ts

@@ -1,6 +1,6 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { IgcToggleDirective } from './toggle.directive.js';
 import type { DirectiveResult } from 'lit/directive';
+import { IgcToggleDirective } from './toggle.directive.js';
 import type { IgcToggleComponent } from './types.js';
 type ToggleHost = ReactiveControllerHost & IgcToggleComponent & HTMLElement;
 /**

package/components/toggle/toggle.controller.js

@@ -18,14 +18,15 @@ export class IgcToggleController {
         this.initialScrollLeft = 0;
         this._abortController = new AbortController();
         this.blockScroll = (event) => {
-            var _a, _b, _c, _d;
             event.preventDefault();
             if (!this.sourceElement || this.sourceElement !== event.target) {
                 this.sourceElement = event.target;
                 this.initialScrollTop =
-                    (_a = this.sourceElement.scrollTop) !== null && _a !== void 0 ? _a : (_b = this.sourceElement.firstElementChild) === null || _b === void 0 ? void 0 : _b.scrollTop;
+                    this.sourceElement.scrollTop ??
+                        this.sourceElement.firstElementChild?.scrollTop;
                 this.initialScrollLeft =
-                    (_c = this.sourceElement.scrollLeft) !== null && _c !== void 0 ? _c : (_d = this.sourceElement.firstElementChild) === null || _d === void 0 ? void 0 : _d.scrollLeft;
+                    this.sourceElement.scrollLeft ??
+                        this.sourceElement.firstElementChild?.scrollLeft;
             }
             this.sourceElement.scrollTop = this.initialScrollTop;
             this.sourceElement.scrollLeft = this.initialScrollLeft;
@@ -56,10 +57,10 @@ export class IgcToggleController {
             }
         };
         (this.host = host).addController(this);
-        if (config === null || config === void 0 ? void 0 : config.target) {
+        if (config?.target) {
             this._target = config.target;
         }
-        if (config === null || config === void 0 ? void 0 : config.closeCallback) {
+        if (config?.closeCallback) {
             this._hide = config.closeCallback;
         }
         this.update();

package/components/toggle/toggle.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.controller.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { igcToggle, IgcToggleDirective } from './toggle.directive.js';\nimport type { DirectiveResult } from 'lit/directive';\nimport type { IgcToggleComponent } from './types.js';\n\ntype ToggleHost = ReactiveControllerHost & IgcToggleComponent & HTMLElement;\n\n/**\n * Toggle controller configuration\n */\ninterface ToggleControllerConfig {\n  /** The element, relative to which, the toggle will be positioned. */\n  target?: HTMLElement;\n  /**\n   * The function to call when closing the toggle element from an user interaction (scroll, click).\n   */\n  closeCallback?: Function;\n}\n\n/* blazorSuppress */\n/**\n * Controller, bundling the creation of a toggle directive and handling global events,\n * related to the configuration of togglable components.\n */\nexport class IgcToggleController implements ReactiveController {\n  private host: IgcToggleComponent & HTMLElement;\n  private sourceElement?: Element;\n  private initialScrollTop = 0;\n  private initialScrollLeft = 0;\n  private _target!: HTMLElement;\n  private _hide?: Function;\n  private _abortController = new AbortController();\n\n  /**\n   *  Abort controller used to clean up document level event listeners\n   *  See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#add_an_abortable_listener\n   */\n  protected get abortController() {\n    if (this._abortController.signal.aborted) {\n      this._abortController = new AbortController();\n    }\n    return this._abortController;\n  }\n\n  /** The directive that marks the toggle. */\n  public toggleDirective!: DirectiveResult<typeof IgcToggleDirective>;\n  public rendered!: Promise<void>;\n\n  public set target(value: HTMLElement) {\n    this._target = value;\n    this.update();\n  }\n\n  /** The element, relative to which, the toggle will be positioned. */\n  public get target() {\n    return this._target;\n  }\n\n  constructor(host: ToggleHost, config?: ToggleControllerConfig) {\n    (this.host = host).addController(this);\n\n    if (config?.target) {\n      this._target = config.target;\n    }\n\n    if (config?.closeCallback) {\n      this._hide = config.closeCallback;\n    }\n\n    this.update();\n  }\n\n  public hostDisconnected() {\n    this.abortController.abort();\n  }\n\n  public update() {\n    this.toggleDirective = igcToggle(this.target, this.host, this);\n    this.configureListeners();\n  }\n\n  protected hide() {\n    this._hide ? this._hide() : this.host.hide();\n  }\n\n  private addEventListeners() {\n    const options: AddEventListenerOptions = {\n      capture: true,\n      signal: this.abortController.signal,\n    };\n\n    if (!this.host.keepOpenOnOutsideClick) {\n      document.addEventListener('click', this.documentClicked, options);\n    }\n\n    document.addEventListener('scroll', this.handleScroll, options);\n  }\n\n  private configureListeners() {\n    this.host.open ? this.addEventListeners() : this.abortController.abort();\n  }\n\n  private blockScroll = (event: Event) => {\n    event.preventDefault();\n    if (!this.sourceElement || this.sourceElement !== event.target) {\n      this.sourceElement = event.target as Element;\n      this.initialScrollTop =\n        this.sourceElement.scrollTop ??\n        this.sourceElement.firstElementChild?.scrollTop;\n      this.initialScrollLeft =\n        this.sourceElement.scrollLeft ??\n        this.sourceElement.firstElementChild?.scrollLeft;\n    }\n\n    this.sourceElement.scrollTop = this.initialScrollTop;\n    this.sourceElement.scrollLeft = this.initialScrollLeft;\n    if (this.sourceElement.firstElementChild) {\n      this.sourceElement.firstElementChild.scrollTop = this.initialScrollTop;\n      this.sourceElement.firstElementChild.scrollLeft = this.initialScrollLeft;\n    }\n  };\n\n  /** The document's click event handler to override in the host component if necessary. */\n  private documentClicked = (event: MouseEvent) => {\n    if (!this.host.keepOpenOnOutsideClick) {\n      const tree = event.composed ? event.composedPath() : [event.target];\n\n      if (tree.includes(this.host) || tree.includes(this.target)) {\n        return;\n      }\n\n      this.hide();\n    }\n  };\n\n  /** The document's scroll event handler to override in the host component if necessary. */\n  private handleScroll = (event: Event) => {\n    switch (this.host.scrollStrategy) {\n      case 'scroll':\n        break;\n      case 'block':\n        this.blockScroll(event);\n        break;\n      case 'close':\n        this.hide();\n        break;\n    }\n  };\n}\n"]}
+{"version":3,"file":"toggle.controller.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { DirectiveResult } from 'lit/directive';\n\nimport { IgcToggleDirective, igcToggle } from './toggle.directive.js';\nimport type { IgcToggleComponent } from './types.js';\n\ntype ToggleHost = ReactiveControllerHost & IgcToggleComponent & HTMLElement;\n\n/**\n * Toggle controller configuration\n */\ninterface ToggleControllerConfig {\n  /** The element, relative to which, the toggle will be positioned. */\n  target?: HTMLElement;\n  /**\n   * The function to call when closing the toggle element from an user interaction (scroll, click).\n   */\n  closeCallback?: Function;\n}\n\n/* blazorSuppress */\n/**\n * Controller, bundling the creation of a toggle directive and handling global events,\n * related to the configuration of togglable components.\n */\nexport class IgcToggleController implements ReactiveController {\n  private host: IgcToggleComponent & HTMLElement;\n  private sourceElement?: Element;\n  private initialScrollTop = 0;\n  private initialScrollLeft = 0;\n  private _target!: HTMLElement;\n  private _hide?: Function;\n  private _abortController = new AbortController();\n\n  /**\n   *  Abort controller used to clean up document level event listeners\n   *  See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#add_an_abortable_listener\n   */\n  protected get abortController() {\n    if (this._abortController.signal.aborted) {\n      this._abortController = new AbortController();\n    }\n    return this._abortController;\n  }\n\n  /** The directive that marks the toggle. */\n  public toggleDirective!: DirectiveResult<typeof IgcToggleDirective>;\n  public rendered!: Promise<void>;\n\n  public set target(value: HTMLElement) {\n    this._target = value;\n    this.update();\n  }\n\n  /** The element, relative to which, the toggle will be positioned. */\n  public get target() {\n    return this._target;\n  }\n\n  constructor(host: ToggleHost, config?: ToggleControllerConfig) {\n    (this.host = host).addController(this);\n\n    if (config?.target) {\n      this._target = config.target;\n    }\n\n    if (config?.closeCallback) {\n      this._hide = config.closeCallback;\n    }\n\n    this.update();\n  }\n\n  public hostDisconnected() {\n    this.abortController.abort();\n  }\n\n  public update() {\n    this.toggleDirective = igcToggle(this.target, this.host, this);\n    this.configureListeners();\n  }\n\n  protected hide() {\n    this._hide ? this._hide() : this.host.hide();\n  }\n\n  private addEventListeners() {\n    const options: AddEventListenerOptions = {\n      capture: true,\n      signal: this.abortController.signal,\n    };\n\n    if (!this.host.keepOpenOnOutsideClick) {\n      document.addEventListener('click', this.documentClicked, options);\n    }\n\n    document.addEventListener('scroll', this.handleScroll, options);\n  }\n\n  private configureListeners() {\n    this.host.open ? this.addEventListeners() : this.abortController.abort();\n  }\n\n  private blockScroll = (event: Event) => {\n    event.preventDefault();\n    if (!this.sourceElement || this.sourceElement !== event.target) {\n      this.sourceElement = event.target as Element;\n      this.initialScrollTop =\n        this.sourceElement.scrollTop ??\n        this.sourceElement.firstElementChild?.scrollTop;\n      this.initialScrollLeft =\n        this.sourceElement.scrollLeft ??\n        this.sourceElement.firstElementChild?.scrollLeft;\n    }\n\n    this.sourceElement.scrollTop = this.initialScrollTop;\n    this.sourceElement.scrollLeft = this.initialScrollLeft;\n    if (this.sourceElement.firstElementChild) {\n      this.sourceElement.firstElementChild.scrollTop = this.initialScrollTop;\n      this.sourceElement.firstElementChild.scrollLeft = this.initialScrollLeft;\n    }\n  };\n\n  /** The document's click event handler to override in the host component if necessary. */\n  private documentClicked = (event: MouseEvent) => {\n    if (!this.host.keepOpenOnOutsideClick) {\n      const tree = event.composed ? event.composedPath() : [event.target];\n\n      if (tree.includes(this.host) || tree.includes(this.target)) {\n        return;\n      }\n\n      this.hide();\n    }\n  };\n\n  /** The document's scroll event handler to override in the host component if necessary. */\n  private handleScroll = (event: Event) => {\n    switch (this.host.scrollStrategy) {\n      case 'scroll':\n        break;\n      case 'block':\n        this.blockScroll(event);\n        break;\n      case 'close':\n        this.hide();\n        break;\n    }\n  };\n}\n"]}

package/components/toggle/toggle.directive.d.ts

@@ -1,6 +1,6 @@
 import { Directive, PartInfo } from 'lit/directive.js';
-import type { IgcToggleOptions } from './types.js';
 import type { IgcToggleController } from './toggle.controller.js';
+import type { IgcToggleOptions } from './types.js';
 export declare class IgcToggleDirective extends Directive {
     private part;
     private _floatingElement;

package/components/toggle/toggle.directive.js

@@ -1,6 +1,6 @@
-import { computePosition, flip, offset, shift, size, autoUpdate, } from '@floating-ui/dom';
-import { directive, Directive, PartType, } from 'lit/directive.js';
+import { autoUpdate, computePosition, flip, offset, shift, size, } from '@floating-ui/dom';
 import { noChange } from 'lit';
+import { Directive, PartType, directive, } from 'lit/directive.js';
 export class IgcToggleDirective extends Directive {
     get floatingElement() {
         if (!this._floatingElement) {
@@ -60,15 +60,14 @@ export class IgcToggleDirective extends Directive {
     constructor(partInfo) {
         super(partInfo);
         this.reposition = () => {
-            var _a, _b;
             if (!this.target) {
                 this.dispose();
                 this.notifyController(Promise.resolve());
                 return noChange;
             }
             const config = {
-                placement: (_a = this.options.placement) !== null && _a !== void 0 ? _a : 'bottom-start',
-                strategy: (_b = this.options.positionStrategy) !== null && _b !== void 0 ? _b : 'absolute',
+                placement: this.options.placement ?? 'bottom-start',
+                strategy: this.options.positionStrategy ?? 'absolute',
                 middleware: this.createMiddleware(this.options),
             };
             const promise = computePosition(this.target, this.floatingElement, config).then(({ x, y }) => {

package/components/toggle/toggle.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.directive.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  Middleware,\n  autoUpdate,\n  ComputePositionConfig,\n} from '@floating-ui/dom';\nimport {\n  directive,\n  Directive,\n  PartInfo,\n  ElementPart,\n  PartType,\n} from 'lit/directive.js';\nimport { noChange } from 'lit';\nimport type { IgcToggleOptions } from './types.js';\nimport type { IgcToggleController } from './toggle.controller.js';\n\n/* blazorSuppressComponent */\nexport class IgcToggleDirective extends Directive {\n  private part: PartInfo;\n\n  private _floatingElement!: HTMLElement;\n  private _dispose!: Function;\n\n  private target!: HTMLElement;\n  private options!: IgcToggleOptions;\n  private controller?: IgcToggleController;\n\n  private get floatingElement() {\n    if (!this._floatingElement) {\n      this._floatingElement = (this.part as ElementPart).element as HTMLElement;\n    }\n\n    Object.assign(this._floatingElement.style, {\n      display: this.options.open ? '' : 'none',\n    });\n\n    return this._floatingElement;\n  }\n\n  private dispose() {\n    if (this._dispose) {\n      this._dispose();\n    }\n  }\n\n  private notifyController(promise: Promise<void>) {\n    if (this.controller) {\n      this.controller.rendered = promise;\n    }\n  }\n\n  private updatePosition() {\n    this.dispose();\n\n    if (!this.floatingElement || !this.target || !this.options.open) {\n      return noChange;\n    }\n\n    this._dispose = autoUpdate(\n      this.target,\n      this.floatingElement,\n      this.reposition\n    );\n\n    return noChange;\n  }\n\n  private reposition = () => {\n    if (!this.target) {\n      this.dispose();\n      this.notifyController(Promise.resolve());\n      return noChange;\n    }\n\n    const config: Partial<ComputePositionConfig> = {\n      placement: this.options.placement ?? 'bottom-start',\n      strategy: this.options.positionStrategy ?? 'absolute',\n      middleware: this.createMiddleware(this.options),\n    };\n\n    const promise = computePosition(\n      this.target,\n      this.floatingElement,\n      config\n    ).then(({ x, y }) => {\n      Object.assign(this.floatingElement.style, {\n        left: 0,\n        top: 0,\n        transform: `translate(${x}px,${y}px)`,\n      });\n    });\n\n    this.notifyController(promise);\n    return noChange;\n  };\n\n  private createMiddleware(options: IgcToggleOptions) {\n    const middleware: Middleware[] = [];\n    const { style: floatingStyles } = this._floatingElement;\n\n    if (options.distance) {\n      middleware.push(\n        offset({\n          mainAxis: options.distance,\n        })\n      );\n    }\n\n    if (options.flip) {\n      middleware.push(flip());\n    }\n\n    middleware.push(\n      shift({\n        mainAxis: true,\n      })\n    );\n\n    if (options.sameWidth) {\n      middleware.push(\n        size({\n          apply: ({ rects }) => {\n            Object.assign(floatingStyles, {\n              width: `${rects.reference.width}px`,\n            });\n          },\n        })\n      );\n    } else {\n      // Reset previously applied `same-width` styles\n      Object.assign(floatingStyles, { width: '' });\n    }\n\n    return middleware;\n  }\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    this.part = partInfo;\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new Error(\n        'The `igcToggle` directive must be attached to an element tag.'\n      );\n    }\n  }\n\n  public render(\n    target: HTMLElement,\n    options: IgcToggleOptions,\n    controller?: IgcToggleController\n  ) {\n    Object.assign(this, { target, options, controller });\n    return this.updatePosition();\n  }\n}\n\nexport const igcToggle = directive(IgcToggleDirective);\n"]}
+{"version":3,"file":"toggle.directive.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,eAAe,EACf,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EACL,SAAS,EAGT,QAAQ,EACR,SAAS,GACV,MAAM,kBAAkB,CAAC;AAM1B,MAAM,OAAO,kBAAmB,SAAQ,SAAS;IAU/C,IAAY,eAAe;QACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAI,CAAC,gBAAgB,GAAI,IAAI,CAAC,IAAoB,CAAC,OAAsB,CAAC;SAC3E;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE;YACzC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;SACzC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAEO,OAAO;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAEO,gBAAgB,CAAC,OAAsB;QAC7C,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,OAAO,CAAC;SACpC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,OAAO,EAAE,CAAC;QAEf,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YAC/D,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,CAAC,QAAQ,GAAG,UAAU,CACxB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,eAAe,EACpB,IAAI,CAAC,UAAU,CAChB,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC;IA+BO,gBAAgB,CAAC,OAAyB;QAChD,MAAM,UAAU,GAAiB,EAAE,CAAC;QACpC,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAExD,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,UAAU,CAAC,IAAI,CACb,MAAM,CAAC;gBACL,QAAQ,EAAE,OAAO,CAAC,QAAQ;aAC3B,CAAC,CACH,CAAC;SACH;QAED,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SACzB;QAED,UAAU,CAAC,IAAI,CACb,KAAK,CAAC;YACJ,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;QAEF,IAAI,OAAO,CAAC,SAAS,EAAE;YACrB,UAAU,CAAC,IAAI,CACb,IAAI,CAAC;gBACH,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;oBACnB,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;wBAC5B,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI;qBACpC,CAAC,CAAC;gBACL,CAAC;aACF,CAAC,CACH,CAAC;SACH;aAAM;YAEL,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;SAC9C;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,YAAY,QAAkB;QAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAtEV,eAAU,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBAChB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;gBACzC,OAAO,QAAQ,CAAC;aACjB;YAED,MAAM,MAAM,GAAmC;gBAC7C,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,cAAc;gBACnD,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,IAAI,UAAU;gBACrD,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC;aAChD,CAAC;YAEF,MAAM,OAAO,GAAG,eAAe,CAC7B,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,eAAe,EACpB,MAAM,CACP,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;gBAClB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;oBACxC,IAAI,EAAE,CAAC;oBACP,GAAG,EAAE,CAAC;oBACN,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK;iBACtC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YAC/B,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;QA4CA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,EAAE;YACtC,MAAM,IAAI,KAAK,CACb,+DAA+D,CAChE,CAAC;SACH;IACH,CAAC;IAEM,MAAM,CACX,MAAmB,EACnB,OAAyB,EACzB,UAAgC;QAEhC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;IAC/B,CAAC;CACF;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import {\n  ComputePositionConfig,\n  Middleware,\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { noChange } from 'lit';\nimport {\n  Directive,\n  ElementPart,\n  PartInfo,\n  PartType,\n  directive,\n} from 'lit/directive.js';\n\nimport type { IgcToggleController } from './toggle.controller.js';\nimport type { IgcToggleOptions } from './types.js';\n\n/* blazorSuppressComponent */\nexport class IgcToggleDirective extends Directive {\n  private part: PartInfo;\n\n  private _floatingElement!: HTMLElement;\n  private _dispose!: Function;\n\n  private target!: HTMLElement;\n  private options!: IgcToggleOptions;\n  private controller?: IgcToggleController;\n\n  private get floatingElement() {\n    if (!this._floatingElement) {\n      this._floatingElement = (this.part as ElementPart).element as HTMLElement;\n    }\n\n    Object.assign(this._floatingElement.style, {\n      display: this.options.open ? '' : 'none',\n    });\n\n    return this._floatingElement;\n  }\n\n  private dispose() {\n    if (this._dispose) {\n      this._dispose();\n    }\n  }\n\n  private notifyController(promise: Promise<void>) {\n    if (this.controller) {\n      this.controller.rendered = promise;\n    }\n  }\n\n  private updatePosition() {\n    this.dispose();\n\n    if (!this.floatingElement || !this.target || !this.options.open) {\n      return noChange;\n    }\n\n    this._dispose = autoUpdate(\n      this.target,\n      this.floatingElement,\n      this.reposition\n    );\n\n    return noChange;\n  }\n\n  private reposition = () => {\n    if (!this.target) {\n      this.dispose();\n      this.notifyController(Promise.resolve());\n      return noChange;\n    }\n\n    const config: Partial<ComputePositionConfig> = {\n      placement: this.options.placement ?? 'bottom-start',\n      strategy: this.options.positionStrategy ?? 'absolute',\n      middleware: this.createMiddleware(this.options),\n    };\n\n    const promise = computePosition(\n      this.target,\n      this.floatingElement,\n      config\n    ).then(({ x, y }) => {\n      Object.assign(this.floatingElement.style, {\n        left: 0,\n        top: 0,\n        transform: `translate(${x}px,${y}px)`,\n      });\n    });\n\n    this.notifyController(promise);\n    return noChange;\n  };\n\n  private createMiddleware(options: IgcToggleOptions) {\n    const middleware: Middleware[] = [];\n    const { style: floatingStyles } = this._floatingElement;\n\n    if (options.distance) {\n      middleware.push(\n        offset({\n          mainAxis: options.distance,\n        })\n      );\n    }\n\n    if (options.flip) {\n      middleware.push(flip());\n    }\n\n    middleware.push(\n      shift({\n        mainAxis: true,\n      })\n    );\n\n    if (options.sameWidth) {\n      middleware.push(\n        size({\n          apply: ({ rects }) => {\n            Object.assign(floatingStyles, {\n              width: `${rects.reference.width}px`,\n            });\n          },\n        })\n      );\n    } else {\n      // Reset previously applied `same-width` styles\n      Object.assign(floatingStyles, { width: '' });\n    }\n\n    return middleware;\n  }\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    this.part = partInfo;\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new Error(\n        'The `igcToggle` directive must be attached to an element tag.'\n      );\n    }\n  }\n\n  public render(\n    target: HTMLElement,\n    options: IgcToggleOptions,\n    controller?: IgcToggleController\n  ) {\n    Object.assign(this, { target, options, controller });\n    return this.updatePosition();\n  }\n}\n\nexport const igcToggle = directive(IgcToggleDirective);\n"]}

package/components/toggle/types.d.ts

@@ -47,4 +47,5 @@ export interface IgcToggleComponent extends IgcToggleOptions {
 /**
  * Describes the preferred placement of a toggle component.
  */
-export type IgcPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+type IgcPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+export {};

package/components/toggle/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/toggle/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Common events interface for toggle components\n */\nexport interface IgcToggleEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n/**\n * Interface describing the options for toggle components' configuration.\n */\nexport interface IgcToggleOptions {\n  /**\n   * Whether the toggle is open.\n   */\n  open: boolean;\n  /**\n   * The preferred placement of the toggle element around the target element. */\n  placement?: IgcPlacement;\n  /**\n   * The positioning strategy to use.\n   * Use the `fixed` strategy when the target element is in a fixed container, otherwise - use `absolute`.\n   */\n  positionStrategy?: 'absolute' | 'fixed';\n  /**\n   * Whether the element should be flipped to the opposite side once it's about to overflow the visible area.\n   * Once enough space is detected on its preferred side, it will flip back.\n   */\n  flip?: boolean;\n  /**\n   * Whether to prevent the element from being cut off by moving it so it stays visible within its boundary area.\n   */\n  distance?: number;\n  /**\n   * Whether to make the toggle the same width as the target.\n   */\n  sameWidth?: boolean;\n}\n\nexport interface IgcToggleComponent extends IgcToggleOptions {\n  scrollStrategy?: 'scroll' | 'block' | 'close';\n  keepOpenOnOutsideClick?: boolean;\n\n  hide(): void;\n  show(): void;\n  toggle(): void;\n}\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type IgcPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/toggle/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Common events interface for toggle components\n */\nexport interface IgcToggleEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n/**\n * Interface describing the options for toggle components' configuration.\n */\nexport interface IgcToggleOptions {\n  /**\n   * Whether the toggle is open.\n   */\n  open: boolean;\n  /**\n   * The preferred placement of the toggle element around the target element. */\n  placement?: IgcPlacement;\n  /**\n   * The positioning strategy to use.\n   * Use the `fixed` strategy when the target element is in a fixed container, otherwise - use `absolute`.\n   */\n  positionStrategy?: 'absolute' | 'fixed';\n  /**\n   * Whether the element should be flipped to the opposite side once it's about to overflow the visible area.\n   * Once enough space is detected on its preferred side, it will flip back.\n   */\n  flip?: boolean;\n  /**\n   * Whether to prevent the element from being cut off by moving it so it stays visible within its boundary area.\n   */\n  distance?: number;\n  /**\n   * Whether to make the toggle the same width as the target.\n   */\n  sameWidth?: boolean;\n}\n\nexport interface IgcToggleComponent extends IgcToggleOptions {\n  scrollStrategy?: 'scroll' | 'block' | 'close';\n  keepOpenOnOutsideClick?: boolean;\n\n  hide(): void;\n  show(): void;\n  toggle(): void;\n}\n\n/**\n * Describes the preferred placement of a toggle component.\n */\ntype IgcPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n"]}

package/components/tree/themes/container.base.css.d.ts

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

package/components/tree/themes/container.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--default-size));display:block;overflow:auto;font-family:var(--ig-font-family)}`;
+//# sourceMappingURL=container.base.css.js.map

package/components/tree/themes/container.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/tree/themes/container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w+BAAw+B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--default-size));display:block;overflow:auto;font-family:var(--ig-font-family)}`;\n"]}

package/components/tree/themes/container.d.ts

@@ -0,0 +1,2 @@
+import { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/tree/themes/container.js

@@ -0,0 +1,39 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/container.bootstrap.css.js';
+import { styles as fluentDark } from './dark/container.fluent.css.js';
+import { styles as indigoDark } from './dark/container.indigo.css.js';
+import { styles as materialDark } from './dark/container.material.css.js';
+import { styles as bootstrapLight } from './light/container.bootstrap.css.js';
+import { styles as fluentLight } from './light/container.fluent.css.js';
+import { styles as indigoLight } from './light/container.indigo.css.js';
+import { styles as materialLight } from './light/container.material.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrapLight}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    fluent: css `
+    ${fluentLight}
+  `,
+    indigo: css `
+    ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrapDark}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    fluent: css `
+    ${fluentDark}
+  `,
+    indigo: css `
+    ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=container.js.map

package/components/tree/themes/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/tree/themes/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAE1E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAG5E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/container.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/container.fluent.css.js';\nimport { styles as indigoDark } from './dark/container.indigo.css.js';\nimport { styles as materialDark } from './dark/container.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/container.bootstrap.css.js';\nimport { styles as fluentLight } from './light/container.fluent.css.js';\nimport { styles as indigoLight } from './light/container.indigo.css.js';\nimport { styles as materialLight } from './light/container.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/tree/themes/dark/container.bootstrap.css.d.ts

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

package/components/tree/themes/dark/container.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-600-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-600), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-600-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary 200-500), var(--ig-primary 200-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-500), 0.3));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.bootstrap.css.js.map

package/components/tree/themes/dark/container.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/dark/container.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ujDAAujD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-600-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-600), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-600-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary 200-500), var(--ig-primary 200-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-500), 0.3));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;\n"]}

package/components/tree/themes/dark/container.fluent.css.d.ts

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

package/components/tree/themes/dark/container.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-selected: var(--ig-tree-foreground-selected, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-tree-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-200), 0.5));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.fluent.css.js.map

package/components/tree/themes/dark/container.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/dark/container.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qjDAAqjD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-selected: var(--ig-tree-foreground-selected, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-tree-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-200), 0.5));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;\n"]}

package/components/tree/themes/dark/container.indigo.css.d.ts

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

package/components/tree/themes/dark/container.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-500-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-400), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-400-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-primary-200), 0.5));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.indigo.css.js.map

package/components/tree/themes/dark/container.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/dark/container.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kjDAAkjD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-500-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-400), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-400-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-primary-200), 0.5));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;\n"]}

package/components/tree/themes/dark/container.material.css.d.ts

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

package/components/tree/themes/dark/container.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-secondary-200-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-secondary-300-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-200), 0.5));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.material.css.js.map

package/components/tree/themes/dark/container.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/dark/container.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+jDAA+jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-secondary-200-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-secondary-300-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-200), 0.5));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-50), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;\n"]}

package/components/tree/themes/item.base.css.d.ts

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

package/components/tree/themes/item.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit}:host igc-circular-progress{--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))}:host(:focus-within){outline:none}[role~=group]{overflow:hidden}:host(:not([expanded])) [role~=group]{height:0}:host([expanded]) [role~=group]{height:auto}[part~=wrapper]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(12px, -1 * 12px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));cursor:pointer;background:inherit;color:inherit}[part~=wrapper]::after{content:"";position:absolute;background:rgba(0,0,0,0);top:0;left:0;width:100%;height:100%;z-index:0}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-end:.25rem;margin-inline-end:.25rem;min-width:1.5rem}[part~=indicator] igc-icon{--ig-size: 3}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block;margin:0}[part~=label] ::slotted(*){margin-block:auto}[part~=label],[part~=text]{z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part~=select] igc-checkbox::part(label){display:none}:host([disabled]) [part~=wrapper]{pointer-events:none}`;
+//# sourceMappingURL=item.base.css.js.map

package/components/tree/themes/item.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/tree/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilFAAilF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit}:host igc-circular-progress{--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))}:host(:focus-within){outline:none}[role~=group]{overflow:hidden}:host(:not([expanded])) [role~=group]{height:0}:host([expanded]) [role~=group]{height:auto}[part~=wrapper]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(12px, -1 * 12px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));cursor:pointer;background:inherit;color:inherit}[part~=wrapper]::after{content:\"\";position:absolute;background:rgba(0,0,0,0);top:0;left:0;width:100%;height:100%;z-index:0}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-end:.25rem;margin-inline-end:.25rem;min-width:1.5rem}[part~=indicator] igc-icon{--ig-size: 3}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block;margin:0}[part~=label] ::slotted(*){margin-block:auto}[part~=label],[part~=text]{z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part~=select] igc-checkbox::part(label){display:none}:host([disabled]) [part~=wrapper]{pointer-events:none}`;\n"]}

package/components/tree/themes/item.d.ts

@@ -0,0 +1,2 @@
+import { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/tree/themes/item.js

@@ -0,0 +1,35 @@
+import { css } from 'lit';
+import { styles as bootstrap } from './shared/item.bootstrap.css.js';
+import { styles as fluent } from './shared/item.fluent.css.js';
+import { styles as indigo } from './shared/item.indigo.css.js';
+import { styles as material } from './shared/item.material.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrap}
+  `,
+    material: css `
+    ${material}
+  `,
+    fluent: css `
+    ${fluent}
+  `,
+    indigo: css `
+    ${indigo}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap}
+  `,
+    material: css `
+    ${material}
+  `,
+    fluent: css `
+    ${fluent}
+  `,
+    indigo: css `
+    ${indigo}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=item.js.map

package/components/tree/themes/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/tree/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGnE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Share Styles\nimport { styles as bootstrap } from './shared/item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item.fluent.css.js';\nimport { styles as indigo } from './shared/item.indigo.css.js';\nimport { styles as material } from './shared/item.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/tree/themes/light/container.bootstrap.css.d.ts

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

package/components/tree/themes/light/container.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-600-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-600), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-600-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary 200-500), var(--ig-primary 200-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-900), 0.1));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-900), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.bootstrap.css.js.map

package/components/tree/themes/light/container.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/container.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jDAA8jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-600-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-600), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-600-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary 200-500), var(--ig-primary 200-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-900), 0.1));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-900), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;\n"]}

package/components/tree/themes/light/container.fluent.css.d.ts

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

package/components/tree/themes/light/container.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-gray-200-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, var(--ig-gray-200-contrast));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-gray-300), var(--ig-gray-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-gray-300-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-900), 0.1));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-900), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.fluent.css.js.map

package/components/tree/themes/light/container.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/container.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ygDAAygD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-gray-200-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, var(--ig-gray-200-contrast));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-gray-300), var(--ig-gray-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-gray-300-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-900), 0.1));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-900), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;\n"]}

package/components/tree/themes/light/container.indigo.css.d.ts

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

package/components/tree/themes/light/container.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-500-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-400), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-400-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.indigo.css.js.map

package/components/tree/themes/light/container.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/container.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmDAAkmD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-primary-500-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-active: var(--ig-tree-foreground-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-primary-400), var(--ig-primary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-primary-400-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;\n"]}

package/components/tree/themes/light/container.material.css.d.ts

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

package/components/tree/themes/light/container.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--ig-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--ig-tree-background-selected, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--foreground-selected: var(--ig-tree-foreground-selected, var(--ig-secondary-200-contrast));--background-active: var(--ig-tree-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active: var(--ig-tree-foreground-active, var(--ig-gray-200-contrast));--background-active-selected: var(--ig-tree-background-active-selected, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--foreground-active-selected: var(--ig-tree-foreground-active-selected, var(--ig-secondary-300-contrast));--border-color: var(--ig-tree-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--background-disabled: var(--ig-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--ig-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--ig-tree-hover-color, hsla(var(--ig-gray-900), 0.1));--hover-selected-color: var(--ig-tree-hover-selected-color, hsla(var(--ig-gray-900), 0.1));--size: var(--ig-tree-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-tree-default-size, 2)}`;
+//# sourceMappingURL=container.material.css.js.map