igniteui-webcomponents 2.0.0 → 2.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzCAAmzC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=inactive]{background:hsla(var(--igc-primary-500), 0.32)}:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part=steps]{top:.0625rem}[part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}:host([disabled]) [part=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part=track],[part=fill],[part=inactive],[part=steps]{height:.125rem;top:initial;border-radius:initial}[part=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part=thumb]::after{display:none}:host([disabled]) [part=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
+//# sourceMappingURL=slider.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y8BAAy8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part=track],[part=fill],[part=inactive],[part=steps]{height:.125rem;top:initial;border-radius:initial}[part=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part=thumb]::after{display:none}:host([disabled]) [part=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part=thumb]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:active::after{opacity:.24}`;
+//# sourceMappingURL=slider.material.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uzCAAuzC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part=thumb]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:active::after{opacity:.24}`;\n"]}

package/components/snackbar/snackbar.d.ts

@@ -0,0 +1,47 @@
+import { LitElement } from 'lit';
+import { Constructor } from '../common/mixins/constructor.js';
+export interface IgcSnackbarEventMap {
+    igcAction: CustomEvent<void>;
+}
+declare const IgcSnackbarComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarEventMap>> & Constructor<LitElement>;
+/**
+ * A snackbar component is used to provide feedback about an operation
+ * by showing a brief message at the bottom of the screen.
+ *
+ * @element igc-snackbar
+ *
+ * @slot - Renders the snackbar content.
+ *
+ * @fires igcAction - Emitted when the snackbar action button is clicked.
+ *
+ * @csspart base - The base wrapper of the snackbar component.
+ * @csspart message - The snackbar message.
+ * @csspart action - The snackbar action button.
+ */
+export default class IgcSnackbarComponent extends IgcSnackbarComponent_base {
+    /** @private */
+    static tagName: string;
+    /** @private */
+    static styles: import("lit").CSSResult;
+    private autoHideTimeout;
+    /** Determines whether the snackbar is opened. */
+    open: boolean;
+    /** Determines the duration in ms in which the snackbar will be visible. */
+    displayTime: number;
+    /** Determines whether the snackbar should close after the displayTime is over. */
+    keepOpen: boolean;
+    /** The snackbar action button. */
+    actionText: string;
+    /** Opens the snackbar. */
+    show(): void;
+    /** Closes the snackbar. */
+    hide(): void;
+    private handleClick;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-snackbar': IgcSnackbarComponent;
+    }
+}
+export {};

package/components/snackbar/snackbar.js

@@ -0,0 +1,82 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { themes } from '../../theming';
+import { styles } from './themes/snackbar.base.css';
+import { styles as bootstrap } from './themes/snackbar.bootstrap.css';
+import { styles as fluent } from './themes/snackbar.fluent.css';
+import { styles as indigo } from './themes/snackbar.indigo.css';
+let IgcSnackbarComponent = class IgcSnackbarComponent extends EventEmitterMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.displayTime = 4000;
+        this.keepOpen = false;
+    }
+    show() {
+        if (this.open) {
+            return;
+        }
+        this.open = true;
+        clearTimeout(this.autoHideTimeout);
+        if (this.open && !this.keepOpen) {
+            this.autoHideTimeout = window.setTimeout(() => this.hide(), this.displayTime);
+        }
+    }
+    hide() {
+        if (!this.open) {
+            return;
+        }
+        this.open = false;
+        clearTimeout(this.autoHideTimeout);
+    }
+    handleClick() {
+        this.emitEvent('igcAction');
+    }
+    render() {
+        return html `
+      <div part="base">
+        <span part="message">
+          <slot></slot>
+        </span>
+        ${this.actionText
+            ? html `
+              <igc-button
+                variant="flat"
+                part="action"
+                @click=${this.handleClick}
+              >
+                ${ifDefined(this.actionText)}
+              </igc-button>
+            `
+            : nothing}
+      </div>
+    `;
+    }
+};
+IgcSnackbarComponent.tagName = 'igc-snackbar';
+IgcSnackbarComponent.styles = styles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcSnackbarComponent.prototype, "open", void 0);
+__decorate([
+    property({ type: Number, attribute: 'display-time' })
+], IgcSnackbarComponent.prototype, "displayTime", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'keep-open' })
+], IgcSnackbarComponent.prototype, "keepOpen", void 0);
+__decorate([
+    property({ attribute: 'action-text' })
+], IgcSnackbarComponent.prototype, "actionText", void 0);
+IgcSnackbarComponent = __decorate([
+    themes({ bootstrap, fluent, indigo })
+], IgcSnackbarComponent);
+export default IgcSnackbarComponent;
+//# sourceMappingURL=snackbar.js.map

