@semantic-components/ui 0.65.0 → 0.67.0

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

@@ -0,0 +1,118 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { NgTemplateOutlet } from '@angular/common';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { ChangeDetectionStrategy, Component, computed, contentChild, DestroyRef, inject, input, signal, ViewEncapsulation, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NavigationStart, Router } from '@angular/router';
+import { filter } from 'rxjs';
+import { cn } from '../../utils';
+import { ScNavigationMenu } from './navigation-menu';
+import { ScNavigationMenuPortal } from './navigation-menu-portal';
+import { ScNavigationMenuTrigger } from './navigation-menu-trigger';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+const position = {
+    originX: 'start',
+    originY: 'bottom',
+    overlayX: 'start',
+    overlayY: 'top',
+    offsetY: 4,
+};
+export class ScNavigationMenuItem {
+    navigationMenu = inject(ScNavigationMenu);
+    router = inject(Router);
+    destroyRef = inject(DestroyRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    itemId = inject(_IdGenerator).getId('sc-navigation-menu-item-');
+    /** Whether this item's content is open */
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    triggerChild = contentChild(ScNavigationMenuTrigger, ...(ngDevMode ? [{ debugName: "triggerChild" }] : []));
+    navigationMenuPortal = contentChild(ScNavigationMenuPortal, ...(ngDevMode ? [{ debugName: "navigationMenuPortal" }] : []));
+    origin = computed(() => this.triggerChild()?.overlayOrigin, ...(ngDevMode ? [{ debugName: "origin" }] : []));
+    position = position;
+    class = computed(() => cn('block relative', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    hideTimeout = null;
+    ngOnInit() {
+        // Close the menu when navigation starts
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationStart), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.open.set(false);
+            if (this.navigationMenu.activeItem() === this.itemId) {
+                this.navigationMenu.setActiveItem(null);
+            }
+        });
+    }
+    onMouseEnter() {
+        this.cancelHide();
+        this.open.set(true);
+        this.navigationMenu.setActiveItem(this.itemId);
+    }
+    onMouseLeave() {
+        this.scheduleHide();
+    }
+    scheduleHide() {
+        this.cancelHide();
+        this.hideTimeout = setTimeout(() => {
+            this.open.set(false);
+            if (this.navigationMenu.activeItem() === this.itemId) {
+                this.navigationMenu.setActiveItem(null);
+            }
+        }, 100);
+    }
+    cancelHide() {
+        if (this.hideTimeout) {
+            clearTimeout(this.hideTimeout);
+            this.hideTimeout = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScNavigationMenuItem, isStandalone: true, selector: "li[scNavigationMenuItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-item" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScNavigationMenuTrigger, descendants: true, isSignal: true }, { propertyName: "navigationMenuPortal", first: true, predicate: ScNavigationMenuPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        cdkConnectedOverlay
+        [cdkConnectedOverlayOrigin]="origin"
+        [cdkConnectedOverlayOpen]="open()"
+        [cdkConnectedOverlayPositions]="[position]"
+      >
+        @if (navigationMenuPortal(); as portal) {
+          <ng-container [ngTemplateOutlet]="portal.templateRef" />
+        }
+      </ng-template>
+    }
+  `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'li[scNavigationMenuItem]',
+                    imports: [OverlayModule, NgTemplateOutlet],
+                    template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        cdkConnectedOverlay
+        [cdkConnectedOverlayOrigin]="origin"
+        [cdkConnectedOverlayOpen]="open()"
+        [cdkConnectedOverlayPositions]="[position]"
+      >
+        @if (navigationMenuPortal(); as portal) {
+          <ng-container [ngTemplateOutlet]="portal.templateRef" />
+        }
+      </ng-template>
+    }
+  `,
+                    host: {
+                        'data-slot': 'navigation-menu-item',
+                        '[class]': 'class()',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], triggerChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScNavigationMenuTrigger), { isSignal: true }] }], navigationMenuPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScNavigationMenuPortal), { isSignal: true }] }] } });
+//# sourceMappingURL=navigation-menu-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ConnectedPosition, OverlayModule } from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  inject,\n  input,\n  OnInit,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationStart, Router } from '@angular/router';\nimport { filter } from 'rxjs';\nimport { cn } from '../../utils';\nimport { ScNavigationMenu } from './navigation-menu';\nimport { ScNavigationMenuPortal } from './navigation-menu-portal';\nimport { ScNavigationMenuTrigger } from './navigation-menu-trigger';\n\nconst position: ConnectedPosition = {\n  originX: 'start',\n  originY: 'bottom',\n  overlayX: 'start',\n  overlayY: 'top',\n  offsetY: 4,\n};\n\n@Component({\n  selector: 'li[scNavigationMenuItem]',\n  imports: [OverlayModule, NgTemplateOutlet],\n  template: `\n    <ng-content />\n\n    @if (origin(); as origin) {\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"origin\"\n        [cdkConnectedOverlayOpen]=\"open()\"\n        [cdkConnectedOverlayPositions]=\"[position]\"\n      >\n        @if (navigationMenuPortal(); as portal) {\n          <ng-container [ngTemplateOutlet]=\"portal.templateRef\" />\n        }\n      </ng-template>\n    }\n  `,\n  host: {\n    'data-slot': 'navigation-menu-item',\n    '[class]': 'class()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScNavigationMenuItem implements OnInit {\n  readonly navigationMenu = inject(ScNavigationMenu);\n  private readonly router = inject(Router);\n  private readonly destroyRef = inject(DestroyRef);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly itemId = inject(_IdGenerator).getId('sc-navigation-menu-item-');\n\n  /** Whether this item's content is open */\n  readonly open = signal<boolean>(false);\n\n  private readonly triggerChild = contentChild(ScNavigationMenuTrigger);\n  protected readonly navigationMenuPortal = contentChild(\n    ScNavigationMenuPortal,\n  );\n\n  readonly origin = computed(() => this.triggerChild()?.overlayOrigin);\n\n  protected readonly position = position;\n\n  protected readonly class = computed(() =>\n    cn('block relative', this.classInput()),\n  );\n\n  private hideTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  ngOnInit(): void {\n    // Close the menu when navigation starts\n    this.router.events\n      .pipe(\n        filter((event) => event instanceof NavigationStart),\n        takeUntilDestroyed(this.destroyRef),\n      )\n      .subscribe(() => {\n        this.open.set(false);\n        if (this.navigationMenu.activeItem() === this.itemId) {\n          this.navigationMenu.setActiveItem(null);\n        }\n      });\n  }\n\n  onMouseEnter(): void {\n    this.cancelHide();\n    this.open.set(true);\n    this.navigationMenu.setActiveItem(this.itemId);\n  }\n\n  onMouseLeave(): void {\n    this.scheduleHide();\n  }\n\n  private scheduleHide(): void {\n    this.cancelHide();\n    this.hideTimeout = setTimeout(() => {\n      this.open.set(false);\n      if (this.navigationMenu.activeItem() === this.itemId) {\n        this.navigationMenu.setActiveItem(null);\n      }\n    }, 100);\n  }\n\n  cancelHide(): void {\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n}\n"]}

