ngx-cho-components 1.0.0 → 3.3.0

package/styles/_cards.scss

@@ -0,0 +1,116 @@
+@use 'ngx-cho-common/styles/mixins' as cho;
+
+@layer components {
+    .cho-card {
+        @include cho.cho-surface(var(--cho-shell-shadow, none), var(--cho-card-radius, 8px));
+        display: block;
+        margin-block-end: 1rem;
+
+        &--embedded {
+            background: transparent;
+            border: 0;
+            border-radius: 0;
+            box-shadow: none;
+            margin-block-end: 0;
+        }
+
+        &__body {
+            min-width: 0;
+
+            &--none {
+                padding: 0;
+            }
+
+            &--compact {
+                padding: 0.75rem;
+            }
+
+            &--comfortable {
+                padding: var(--cho-card-body-padding, 1rem);
+            }
+        }
+
+        &__tabs {
+            border-block-end: 1px solid var(--surface-border);
+            padding: 0.75rem 1rem;
+        }
+    }
+
+    .cho-card-header {
+        align-items: center;
+        border-block-end: 1px solid var(--surface-border);
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+        justify-content: space-between;
+        padding: var(--cho-card-header-padding, 0.75rem 1rem);
+
+        &__title {
+            @include cho.cho-title(1.25rem);
+            line-height: 1.25;
+        }
+
+        h1#{&}__title {
+            font-size: 1.5rem;
+        }
+
+        h2#{&}__title {
+            font-size: 1.375rem;
+        }
+
+        h4#{&}__title {
+            font-size: 1.125rem;
+        }
+
+        h5#{&}__title,
+        h6#{&}__title {
+            font-size: 1rem;
+        }
+    }
+
+    .cho-card-toolbar {
+        align-items: center;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        justify-content: flex-end;
+        min-width: 0;
+    }
+
+    .cho-card-filters {
+        align-items: end;
+        border-block-end: 1px solid var(--surface-border);
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.75rem;
+        padding: var(--cho-card-filters-padding, 0.75rem 1rem);
+    }
+
+    .cho-card-tabs {
+        border-block-end: 1px solid var(--surface-border);
+        padding-inline: 1rem;
+
+        ul {
+            display: flex;
+            gap: 1rem;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+
+        &__link {
+            border-block-end: 2px solid transparent;
+            color: inherit;
+            cursor: pointer;
+            display: block;
+            padding-block: 0.75rem;
+            text-decoration: none;
+
+            &:hover,
+            &.active {
+                border-block-end-color: currentColor;
+                color: var(--p-primary-color, #211c72);
+            }
+        }
+    }
+}

package/styles/_contact-info.scss

@@ -0,0 +1,9 @@
+@layer components {
+    .cho-contact-info {
+        overflow-wrap: anywhere;
+
+        &__line {
+            margin: 0;
+        }
+    }
+}

package/styles/_detail-page.scss

@@ -0,0 +1,31 @@
+@layer components {
+    cho-detail-page {
+        display: grid;
+        gap: 0.75rem;
+        min-width: 0;
+    }
+
+    cho-detail-page > cho-card > .cho-card {
+        margin-block-end: 0;
+        width: 100%;
+    }
+
+    .cho-detail-page__body {
+        display: flex;
+        flex-direction: column;
+        gap: 0.75rem;
+        min-width: 0;
+
+        &--none {
+            padding: 0;
+        }
+
+        &--compact {
+            padding: 0.75rem;
+        }
+
+        &--comfortable {
+            padding: 1rem;
+        }
+    }
+}

package/styles/_forms.scss

@@ -0,0 +1,33 @@
+@layer components {
+    .cho-radio-group {
+        border: 0;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem 1rem;
+        margin: 0;
+        min-width: 0;
+        padding: 0;
+
+        &__label {
+            flex-basis: 100%;
+            font-size: inherit;
+            font-weight: 500;
+            margin-block-end: 0.25rem;
+            padding: 0;
+        }
+
+        &__option {
+            align-items: center;
+            cursor: pointer;
+            display: inline-flex;
+            gap: 0.375rem;
+        }
+
+        &__input {
+            accent-color: var(--p-primary-color, #211c72);
+            height: 1rem;
+            margin: 0;
+            width: 1rem;
+        }
+    }
+}

package/styles/_index.scss

@@ -0,0 +1,8 @@
+@use 'cards';
+@use 'search-card';
+@use 'detail-page';
+@use 'pager';
+@use 'forms';
+@use 'status';
+@use 'contact-info';
+@use 'responsive';

package/styles/_pager.scss

@@ -0,0 +1,45 @@
+@use 'ngx-cho-common/styles/tokens' as cho;
+
+@layer components {
+    .cho-pager {
+        border-block-start: 1px solid var(--p-content-border-color, #e5e7eb);
+        display: flex;
+        justify-content: center;
+        padding: 0.5rem 0 0;
+        width: 100%;
+
+        .p-paginator {
+            background: transparent;
+            border: 0;
+            gap: 0.25rem;
+            justify-content: center;
+            padding: 0.25rem 0;
+            width: 100%;
+        }
+
+        .p-paginator-current {
+            color: var(--p-text-color, #374151);
+            margin-inline-end: auto;
+            min-width: 7rem;
+            order: -1;
+            text-align: start;
+        }
+
+        .p-paginator-rpp-options {
+            margin-inline-start: auto;
+            min-width: 4.75rem;
+        }
+
+        :is(
+                .p-paginator-page,
+                .p-paginator-next,
+                .p-paginator-prev,
+                .p-paginator-first,
+                .p-paginator-last
+            ) {
+            border-radius: cho.$cho-radius-sm;
+            height: 2rem;
+            min-width: 2rem;
+        }
+    }
+}

package/styles/_responsive.scss

@@ -0,0 +1,26 @@
+@layer components {
+    @media (max-width: 767.98px) {
+        .cho-card-header,
+        .cho-card-toolbar,
+        .cho-card-filters {
+            align-items: stretch;
+            flex-direction: column;
+        }
+
+        .cho-card-toolbar {
+            width: 100%;
+        }
+
+        .cho-pager {
+            .p-paginator {
+                justify-content: flex-start;
+            }
+
+            .p-paginator-current,
+            .p-paginator-rpp-options {
+                margin-inline: 0;
+                width: 100%;
+            }
+        }
+    }
+}

package/styles/_search-card.scss

@@ -0,0 +1,44 @@
+@layer components {
+    cho-search-card {
+        display: block;
+        min-width: 0;
+    }
+
+    .cho-search-card__content {
+        min-width: 0;
+        width: 100%;
+
+        &--none {
+            padding: 0;
+        }
+
+        &--compact {
+            padding: 0.75rem;
+        }
+
+        &--comfortable {
+            padding: 1rem;
+        }
+    }
+
+    cho-search-card .cho-card-filters {
+        > * {
+            flex: 1 1 14rem;
+            min-width: min(100%, 12rem);
+        }
+
+        > :is(input[pInputText], p-icon-field) {
+            flex: 2 1 22rem;
+        }
+
+        > :is(button, p-button, p-checkbox) {
+            flex: 0 0 auto;
+            min-width: 0;
+        }
+
+        > p-icon-field input[pInputText],
+        > p-select .p-select {
+            width: 100%;
+        }
+    }
+}

package/styles/_status.scss

@@ -0,0 +1,9 @@
+@layer components {
+    .cho-review-status {
+        background: var(--p-message-info-background, var(--p-primary-50, #f0effb));
+        border: 1px solid var(--p-message-info-border-color, var(--p-primary-200, #d9d6f2));
+        border-radius: var(--cho-control-radius, 6px);
+        color: var(--p-message-info-color, var(--p-primary-color, #211c72));
+        padding: 0.75rem 1rem;
+    }
+}

package/esm2022/lib/cho-address-info.component.mjs

@@ -1,37 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { NgIf, TitleCasePipe } from '@angular/common';
-import * as i0 from "@angular/core";
-export class ChoAddressInfoComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoAddressInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoAddressInfoComponent, isStandalone: true, selector: "cho-address-info", inputs: { address: "address" }, ngImport: i0, template: `<p *ngIf="address.addressLine1" class="m-0">
-            {{ address.addressLine1 | titlecase }}
-        </p>
-        <p *ngIf="address.addressLine2" class="m-0">
-            {{ address.addressLine2 | titlecase }}
-        </p>
-        <p *ngIf="address.city" class="m-0">
-            {{ address.city | titlecase }}, {{ address.stateProvinceCode }}
-            {{ address.postalCode }}
-        </p> `, isInline: true, dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoAddressInfoComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'cho-address-info',
-                    template: `<p *ngIf="address.addressLine1" class="m-0">
-            {{ address.addressLine1 | titlecase }}
-        </p>
-        <p *ngIf="address.addressLine2" class="m-0">
-            {{ address.addressLine2 | titlecase }}
-        </p>
-        <p *ngIf="address.city" class="m-0">
-            {{ address.city | titlecase }}, {{ address.stateProvinceCode }}
-            {{ address.postalCode }}
-        </p> `,
-                    standalone: true,
-                    imports: [TitleCasePipe, NgIf],
-                }]
-        }], propDecorators: { address: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvLWFkZHJlc3MtaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY2hvLWNvbXBvbmVudHMvc3JjL2xpYi9jaG8tYWRkcmVzcy1pbmZvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQWlCdEQsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsNEdBYnRCOzs7Ozs7Ozs7Y0FTQSx1REFFQSxhQUFhLGtEQUFFLElBQUk7OzRGQUVwQix1QkFBdUI7a0JBZm5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Y0FTQTtvQkFDVixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQztpQkFDakM7OEJBRVksT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJQWRkcmVzcyB9IGZyb20gJ25neC1jaG8tY29tbW9uJztcclxuaW1wb3J0IHsgTmdJZiwgVGl0bGVDYXNlUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnY2hvLWFkZHJlc3MtaW5mbycsXHJcbiAgICB0ZW1wbGF0ZTogYDxwICpuZ0lmPVwiYWRkcmVzcy5hZGRyZXNzTGluZTFcIiBjbGFzcz1cIm0tMFwiPlxyXG4gICAgICAgICAgICB7eyBhZGRyZXNzLmFkZHJlc3NMaW5lMSB8IHRpdGxlY2FzZSB9fVxyXG4gICAgICAgIDwvcD5cclxuICAgICAgICA8cCAqbmdJZj1cImFkZHJlc3MuYWRkcmVzc0xpbmUyXCIgY2xhc3M9XCJtLTBcIj5cclxuICAgICAgICAgICAge3sgYWRkcmVzcy5hZGRyZXNzTGluZTIgfCB0aXRsZWNhc2UgfX1cclxuICAgICAgICA8L3A+XHJcbiAgICAgICAgPHAgKm5nSWY9XCJhZGRyZXNzLmNpdHlcIiBjbGFzcz1cIm0tMFwiPlxyXG4gICAgICAgICAgICB7eyBhZGRyZXNzLmNpdHkgfCB0aXRsZWNhc2UgfX0sIHt7IGFkZHJlc3Muc3RhdGVQcm92aW5jZUNvZGUgfX1cclxuICAgICAgICAgICAge3sgYWRkcmVzcy5wb3N0YWxDb2RlIH19XHJcbiAgICAgICAgPC9wPiBgLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtUaXRsZUNhc2VQaXBlLCBOZ0lmXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENob0FkZHJlc3NJbmZvQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGFkZHJlc3MhOiBJQWRkcmVzcztcclxufVxyXG4iXX0=

package/esm2022/lib/cho-card-filters.component.mjs

@@ -1,18 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ChoCardFiltersComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoCardFiltersComponent, isStandalone: true, selector: "cho-card-filters", host: { classAttribute: "card-filters" }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardFiltersComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'cho-card-filters',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    host: { class: 'card-filters' },
-                    template: ` <ng-content /> `,
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvLWNhcmQtZmlsdGVycy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY2hvLWNvbXBvbmVudHMvc3JjL2xpYi9jaG8tY2FyZC1maWx0ZXJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVVuRSxNQUFNLE9BQU8sdUJBQXVCOytHQUF2Qix1QkFBdUI7bUdBQXZCLHVCQUF1QixzSEFGdEIsa0JBQWtCOzs0RkFFbkIsdUJBQXVCO2tCQVJuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRTtvQkFDL0IsUUFBUSxFQUFFLGtCQUFrQjtpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnY2hvLWNhcmQtZmlsdGVycycsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBpbXBvcnRzOiBbXSxcclxuICAgIGhvc3Q6IHsgY2xhc3M6ICdjYXJkLWZpbHRlcnMnIH0sXHJcbiAgICB0ZW1wbGF0ZTogYCA8bmctY29udGVudCAvPiBgLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hvQ2FyZEZpbHRlcnNDb21wb25lbnQge31cclxuIl19

package/esm2022/lib/cho-card-header.component.mjs

@@ -1,55 +0,0 @@
-import { NgTemplateOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-import { ChoCardToolbarComponent } from './cho-card-toolbar.component';
-import * as i0 from "@angular/core";
-export class ChoCardHeaderComponent {
-    constructor() {
-        this.headerText = input();
-        this.toolbar = input();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ChoCardHeaderComponent, isStandalone: true, selector: "cho-card-header", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-        <div class="card-header">
-            <h3 class="card-title">
-                @if (headerText()) {
-                    {{ headerText() }}
-                } @else {
-                    <ng-content />
-                }
-            </h3>
-
-            @if (toolbar()) {
-                <cho-card-toolbar>
-                    <ng-container *ngTemplateOutlet="toolbar()!" />
-                </cho-card-toolbar>
-            }
-        </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChoCardToolbarComponent, selector: "cho-card-toolbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'cho-card-header',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgTemplateOutlet, ChoCardToolbarComponent],
-                    template: `
-        <div class="card-header">
-            <h3 class="card-title">
-                @if (headerText()) {
-                    {{ headerText() }}
-                } @else {
-                    <ng-content />
-                }
-            </h3>
-
-            @if (toolbar()) {
-                <cho-card-toolbar>
-                    <ng-container *ngTemplateOutlet="toolbar()!" />
-                </cho-card-toolbar>
-            }
-        </div>
-    `,
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvLWNhcmQtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jaG8tY29tcG9uZW50cy9zcmMvbGliL2Noby1jYXJkLWhlYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBeUJ2RSxNQUFNLE9BQU8sc0JBQXNCO0lBdkJuQztRQXdCSSxlQUFVLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDN0IsWUFBTyxHQUFHLEtBQUssRUFBMkIsQ0FBQztLQUM5QzsrR0FIWSxzQkFBc0I7bUdBQXRCLHNCQUFzQiw0VkFsQnJCOzs7Ozs7Ozs7Ozs7Ozs7O0tBZ0JULDREQWpCUyxnQkFBZ0Isb0pBQUUsdUJBQXVCOzs0RkFtQjFDLHNCQUFzQjtrQkF2QmxDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSx1QkFBdUIsQ0FBQztvQkFDcEQsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7O0tBZ0JUO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDaG9DYXJkVG9vbGJhckNvbXBvbmVudCB9IGZyb20gJy4vY2hvLWNhcmQtdG9vbGJhci5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2Noby1jYXJkLWhlYWRlcicsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldCwgQ2hvQ2FyZFRvb2xiYXJDb21wb25lbnRdLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXJcIj5cclxuICAgICAgICAgICAgPGgzIGNsYXNzPVwiY2FyZC10aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAgQGlmIChoZWFkZXJUZXh0KCkpIHtcclxuICAgICAgICAgICAgICAgICAgICB7eyBoZWFkZXJUZXh0KCkgfX1cclxuICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IC8+XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvaDM+XHJcblxyXG4gICAgICAgICAgICBAaWYgKHRvb2xiYXIoKSkge1xyXG4gICAgICAgICAgICAgICAgPGNoby1jYXJkLXRvb2xiYXI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXIoKSFcIiAvPlxyXG4gICAgICAgICAgICAgICAgPC9jaG8tY2FyZC10b29sYmFyPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICBgLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hvQ2FyZEhlYWRlckNvbXBvbmVudCB7XHJcbiAgICBoZWFkZXJUZXh0ID0gaW5wdXQ8c3RyaW5nPigpO1xyXG4gICAgdG9vbGJhciA9IGlucHV0PFRlbXBsYXRlUmVmPGFueT4gfCBudWxsPigpO1xyXG59XHJcbiJdfQ==

package/esm2022/lib/cho-card-tabs.component.mjs

@@ -1,63 +0,0 @@
-import { ChangeDetectionStrategy, Component, inject, input, output } from '@angular/core';
-import { ChoNavigationService, ChoRouteParamService } from 'ngx-cho-common';
-import * as i0 from "@angular/core";
-export class ChoCardTabsComponent {
-    constructor() {
-        this.navigationService = inject(ChoNavigationService);
-        this.routeParamService = inject(ChoRouteParamService);
-        this.tabs = input();
-        this.tabSelect = output();
-    }
-    ngOnInit() {
-        this.activeTab = this.routeParamService.getQueryParameterValue('vw') || '';
-        this.tabSelect.emit(this.activeTab);
-    }
-    onSelect(tabValue) {
-        this.activeTab = tabValue;
-        this.navigationService.setQueryParams({
-            vw: tabValue ? tabValue : null,
-        });
-        this.tabSelect.emit(this.activeTab);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ChoCardTabsComponent, isStandalone: true, selector: "cho-card-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabSelect: "tabSelect" }, ngImport: i0, template: `
-        <div class="card-tabs">
-            <ul>
-                @for (tab of tabs(); track tab.value) {
-                    <li (click)="onSelect(tab.value)">
-                        <a
-                            class="nav-link text-active-primary"
-                            [class.active]="activeTab === tab.value">
-                            {{ tab.label }}
-                        </a>
-                    </li>
-                }
-            </ul>
-        </div>
-    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardTabsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'cho-card-tabs',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    template: `
-        <div class="card-tabs">
-            <ul>
-                @for (tab of tabs(); track tab.value) {
-                    <li (click)="onSelect(tab.value)">
-                        <a
-                            class="nav-link text-active-primary"
-                            [class.active]="activeTab === tab.value">
-                            {{ tab.label }}
-                        </a>
-                    </li>
-                }
-            </ul>
-        </div>
-    `,
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvLWNhcmQtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY2hvLWNvbXBvbmVudHMvc3JjL2xpYi9jaG8tY2FyZC10YWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQXVCNUUsTUFBTSxPQUFPLG9CQUFvQjtJQXJCakM7UUFzQnFCLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ2pELHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRWxFLFNBQUksR0FBRyxLQUFLLEVBQTJDLENBQUM7UUFDeEQsY0FBUyxHQUFHLE1BQU0sRUFBVSxDQUFDO0tBa0JoQztJQWRHLFFBQVE7UUFDSixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRLENBQUMsUUFBZ0I7UUFDckIsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7UUFFMUIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQztZQUNsQyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUk7U0FDakMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7K0dBdEJRLG9CQUFvQjttR0FBcEIsb0JBQW9CLCtPQWhCbkI7Ozs7Ozs7Ozs7Ozs7O0tBY1Q7OzRGQUVRLG9CQUFvQjtrQkFyQmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7OztLQWNUO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBpbnB1dCwgT25Jbml0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2hvTmF2aWdhdGlvblNlcnZpY2UsIENob1JvdXRlUGFyYW1TZXJ2aWNlIH0gZnJvbSAnbmd4LWNoby1jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2Noby1jYXJkLXRhYnMnLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgaW1wb3J0czogW10sXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXRhYnNcIj5cclxuICAgICAgICAgICAgPHVsPlxyXG4gICAgICAgICAgICAgICAgQGZvciAodGFiIG9mIHRhYnMoKTsgdHJhY2sgdGFiLnZhbHVlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIChjbGljayk9XCJvblNlbGVjdCh0YWIudmFsdWUpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm5hdi1saW5rIHRleHQtYWN0aXZlLXByaW1hcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVUYWIgPT09IHRhYi52YWx1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgdGFiLmxhYmVsIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIENob0NhcmRUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIHByaXZhdGUgcmVhZG9ubHkgbmF2aWdhdGlvblNlcnZpY2UgPSBpbmplY3QoQ2hvTmF2aWdhdGlvblNlcnZpY2UpO1xyXG4gICAgcHJpdmF0ZSByZWFkb25seSByb3V0ZVBhcmFtU2VydmljZSA9IGluamVjdChDaG9Sb3V0ZVBhcmFtU2VydmljZSk7XHJcblxyXG4gICAgdGFicyA9IGlucHV0PEFycmF5PHsgdmFsdWU6IHN0cmluZzsgbGFiZWw6IHN0cmluZyB9Pj4oKTtcclxuICAgIHRhYlNlbGVjdCA9IG91dHB1dDxzdHJpbmc+KCk7XHJcblxyXG4gICAgYWN0aXZlVGFiOiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWIgPSB0aGlzLnJvdXRlUGFyYW1TZXJ2aWNlLmdldFF1ZXJ5UGFyYW1ldGVyVmFsdWUoJ3Z3JykgfHwgJyc7XHJcbiAgICAgICAgdGhpcy50YWJTZWxlY3QuZW1pdCh0aGlzLmFjdGl2ZVRhYik7XHJcbiAgICB9XHJcblxyXG4gICAgb25TZWxlY3QodGFiVmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuYWN0aXZlVGFiID0gdGFiVmFsdWU7XHJcblxyXG4gICAgICAgIHRoaXMubmF2aWdhdGlvblNlcnZpY2Uuc2V0UXVlcnlQYXJhbXMoe1xyXG4gICAgICAgICAgICB2dzogdGFiVmFsdWUgPyB0YWJWYWx1ZSA6IG51bGwsXHJcbiAgICAgICAgfSk7XHJcblxyXG4gICAgICAgIHRoaXMudGFiU2VsZWN0LmVtaXQodGhpcy5hY3RpdmVUYWIpO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/cho-card-toolbar.component.mjs

@@ -1,18 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ChoCardToolbarComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoCardToolbarComponent, isStandalone: true, selector: "cho-card-toolbar", host: { classAttribute: "card-toolbar" }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardToolbarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'cho-card-toolbar',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    host: { class: 'card-toolbar' },
-                    template: ` <ng-content /> `,
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvLWNhcmQtdG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY2hvLWNvbXBvbmVudHMvc3JjL2xpYi9jaG8tY2FyZC10b29sYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVVuRSxNQUFNLE9BQU8sdUJBQXVCOytHQUF2Qix1QkFBdUI7bUdBQXZCLHVCQUF1QixzSEFGdEIsa0JBQWtCOzs0RkFFbkIsdUJBQXVCO2tCQVJuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRTtvQkFDL0IsUUFBUSxFQUFFLGtCQUFrQjtpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnY2hvLWNhcmQtdG9vbGJhcicsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBpbXBvcnRzOiBbXSxcclxuICAgIGhvc3Q6IHsgY2xhc3M6ICdjYXJkLXRvb2xiYXInIH0sXHJcbiAgICB0ZW1wbGF0ZTogYCA8bmctY29udGVudCAvPiBgLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hvQ2FyZFRvb2xiYXJDb21wb25lbnQge31cclxuIl19