package/components/snackbar/snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAqBhE,IAAqB,oBAAoB,GAAzC,MAAqB,oBAAqB,SAAQ,iBAAiB,CAGjE,UAAU,CAAC;IAHb;;QAcS,SAAI,GAAG,KAAK,CAAC;QAIb,gBAAW,GAAG,IAAI,CAAC;QAInB,aAAQ,GAAG,KAAK,CAAC;IAyD1B,CAAC;IAlDQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,UAAU,CACtC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EACjB,IAAI,CAAC,WAAW,CACjB,CAAC;SACH;IACH,CAAC;IAGM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACrC,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;UAKL,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;;yBAIS,IAAI,CAAC,WAAW;;kBAEvB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;;aAE/B;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;CACF,CAAA;AA1Ee,4BAAO,GAAG,cAAe,CAAA;AAGzB,2BAAM,GAAG,MAAO,CAAA;AAM9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACvB;AAIpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;yDAC5B;AAI1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;sDAC5B;AAIxB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACZ;AA1BR,oBAAoB;IADxC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,oBAAoB,CA+ExC;eA/EoB,oBAAoB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/snackbar.base.css';\nimport { styles as bootstrap } from './themes/snackbar.bootstrap.css';\nimport { styles as fluent } from './themes/snackbar.fluent.css';\nimport { styles as indigo } from './themes/snackbar.indigo.css';\n\nexport interface IgcSnackbarEventMap {\n  igcAction: CustomEvent<void>;\n}\n\n/**\n * A snackbar component is used to provide feedback about an operation\n * by showing a brief message at the bottom of the screen.\n *\n * @element igc-snackbar\n *\n * @slot - Renders the snackbar content.\n *\n * @fires igcAction - Emitted when the snackbar action button is clicked.\n *\n * @csspart base - The base wrapper of the snackbar component.\n * @csspart message - The snackbar message.\n * @csspart action - The snackbar action button.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcSnackbarComponent extends EventEmitterMixin<\n  IgcSnackbarEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  /** @private */\n  public static tagName = 'igc-snackbar';\n\n  /** @private */\n  public static styles = styles;\n\n  private autoHideTimeout!: number;\n\n  /** Determines whether the snackbar is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Determines the duration in ms in which the snackbar will be visible. */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /** Determines whether the snackbar should close after the displayTime is over. */\n  @property({ type: Boolean, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /** The snackbar action button. */\n  @property({ attribute: 'action-text' })\n  public actionText!: string;\n\n  /** Opens the snackbar. */\n  public show() {\n    if (this.open) {\n      return;\n    }\n\n    this.open = true;\n\n    clearTimeout(this.autoHideTimeout);\n    if (this.open && !this.keepOpen) {\n      this.autoHideTimeout = window.setTimeout(\n        () => this.hide(),\n        this.displayTime\n      );\n    }\n  }\n\n  /** Closes the snackbar. */\n  public hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.open = false;\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  private handleClick() {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"message\">\n          <slot></slot>\n        </span>\n        ${this.actionText\n          ? html`\n              <igc-button\n                variant=\"flat\"\n                part=\"action\"\n                @click=${this.handleClick}\n              >\n                ${ifDefined(this.actionText)}\n              </igc-button>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-snackbar': IgcSnackbarComponent;\n  }\n}\n"]}

