npm - @semantic-components/ui - Versions diffs - 0.68.0 → 0.70.0 - Mend

@semantic-components/ui 0.68.0 → 0.70.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (400) hide show

package/esm2022/lib/components/navigation-menu/navigation-menu-trigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation-menu-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;;;AAoB7E,MAAM,OAAO,uBAAuB;IACzB,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACxC,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gHAAgH,EAChH,8CAA8C,EAC9C,8CAA8C,EAC9C,kDAAkD,EAClD,6IAA6I,EAC7I,wHAAwH,EACxH,6BAA6B,EAC7B,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAhBS,uBAAuB;2FAAvB,uBAAuB,8fAdxB;;;GAGT,4DALS,iBAAiB,~~kLAAE~~,2BAA2B;;2FAgB7C,uBAAuB;kBAlBnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,OAAO,EAAE,CAAC,iBAAiB,EAAE,2BAA2B,CAAC;oBACzD,cAAc,EAAE,CAAC,gBAAgB,CAAC;oBAClC,QAAQ,EAAE;;;GAGT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,yBAAyB;wBACtC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,iBAAiB;wBACzC,mBAAmB,EAAE,qCAAqC;qBAC3D;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SiChevronDownIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\nimport { ScNavigationMenuItem } from './navigation-menu-item';\nimport { ScNavigationMenuTriggerIcon } from './navigation-menu-trigger-icon';\n\n@Component({\n selector: 'button[scNavigationMenuTrigger]',\n imports: [SiChevronDownIcon, ScNavigationMenuTriggerIcon],\n hostDirectives: [CdkOverlayOrigin],\n template: `\n <ng-content />\n <svg siChevronDownIcon scNavigationMenuTriggerIcon></svg>\n `,\n host: {\n 'data-slot': 'navigation-menu-trigger',\n type: 'button',\n '[class]': 'class()',\n '[attr.aria-expanded]': 'menuItem.open()',\n '[attr.data-state]': 'menuItem.open() ? \"open\" : \"closed\"',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScNavigationMenuTrigger {\n readonly menuItem = inject(ScNavigationMenuItem);\n readonly overlayOrigin = inject(CdkOverlayOrigin);\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn(\n 'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium',\n 'hover:bg-accent hover:text-accent-foreground',\n 'focus:bg-accent focus:text-accent-foreground',\n 'disabled:pointer-events-none disabled:opacity-50',\n 'data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50',\n 'focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1',\n '[&_svg]:pointer-events-none',\n this.classInput(),\n ),\n );\n}\n"]}
1	+ {"version":3,"file":"navigation-menu-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;;;AAoB7E,MAAM,OAAO,uBAAuB;IACzB,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACxC,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gHAAgH,EAChH,8CAA8C,EAC9C,8CAA8C,EAC9C,kDAAkD,EAClD,6IAA6I,EAC7I,wHAAwH,EACxH,6BAA6B,EAC7B,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAhBS,uBAAuB;2FAAvB,uBAAuB,8fAdxB;;;GAGT,4DALS,iBAAiB,gMAAE,2BAA2B;;2FAgB7C,uBAAuB;kBAlBnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,OAAO,EAAE,CAAC,iBAAiB,EAAE,2BAA2B,CAAC;oBACzD,cAAc,EAAE,CAAC,gBAAgB,CAAC;oBAClC,QAAQ,EAAE;;;GAGT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,yBAAyB;wBACtC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,iBAAiB;wBACzC,mBAAmB,EAAE,qCAAqC;qBAC3D;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SiChevronDownIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\nimport { ScNavigationMenuItem } from './navigation-menu-item';\nimport { ScNavigationMenuTriggerIcon } from './navigation-menu-trigger-icon';\n\n@Component({\n selector: 'button[scNavigationMenuTrigger]',\n imports: [SiChevronDownIcon, ScNavigationMenuTriggerIcon],\n hostDirectives: [CdkOverlayOrigin],\n template: `\n <ng-content />\n <svg siChevronDownIcon scNavigationMenuTriggerIcon></svg>\n `,\n host: {\n 'data-slot': 'navigation-menu-trigger',\n type: 'button',\n '[class]': 'class()',\n '[attr.aria-expanded]': 'menuItem.open()',\n '[attr.data-state]': 'menuItem.open() ? \"open\" : \"closed\"',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScNavigationMenuTrigger {\n readonly menuItem = inject(ScNavigationMenuItem);\n readonly overlayOrigin = inject(CdkOverlayOrigin);\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn(\n 'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium',\n 'hover:bg-accent hover:text-accent-foreground',\n 'focus:bg-accent focus:text-accent-foreground',\n 'disabled:pointer-events-none disabled:opacity-50',\n 'data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50',\n 'focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1',\n '[&_svg]:pointer-events-none',\n this.classInput(),\n ),\n );\n}\n"]}

package/esm2022/lib/components/navigation-menu/navigation-menu.js CHANGED Viewed

@@ -9,12 +9,12 @@ export class ScNavigationMenu {
     setActiveItem(id) {
         this.activeItem.set(id);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScNavigationMenu, isStandalone: true, selector: "nav[scNavigationMenu]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenu, isStandalone: true, selector: "nav[scNavigationMenu]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu" }, properties: { "class": "class()" } }, ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenu, decorators: [{
             type: Component,
             args: [{
                     selector: 'nav[scNavigationMenu]',

package/esm2022/lib/components/pagination/pagination-ellipsis.js CHANGED Viewed

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScPaginationEllipsis {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn("size-8 [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center", this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPaginationEllipsis, isStandalone: true, selector: "span[scPaginationEllipsis]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-ellipsis", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationEllipsis, isStandalone: true, selector: "span[scPaginationEllipsis]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-ellipsis", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationEllipsis, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationEllipsis, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[scPaginationEllipsis]',

package/esm2022/lib/components/pagination/pagination-first.js CHANGED Viewed

@@ -30,10 +30,10 @@ export class ScPaginationFirst {
             this.pagination.goToPage(1);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationFirst, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPaginationFirst, isStandalone: true, selector: "a[scPaginationFirst], button[scPaginationFirst]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-first", "aria-label": "Go to first page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationFirst, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationFirst, isStandalone: true, selector: "a[scPaginationFirst], button[scPaginationFirst]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-first", "aria-label": "Go to first page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationFirst, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationFirst, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[scPaginationFirst], button[scPaginationFirst]',

package/esm2022/lib/components/pagination/pagination-item.js CHANGED Viewed

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

package/esm2022/lib/components/pagination/pagination-last.js CHANGED Viewed

@@ -31,10 +31,10 @@ export class ScPaginationLast {
             this.pagination.goToPage(lastPage);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationLast, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPaginationLast, isStandalone: true, selector: "a[scPaginationLast], button[scPaginationLast]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-last", "aria-label": "Go to last page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLast, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationLast, isStandalone: true, selector: "a[scPaginationLast], button[scPaginationLast]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-last", "aria-label": "Go to last page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationLast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLast, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[scPaginationLast], button[scPaginationLast]',

package/esm2022/lib/components/pagination/pagination-link.js CHANGED Viewed

@@ -29,10 +29,10 @@ export class ScPaginationLink {
             this.pagination.goToPage(pageNum);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPaginationLink, isStandalone: true, selector: "a[scPaginationLink], button[scPaginationLink]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-link" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-current": "isActive() ? \"page\" : null", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationLink, isStandalone: true, selector: "a[scPaginationLink], button[scPaginationLink]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-link" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-current": "isActive() ? \"page\" : null", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLink, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[scPaginationLink], button[scPaginationLink]',

package/esm2022/lib/components/pagination/pagination-list.js CHANGED Viewed

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

package/esm2022/lib/components/pagination/pagination-next.js CHANGED Viewed

@@ -31,10 +31,10 @@ export class ScPaginationNext {
             this.pagination.goToPage(nextPage);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPaginationNext, isStandalone: true, selector: "a[scPaginationNext], button[scPaginationNext]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-next", "aria-label": "Go to next page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationNext, isStandalone: true, selector: "a[scPaginationNext], button[scPaginationNext]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-next", "aria-label": "Go to next page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationNext, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationNext, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[scPaginationNext], button[scPaginationNext]',

package/esm2022/lib/components/pagination/pagination-page-size-select.js CHANGED Viewed

@@ -18,10 +18,10 @@ export class ScPaginationPageSizeSelect {
         const newPageSize = parseInt(select.value, 10);
         this.pagination.changePageSize(newPageSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationPageSizeSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPaginationPageSizeSelect, isStandalone: true, selector: "select[scPaginationPageSizeSelect]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-page-size-select" }, listeners: { "change": "onPageSizeChange($event)" }, properties: { "attr.id": "id()", "value": "pagination.pageSize()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPageSizeSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationPageSizeSelect, isStandalone: true, selector: "select[scPaginationPageSizeSelect]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-page-size-select" }, listeners: { "change": "onPageSizeChange($event)" }, properties: { "attr.id": "id()", "value": "pagination.pageSize()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationPageSizeSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPageSizeSelect, decorators: [{
             type: Directive,
             args: [{
                     selector: 'select[scPaginationPageSizeSelect]',

package/esm2022/lib/components/pagination/pagination-previous.js CHANGED Viewed

@@ -31,10 +31,10 @@ export class ScPaginationPrevious {
             this.pagination.goToPage(previousPage);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationPrevious, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPaginationPrevious, isStandalone: true, selector: "a[scPaginationPrevious], button[scPaginationPrevious]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-previous", "aria-label": "Go to previous page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPrevious, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationPrevious, isStandalone: true, selector: "a[scPaginationPrevious], button[scPaginationPrevious]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", 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 } }, host: { attributes: { "data-slot": "pagination-previous", "aria-label": "Go to previous page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationPrevious, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPrevious, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[scPaginationPrevious], button[scPaginationPrevious]',

package/esm2022/lib/components/pagination/pagination.js CHANGED Viewed

@@ -116,13 +116,13 @@ export class ScPagination {
         pages.push({ type: 'page', value: totalPages });
         return pages;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPagination, isStandalone: true, selector: "nav[scPagination]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, currentPageInput: { classPropertyName: "currentPageInput", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { attributes: { "data-slot": "pagination", "role": "navigation", "aria-label": "pagination" }, properties: { "class": "class()" } }, exportAs: ["scPagination"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPagination, isStandalone: true, selector: "nav[scPagination], div[scPagination]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, currentPageInput: { classPropertyName: "currentPageInput", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { attributes: { "data-slot": "pagination", "role": "navigation", "aria-label": "pagination" }, properties: { "class": "class()" } }, exportAs: ["scPagination"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPagination, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'nav[scPagination]',
+                    selector: 'nav[scPagination], div[scPagination]',
                     exportAs: 'scPagination',
                     host: {
                         'data-slot': 'pagination',

package/esm2022/lib/components/pagination/pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination.ts"],"names":[],"mappings":"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~~mBAAmB~~;~~oBAC7B~~,QAAQ,EAAE,cAAc;oBACxB,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,IAAI,EAAE,YAAY;wBAClB,YAAY,EAAE,YAAY;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import {\n computed,\n Directive,\n input,\n linkedSignal,\n output,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\nexport type ScPaginationPage =\n \| { type: 'page'; value: number }\n \| { type: 'ellipsis'; value: string };\n\nexport interface ScPaginationChange {\n page: number;\n pageSize: number;\n}\n\n@Directive({\n selector: 'nav[scPagination]',\n exportAs: 'scPagination',\n host: {\n 'data-slot': 'pagination',\n role: 'navigation',\n 'aria-label': 'pagination',\n '[class]': 'class()',\n },\n})\nexport class ScPagination {\n readonly classInput = input<string>('', { alias: 'class' });\n\n // Smart pagination inputs\n readonly currentPageInput = input<number>(1, { alias: 'currentPage' });\n readonly pageSizeInput = input<number>(10, { alias: 'pageSize' });\n readonly totalItems = input<number>(0);\n readonly pageSizes = input<number[]>([10, 25, 50, 100]); // Available page size options\n\n // Internal state (synced from inputs, writable for programmatic updates)\n readonly currentPage = linkedSignal(() => this.currentPageInput());\n readonly pageSize = linkedSignal(() => this.pageSizeInput());\n\n // Output events\n readonly change = output<ScPaginationChange>();\n\n protected readonly class = computed(() =>\n cn('mx-auto flex w-full justify-center', this.classInput()),\n );\n\n // Computed total pages\n readonly totalPages = computed(() => {\n const total = this.totalItems();\n const size = this.pageSize();\n return Math.ceil(total / size);\n });\n\n // Computed pages array for rendering\n readonly pages = computed(() => {\n const current = this.currentPage();\n const total = this.totalPages();\n\n return this.generatePageNumbers(current, total);\n });\n\n /*\n Trigger a page change. Called internally by child components.\n * @param page The target page number\n /\n goToPage(page: number): void {\n const total = this.totalPages();\n if (page >= 1 && page <= total && page !== this.currentPage()) {\n this.currentPage.set(page);\n this.change.emit({ page, pageSize: this.pageSize() });\n }\n }\n\n /\n Change the page size. Called internally by ScPaginationPageSizeSelect.\n * @param newPageSize The new page size\n */\n changePageSize(newPageSize: number): void {\n if (newPageSize > 0 && newPageSize !== this.pageSize()) {\n // Reset to page 1 when page size changes\n this.currentPage.set(1);\n this.pageSize.set(newPageSize);\n this.change.emit({ page: 1, pageSize: newPageSize });\n }\n }\n\n private generatePageNumbers(\n currentPage: number,\n totalPages: number,\n ): ScPaginationPage[] {\n const siblingCount = 1;\n // If total pages is less than or equal to 7, show all pages\n if (totalPages <= 7) {\n return Array.from({ length: totalPages }, (_, i) => ({\n type: 'page' as const,\n value: i + 1,\n }));\n }\n\n // For more than 7 pages, always return exactly 7 items\n const pages: ScPaginationPage[] = [];\n\n // First page\n pages.push({ type: 'page', value: 1 });\n\n // Calculate the range around current page\n let start = Math.max(2, currentPage - siblingCount);\n let end = Math.min(totalPages - 1, currentPage + siblingCount);\n\n // Adjust to ensure we show the right number of pages\n const totalMiddleSlots = 5; // Total slots minus first and last\n const needLeftEllipsis = start > 2;\n const needRightEllipsis = end < totalPages - 1;\n\n // Calculate how many actual page slots we have (excluding ellipsis)\n let pageSlots = totalMiddleSlots;\n if (needLeftEllipsis) pageSlots--;\n if (needRightEllipsis) pageSlots--;\n\n // Adjust range to fit in available slots\n if (!needLeftEllipsis && needRightEllipsis) {\n // Near start: [1, 2, 3, 4, 5, ..., last]\n end = Math.min(pageSlots + 1, totalPages - 1);\n } else if (needLeftEllipsis && !needRightEllipsis) {\n // Near end: [1, ..., n-4, n-3, n-2, n-1, n]\n start = Math.max(2, totalPages - pageSlots);\n } else if (needLeftEllipsis && needRightEllipsis) {\n // Middle: [1, ..., current-1, current, current+1, ..., last]\n const middlePages = pageSlots;\n const halfPages = Math.floor(middlePages / 2);\n start = currentPage - halfPages;\n end = currentPage + (middlePages - halfPages - 1);\n\n // Adjust if we're too close to edges\n if (start < 2) {\n start = 2;\n end = start + middlePages - 1;\n }\n if (end > totalPages - 1) {\n end = totalPages - 1;\n start = end - middlePages + 1;\n }\n }\n\n // Add left ellipsis if needed\n if (start > 2) {\n pages.push({ type: 'ellipsis', value: 'ellipsis-left' });\n }\n\n // Add middle pages\n for (let i = start; i <= end; i++) {\n pages.push({ type: 'page', value: i });\n }\n\n // Add right ellipsis if needed\n if (end < totalPages - 1) {\n pages.push({ type: 'ellipsis', value: 'ellipsis-right' });\n }\n\n // Last page\n pages.push({ type: 'page', value: totalPages });\n\n return pages;\n }\n}\n"]}
1	+ {"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n computed,\n Directive,\n input,\n linkedSignal,\n output,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\nexport type ScPaginationPage =\n \| { type: 'page'; value: number }\n \| { type: 'ellipsis'; value: string };\n\nexport interface ScPaginationChange {\n page: number;\n pageSize: number;\n}\n\n@Directive({\n selector: 'nav[scPagination], div[scPagination]',\n exportAs: 'scPagination',\n host: {\n 'data-slot': 'pagination',\n role: 'navigation',\n 'aria-label': 'pagination',\n '[class]': 'class()',\n },\n})\nexport class ScPagination {\n readonly classInput = input<string>('', { alias: 'class' });\n\n // Smart pagination inputs\n readonly currentPageInput = input<number>(1, { alias: 'currentPage' });\n readonly pageSizeInput = input<number>(10, { alias: 'pageSize' });\n readonly totalItems = input<number>(0);\n readonly pageSizes = input<number[]>([10, 25, 50, 100]); // Available page size options\n\n // Internal state (synced from inputs, writable for programmatic updates)\n readonly currentPage = linkedSignal(() => this.currentPageInput());\n readonly pageSize = linkedSignal(() => this.pageSizeInput());\n\n // Output events\n readonly change = output<ScPaginationChange>();\n\n protected readonly class = computed(() =>\n cn('mx-auto flex w-full justify-center', this.classInput()),\n );\n\n // Computed total pages\n readonly totalPages = computed(() => {\n const total = this.totalItems();\n const size = this.pageSize();\n return Math.ceil(total / size);\n });\n\n // Computed pages array for rendering\n readonly pages = computed(() => {\n const current = this.currentPage();\n const total = this.totalPages();\n\n return this.generatePageNumbers(current, total);\n });\n\n /*\n Trigger a page change. Called internally by child components.\n * @param page The target page number\n /\n goToPage(page: number): void {\n const total = this.totalPages();\n if (page >= 1 && page <= total && page !== this.currentPage()) {\n this.currentPage.set(page);\n this.change.emit({ page, pageSize: this.pageSize() });\n }\n }\n\n /\n Change the page size. Called internally by ScPaginationPageSizeSelect.\n * @param newPageSize The new page size\n */\n changePageSize(newPageSize: number): void {\n if (newPageSize > 0 && newPageSize !== this.pageSize()) {\n // Reset to page 1 when page size changes\n this.currentPage.set(1);\n this.pageSize.set(newPageSize);\n this.change.emit({ page: 1, pageSize: newPageSize });\n }\n }\n\n private generatePageNumbers(\n currentPage: number,\n totalPages: number,\n ): ScPaginationPage[] {\n const siblingCount = 1;\n // If total pages is less than or equal to 7, show all pages\n if (totalPages <= 7) {\n return Array.from({ length: totalPages }, (_, i) => ({\n type: 'page' as const,\n value: i + 1,\n }));\n }\n\n // For more than 7 pages, always return exactly 7 items\n const pages: ScPaginationPage[] = [];\n\n // First page\n pages.push({ type: 'page', value: 1 });\n\n // Calculate the range around current page\n let start = Math.max(2, currentPage - siblingCount);\n let end = Math.min(totalPages - 1, currentPage + siblingCount);\n\n // Adjust to ensure we show the right number of pages\n const totalMiddleSlots = 5; // Total slots minus first and last\n const needLeftEllipsis = start > 2;\n const needRightEllipsis = end < totalPages - 1;\n\n // Calculate how many actual page slots we have (excluding ellipsis)\n let pageSlots = totalMiddleSlots;\n if (needLeftEllipsis) pageSlots--;\n if (needRightEllipsis) pageSlots--;\n\n // Adjust range to fit in available slots\n if (!needLeftEllipsis && needRightEllipsis) {\n // Near start: [1, 2, 3, 4, 5, ..., last]\n end = Math.min(pageSlots + 1, totalPages - 1);\n } else if (needLeftEllipsis && !needRightEllipsis) {\n // Near end: [1, ..., n-4, n-3, n-2, n-1, n]\n start = Math.max(2, totalPages - pageSlots);\n } else if (needLeftEllipsis && needRightEllipsis) {\n // Middle: [1, ..., current-1, current, current+1, ..., last]\n const middlePages = pageSlots;\n const halfPages = Math.floor(middlePages / 2);\n start = currentPage - halfPages;\n end = currentPage + (middlePages - halfPages - 1);\n\n // Adjust if we're too close to edges\n if (start < 2) {\n start = 2;\n end = start + middlePages - 1;\n }\n if (end > totalPages - 1) {\n end = totalPages - 1;\n start = end - middlePages + 1;\n }\n }\n\n // Add left ellipsis if needed\n if (start > 2) {\n pages.push({ type: 'ellipsis', value: 'ellipsis-left' });\n }\n\n // Add middle pages\n for (let i = start; i <= end; i++) {\n pages.push({ type: 'page', value: i });\n }\n\n // Add right ellipsis if needed\n if (end < totalPages - 1) {\n pages.push({ type: 'ellipsis', value: 'ellipsis-right' });\n }\n\n // Last page\n pages.push({ type: 'page', value: totalPages });\n\n return pages;\n }\n}\n"]}

package/esm2022/lib/components/popover/popover-close.js CHANGED Viewed

@@ -9,10 +9,10 @@ export class ScPopoverClose {
     closePopover() {
         this.popover.open.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPopoverClose, isStandalone: true, selector: "button[scPopoverClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-close" }, listeners: { "click": "closePopover()" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPopoverClose, isStandalone: true, selector: "button[scPopoverClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-close" }, listeners: { "click": "closePopover()" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverClose, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scPopoverClose]',

package/esm2022/lib/components/popover/popover-description.js CHANGED Viewed

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

package/esm2022/lib/components/popover/popover-header.js CHANGED Viewed

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

package/esm2022/lib/components/popover/popover-portal.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { Directive, inject, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ScPopoverPortal {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScPopoverPortal, isStandalone: true, selector: "ng-template[scPopoverPortal]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScPopoverPortal, isStandalone: true, selector: "ng-template[scPopoverPortal]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverPortal, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[scPopoverPortal]',

package/esm2022/lib/components/popover/popover-provider.js CHANGED Viewed

@@ -149,8 +149,8 @@ export class ScPopoverProvider {
             this.open.set(false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScPopoverProvider, isStandalone: true, selector: "div[scPopoverProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "popover-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScPopoverTrigger, descendants: true, isSignal: true }, { propertyName: "popoverPortal", first: true, predicate: ScPopoverPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScPopoverProvider, isStandalone: true, selector: "div[scPopoverProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "popover-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScPopoverTrigger, descendants: true, isSignal: true }, { propertyName: "popoverPortal", first: true, predicate: ScPopoverPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-content />
     @if (origin(); as origin) {
@@ -169,7 +169,7 @@ export class ScPopoverProvider {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverProvider, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scPopoverProvider]',

package/esm2022/lib/components/popover/popover-title.js CHANGED Viewed

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

package/esm2022/lib/components/popover/popover-trigger.js CHANGED Viewed

@@ -12,10 +12,10 @@ export class ScPopoverTrigger {
     togglePopover() {
         this.popover.open.update((v) => !v);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPopoverTrigger, isStandalone: true, selector: "button[scPopoverTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-trigger" }, listeners: { "click": "togglePopover()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "popover.open()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPopoverTrigger, isStandalone: true, selector: "button[scPopoverTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-trigger" }, listeners: { "click": "togglePopover()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "popover.open()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scPopoverTrigger]',

package/esm2022/lib/components/popover/popover.js CHANGED Viewed

@@ -22,12 +22,12 @@ export class ScPopover {
             this.popover.onPopoverAnimationComplete();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScPopover, isStandalone: true, selector: "div[scPopover]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog", "data-slot": "popover" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "class": "class()", "attr.data-open": "state() === \"open\" ? true : null", "attr.data-closed": "state() === \"closed\" ? true : null", "attr.data-side": "popover.side()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScPopover, isStandalone: true, selector: "div[scPopover]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog", "data-slot": "popover" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "class": "class()", "attr.data-open": "state() === \"open\" ? true : null", "attr.data-closed": "state() === \"closed\" ? true : null", "attr.data-side": "popover.side()" } }, ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopover, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scPopover]',

package/esm2022/lib/components/progress/progress-indicator.js CHANGED Viewed

@@ -6,10 +6,10 @@ export class ScProgressIndicator {
     progress = inject(ScProgress);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('bg-primary size-full flex-1 transition-all', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScProgressIndicator, isStandalone: true, selector: "[scProgressIndicator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "progress-indicator" }, properties: { "class": "class()", "style.transform": "\"translateX(-\" + (100 - progress.percentage()) + \"%)\"" } }, 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: ScProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScProgressIndicator, isStandalone: true, selector: "[scProgressIndicator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "progress-indicator" }, properties: { "class": "class()", "style.transform": "\"translateX(-\" + (100 - progress.percentage()) + \"%)\"" } }, 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: ScProgressIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScProgressIndicator, decorators: [{
             type: Component,
             args: [{
                     selector: '[scProgressIndicator]',

package/esm2022/lib/components/progress/progress.js CHANGED Viewed

@@ -21,12 +21,12 @@ export class ScProgress {
         return val >= maxVal ? 'complete' : 'loading';
     }, ...(ngDevMode ? [{ debugName: "state" }] : []));
     class = computed(() => cn('bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScProgress, isStandalone: true, selector: "[scProgress]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "progressbar", "data-slot": "progress" }, properties: { "class": "class()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "value()", "attr.data-state": "state()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScProgress, isStandalone: true, selector: "[scProgress]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "progressbar", "data-slot": "progress" }, properties: { "class": "class()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "value()", "attr.data-state": "state()" } }, ngImport: i0, template: `
     <div scProgressIndicator></div>
   `, isInline: true, dependencies: [{ kind: "component", type: ScProgressIndicator, selector: "[scProgressIndicator]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScProgress, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScProgress, decorators: [{
             type: Component,
             args: [{
                     selector: '[scProgress]',

package/esm2022/lib/components/radio-group/radio-field.js CHANGED Viewed

@@ -12,12 +12,12 @@ export class ScRadioField {
         return tagName === 'LABEL' ? null : 'group';
     }, ...(ngDevMode ? [{ debugName: "role" }] : []));
     class = computed(() => cn('relative inline-flex items-start gap-2', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadioField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScRadioField, isStandalone: true, selector: "div[scRadioField], label[scRadioField]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio-field" }, properties: { "attr.role": "role()", "class": "class()" } }, providers: [{ provide: SC_FIELD, useExisting: ScRadioField }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRadioField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScRadioField, isStandalone: true, selector: "div[scRadioField], label[scRadioField]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio-field" }, properties: { "attr.role": "role()", "class": "class()" } }, providers: [{ provide: SC_FIELD, useExisting: ScRadioField }], ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadioField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRadioField, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scRadioField], label[scRadioField]',

package/esm2022/lib/components/radio-group/radio-group.js CHANGED Viewed

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

package/esm2022/lib/components/radio-group/radio.js CHANGED Viewed

@@ -5,10 +5,10 @@ export const SC_RADIO = 'SC_RADIO';
 export class ScRadio {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('relative', 'appearance-none', 'aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', "[&::before]:content-['']", '[&::before]:absolute [&::before]:top-1/2 [&::before]:left-1/2 [&::before]:-translate-x-1/2 [&::before]:-translate-y-1/2 [&::before]:size-2.5 [&::before]:rounded-full [&::before]:bg-primary [&::before]:opacity-0 [&::before]:transform [&::before]:scale-0 [&::before]:transition-all [&::before]:duration-200', 'checked:[&::before]:opacity-100 checked:[&::before]:scale-100', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadio, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScRadio, isStandalone: true, selector: "input[type=\"radio\"][scRadio]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio" }, properties: { "class": "class()" } }, exportAs: ["SC_RADIO"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRadio, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScRadio, isStandalone: true, selector: "input[type=\"radio\"][scRadio]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio" }, properties: { "class": "class()" } }, exportAs: ["SC_RADIO"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRadio, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type="radio"][scRadio]',

package/esm2022/lib/components/range-slider/range-slider-max.js CHANGED Viewed

@@ -16,10 +16,10 @@ export class ScRangeSliderMax {
             el.value = String(clamped);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRangeSliderMax, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScRangeSliderMax, isStandalone: true, selector: "input[scRangeSliderMax]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "range" }, listeners: { "input": "onInput($event)" }, properties: { "min": "rangeSlider.min()", "max": "rangeSlider.max()", "step": "rangeSlider.step()", "disabled": "rangeSlider.disabled()", "value": "rangeSlider.maxValue()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRangeSliderMax, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScRangeSliderMax, isStandalone: true, selector: "input[scRangeSliderMax]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "range" }, listeners: { "input": "onInput($event)" }, properties: { "min": "rangeSlider.min()", "max": "rangeSlider.max()", "step": "rangeSlider.step()", "disabled": "rangeSlider.disabled()", "value": "rangeSlider.maxValue()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRangeSliderMax, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRangeSliderMax, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[scRangeSliderMax]',

package/esm2022/lib/components/range-slider/range-slider-min.js CHANGED Viewed

@@ -16,10 +16,10 @@ export class ScRangeSliderMin {
             el.value = String(clamped);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRangeSliderMin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScRangeSliderMin, isStandalone: true, selector: "input[scRangeSliderMin]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "range" }, listeners: { "input": "onInput($event)" }, properties: { "min": "rangeSlider.min()", "max": "rangeSlider.max()", "step": "rangeSlider.step()", "disabled": "rangeSlider.disabled()", "value": "rangeSlider.minValue()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRangeSliderMin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScRangeSliderMin, isStandalone: true, selector: "input[scRangeSliderMin]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "range" }, listeners: { "input": "onInput($event)" }, properties: { "min": "rangeSlider.min()", "max": "rangeSlider.max()", "step": "rangeSlider.step()", "disabled": "rangeSlider.disabled()", "value": "rangeSlider.minValue()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRangeSliderMin, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScRangeSliderMin, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[scRangeSliderMin]',