igniteui-webcomponents 7.2.3 → 7.3.0-beta.0

package/components/calendar/themes/days.js.map

@@ -1 +1 @@
-{"version":3,"file":"days.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/days-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/days-view.indigo.css.js';\nimport { styles as material } from './shared/material/days-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"days.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/days-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/days-view.indigo.css.js';\nimport { styles as material } from './shared/material/days-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/calendar/themes/year-month.d.ts

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

package/components/calendar/themes/year-month.js.map

@@ -1 +1 @@
-{"version":3,"file":"year-month.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/year-month.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAEvF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/year-month-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/year-month-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/year-month-view.indigo.css.js';\nimport { styles as material } from './shared/material/year-month-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"year-month.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/year-month.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAEvF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/year-month-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/year-month-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/year-month-view.indigo.css.js';\nimport { styles as material } from './shared/material/year-month-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/calendar/types.d.ts

@@ -6,8 +6,17 @@ export declare enum DateRangeType {
     Weekdays = 4,
     Weekends = 5
 }
+/** Describes a set of dates by combining a range type with the dates it applies to. */
 export interface DateRangeDescriptor {
+    /** The kind of range being described, which determines how {@link DateRangeDescriptor.dateRange} is matched. */
     type: DateRangeType;
+    /**
+     * The date or dates the descriptor applies to, interpreted according to {@link DateRangeDescriptor.type}.
+     * {@link DateRangeType.After} and {@link DateRangeType.Before} use the first date,
+     * {@link DateRangeType.Between} uses the first and the last, and
+     * {@link DateRangeType.Specific} matches every date listed. Not used by
+     * {@link DateRangeType.Weekdays} and {@link DateRangeType.Weekends}.
+     */
     dateRange?: Date[];
 }
 export type WeekDays = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
@@ -17,3 +26,12 @@ export type CalendarSelection = 'single' | 'multiple' | 'range';
 export interface IgcCalendarComponentEventMap {
     igcChange: CustomEvent<Date | Date[]>;
 }
+/**
+ * The events emitted by the individual views of the calendar.
+ *
+ * @remarks
+ * Unlike the calendar itself, a view always changes by a single date.
+ */
+export interface IgcCalendarViewComponentEventMap {
+    igcChange: CustomEvent<Date>;
+}

package/components/calendar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/calendar/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAOX;AAPD,WAAY,aAAa;IACvB,mDAAS,CAAA;IACT,qDAAU,CAAA;IACV,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,yDAAY,CAAA;IACZ,yDAAY,CAAA;AACd,CAAC,EAPW,aAAa,KAAb,aAAa,QAOxB","sourcesContent":["export enum DateRangeType {\n  After = 0,\n  Before = 1,\n  Between = 2,\n  Specific = 3,\n  Weekdays = 4,\n  Weekends = 5,\n}\n\n/* creationType: DateRangeDescriptor */\nexport interface DateRangeDescriptor {\n  type: DateRangeType;\n  dateRange?: Date[];\n}\n\nexport type WeekDays =\n  | 'sunday'\n  | 'monday'\n  | 'tuesday'\n  | 'wednesday'\n  | 'thursday'\n  | 'friday'\n  | 'saturday';\nexport type CalendarActiveView = 'days' | 'months' | 'years';\nexport type CalendarHeaderOrientation = 'horizontal' | 'vertical';\nexport type CalendarSelection = 'single' | 'multiple' | 'range';\n\nexport interface IgcCalendarComponentEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/calendar/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAOX;AAPD,WAAY,aAAa;IACvB,mDAAS,CAAA;IACT,qDAAU,CAAA;IACV,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,yDAAY,CAAA;IACZ,yDAAY,CAAA;AACd,CAAC,EAPW,aAAa,KAAb,aAAa,QAOxB","sourcesContent":["export enum DateRangeType {\n  After = 0,\n  Before = 1,\n  Between = 2,\n  Specific = 3,\n  Weekdays = 4,\n  Weekends = 5,\n}\n\n/* creationType: DateRangeDescriptor */\n/** Describes a set of dates by combining a range type with the dates it applies to. */\nexport interface DateRangeDescriptor {\n  /** The kind of range being described, which determines how {@link DateRangeDescriptor.dateRange} is matched. */\n  type: DateRangeType;\n  /**\n   * The date or dates the descriptor applies to, interpreted according to {@link DateRangeDescriptor.type}.\n   * {@link DateRangeType.After} and {@link DateRangeType.Before} use the first date,\n   * {@link DateRangeType.Between} uses the first and the last, and\n   * {@link DateRangeType.Specific} matches every date listed. Not used by\n   * {@link DateRangeType.Weekdays} and {@link DateRangeType.Weekends}.\n   */\n  dateRange?: Date[];\n}\n\nexport type WeekDays =\n  | 'sunday'\n  | 'monday'\n  | 'tuesday'\n  | 'wednesday'\n  | 'thursday'\n  | 'friday'\n  | 'saturday';\nexport type CalendarActiveView = 'days' | 'months' | 'years';\nexport type CalendarHeaderOrientation = 'horizontal' | 'vertical';\nexport type CalendarSelection = 'single' | 'multiple' | 'range';\n\nexport interface IgcCalendarComponentEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n\n/**\n * The events emitted by the individual views of the calendar.\n *\n * @remarks\n * Unlike the calendar itself, a view always changes by a single date.\n */\nexport interface IgcCalendarViewComponentEventMap {\n  igcChange: CustomEvent<Date>;\n}\n"]}

package/components/calendar/year-month-view.base.d.ts

@@ -0,0 +1,44 @@
+import { LitElement, type TemplateResult } from 'lit';
+import { CalendarDay } from '#internals/date/model.js';
+import type { Constructor } from '#internals/mixins/constructor.js';
+import type { IgcCalendarViewComponentEventMap } from './types.js';
+/** A single cell of a year/month view. */
+export interface YearMonthViewCell {
+    /** The value the cell represents - a month index or a year. */
+    value: number;
+    label: string;
+    /** Announced instead of {@link YearMonthViewCell.label}, when it is not descriptive on its own. */
+    ariaLabel?: string;
+    selected: boolean;
+    current: boolean;
+}
+declare const IgcYearMonthViewBaseComponent_base: Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarViewComponentEventMap>> & Constructor<LitElement>;
+/**
+ * Base class of the year and month calendar views.
+ *
+ * @remarks
+ * Both are grids of single values derived from the current one, so everything except
+ * which cells to render is shared.
+ */
+export declare abstract class IgcYearMonthViewBaseComponent extends IgcYearMonthViewBaseComponent_base {
+    static styles: import("lit").CSSResult;
+    protected _value: CalendarDay;
+    private _activeCell?;
+    /** The `part` name of the cells of the view. The row and inner parts are derived from it. */
+    protected abstract readonly _cellPart: 'month' | 'year';
+    protected abstract readonly _cellsPerRow: number;
+    /** The current value of the calendar. */
+    set value(value: Date);
+    get value(): Date;
+    constructor();
+    protected _handleInteraction(event: Event): void;
+    /** The cells rendered for the current value, given the current date. */
+    protected abstract _getCells(today: CalendarDay): YearMonthViewCell[];
+    /** The value of the view after the cell holding `value` is activated. */
+    protected abstract _valueFromCell(value: number): CalendarDay;
+    /** Focuses the active date. */
+    focusActiveDate(options?: FocusOptions): void;
+    protected _renderCell({ value, label, ariaLabel, selected, current, }: YearMonthViewCell): TemplateResult;
+    protected render(): Generator<TemplateResult>;
+}
+export {};

package/components/calendar/year-month-view.base.js

@@ -0,0 +1,89 @@
+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, query, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { addInternalsController } from '#internals/controllers/internals.js';
+import { addKeybindings } from '#internals/controllers/key-bindings.js';
+import { CalendarDay } from '#internals/date/model.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { partMap } from '#internals/part-map.js';
+import { chunk } from '#internals/utils/arrays.js';
+import { addSafeEventListener } from '#internals/utils/events.js';
+import { addThemingController } from '#theming/theming-controller.js';
+import { getViewElement } from './helpers.js';
+import { styles } from './themes/year-month-view.base.css.js';
+import { all } from './themes/year-month.js';
+export class IgcYearMonthViewBaseComponent extends EventEmitterMixin(LitElement) {
+    static { this.styles = styles; }
+    set value(value) {
+        this._value = CalendarDay.from(value);
+    }
+    get value() {
+        return this._value.native;
+    }
+    constructor() {
+        super();
+        this._value = CalendarDay.today;
+        addInternalsController(this, {
+            initialARIA: { role: 'grid' },
+            reflectRole: true,
+        });
+        addThemingController(this, all);
+        addKeybindings(this).setActivateHandler(this._handleInteraction);
+        addSafeEventListener(this, 'click', this._handleInteraction);
+    }
+    _handleInteraction(event) {
+        const value = getViewElement(event);
+        if (value !== -1) {
+            this._value = this._valueFromCell(value);
+            this.emitEvent('igcChange', { detail: this.value });
+        }
+    }
+    focusActiveDate(options) {
+        this._activeCell?.focus(options);
+    }
+    _renderCell({ value, label, ariaLabel, selected, current, }) {
+        const part = this._cellPart;
+        const inner = `${part}-inner`;
+        return html `
+      <span part=${partMap({ [part]: true, selected, current })}>
+        <span
+          role="gridcell"
+          data-value=${value}
+          part=${partMap({ [inner]: true, selected, current })}
+          aria-selected=${selected}
+          aria-label=${ifDefined(ariaLabel)}
+          tabindex=${selected ? 0 : -1}
+        >
+          ${label}
+        </span>
+      </span>
+    `;
+    }
+    *render() {
+        const cells = this._getCells(CalendarDay.today);
+        const rowPart = `${this._cellPart}s-row`;
+        for (const row of chunk(cells, this._cellsPerRow)) {
+            yield html `
+        <div part=${rowPart} role="row">
+          ${row.map((cell) => this._renderCell(cell))}
+        </div>
+      `;
+        }
+    }
+}
+__decorate([
+    state()
+], IgcYearMonthViewBaseComponent.prototype, "_value", void 0);
+__decorate([
+    query('[tabindex="0"]')
+], IgcYearMonthViewBaseComponent.prototype, "_activeCell", void 0);
+__decorate([
+    property({ attribute: false })
+], IgcYearMonthViewBaseComponent.prototype, "value", null);
+//# sourceMappingURL=year-month-view.base.js.map

package/components/calendar/year-month-view.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-month-view.base.js","sourceRoot":"","sources":["../../../src/components/calendar/year-month-view.base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { addKeybindings } from '#internals/controllers/key-bindings.js';\nimport { CalendarDay } from '#internals/date/model.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { partMap } from '#internals/part-map.js';\nimport { chunk } from '#internals/utils/arrays.js';\nimport { addSafeEventListener } from '#internals/utils/events.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { getViewElement } from './helpers.js';\nimport { styles } from './themes/year-month-view.base.css.js';\nimport { all } from './themes/year-month.js';\nimport type { IgcCalendarViewComponentEventMap } from './types.js';\n\n/** A single cell of a year/month view. */\nexport interface YearMonthViewCell {\n  /** The value the cell represents - a month index or a year. */\n  value: number;\n  label: string;\n  /** Announced instead of {@link YearMonthViewCell.label}, when it is not descriptive on its own. */\n  ariaLabel?: string;\n  selected: boolean;\n  current: boolean;\n}\n\n/**\n * Base class of the year and month calendar views.\n *\n * @remarks\n * Both are grids of single values derived from the current one, so everything except\n * which cells to render is shared.\n */\nexport abstract class IgcYearMonthViewBaseComponent extends EventEmitterMixin<\n  IgcCalendarViewComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static styles = styles;\n\n  //#region Internal state\n\n  @state()\n  protected _value = CalendarDay.today;\n\n  @query('[tabindex=\"0\"]')\n  private _activeCell?: HTMLElement;\n\n  /** The `part` name of the cells of the view. The row and inner parts are derived from it. */\n  protected abstract readonly _cellPart: 'month' | 'year';\n\n  protected abstract readonly _cellsPerRow: number;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /** The current value of the calendar. */\n  @property({ attribute: false })\n  public set value(value: Date) {\n    this._value = CalendarDay.from(value);\n  }\n\n  public get value(): Date {\n    return this._value.native;\n  }\n\n  //#endregion\n\n  //#region Lifecycle methods\n\n  constructor() {\n    super();\n\n    addInternalsController(this, {\n      initialARIA: { role: 'grid' },\n      reflectRole: true,\n    });\n    addThemingController(this, all);\n    addKeybindings(this).setActivateHandler(this._handleInteraction);\n    addSafeEventListener(this, 'click', this._handleInteraction);\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleInteraction(event: Event): void {\n    const value = getViewElement(event);\n\n    if (value !== -1) {\n      this._value = this._valueFromCell(value);\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /** The cells rendered for the current value, given the current date. */\n  protected abstract _getCells(today: CalendarDay): YearMonthViewCell[];\n\n  /** The value of the view after the cell holding `value` is activated. */\n  protected abstract _valueFromCell(value: number): CalendarDay;\n\n  //#endregion\n\n  //#region Public methods\n\n  /** Focuses the active date. */\n  public focusActiveDate(options?: FocusOptions): void {\n    this._activeCell?.focus(options);\n  }\n\n  //#endregion\n\n  protected _renderCell({\n    value,\n    label,\n    ariaLabel,\n    selected,\n    current,\n  }: YearMonthViewCell): TemplateResult {\n    const part = this._cellPart;\n    const inner = `${part}-inner`;\n\n    return html`\n      <span part=${partMap({ [part]: true, selected, current })}>\n        <span\n          role=\"gridcell\"\n          data-value=${value}\n          part=${partMap({ [inner]: true, selected, current })}\n          aria-selected=${selected}\n          aria-label=${ifDefined(ariaLabel)}\n          tabindex=${selected ? 0 : -1}\n        >\n          ${label}\n        </span>\n      </span>\n    `;\n  }\n\n  protected override *render(): Generator<TemplateResult> {\n    const cells = this._getCells(CalendarDay.today);\n    const rowPart = `${this._cellPart}s-row`;\n\n    for (const row of chunk(cells, this._cellsPerRow)) {\n      yield html`\n        <div part=${rowPart} role=\"row\">\n          ${row.map((cell) => this._renderCell(cell))}\n        </div>\n      `;\n    }\n  }\n}\n"]}

package/components/calendar/years-view/years-view.d.ts

@@ -1,8 +1,5 @@
-import { LitElement, type TemplateResult } from 'lit';
-import type { Constructor } from '../../common/mixins/constructor.js';
-import { CalendarDay } from '../model.js';
-import type { IgcCalendarComponentEventMap } from '../types.js';
-declare const IgcYearsViewComponent_base: Constructor<import("../../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarComponentEventMap>> & Constructor<LitElement>;
+import type { CalendarDay } from '#internals/date/model.js';
+import { IgcYearMonthViewBaseComponent, type YearMonthViewCell } from '../year-month-view.base.js';
 /**
  * Instantiate a years view as a separate component in the calendar.
  *
@@ -12,31 +9,21 @@ declare const IgcYearsViewComponent_base: Constructor<import("../../common/mixin
  * @csspart year - The year container.
  * @csspart year-inner - The inner year container.
  */
-export default class IgcYearsViewComponent extends IgcYearsViewComponent_base {
+export default class IgcYearsViewComponent extends IgcYearMonthViewBaseComponent {
     static readonly tagName = "igc-years-view";
-    static styles: import("lit").CSSResult;
     static register(): void;
-    private _value;
-    private _activeYear?;
-    /** Тhe current value of the calendar. */
-    set value(value: Date);
-    get value(): Date;
+    protected readonly _cellPart = "year";
+    protected readonly _cellsPerRow = 3;
     /**
      * Sets how many years are displayed on a single page.
      * @attr years-per-page
      */
     yearsPerPage: number;
-    constructor();
-    connectedCallback(): void;
-    protected _handleInteraction(event: Event): void;
-    /** Focuses the active year element. */
-    focusActiveDate(options?: FocusOptions): void;
-    protected _renderYear(year: number, now: CalendarDay): TemplateResult;
-    protected render(): Generator<TemplateResult>;
+    protected _valueFromCell(value: number): CalendarDay;
+    protected _getCells(today: CalendarDay): YearMonthViewCell[];
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-years-view': IgcYearsViewComponent;
     }
 }
-export {};

package/components/calendar/years-view/years-view.js

@@ -5,94 +5,40 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var IgcYearsViewComponent_1;
-import { html, LitElement } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { addThemingController } from '../../../theming/theming-controller.js';
-import { addKeybindings } from '../../common/controllers/key-bindings.js';
-import { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';
-import { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';
-import { registerComponent } from '../../common/definitions/register.js';
-import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
-import { partMap } from '../../common/part-map.js';
-import { addSafeEventListener, chunk } from '../../common/util.js';
-import { getViewElement, getYearRange, YEARS_PER_ROW } from '../helpers.js';
-import { CalendarDay } from '../model.js';
-import { all } from '../themes/year-month.js';
-import { styles } from '../themes/year-month-view.base.css.js';
-let IgcYearsViewComponent = class IgcYearsViewComponent extends EventEmitterMixin(LitElement) {
+import { property } from 'lit/decorators.js';
+import { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';
+import { blazorSuppressComponent } from '#internals/decorators/blazorSuppressComponent.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { getYearRange, YEARS_PER_ROW } from '../helpers.js';
+import { IgcYearMonthViewBaseComponent, } from '../year-month-view.base.js';
+let IgcYearsViewComponent = class IgcYearsViewComponent extends IgcYearMonthViewBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._cellPart = 'year';
+        this._cellsPerRow = YEARS_PER_ROW;
+        this.yearsPerPage = 15;
+    }
     static { IgcYearsViewComponent_1 = this; }
     static { this.tagName = 'igc-years-view'; }
-    static { this.styles = styles; }
     static register() {
         registerComponent(IgcYearsViewComponent_1);
     }
-    set value(value) {
-        this._value = CalendarDay.from(value);
-    }
-    get value() {
-        return this._value.native;
-    }
-    constructor() {
-        super();
-        this._value = CalendarDay.today;
-        this.yearsPerPage = 15;
-        addThemingController(this, all);
-        addKeybindings(this).setActivateHandler(this._handleInteraction);
-        addSafeEventListener(this, 'click', this._handleInteraction);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.role = 'grid';
-    }
-    _handleInteraction(event) {
-        const value = getViewElement(event);
-        if (value !== -1) {
-            this._value = this._value.set({ year: value });
-            this.emitEvent('igcChange', { detail: this.value });
-        }
-    }
-    focusActiveDate(options) {
-        this._activeYear?.focus(options);
-    }
-    _renderYear(year, now) {
-        const selected = this._value.year === year;
-        const current = year === now.year;
-        return html `
-      <span part=${partMap({ year: true, selected, current })}>
-        <span
-          role="gridcell"
-          data-value=${year}
-          part=${partMap({ 'year-inner': true, selected, current })}
-          aria-selected=${selected}
-          tabindex=${selected ? 0 : -1}
-        >
-          ${year}
-        </span>
-      </span>
-    `;
+    _valueFromCell(value) {
+        return this._value.set({ year: value });
     }
-    *render() {
-        const now = CalendarDay.today;
+    _getCells(today) {
         const { start } = getYearRange(this._value, this.yearsPerPage);
-        const years = Array.from({ length: this.yearsPerPage }, (_, i) => start + i);
-        for (const row of chunk(years, YEARS_PER_ROW)) {
-            yield html `
-        <div part="years-row" role="row">
-          ${row.map((year) => this._renderYear(year, now))}
-        </div>
-      `;
-        }
+        return Array.from({ length: this.yearsPerPage }, (_, i) => {
+            const year = start + i;
+            return {
+                value: year,
+                label: `${year}`,
+                selected: this._value.year === year,
+                current: year === today.year,
+            };
+        });
     }
 };
-__decorate([
-    state()
-], IgcYearsViewComponent.prototype, "_value", void 0);
-__decorate([
-    query('[tabindex="0"]')
-], IgcYearsViewComponent.prototype, "_activeYear", void 0);
-__decorate([
-    property({ attribute: false })
-], IgcYearsViewComponent.prototype, "value", null);
 __decorate([
     property({ type: Number, attribute: 'years-per-page' })
 ], IgcYearsViewComponent.prototype, "yearsPerPage", void 0);

package/components/calendar/years-view/years-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"years-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/years-view/years-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.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 { partMap } from '../../common/part-map.js';\nimport { addSafeEventListener, chunk } from '../../common/util.js';\nimport { getViewElement, getYearRange, YEARS_PER_ROW } from '../helpers.js';\nimport { CalendarDay } from '../model.js';\nimport { all } from '../themes/year-month.js';\nimport { styles } from '../themes/year-month-view.base.css.js';\nimport type { IgcCalendarComponentEventMap } from '../types.js';\n\n/**\n * Instantiate a years view as a separate component in the calendar.\n *\n * @element igc-years-view\n *\n * @csspart years-row - The years row container.\n * @csspart year - The year container.\n * @csspart year-inner - The inner year container.\n */\n@blazorIndirectRender\n@blazorSuppressComponent\nexport default class IgcYearsViewComponent extends EventEmitterMixin<\n  IgcCalendarComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-years-view';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcYearsViewComponent);\n  }\n\n  //#region Internal State\n\n  @state()\n  private _value = CalendarDay.today;\n\n  @query('[tabindex=\"0\"]')\n  private _activeYear?: HTMLElement;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /** Тhe current value of the calendar. */\n  @property({ attribute: false })\n  public set value(value: Date) {\n    this._value = CalendarDay.from(value);\n  }\n\n  public get value(): Date {\n    return this._value.native;\n  }\n\n  /**\n   * Sets how many years are displayed on a single page.\n   * @attr years-per-page\n   */\n  @property({ type: Number, attribute: 'years-per-page' })\n  public yearsPerPage = 15;\n\n  //#endregion\n\n  //#region Lifecycle\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n    addKeybindings(this).setActivateHandler(this._handleInteraction);\n    addSafeEventListener(this, 'click', this._handleInteraction);\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.role = 'grid';\n  }\n\n  //#endregion\n\n  //#region Event Handlers\n\n  protected _handleInteraction(event: Event): void {\n    const value = getViewElement(event);\n\n    if (value !== -1) {\n      this._value = this._value.set({ year: value });\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  //#endregion\n\n  //#region Public Methods\n\n  /** Focuses the active year element. */\n  public focusActiveDate(options?: FocusOptions): void {\n    this._activeYear?.focus(options);\n  }\n\n  //#endregion\n\n  protected _renderYear(year: number, now: CalendarDay): TemplateResult {\n    const selected = this._value.year === year;\n    const current = year === now.year;\n\n    return html`\n      <span part=${partMap({ year: true, selected, current })}>\n        <span\n          role=\"gridcell\"\n          data-value=${year}\n          part=${partMap({ 'year-inner': true, selected, current })}\n          aria-selected=${selected}\n          tabindex=${selected ? 0 : -1}\n        >\n          ${year}\n        </span>\n      </span>\n    `;\n  }\n\n  protected override *render(): Generator<TemplateResult> {\n    const now = CalendarDay.today;\n    const { start } = getYearRange(this._value, this.yearsPerPage);\n    const years = Array.from(\n      { length: this.yearsPerPage },\n      (_, i) => start + i\n    );\n\n    for (const row of chunk(years, YEARS_PER_ROW)) {\n      yield html`\n        <div part=\"years-row\" role=\"row\">\n          ${row.map((year) => this._renderYear(year, now))}\n        </div>\n      `;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-years-view': IgcYearsViewComponent;\n  }\n}\n"]}
+{"version":3,"file":"years-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/years-view/years-view.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EACL,6BAA6B,GAE9B,MAAM,4BAA4B,CAAC;AAarB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,6BAA6B;IAAjE;;QAUe,cAAS,GAAG,MAAM,CAAC;QACnB,iBAAY,GAAG,aAAa,CAAC;QAWlD,iBAAY,GAAG,EAAE,CAAC;IA0B3B,CAAC;;aA/CwB,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;IAG3C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAqB,CAAC,CAAC;IAC3C,CAAC;IAsBkB,cAAc,CAAC,KAAa;QAC7C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC;IAEkB,SAAS,CAAC,KAAkB;QAC7C,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAE/D,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACxD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;YAEvB,OAAO;gBACL,KAAK,EAAE,IAAI;gBACX,KAAK,EAAE,GAAG,IAAI,EAAE;gBAChB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI;gBACnC,OAAO,EAAE,IAAI,KAAK,KAAK,CAAC,IAAI;aAC7B,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;;AAvBM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;2DAC/B;AAtBN,qBAAqB;IAFzC,oBAAoB;IACpB,uBAAuB;GACH,qBAAqB,CAgDzC;eAhDoB,qBAAqB","sourcesContent":["import { property } from 'lit/decorators.js';\nimport type { CalendarDay } from '#internals/date/model.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '#internals/decorators/blazorSuppressComponent.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { getYearRange, YEARS_PER_ROW } from '../helpers.js';\nimport {\n  IgcYearMonthViewBaseComponent,\n  type YearMonthViewCell,\n} from '../year-month-view.base.js';\n\n/**\n * Instantiate a years view as a separate component in the calendar.\n *\n * @element igc-years-view\n *\n * @csspart years-row - The years row container.\n * @csspart year - The year container.\n * @csspart year-inner - The inner year container.\n */\n@blazorIndirectRender\n@blazorSuppressComponent\nexport default class IgcYearsViewComponent extends IgcYearMonthViewBaseComponent {\n  public static readonly tagName = 'igc-years-view';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcYearsViewComponent);\n  }\n\n  //#region Internal state\n\n  protected override readonly _cellPart = 'year';\n  protected override readonly _cellsPerRow = YEARS_PER_ROW;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Sets how many years are displayed on a single page.\n   * @attr years-per-page\n   */\n  @property({ type: Number, attribute: 'years-per-page' })\n  public yearsPerPage = 15;\n\n  //#endregion\n\n  //#region Internal API\n\n  protected override _valueFromCell(value: number): CalendarDay {\n    return this._value.set({ year: value });\n  }\n\n  protected override _getCells(today: CalendarDay): YearMonthViewCell[] {\n    const { start } = getYearRange(this._value, this.yearsPerPage);\n\n    return Array.from({ length: this.yearsPerPage }, (_, i) => {\n      const year = start + i;\n\n      return {\n        value: year,\n        label: `${year}`,\n        selected: this._value.year === year,\n        current: year === today.year,\n      };\n    });\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-years-view': IgcYearsViewComponent;\n  }\n}\n"]}

package/components/card/card.actions.js

@@ -6,8 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { registerComponent } from '../common/definitions/register.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import { all } from './themes/actions.js';
 import { styles } from './themes/card.actions.base.css.js';
 import { styles as shared } from './themes/shared/actions/card.actions.common.css.js';

package/components/card/card.actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.actions.js","sourceRoot":"","sources":["../../../src/components/card/card.actions.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAqBtF,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAG,kBAAkB,AAArB,CAAsB;aAC7B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAWH,gBAAW,GAAuB,YAAY,CAAC;QAVpD,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAWkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AARM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAC0B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { ContentOrientation } from '../types.js';\nimport { all } from './themes/actions.js';\nimport { styles } from './themes/card.actions.base.css.js';\nimport { styles as shared } from './themes/shared/actions/card.actions.common.css.js';\n\n/**\n * A container component for card action items such as buttons or icon buttons.\n * Actions can be positioned at the start, center, or end of the container.\n *\n * @element igc-card-actions\n *\n * @slot start - Renders items at the beginning of the actions area.\n * @slot - Renders items in the center of the actions area.\n * @slot end - Renders items at the end of the actions area.\n *\n * @example\n * ```html\n * <igc-card-actions>\n *   <igc-button slot=\"start\" variant=\"flat\">Like</igc-button>\n *   <igc-button slot=\"start\" variant=\"flat\">Share</igc-button>\n *   <igc-icon-button slot=\"end\" name=\"more_vert\"></igc-icon-button>\n * </igc-card-actions>\n * ```\n */\nexport default class IgcCardActionsComponent extends LitElement {\n  public static readonly tagName = 'igc-card-actions';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardActionsComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * The orientation of the actions layout.\n   *\n   * @attr orientation\n   * @default 'horizontal'\n   */\n  @property({ reflect: true })\n  public orientation: ContentOrientation = 'horizontal';\n\n  protected override render() {\n    return html`\n      <slot name=\"start\"></slot>\n      <slot></slot>\n      <slot name=\"end\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-actions': IgcCardActionsComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.actions.js","sourceRoot":"","sources":["../../../src/components/card/card.actions.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAqBtF,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAG,kBAAkB,AAArB,CAAsB;aAC7B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAWH,gBAAW,GAAuB,YAAY,CAAC;QAVpD,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAWkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AARM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAC0B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport type { ContentOrientation } from '../types.js';\nimport { all } from './themes/actions.js';\nimport { styles } from './themes/card.actions.base.css.js';\nimport { styles as shared } from './themes/shared/actions/card.actions.common.css.js';\n\n/**\n * A container component for card action items such as buttons or icon buttons.\n * Actions can be positioned at the start, center, or end of the container.\n *\n * @element igc-card-actions\n *\n * @slot start - Renders items at the beginning of the actions area.\n * @slot - Renders items in the center of the actions area.\n * @slot end - Renders items at the end of the actions area.\n *\n * @example\n * ```html\n * <igc-card-actions>\n *   <igc-button slot=\"start\" variant=\"flat\">Like</igc-button>\n *   <igc-button slot=\"start\" variant=\"flat\">Share</igc-button>\n *   <igc-icon-button slot=\"end\" name=\"more_vert\"></igc-icon-button>\n * </igc-card-actions>\n * ```\n */\nexport default class IgcCardActionsComponent extends LitElement {\n  public static readonly tagName = 'igc-card-actions';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardActionsComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * The orientation of the actions layout.\n   *\n   * @attr orientation\n   * @default 'horizontal'\n   */\n  @property({ reflect: true })\n  public orientation: ContentOrientation = 'horizontal';\n\n  protected override render() {\n    return html`\n      <slot name=\"start\"></slot>\n      <slot></slot>\n      <slot name=\"end\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-actions': IgcCardActionsComponent;\n  }\n}\n"]}

package/components/card/card.content.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 /**
  * A container component for the card's main text content.
- * This component should be used within an igc-card element to display the primary content.
+ * This component should be used within a card to display the primary content.
  *
  * @element igc-card-content
  *

package/components/card/card.content.js

@@ -1,6 +1,6 @@
 import { html, LitElement } from 'lit';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { registerComponent } from '../common/definitions/register.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import { styles } from './themes/card.content.base.css.js';
 import { all } from './themes/content.js';
 import { styles as shared } from './themes/shared/content/card.content.common.css.js';

package/components/card/card.content.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.content.js","sourceRoot":"","sources":["../../../src/components/card/card.content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAiBtF,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAG,kBAAkB,CAAC;aAC7B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/card.content.base.css.js';\nimport { all } from './themes/content.js';\nimport { styles as shared } from './themes/shared/content/card.content.common.css.js';\n\n/**\n * A container component for the card's main text content.\n * This component should be used within an igc-card element to display the primary content.\n *\n * @element igc-card-content\n *\n * @slot - Renders the card text content (e.g., paragraphs, lists).\n *\n * @example\n * ```html\n * <igc-card-content>\n *   <p>This is the main content of the card. It can contain any text or HTML content.</p>\n * </igc-card-content>\n * ```\n */\nexport default class IgcCardContentComponent extends LitElement {\n  public static readonly tagName = 'igc-card-content';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardContentComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-content': IgcCardContentComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.content.js","sourceRoot":"","sources":["../../../src/components/card/card.content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAiBtF,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAG,kBAAkB,CAAC;aAC7B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from './themes/card.content.base.css.js';\nimport { all } from './themes/content.js';\nimport { styles as shared } from './themes/shared/content/card.content.common.css.js';\n\n/**\n * A container component for the card's main text content.\n * This component should be used within a card to display the primary content.\n *\n * @element igc-card-content\n *\n * @slot - Renders the card text content (e.g., paragraphs, lists).\n *\n * @example\n * ```html\n * <igc-card-content>\n *   <p>This is the main content of the card. It can contain any text or HTML content.</p>\n * </igc-card-content>\n * ```\n */\nexport default class IgcCardContentComponent extends LitElement {\n  public static readonly tagName = 'igc-card-content';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardContentComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-content': IgcCardContentComponent;\n  }\n}\n"]}

package/components/card/card.d.ts

@@ -6,7 +6,7 @@ import { LitElement } from 'lit';
  *
  * @element igc-card
  *
- * @slot - Renders the card content. Typically contains igc-card-header, igc-card-media, igc-card-content, and igc-card-actions.
+ * @slot - Renders the card content. Typically contains the card header, media, content and actions.
  *
  * @example
  * ```html

package/components/card/card.header.js

@@ -1,6 +1,6 @@
 import { html, LitElement } from 'lit';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { registerComponent } from '../common/definitions/register.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import { styles } from './themes/card.header.base.css.js';
 import { all } from './themes/header.js';
 import { styles as shared } from './themes/shared/header/card.header.common.css.js';

package/components/card/card.header.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.header.js","sourceRoot":"","sources":["../../../src/components/card/card.header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AA0BpF,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;aACrC,YAAO,GAAG,iBAAiB,CAAC;aAC5B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/card.header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/card.header.common.css.js';\n\n/**\n * A container component for the card's header section.\n * Displays header content including an optional thumbnail, title, subtitle, and additional content.\n *\n * @element igc-card-header\n *\n * @slot thumbnail - Renders header media such as an icon or small image.\n * @slot title - Renders the card title (typically a heading element).\n * @slot subtitle - Renders the card subtitle (typically a smaller heading or text).\n * @slot - Renders additional content displayed next to the title area.\n *\n * @csspart header - The card header text container.\n * @csspart title - The title slot wrapper.\n * @csspart subtitle - The subtitle slot wrapper.\n *\n * @example\n * ```html\n * <igc-card-header>\n *   <igc-avatar slot=\"thumbnail\" initials=\"AB\"></igc-avatar>\n *   <h3 slot=\"title\">Card Title</h3>\n *   <h5 slot=\"subtitle\">Card Subtitle</h5>\n * </igc-card-header>\n * ```\n */\nexport default class IgcCardHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-card-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardHeaderComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`\n      <section>\n        <slot name=\"thumbnail\"></slot>\n      </section>\n      <section>\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-header': IgcCardHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.header.js","sourceRoot":"","sources":["../../../src/components/card/card.header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AA0BpF,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;aACrC,YAAO,GAAG,iBAAiB,CAAC;aAC5B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from './themes/card.header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/card.header.common.css.js';\n\n/**\n * A container component for the card's header section.\n * Displays header content including an optional thumbnail, title, subtitle, and additional content.\n *\n * @element igc-card-header\n *\n * @slot thumbnail - Renders header media such as an icon or small image.\n * @slot title - Renders the card title (typically a heading element).\n * @slot subtitle - Renders the card subtitle (typically a smaller heading or text).\n * @slot - Renders additional content displayed next to the title area.\n *\n * @csspart header - The card header text container.\n * @csspart title - The title slot wrapper.\n * @csspart subtitle - The subtitle slot wrapper.\n *\n * @example\n * ```html\n * <igc-card-header>\n *   <igc-avatar slot=\"thumbnail\" initials=\"AB\"></igc-avatar>\n *   <h3 slot=\"title\">Card Title</h3>\n *   <h5 slot=\"subtitle\">Card Subtitle</h5>\n * </igc-card-header>\n * ```\n */\nexport default class IgcCardHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-card-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardHeaderComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`\n      <section>\n        <slot name=\"thumbnail\"></slot>\n      </section>\n      <section>\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-header': IgcCardHeaderComponent;\n  }\n}\n"]}

package/components/card/card.js

@@ -6,8 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { registerComponent } from '../common/definitions/register.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import IgcCardActionsComponent from './card.actions.js';
 import IgcCardContentComponent from './card.content.js';
 import IgcCardHeaderComponent from './card.header.js';

package/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AA2BhF,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;aAC/B,YAAO,GAAG,UAAU,AAAb,CAAc;aACrB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IAYD;QACE,KAAK,EAAE,CAAC;QAHH,aAAQ,GAAG,KAAK,CAAC;QAItB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/card.common.css.js';\n\n/**\n * A container component that wraps different elements related to a single subject.\n * The card component provides a flexible container for organizing content such as headers,\n * media, text content, and actions.\n *\n * @element igc-card\n *\n * @slot - Renders the card content. Typically contains igc-card-header, igc-card-media, igc-card-content, and igc-card-actions.\n *\n * @example\n * ```html\n * <igc-card>\n *   <igc-card-header>\n *     <h3 slot=\"title\">Card Title</h3>\n *     <h5 slot=\"subtitle\">Card Subtitle</h5>\n *   </igc-card-header>\n *   <igc-card-content>\n *     <p>Card content goes here</p>\n *   </igc-card-content>\n *   <igc-card-actions>\n *     <button slot=\"start\">Action</button>\n *   </igc-card-actions>\n * </igc-card>\n * ```\n */\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcCardComponent,\n      IgcCardActionsComponent,\n      IgcCardContentComponent,\n      IgcCardHeaderComponent,\n      IgcCardMediaComponent\n    );\n  }\n\n  /**\n   * Sets the card to have an elevated appearance with shadow.\n   * When false, the card uses an outlined style with a border.\n   *\n   * @attr elevated\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AA2BhF,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;aAC/B,YAAO,GAAG,UAAU,AAAb,CAAc;aACrB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IAYD;QACE,KAAK,EAAE,CAAC;QAHH,aAAQ,GAAG,KAAK,CAAC;QAItB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/card.common.css.js';\n\n/**\n * A container component that wraps different elements related to a single subject.\n * The card component provides a flexible container for organizing content such as headers,\n * media, text content, and actions.\n *\n * @element igc-card\n *\n * @slot - Renders the card content. Typically contains the card header, media, content and actions.\n *\n * @example\n * ```html\n * <igc-card>\n *   <igc-card-header>\n *     <h3 slot=\"title\">Card Title</h3>\n *     <h5 slot=\"subtitle\">Card Subtitle</h5>\n *   </igc-card-header>\n *   <igc-card-content>\n *     <p>Card content goes here</p>\n *   </igc-card-content>\n *   <igc-card-actions>\n *     <button slot=\"start\">Action</button>\n *   </igc-card-actions>\n * </igc-card>\n * ```\n */\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcCardComponent,\n      IgcCardActionsComponent,\n      IgcCardContentComponent,\n      IgcCardHeaderComponent,\n      IgcCardMediaComponent\n    );\n  }\n\n  /**\n   * Sets the card to have an elevated appearance with shadow.\n   * When false, the card uses an outlined style with a border.\n   *\n   * @attr elevated\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}

package/components/card/card.media.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 /**
  * A container component for card media content such as images, GIFs, or videos.
- * This component should be used within an igc-card element to display visual content.
+ * This component should be used within a card to display visual content.
  *
  * @element igc-card-media
  *

package/components/card/card.media.js

@@ -1,5 +1,5 @@
 import { html, LitElement } from 'lit';
-import { registerComponent } from '../common/definitions/register.js';
+import { registerComponent } from '#internals/definitions/register.js';
 import { styles } from './themes/card.media.base.css.js';
 export default class IgcCardMediaComponent extends LitElement {
     static { this.tagName = 'igc-card-media'; }

package/components/card/card.media.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAmBzD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAG,gBAAgB,CAAC;aAC3B,WAAM,GAAG,MAAM,CAAC;IAGhC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/card.media.base.css.js';\n\n/**\n * A container component for card media content such as images, GIFs, or videos.\n * This component should be used within an igc-card element to display visual content.\n *\n * @element igc-card-media\n *\n * @slot - Renders the card media content (e.g., img, video elements).\n *\n * @example\n * ```html\n * <igc-card>\n *   <igc-card-media>\n *     <img src=\"image.jpg\" alt=\"Card image\" />\n *   </igc-card-media>\n * </igc-card>\n * ```\n */\nexport default class IgcCardMediaComponent extends LitElement {\n  public static readonly tagName = 'igc-card-media';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardMediaComponent);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMediaComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAmBzD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAG,gBAAgB,CAAC;aAC3B,WAAM,GAAG,MAAM,CAAC;IAGhC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { styles } from './themes/card.media.base.css.js';\n\n/**\n * A container component for card media content such as images, GIFs, or videos.\n * This component should be used within a card to display visual content.\n *\n * @element igc-card-media\n *\n * @slot - Renders the card media content (e.g., img, video elements).\n *\n * @example\n * ```html\n * <igc-card>\n *   <igc-card-media>\n *     <img src=\"image.jpg\" alt=\"Card image\" />\n *   </igc-card-media>\n * </igc-card>\n * ```\n */\nexport default class IgcCardMediaComponent extends LitElement {\n  public static readonly tagName = 'igc-card-media';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardMediaComponent);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMediaComponent;\n  }\n}\n"]}

package/components/card/themes/actions.d.ts

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