package/components/snackbar/themes/snackbar.base.css.d.ts

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

package/components/snackbar/themes/snackbar.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{font-family:var(--igc-font-family);position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;min-width:21.5rem;padding:.375rem 1rem;color:hsla(var(--igc-surface-500), var(--igc-surface-a));background:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}[part~=message]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}:host([action-text]) [part=base]{-webkit-padding-end:.5rem;padding-inline-end:.5rem}:host([action-text]) [part=action]{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}:host(:not([open])) [part=base]{display:none}`;
+//# sourceMappingURL=snackbar.base.css.js.map

package/components/snackbar/themes/snackbar.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+oDAA+oD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{font-family:var(--igc-font-family);position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;min-width:21.5rem;padding:.375rem 1rem;color:hsla(var(--igc-surface-500), var(--igc-surface-a));background:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}[part~=message]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}:host([action-text]) [part=base]{-webkit-padding-end:.5rem;padding-inline-end:.5rem}:host([action-text]) [part=action]{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}:host(:not([open])) [part=base]{display:none}`;\n"]}

package/components/snackbar/themes/snackbar.bootstrap.css.d.ts

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

package/components/snackbar/themes/snackbar.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast);border:1px solid hsla(var(--igc-gray-300), var(--igc-gray-a));min-width:21.75rem;padding:.5rem .75rem;-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}`;
+//# sourceMappingURL=snackbar.bootstrap.css.js.map

package/components/snackbar/themes/snackbar.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uSAAuS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast);border:1px solid hsla(var(--igc-gray-300), var(--igc-gray-a));min-width:21.75rem;padding:.5rem .75rem;-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}`;\n"]}

package/components/snackbar/themes/snackbar.fluent.css.d.ts

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

package/components/snackbar/themes/snackbar.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:var(--igc-gray-100-contrast);border-radius:0;min-width:22rem;padding:.5625rem .75rem}`;
+//# sourceMappingURL=snackbar.fluent.css.js.map

package/components/snackbar/themes/snackbar.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kKAAkK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:var(--igc-gray-100-contrast);border-radius:0;min-width:22rem;padding:.5625rem .75rem}`;\n"]}

package/components/snackbar/themes/snackbar.indigo.css.d.ts

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

package/components/snackbar/themes/snackbar.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a));padding:.625rem 1rem;min-width:22rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}`;
+//# sourceMappingURL=snackbar.indigo.css.js.map

package/components/snackbar/themes/snackbar.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kWAAkW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a));padding:.625rem 1rem;min-width:22rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}`;\n"]}

package/components/toast/themes/toast.base.css.d.ts

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;
+//# sourceMappingURL=toast.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.base.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+jBAA+jB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;\n"]}

package/components/toast/themes/toast.bootstrap.css.d.ts

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

package/components/toast/themes/toast.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:var(--igc-surface-500-contrast);background:hsla(var(--igc-surface-500), var(--igc-surface-a));outline:1px solid hsla(var(--igc-gray-300), var(--igc-gray-a));padding:.6875rem;-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}`;
+//# sourceMappingURL=toast.bootstrap.css.js.map

package/components/toast/themes/toast.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2UAA2U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:var(--igc-surface-500-contrast);background:hsla(var(--igc-surface-500), var(--igc-surface-a));outline:1px solid hsla(var(--igc-gray-300), var(--igc-gray-a));padding:.6875rem;-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}`;\n"]}

package/components/toast/themes/toast.fluent.css.d.ts

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

package/components/toast/themes/toast.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{color:var(--igc-gray-100-contrast);background:hsla(var(--igc-gray-100), var(--igc-gray-a));padding:.5rem .75rem;border-radius:0}`;
+//# sourceMappingURL=toast.fluent.css.js.map

package/components/toast/themes/toast.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wIAAwI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:var(--igc-gray-100-contrast);background:hsla(var(--igc-gray-100), var(--igc-gray-a));padding:.5rem .75rem;border-radius:0}`;\n"]}

