igniteui-webcomponents 4.5.0 → 4.7.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.base.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+LvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  --textarea-height: max(var(--is-large, 1) * max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));\n  --component-size: var(--ig-size, var(--ig-size-large));\n  display: block;\n  font-family: var(--ig-font-family);\n}\n:host [part~=label] {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  line-height: normal;\n}\n\n[part~=container] {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  grid-area: 1/2/span 1/span 2;\n  height: auto;\n  position: relative;\n  max-width: 100%;\n  font-size: 1rem;\n  min-height: var(--textarea-height);\n}\n[part~=container]:hover {\n  cursor: pointer;\n}\n\ntextarea {\n  font: inherit;\n  grid-area: 1/2/auto/auto;\n  position: relative;\n  display: block;\n  border: none;\n  -webkit-padding-before: 1.25rem;\n          padding-block-start: 1.25rem;\n  -webkit-padding-after: 0.375rem;\n          padding-block-end: 0.375rem;\n  -webkit-padding-start: 0;\n          padding-inline-start: 0;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--textarea-height);\n  height: auto;\n  outline-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  overflow: auto;\n  text-overflow: ellipsis;\n  line-height: normal;\n}\ntextarea::-webkit-input-placeholder {\n  opacity: 1;\n  line-height: normal;\n}\ntextarea::-moz-placeholder {\n  opacity: 1;\n  line-height: normal;\n}\ntextarea:-ms-input-placeholder {\n  opacity: 1;\n  line-height: normal;\n}\ntextarea::-ms-input-placeholder {\n  opacity: 1;\n  line-height: normal;\n}\ntextarea::placeholder {\n  opacity: 1;\n  line-height: normal;\n}\ntextarea:not([type=\"*\"]) {\n  line-height: normal;\n}\n\n[part~=prefixed] [part=prefix],\n[part~=suffixed] [part=suffix] {\n  position: relative;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 100%;\n  padding-inline: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));\n  -webkit-transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n  transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n[part~=prefixed] [part=prefix] igc-icon,\n[part~=suffixed] [part=suffix] igc-icon {\n  width: 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));\n  height: 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));\n  font-size: 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)) !important;\n}\n\n[part~=prefixed] [part=prefix] {\n  grid-area: 1/1/auto/auto;\n}\n\n[part~=suffixed] [part=suffix] {\n  grid-area: 1/3/auto/auto;\n}\n\n[part~=helper-text] {\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n[part~=helper-text] > * {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n[part~=helper-text] > *:last-child {\n  -webkit-margin-end: 0;\n          margin-inline-end: 0;\n}\n[part~=helper-text] ::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  position: relative;\n  width: 100%;\n}\n\n:host([required]) [part~=label]::after {\n  content: \"*\";\n  font-size: inherit;\n  vertical-align: top;\n  -webkit-margin-start: 0.125rem;\n          margin-inline-start: 0.125rem;\n  display: inline-block;\n}\n\n:host(:disabled),\n:host([disabled]) {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n:host(:disabled) [part=prefix],\n:host(:disabled) [part=suffix],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix] {\n  pointer-events: none;\n}\n:host(:disabled) [part~=container],\n:host([disabled]) [part~=container] {\n  cursor: default;\n}`;\n"]}

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