package/esm2022/lib/components/navigation-menu/navigation-menu-link.js

@@ -0,0 +1,22 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScNavigationMenuLink {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    class = computed(() => cn('data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground', 'hover:bg-accent hover:text-accent-foreground', 'focus:bg-accent focus:text-accent-foreground', 'focus-visible:ring-ring/50', '[&_svg:not([class*="text-"])]:text-muted-foreground', 'flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none', 'focus-visible:ring-[3px] focus-visible:outline-1', '[&_svg:not([class*="size-"])]:size-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScNavigationMenuLink, isStandalone: true, selector: "a[scNavigationMenuLink]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-link" }, properties: { "attr.data-active": "active()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuLink, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[scNavigationMenuLink]',
+                    host: {
+                        'data-slot': 'navigation-menu-link',
+                        '[attr.data-active]': 'active()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }] } });
+//# sourceMappingURL=navigation-menu-link.js.map

package/esm2022/lib/components/navigation-menu/navigation-menu-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-link.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-link.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;IACnD,MAAM,GAAG,KAAK,CAAU,KAAK,kDAAC,CAAC;IAErB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,iJAAiJ,EACjJ,8CAA8C,EAC9C,8CAA8C,EAC9C,4BAA4B,EAC5B,qDAAqD,EACrD,wEAAwE,EACxE,kDAAkD,EAClD,sCAAsC,EACtC,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAhBS,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBARhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,sBAAsB;wBACnC,oBAAoB,EAAE,UAAU;wBAChC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'a[scNavigationMenuLink]',\n  host: {\n    'data-slot': 'navigation-menu-link',\n    '[attr.data-active]': 'active()',\n    '[class]': 'class()',\n  },\n})\nexport class ScNavigationMenuLink {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly active = input<boolean>(false);\n\n  protected readonly class = computed(() =>\n    cn(\n      'data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground',\n      'hover:bg-accent hover:text-accent-foreground',\n      'focus:bg-accent focus:text-accent-foreground',\n      'focus-visible:ring-ring/50',\n      '[&_svg:not([class*=\"text-\"])]:text-muted-foreground',\n      'flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none',\n      'focus-visible:ring-[3px] focus-visible:outline-1',\n      '[&_svg:not([class*=\"size-\"])]:size-4',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/navigation-menu/navigation-menu-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 ScNavigationMenuList {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('group flex flex-1 list-none items-center justify-center gap-1', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScNavigationMenuList, isStandalone: true, selector: "ul[scNavigationMenuList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-list" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ul[scNavigationMenuList]',
+                    host: {
+                        'data-slot': 'navigation-menu-list',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=navigation-menu-list.js.map

package/esm2022/lib/components/navigation-menu/navigation-menu-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-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,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,+DAA+D,EAC/D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBAPhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,IAAI,EAAE;wBACJ,WAAW,EAAE,sBAAsB;wBACnC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'ul[scNavigationMenuList]',\n  host: {\n    'data-slot': 'navigation-menu-list',\n    '[class]': 'class()',\n  },\n})\nexport class ScNavigationMenuList {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'group flex flex-1 list-none items-center justify-center gap-1',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/navigation-menu/navigation-menu-portal.js

@@ -0,0 +1,14 @@
+import { Directive, inject, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ScNavigationMenuPortal {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScNavigationMenuPortal, isStandalone: true, selector: "ng-template[scNavigationMenuPortal]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[scNavigationMenuPortal]',
+                }]
+        }] });
+//# sourceMappingURL=navigation-menu-portal.js.map

package/esm2022/lib/components/navigation-menu/navigation-menu-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-portal.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAK/D,MAAM,OAAO,sBAAsB;IACxB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGADhC,sBAAsB;2FAAtB,sBAAsB;;2FAAtB,sBAAsB;kBAHlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qCAAqC;iBAChD","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[scNavigationMenuPortal]',\n})\nexport class ScNavigationMenuPortal {\n  readonly templateRef = inject(TemplateRef);\n}\n"]}

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

@@ -0,0 +1,22 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScNavigationMenuItem } from './navigation-menu-item';
+import * as i0 from "@angular/core";
+export class ScNavigationMenuTriggerIcon {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    menuItem = inject(ScNavigationMenuItem);
+    class = computed(() => cn('relative top-[1px] ml-1 size-3 transition duration-300', this.menuItem.open() && 'rotate-180', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuTriggerIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScNavigationMenuTriggerIcon, isStandalone: true, selector: "svg[scNavigationMenuTriggerIcon]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-trigger-icon" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuTriggerIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'svg[scNavigationMenuTriggerIcon]',
+                    host: {
+                        'data-slot': 'navigation-menu-trigger-icon',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=navigation-menu-trigger-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-trigger-icon.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-trigger-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAS9D,MAAM,OAAO,2BAA2B;IAC7B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE3C,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAEtC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,wDAAwD,EACxD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,YAAY,EACpC,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAXS,2BAA2B;2FAA3B,2BAA2B;;2FAA3B,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,IAAI,EAAE;wBACJ,WAAW,EAAE,8BAA8B;wBAC3C,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScNavigationMenuItem } from './navigation-menu-item';\n\n@Directive({\n  selector: 'svg[scNavigationMenuTriggerIcon]',\n  host: {\n    'data-slot': 'navigation-menu-trigger-icon',\n    '[class]': 'class()',\n  },\n})\nexport class ScNavigationMenuTriggerIcon {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  private readonly menuItem = inject(ScNavigationMenuItem);\n\n  protected readonly class = computed(() =>\n    cn(\n      'relative top-[1px] ml-1 size-3 transition duration-300',\n      this.menuItem.open() && 'rotate-180',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,41 @@
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { SiChevronDownIcon } from '@semantic-icons/lucide-icons';
+import { cn } from '../../utils';
+import { ScNavigationMenuItem } from './navigation-menu-item';
+import { ScNavigationMenuTriggerIcon } from './navigation-menu-trigger-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export class ScNavigationMenuTrigger {
+    menuItem = inject(ScNavigationMenuItem);
+    overlayOrigin = inject(CdkOverlayOrigin);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium', 'hover:bg-accent hover:text-accent-foreground', 'focus:bg-accent focus:text-accent-foreground', 'disabled:pointer-events-none disabled:opacity-50', 'data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50', 'focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1', '[&_svg]:pointer-events-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScNavigationMenuTrigger, isStandalone: true, selector: "button[scNavigationMenuTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-trigger", "type": "button" }, properties: { "class": "class()", "attr.aria-expanded": "menuItem.open()", "attr.data-state": "menuItem.open() ? \"open\" : \"closed\"" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0, template: `
+    <ng-content />
+    <svg siChevronDownIcon scNavigationMenuTriggerIcon></svg>
+  `, isInline: true, dependencies: [{ kind: "component", type: SiChevronDownIcon, selector: "svg[siChevronDownIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "directive", type: ScNavigationMenuTriggerIcon, selector: "svg[scNavigationMenuTriggerIcon]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[scNavigationMenuTrigger]',
+                    imports: [SiChevronDownIcon, ScNavigationMenuTriggerIcon],
+                    hostDirectives: [CdkOverlayOrigin],
+                    template: `
+    <ng-content />
+    <svg siChevronDownIcon scNavigationMenuTriggerIcon></svg>
+  `,
+                    host: {
+                        'data-slot': 'navigation-menu-trigger',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[attr.aria-expanded]': 'menuItem.open()',
+                        '[attr.data-state]': 'menuItem.open() ? "open" : "closed"',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=navigation-menu-trigger.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, computed, input, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScNavigationMenu {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    /** Currently active item ID */
+    activeItem = signal(null, ...(ngDevMode ? [{ debugName: "activeItem" }] : []));
+    class = computed(() => cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    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: `
+    <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: [{
+            type: Component,
+            args: [{
+                    selector: 'nav[scNavigationMenu]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'navigation-menu',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=navigation-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAcjC,MAAM,OAAO,gBAAgB;IAClB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE5D,+BAA+B;IACtB,UAAU,GAAG,MAAM,CAAgB,IAAI,sDAAC,CAAC;IAE/B,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kFAAkF,EAClF,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,aAAa,CAAC,EAAiB;QAC7B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;uGAfU,gBAAgB;2FAAhB,gBAAgB,6TAVjB;;GAET;;2FAQU,gBAAgB;kBAZ5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'nav[scNavigationMenu]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'navigation-menu',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScNavigationMenu {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  /** Currently active item ID */\n  readonly activeItem = signal<string | null>(null);\n\n  protected readonly class = computed(() =>\n    cn(\n      'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n      this.classInput(),\n    ),\n  );\n\n  setActiveItem(id: string | null): void {\n    this.activeItem.set(id);\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"]}