package/components/toast/themes/toast.indigo.css.d.ts

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

package/components/toast/themes/toast.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a));padding:.625rem 1rem}`;
+//# sourceMappingURL=toast.indigo.css.js.map

package/components/toast/themes/toast.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2LAA2L,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a));padding:.625rem 1rem}`;\n"]}

package/components/toast/toast.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+/**
+ * A toast component is used to show a notification
+ *
+ * @element igc-toast
+ *
+ * @csspart base - The base wrapper of the toast.
+ */
+export default class IgcToastComponent extends LitElement {
+    /** @private */
+    static tagName: string;
+    /** @private */
+    static styles: import("lit").CSSResult[];
+    private displayTimeout;
+    /** Determines whether the toast is opened. */
+    open: boolean;
+    /** Determines the time after which the toast will close */
+    displayTime: number;
+    /** Determines whether the toast is closed automatically or not. */
+    keepOpen: boolean;
+    /** Closes the toast. */
+    hide(): void;
+    /** Opens the toast. */
+    show(): void;
+    /** Toggles the open state of the toast. */
+    toggle(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-toast': IgcToastComponent;
+    }
+}

package/components/toast/toast.js

@@ -0,0 +1,64 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { themes } from '../../theming';
+import { styles } from './themes/toast.base.css';
+import { styles as bootstrap } from './themes/toast.bootstrap.css';
+import { styles as fluent } from './themes/toast.fluent.css';
+import { styles as indigo } from './themes/toast.indigo.css';
+let IgcToastComponent = class IgcToastComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.displayTime = 4000;
+        this.keepOpen = false;
+    }
+    hide() {
+        if (this.open) {
+            this.open = false;
+        }
+    }
+    show() {
+        window.clearTimeout(this.displayTimeout);
+        if (!this.open) {
+            this.open = true;
+        }
+        if (this.keepOpen === false) {
+            this.displayTimeout = setTimeout(() => {
+                this.open = false;
+            }, this.displayTime);
+        }
+    }
+    toggle() {
+        if (this.open) {
+            this.hide();
+        }
+        else {
+            this.show();
+        }
+    }
+    render() {
+        return html `<slot></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);
+IgcToastComponent = __decorate([
+    themes({ bootstrap, fluent, indigo })
+], IgcToastComponent);
+export default IgcToastComponent;
+//# sourceMappingURL=toast.js.map

package/components/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAW7D,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,UAAU;IAAzD;;QAWS,SAAI,GAAG,KAAK,CAAC;QAIb,gBAAW,GAAG,IAAI,CAAC;QAInB,aAAQ,GAAG,KAAK,CAAC;IAoC1B,CAAC;IAjCQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACnB;IACH,CAAC;IAGM,IAAI;QACT,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAEzC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;YAC3B,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE;gBACpC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AArDe,yBAAO,GAAG,WAAY,CAAA;AAGb,wBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AAMzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACvB;AAIpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;sDAC5C;AAI1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;mDAC3C;AAnBL,iBAAiB;IADrC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,iBAAiB,CAuDrC;eAvDoB,iBAAiB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/toast.base.css';\nimport { styles as bootstrap } from './themes/toast.bootstrap.css';\nimport { styles as fluent } from './themes/toast.fluent.css';\nimport { styles as indigo } from './themes/toast.indigo.css';\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\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcToastComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-toast';\n\n  /** @private */\n  public static override styles = [styles];\n\n  private displayTimeout: any;\n\n  /** Determines whether the toast is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Determines the time after which the toast will close */\n  @property({ type: Number, reflect: false, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /** Determines whether the toast is closed automatically or not. */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /** Closes the toast. */\n  public hide() {\n    if (this.open) {\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.open = true;\n    }\n\n    if (this.keepOpen === false) {\n      this.displayTimeout = setTimeout(() => {\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  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toast': IgcToastComponent;\n  }\n}\n"]}