@@ -1,85 +0,0 @@
-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 {
-  --elevation: var(--ig-toast-elevation, var(--ig-elevation-0));
-  --background: var(--ig-toast-background, hsla(var(--ig-gray-700), 0.9));
-  --border-color: var(--ig-toast-border-color, hsla(var(--ig-gray-700), 0.9));
-  --text-color: var(--ig-toast-text-color, var(--ig-gray-700-contrast));
-  --border-radius: var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.625rem), 1.625rem));
-  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);
-  position: fixed;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-family: var(--ig-font-family);
-  text-align: center;
-  inset-inline: 50% auto;
-  -webkit-transform: translateX(calc(-50% + 0.5px));
-      -ms-transform: translateX(calc(-50% + 0.5px));
-          transform: translateX(calc(-50% + 0.5px));
-  margin: 2.625rem auto;
-  min-width: 3.25rem;
-}
-
-:host([position=bottom]) {
-  inset-block: auto 0;
-}
-
-:host([position=middle]) {
-  inset-block: 50% auto;
-  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
-      -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
-          transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
-  margin: auto;
-}
-
-:host([position=top]) {
-  inset-block: 0 auto;
-}
-
-:host(:not([open])) {
-  display: none;
-}`;
-//# sourceMappingURL=toast.base.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"toast.base.css.js","sourceRoot":"","sources":["../../../../../src/components/toast/themes/light/toast.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  --elevation: var(--ig-toast-elevation, var(--ig-elevation-0));\n  --background: var(--ig-toast-background, hsla(var(--ig-gray-700), 0.9));\n  --border-color: var(--ig-toast-border-color, hsla(var(--ig-gray-700), 0.9));\n  --text-color: var(--ig-toast-text-color, var(--ig-gray-700-contrast));\n  --border-radius: var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.625rem), 1.625rem));\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  position: fixed;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  text-align: center;\n  inset-inline: 50% auto;\n  -webkit-transform: translateX(calc(-50% + 0.5px));\n      -ms-transform: translateX(calc(-50% + 0.5px));\n          transform: translateX(calc(-50% + 0.5px));\n  margin: 2.625rem auto;\n  min-width: 3.25rem;\n}\n\n:host([position=bottom]) {\n  inset-block: auto 0;\n}\n\n:host([position=middle]) {\n  inset-block: 50% auto;\n  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));\n      -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));\n          transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));\n  margin: auto;\n}\n\n:host([position=top]) {\n  inset-block: 0 auto;\n}\n\n:host(:not([open])) {\n  display: none;\n}`;\n"]}

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

@@ -1,52 +0,0 @@
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { IgcToggleDirective } from './toggle.directive.js';
-import type { DirectiveResult } from 'lit/directive';
-import type { IgcToggleComponent } from './types.js';
-type ToggleHost = ReactiveControllerHost & IgcToggleComponent & HTMLElement;
-/**
- * Toggle controller configuration
- */
-interface ToggleControllerConfig {
-    /** The element, relative to which, the toggle will be positioned. */
-    target?: HTMLElement;
-    /**
-     * The function to call when closing the toggle element from an user interaction (scroll, click).
-     */
-    closeCallback?: Function;
-}
-/**
- * Controller, bundling the creation of a toggle directive and handling global events,
- * related to the configuration of togglable components.
- */
-export declare class IgcToggleController implements ReactiveController {
-    private host;
-    private sourceElement?;
-    private initialScrollTop;
-    private initialScrollLeft;
-    private _target;
-    private _hide?;
-    private _abortController;
-    /**
-     *  Abort controller used to clean up document level event listeners
-     *  See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#add_an_abortable_listener
-     */
-    protected get abortController(): AbortController;
-    /** The directive that marks the toggle. */
-    toggleDirective: DirectiveResult<typeof IgcToggleDirective>;
-    rendered: Promise<void>;
-    set target(value: HTMLElement);
-    /** The element, relative to which, the toggle will be positioned. */
-    get target(): HTMLElement;
-    constructor(host: ToggleHost, config?: ToggleControllerConfig);
-    hostDisconnected(): void;
-    update(): void;
-    protected hide(): void;
-    private addEventListeners;
-    private configureListeners;
-    private blockScroll;
-    /** The document's click event handler to override in the host component if necessary. */
-    private documentClicked;
-    /** The document's scroll event handler to override in the host component if necessary. */
-    private handleScroll;
-}
-export {};

package/components/toggle/toggle.controller.js

