nath-angular-ui 0.5.3 → 0.5.5

package/fesm2022/nath-angular-ui.mjs

@@ -3489,6 +3489,7 @@ class NathProgressBar {
           {{ value() }}
         </span>
       }
+      <ng-content></ng-content>
     </div>
   `, isInline: true, styles: ["nath-progress-bar,.nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-100, oklch(96.7% .003 286.375));--nath-progress-bar-fill: var(--color-blue-500, oklch(62.3% .214 259.815));--nath-progress-bar-text: #ffffff;--nath-progress-bar-height: 1rem;--nath-progress-bar-radius: 9999px}.dark nath-progress-bar,.dark .nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-800, oklch(27.8% .006 285.923));--nath-progress-bar-fill: var(--color-blue-600, oklch(51.9% .21 259.429))}nath-progress-bar{display:flex;width:100%;height:var(--nath-progress-bar-height);background-color:var(--nath-progress-bar-bg);border-radius:var(--nath-progress-bar-radius);overflow:hidden}.nath-progress-bar-fill{height:100%;background-color:var(--nath-progress-bar-fill);display:flex;align-items:center;justify-content:center;transition:width .3s ease-in-out}.nath-progress-bar-value{color:var(--nath-progress-bar-text);font-size:.75rem;font-weight:500;padding:0 .5rem;white-space:nowrap}@keyframes nath-progress-pulse{0%,to{opacity:1}50%{opacity:.5}}.nath-progress-bar-fill--indeterminate{animation:nath-progress-pulse 2s cubic-bezier(.4,0,.6,1) infinite}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -3506,6 +3507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
           {{ value() }}
         </span>
       }
+      <ng-content></ng-content>
     </div>
   `, encapsulation: ViewEncapsulation.None, styles: ["nath-progress-bar,.nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-100, oklch(96.7% .003 286.375));--nath-progress-bar-fill: var(--color-blue-500, oklch(62.3% .214 259.815));--nath-progress-bar-text: #ffffff;--nath-progress-bar-height: 1rem;--nath-progress-bar-radius: 9999px}.dark nath-progress-bar,.dark .nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-800, oklch(27.8% .006 285.923));--nath-progress-bar-fill: var(--color-blue-600, oklch(51.9% .21 259.429))}nath-progress-bar{display:flex;width:100%;height:var(--nath-progress-bar-height);background-color:var(--nath-progress-bar-bg);border-radius:var(--nath-progress-bar-radius);overflow:hidden}.nath-progress-bar-fill{height:100%;background-color:var(--nath-progress-bar-fill);display:flex;align-items:center;justify-content:center;transition:width .3s ease-in-out}.nath-progress-bar-value{color:var(--nath-progress-bar-text);font-size:.75rem;font-weight:500;padding:0 .5rem;white-space:nowrap}@keyframes nath-progress-pulse{0%,to{opacity:1}50%{opacity:.5}}.nath-progress-bar-fill--indeterminate{animation:nath-progress-pulse 2s cubic-bezier(.4,0,.6,1) infinite}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], barClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "barClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
@@ -4024,6 +4026,7 @@ class NathSelect {
     debouncedQueryChange = output();
     cleared = output();
     unselected = output();
+    selected = output();
     query = signal('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
     itemTemplate = contentChild('item', /* @ts-ignore */
@@ -4144,6 +4147,7 @@ class NathSelect {
     selectItem(item) {
         this.value.set(this.valueFn()(item));
         this.hideDropdown();
+        this.selected.emit(item);
     }
     hideDropdown() {
         this.isOpen.set(false);
@@ -4204,7 +4208,7 @@ class NathSelect {
         this.cleared.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathSelect, isStandalone: true, selector: "nath-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null }, valueWith: { classPropertyName: "valueWith", publicName: "valueWith", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, minQueryLength: { classPropertyName: "minQueryLength", publicName: "minQueryLength", isSignal: true, isRequired: false, transformFunction: null }, borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, comboboxClass: { classPropertyName: "comboboxClass", publicName: "comboboxClass", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", debouncedQueryChange: "debouncedQueryChange", cleared: "cleared", unselected: "unselected" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "selectedItemTemplate", first: true, predicate: ["selectedItem"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: ` <div
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathSelect, isStandalone: true, selector: "nath-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null }, valueWith: { classPropertyName: "valueWith", publicName: "valueWith", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, minQueryLength: { classPropertyName: "minQueryLength", publicName: "minQueryLength", isSignal: true, isRequired: false, transformFunction: null }, borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, comboboxClass: { classPropertyName: "comboboxClass", publicName: "comboboxClass", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", debouncedQueryChange: "debouncedQueryChange", cleared: "cleared", unselected: "unselected", selected: "selected" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "selectedItemTemplate", first: true, predicate: ["selectedItem"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: ` <div
       class="input select-combobox {{ comboboxClass() }}"
       [class.select-combobox--has-clear-btn]="showClearButton()"
       [class.select-combobox--borderless]="borderless()"
@@ -4505,7 +4509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
     >
       <svg lucideChevronDown [size]="16" />
     </button>`, encapsulation: ViewEncapsulation.None, styles: ["nath-select,.nath-select-theme{--nath-select-bg: #ffffff;--nath-select-border-color: var(--color-zinc-300, oklch(87.1% .006 286.286));--nath-select-border-width: 1px;--nath-select-radius: .375rem;--nath-select-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--nath-select-ring-color: var(--color-indigo-500, oklch(58.5% .233 277.117));--nath-select-input-padding: .25rem;--nath-select-placeholder: var(--color-gray-400, oklch(70.5% .015 286.067));--nath-select-overlay-bg: #ffffff;--nath-select-overlay-border: var(--color-zinc-200, oklch(92% .004 286.32));--nath-select-overlay-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--nath-select-text-main: var(--color-gray-800, oklch(27.8% .033 256.848));--nath-select-text-muted: var(--color-gray-500, oklch(55.1% .027 264.364));--nath-select-hover-bg: var(--color-gray-100, oklch(96.7% .003 264.542));--nath-select-hover-text: var(--color-gray-900, oklch(21% .006 285.885));--nath-select-selected-bg: var(--color-indigo-50, oklch(96.2% .018 272.846));--nath-select-selected-text: var(--color-indigo-900, oklch(25.7% .09 270.891))}.dark nath-select,.dark .nath-select-theme{--nath-select-bg: var(--color-zinc-950, oklch(14.1% .005 285.823));--nath-select-border-color: var(--color-zinc-600, oklch(44.2% .017 285.786));--nath-select-overlay-bg: var(--color-zinc-950, oklch(14.1% .005 285.823));--nath-select-overlay-border: var(--color-zinc-600, oklch(44.2% .017 285.786));--nath-select-text-main: var(--color-zinc-200, oklch(92% .004 286.32));--nath-select-text-muted: var(--color-zinc-400, oklch(70.5% .015 286.067));--nath-select-placeholder: var(--color-zinc-500, oklch(55.2% .016 285.938));--nath-select-hover-bg: var(--color-zinc-800, oklch(27.4% .006 286.033));--nath-select-hover-text: var(--color-zinc-100, oklch(96.7% .001 286.375));--nath-select-selected-bg: var(--color-indigo-950, oklch(15.2% .06 273.111));--nath-select-selected-text: var(--color-indigo-100, oklch(92% .04 273.111))}nath-select{display:flex;width:100%}.select-combobox{display:flex;position:relative;flex-grow:1;min-width:3.5rem;padding:var(--nath-select-input-padding)!important;cursor:pointer;background-color:var(--nath-select-bg);border-width:var(--nath-select-border-width);border-style:solid;border-color:var(--nath-select-border-color);border-radius:var(--nath-select-radius);box-shadow:var(--nath-select-shadow);transition:border-color .2s,box-shadow .2s;border-top-right-radius:0;border-bottom-right-radius:0}.select-combobox:focus-within{outline:none;border-color:var(--nath-select-ring-color);box-shadow:0 0 0 2px var(--nath-select-ring-color)}.select-combobox__display-wrapper{min-width:0;flex-grow:1;padding-left:.5rem;padding-right:.5rem}.select-combobox__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nath-select-text-main)}.select-combobox__placeholder{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nath-select-placeholder);min-height:1.5rem}.select-combobox--has-clear-btn{padding-right:2.5rem!important}.select-combobox--borderless{border:0!important;box-shadow:none!important}.nath-select-input{flex:1;background:transparent;border:none;outline:none;padding:var(--nath-select-input-padding);color:var(--nath-select-text-main);font-size:.875rem;width:100%}.select-clear-btn{position:absolute;right:.5rem;background:transparent;border:none;cursor:pointer;color:var(--nath-select-text-muted)}.select-dropdown-overlay{display:flex;flex-direction:column;min-width:10rem;padding:.25rem 0;z-index:50;background-color:var(--nath-select-overlay-bg);border:1px solid var(--nath-select-overlay-border);border-radius:.375rem;box-shadow:var(--nath-select-overlay-shadow);box-sizing:border-box}.select-listbox{display:flex;flex-direction:column}.select-listbox--scrollable{max-height:15rem;overflow-y:auto}.select-listbox__viewport{max-height:15rem;height:240px;overflow-y:auto;min-width:0;display:flex;flex-direction:column}.select-item{display:flex;align-items:center;padding:.625rem 1rem;cursor:pointer;transition:background-color .15s,color .15s;color:var(--nath-select-text-main);background:transparent;border:none;width:100%;text-align:left}.select-item:focus{outline:none;background-color:var(--nath-select-hover-bg)}.select-item--virtual{padding-left:1rem;padding-right:1rem}.select-item:hover{background-color:var(--nath-select-hover-bg);color:var(--nath-select-hover-text)}.select-item--active{background-color:var(--nath-select-selected-bg)!important;color:var(--nath-select-selected-text)!important}.select-item--status{color:var(--nath-select-text-muted);font-style:italic}.select-trigger-btn-addon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], displayWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayWith", required: false }] }], valueWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueWith", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], minQueryLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minQueryLength", required: false }] }], borderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderless", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualScrollItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollItemSize", required: false }] }], comboboxClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "comboboxClass", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], debouncedQueryChange: [{ type: i0.Output, args: ["debouncedQueryChange"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], unselected: [{ type: i0.Output, args: ["unselected"] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], selectedItemTemplate: [{ type: i0.ContentChild, args: ['selectedItem', { isSignal: true }] }], inputField: [{ type: i0.ViewChild, args: ['inputField', { isSignal: true }] }], container: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], displayWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayWith", required: false }] }], valueWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueWith", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], minQueryLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minQueryLength", required: false }] }], borderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderless", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualScrollItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollItemSize", required: false }] }], comboboxClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "comboboxClass", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], debouncedQueryChange: [{ type: i0.Output, args: ["debouncedQueryChange"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], unselected: [{ type: i0.Output, args: ["unselected"] }], selected: [{ type: i0.Output, args: ["selected"] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], selectedItemTemplate: [{ type: i0.ContentChild, args: ['selectedItem', { isSignal: true }] }], inputField: [{ type: i0.ViewChild, args: ['inputField', { isSignal: true }] }], container: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }] } });
 
 class NathSkeleton {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });