@bcgov/nr-ngx-component-lib 0.0.1

package/components/button/button.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, NgZone } from '@angular/core';
+import { ConfigurationSubscriberBase } from '../../directives/configuration-subscriber.base';
+import * as i0 from "@angular/core";
+export declare class ButtonComponent extends ConfigurationSubscriberBase {
+    label: any;
+    icon: any;
+    iconRight: any;
+    iconCompact: any;
+    tooltip: any;
+    compact: any;
+    primary: boolean;
+    disabled: boolean;
+    click: EventEmitter<PointerEvent>;
+    isCompact: any;
+    zone: NgZone;
+    onClick(ev: PointerEvent): void;
+    onConfigurationChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "nrcl-button", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "iconCompact": { "alias": "iconCompact"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "click": "click"; }, never, ["*"], false, never>;
+    static ngAcceptInputType_primary: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

package/components/cell-content/cell-content.component.d.ts

@@ -0,0 +1,12 @@
+import { AfterContentInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CellContentComponent implements AfterContentInit {
+    tooltip: any;
+    content: any;
+    elementRef: ElementRef<any>;
+    changeDetectorRef: ChangeDetectorRef;
+    tooltipContent: any;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CellContentComponent, "nrcl-cell-content", never, { "tooltip": { "alias": "tooltip"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/components/device-view/device-view.component.d.ts

@@ -0,0 +1,12 @@
+import { ConfigurationSubscriberBase } from "../../directives/configuration-subscriber.base";
+import * as i0 from "@angular/core";
+export declare class DesktopViewComponent extends ConfigurationSubscriberBase {
+    get visible(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesktopViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DesktopViewComponent, "nrcl-desktop-view", never, {}, {}, never, ["*"], false, never>;
+}
+export declare class MobileViewComponent extends ConfigurationSubscriberBase {
+    get visible(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MobileViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MobileViewComponent, "nrcl-mobile-view", never, {}, {}, never, ["*"], false, never>;
+}

package/components/expansion-panel/expansion-panel.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from "@angular/core";
+import { MatExpansionPanel } from "@angular/material/expansion";
+import * as i0 from "@angular/core";
+export declare class ExpansionPanelComponent {
+    isLoading: boolean;
+    disabled: boolean;
+    expanded: boolean;
+    expandedChange: EventEmitter<boolean>;
+    matExpansionPanel: MatExpansionPanel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "nrcl-expansion-panel", never, { "isLoading": { "alias": "isLoading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["nrcl-expansion-panel-header", "*", "nrcl-expansion-panel-footer"], false, never>;
+}
+export declare class ExpansionPanelHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelHeaderComponent, "nrcl-expansion-panel-header", never, {}, {}, never, ["[left-side],h2,h3", "*"], false, never>;
+}
+export declare class ExpansionPanelFooterComponent {
+    saveEnabled: any;
+    cancelEnabled: any;
+    warningMessage: string;
+    showWarning: boolean;
+    saveClick: EventEmitter<PointerEvent>;
+    cancelClick: EventEmitter<PointerEvent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelFooterComponent, "nrcl-expansion-panel-footer", never, { "saveEnabled": { "alias": "saveEnabled"; "required": false; }; "cancelEnabled": { "alias": "cancelEnabled"; "required": false; }; "warningMessage": { "alias": "warningMessage"; "required": false; }; "showWarning": { "alias": "showWarning"; "required": false; }; }, { "saveClick": "saveClick"; "cancelClick": "cancelClick"; }, never, ["*"], false, never>;
+}

package/components/filter-container/filter-container.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class FilterContainerComponent {
+    label: string;
+    hint: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterContainerComponent, "nrcl-filter-container", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/components/filter-date/filter-date.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class FilterDateComponent {
+    label: string;
+    placeholder: string;
+    hint: any;
+    value: string;
+    valueChange: EventEmitter<string>;
+    onDateChange(ev: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "nrcl-filter-date", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}

package/components/filter-search/filter-search.component.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class FilterSearchComponent {
+    label: string;
+    placeholder: string;
+    hint: any;
+    value: string;
+    valueChange: EventEmitter<string>;
+    inputEl: ElementRef;
+    hasValue: boolean;
+    changeDetectorRef: ChangeDetectorRef;
+    emitValueChange(val?: any): void;
+    onInput(ev: any): void;
+    onCancelClick(): void;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSearchComponent, "nrcl-filter-search", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}

package/components/filter-select/filter-select.component.d.ts

@@ -0,0 +1,63 @@
+import { Overlay, OverlayRef } from "@angular/cdk/overlay";
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, SimpleChanges, TemplateRef, ViewContainerRef } from "@angular/core";
+import { FormControl } from "@angular/forms";
+import { MatSelectionListChange } from "@angular/material/list";
+import { CodeDescription } from "../../utils/code-table.util";
+import * as i0 from "@angular/core";
+/**
+ * A filter select component that allows users to select multiple options from a list.
+ *
+ * Features:
+ * - Multi-select with optional maximum selection limit
+ * - Search/filter functionality
+ * - Tooltips for long descriptions
+ * - Summary display of selected items
+ */
+export declare class FilterSelectComponent implements OnChanges {
+    label: any;
+    placeholder: string;
+    hint: any;
+    options: CodeDescription[];
+    value: string[];
+    selectMax: number;
+    tooltips: boolean;
+    summary: boolean;
+    clear: boolean;
+    valueChange: EventEmitter<string[]>;
+    floatLabel: string;
+    inputValue: any;
+    openingValue: any;
+    isFiltered: boolean;
+    isOpen: boolean;
+    hasValue: boolean;
+    overlayRef: OverlayRef;
+    selection: FormControl<any>;
+    match: (option: CodeDescription) => boolean;
+    clickSubscription: any;
+    changeDetectorRef: ChangeDetectorRef;
+    overlay: Overlay;
+    viewContainerRef: ViewContainerRef;
+    trigger: ElementRef;
+    filterInput: ElementRef;
+    overlayTemplate: TemplateRef<any>;
+    ngOnChanges(changes: SimpleChanges): void;
+    get single(): boolean;
+    emitValueChange(): void;
+    open(): void;
+    close(): void;
+    setInputToSelection(): void;
+    onInput(ev?: any): void;
+    setFilter(text?: string): void;
+    matchesFilter(option: CodeDescription): boolean;
+    onSelectionChange(ev: any): void;
+    onUpperSelectionChange(ev: MatSelectionListChange): void;
+    onCancelClick(): void;
+    onInputFocus(): void;
+    descriptionForCode(code: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectComponent, "nrcl-filter-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectMax": { "alias": "selectMax"; "required": false; }; "tooltips": { "alias": "tooltips"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ngAcceptInputType_selectMax: unknown;
+    static ngAcceptInputType_tooltips: unknown;
+    static ngAcceptInputType_summary: unknown;
+    static ngAcceptInputType_clear: unknown;
+}

package/components/filters-panel/filters-panel.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class FiltersPanelComponent {
+    showClear: boolean;
+    showFilters: boolean;
+    clearFilters: EventEmitter<any>;
+    showFiltersChange: EventEmitter<boolean>;
+    onClearClick(): void;
+    onHideClick(): void;
+    onShowClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FiltersPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FiltersPanelComponent, "nrcl-filters-panel", never, { "showClear": { "alias": "showClear"; "required": false; }; "showFilters": { "alias": "showFilters"; "required": false; }; }, { "clearFilters": "clearFilters"; "showFiltersChange": "showFiltersChange"; }, never, ["*"], false, never>;
+}

package/components/form-field/form-field.component.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef, OnChanges, Renderer2, SimpleChanges } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class FormFieldComponent implements OnChanges {
+    required: any;
+    readonly: any;
+    element: ElementRef<any>;
+    renderer: Renderer2;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "nrcl-form-field", never, { "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_readonly: unknown;
+}

package/components/form-layout/form-layout.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class FormLayoutComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormLayoutComponent, "nrcl-form-layout", never, {}, {}, never, ["*"], false, never>;
+}

package/components/gap/gap.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class GapComponent {
+    horizontal: boolean;
+    vertical: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GapComponent, "nrcl-gap", never, { "horizontal": { "alias": "horizontal"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_horizontal: unknown;
+    static ngAcceptInputType_vertical: unknown;
+}

package/components/page-container/page-container.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class PageContainerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageContainerComponent, "nrcl-page-container", never, {}, {}, never, ["*"], false, never>;
+}

package/components/page-header/page-header.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class PageHeaderComponent {
+    isLoading: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "nrcl-page-header", never, { "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, ["[left-side],h1,h2", "[right-side]", "*"], false, never>;
+}

package/components/row-list-desktop/row-list-desktop.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class RowListDesktopComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowListDesktopComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowListDesktopComponent, "nrcl-row-list-desktop", never, {}, {}, never, ["*"], false, never>;
+}

package/components/row-list-mobile/row-list-mobile.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class RowListMobileComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowListMobileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowListMobileComponent, "nrcl-row-list-mobile", never, {}, {}, never, ["*"], false, never>;
+}

package/components/row-list-pagination/row-list-pagination.component.d.ts

@@ -0,0 +1,31 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type RowListPaginationWidth = 'sufficient' | 'tight' | 'restrictive';
+export declare class RowListPaginationComponent implements AfterViewInit {
+    paginationId: string;
+    pageSizeOptions: {
+        code: number;
+        description: string;
+    }[];
+    pageSize: number;
+    pageNumber: any;
+    rowCount: any;
+    showPageSize: boolean;
+    pageSizeChange: EventEmitter<number>;
+    pageNumberChange: EventEmitter<number>;
+    componentWidth: RowListPaginationWidth;
+    paginationMaxSize: number;
+    elementRef: ElementRef<any>;
+    changeDetectorRef: ChangeDetectorRef;
+    ngAfterViewInit(): void;
+    onPageSizeChange(ev: any): void;
+    onPageNumberChange(ev: any): void;
+    onResize(event: any): void;
+    checkWidth(): void;
+    get pageCount(): number;
+    get firstRow(): number;
+    get lastRow(): number;
+    get hasRows(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowListPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowListPaginationComponent, "nrcl-row-list-pagination", never, { "paginationId": { "alias": "paginationId"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "showPageSize": { "alias": "showPageSize"; "required": false; }; }, { "pageSizeChange": "pageSizeChange"; "pageNumberChange": "pageNumberChange"; }, never, never, false, never>;
+}

package/components/row-list-sorting/row-list-sorting.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from "@angular/core";
+import { CodeDescription } from "../../utils/code-table.util";
+import { Sort, SortDirection } from "@angular/material/sort";
+import { unwrapFilterValue, wrapFilterValue } from "../../utils/filter.util";
+import * as i0 from "@angular/core";
+export declare class RowListSortingComponent {
+    sortColumn: string;
+    sortColumnOptions: CodeDescription[];
+    sortDirection: SortDirection;
+    sortChange: EventEmitter<Sort>;
+    wrapFilterValue: typeof wrapFilterValue;
+    unwrapFilterValue: typeof unwrapFilterValue;
+    onSortColumnChange(ev: any): void;
+    onSortDirectionChange(): void;
+    emitSortChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowListSortingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowListSortingComponent, "nrcl-row-list-sorting", never, { "sortColumn": { "alias": "sortColumn"; "required": false; }; "sortColumnOptions": { "alias": "sortColumnOptions"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; }, { "sortChange": "sortChange"; }, never, never, false, never>;
+}

package/components/snackbar/snackbar.component.d.ts

@@ -0,0 +1,15 @@
+import { MatSnackBarRef } from "@angular/material/snack-bar";
+import * as i0 from "@angular/core";
+export type SnackbarType = 'success' | 'error' | 'info' | 'update';
+export type SnackbarConfig = {
+    message: string;
+    type: SnackbarType;
+};
+export declare class SnackbarComponent {
+    snackBarRef: MatSnackBarRef<SnackbarComponent>;
+    config: SnackbarConfig;
+    constructor(snackBarRef: MatSnackBarRef<SnackbarComponent>, config: SnackbarConfig);
+    get className(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "nrcl-snackbar", never, {}, {}, never, never, false, never>;
+}

package/directives/configuration-subscriber.base.d.ts

@@ -0,0 +1,14 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
+import { Configuration, ConfigurationService } from "../services/configuration.service";
+import * as i0 from "@angular/core";
+export declare class ConfigurationSubscriberBase implements OnInit, OnDestroy {
+    configurationSubscription: any;
+    configuration: Configuration;
+    configurationService: ConfigurationService;
+    changeDetectorRef: ChangeDetectorRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onConfigurationChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationSubscriberBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConfigurationSubscriberBase, never, never, {}, {}, never, never, false, never>;
+}

package/directives/row-list.base.d.ts

@@ -0,0 +1,55 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { SortDirection } from "@angular/material/sort";
+import { Observable } from "rxjs";
+import { PageStateService } from "../services/page-state.service";
+import { CodeDescription } from "../public-api";
+import * as i0 from "@angular/core";
+export type RowListState<F> = {
+    filter: F;
+    pageSize: number;
+    pageNumber: number;
+    sortActive: string;
+    sortDirection: SortDirection;
+};
+export type LoadRowListResult<R> = {
+    rows: R[];
+    totalRowCount: number;
+};
+export declare class RowListBase<F, R, L = any> implements RowListState<F>, AfterViewInit {
+    isLoadingChange: EventEmitter<boolean>;
+    private _isLoading;
+    get isLoading(): boolean;
+    set isLoading(v: boolean);
+    rows: R[];
+    totalRowCount: number;
+    filter: F;
+    pageSize: number;
+    pageNumber: number;
+    sortActive: string;
+    sortDirection: SortDirection;
+    sortColumns: CodeDescription[];
+    summaryMobile: string;
+    showPagingMobile: boolean;
+    pageStateService: PageStateService;
+    changeDetectorRef: ChangeDetectorRef;
+    private _loadRowListRequest;
+    constructor();
+    initializeRowList(): void;
+    ngAfterViewInit(): void;
+    refreshRowList(): Promise<void>;
+    loadRowList(): Promise<LoadRowListResult<R>>;
+    fetchRowListPage(): Observable<L>;
+    displayRowListPage(res: L): LoadRowListResult<R>;
+    loadRowListPageFailed(error: any): void;
+    onFilterChange(ev: any): void;
+    onSortChange(ev: any): void;
+    onPageNumberChange(ev: any): void;
+    onPageSizeChange(ev: any): void;
+    updateSummaryMobile(): void;
+    get initialPageState(): RowListState<F>;
+    loadPageState(): void;
+    savePageState(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowListBase<any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RowListBase<any, any, any>, never, never, {}, { "isLoadingChange": "isLoadingChange"; }, never, never, false, never>;
+}
+export declare function makeSummary(rowCount: any, pageNumber: any, pageSize: any): [string, boolean];

package/esm2022/bcgov-nr-ngx-component-lib.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmNnb3YtbnItbmd4LWNvbXBvbmVudC1saWIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvYmNnb3YtbnItbmd4LWNvbXBvbmVudC1saWIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/components/button/button.component.mjs

@@ -0,0 +1,69 @@
+import { booleanAttribute, Component, EventEmitter, inject, Input, NgZone, Output } from '@angular/core';
+import { ConfigurationSubscriberBase } from '../../directives/configuration-subscriber.base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/material/core";
+import * as i3 from "@angular/material/tooltip";
+export class ButtonComponent extends ConfigurationSubscriberBase {
+    constructor() {
+        super(...arguments);
+        this.primary = false;
+        this.disabled = false;
+        this.click = new EventEmitter();
+        this.zone = inject(NgZone);
+    }
+    onClick(ev) {
+        if (this.disabled)
+            return;
+        this.click.emit(ev);
+    }
+    onConfigurationChange() {
+        // apparently this is needed to ensure that the host binding updates properly
+        this.zone.run(() => {
+            if (this.compact == null || this.compact === false) {
+                this.isCompact = false;
+            }
+            else if (this.compact == '' || this.compact === true) {
+                this.isCompact = true;
+            }
+            else {
+                this.isCompact = this.compact == this.configuration.displayMode;
+            }
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, selector: "nrcl-button", inputs: { label: "label", icon: "icon", iconRight: "iconRight", iconCompact: "iconCompact", tooltip: "tooltip", compact: "compact", primary: ["primary", "primary", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { click: "click" }, host: { properties: { "class.primary": "primary", "class.disabled": "disabled", "class.compact": "isCompact", "class.icon-left": "!isCompact && icon", "class.icon-right": "!isCompact && iconRight && label", "class.label": "label" } }, usesInheritance: true, ngImport: i0, template: "<button \n    matRipple\n    (click)=\"onClick( $event )\"\n    [disabled]=\"disabled\"\n    [matTooltip]=\"tooltip\"\n>\n    @if ( icon || iconRight || iconCompact || label ) {\n        @if ( icon && ( !isCompact || !iconCompact ) ) { \n            <mat-icon class=\"left\">{{ icon }}</mat-icon> \n        }\n\n        @if ( !isCompact && iconRight && label ) { \n            <mat-icon class=\"right\">{{ iconRight }}</mat-icon> \n        }\n\n        @if ( isCompact && iconCompact ) { \n            <mat-icon class=\"compact\">{{ iconCompact }}</mat-icon> \n        }\n\n        @if ( label ) {\n            <span class=\"label\">{{ label }}</span>        \n        }\n    }\n    @else {\n        <div class=\"content\">\n            <ng-content></ng-content>\n        </div>\n    }\n</button>\n", styles: ["::ng-deep :root{--nrcl-button-height: 36px;--nrcl-compact-button-height: 44px;--nrcl-button-foreground-color: black;--nrcl-button-background-color: white;--nrcl-button-border-color: #003366;--nrcl-button-hover-background-color: #f5f5f5;--nrcl-button-primary-foreground-color: white;--nrcl-button-primary-background-color: #003366;--nrcl-button-primary-border-color: #003366;--nrcl-button-primary-hover-background-color: #144a89cc;--nrcl-button-disabled-foreground-color: #7E7E7E;--nrcl-button-disabled-background-color: #CCCCCC;--nrcl-button-disabled-border-color: #CCCCCC;--nrcl-button-disabled-hover-background-color: #CCCCCC}:host ::ng-deep .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\"}:host ::ng-deep .mat-icon{width:var(--nrcl-icon-size);height:var(--nrcl-icon-size);font-size:var(--nrcl-icon-size);line-height:var(--nrcl-icon-size)}:host ::ng-deep button.mat-mdc-fab>.mat-icon,:host ::ng-deep button.mat-mdc-raised-button>.mat-icon,:host ::ng-deep button.mat-mdc-button>.mat-icon,:host ::ng-deep button.mat-mdc-icon-button>.mat-icon,:host ::ng-deep button.mat-mdc-outlined-button>.mat-icon,:host ::ng-deep button.mat-mdc-unelevated-button>.mat-icon,:host ::ng-deep button.mat-mdc-mini-fab .mat-mdc-menu-item>.mat-icon{width:var(--nrcl-icon-size);height:var(--nrcl-icon-size);font-size:var(--nrcl-icon-size);line-height:var(--nrcl-icon-size)}:host button{height:var(--nrcl-button-height);cursor:pointer;margin:0;padding:0;display:flex;align-items:center;position:relative;background-color:var(--nrcl-button-background-color);color:var(--nrcl-button-foreground-color);border-color:var(--nrcl-button-border-color);border-width:1px;border-style:solid;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host button .label,:host button .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);white-space:nowrap;font-weight:500}:host button:hover{background-color:var(--nrcl-button-hover-background-color)}:host.label button{padding-left:16px;padding-right:16px}:host.icon-left button{padding-left:var(--nrcl-button-height)}:host.icon-left button .mat-icon.left{position:absolute;left:calc((var(--nrcl-button-height) - var(--nrcl-icon-size)) / 2)}:host.icon-right button{padding-right:var(--nrcl-button-height)}:host.icon-right button .mat-icon.right{position:absolute;right:calc((var(--nrcl-button-height) - var(--nrcl-icon-size)) / 2)}:host.primary button{background-color:var(--nrcl-button-primary-background-color);color:var(--nrcl-button-primary-foreground-color);border-color:var(--nrcl-button-primary-border-color)}:host.primary button:hover{background-color:var(--nrcl-button-primary-hover-background-color)}:host.compact button{height:var(--nrcl-compact-button-height);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;box-shadow:none;background-color:transparent;color:var(--nrcl-button-foreground-color)}:host.compact button:hover{background-color:var(--nrcl-button-hover-background-color)}:host.compact button .label{line-height:20px;font-size:var(--nrcl-font-size-small)}:host button .content{padding-left:16px;padding-right:16px}:host.disabled button{background-color:var(--nrcl-button-disabled-background-color);color:var(--nrcl-button-disabled-foreground-color);border-color:var(--nrcl-button-disabled-border-color)}:host.disabled button:hover{background-color:var(--nrcl-button-disabled-hover-background-color)}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nrcl-button', host: {
+                        '[class.primary]': 'primary',
+                        '[class.disabled]': 'disabled',
+                        '[class.compact]': 'isCompact',
+                        '[class.icon-left]': '!isCompact && icon',
+                        '[class.icon-right]': '!isCompact && iconRight && label',
+                        '[class.label]': 'label'
+                    }, template: "<button \n    matRipple\n    (click)=\"onClick( $event )\"\n    [disabled]=\"disabled\"\n    [matTooltip]=\"tooltip\"\n>\n    @if ( icon || iconRight || iconCompact || label ) {\n        @if ( icon && ( !isCompact || !iconCompact ) ) { \n            <mat-icon class=\"left\">{{ icon }}</mat-icon> \n        }\n\n        @if ( !isCompact && iconRight && label ) { \n            <mat-icon class=\"right\">{{ iconRight }}</mat-icon> \n        }\n\n        @if ( isCompact && iconCompact ) { \n            <mat-icon class=\"compact\">{{ iconCompact }}</mat-icon> \n        }\n\n        @if ( label ) {\n            <span class=\"label\">{{ label }}</span>        \n        }\n    }\n    @else {\n        <div class=\"content\">\n            <ng-content></ng-content>\n        </div>\n    }\n</button>\n", styles: ["::ng-deep :root{--nrcl-button-height: 36px;--nrcl-compact-button-height: 44px;--nrcl-button-foreground-color: black;--nrcl-button-background-color: white;--nrcl-button-border-color: #003366;--nrcl-button-hover-background-color: #f5f5f5;--nrcl-button-primary-foreground-color: white;--nrcl-button-primary-background-color: #003366;--nrcl-button-primary-border-color: #003366;--nrcl-button-primary-hover-background-color: #144a89cc;--nrcl-button-disabled-foreground-color: #7E7E7E;--nrcl-button-disabled-background-color: #CCCCCC;--nrcl-button-disabled-border-color: #CCCCCC;--nrcl-button-disabled-hover-background-color: #CCCCCC}:host ::ng-deep .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\"}:host ::ng-deep .mat-icon{width:var(--nrcl-icon-size);height:var(--nrcl-icon-size);font-size:var(--nrcl-icon-size);line-height:var(--nrcl-icon-size)}:host ::ng-deep button.mat-mdc-fab>.mat-icon,:host ::ng-deep button.mat-mdc-raised-button>.mat-icon,:host ::ng-deep button.mat-mdc-button>.mat-icon,:host ::ng-deep button.mat-mdc-icon-button>.mat-icon,:host ::ng-deep button.mat-mdc-outlined-button>.mat-icon,:host ::ng-deep button.mat-mdc-unelevated-button>.mat-icon,:host ::ng-deep button.mat-mdc-mini-fab .mat-mdc-menu-item>.mat-icon{width:var(--nrcl-icon-size);height:var(--nrcl-icon-size);font-size:var(--nrcl-icon-size);line-height:var(--nrcl-icon-size)}:host button{height:var(--nrcl-button-height);cursor:pointer;margin:0;padding:0;display:flex;align-items:center;position:relative;background-color:var(--nrcl-button-background-color);color:var(--nrcl-button-foreground-color);border-color:var(--nrcl-button-border-color);border-width:1px;border-style:solid;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host button .label,:host button .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);white-space:nowrap;font-weight:500}:host button:hover{background-color:var(--nrcl-button-hover-background-color)}:host.label button{padding-left:16px;padding-right:16px}:host.icon-left button{padding-left:var(--nrcl-button-height)}:host.icon-left button .mat-icon.left{position:absolute;left:calc((var(--nrcl-button-height) - var(--nrcl-icon-size)) / 2)}:host.icon-right button{padding-right:var(--nrcl-button-height)}:host.icon-right button .mat-icon.right{position:absolute;right:calc((var(--nrcl-button-height) - var(--nrcl-icon-size)) / 2)}:host.primary button{background-color:var(--nrcl-button-primary-background-color);color:var(--nrcl-button-primary-foreground-color);border-color:var(--nrcl-button-primary-border-color)}:host.primary button:hover{background-color:var(--nrcl-button-primary-hover-background-color)}:host.compact button{height:var(--nrcl-compact-button-height);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;box-shadow:none;background-color:transparent;color:var(--nrcl-button-foreground-color)}:host.compact button:hover{background-color:var(--nrcl-button-hover-background-color)}:host.compact button .label{line-height:20px;font-size:var(--nrcl-font-size-small)}:host button .content{padding-left:16px;padding-right:16px}:host.disabled button{background-color:var(--nrcl-button-disabled-background-color);color:var(--nrcl-button-disabled-foreground-color);border-color:var(--nrcl-button-disabled-border-color)}:host.disabled button:hover{background-color:var(--nrcl-button-disabled-hover-background-color)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconRight: [{
+                type: Input
+            }], iconCompact: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], primary: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], click: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBZTdGLE1BQU0sT0FBTyxlQUFnQixTQUFRLDJCQUEyQjtJQWJoRTs7UUFvQjhDLFlBQU8sR0FBRyxLQUFLLENBQUE7UUFDZixhQUFRLEdBQUcsS0FBSyxDQUFBO1FBRWhELFVBQUssR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQTtRQUlsRCxTQUFJLEdBQUcsTUFBTSxDQUFFLE1BQU0sQ0FBRSxDQUFBO0tBd0IxQjtJQXRCRyxPQUFPLENBQUUsRUFBZ0I7UUFDckIsSUFBSyxJQUFJLENBQUMsUUFBUTtZQUFHLE9BQU07UUFFM0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUUsRUFBRSxDQUFFLENBQUE7SUFDekIsQ0FBQztJQUVELHFCQUFxQjtRQUNqQiw2RUFBNkU7UUFDN0UsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUUsR0FBRyxFQUFFO1lBQ2hCLElBQUssSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLEVBQUcsQ0FBQztnQkFDbkQsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUE7WUFDMUIsQ0FBQztpQkFDSSxJQUFLLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssSUFBSSxFQUFHLENBQUM7Z0JBQ3JELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1lBQ3pCLENBQUM7aUJBQ0ksQ0FBQztnQkFDRixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUE7WUFDbkUsQ0FBQztZQUVELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQTtRQUN6QyxDQUFDLENBQUUsQ0FBQTtJQUNQLENBQUM7K0dBckNRLGVBQWU7bUdBQWYsZUFBZSwrTEFPSCxnQkFBZ0Isc0NBQ2hCLGdCQUFnQiw0VEN4QnpDLGd5QkE2QkE7OzRGRGJhLGVBQWU7a0JBYjNCLFNBQVM7K0JBQ0ksYUFBYSxRQUdqQjt3QkFDRixpQkFBaUIsRUFBRSxTQUFTO3dCQUM1QixrQkFBa0IsRUFBRSxVQUFVO3dCQUM5QixpQkFBaUIsRUFBRSxXQUFXO3dCQUM5QixtQkFBbUIsRUFBRSxvQkFBb0I7d0JBQ3pDLG9CQUFvQixFQUFFLGtDQUFrQzt3QkFDeEQsZUFBZSxFQUFFLE9BQU87cUJBQzNCOzhCQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ29DLE9BQU87c0JBQWhELEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0csUUFBUTtzQkFBakQsS0FBSzt1QkFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFN0IsS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGluamVjdCwgSW5wdXQsIE5nWm9uZSwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb25maWd1cmF0aW9uU3Vic2NyaWJlckJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2NvbmZpZ3VyYXRpb24tc3Vic2NyaWJlci5iYXNlJztcblxuQENvbXBvbmVudCgge1xuICAgIHNlbGVjdG9yOiAnbnJjbC1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9idXR0b24uY29tcG9uZW50LnNjc3MnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5wcmltYXJ5XSc6ICdwcmltYXJ5JyxcbiAgICAgICAgJ1tjbGFzcy5kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuICAgICAgICAnW2NsYXNzLmNvbXBhY3RdJzogJ2lzQ29tcGFjdCcsXG4gICAgICAgICdbY2xhc3MuaWNvbi1sZWZ0XSc6ICchaXNDb21wYWN0ICYmIGljb24nLFxuICAgICAgICAnW2NsYXNzLmljb24tcmlnaHRdJzogJyFpc0NvbXBhY3QgJiYgaWNvblJpZ2h0ICYmIGxhYmVsJyxcbiAgICAgICAgJ1tjbGFzcy5sYWJlbF0nOiAnbGFiZWwnXG4gICAgfVxufSApXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIHsgICAgXG4gICAgQElucHV0KCkgbGFiZWxcbiAgICBASW5wdXQoKSBpY29uXG4gICAgQElucHV0KCkgaWNvblJpZ2h0XG4gICAgQElucHV0KCkgaWNvbkNvbXBhY3RcbiAgICBASW5wdXQoKSB0b29sdGlwXG4gICAgQElucHV0KCkgY29tcGFjdFxuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIHByaW1hcnkgPSBmYWxzZVxuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIGRpc2FibGVkID0gZmFsc2VcblxuICAgIEBPdXRwdXQoKSBjbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8UG9pbnRlckV2ZW50PigpXG5cbiAgICBpc0NvbXBhY3RcblxuICAgIHpvbmUgPSBpbmplY3QoIE5nWm9uZSApXG5cbiAgICBvbkNsaWNrKCBldjogUG9pbnRlckV2ZW50ICkge1xuICAgICAgICBpZiAoIHRoaXMuZGlzYWJsZWQgKSByZXR1cm5cblxuICAgICAgICB0aGlzLmNsaWNrLmVtaXQoIGV2IClcbiAgICB9XG5cbiAgICBvbkNvbmZpZ3VyYXRpb25DaGFuZ2UoKTogdm9pZCB7XG4gICAgICAgIC8vIGFwcGFyZW50bHkgdGhpcyBpcyBuZWVkZWQgdG8gZW5zdXJlIHRoYXQgdGhlIGhvc3QgYmluZGluZyB1cGRhdGVzIHByb3Blcmx5XG4gICAgICAgIHRoaXMuem9uZS5ydW4oICgpID0+IHtcbiAgICAgICAgICAgIGlmICggdGhpcy5jb21wYWN0ID09IG51bGwgfHwgdGhpcy5jb21wYWN0ID09PSBmYWxzZSApIHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzQ29tcGFjdCA9IGZhbHNlXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIGlmICggdGhpcy5jb21wYWN0ID09ICcnIHx8IHRoaXMuY29tcGFjdCA9PT0gdHJ1ZSApIHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzQ29tcGFjdCA9IHRydWVcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNDb21wYWN0ID0gdGhpcy5jb21wYWN0ID09IHRoaXMuY29uZmlndXJhdGlvbi5kaXNwbGF5TW9kZVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpXG4gICAgICAgIH0gKVxuICAgIH1cbn1cbiIsIjxidXR0b24gXG4gICAgbWF0UmlwcGxlXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soICRldmVudCApXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFttYXRUb29sdGlwXT1cInRvb2x0aXBcIlxuPlxuICAgIEBpZiAoIGljb24gfHwgaWNvblJpZ2h0IHx8IGljb25Db21wYWN0IHx8IGxhYmVsICkge1xuICAgICAgICBAaWYgKCBpY29uICYmICggIWlzQ29tcGFjdCB8fCAhaWNvbkNvbXBhY3QgKSApIHsgXG4gICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJsZWZ0XCI+e3sgaWNvbiB9fTwvbWF0LWljb24+IFxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggIWlzQ29tcGFjdCAmJiBpY29uUmlnaHQgJiYgbGFiZWwgKSB7IFxuICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwicmlnaHRcIj57eyBpY29uUmlnaHQgfX08L21hdC1pY29uPiBcbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoIGlzQ29tcGFjdCAmJiBpY29uQ29tcGFjdCApIHsgXG4gICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJjb21wYWN0XCI+e3sgaWNvbkNvbXBhY3QgfX08L21hdC1pY29uPiBcbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoIGxhYmVsICkge1xuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPiAgICAgICAgXG4gICAgICAgIH1cbiAgICB9XG4gICAgQGVsc2Uge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG48L2J1dHRvbj5cbiJdfQ==

package/esm2022/components/cell-content/cell-content.component.mjs

@@ -0,0 +1,34 @@
+import { ChangeDetectorRef, Component, ElementRef, inject, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/tooltip";
+export class CellContentComponent {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+    }
+    ngAfterContentInit() {
+        setTimeout(() => {
+            if (this.tooltip == null || this.tooltip === false) {
+                // no tooltip                
+            }
+            else if (this.tooltip == '' || this.tooltip === true) {
+                this.tooltipContent = this.content || this.elementRef?.nativeElement?.textContent;
+            }
+            else {
+                this.tooltipContent = this.tooltip;
+            }
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CellContentComponent, selector: "nrcl-cell-content", inputs: { tooltip: "tooltip", content: "content" }, ngImport: i0, template: "<div [matTooltip]=\"tooltipContent\" class=\"content\">\n    @if ( content ) {\n        {{ content }}\n    }\n    @else {\n        <ng-content></ng-content>\n    }\n</div>\n", styles: [":host{display:block;width:100%;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host .content{width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nrcl-cell-content', template: "<div [matTooltip]=\"tooltipContent\" class=\"content\">\n    @if ( content ) {\n        {{ content }}\n    }\n    @else {\n        <ng-content></ng-content>\n    }\n</div>\n", styles: [":host{display:block;width:100%;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host .content{width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}\n"] }]
+        }], propDecorators: { tooltip: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2NlbGwtY29udGVudC9jZWxsLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvY2VsbC1jb250ZW50L2NlbGwtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXNDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTzVILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFTSSxlQUFVLEdBQUcsTUFBTSxDQUFFLFVBQVUsQ0FBRSxDQUFBO1FBQ2pDLHNCQUFpQixHQUFHLE1BQU0sQ0FBRSxpQkFBaUIsQ0FBRSxDQUFBO0tBbUJsRDtJQWZHLGtCQUFrQjtRQUNkLFVBQVUsQ0FBRSxHQUFHLEVBQUU7WUFDYixJQUFLLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSyxFQUFHLENBQUM7Z0JBQ25ELDZCQUE2QjtZQUNqQyxDQUFDO2lCQUNJLElBQUssSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxJQUFJLEVBQUcsQ0FBQztnQkFDckQsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxFQUFFLFdBQVcsQ0FBQTtZQUNyRixDQUFDO2lCQUNJLENBQUM7Z0JBQ0YsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFBO1lBQ3RDLENBQUM7WUFFRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUE7UUFDMUMsQ0FBQyxDQUFFLENBQUE7SUFDUCxDQUFDOytHQXZCUSxvQkFBb0I7bUdBQXBCLG9CQUFvQiw2R0NQakMsK0tBUUE7OzRGRERhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDSSxtQkFBbUI7OEJBS3BCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoIHtcbiAgICBzZWxlY3RvcjogJ25yY2wtY2VsbC1jb250ZW50JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2VsbC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vY2VsbC1jb250ZW50LmNvbXBvbmVudC5zY3NzJyxcbn0gKVxuZXhwb3J0IGNsYXNzIENlbGxDb250ZW50Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gICAgQElucHV0KCkgdG9vbHRpcFxuICAgIEBJbnB1dCgpIGNvbnRlbnRcbiAgICBcbiAgICBlbGVtZW50UmVmID0gaW5qZWN0KCBFbGVtZW50UmVmIClcbiAgICBjaGFuZ2VEZXRlY3RvclJlZiA9IGluamVjdCggQ2hhbmdlRGV0ZWN0b3JSZWYgKVxuXG4gICAgdG9vbHRpcENvbnRlbnRcblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc2V0VGltZW91dCggKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCB0aGlzLnRvb2x0aXAgPT0gbnVsbCB8fCB0aGlzLnRvb2x0aXAgPT09IGZhbHNlICkge1xuICAgICAgICAgICAgICAgIC8vIG5vIHRvb2x0aXAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIGlmICggdGhpcy50b29sdGlwID09ICcnIHx8IHRoaXMudG9vbHRpcCA9PT0gdHJ1ZSApIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXBDb250ZW50ID0gdGhpcy5jb250ZW50IHx8IHRoaXMuZWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudD8udGV4dENvbnRlbnRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMudG9vbHRpcENvbnRlbnQgPSB0aGlzLnRvb2x0aXBcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIFxuICAgICAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKClcbiAgICAgICAgfSApXG4gICAgfVxufVxuIiwiPGRpdiBbbWF0VG9vbHRpcF09XCJ0b29sdGlwQ29udGVudFwiIGNsYXNzPVwiY29udGVudFwiPlxuICAgIEBpZiAoIGNvbnRlbnQgKSB7XG4gICAgICAgIHt7IGNvbnRlbnQgfX1cbiAgICB9XG4gICAgQGVsc2Uge1xuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgfVxuPC9kaXY+XG4iXX0=

package/esm2022/components/device-view/device-view.component.mjs

@@ -0,0 +1,34 @@
+import { Component } from "@angular/core";
+import { ConfigurationSubscriberBase } from "../../directives/configuration-subscriber.base";
+import * as i0 from "@angular/core";
+export class DesktopViewComponent extends ConfigurationSubscriberBase {
+    get visible() { return this.configuration.displayMode == 'desktop'; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DesktopViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DesktopViewComponent, selector: "nrcl-desktop-view", host: { properties: { "class.nrcl-device-desktop": "true" } }, usesInheritance: true, ngImport: i0, template: '@if ( visible ) { <ng-content></ng-content> }', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DesktopViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "nrcl-desktop-view",
+                    template: '@if ( visible ) { <ng-content></ng-content> }',
+                    host: {
+                        '[class.nrcl-device-desktop]': 'true'
+                    }
+                }]
+        }] });
+export class MobileViewComponent extends ConfigurationSubscriberBase {
+    get visible() { return this.configuration.displayMode == 'mobile'; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MobileViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MobileViewComponent, selector: "nrcl-mobile-view", host: { properties: { "class.nrcl-device-mobile": "true" } }, usesInheritance: true, ngImport: i0, template: '@if ( visible ) { <ng-content></ng-content> }', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MobileViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "nrcl-mobile-view",
+                    template: '@if ( visible ) { <ng-content></ng-content> }',
+                    host: {
+                        '[class.nrcl-device-mobile]': 'true'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZGV2aWNlLXZpZXcvZGV2aWNlLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7O0FBUzdGLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSwyQkFBMkI7SUFDakUsSUFBSSxPQUFPLEtBQUssT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsSUFBSSxTQUFTLENBQUEsQ0FBQyxDQUFDOytHQUQzRCxvQkFBb0I7bUdBQXBCLG9CQUFvQiwrSUFMbkIsK0NBQStDOzs0RkFLaEQsb0JBQW9CO2tCQVBoQyxTQUFTO21CQUFFO29CQUNSLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRSwrQ0FBK0M7b0JBQ3pELElBQUksRUFBRTt3QkFDRiw2QkFBNkIsRUFBRSxNQUFNO3FCQUN4QztpQkFDSjs7QUFZRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsMkJBQTJCO0lBQ2hFLElBQUksT0FBTyxLQUFLLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLElBQUksUUFBUSxDQUFBLENBQUMsQ0FBQzsrR0FEMUQsbUJBQW1CO21HQUFuQixtQkFBbUIsNklBTGxCLCtDQUErQzs7NEZBS2hELG1CQUFtQjtrQkFQL0IsU0FBUzttQkFBRTtvQkFDUixRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUUsK0NBQStDO29CQUN6RCxJQUFJLEVBQUU7d0JBQ0YsNEJBQTRCLEVBQUUsTUFBTTtxQkFDdkM7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIH0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvY29uZmlndXJhdGlvbi1zdWJzY3JpYmVyLmJhc2VcIjtcblxuQENvbXBvbmVudCgge1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZGVza3RvcC12aWV3XCIsXG4gICAgdGVtcGxhdGU6ICdAaWYgKCB2aXNpYmxlICkgeyA8bmctY29udGVudD48L25nLWNvbnRlbnQ+IH0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5ucmNsLWRldmljZS1kZXNrdG9wXSc6ICd0cnVlJ1xuICAgIH1cbn0gKVxuZXhwb3J0IGNsYXNzIERlc2t0b3BWaWV3Q29tcG9uZW50IGV4dGVuZHMgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIHsgICAgXG4gICAgZ2V0IHZpc2libGUoKSB7IHJldHVybiB0aGlzLmNvbmZpZ3VyYXRpb24uZGlzcGxheU1vZGUgPT0gJ2Rlc2t0b3AnIH1cbn1cblxuQENvbXBvbmVudCgge1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtbW9iaWxlLXZpZXdcIixcbiAgICB0ZW1wbGF0ZTogJ0BpZiAoIHZpc2libGUgKSB7IDxuZy1jb250ZW50PjwvbmctY29udGVudD4gfScsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLm5yY2wtZGV2aWNlLW1vYmlsZV0nOiAndHJ1ZSdcbiAgICB9XG59IClcbmV4cG9ydCBjbGFzcyBNb2JpbGVWaWV3Q29tcG9uZW50IGV4dGVuZHMgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIHsgICAgXG4gICAgZ2V0IHZpc2libGUoKSB7IHJldHVybiB0aGlzLmNvbmZpZ3VyYXRpb24uZGlzcGxheU1vZGUgPT0gJ21vYmlsZScgfVxufVxuIl19