@@ -1,91 +0,0 @@
-import { igcToggle } from './toggle.directive.js';
-export class IgcToggleController {
-    get abortController() {
-        if (this._abortController.signal.aborted) {
-            this._abortController = new AbortController();
-        }
-        return this._abortController;
-    }
-    set target(value) {
-        this._target = value;
-        this.update();
-    }
-    get target() {
-        return this._target;
-    }
-    constructor(host, config) {
-        this.initialScrollTop = 0;
-        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.initialScrollLeft =
-                    (_c = this.sourceElement.scrollLeft) !== null && _c !== void 0 ? _c : (_d = this.sourceElement.firstElementChild) === null || _d === void 0 ? void 0 : _d.scrollLeft;
-            }
-            this.sourceElement.scrollTop = this.initialScrollTop;
-            this.sourceElement.scrollLeft = this.initialScrollLeft;
-            if (this.sourceElement.firstElementChild) {
-                this.sourceElement.firstElementChild.scrollTop = this.initialScrollTop;
-                this.sourceElement.firstElementChild.scrollLeft = this.initialScrollLeft;
-            }
-        };
-        this.documentClicked = (event) => {
-            if (!this.host.keepOpenOnOutsideClick) {
-                const tree = event.composed ? event.composedPath() : [event.target];
-                if (tree.includes(this.host) || tree.includes(this.target)) {
-                    return;
-                }
-                this.hide();
-            }
-        };
-        this.handleScroll = (event) => {
-            switch (this.host.scrollStrategy) {
-                case 'scroll':
-                    break;
-                case 'block':
-                    this.blockScroll(event);
-                    break;
-                case 'close':
-                    this.hide();
-                    break;
-            }
-        };
-        (this.host = host).addController(this);
-        if (config === null || config === void 0 ? void 0 : config.target) {
-            this._target = config.target;
-        }
-        if (config === null || config === void 0 ? void 0 : config.closeCallback) {
-            this._hide = config.closeCallback;
-        }
-        this.update();
-    }
-    hostDisconnected() {
-        this.abortController.abort();
-    }
-    update() {
-        this.toggleDirective = igcToggle(this.target, this.host, this);
-        this.configureListeners();
-    }
-    hide() {
-        this._hide ? this._hide() : this.host.hide();
-    }
-    addEventListeners() {
-        const options = {
-            capture: true,
-            signal: this.abortController.signal,
-        };
-        if (!this.host.keepOpenOnOutsideClick) {
-            document.addEventListener('click', this.documentClicked, options);
-        }
-        document.addEventListener('scroll', this.handleScroll, options);
-    }
-    configureListeners() {
-        this.host.open ? this.addEventListeners() : this.abortController.abort();
-    }
-}
-//# sourceMappingURL=toggle.controller.js.map

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

@@ -1 +0,0 @@
-{"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"]}

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

@@ -1,20 +0,0 @@
-import { Directive, PartInfo } from 'lit/directive.js';
-import type { IgcToggleOptions } from './types.js';
-import type { IgcToggleController } from './toggle.controller.js';
-export declare class IgcToggleDirective extends Directive {
-    private part;
-    private _floatingElement;
-    private _dispose;
-    private target;
-    private options;
-    private controller?;
-    private get floatingElement();
-    private dispose;
-    private notifyController;
-    private updatePosition;
-    private reposition;
-    private createMiddleware;
-    constructor(partInfo: PartInfo);
-    render(target: HTMLElement, options: IgcToggleOptions, controller?: IgcToggleController): symbol;
-}
-export declare const igcToggle: (target: HTMLElement, options: IgcToggleOptions, controller?: IgcToggleController | undefined) => import("lit-html/directive.js").DirectiveResult<typeof IgcToggleDirective>;

package/components/toggle/toggle.directive.js

