@semantic-components/ui 0.68.0 → 0.70.0

package/esm2022/lib/components/backdrop/backdrop.js

@@ -30,10 +30,10 @@ export class ScBackdrop {
             this.animationComplete.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScBackdrop, isStandalone: true, selector: "div[scBackdrop]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { attributes: { "data-slot": "backdrop" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "class": "class()", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScBackdrop, isStandalone: true, selector: "div[scBackdrop]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { attributes: { "data-slot": "backdrop" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "class": "class()", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBackdrop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBackdrop, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scBackdrop]',

package/esm2022/lib/components/badge/badge.js

@@ -21,10 +21,10 @@ export class ScBadge {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     class = computed(() => cn(badgeVariants({ variant: this.variant() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScBadge, isStandalone: true, selector: "div[scBadge], span[scBadge]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "badge" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScBadge, isStandalone: true, selector: "div[scBadge], span[scBadge]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "badge" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBadge, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scBadge], span[scBadge]',

package/esm2022/lib/components/breadcrumb/breadcrumb-ellipsis.js

@@ -5,13 +5,13 @@ import * as i0 from "@angular/core";
 export class ScBreadcrumbEllipsis {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('flex size-9 items-center justify-center', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbEllipsis, isStandalone: true, selector: "span[scBreadcrumbEllipsis]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-ellipsis", "role": "presentation", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScBreadcrumbEllipsis, isStandalone: true, selector: "span[scBreadcrumbEllipsis]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-ellipsis", "role": "presentation", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0, template: `
     <svg siEllipsisIcon class="size-4"></svg>
     <span class="sr-only">More</span>
-  `, isInline: true, dependencies: [{ kind: "component", type: SiEllipsisIcon, selector: "svg[siEllipsisIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: SiEllipsisIcon, selector: "svg[siEllipsisIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbEllipsis, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbEllipsis, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[scBreadcrumbEllipsis]',

package/esm2022/lib/components/breadcrumb/breadcrumb-item.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScBreadcrumbItem {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('inline-flex items-center gap-1.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbItem, isStandalone: true, selector: "li[scBreadcrumbItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-item" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScBreadcrumbItem, isStandalone: true, selector: "li[scBreadcrumbItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-item" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbItem, decorators: [{
             type: Directive,
             args: [{
                     selector: 'li[scBreadcrumbItem]',

package/esm2022/lib/components/breadcrumb/breadcrumb-link.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScBreadcrumbLink {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('hover:text-foreground transition-colors', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbLink, isStandalone: true, selector: "a[scBreadcrumbLink]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-link" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScBreadcrumbLink, isStandalone: true, selector: "a[scBreadcrumbLink]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-link" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbLink, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[scBreadcrumbLink]',

package/esm2022/lib/components/breadcrumb/breadcrumb-list.js

@@ -3,11 +3,11 @@ import { cn } from '../../utils';
 import * as i0 from "@angular/core";
 export class ScBreadcrumbList {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
-    class = computed(() => cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbList, isStandalone: true, selector: "ol[scBreadcrumbList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-list" }, properties: { "class": "class()" } }, ngImport: i0 });
+    class = computed(() => cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScBreadcrumbList, isStandalone: true, selector: "ol[scBreadcrumbList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-list" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbList, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ol[scBreadcrumbList]',

package/esm2022/lib/components/breadcrumb/breadcrumb-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-list.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,gBAAgB;IAClB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,0FAA0F,EAC1F,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'ol[scBreadcrumbList]',\n  host: {\n    'data-slot': 'breadcrumb-list',\n    '[class]': 'class()',\n  },\n})\nexport class ScBreadcrumbList {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n      this.classInput(),\n    ),\n  );\n}\n"]}
+{"version":3,"file":"breadcrumb-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-list.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,gBAAgB;IAClB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,8FAA8F,EAC9F,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'ol[scBreadcrumbList]',\n  host: {\n    'data-slot': 'breadcrumb-list',\n    '[class]': 'class()',\n  },\n})\nexport class ScBreadcrumbList {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-page.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScBreadcrumbPage {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-foreground font-normal', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbPage, isStandalone: true, selector: "span[scBreadcrumbPage]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-page", "role": "link", "aria-disabled": "true", "aria-current": "page" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScBreadcrumbPage, isStandalone: true, selector: "span[scBreadcrumbPage]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-page", "role": "link", "aria-disabled": "true", "aria-current": "page" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbPage, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[scBreadcrumbPage]',

package/esm2022/lib/components/breadcrumb/breadcrumb-separator.js

@@ -5,14 +5,14 @@ import * as i0 from "@angular/core";
 export class ScBreadcrumbSeparator {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('[&>svg]:size-3.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbSeparator, isStandalone: true, selector: "li[scBreadcrumbSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-separator", "role": "presentation", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScBreadcrumbSeparator, isStandalone: true, selector: "li[scBreadcrumbSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-separator", "role": "presentation", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0, template: `
     <ng-content>
       <svg siChevronRightIcon></svg>
     </ng-content>
-  `, isInline: true, dependencies: [{ kind: "component", type: SiChevronRightIcon, selector: "svg[siChevronRightIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: SiChevronRightIcon, selector: "svg[siChevronRightIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumbSeparator, decorators: [{
             type: Component,
             args: [{
                     selector: 'li[scBreadcrumbSeparator]',

package/esm2022/lib/components/breadcrumb/breadcrumb.js

@@ -1,10 +1,10 @@
 import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ScBreadcrumb {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScBreadcrumb, isStandalone: true, selector: "nav[scBreadcrumb]", host: { attributes: { "data-slot": "breadcrumb", "aria-label": "breadcrumb" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScBreadcrumb, isStandalone: true, selector: "nav[scBreadcrumb]", host: { attributes: { "data-slot": "breadcrumb", "aria-label": "breadcrumb" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScBreadcrumb, decorators: [{
             type: Directive,
             args: [{
                     selector: 'nav[scBreadcrumb]',

package/esm2022/lib/components/button/button.js

@@ -35,10 +35,10 @@ export class ScButton {
     type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
     class = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButton, isStandalone: true, selector: "button[scButton]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button" }, properties: { "attr.type": "type()", "disabled": "disabled()", "attr.aria-disabled": "disabled() || null", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScButton, isStandalone: true, selector: "button[scButton]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button" }, properties: { "attr.type": "type()", "disabled": "disabled()", "attr.aria-disabled": "disabled() || null", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButton, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scButton]',

package/esm2022/lib/components/button-group/button-group-separator.js

@@ -5,10 +5,10 @@ export class ScButtonGroupSeparator {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
     class = computed(() => cn('bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButtonGroupSeparator, isStandalone: true, selector: "div[scButtonGroupSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group-separator", "role": "separator" }, properties: { "attr.aria-orientation": "orientation()", "attr.data-orientation": "orientation()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScButtonGroupSeparator, isStandalone: true, selector: "div[scButtonGroupSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group-separator", "role": "separator" }, properties: { "attr.aria-orientation": "orientation()", "attr.data-orientation": "orientation()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroupSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButtonGroupSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scButtonGroupSeparator]',

package/esm2022/lib/components/button-group/button-group-text.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScButtonGroupText {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn("bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButtonGroupText, isStandalone: true, selector: "div[scButtonGroupText]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group-text" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScButtonGroupText, isStandalone: true, selector: "div[scButtonGroupText]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group-text" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroupText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButtonGroupText, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scButtonGroupText]',

package/esm2022/lib/components/button-group/button-group.js

@@ -17,10 +17,10 @@ export class ScButtonGroup {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
     class = computed(() => cn(buttonGroupVariants({ orientation: this.orientation() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButtonGroup, isStandalone: true, selector: "div[scButtonGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group", "role": "group" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScButtonGroup, isStandalone: true, selector: "div[scButtonGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group", "role": "group" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScButtonGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scButtonGroup]',

package/esm2022/lib/components/calendar/calendar-day-view.js

@@ -163,8 +163,8 @@ export class ScCalendarDayView {
         this.monthScrollUp.emit();
         setTimeout(() => this._dayButtons()[this._dayButtons().length - 1]?.element.focus());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarDayView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScCalendarDayView, isStandalone: true, selector: "[scCalendarDayView]", inputs: { viewDate: { classPropertyName: "viewDate", publicName: "viewDate", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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 }, weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateSelected: "dateSelected", monthScrollUp: "monthScrollUp", monthScrollDown: "monthScrollDown" }, viewQueries: [{ propertyName: "_dayButtons", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarDayView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScCalendarDayView, isStandalone: true, selector: "[scCalendarDayView]", inputs: { viewDate: { classPropertyName: "viewDate", publicName: "viewDate", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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 }, weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateSelected: "dateSelected", monthScrollUp: "monthScrollUp", monthScrollDown: "monthScrollDown" }, viewQueries: [{ propertyName: "_dayButtons", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
     <table
       ngGrid
       tabindex="0"
@@ -180,7 +180,7 @@ export class ScCalendarDayView {
           @for (day of weekDays(); track day) {
             <th
               scope="col"
-              class="w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground"
+              class="text-muted-foreground w-9 rounded-md text-[0.8rem] font-normal"
             >
               {{ day }}
             </th>
@@ -236,9 +236,9 @@ export class ScCalendarDayView {
         }
       </tbody>
     </table>
-  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["onActivate", "onDeactivate"], exportAs: ["ngGridCellWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["activated", "deactivated"], exportAs: ["ngGridCellWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarDayView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarDayView, decorators: [{
             type: Component,
             args: [{
                     selector: '[scCalendarDayView]',
@@ -259,7 +259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           @for (day of weekDays(); track day) {
             <th
               scope="col"
-              class="w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground"
+              class="text-muted-foreground w-9 rounded-md text-[0.8rem] font-normal"
             >
               {{ day }}
             </th>

package/esm2022/lib/components/calendar/calendar-day-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-day-view.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/calendar/calendar-day-view.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  output,\n  viewChildren,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { Grid, GridRow, GridCell, GridCellWidget } from '@angular/aria/grid';\nimport { cn } from '../../utils';\nimport { Temporal } from '@js-temporal/polyfill';\nimport { ScCalendarValue, ScDateRange } from './calendar';\n\ninterface DayInfo {\n  date: Temporal.PlainDate;\n  isToday: boolean;\n  isOutsideMonth: boolean;\n  disabled: boolean;\n  selected: ReturnType<typeof signal<boolean>>;\n}\n\n@Component({\n  selector: '[scCalendarDayView]',\n  imports: [Grid, GridRow, GridCell, GridCellWidget],\n  template: `\n    <table\n      ngGrid\n      tabindex=\"0\"\n      class=\"w-full border-collapse\"\n      colWrap=\"continuous\"\n      rowWrap=\"nowrap\"\n      [enableSelection]=\"mode() !== 'multiple'\"\n      selectionMode=\"explicit\"\n      (keydown)=\"handleKeyDown($event)\"\n    >\n      <thead>\n        <tr class=\"flex\">\n          @for (day of weekDays(); track day) {\n            <th\n              scope=\"col\"\n              class=\"w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground\"\n            >\n              {{ day }}\n            </th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (week of weeks(); track $index) {\n          <tr ngGridRow class=\"mt-2 flex w-full\">\n            @for (day of week; track day?.date?.toString() ?? $index) {\n              @if (day) {\n                <td\n                  ngGridCell\n                  class=\"relative p-0 text-center text-sm\"\n                  [disabled]=\"day.disabled || day.isOutsideMonth\"\n                  [(selected)]=\"day.selected\"\n                >\n                  <button\n                    ngGridCellWidget\n                    type=\"button\"\n                    [class]=\"getDayClass(day)\"\n                    [attr.aria-label]=\"\n                      day.date.toLocaleString('en-US', {\n                        month: 'long',\n                        day: 'numeric',\n                        year: 'numeric',\n                      })\n                    \"\n                    [attr.data-today]=\"day.isToday || null\"\n                    [attr.data-selected]=\"isSelected(day.date) || null\"\n                    [attr.data-outside]=\"day.isOutsideMonth || null\"\n                    [attr.data-disabled]=\"day.disabled || null\"\n                    [attr.data-range-start]=\"isRangeStart(day.date) || null\"\n                    [attr.data-range-end]=\"isRangeEnd(day.date) || null\"\n                    [attr.data-range-middle]=\"isRangeMiddle(day.date) || null\"\n                    [attr.data-day]=\"day.date.day\"\n                    (click)=\"handleDateClick(day.date)\"\n                  >\n                    {{ day.date.day }}\n                  </button>\n                </td>\n              } @else {\n                <td\n                  ngGridCell\n                  class=\"relative p-0 text-center text-sm\"\n                  disabled\n                >\n                  <span class=\"size-9\"></span>\n                </td>\n              }\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCalendarDayView {\n  private readonly _dayButtons = viewChildren(GridCellWidget);\n\n  readonly viewDate = input.required<Temporal.PlainDate>();\n  readonly mode = input.required<'single' | 'multiple' | 'range'>();\n  readonly value = input<ScCalendarValue>(undefined);\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 dateSelected = output<Temporal.PlainDate>();\n  readonly monthScrollUp = output<void>();\n  readonly monthScrollDown = output<void>();\n\n  readonly weekDays = input(['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']);\n\n  protected readonly weeks = computed(() => {\n    const date = this.viewDate();\n    const year = date.year;\n    const month = date.month;\n\n    const firstDay = new Temporal.PlainDate(year, month, 1);\n    const daysInMonth = firstDay.daysInMonth;\n    // dayOfWeek: 1=Mon..7=Sun; %7 gives 0=Sun like JS Date.getDay()\n    const firstDayOfWeek = firstDay.dayOfWeek % 7;\n\n    const days: (DayInfo | null)[][] = [];\n    let currentWeek: (DayInfo | null)[] = [];\n\n    // Add days from previous month to fill the first week\n    for (let i = 0; i < firstDayOfWeek; i++) {\n      const prevDate = firstDay.subtract({ days: firstDayOfWeek - i });\n      currentWeek.push(this.createDayInfo(prevDate, true));\n    }\n\n    // Add days of the month\n    for (let day = 1; day <= daysInMonth; day++) {\n      const currentDate = new Temporal.PlainDate(year, month, day);\n      currentWeek.push(this.createDayInfo(currentDate, false));\n\n      if (currentWeek.length === 7) {\n        days.push(currentWeek);\n        currentWeek = [];\n      }\n    }\n\n    // Add days from next month to fill the last week\n    if (currentWeek.length > 0) {\n      const nextMonthFirst = firstDay.add({ months: 1 });\n      let nextDay = 0;\n      while (currentWeek.length < 7) {\n        const nextDate = nextMonthFirst.add({ days: nextDay++ });\n        currentWeek.push(this.createDayInfo(nextDate, true));\n      }\n      days.push(currentWeek);\n    }\n\n    return days;\n  });\n\n  private createDayInfo(\n    date: Temporal.PlainDate,\n    isOutsideMonth: boolean,\n  ): DayInfo {\n    const today = Temporal.Now.plainDateISO();\n    const isToday = date.equals(today);\n    const disabled = this.isDateDisabled(date);\n\n    return {\n      date,\n      isToday,\n      isOutsideMonth,\n      disabled,\n      selected: signal(this.isSelected(date)),\n    };\n  }\n\n  private isDateDisabled(date: Temporal.PlainDate): boolean {\n    const disabledDates = this.disabled();\n    const min = this.minDate();\n    const max = this.maxDate();\n\n    if (min && Temporal.PlainDate.compare(date, min) < 0) return true;\n    if (max && Temporal.PlainDate.compare(date, max) > 0) return true;\n\n    return disabledDates.some((d) => d.equals(date));\n  }\n\n  private getRange(): ScDateRange {\n    return (\n      (this.value() as ScDateRange | undefined) ?? {\n        from: undefined,\n        to: undefined,\n      }\n    );\n  }\n\n  protected isSelected(date: Temporal.PlainDate): boolean {\n    const mode = this.mode();\n\n    if (mode === 'single') {\n      const selected = this.value() as Temporal.PlainDate | undefined;\n      return selected ? date.equals(selected) : false;\n    }\n\n    if (mode === 'multiple') {\n      const dates = (this.value() as Temporal.PlainDate[] | undefined) ?? [];\n      return dates.some((d) => date.equals(d));\n    }\n\n    if (mode === 'range') {\n      const range = this.getRange();\n      if (range.from && date.equals(range.from)) return true;\n      if (range.to && date.equals(range.to)) return true;\n      if (\n        range.from &&\n        range.to &&\n        Temporal.PlainDate.compare(date, range.from) > 0 &&\n        Temporal.PlainDate.compare(date, range.to) < 0\n      )\n        return true;\n    }\n\n    return false;\n  }\n\n  protected isRangeStart(date: Temporal.PlainDate): boolean {\n    if (this.mode() !== 'range') return false;\n    const range = this.getRange();\n    return range.from ? date.equals(range.from) : false;\n  }\n\n  protected isRangeEnd(date: Temporal.PlainDate): boolean {\n    if (this.mode() !== 'range') return false;\n    const range = this.getRange();\n    return range.to ? date.equals(range.to) : false;\n  }\n\n  protected isRangeMiddle(date: Temporal.PlainDate): boolean {\n    if (this.mode() !== 'range') return false;\n    const range = this.getRange();\n    if (!range.from || !range.to) return false;\n    return (\n      Temporal.PlainDate.compare(date, range.from) > 0 &&\n      Temporal.PlainDate.compare(date, range.to) < 0\n    );\n  }\n\n  protected getDayClass(day: DayInfo): string {\n    const isSelectedDay = this.isSelected(day.date);\n    const isRangeMiddleDay = this.isRangeMiddle(day.date);\n\n    return cn(\n      'inline-flex size-9 items-center justify-center rounded-md text-sm font-normal',\n      'ring-offset-background transition-colors',\n      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      'hover:bg-accent hover:text-accent-foreground',\n      'disabled:pointer-events-none disabled:opacity-50',\n      day.isToday && !isSelectedDay && 'bg-accent text-accent-foreground',\n      isSelectedDay &&\n        !isRangeMiddleDay &&\n        'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground',\n      isRangeMiddleDay && 'bg-accent text-accent-foreground rounded-none',\n      day.isOutsideMonth && 'text-muted-foreground opacity-50',\n      day.disabled && 'text-muted-foreground opacity-50',\n    );\n  }\n\n  protected handleDateClick(date: Temporal.PlainDate): void {\n    this.dateSelected.emit(date);\n  }\n\n  protected handleKeyDown(event: KeyboardEvent): void {\n    const day = Number((event.target as Element).getAttribute('data-day'));\n    if (!day) return;\n\n    const viewDate = this.viewDate();\n    const daysInMonth = viewDate.daysInMonth;\n\n    // Only handle edge cases where we need to scroll to prev/next month\n    if (day > 7 && day <= daysInMonth - 7) return;\n\n    const arrowLeft = event.key === 'ArrowLeft';\n    const arrowRight = event.key === 'ArrowRight';\n    const arrowUp = event.key === 'ArrowUp';\n    const arrowDown = event.key === 'ArrowDown';\n\n    if ((day === 1 && arrowLeft) || (day <= 7 && arrowUp)) {\n      this.scrollUp();\n    }\n\n    if (\n      (day === daysInMonth && arrowRight) ||\n      (day > daysInMonth - 7 && arrowDown)\n    ) {\n      this.scrollDown();\n    }\n  }\n\n  private scrollDown(): void {\n    this.monthScrollDown.emit();\n    setTimeout(() => this._dayButtons()[0]?.element.focus());\n  }\n\n  private scrollUp(): void {\n    this.monthScrollUp.emit();\n    setTimeout(() =>\n      this._dayButtons()[this._dayButtons().length - 1]?.element.focus(),\n    );\n  }\n}\n"]}
+{"version":3,"file":"calendar-day-view.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/calendar/calendar-day-view.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  output,\n  viewChildren,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { Grid, GridRow, GridCell, GridCellWidget } from '@angular/aria/grid';\nimport { cn } from '../../utils';\nimport { Temporal } from '@js-temporal/polyfill';\nimport { ScCalendarValue, ScDateRange } from './calendar';\n\ninterface DayInfo {\n  date: Temporal.PlainDate;\n  isToday: boolean;\n  isOutsideMonth: boolean;\n  disabled: boolean;\n  selected: ReturnType<typeof signal<boolean>>;\n}\n\n@Component({\n  selector: '[scCalendarDayView]',\n  imports: [Grid, GridRow, GridCell, GridCellWidget],\n  template: `\n    <table\n      ngGrid\n      tabindex=\"0\"\n      class=\"w-full border-collapse\"\n      colWrap=\"continuous\"\n      rowWrap=\"nowrap\"\n      [enableSelection]=\"mode() !== 'multiple'\"\n      selectionMode=\"explicit\"\n      (keydown)=\"handleKeyDown($event)\"\n    >\n      <thead>\n        <tr class=\"flex\">\n          @for (day of weekDays(); track day) {\n            <th\n              scope=\"col\"\n              class=\"text-muted-foreground w-9 rounded-md text-[0.8rem] font-normal\"\n            >\n              {{ day }}\n            </th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (week of weeks(); track $index) {\n          <tr ngGridRow class=\"mt-2 flex w-full\">\n            @for (day of week; track day?.date?.toString() ?? $index) {\n              @if (day) {\n                <td\n                  ngGridCell\n                  class=\"relative p-0 text-center text-sm\"\n                  [disabled]=\"day.disabled || day.isOutsideMonth\"\n                  [(selected)]=\"day.selected\"\n                >\n                  <button\n                    ngGridCellWidget\n                    type=\"button\"\n                    [class]=\"getDayClass(day)\"\n                    [attr.aria-label]=\"\n                      day.date.toLocaleString('en-US', {\n                        month: 'long',\n                        day: 'numeric',\n                        year: 'numeric',\n                      })\n                    \"\n                    [attr.data-today]=\"day.isToday || null\"\n                    [attr.data-selected]=\"isSelected(day.date) || null\"\n                    [attr.data-outside]=\"day.isOutsideMonth || null\"\n                    [attr.data-disabled]=\"day.disabled || null\"\n                    [attr.data-range-start]=\"isRangeStart(day.date) || null\"\n                    [attr.data-range-end]=\"isRangeEnd(day.date) || null\"\n                    [attr.data-range-middle]=\"isRangeMiddle(day.date) || null\"\n                    [attr.data-day]=\"day.date.day\"\n                    (click)=\"handleDateClick(day.date)\"\n                  >\n                    {{ day.date.day }}\n                  </button>\n                </td>\n              } @else {\n                <td\n                  ngGridCell\n                  class=\"relative p-0 text-center text-sm\"\n                  disabled\n                >\n                  <span class=\"size-9\"></span>\n                </td>\n              }\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCalendarDayView {\n  private readonly _dayButtons = viewChildren(GridCellWidget);\n\n  readonly viewDate = input.required<Temporal.PlainDate>();\n  readonly mode = input.required<'single' | 'multiple' | 'range'>();\n  readonly value = input<ScCalendarValue>(undefined);\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 dateSelected = output<Temporal.PlainDate>();\n  readonly monthScrollUp = output<void>();\n  readonly monthScrollDown = output<void>();\n\n  readonly weekDays = input(['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']);\n\n  protected readonly weeks = computed(() => {\n    const date = this.viewDate();\n    const year = date.year;\n    const month = date.month;\n\n    const firstDay = new Temporal.PlainDate(year, month, 1);\n    const daysInMonth = firstDay.daysInMonth;\n    // dayOfWeek: 1=Mon..7=Sun; %7 gives 0=Sun like JS Date.getDay()\n    const firstDayOfWeek = firstDay.dayOfWeek % 7;\n\n    const days: (DayInfo | null)[][] = [];\n    let currentWeek: (DayInfo | null)[] = [];\n\n    // Add days from previous month to fill the first week\n    for (let i = 0; i < firstDayOfWeek; i++) {\n      const prevDate = firstDay.subtract({ days: firstDayOfWeek - i });\n      currentWeek.push(this.createDayInfo(prevDate, true));\n    }\n\n    // Add days of the month\n    for (let day = 1; day <= daysInMonth; day++) {\n      const currentDate = new Temporal.PlainDate(year, month, day);\n      currentWeek.push(this.createDayInfo(currentDate, false));\n\n      if (currentWeek.length === 7) {\n        days.push(currentWeek);\n        currentWeek = [];\n      }\n    }\n\n    // Add days from next month to fill the last week\n    if (currentWeek.length > 0) {\n      const nextMonthFirst = firstDay.add({ months: 1 });\n      let nextDay = 0;\n      while (currentWeek.length < 7) {\n        const nextDate = nextMonthFirst.add({ days: nextDay++ });\n        currentWeek.push(this.createDayInfo(nextDate, true));\n      }\n      days.push(currentWeek);\n    }\n\n    return days;\n  });\n\n  private createDayInfo(\n    date: Temporal.PlainDate,\n    isOutsideMonth: boolean,\n  ): DayInfo {\n    const today = Temporal.Now.plainDateISO();\n    const isToday = date.equals(today);\n    const disabled = this.isDateDisabled(date);\n\n    return {\n      date,\n      isToday,\n      isOutsideMonth,\n      disabled,\n      selected: signal(this.isSelected(date)),\n    };\n  }\n\n  private isDateDisabled(date: Temporal.PlainDate): boolean {\n    const disabledDates = this.disabled();\n    const min = this.minDate();\n    const max = this.maxDate();\n\n    if (min && Temporal.PlainDate.compare(date, min) < 0) return true;\n    if (max && Temporal.PlainDate.compare(date, max) > 0) return true;\n\n    return disabledDates.some((d) => d.equals(date));\n  }\n\n  private getRange(): ScDateRange {\n    return (\n      (this.value() as ScDateRange | undefined) ?? {\n        from: undefined,\n        to: undefined,\n      }\n    );\n  }\n\n  protected isSelected(date: Temporal.PlainDate): boolean {\n    const mode = this.mode();\n\n    if (mode === 'single') {\n      const selected = this.value() as Temporal.PlainDate | undefined;\n      return selected ? date.equals(selected) : false;\n    }\n\n    if (mode === 'multiple') {\n      const dates = (this.value() as Temporal.PlainDate[] | undefined) ?? [];\n      return dates.some((d) => date.equals(d));\n    }\n\n    if (mode === 'range') {\n      const range = this.getRange();\n      if (range.from && date.equals(range.from)) return true;\n      if (range.to && date.equals(range.to)) return true;\n      if (\n        range.from &&\n        range.to &&\n        Temporal.PlainDate.compare(date, range.from) > 0 &&\n        Temporal.PlainDate.compare(date, range.to) < 0\n      )\n        return true;\n    }\n\n    return false;\n  }\n\n  protected isRangeStart(date: Temporal.PlainDate): boolean {\n    if (this.mode() !== 'range') return false;\n    const range = this.getRange();\n    return range.from ? date.equals(range.from) : false;\n  }\n\n  protected isRangeEnd(date: Temporal.PlainDate): boolean {\n    if (this.mode() !== 'range') return false;\n    const range = this.getRange();\n    return range.to ? date.equals(range.to) : false;\n  }\n\n  protected isRangeMiddle(date: Temporal.PlainDate): boolean {\n    if (this.mode() !== 'range') return false;\n    const range = this.getRange();\n    if (!range.from || !range.to) return false;\n    return (\n      Temporal.PlainDate.compare(date, range.from) > 0 &&\n      Temporal.PlainDate.compare(date, range.to) < 0\n    );\n  }\n\n  protected getDayClass(day: DayInfo): string {\n    const isSelectedDay = this.isSelected(day.date);\n    const isRangeMiddleDay = this.isRangeMiddle(day.date);\n\n    return cn(\n      'inline-flex size-9 items-center justify-center rounded-md text-sm font-normal',\n      'ring-offset-background transition-colors',\n      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      'hover:bg-accent hover:text-accent-foreground',\n      'disabled:pointer-events-none disabled:opacity-50',\n      day.isToday && !isSelectedDay && 'bg-accent text-accent-foreground',\n      isSelectedDay &&\n        !isRangeMiddleDay &&\n        'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground',\n      isRangeMiddleDay && 'bg-accent text-accent-foreground rounded-none',\n      day.isOutsideMonth && 'text-muted-foreground opacity-50',\n      day.disabled && 'text-muted-foreground opacity-50',\n    );\n  }\n\n  protected handleDateClick(date: Temporal.PlainDate): void {\n    this.dateSelected.emit(date);\n  }\n\n  protected handleKeyDown(event: KeyboardEvent): void {\n    const day = Number((event.target as Element).getAttribute('data-day'));\n    if (!day) return;\n\n    const viewDate = this.viewDate();\n    const daysInMonth = viewDate.daysInMonth;\n\n    // Only handle edge cases where we need to scroll to prev/next month\n    if (day > 7 && day <= daysInMonth - 7) return;\n\n    const arrowLeft = event.key === 'ArrowLeft';\n    const arrowRight = event.key === 'ArrowRight';\n    const arrowUp = event.key === 'ArrowUp';\n    const arrowDown = event.key === 'ArrowDown';\n\n    if ((day === 1 && arrowLeft) || (day <= 7 && arrowUp)) {\n      this.scrollUp();\n    }\n\n    if (\n      (day === daysInMonth && arrowRight) ||\n      (day > daysInMonth - 7 && arrowDown)\n    ) {\n      this.scrollDown();\n    }\n  }\n\n  private scrollDown(): void {\n    this.monthScrollDown.emit();\n    setTimeout(() => this._dayButtons()[0]?.element.focus());\n  }\n\n  private scrollUp(): void {\n    this.monthScrollUp.emit();\n    setTimeout(() =>\n      this._dayButtons()[this._dayButtons().length - 1]?.element.focus(),\n    );\n  }\n}\n"]}

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

@@ -11,8 +11,8 @@ export class ScCalendarHeader {
     previous = output();
     next = output();
     headerClick = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCalendarHeader, isStandalone: true, selector: "[scCalendarHeader]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, previousLabel: { classPropertyName: "previousLabel", publicName: "previousLabel", isSignal: true, isRequired: true, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: true, transformFunction: null }, headerLabel: { classPropertyName: "headerLabel", publicName: "headerLabel", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previous: "previous", next: "next", headerClick: "headerClick" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScCalendarHeader, isStandalone: true, selector: "[scCalendarHeader]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, previousLabel: { classPropertyName: "previousLabel", publicName: "previousLabel", isSignal: true, isRequired: true, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: true, transformFunction: null }, headerLabel: { classPropertyName: "headerLabel", publicName: "headerLabel", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previous: "previous", next: "next", headerClick: "headerClick" }, ngImport: i0, template: `
     <div class="relative flex items-center justify-center pt-1">
       <button
         scButton
@@ -45,9 +45,9 @@ export class ScCalendarHeader {
         <svg siChevronRightIcon class="size-4"></svg>
       </button>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: ScButton, selector: "button[scButton]", inputs: ["class", "variant", "size", "type", "disabled"] }, { kind: "component", type: SiChevronLeftIcon, selector: "svg[siChevronLeftIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "component", type: SiChevronRightIcon, selector: "svg[siChevronRightIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: ScButton, selector: "button[scButton]", inputs: ["class", "variant", "size", "type", "disabled"] }, { kind: "component", type: SiChevronLeftIcon, selector: "svg[siChevronLeftIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "component", type: SiChevronRightIcon, selector: "svg[siChevronRightIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarHeader, decorators: [{
             type: Component,
             args: [{
                     selector: '[scCalendarHeader]',

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/calendar/calendar-header.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;;AA0CtC,MAAM,OAAO,gBAAgB;IAClB,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAC;IACjC,aAAa,GAAG,KAAK,CAAC,QAAQ,wDAAU,CAAC;IACzC,SAAS,GAAG,KAAK,CAAC,QAAQ,oDAAU,CAAC;IACrC,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU,CAAC;IACvC,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC,CAAC;IAEjC,QAAQ,GAAG,MAAM,EAAQ,CAAC;IAC1B,IAAI,GAAG,MAAM,EAAQ,CAAC;IACtB,WAAW,GAAG,MAAM,EAAQ,CAAC;uGAT3B,gBAAgB;2FAAhB,gBAAgB,0zBArCjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT,4DAlCS,QAAQ,uHAAE,iBAAiB,kLAAE,kBAAkB;;2FAsC9C,gBAAgB;kBAxC5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;oBAC1D,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ScButton } from '../button';\nimport {\n  SiChevronLeftIcon,\n  SiChevronRightIcon,\n} from '@semantic-icons/lucide-icons';\n\n@Component({\n  selector: '[scCalendarHeader]',\n  imports: [ScButton, SiChevronLeftIcon, SiChevronRightIcon],\n  template: `\n    <div class=\"relative flex items-center justify-center pt-1\">\n      <button\n        scButton\n        variant=\"outline\"\n        size=\"icon-sm\"\n        class=\"absolute left-1\"\n        (click)=\"previous.emit()\"\n        [attr.aria-label]=\"previousLabel()\"\n      >\n        <svg siChevronLeftIcon class=\"size-4\"></svg>\n      </button>\n      <button\n        scButton\n        variant=\"ghost\"\n        size=\"sm\"\n        (click)=\"headerClick.emit()\"\n        [attr.aria-label]=\"headerLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n      >\n        {{ label() }}\n      </button>\n      <button\n        scButton\n        variant=\"outline\"\n        size=\"icon-sm\"\n        class=\"absolute right-1\"\n        (click)=\"next.emit()\"\n        [attr.aria-label]=\"nextLabel()\"\n      >\n        <svg siChevronRightIcon class=\"size-4\"></svg>\n      </button>\n    </div>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCalendarHeader {\n  readonly label = input.required<string>();\n  readonly previousLabel = input.required<string>();\n  readonly nextLabel = input.required<string>();\n  readonly headerLabel = input.required<string>();\n  readonly expanded = input<boolean>(false);\n\n  readonly previous = output<void>();\n  readonly next = output<void>();\n  readonly headerClick = output<void>();\n}\n"]}
+{"version":3,"file":"calendar-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/calendar/calendar-header.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;;AA0CtC,MAAM,OAAO,gBAAgB;IAClB,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAC;IACjC,aAAa,GAAG,KAAK,CAAC,QAAQ,wDAAU,CAAC;IACzC,SAAS,GAAG,KAAK,CAAC,QAAQ,oDAAU,CAAC;IACrC,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU,CAAC;IACvC,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC,CAAC;IAEjC,QAAQ,GAAG,MAAM,EAAQ,CAAC;IAC1B,IAAI,GAAG,MAAM,EAAQ,CAAC;IACtB,WAAW,GAAG,MAAM,EAAQ,CAAC;uGAT3B,gBAAgB;2FAAhB,gBAAgB,0zBArCjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT,4DAlCS,QAAQ,uHAAE,iBAAiB,gMAAE,kBAAkB;;2FAsC9C,gBAAgB;kBAxC5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;oBAC1D,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ScButton } from '../button';\nimport {\n  SiChevronLeftIcon,\n  SiChevronRightIcon,\n} from '@semantic-icons/lucide-icons';\n\n@Component({\n  selector: '[scCalendarHeader]',\n  imports: [ScButton, SiChevronLeftIcon, SiChevronRightIcon],\n  template: `\n    <div class=\"relative flex items-center justify-center pt-1\">\n      <button\n        scButton\n        variant=\"outline\"\n        size=\"icon-sm\"\n        class=\"absolute left-1\"\n        (click)=\"previous.emit()\"\n        [attr.aria-label]=\"previousLabel()\"\n      >\n        <svg siChevronLeftIcon class=\"size-4\"></svg>\n      </button>\n      <button\n        scButton\n        variant=\"ghost\"\n        size=\"sm\"\n        (click)=\"headerClick.emit()\"\n        [attr.aria-label]=\"headerLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n      >\n        {{ label() }}\n      </button>\n      <button\n        scButton\n        variant=\"outline\"\n        size=\"icon-sm\"\n        class=\"absolute right-1\"\n        (click)=\"next.emit()\"\n        [attr.aria-label]=\"nextLabel()\"\n      >\n        <svg siChevronRightIcon class=\"size-4\"></svg>\n      </button>\n    </div>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCalendarHeader {\n  readonly label = input.required<string>();\n  readonly previousLabel = input.required<string>();\n  readonly nextLabel = input.required<string>();\n  readonly headerLabel = input.required<string>();\n  readonly expanded = input<boolean>(false);\n\n  readonly previous = output<void>();\n  readonly next = output<void>();\n  readonly headerClick = output<void>();\n}\n"]}

package/esm2022/lib/components/calendar/calendar-month-view.js

@@ -91,8 +91,8 @@ export class ScCalendarMonthView {
         this.yearScrollUp.emit();
         setTimeout(() => this._monthButtons()[this._monthButtons().length - 1]?.element.focus());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarMonthView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScCalendarMonthView, isStandalone: true, selector: "[scCalendarMonthView]", inputs: { year: { classPropertyName: "year", publicName: "year", isSignal: true, isRequired: true, transformFunction: null }, selectedMonth: { classPropertyName: "selectedMonth", publicName: "selectedMonth", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { monthSelected: "monthSelected", yearScrollUp: "yearScrollUp", yearScrollDown: "yearScrollDown" }, viewQueries: [{ propertyName: "_monthButtons", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarMonthView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScCalendarMonthView, isStandalone: true, selector: "[scCalendarMonthView]", inputs: { year: { classPropertyName: "year", publicName: "year", isSignal: true, isRequired: true, transformFunction: null }, selectedMonth: { classPropertyName: "selectedMonth", publicName: "selectedMonth", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { monthSelected: "monthSelected", yearScrollUp: "yearScrollUp", yearScrollDown: "yearScrollDown" }, viewQueries: [{ propertyName: "_monthButtons", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
     <table
       ngGrid
       tabindex="0"
@@ -131,9 +131,9 @@ export class ScCalendarMonthView {
         }
       </tbody>
     </table>
-  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["onActivate", "onDeactivate"], exportAs: ["ngGridCellWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["activated", "deactivated"], exportAs: ["ngGridCellWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarMonthView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarMonthView, decorators: [{
             type: Component,
             args: [{
                     selector: '[scCalendarMonthView]',

package/esm2022/lib/components/calendar/calendar-year-view.js

@@ -80,8 +80,8 @@ export class ScCalendarYearView {
         this.decadeScrollUp.emit();
         setTimeout(() => this._yearButtons()[this._yearButtons().length - 1]?.element.focus());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarYearView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScCalendarYearView, isStandalone: true, selector: "[scCalendarYearView]", inputs: { decadeStart: { classPropertyName: "decadeStart", publicName: "decadeStart", isSignal: true, isRequired: true, transformFunction: null }, selectedYear: { classPropertyName: "selectedYear", publicName: "selectedYear", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { yearSelected: "yearSelected", decadeScrollUp: "decadeScrollUp", decadeScrollDown: "decadeScrollDown" }, viewQueries: [{ propertyName: "_yearButtons", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarYearView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScCalendarYearView, isStandalone: true, selector: "[scCalendarYearView]", inputs: { decadeStart: { classPropertyName: "decadeStart", publicName: "decadeStart", isSignal: true, isRequired: true, transformFunction: null }, selectedYear: { classPropertyName: "selectedYear", publicName: "selectedYear", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { yearSelected: "yearSelected", decadeScrollUp: "decadeScrollUp", decadeScrollDown: "decadeScrollDown" }, viewQueries: [{ propertyName: "_yearButtons", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
     <table
       ngGrid
       tabindex="0"
@@ -120,9 +120,9 @@ export class ScCalendarYearView {
         }
       </tbody>
     </table>
-  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["onActivate", "onDeactivate"], exportAs: ["ngGridCellWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["activated", "deactivated"], exportAs: ["ngGridCellWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCalendarYearView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendarYearView, decorators: [{
             type: Component,
             args: [{
                     selector: '[scCalendarYearView]',

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

@@ -147,8 +147,8 @@ export class ScCalendar {
         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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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
@@ -204,7 +204,7 @@ export class ScCalendar {
     </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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCalendar, decorators: [{
             type: Component,
             args: [{
                     selector: 'sc-calendar',

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

@@ -4,10 +4,10 @@ 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardAction, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scCardAction]',

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

@@ -4,10 +4,10 @@ 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardBody, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scCardBody]',