@semantic-components/ui 0.64.0 → 0.66.0

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

@@ -0,0 +1,22 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScMenuSeparator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('bg-border -mx-1 my-1 h-px', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScMenuSeparator, isStandalone: true, selector: "[scMenuSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-separator", "role": "separator", "aria-orientation": "horizontal" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenuSeparator]',
+                    host: {
+                        'data-slot': 'menu-separator',
+                        role: 'separator',
+                        'aria-orientation': 'horizontal',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=menu-separator.js.map

package/esm2022/lib/components/menu/menu-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAWjC,MAAM,OAAO,eAAe;IACjB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,2BAA2B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACnD,CAAC;uGALS,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAT3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,IAAI,EAAE,WAAW;wBACjB,kBAAkB,EAAE,YAAY;wBAChC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scMenuSeparator]',\n  host: {\n    'data-slot': 'menu-separator',\n    role: 'separator',\n    'aria-orientation': 'horizontal',\n    '[class]': 'class()',\n  },\n})\nexport class ScMenuSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('bg-border -mx-1 my-1 h-px', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/menu/menu-trigger.js

@@ -0,0 +1,34 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { MenuTrigger } from '@angular/aria/menu';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+import * as i2 from "@angular/cdk/overlay";
+export class ScMenuTrigger {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    trigger = inject(MenuTrigger);
+    overlayOrigin = inject(CdkOverlayOrigin);
+    expanded = this.trigger.expanded;
+    class = computed(() => cn('inline-flex cursor-pointer items-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-2 focus-visible:outline-ring', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScMenuTrigger, isStandalone: true, selector: "[scMenuTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-trigger" }, properties: { "class": "class()" } }, exportAs: ["scMenuTrigger"], hostDirectives: [{ directive: i1.MenuTrigger }, { directive: i2.CdkOverlayOrigin }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenuTrigger]',
+                    exportAs: 'scMenuTrigger',
+                    hostDirectives: [
+                        {
+                            directive: MenuTrigger,
+                        },
+                        CdkOverlayOrigin,
+                    ],
+                    host: {
+                        'data-slot': 'menu-trigger',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=menu-trigger.js.map

package/esm2022/lib/components/menu/menu-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;;AAgBjC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC9B,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAEvB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,8NAA8N,EAC9N,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAXS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAdzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,eAAe;oBACzB,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,WAAW;yBACvB;wBACD,gBAAgB;qBACjB;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { MenuTrigger } from '@angular/aria/menu';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scMenuTrigger]',\n  exportAs: 'scMenuTrigger',\n  hostDirectives: [\n    {\n      directive: MenuTrigger,\n    },\n    CdkOverlayOrigin,\n  ],\n  host: {\n    'data-slot': 'menu-trigger',\n    '[class]': 'class()',\n  },\n})\nexport class ScMenuTrigger {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly trigger = inject(MenuTrigger);\n  readonly overlayOrigin = inject(CdkOverlayOrigin);\n  readonly expanded = this.trigger.expanded;\n\n  protected readonly class = computed(() =>\n    cn(\n      'inline-flex cursor-pointer items-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-2 focus-visible:outline-ring',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/menu/menu.js

@@ -0,0 +1,37 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { Menu } from '@angular/aria/menu';
+import { cn } from '../../utils';
+import { ScMenuPortal } from './menu-portal';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+export class ScMenu {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    menu = inject(Menu);
+    visible = this.menu.visible;
+    class = computed(() => cn('bg-popover text-popover-foreground min-w-32 w-[15rem] rounded-lg p-1 shadow-md ring-1 ring-foreground/10 z-50 overflow-x-hidden overflow-y-auto data-[visible=false]:hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        const portal = inject(ScMenuPortal, { optional: true });
+        portal?.menu.set(this.menu);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScMenu, isStandalone: true, selector: "[scMenu]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu" }, properties: { "class": "class()" } }, exportAs: ["scMenu"], hostDirectives: [{ directive: i1.Menu, inputs: ["id", "id", "wrap", "wrap", "disabled", "disabled", "typeaheadDelay", "typeaheadDelay", "expansionDelay", "expansionDelay"], outputs: ["onSelect", "onSelect"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenu, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenu]',
+                    exportAs: 'scMenu',
+                    hostDirectives: [
+                        {
+                            directive: Menu,
+                            inputs: ['id', 'wrap', 'disabled', 'typeaheadDelay', 'expansionDelay'],
+                            outputs: ['onSelect'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'menu',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;AAiB7C,MAAM,OAAO,MAAM;IACR,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,MAAM,CAAU,IAAI,CAAC,CAAC;IAC7B,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IAElB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6KAA6K,EAC7K,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAqB,CAAC,CAAC;IAC/C,CAAC;uGAfU,MAAM;2FAAN,MAAM;;2FAAN,MAAM;kBAflB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,IAAI;4BACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;4BACtE,OAAO,EAAE,CAAC,UAAU,CAAC;yBACtB;qBACF;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,MAAM;wBACnB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { Menu } from '@angular/aria/menu';\nimport { cn } from '../../utils';\nimport { ScMenuPortal } from './menu-portal';\n\n@Directive({\n  selector: '[scMenu]',\n  exportAs: 'scMenu',\n  hostDirectives: [\n    {\n      directive: Menu,\n      inputs: ['id', 'wrap', 'disabled', 'typeaheadDelay', 'expansionDelay'],\n      outputs: ['onSelect'],\n    },\n  ],\n  host: {\n    'data-slot': 'menu',\n    '[class]': 'class()',\n  },\n})\nexport class ScMenu<V = string> {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly menu = inject<Menu<V>>(Menu);\n  readonly visible = this.menu.visible;\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-popover text-popover-foreground min-w-32 w-[15rem] rounded-lg p-1 shadow-md ring-1 ring-foreground/10 z-50 overflow-x-hidden overflow-y-auto data-[visible=false]:hidden',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    const portal = inject(ScMenuPortal, { optional: true });\n    portal?.menu.set(this.menu as Menu<unknown>);\n  }\n}\n"]}

package/esm2022/lib/components/menu-bar/index.js

@@ -0,0 +1,3 @@
+export { ScMenuBar } from './menu-bar';
+export { ScMenuBarItem } from './menu-bar-item';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/menu-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { ScMenuBar } from './menu-bar';\nexport { ScMenuBarItem } from './menu-bar-item';\n"]}

package/esm2022/lib/components/menu-bar/menu-bar-item.js

@@ -0,0 +1,95 @@
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, ViewEncapsulation, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
+import { MenuItem } from '@angular/aria/menu';
+import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
+import { cn } from '../../utils';
+import { ScMenuPortal } from '../menu';
+import { ScMenuBar } from './menu-bar';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+import * as i2 from "@angular/cdk/overlay";
+export class ScMenuBarItem {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    overlayOrigin = inject(CdkOverlayOrigin);
+    menuItem = inject(MenuItem);
+    submenuPortal = contentChild(ScMenuPortal, ...(ngDevMode ? [{ debugName: "submenuPortal" }] : []));
+    scMenuBar = inject(ScMenuBar);
+    rendered = computed(() => this.scMenuBar.rendered(), ...(ngDevMode ? [{ debugName: "rendered" }] : []));
+    class = computed(() => cn('flex items-center rounded-sm px-2 py-0.5 text-sm font-medium outline-hidden select-none cursor-default hover:bg-muted aria-expanded:bg-muted focus-visible:outline-2 focus-visible:outline-ring', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        effect(() => {
+            const menu = this.submenuPortal()?.menu();
+            if (menu) {
+                signalSetFn(this.menuItem.submenu[SIGNAL], menu);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuBarItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScMenuBarItem, isStandalone: true, selector: "[scMenuBarItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-bar-item" }, properties: { "class": "class()" } }, queries: [{ propertyName: "submenuPortal", first: true, predicate: ScMenuPortal, descendants: true, isSignal: true }], exportAs: ["scMenuBarItem"], hostDirectives: [{ directive: i1.MenuItem, inputs: ["id", "id", "value", "value", "disabled", "disabled"] }, { directive: i2.CdkOverlayOrigin }], ngImport: i0, template: `
+    <ng-content />
+
+    @if (submenuPortal(); as portal) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="rendered()"
+        [cdkConnectedOverlay]="{ origin: overlayOrigin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+          },
+        ]"
+        cdkAttachPopoverAsChild
+      >
+        <ng-container [ngTemplateOutlet]="portal.templateRef" />
+      </ng-template>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuBarItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scMenuBarItem]',
+                    exportAs: 'scMenuBarItem',
+                    imports: [OverlayModule, NgTemplateOutlet],
+                    hostDirectives: [
+                        {
+                            directive: MenuItem,
+                            inputs: ['id', 'value', 'disabled'],
+                        },
+                        CdkOverlayOrigin,
+                    ],
+                    template: `
+    <ng-content />
+
+    @if (submenuPortal(); as portal) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="rendered()"
+        [cdkConnectedOverlay]="{ origin: overlayOrigin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+          },
+        ]"
+        cdkAttachPopoverAsChild
+      >
+        <ng-container [ngTemplateOutlet]="portal.templateRef" />
+      </ng-template>
+    }
+  `,
+                    host: {
+                        'data-slot': 'menu-bar-item',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], submenuPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScMenuPortal), { isSignal: true }] }] } });
+//# sourceMappingURL=menu-bar-item.js.map

package/esm2022/lib/components/menu-bar/menu-bar-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu-bar/menu-bar-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;;;;AA0CvC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,aAAa,GAAG,YAAY,CAAC,YAAY,yDAAC,CAAC;IAE7C,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAE5B,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,oDAAC,CAAC;IAErD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,iMAAiM,EACjM,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC;YAC1C,IAAI,IAAI,EAAE,CAAC;gBACT,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;uGAxBU,aAAa;2FAAb,aAAa,gWAIwB,YAAY,+OAjClD;;;;;;;;;;;;;;;;;;;;;GAqBT,2DA7BS,aAAa,0nCAAE,gBAAgB;;2FAqC9B,aAAa;kBAxCzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,eAAe;oBACzB,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;oBAC1C,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC;yBACpC;wBACD,gBAAgB;qBACjB;oBACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;GAqBT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;2NAKiD,YAAY","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';\nimport { MenuItem } from '@angular/aria/menu';\nimport { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';\nimport { cn } from '../../utils';\nimport { ScMenuPortal } from '../menu';\nimport { ScMenuBar } from './menu-bar';\n\n@Component({\n  selector: '[scMenuBarItem]',\n  exportAs: 'scMenuBarItem',\n  imports: [OverlayModule, NgTemplateOutlet],\n  hostDirectives: [\n    {\n      directive: MenuItem,\n      inputs: ['id', 'value', 'disabled'],\n    },\n    CdkOverlayOrigin,\n  ],\n  template: `\n    <ng-content />\n\n    @if (submenuPortal(); as portal) {\n      <ng-template\n        [cdkConnectedOverlayOpen]=\"rendered()\"\n        [cdkConnectedOverlay]=\"{ origin: overlayOrigin, usePopover: 'inline' }\"\n        [cdkConnectedOverlayPositions]=\"[\n          {\n            originX: 'start',\n            originY: 'bottom',\n            overlayX: 'start',\n            overlayY: 'top',\n            offsetY: 4,\n          },\n        ]\"\n        cdkAttachPopoverAsChild\n      >\n        <ng-container [ngTemplateOutlet]=\"portal.templateRef\" />\n      </ng-template>\n    }\n  `,\n  host: {\n    'data-slot': 'menu-bar-item',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScMenuBarItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly overlayOrigin = inject(CdkOverlayOrigin);\n  private readonly menuItem = inject(MenuItem);\n  protected readonly submenuPortal = contentChild(ScMenuPortal);\n\n  private readonly scMenuBar = inject(ScMenuBar);\n\n  protected readonly rendered = computed(() => this.scMenuBar.rendered());\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex items-center rounded-sm px-2 py-0.5 text-sm font-medium outline-hidden select-none cursor-default hover:bg-muted aria-expanded:bg-muted focus-visible:outline-2 focus-visible:outline-ring',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    effect(() => {\n      const menu = this.submenuPortal()?.menu();\n      if (menu) {\n        signalSetFn(this.menuItem.submenu[SIGNAL], menu);\n      }\n    });\n  }\n}\n"]}

package/esm2022/lib/components/menu-bar/menu-bar.js

@@ -0,0 +1,28 @@
+import { computed, Directive, input, signal } from '@angular/core';
+import { MenuBar } from '@angular/aria/menu';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+export class ScMenuBar {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    rendered = signal(false, ...(ngDevMode ? [{ debugName: "rendered" }] : []));
+    class = computed(() => cn('flex h-8 items-center gap-0.5 rounded-lg border bg-background p-[3px]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onFocusIn() {
+        this.rendered.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuBar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScMenuBar, isStandalone: true, selector: "[scMenuBar]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-bar" }, listeners: { "focusin": "onFocusIn()" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.MenuBar }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuBar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenuBar]',
+                    hostDirectives: [MenuBar],
+                    host: {
+                        'data-slot': 'menu-bar',
+                        '[class]': 'class()',
+                        '(focusin)': 'onFocusIn()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=menu-bar.js.map

package/esm2022/lib/components/menu-bar/menu-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu-bar/menu-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAWjC,MAAM,OAAO,SAAS;IACX,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE5D,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC,CAAC;IAEN,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,uEAAuE,EACvE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,SAAS;QACP,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;uGAdU,SAAS;2FAAT,SAAS;;2FAAT,SAAS;kBATrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,cAAc,EAAE,CAAC,OAAO,CAAC;oBACzB,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,SAAS;wBACpB,WAAW,EAAE,aAAa;qBAC3B;iBACF","sourcesContent":["import { computed, Directive, input, signal } from '@angular/core';\nimport { MenuBar } from '@angular/aria/menu';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scMenuBar]',\n  hostDirectives: [MenuBar],\n  host: {\n    'data-slot': 'menu-bar',\n    '[class]': 'class()',\n    '(focusin)': 'onFocusIn()',\n  },\n})\nexport class ScMenuBar {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  rendered = signal(false);\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex h-8 items-center gap-0.5 rounded-lg border bg-background p-[3px]',\n      this.classInput(),\n    ),\n  );\n\n  onFocusIn() {\n    this.rendered.set(true);\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+export * from './pagination';
+export * from './pagination-list';
+export * from './pagination-item';
+export * from './pagination-link';
+export * from './pagination-previous';
+export * from './pagination-next';
+export * from './pagination-first';
+export * from './pagination-last';
+export * from './pagination-ellipsis';
+export * from './pagination-page-size-select';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './pagination';\nexport * from './pagination-list';\nexport * from './pagination-item';\nexport * from './pagination-link';\nexport * from './pagination-previous';\nexport * from './pagination-next';\nexport * from './pagination-first';\nexport * from './pagination-last';\nexport * from './pagination-ellipsis';\nexport * from './pagination-page-size-select';\n"]}

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

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationEllipsis, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'span[scPaginationEllipsis]',
+                    host: {
+                        'data-slot': 'pagination-ellipsis',
+                        'aria-hidden': 'true',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=pagination-ellipsis.js.map

package/esm2022/lib/components/pagination/pagination-ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-ellipsis.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination-ellipsis.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAUjC,MAAM,OAAO,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,8EAA8E,EAC9E,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBARhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,IAAI,EAAE;wBACJ,WAAW,EAAE,qBAAqB;wBAClC,aAAa,EAAE,MAAM;wBACrB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'span[scPaginationEllipsis]',\n  host: {\n    'data-slot': 'pagination-ellipsis',\n    'aria-hidden': 'true',\n    '[class]': 'class()',\n  },\n})\nexport class ScPaginationEllipsis {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      \"size-8 [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center\",\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,51 @@
+import { booleanAttribute, computed, Directive, ElementRef, inject, input, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScPagination } from './pagination';
+import { buttonVariants } from '../button/button';
+import * as i0 from "@angular/core";
+export class ScPaginationFirst {
+    pagination = inject(ScPagination, { optional: true });
+    elementRef = inject((ElementRef));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
+        transform: booleanAttribute });
+    variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    disabled = computed(() => {
+        if (this.disabledInput())
+            return true;
+        if (this.pagination) {
+            return this.pagination.currentPage() === 1;
+        }
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    isAnchor = computed(() => this.elementRef.nativeElement.tagName === 'A', ...(ngDevMode ? [{ debugName: "isAnchor" }] : []));
+    class = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick(event) {
+        event.preventDefault();
+        if (this.disabled()) {
+            return;
+        }
+        if (this.pagination) {
+            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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationFirst, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[scPaginationFirst], button[scPaginationFirst]',
+                    host: {
+                        'data-slot': 'pagination-first',
+                        '[class]': 'class()',
+                        'aria-label': 'Go to first page',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                        '[attr.tabindex]': 'disabled() ? -1 : null',
+                        '[attr.href]': 'isAnchor() ? "#" : null',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=pagination-first.js.map

package/esm2022/lib/components/pagination/pagination-first.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-first.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination-first.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAoB,MAAM,kBAAkB,CAAC;;AAcpE,MAAM,OAAO,iBAAiB;IACX,UAAU,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,aAAa,GAAG,KAAK,CAAmB,KAAK,0DACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IAEM,OAAO,GAAG,KAAK,CAA8B,OAAO,mDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAExC,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,IAAI,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO,IAAI,CAAC;QACtC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,oDAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,oDACpD,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO,CAAC,KAAY;QAClB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;uGA1CU,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAZ7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,iDAAiD;oBAC3D,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,kBAAkB;wBAChC,sBAAsB,EAAE,oBAAoB;wBAC5C,iBAAiB,EAAE,wBAAwB;wBAC3C,aAAa,EAAE,yBAAyB;wBACxC,SAAS,EAAE,iBAAiB;qBAC7B;iBACF","sourcesContent":["import {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScPagination } from './pagination';\nimport { buttonVariants, ScButtonVariants } from '../button/button';\n\n@Directive({\n  selector: 'a[scPaginationFirst], button[scPaginationFirst]',\n  host: {\n    'data-slot': 'pagination-first',\n    '[class]': 'class()',\n    'aria-label': 'Go to first page',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.tabindex]': 'disabled() ? -1 : null',\n    '[attr.href]': 'isAnchor() ? \"#\" : null',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class ScPaginationFirst {\n  private readonly pagination = inject(ScPagination, { optional: true });\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly disabledInput = input<boolean, unknown>(false, {\n    alias: 'disabled',\n    transform: booleanAttribute,\n  });\n\n  readonly variant = input<ScButtonVariants['variant']>('ghost');\n  readonly size = input<ScButtonVariants['size']>('default');\n\n  protected readonly disabled = computed(() => {\n    if (this.disabledInput()) return true;\n    if (this.pagination) {\n      return this.pagination.currentPage() === 1;\n    }\n    return false;\n  });\n\n  protected readonly isAnchor = computed(\n    () => this.elementRef.nativeElement.tagName === 'A',\n  );\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      this.classInput(),\n    ),\n  );\n\n  onClick(event: Event): void {\n    event.preventDefault();\n\n    if (this.disabled()) {\n      return;\n    }\n\n    if (this.pagination) {\n      this.pagination.goToPage(1);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'li[scPaginationItem]',
+                    host: {
+                        'data-slot': 'pagination-item',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=pagination-item.js.map

package/esm2022/lib/components/pagination/pagination-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination-item.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,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;uGAH1D,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: 'li[scPaginationItem]',\n  host: {\n    'data-slot': 'pagination-item',\n    '[class]': 'class()',\n  },\n})\nexport class ScPaginationItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n}\n"]}

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

@@ -0,0 +1,52 @@
+import { booleanAttribute, computed, Directive, ElementRef, inject, input, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScPagination } from './pagination';
+import { buttonVariants } from '../button/button';
+import * as i0 from "@angular/core";
+export class ScPaginationLast {
+    pagination = inject(ScPagination, { optional: true });
+    elementRef = inject((ElementRef));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
+        transform: booleanAttribute });
+    variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    disabled = computed(() => {
+        if (this.disabledInput())
+            return true;
+        if (this.pagination) {
+            return this.pagination.currentPage() === this.pagination.totalPages();
+        }
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    isAnchor = computed(() => this.elementRef.nativeElement.tagName === 'A', ...(ngDevMode ? [{ debugName: "isAnchor" }] : []));
+    class = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick(event) {
+        event.preventDefault();
+        if (this.disabled()) {
+            return;
+        }
+        if (this.pagination) {
+            const lastPage = this.pagination.totalPages();
+            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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationLast, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[scPaginationLast], button[scPaginationLast]',
+                    host: {
+                        'data-slot': 'pagination-last',
+                        '[class]': 'class()',
+                        'aria-label': 'Go to last page',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                        '[attr.tabindex]': 'disabled() ? -1 : null',
+                        '[attr.href]': 'isAnchor() ? "#" : null',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=pagination-last.js.map

package/esm2022/lib/components/pagination/pagination-last.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-last.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination-last.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAoB,MAAM,kBAAkB,CAAC;;AAcpE,MAAM,OAAO,gBAAgB;IACV,UAAU,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,aAAa,GAAG,KAAK,CAAmB,KAAK,0DACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IAEM,OAAO,GAAG,KAAK,CAA8B,OAAO,mDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAExC,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,IAAI,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO,IAAI,CAAC;QACtC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QACxE,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,oDAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,oDACpD,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO,CAAC,KAAY;QAClB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;uGA3CU,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAZ5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,+CAA+C;oBACzD,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,iBAAiB;wBAC/B,sBAAsB,EAAE,oBAAoB;wBAC5C,iBAAiB,EAAE,wBAAwB;wBAC3C,aAAa,EAAE,yBAAyB;wBACxC,SAAS,EAAE,iBAAiB;qBAC7B;iBACF","sourcesContent":["import {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScPagination } from './pagination';\nimport { buttonVariants, ScButtonVariants } from '../button/button';\n\n@Directive({\n  selector: 'a[scPaginationLast], button[scPaginationLast]',\n  host: {\n    'data-slot': 'pagination-last',\n    '[class]': 'class()',\n    'aria-label': 'Go to last page',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.tabindex]': 'disabled() ? -1 : null',\n    '[attr.href]': 'isAnchor() ? \"#\" : null',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class ScPaginationLast {\n  private readonly pagination = inject(ScPagination, { optional: true });\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly disabledInput = input<boolean, unknown>(false, {\n    alias: 'disabled',\n    transform: booleanAttribute,\n  });\n\n  readonly variant = input<ScButtonVariants['variant']>('ghost');\n  readonly size = input<ScButtonVariants['size']>('default');\n\n  protected readonly disabled = computed(() => {\n    if (this.disabledInput()) return true;\n    if (this.pagination) {\n      return this.pagination.currentPage() === this.pagination.totalPages();\n    }\n    return false;\n  });\n\n  protected readonly isAnchor = computed(\n    () => this.elementRef.nativeElement.tagName === 'A',\n  );\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      this.classInput(),\n    ),\n  );\n\n  onClick(event: Event): void {\n    event.preventDefault();\n\n    if (this.disabled()) {\n      return;\n    }\n\n    if (this.pagination) {\n      const lastPage = this.pagination.totalPages();\n      this.pagination.goToPage(lastPage);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,50 @@
+import { booleanAttribute, computed, Directive, ElementRef, inject, input, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScPagination } from './pagination';
+import { buttonVariants } from '../button/button';
+import * as i0 from "@angular/core";
+export class ScPaginationLink {
+    pagination = inject(ScPagination, { optional: true });
+    elementRef = inject((ElementRef));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    page = input(...(ngDevMode ? [undefined, { debugName: "page" }] : []));
+    variant = computed(() => (this.isActive() ? 'outline' : 'ghost'), ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('icon', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    isAnchor = computed(() => this.elementRef.nativeElement.tagName === 'A', ...(ngDevMode ? [{ debugName: "isAnchor" }] : []));
+    isActive = computed(() => {
+        const pageNum = this.page();
+        if (pageNum === undefined || !this.pagination)
+            return false;
+        return pageNum === this.pagination.currentPage();
+    }, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+    class = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick(event) {
+        event.preventDefault();
+        if (this.disabled()) {
+            return;
+        }
+        const pageNum = this.page();
+        if (pageNum !== undefined && this.pagination) {
+            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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationLink, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[scPaginationLink], button[scPaginationLink]',
+                    host: {
+                        'data-slot': 'pagination-link',
+                        '[class]': 'class()',
+                        '[attr.aria-current]': 'isActive() ? "page" : null',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                        '[attr.tabindex]': 'disabled() ? -1 : null',
+                        '[attr.href]': 'isAnchor() ? "#" : null',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+//# sourceMappingURL=pagination-link.js.map

package/esm2022/lib/components/pagination/pagination-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-link.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination-link.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAoB,MAAM,kBAAkB,CAAC;;AAcpE,MAAM,OAAO,gBAAgB;IACV,UAAU,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,0DAAU,CAAC;IAEvB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,mDAAC,CAAC;IAElE,IAAI,GAAG,KAAK,CAA2B,MAAM,gDAAC,CAAC;IAE/C,QAAQ,GAAG,KAAK,CAAmB,KAAK,qDAC/C,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,oDACpD,CAAC;IAEiB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC;QAC5D,OAAO,OAAO,KAAK,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;IACnD,CAAC,oDAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO,CAAC,KAAY;QAClB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,IAAI,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC7C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACH,CAAC;uGA3CU,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAZ5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,+CAA+C;oBACzD,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;wBACpB,qBAAqB,EAAE,4BAA4B;wBACnD,sBAAsB,EAAE,oBAAoB;wBAC5C,iBAAiB,EAAE,wBAAwB;wBAC3C,aAAa,EAAE,yBAAyB;wBACxC,SAAS,EAAE,iBAAiB;qBAC7B;iBACF","sourcesContent":["import {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScPagination } from './pagination';\nimport { buttonVariants, ScButtonVariants } from '../button/button';\n\n@Directive({\n  selector: 'a[scPaginationLink], button[scPaginationLink]',\n  host: {\n    'data-slot': 'pagination-link',\n    '[class]': 'class()',\n    '[attr.aria-current]': 'isActive() ? \"page\" : null',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.tabindex]': 'disabled() ? -1 : null',\n    '[attr.href]': 'isAnchor() ? \"#\" : null',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class ScPaginationLink {\n  private readonly pagination = inject(ScPagination, { optional: true });\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly page = input<number>();\n\n  readonly variant = computed(() => (this.isActive() ? 'outline' : 'ghost'));\n\n  readonly size = input<ScButtonVariants['size']>('icon');\n\n  readonly disabled = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  protected readonly isAnchor = computed(\n    () => this.elementRef.nativeElement.tagName === 'A',\n  );\n\n  protected readonly isActive = computed(() => {\n    const pageNum = this.page();\n    if (pageNum === undefined || !this.pagination) return false;\n    return pageNum === this.pagination.currentPage();\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      this.classInput(),\n    ),\n  );\n\n  onClick(event: Event): void {\n    event.preventDefault();\n\n    if (this.disabled()) {\n      return;\n    }\n\n    const pageNum = this.page();\n    if (pageNum !== undefined && this.pagination) {\n      this.pagination.goToPage(pageNum);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPaginationList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ul[scPaginationList]',
+                    host: {
+                        'data-slot': 'pagination-list',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=pagination-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/pagination/pagination-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,CAAC,2BAA2B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACnD,CAAC;uGALS,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: 'ul[scPaginationList]',\n  host: {\n    'data-slot': 'pagination-list',\n    '[class]': 'class()',\n  },\n})\nexport class ScPaginationList {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-0.5 flex items-center', this.classInput()),\n  );\n}\n"]}