igniteui-webcomponents 4.9.0 → 4.10.0

package/CHANGELOG.md

@@ -4,6 +4,29 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [4.10.0] - 2024-07-01
+### Added
+- Banner component [#1174](https://github.com/IgniteUI/igniteui-webcomponents/issues/1174)
+- Divider component [#1237](https://github.com/IgniteUI/igniteui-webcomponents/issues/1237)
+- Date picker component [#174](https://github.com/IgniteUI/igniteui-webcomponents/issues/174)
+- Radio group - Bind underlying radio components name and checked state through the radio group [#315](https://github.com/IgniteUI/igniteui-webcomponents/issues/315)
+- VSCode custom data intellisense (both HTML and CSS)
+- JetBrains editors WebTypes intellisense
+
+### Deprecated
+- Input `inputmode` property. Aligned with the native `inputMode` DOM property instead.
+
+### Fixed
+- Input, Textarea - passing `undefined` to **value** sets the underlying input value to undefined [#1206](https://github.com/IgniteUI/igniteui-webcomponents/issues/1206)
+- Mask input - after a form `reset` call correctly update underlying input value and placeholder state
+- Tree - setting `--ig-size` on the item `indicator` CSS Part will now change the size of the icon
+- Date-time input - double emit of `igcChange` in certain scenarios
+- Navigation drawer - mini variant is not initially rendered when not in an open state [#1266](https://github.com/IgniteUI/igniteui-webcomponents/issues/1266)
+- Combo:
+  - Selecting an entry using the Enter key now correctly works in single selection mode [#1229](https://github.com/IgniteUI/igniteui-webcomponents/issues/1229)
+  - Turning on the `disableFiltering` option now clears any previously entered search term [#1238](https://github.com/IgniteUI/igniteui-webcomponents/issues/1238)
+  - Entering a search term in single selection mode that already matches the selected item now works correctly [#1260](https://github.com/IgniteUI/igniteui-webcomponents/issues/1260)
+
 ## [4.9.0] - 2024-04-30
 ### Added
 - Button group component now allows resetting the selection state via the `selectedItems` property [#1168](https://github.com/IgniteUI/igniteui-webcomponents/pull/1168)
@@ -462,6 +485,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[4.10.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.9.0...4.10.0
 [4.9.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.8.2...4.9.0
 [4.8.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.8.1...4.8.2
 [4.8.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.8.0...4.8.1

package/animations/player.d.ts

@@ -5,7 +5,7 @@ declare class AnimationController implements ReactiveController {
     private readonly host;
     private _target?;
     protected get target(): HTMLElement;
-    constructor(host: ReactiveControllerHost & HTMLElement, _target?: HTMLElement | Ref<HTMLElement> | undefined);
+    constructor(host: ReactiveControllerHost & HTMLElement, _target?: (Ref<HTMLElement> | HTMLElement) | undefined);
     private parseKeyframes;
     play(animation: AnimationReferenceMetadata): Promise<AnimationPlaybackEvent>;
     stopAll(): Promise<unknown[]>;

package/components/banner/banner.d.ts

@@ -0,0 +1,55 @@
+import { LitElement } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+export interface IgcBannerComponentEventMap {
+    igcClosing: CustomEvent<void>;
+    igcClosed: CustomEvent<void>;
+}
+declare const IgcBannerComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcBannerComponentEventMap>> & Constructor<LitElement>;
+/**
+ * The `igc-banner` component displays important and concise message(s) for a user to address, that is specific to a page or feature.
+ *
+ * @element igc-banner
+ *
+ * @slot - Renders the text content of the banner message.
+ * @slot prefix - Renders additional content at the start of the message block.
+ * @slot actions - Renders any action elements.
+ *
+ * @fires igcClosing - Emitted before closing the banner - when a user interacts (click) with the default action of the banner.
+ * @fires igcClosed - Emitted after the banner is closed - when a user interacts (click) with the default action of the banner.
+ *
+ * @csspart base - The base wrapper of the banner component.
+ * @csspart spacer - The inner wrapper that sets the space around the banner.
+ * @csspart message - The part that holds the text and the illustration.
+ * @csspart illustration - The part that holds the banner icon/illustration.
+ * @csspart content - The part that holds the banner text content.
+ * @csspart actions - The part that holds the banner action buttons.
+ */
+export default class IgcBannerComponent extends IgcBannerComponent_base {
+    static readonly tagName = "igc-banner";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private _internals;
+    private _bannerRef;
+    private _animationPlayer;
+    /**
+     * Determines whether the banner is being shown/hidden.
+     * @attr
+     */
+    open: boolean;
+    constructor();
+    /** Shows the banner if not already shown. Returns `true` when the animation has completed. */
+    show(): Promise<boolean>;
+    /** Hides the banner if not already hidden. Returns `true` when the animation has completed. */
+    hide(): Promise<boolean>;
+    /** Toggles between shown/hidden state. Returns `true` when the animation has completed. */
+    toggle(): Promise<boolean>;
+    private toggleAnimation;
+    private handleClick;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-banner': IgcBannerComponent;
+    }
+}
+export {};

package/components/banner/banner.js

@@ -0,0 +1,100 @@
+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;
+};
+var IgcBannerComponent_1;
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+import { addAnimationController } from '../../animations/player.js';
+import { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';
+import { themes } from '../../theming/theming-decorator.js';
+import IgcButtonComponent from '../button/button.js';
+import { registerComponent } from '../common/definitions/register.js';
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { styles } from './themes/banner.base.css.js';
+import { all } from './themes/themes.js';
+let IgcBannerComponent = IgcBannerComponent_1 = class IgcBannerComponent extends EventEmitterMixin(LitElement) {
+    static register() {
+        registerComponent(IgcBannerComponent_1, IgcButtonComponent);
+    }
+    constructor() {
+        super();
+        this._bannerRef = createRef();
+        this._animationPlayer = addAnimationController(this, this._bannerRef);
+        this.open = false;
+        this._internals = this.attachInternals();
+        this._internals.role = 'status';
+        this._internals.ariaLive = 'polite';
+    }
+    async show() {
+        if (this.open) {
+            return false;
+        }
+        this.open = true;
+        return await this.toggleAnimation('open');
+    }
+    async hide() {
+        if (!this.open) {
+            return false;
+        }
+        await this.toggleAnimation('close');
+        this.open = false;
+        return true;
+    }
+    async toggle() {
+        return this.open ? await this.hide() : await this.show();
+    }
+    async toggleAnimation(dir) {
+        const animation = dir === 'open' ? growVerIn : growVerOut;
+        const [_, event] = await Promise.all([
+            this._animationPlayer.stopAll(),
+            this._animationPlayer.play(animation()),
+        ]);
+        return event.type === 'finish';
+    }
+    async handleClick() {
+        if (this.emitEvent('igcClosing', { cancelable: true })) {
+            await this.hide();
+            this.emitEvent('igcClosed');
+        }
+    }
+    render() {
+        return html `
+      <div ${ref(this._bannerRef)} part="base" .inert=${!this.open}>
+        <div part="spacer">
+          <div part="message">
+            <div part="illustration">
+              <slot name="prefix"></slot>
+            </div>
+            <div part="content">
+              <slot></slot>
+            </div>
+          </div>
+          <div part="actions">
+            <slot name="actions">
+              <igc-button
+                type="button"
+                variant="flat"
+                @click=${this.handleClick}
+                >OK</igc-button
+              >
+            </slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+IgcBannerComponent.tagName = 'igc-banner';
+IgcBannerComponent.styles = [styles];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcBannerComponent.prototype, "open", void 0);
+IgcBannerComponent = IgcBannerComponent_1 = __decorate([
+    themes(all)
+], IgcBannerComponent);
+export default IgcBannerComponent;
+//# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/components/banner/banner.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { styles } from './themes/banner.base.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcBannerComponentEventMap {\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\n/**\n * The `igc-banner` component displays important and concise message(s) for a user to address, that is specific to a page or feature.\n *\n * @element igc-banner\n *\n * @slot - Renders the text content of the banner message.\n * @slot prefix - Renders additional content at the start of the message block.\n * @slot actions - Renders any action elements.\n *\n * @fires igcClosing - Emitted before closing the banner - when a user interacts (click) with the default action of the banner.\n * @fires igcClosed - Emitted after the banner is closed - when a user interacts (click) with the default action of the banner.\n *\n * @csspart base - The base wrapper of the banner component.\n * @csspart spacer - The inner wrapper that sets the space around the banner.\n * @csspart message - The part that holds the text and the illustration.\n * @csspart illustration - The part that holds the banner icon/illustration.\n * @csspart content - The part that holds the banner text content.\n * @csspart actions - The part that holds the banner action buttons.\n */\n\n@themes(all)\nexport default class IgcBannerComponent extends EventEmitterMixin<\n  IgcBannerComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-banner';\n  public static styles = [styles];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcBannerComponent, IgcButtonComponent);\n  }\n\n  private _internals: ElementInternals;\n  private _bannerRef: Ref<HTMLElement> = createRef();\n  private _animationPlayer = addAnimationController(this, this._bannerRef);\n\n  /**\n   * Determines whether the banner is being shown/hidden.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n\n    this._internals.role = 'status';\n    this._internals.ariaLive = 'polite';\n  }\n\n  /** Shows the banner if not already shown. Returns `true` when the animation has completed. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    return await this.toggleAnimation('open');\n  }\n\n  /** Hides the banner if not already hidden. Returns `true` when the animation has completed. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    await this.toggleAnimation('close');\n    this.open = false;\n    return true;\n  }\n\n  /** Toggles between shown/hidden state. Returns `true` when the animation has completed. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? await this.hide() : await this.show();\n  }\n\n  private async toggleAnimation(dir: 'open' | 'close') {\n    const animation = dir === 'open' ? growVerIn : growVerOut;\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  private async handleClick() {\n    if (this.emitEvent('igcClosing', { cancelable: true })) {\n      await this.hide();\n      this.emitEvent('igcClosed');\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div ${ref(this._bannerRef)} part=\"base\" .inert=${!this.open}>\n        <div part=\"spacer\">\n          <div part=\"message\">\n            <div part=\"illustration\">\n              <slot name=\"prefix\"></slot>\n            </div>\n            <div part=\"content\">\n              <slot></slot>\n            </div>\n          </div>\n          <div part=\"actions\">\n            <slot name=\"actions\">\n              <igc-button\n                type=\"button\"\n                variant=\"flat\"\n                @click=${this.handleClick}\n                >OK</igc-button\n              >\n            </slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-banner': IgcBannerComponent;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{display:block;min-width:20rem;-ms-flex-preferred-size:20rem;flex-basis:20rem}[part~=spacer]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem .5rem;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[part~=message]{min-width:9.375rem;-ms-flex-preferred-size:9.375rem;flex-basis:9.375rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part~=illustration]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=illustration],[part~=message]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part~=actions]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end}::slotted([slot=actions]){display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){-webkit-margin-end:1rem;margin-inline-end:1rem}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;
+//# sourceMappingURL=banner.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.base.css.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/banner.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8tCAA8tC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:block;min-width:20rem;-ms-flex-preferred-size:20rem;flex-basis:20rem}[part~=spacer]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem .5rem;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[part~=message]{min-width:9.375rem;-ms-flex-preferred-size:9.375rem;flex-basis:9.375rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part~=illustration]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=illustration],[part~=message]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part~=actions]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end}::slotted([slot=actions]){display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){-webkit-margin-end:1rem;margin-inline-end:1rem}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-800), var(--ig-gray-a)))}`;
+//# sourceMappingURL=banner.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-800), var(--ig-gray-a)))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
+//# sourceMappingURL=banner.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
+//# sourceMappingURL=banner.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
+//# sourceMappingURL=banner.material.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-800), var(--ig-gray-a)))}`;
+//# sourceMappingURL=banner.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-800), var(--ig-gray-a)))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
+//# sourceMappingURL=banner.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
+//# sourceMappingURL=banner.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4eAA4e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
+//# sourceMappingURL=banner.material.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--banner-message-color: var(--ig-banner-banner-message-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}

package/components/banner/themes/shared/banner.bootstrap.css.d.ts

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

package/components/banner/themes/shared/banner.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=spacer]{background:var(--banner-background);-webkit-box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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);color:var(--banner-message-color)}`;
+//# sourceMappingURL=banner.bootstrap.css.js.map

package/components/banner/themes/shared/banner.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k3BAAk3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{background:var(--banner-background);-webkit-box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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);color:var(--banner-message-color)}`;\n"]}

package/components/banner/themes/shared/banner.fluent.css.d.ts

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

package/components/banner/themes/shared/banner.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=spacer]{background:var(--banner-background);-webkit-box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--banner-message-color)}`;
+//# sourceMappingURL=banner.fluent.css.js.map

package/components/banner/themes/shared/banner.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,23BAA23B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{background:var(--banner-background);-webkit-box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--banner-message-color)}`;\n"]}

package/components/banner/themes/shared/banner.indigo.css.d.ts

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

package/components/banner/themes/shared/banner.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=spacer]{padding:1rem;background:var(--banner-background);-webkit-box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;-webkit-margin-end:0;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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);color:var(--banner-message-color)}`;
+//# sourceMappingURL=banner.indigo.css.js.map

package/components/banner/themes/shared/banner.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,85BAA85B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{padding:1rem;background:var(--banner-background);-webkit-box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;-webkit-margin-end:0;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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);color:var(--banner-message-color)}`;\n"]}

package/components/banner/themes/shared/banner.material.css.d.ts

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

package/components/banner/themes/shared/banner.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=spacer]{background:var(--banner-background);-webkit-box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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);color:var(--banner-message-color)}`;
+//# sourceMappingURL=banner.material.css.js.map

package/components/banner/themes/shared/banner.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k3BAAk3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{background:var(--banner-background);-webkit-box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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);color:var(--banner-message-color)}`;\n"]}

package/components/banner/themes/themes.d.ts

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

package/components/banner/themes/themes.js

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

package/components/banner/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/banner.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/banner.fluent.css.js';\nimport { styles as indigoDark } from './dark/banner.indigo.css.js';\nimport { styles as materialDark } from './dark/banner.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/banner.bootstrap.css.js';\nimport { styles as fluentLight } from './light/banner.fluent.css.js';\nimport { styles as indigoLight } from './light/banner.indigo.css.js';\nimport { styles as materialLight } from './light/banner.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/banner.bootstrap.css.js';\nimport { styles as fluent } from './shared/banner.fluent.css.js';\nimport { styles as indigo } from './shared/banner.indigo.css.js';\nimport { styles as material } from './shared/banner.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -10,8 +10,10 @@ export declare abstract class IgcButtonBaseComponent extends IgcButtonBaseCompon
     protected static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
     };
+    private _kbFocus;
     protected __internals: ElementInternals;
     protected _disabled: boolean;
     private _nativeButton;

package/components/button/button-base.js

@@ -8,23 +8,24 @@ import { LitElement, html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { EventEmitterMixin } from '../common//mixins/event-emitter.js';
+import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
 import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import { SizableMixin } from '../common/mixins/sizable.js';
+import { partNameMap } from '../common/util.js';
 let IgcButtonBaseComponent = class IgcButtonBaseComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
     get disabled() {
         return this._disabled;
     }
     set disabled(value) {
-        const prev = this._disabled;
         this._disabled = value;
         this.toggleAttribute('disabled', Boolean(this._disabled));
-        this.requestUpdate('disabled', prev);
     }
     get form() {
         return this.__internals.form;
     }
     constructor() {
         super();
+        this._kbFocus = addKeyboardFocusRing(this);
         this._disabled = false;
         this.type = 'button';
         this.__internals = this.attachInternals();
@@ -44,8 +45,10 @@ let IgcButtonBaseComponent = class IgcButtonBaseComponent extends SizableMixin(E
     }
     handleBlur() {
         this.emitEvent('igcBlur');
+        this._kbFocus.reset();
     }
     handleClick() {
+        this._kbFocus.reset();
         switch (this.type) {
             case 'submit':
                 return this.form?.requestSubmit();
@@ -62,7 +65,10 @@ let IgcButtonBaseComponent = class IgcButtonBaseComponent extends SizableMixin(E
     renderButton() {
         return html `
       <button
-        part="base"
+        part=${partNameMap({
+            base: true,
+            focused: this._kbFocus.focused,
+        })}
         aria-label=${ifDefined(this.ariaLabel ?? nothing)}
         ?disabled=${this.disabled}
         type=${ifDefined(this.type)}
@@ -77,7 +83,10 @@ let IgcButtonBaseComponent = class IgcButtonBaseComponent extends SizableMixin(E
     renderLinkButton() {
         return html `
       <a
-        part="base"
+        part=${partNameMap({
+            base: true,
+            focused: this._kbFocus.focused,
+        })}
         role="button"
         aria-label=${ifDefined(this.ariaLabel ?? nothing)}
         aria-disabled=${this.disabled ? 'true' : 'false'}

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

@@ -1 +1 @@
-{"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\n\nexport interface IgcButtonEventMap {\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n@blazorDeepImport\nexport abstract class IgcButtonBaseComponent extends SizableMixin(\n  EventEmitterMixin<IgcButtonEventMap, Constructor<LitElement>>(LitElement)\n) {\n  public static readonly formAssociated = true;\n\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  protected __internals: ElementInternals;\n  protected _disabled = false;\n\n  @query('[part=\"base\"]', true)\n  private _nativeButton!: HTMLButtonElement;\n\n  /* alternateName: displayType */\n  /**\n   * The type of the button. Defaults to `button`.\n   * @attr\n   */\n  @property({ reflect: true })\n  public type: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * The URL the button points to.\n   * @attr\n   */\n  @property()\n  public href!: string;\n\n  /**\n   * Prompts to save the linked URL instead of navigating to it.\n   * @attr\n   */\n  @property()\n  public download!: string;\n\n  /**\n   * Where to display the linked URL, as the name for a browsing context.\n   * @attr\n   */\n  @property()\n  public target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /**\n   * The relationship of the linked URL.\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n   * @attr\n   */\n  @property()\n  public rel!: string;\n\n  /**\n   * The disabled state of the component\n   * @attr [disabled=false]\n   */\n  @property({ type: Boolean, reflect: true })\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  public set disabled(value: boolean) {\n    const prev = this._disabled;\n    this._disabled = value;\n    this.toggleAttribute('disabled', Boolean(this._disabled));\n    this.requestUpdate('disabled', prev);\n  }\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form() {\n    return this.__internals.form;\n  }\n\n  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n    this.size = 'medium';\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus in the button. */\n  public override focus(options?: FocusOptions) {\n    this._nativeButton.focus(options);\n  }\n\n  /** Simulates a mouse click on the element */\n  public override click() {\n    this._nativeButton.click();\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the button. */\n  public override blur() {\n    this._nativeButton.blur();\n  }\n\n  protected handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n  }\n\n  protected handleClick() {\n    switch (this.type) {\n      case 'submit':\n        return this.form?.requestSubmit();\n      case 'reset':\n        return this.form?.reset();\n      default:\n        return;\n    }\n  }\n\n  protected formDisabledCallback(state: boolean) {\n    this._disabled = state;\n    this.requestUpdate();\n  }\n\n  private renderButton() {\n    return html`\n      <button\n        part=\"base\"\n        aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n        ?disabled=${this.disabled}\n        type=${ifDefined(this.type)}\n        @click=${this.handleClick}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n      >\n        ${this.renderContent()}\n      </button>\n    `;\n  }\n\n  private renderLinkButton() {\n    return html`\n      <a\n        part=\"base\"\n        role=\"button\"\n        aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        href=${ifDefined(this.href)}\n        target=${ifDefined(this.target)}\n        download=${ifDefined(this.download)}\n        rel=${ifDefined(this.rel)}\n        @focus=${this.disabled ? nothing : this.handleFocus}\n        @blur=${this.disabled ? nothing : this.handleBlur}\n      >\n        ${this.renderContent()}\n      </a>\n    `;\n  }\n\n  protected abstract renderContent(): TemplateResult;\n\n  protected override render() {\n    const link = this.href !== undefined;\n    return link ? this.renderLinkButton() : this.renderButton();\n  }\n}\n"]}
+{"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { partNameMap } from '../common/util.js';\n\nexport interface IgcButtonEventMap {\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n@blazorDeepImport\nexport abstract class IgcButtonBaseComponent extends SizableMixin(\n  EventEmitterMixin<IgcButtonEventMap, Constructor<LitElement>>(LitElement)\n) {\n  public static readonly formAssociated = true;\n\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  private _kbFocus = addKeyboardFocusRing(this);\n\n  protected __internals: ElementInternals;\n  protected _disabled = false;\n\n  @query('[part=\"base\"]', true)\n  private _nativeButton!: HTMLButtonElement;\n\n  /* alternateName: displayType */\n  /**\n   * The type of the button. Defaults to `button`.\n   * @attr\n   */\n  @property({ reflect: true })\n  public type: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * The URL the button points to.\n   * @attr\n   */\n  @property()\n  public href!: string;\n\n  /**\n   * Prompts to save the linked URL instead of navigating to it.\n   * @attr\n   */\n  @property()\n  public download!: string;\n\n  /**\n   * Where to display the linked URL, as the name for a browsing context.\n   * @attr\n   */\n  @property()\n  public target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /**\n   * The relationship of the linked URL.\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n   * @attr\n   */\n  @property()\n  public rel!: string;\n\n  /**\n   * The disabled state of the component\n   * @attr [disabled=false]\n   */\n  @property({ type: Boolean, reflect: true })\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.toggleAttribute('disabled', Boolean(this._disabled));\n  }\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form() {\n    return this.__internals.form;\n  }\n\n  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n\n    this.size = 'medium';\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus in the button. */\n  public override focus(options?: FocusOptions) {\n    this._nativeButton.focus(options);\n  }\n\n  /** Simulates a mouse click on the element */\n  public override click() {\n    this._nativeButton.click();\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the button. */\n  public override blur() {\n    this._nativeButton.blur();\n  }\n\n  protected handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n    this._kbFocus.reset();\n  }\n\n  protected handleClick() {\n    this._kbFocus.reset();\n    switch (this.type) {\n      case 'submit':\n        return this.form?.requestSubmit();\n      case 'reset':\n        return this.form?.reset();\n      default:\n        return;\n    }\n  }\n\n  protected formDisabledCallback(state: boolean) {\n    this._disabled = state;\n    this.requestUpdate();\n  }\n\n  private renderButton() {\n    return html`\n      <button\n        part=${partNameMap({\n          base: true,\n          focused: this._kbFocus.focused,\n        })}\n        aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n        ?disabled=${this.disabled}\n        type=${ifDefined(this.type)}\n        @click=${this.handleClick}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n      >\n        ${this.renderContent()}\n      </button>\n    `;\n  }\n\n  private renderLinkButton() {\n    return html`\n      <a\n        part=${partNameMap({\n          base: true,\n          focused: this._kbFocus.focused,\n        })}\n        role=\"button\"\n        aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        href=${ifDefined(this.href)}\n        target=${ifDefined(this.target)}\n        download=${ifDefined(this.download)}\n        rel=${ifDefined(this.rel)}\n        @focus=${this.disabled ? nothing : this.handleFocus}\n        @blur=${this.disabled ? nothing : this.handleBlur}\n      >\n        ${this.renderContent()}\n      </a>\n    `;\n  }\n\n  protected abstract renderContent(): TemplateResult;\n\n  protected override render() {\n    const link = this.href !== undefined;\n    return link ? this.renderLinkButton() : this.renderButton();\n  }\n}\n"]}