@semantic-components/ui 0.64.0 → 0.66.0

package/esm2022/lib/components/calendar/calendar.js

@@ -0,0 +1,282 @@
+import { ChangeDetectionStrategy, Component, computed, input, model, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { Temporal } from '@js-temporal/polyfill';
+import { ScCalendarDayView } from './calendar-day-view';
+import { ScCalendarMonthView } from './calendar-month-view';
+import { ScCalendarYearView } from './calendar-year-view';
+import { ScCalendarHeader } from './calendar-header';
+import * as i0 from "@angular/core";
+export class ScCalendar {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    mode = input('single', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    disabled = input([], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    minDate = input(undefined, ...(ngDevMode ? [{ debugName: "minDate" }] : []));
+    maxDate = input(undefined, ...(ngDevMode ? [{ debugName: "maxDate" }] : []));
+    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+    viewDate = signal(Temporal.Now.plainDateISO(), ...(ngDevMode ? [{ debugName: "viewDate" }] : []));
+    viewMode = signal('day', ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+    decadeStart = signal(Math.floor(Temporal.Now.plainDateISO().year / 12) * 12, ...(ngDevMode ? [{ debugName: "decadeStart" }] : []));
+    class = computed(() => cn('block p-3 w-[276px]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    monthYearLabel = computed(() => {
+        const date = this.viewDate();
+        const mode = this.viewMode();
+        if (mode === 'year') {
+            const start = this.decadeStart();
+            return `${start} - ${start + 11}`;
+        }
+        if (mode === 'month') {
+            return date.year.toString();
+        }
+        return date.toLocaleString('en-US', { month: 'long', year: 'numeric' });
+    }, ...(ngDevMode ? [{ debugName: "monthYearLabel" }] : []));
+    previousAriaLabel() {
+        const mode = this.viewMode();
+        return mode === 'day'
+            ? 'Go to previous month'
+            : mode === 'month'
+                ? 'Go to previous year'
+                : 'Go to previous decade';
+    }
+    nextAriaLabel() {
+        const mode = this.viewMode();
+        return mode === 'day'
+            ? 'Go to next month'
+            : mode === 'month'
+                ? 'Go to next year'
+                : 'Go to next decade';
+    }
+    headerAriaLabel() {
+        const mode = this.viewMode();
+        return mode === 'day'
+            ? 'Switch to month view'
+            : mode === 'month'
+                ? 'Switch to year view'
+                : 'Year view - select a year';
+    }
+    selectDate(date) {
+        const mode = this.mode();
+        if (mode === 'single') {
+            this.value.set(date);
+        }
+        else if (mode === 'multiple') {
+            const current = this.value() ?? [];
+            const exists = current.some((d) => d.equals(date));
+            if (exists) {
+                this.value.set(current.filter((d) => !d.equals(date)));
+            }
+            else {
+                this.value.set([...current, date]);
+            }
+        }
+        else if (mode === 'range') {
+            const range = this.value() ?? {
+                from: undefined,
+                to: undefined,
+            };
+            if (!range.from || (range.from && range.to)) {
+                this.value.set({ from: date, to: undefined });
+            }
+            else {
+                if (Temporal.PlainDate.compare(date, range.from) < 0) {
+                    this.value.set({ from: date, to: range.from });
+                }
+                else {
+                    this.value.set({ from: range.from, to: date });
+                }
+            }
+        }
+    }
+    // Header click - drill down through views
+    handleHeaderClick() {
+        const current = this.viewMode();
+        if (current === 'day') {
+            this.viewMode.set('month');
+        }
+        else if (current === 'month') {
+            this.viewMode.set('year');
+            const currentYear = this.viewDate().year;
+            this.decadeStart.set(Math.floor(currentYear / 12) * 12);
+        }
+    }
+    // Context-aware previous/next
+    handlePrevious() {
+        const mode = this.viewMode();
+        if (mode === 'day')
+            this.previousMonth();
+        else if (mode === 'month')
+            this.previousYear();
+        else
+            this.previousDecade();
+    }
+    handleNext() {
+        const mode = this.viewMode();
+        if (mode === 'day')
+            this.nextMonth();
+        else if (mode === 'month')
+            this.nextYear();
+        else
+            this.nextDecade();
+    }
+    previousMonth() {
+        this.viewDate.update((d) => d.subtract({ months: 1 }).with({ day: 1 }));
+    }
+    nextMonth() {
+        this.viewDate.update((d) => d.add({ months: 1 }).with({ day: 1 }));
+    }
+    previousYear() {
+        this.viewDate.update((d) => d.subtract({ years: 1 }).with({ day: 1 }));
+    }
+    nextYear() {
+        this.viewDate.update((d) => d.add({ years: 1 }).with({ day: 1 }));
+    }
+    previousDecade() {
+        this.decadeStart.update((start) => start - 12);
+    }
+    nextDecade() {
+        this.decadeStart.update((start) => start + 12);
+    }
+    // Selection handlers - return to previous view
+    selectMonth(month) {
+        const current = this.viewDate();
+        this.viewDate.set(new Temporal.PlainDate(current.year, month, 1));
+        this.viewMode.set('day');
+    }
+    selectYear(year) {
+        const current = this.viewDate();
+        this.viewDate.set(new Temporal.PlainDate(year, current.month, 1));
+        this.viewMode.set('month');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScCalendar, isStandalone: true, selector: "sc-calendar", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "data-slot": "calendar", "role": "application" }, properties: { "class": "class()", "attr.aria-label": "\"Calendar\"" } }, ngImport: i0, template: `
+    <div class="flex flex-col gap-4">
+      <!-- Header with navigation -->
+      <div
+        scCalendarHeader
+        [label]="monthYearLabel()"
+        [previousLabel]="previousAriaLabel()"
+        [nextLabel]="nextAriaLabel()"
+        [headerLabel]="headerAriaLabel()"
+        [expanded]="viewMode() !== 'day'"
+        (previous)="handlePrevious()"
+        (next)="handleNext()"
+        (headerClick)="handleHeaderClick()"
+      ></div>
+
+      <!-- View content -->
+      @switch (viewMode()) {
+        @case ('day') {
+          <div
+            scCalendarDayView
+            [viewDate]="viewDate()"
+            [mode]="mode()"
+            [value]="value()"
+            [disabled]="disabled()"
+            [minDate]="minDate()"
+            [maxDate]="maxDate()"
+            [weekDays]="weekDays"
+            (dateSelected)="selectDate($event)"
+            (monthScrollUp)="previousMonth()"
+            (monthScrollDown)="nextMonth()"
+          ></div>
+        }
+        @case ('month') {
+          <div
+            scCalendarMonthView
+            [year]="viewDate().year"
+            [selectedMonth]="viewDate().month"
+            (monthSelected)="selectMonth($event)"
+            (yearScrollUp)="previousYear()"
+            (yearScrollDown)="nextYear()"
+          ></div>
+        }
+        @case ('year') {
+          <div
+            scCalendarYearView
+            [decadeStart]="decadeStart()"
+            [selectedYear]="viewDate().year"
+            (yearSelected)="selectYear($event)"
+            (decadeScrollUp)="previousDecade()"
+            (decadeScrollDown)="nextDecade()"
+          ></div>
+        }
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: ScCalendarDayView, selector: "[scCalendarDayView]", inputs: ["viewDate", "mode", "value", "disabled", "minDate", "maxDate", "weekDays"], outputs: ["dateSelected", "monthScrollUp", "monthScrollDown"] }, { kind: "component", type: ScCalendarMonthView, selector: "[scCalendarMonthView]", inputs: ["year", "selectedMonth"], outputs: ["monthSelected", "yearScrollUp", "yearScrollDown"] }, { kind: "component", type: ScCalendarYearView, selector: "[scCalendarYearView]", inputs: ["decadeStart", "selectedYear"], outputs: ["yearSelected", "decadeScrollUp", "decadeScrollDown"] }, { kind: "component", type: ScCalendarHeader, selector: "[scCalendarHeader]", inputs: ["label", "previousLabel", "nextLabel", "headerLabel", "expanded"], outputs: ["previous", "next", "headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sc-calendar',
+                    imports: [
+                        ScCalendarDayView,
+                        ScCalendarMonthView,
+                        ScCalendarYearView,
+                        ScCalendarHeader,
+                    ],
+                    host: {
+                        'data-slot': 'calendar',
+                        '[class]': 'class()',
+                        role: 'application',
+                        '[attr.aria-label]': '"Calendar"',
+                    },
+                    template: `
+    <div class="flex flex-col gap-4">
+      <!-- Header with navigation -->
+      <div
+        scCalendarHeader
+        [label]="monthYearLabel()"
+        [previousLabel]="previousAriaLabel()"
+        [nextLabel]="nextAriaLabel()"
+        [headerLabel]="headerAriaLabel()"
+        [expanded]="viewMode() !== 'day'"
+        (previous)="handlePrevious()"
+        (next)="handleNext()"
+        (headerClick)="handleHeaderClick()"
+      ></div>
+
+      <!-- View content -->
+      @switch (viewMode()) {
+        @case ('day') {
+          <div
+            scCalendarDayView
+            [viewDate]="viewDate()"
+            [mode]="mode()"
+            [value]="value()"
+            [disabled]="disabled()"
+            [minDate]="minDate()"
+            [maxDate]="maxDate()"
+            [weekDays]="weekDays"
+            (dateSelected)="selectDate($event)"
+            (monthScrollUp)="previousMonth()"
+            (monthScrollDown)="nextMonth()"
+          ></div>
+        }
+        @case ('month') {
+          <div
+            scCalendarMonthView
+            [year]="viewDate().year"
+            [selectedMonth]="viewDate().month"
+            (monthSelected)="selectMonth($event)"
+            (yearScrollUp)="previousYear()"
+            (yearScrollDown)="nextYear()"
+          ></div>
+        }
+        @case ('year') {
+          <div
+            scCalendarYearView
+            [decadeStart]="decadeStart()"
+            [selectedYear]="viewDate().year"
+            (yearSelected)="selectYear($event)"
+            (decadeScrollUp)="previousDecade()"
+            (decadeScrollDown)="nextDecade()"
+          ></div>
+        }
+      }
+    </div>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+//# sourceMappingURL=calendar.js.map

package/esm2022/lib/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/calendar/calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { Temporal } from '@js-temporal/polyfill';\nimport { ScCalendarDayView } from './calendar-day-view';\nimport { ScCalendarMonthView } from './calendar-month-view';\nimport { ScCalendarYearView } from './calendar-year-view';\nimport { ScCalendarHeader } from './calendar-header';\n\nexport type ScCalendarMode = 'single' | 'multiple' | 'range';\nexport type ScCalendarViewMode = 'day' | 'month' | 'year';\n\nexport interface ScDateRange {\n  from: Temporal.PlainDate | undefined;\n  to: Temporal.PlainDate | undefined;\n}\n\nexport type ScCalendarValue =\n  | Temporal.PlainDate\n  | Temporal.PlainDate[]\n  | ScDateRange\n  | undefined;\n\n@Component({\n  selector: 'sc-calendar',\n  imports: [\n    ScCalendarDayView,\n    ScCalendarMonthView,\n    ScCalendarYearView,\n    ScCalendarHeader,\n  ],\n  host: {\n    'data-slot': 'calendar',\n    '[class]': 'class()',\n    role: 'application',\n    '[attr.aria-label]': '\"Calendar\"',\n  },\n  template: `\n    <div class=\"flex flex-col gap-4\">\n      <!-- Header with navigation -->\n      <div\n        scCalendarHeader\n        [label]=\"monthYearLabel()\"\n        [previousLabel]=\"previousAriaLabel()\"\n        [nextLabel]=\"nextAriaLabel()\"\n        [headerLabel]=\"headerAriaLabel()\"\n        [expanded]=\"viewMode() !== 'day'\"\n        (previous)=\"handlePrevious()\"\n        (next)=\"handleNext()\"\n        (headerClick)=\"handleHeaderClick()\"\n      ></div>\n\n      <!-- View content -->\n      @switch (viewMode()) {\n        @case ('day') {\n          <div\n            scCalendarDayView\n            [viewDate]=\"viewDate()\"\n            [mode]=\"mode()\"\n            [value]=\"value()\"\n            [disabled]=\"disabled()\"\n            [minDate]=\"minDate()\"\n            [maxDate]=\"maxDate()\"\n            [weekDays]=\"weekDays\"\n            (dateSelected)=\"selectDate($event)\"\n            (monthScrollUp)=\"previousMonth()\"\n            (monthScrollDown)=\"nextMonth()\"\n          ></div>\n        }\n        @case ('month') {\n          <div\n            scCalendarMonthView\n            [year]=\"viewDate().year\"\n            [selectedMonth]=\"viewDate().month\"\n            (monthSelected)=\"selectMonth($event)\"\n            (yearScrollUp)=\"previousYear()\"\n            (yearScrollDown)=\"nextYear()\"\n          ></div>\n        }\n        @case ('year') {\n          <div\n            scCalendarYearView\n            [decadeStart]=\"decadeStart()\"\n            [selectedYear]=\"viewDate().year\"\n            (yearSelected)=\"selectYear($event)\"\n            (decadeScrollUp)=\"previousDecade()\"\n            (decadeScrollDown)=\"nextDecade()\"\n          ></div>\n        }\n      }\n    </div>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCalendar {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly mode = input<ScCalendarMode>('single');\n  readonly disabled = input<Temporal.PlainDate[]>([]);\n  readonly minDate = input<Temporal.PlainDate | undefined>(undefined);\n  readonly maxDate = input<Temporal.PlainDate | undefined>(undefined);\n\n  readonly value = model<ScCalendarValue>(undefined);\n\n  readonly weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n\n  protected readonly viewDate = signal(Temporal.Now.plainDateISO());\n  protected readonly viewMode = signal<ScCalendarViewMode>('day');\n  protected readonly decadeStart = signal<number>(\n    Math.floor(Temporal.Now.plainDateISO().year / 12) * 12,\n  );\n\n  protected readonly class = computed(() =>\n    cn('block p-3 w-[276px]', this.classInput()),\n  );\n\n  protected readonly monthYearLabel = computed(() => {\n    const date = this.viewDate();\n    const mode = this.viewMode();\n\n    if (mode === 'year') {\n      const start = this.decadeStart();\n      return `${start} - ${start + 11}`;\n    }\n\n    if (mode === 'month') {\n      return date.year.toString();\n    }\n\n    return date.toLocaleString('en-US', { month: 'long', year: 'numeric' });\n  });\n\n  protected previousAriaLabel(): string {\n    const mode = this.viewMode();\n    return mode === 'day'\n      ? 'Go to previous month'\n      : mode === 'month'\n        ? 'Go to previous year'\n        : 'Go to previous decade';\n  }\n\n  protected nextAriaLabel(): string {\n    const mode = this.viewMode();\n    return mode === 'day'\n      ? 'Go to next month'\n      : mode === 'month'\n        ? 'Go to next year'\n        : 'Go to next decade';\n  }\n\n  protected headerAriaLabel(): string {\n    const mode = this.viewMode();\n    return mode === 'day'\n      ? 'Switch to month view'\n      : mode === 'month'\n        ? 'Switch to year view'\n        : 'Year view - select a year';\n  }\n\n  protected selectDate(date: Temporal.PlainDate): void {\n    const mode = this.mode();\n\n    if (mode === 'single') {\n      this.value.set(date);\n    } else if (mode === 'multiple') {\n      const current = (this.value() as Temporal.PlainDate[] | undefined) ?? [];\n      const exists = current.some((d) => d.equals(date));\n      if (exists) {\n        this.value.set(current.filter((d) => !d.equals(date)));\n      } else {\n        this.value.set([...current, date]);\n      }\n    } else if (mode === 'range') {\n      const range = (this.value() as ScDateRange | undefined) ?? {\n        from: undefined,\n        to: undefined,\n      };\n      if (!range.from || (range.from && range.to)) {\n        this.value.set({ from: date, to: undefined });\n      } else {\n        if (Temporal.PlainDate.compare(date, range.from) < 0) {\n          this.value.set({ from: date, to: range.from });\n        } else {\n          this.value.set({ from: range.from, to: date });\n        }\n      }\n    }\n  }\n\n  // Header click - drill down through views\n  protected handleHeaderClick(): void {\n    const current = this.viewMode();\n    if (current === 'day') {\n      this.viewMode.set('month');\n    } else if (current === 'month') {\n      this.viewMode.set('year');\n      const currentYear = this.viewDate().year;\n      this.decadeStart.set(Math.floor(currentYear / 12) * 12);\n    }\n  }\n\n  // Context-aware previous/next\n  protected handlePrevious(): void {\n    const mode = this.viewMode();\n    if (mode === 'day') this.previousMonth();\n    else if (mode === 'month') this.previousYear();\n    else this.previousDecade();\n  }\n\n  protected handleNext(): void {\n    const mode = this.viewMode();\n    if (mode === 'day') this.nextMonth();\n    else if (mode === 'month') this.nextYear();\n    else this.nextDecade();\n  }\n\n  protected previousMonth(): void {\n    this.viewDate.update((d) => d.subtract({ months: 1 }).with({ day: 1 }));\n  }\n\n  protected nextMonth(): void {\n    this.viewDate.update((d) => d.add({ months: 1 }).with({ day: 1 }));\n  }\n\n  protected previousYear(): void {\n    this.viewDate.update((d) => d.subtract({ years: 1 }).with({ day: 1 }));\n  }\n\n  protected nextYear(): void {\n    this.viewDate.update((d) => d.add({ years: 1 }).with({ day: 1 }));\n  }\n\n  protected previousDecade(): void {\n    this.decadeStart.update((start) => start - 12);\n  }\n\n  protected nextDecade(): void {\n    this.decadeStart.update((start) => start + 12);\n  }\n\n  // Selection handlers - return to previous view\n  protected selectMonth(month: number): void {\n    const current = this.viewDate();\n    this.viewDate.set(new Temporal.PlainDate(current.year, month, 1));\n    this.viewMode.set('day');\n  }\n\n  protected selectYear(year: number): void {\n    const current = this.viewDate();\n    this.viewDate.set(new Temporal.PlainDate(year, current.month, 1));\n    this.viewMode.set('month');\n  }\n}\n"]}

package/esm2022/lib/components/calendar/index.js

@@ -0,0 +1,2 @@
+export * from './calendar';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './calendar';\n"]}

package/esm2022/lib/components/card/card-action.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCardAction {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardAction, isStandalone: true, selector: "div[scCardAction]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-action" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardAction, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scCardAction]',
+                    host: {
+                        'data-slot': 'card-action',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=card-action.js.map

package/esm2022/lib/components/card/card-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-action.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/card-action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gEAAgE,EAChE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scCardAction]',\n  host: {\n    'data-slot': 'card-action',\n    '[class]': 'class()',\n  },\n})\nexport class ScCardAction {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/card/card-body.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCardBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('px-4 group-data-[size=sm]/card:px-3', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardBody, isStandalone: true, selector: "div[scCardBody]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-body" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scCardBody]',
+                    host: {
+                        'data-slot': 'card-body',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=card-body.js.map

package/esm2022/lib/components/card/card-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/card-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,UAAU;IACZ,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,qCAAqC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC7D,CAAC;uGALS,UAAU;2FAAV,UAAU;;2FAAV,UAAU;kBAPtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE;wBACJ,WAAW,EAAE,WAAW;wBACxB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scCardBody]',\n  host: {\n    'data-slot': 'card-body',\n    '[class]': 'class()',\n  },\n})\nexport class ScCardBody {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('px-4 group-data-[size=sm]/card:px-3', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/card/card-description.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCardDescription {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-muted-foreground text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardDescription, isStandalone: true, selector: "[scCardDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-description" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scCardDescription]',
+                    host: {
+                        'data-slot': 'card-description',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=card-description.js.map

package/esm2022/lib/components/card/card-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-description.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/card-description.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,iBAAiB;IACnB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACvD,CAAC;uGALS,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scCardDescription]',\n  host: {\n    'data-slot': 'card-description',\n    '[class]': 'class()',\n  },\n})\nexport class ScCardDescription {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-muted-foreground text-sm', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/card/card-footer.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCardFooter {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardFooter, isStandalone: true, selector: "div[scCardFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scCardFooter]',
+                    host: {
+                        'data-slot': 'card-footer',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=card-footer.js.map

package/esm2022/lib/components/card/card-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/card-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,uFAAuF,EACvF,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scCardFooter]',\n  host: {\n    'data-slot': 'card-footer',\n    '[class]': 'class()',\n  },\n})\nexport class ScCardFooter {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/card/card-header.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCardHeader {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardHeader, isStandalone: true, selector: "div[scCardHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scCardHeader]',
+                    host: {
+                        'data-slot': 'card-header',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=card-header.js.map

package/esm2022/lib/components/card/card-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/card-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,oSAAoS,EACpS,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scCardHeader]',\n  host: {\n    'data-slot': 'card-header',\n    '[class]': 'class()',\n  },\n})\nexport class ScCardHeader {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/card/card-title.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCardTitle {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-base leading-snug font-medium group-data-[size=sm]/card:text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardTitle, isStandalone: true, selector: "[scCardTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-title" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scCardTitle]',
+                    host: {
+                        'data-slot': 'card-title',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=card-title.js.map

package/esm2022/lib/components/card/card-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/card-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,sEAAsE,EACtE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAPvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scCardTitle]',\n  host: {\n    'data-slot': 'card-title',\n    '[class]': 'class()',\n  },\n})\nexport class ScCardTitle {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-base leading-snug font-medium group-data-[size=sm]/card:text-sm',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/card/card.js

@@ -0,0 +1,22 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCard {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => cn('ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCard, isStandalone: true, selector: "div[scCard]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card" }, properties: { "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scCard]',
+                    host: {
+                        'data-slot': 'card',
+                        '[attr.data-size]': 'size()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=card.js.map

package/esm2022/lib/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAUjC,MAAM,OAAO,MAAM;IACR,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,CAAmB,SAAS,gDAAC,CAAC;IAEhC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,sVAAsV,EACtV,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGATS,MAAM;2FAAN,MAAM;;2FAAN,MAAM;kBARlB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,IAAI,EAAE;wBACJ,WAAW,EAAE,MAAM;wBACnB,kBAAkB,EAAE,QAAQ;wBAC5B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scCard]',\n  host: {\n    'data-slot': 'card',\n    '[attr.data-size]': 'size()',\n    '[class]': 'class()',\n  },\n})\nexport class ScCard {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly size = input<'default' | 'sm'>('default');\n\n  protected readonly class = computed(() =>\n    cn(\n      'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/card/index.js

@@ -0,0 +1,8 @@
+export * from './card';
+export * from './card-action';
+export * from './card-body';
+export * from './card-description';
+export * from './card-footer';
+export * from './card-header';
+export * from './card-title';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC","sourcesContent":["export * from './card';\nexport * from './card-action';\nexport * from './card-body';\nexport * from './card-description';\nexport * from './card-footer';\nexport * from './card-header';\nexport * from './card-title';\n"]}

package/esm2022/lib/components/checkbox/checkbox-field.js

@@ -0,0 +1,64 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { ChangeDetectionStrategy, Component, computed, contentChild, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_FIELD } from '../field';
+import { SC_CHECKBOX_FIELD } from './checkbox-types';
+import { ScCheckbox } from './checkbox';
+import { ScCheckboxVisual } from './checkbox-visual';
+import * as i0 from "@angular/core";
+export class ScCheckboxField {
+    elementRef = inject((ElementRef));
+    checkbox = contentChild(ScCheckbox, ...(ngDevMode ? [{ debugName: "checkbox" }] : []));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    id = input(inject(_IdGenerator).getId('sc-checkbox-field-'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    role = computed(() => {
+        const tagName = this.elementRef.nativeElement.tagName;
+        return tagName === 'LABEL' ? null : 'group';
+    }, ...(ngDevMode ? [{ debugName: "role" }] : []));
+    // Computed state from input (implements ScCheckboxContext)
+    // These read directly from the ScCheckbox's signals
+    checked = computed(() => this.checkbox()?.checked() ?? false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    disabled = computed(() => this.checkbox()?.disabledSignal() ?? false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    indeterminate = computed(() => this.checkbox()?.indeterminate() ?? false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : []));
+    dataState = computed(() => {
+        if (this.indeterminate())
+            return 'indeterminate';
+        return this.checked() ? 'checked' : 'unchecked';
+    }, ...(ngDevMode ? [{ debugName: "dataState" }] : []));
+    class = computed(() => cn('grid grid-cols-[1rem_1fr] items-start gap-x-2 gap-y-1', '*:data-[slot=checkbox]:col-start-1 *:data-[slot=checkbox]:row-start-1', '*:data-[slot=checkbox-visual]:col-start-1 *:data-[slot=checkbox-visual]:row-start-1', '*:data-[slot=label]:col-start-2 *:data-[slot=label]:row-start-1', '*:data-[slot=field-description]:col-start-2 *:data-[slot=field-description]:row-start-2', 'has-[>[data-slot=field-description]]:*:data-[slot=label]:font-medium', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: ScCheckboxField, isStandalone: true, selector: "div[scCheckboxField], label[scCheckboxField]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "checkbox-field" }, properties: { "attr.role": "role()", "class": "class()", "attr.data-state": "dataState()", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [
+            { provide: SC_CHECKBOX_FIELD, useExisting: ScCheckboxField },
+            { provide: SC_FIELD, useExisting: ScCheckboxField },
+        ], queries: [{ propertyName: "checkbox", first: true, predicate: ScCheckbox, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content select="[scCheckbox]" />
+    <span scCheckboxVisual></span>
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "component", type: ScCheckboxVisual, selector: "span[scCheckboxVisual]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scCheckboxField], label[scCheckboxField]',
+                    imports: [ScCheckboxVisual],
+                    providers: [
+                        { provide: SC_CHECKBOX_FIELD, useExisting: ScCheckboxField },
+                        { provide: SC_FIELD, useExisting: ScCheckboxField },
+                    ],
+                    host: {
+                        '[attr.role]': 'role()',
+                        'data-slot': 'checkbox-field',
+                        '[class]': 'class()',
+                        '[attr.data-state]': 'dataState()',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                    template: `
+    <ng-content select="[scCheckbox]" />
+    <span scCheckboxVisual></span>
+    <ng-content />
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { checkbox: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScCheckbox), { isSignal: true }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=checkbox-field.js.map

package/esm2022/lib/components/checkbox/checkbox-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/checkbox/checkbox-field.ts"],"names":[],"mappings":"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","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_FIELD } from '../field';\nimport { SC_CHECKBOX_FIELD, type ScCheckboxContext } from './checkbox-types';\nimport { ScCheckbox } from './checkbox';\nimport { ScCheckboxVisual } from './checkbox-visual';\n\n@Component({\n  selector: 'div[scCheckboxField], label[scCheckboxField]',\n  imports: [ScCheckboxVisual],\n  providers: [\n    { provide: SC_CHECKBOX_FIELD, useExisting: ScCheckboxField },\n    { provide: SC_FIELD, useExisting: ScCheckboxField },\n  ],\n  host: {\n    '[attr.role]': 'role()',\n    'data-slot': 'checkbox-field',\n    '[class]': 'class()',\n    '[attr.data-state]': 'dataState()',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n  template: `\n    <ng-content select=\"[scCheckbox]\" />\n    <span scCheckboxVisual></span>\n    <ng-content />\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCheckboxField implements ScCheckboxContext {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly checkbox = contentChild(ScCheckbox);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly id = input(inject(_IdGenerator).getId('sc-checkbox-field-'));\n\n  protected readonly role = computed(() => {\n    const tagName = this.elementRef.nativeElement.tagName;\n    return tagName === 'LABEL' ? null : 'group';\n  });\n\n  // Computed state from input (implements ScCheckboxContext)\n  // These read directly from the ScCheckbox's signals\n  readonly checked = computed(() => this.checkbox()?.checked() ?? false);\n  readonly disabled = computed(\n    () => this.checkbox()?.disabledSignal() ?? false,\n  );\n  readonly indeterminate = computed(\n    () => this.checkbox()?.indeterminate() ?? false,\n  );\n  readonly dataState = computed(() => {\n    if (this.indeterminate()) return 'indeterminate';\n    return this.checked() ? 'checked' : 'unchecked';\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      'grid grid-cols-[1rem_1fr] items-start gap-x-2 gap-y-1',\n      '*:data-[slot=checkbox]:col-start-1 *:data-[slot=checkbox]:row-start-1',\n      '*:data-[slot=checkbox-visual]:col-start-1 *:data-[slot=checkbox-visual]:row-start-1',\n      '*:data-[slot=label]:col-start-2 *:data-[slot=label]:row-start-1',\n      '*:data-[slot=field-description]:col-start-2 *:data-[slot=field-description]:row-start-2',\n      'has-[>[data-slot=field-description]]:*:data-[slot=label]:font-medium',\n      this.classInput(),\n    ),\n  );\n}\n"]}