@basis-ng/primitives 0.0.1-alpha.131 → 0.0.1-alpha.132

package/fesm2022/basis-ng-primitives.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, output, Component, inject, ElementRef, signal, model, computed, viewChildren, booleanAttribute, ChangeDetectionStrategy, contentChildren, effect, Injectable, contentChild, ViewEncapsulation, HostListener, Directive, linkedSignal, TemplateRef, ChangeDetectorRef, Pipe, afterRenderEffect, RendererFactory2, PLATFORM_ID } from '@angular/core';
 import { NgIcon, provideIcons } from '@ng-icons/core';
-import { lucideX, lucideLoaderCircle, lucideLoader, lucideGripVertical } from '@ng-icons/lucide';
+import { lucideX, lucideChevronRight, lucideChevronLeft, lucideLoaderCircle, lucideLoader, lucideGripVertical } from '@ng-icons/lucide';
 import { GridCellWidget, Grid, GridRow, GridCell } from '@angular/aria/grid';
 import { ActiveDescendantKeyManager, CdkTrapFocus } from '@angular/cdk/a11y';
 import * as i1 from '@angular/cdk/listbox';
@@ -463,9 +463,11 @@ class Calendar {
             v.getDate() === date.getDate());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Calendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: Calendar, isStandalone: true, selector: "b-calendar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, weekdays: { classPropertyName: "weekdays", publicName: "weekdays", isSignal: true, isRequired: false, transformFunction: null }, weekStart: { classPropertyName: "weekStart", publicName: "weekStart", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", dateSelected: "dateSelected" }, viewQueries: [{ propertyName: "_cellWidgets", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: Calendar, isStandalone: true, selector: "b-calendar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, weekdays: { classPropertyName: "weekdays", publicName: "weekdays", isSignal: true, isRequired: false, transformFunction: null }, weekStart: { classPropertyName: "weekStart", publicName: "weekStart", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", dateSelected: "dateSelected" }, providers: [provideIcons({ lucideChevronLeft, lucideChevronRight })], viewQueries: [{ propertyName: "_cellWidgets", predicate: GridCellWidget, descendants: true, isSignal: true }], ngImport: i0, template: `
     <header class="b-calendar-header">
-      <button type="button" class="b-calendar-nav" (click)="prevMonth()">‹</button>
+      <button type="button" class="b-calendar-nav" (click)="prevMonth()">
+        <ng-icon name="lucideChevronLeft" size="20" />
+      </button>
       <button
         type="button"
         class="b-calendar-title"
@@ -480,7 +482,9 @@ class Calendar {
           {{ yearsGrid()[0] }} - {{ yearsGrid()[yearsGrid().length - 1] }}
         }
       </button>
-      <button type="button" class="b-calendar-nav" (click)="nextMonth()">›</button>
+      <button type="button" class="b-calendar-nav" (click)="nextMonth()">
+        <ng-icon name="lucideChevronRight" size="20" />
+      </button>
     </header>
 
     @switch (viewMode()) {
@@ -568,16 +572,18 @@ class Calendar {
         </table>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["onActivate", "onDeactivate"], exportAs: ["ngGridCellWidget"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: Grid, selector: "[ngGrid]", inputs: ["enableSelection", "disabled", "softDisabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection"], exportAs: ["ngGrid"] }, { kind: "directive", type: GridRow, selector: "[ngGridRow]", inputs: ["rowIndex"], exportAs: ["ngGridRow"] }, { kind: "directive", type: GridCell, selector: "[ngGridCell]", inputs: ["id", "role", "rowSpan", "colSpan", "rowIndex", "colIndex", "disabled", "selected", "selectable", "orientation", "wrap", "tabindex"], outputs: ["selectedChange"], exportAs: ["ngGridCell"] }, { kind: "directive", type: GridCellWidget, selector: "[ngGridCellWidget]", inputs: ["id", "widgetType", "disabled", "focusTarget", "tabindex"], outputs: ["onActivate", "onDeactivate"], exportAs: ["ngGridCellWidget"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Calendar, decorators: [{
             type: Component,
             args: [{
                     selector: 'b-calendar',
-                    imports: [Grid, GridRow, GridCell, GridCellWidget],
+                    imports: [Grid, GridRow, GridCell, GridCellWidget, NgIcon],
                     template: `
     <header class="b-calendar-header">
-      <button type="button" class="b-calendar-nav" (click)="prevMonth()">‹</button>
+      <button type="button" class="b-calendar-nav" (click)="prevMonth()">
+        <ng-icon name="lucideChevronLeft" size="20" />
+      </button>
       <button
         type="button"
         class="b-calendar-title"
@@ -592,7 +598,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
           {{ yearsGrid()[0] }} - {{ yearsGrid()[yearsGrid().length - 1] }}
         }
       </button>
-      <button type="button" class="b-calendar-nav" (click)="nextMonth()">›</button>
+      <button type="button" class="b-calendar-nav" (click)="nextMonth()">
+        <ng-icon name="lucideChevronRight" size="20" />
+      </button>
     </header>
 
     @switch (viewMode()) {
@@ -681,6 +689,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
       }
     }
   `,
+                    providers: [provideIcons({ lucideChevronLeft, lucideChevronRight })],
                 }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], dateSelected: [{ type: i0.Output, args: ["dateSelected"] }], weekdays: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekdays", required: false }] }], weekStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekStart", required: false }] }], months: [{ type: i0.Input, args: [{ isSignal: true, alias: "months", required: false }] }], _cellWidgets: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => GridCellWidget), { isSignal: true }] }] } });