@@ -1,95 +0,0 @@
-import { computePosition, flip, offset, shift, size, autoUpdate, } from '@floating-ui/dom';
-import { directive, Directive, PartType, } from 'lit/directive.js';
-import { noChange } from 'lit';
-export class IgcToggleDirective extends Directive {
-    get floatingElement() {
-        if (!this._floatingElement) {
-            this._floatingElement = this.part.element;
-        }
-        Object.assign(this._floatingElement.style, {
-            display: this.options.open ? '' : 'none',
-        });
-        return this._floatingElement;
-    }
-    dispose() {
-        if (this._dispose) {
-            this._dispose();
-        }
-    }
-    notifyController(promise) {
-        if (this.controller) {
-            this.controller.rendered = promise;
-        }
-    }
-    updatePosition() {
-        this.dispose();
-        if (!this.floatingElement || !this.target || !this.options.open) {
-            return noChange;
-        }
-        this._dispose = autoUpdate(this.target, this.floatingElement, this.reposition);
-        return noChange;
-    }
-    createMiddleware(options) {
-        const middleware = [];
-        const { style: floatingStyles } = this._floatingElement;
-        if (options.distance) {
-            middleware.push(offset({
-                mainAxis: options.distance,
-            }));
-        }
-        if (options.flip) {
-            middleware.push(flip());
-        }
-        middleware.push(shift({
-            mainAxis: true,
-        }));
-        if (options.sameWidth) {
-            middleware.push(size({
-                apply: ({ rects }) => {
-                    Object.assign(floatingStyles, {
-                        width: `${rects.reference.width}px`,
-                    });
-                },
-            }));
-        }
-        else {
-            Object.assign(floatingStyles, { width: '' });
-        }
-        return middleware;
-    }
-    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',
-                middleware: this.createMiddleware(this.options),
-            };
-            const promise = computePosition(this.target, this.floatingElement, config).then(({ x, y }) => {
-                Object.assign(this.floatingElement.style, {
-                    left: 0,
-                    top: 0,
-                    transform: `translate(${x}px,${y}px)`,
-                });
-            });
-            this.notifyController(promise);
-            return noChange;
-        };
-        this.part = partInfo;
-        if (partInfo.type !== PartType.ELEMENT) {
-            throw new Error('The `igcToggle` directive must be attached to an element tag.');
-        }
-    }
-    render(target, options, controller) {
-        Object.assign(this, { target, options, controller });
-        return this.updatePosition();
-    }
-}
-export const igcToggle = directive(IgcToggleDirective);
-//# sourceMappingURL=toggle.directive.js.map

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

@@ -1 +0,0 @@
-{"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"]}

package/components/toggle/types.d.ts

@@ -1,50 +0,0 @@
-/**
- * Common events interface for toggle components
- */
-export interface IgcToggleEventMap {
-    igcOpening: CustomEvent<void>;
-    igcOpened: CustomEvent<void>;
-    igcClosing: CustomEvent<void>;
-    igcClosed: CustomEvent<void>;
-}
-/**
- * Interface describing the options for toggle components' configuration.
- */
-export interface IgcToggleOptions {
-    /**
-     * Whether the toggle is open.
-     */
-    open: boolean;
-    /**
-     * The preferred placement of the toggle element around the target element. */
-    placement?: IgcPlacement;
-    /**
-     * The positioning strategy to use.
-     * Use the `fixed` strategy when the target element is in a fixed container, otherwise - use `absolute`.
-     */
-    positionStrategy?: 'absolute' | 'fixed';
-    /**
-     * Whether the element should be flipped to the opposite side once it's about to overflow the visible area.
-     * Once enough space is detected on its preferred side, it will flip back.
-     */
-    flip?: boolean;
-    /**
-     * Whether to prevent the element from being cut off by moving it so it stays visible within its boundary area.
-     */
-    distance?: number;
-    /**
-     * Whether to make the toggle the same width as the target.
-     */
-    sameWidth?: boolean;
-}
-export interface IgcToggleComponent extends IgcToggleOptions {
-    scrollStrategy?: 'scroll' | 'block' | 'close';
-    keepOpenOnOutsideClick?: boolean;
-    hide(): void;
-    show(): void;
-    toggle(): void;
-}
-/**
- * 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';

package/components/toggle/types.js

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

package/components/toggle/types.js.map

@@ -1 +0,0 @@
-{"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"]}

package/components/tree/themes/dark/tree-item.bootstrap.css.js

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

package/components/tree/themes/dark/tree-item.bootstrap.css.js.map

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

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

package/components/tree/themes/dark/tree-item.fluent.css.js.map

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

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

package/components/tree/themes/dark/tree-item.indigo.css.js.map

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

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

package/components/tree/themes/dark/tree-item.material.css.js.map

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

@@ -1,152 +0,0 @@
-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 {
-  --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)));
-}
-[part~=wrapper]::after {
-  content: "";
-  position: absolute;
-  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: 0.25rem;
-          margin-inline-end: 0.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: 0.25rem;
-          margin-inline-end: 0.25rem;
-}
-[part~=select] igc-checkbox::part(label) {
-  display: none;
-}
-
-:host([disabled]) {
-  pointer-events: none;
-}`;
-//# sourceMappingURL=tree-item.base.css.js.map