@3ddv/software-division-components 1.5.0 → 2.0.0

package/dist/fesm2022/3ddv-software-division-components-generic-select.mjs

@@ -0,0 +1,295 @@
+import * as i0 from '@angular/core';
+import { input, computed, Directive, booleanAttribute, inject, ChangeDetectionStrategy, Component, contentChild, NgModule, output } from '@angular/core';
+import { hlm, injectExposesStateProvider, injectExposedSideProvider } from '@spartan-ng/brain/core';
+import * as i1 from '@spartan-ng/brain/select';
+import { BrnSelectGroup, BrnSelectLabel, BrnSelectOption, BrnSelect, BrnSelectTrigger, BrnSelectImports } from '@spartan-ng/brain/select';
+import { HlmIcon } from '@3ddv/software-division-components/generic/icon';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideCheck, lucideChevronDown, lucideChevronUp } from '@ng-icons/lucide';
+import { cva } from 'class-variance-authority';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class HlmSelect {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    _computedClass = computed(() => hlm(this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: HlmSelect, isStandalone: true, selector: "hlm-select, brn-select [hlm]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelect, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hlm-select, brn-select [hlm]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmSelectContent {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    stickyLabels = input(false, { ...(ngDevMode ? { debugName: "stickyLabels" } : {}), transform: booleanAttribute });
+    _stateProvider = injectExposesStateProvider({ optional: true });
+    _sideProvider = injectExposedSideProvider({ optional: true });
+    _computedClass = computed(() => hlm('w-full relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1 data-[side=bottom]:top-[2px] data-[side=top]:bottom-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: HlmSelectContent, isStandalone: true, selector: "[hlmSelectContent], hlm-select-content", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, stickyLabels: { classPropertyName: "stickyLabels", publicName: "stickyLabels", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()", "attr.data-state": "_stateProvider?.state() ?? \"open\"", "attr.data-side": "_sideProvider?.side() ?? \"bottom\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectContent], hlm-select-content',
+                    host: {
+                        '[class]': '_computedClass()',
+                        '[attr.data-state]': '_stateProvider?.state() ?? "open"',
+                        '[attr.data-side]': '_sideProvider?.side() ?? "bottom"',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], stickyLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyLabels", required: false }] }] } });
+
+class HlmSelectGroup {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    _computedClass = computed(() => hlm(this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: HlmSelectGroup, isStandalone: true, selector: "[hlmSelectGroup], hlm-select-group", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnSelectGroup }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectGroup], hlm-select-group',
+                    hostDirectives: [BrnSelectGroup],
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmSelectLabel {
+    _selectContent = inject(HlmSelectContent);
+    _stickyLabels = computed(() => this._selectContent.stickyLabels(), ...(ngDevMode ? [{ debugName: "_stickyLabels" }] : []));
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    _computedClass = computed(() => hlm('text-muted-foreground px-2 py-1.5 text-xs', this._stickyLabels() ? 'sticky top-0 bg-popover block z-[2]' : '', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: HlmSelectLabel, isStandalone: true, selector: "[hlmSelectLabel], hlm-select-label", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnSelectLabel }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectLabel], hlm-select-label',
+                    hostDirectives: [BrnSelectLabel],
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmSelectOption {
+    _brnSelectOption = inject(BrnSelectOption, { host: true });
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    _computedClass = computed(() => hlm('overflow-hidden text-ellipsis whitespace-nowrap hover:bg-accent data-[active]:bg-accent data-[active]:text-white [&>ng-icon]:text-white relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: HlmSelectOption, isStandalone: true, selector: "hlm-option", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideCheck })], hostDirectives: [{ directive: i1.BrnSelectOption, inputs: ["disabled", "disabled", "value", "value"] }], ngImport: i0, template: `
+    <span class="absolute right-2 flex size-3.5 items-center justify-center">
+      @if (this._brnSelectOption.selected()) {
+        <ng-icon aria-hidden="true" hlm name="lucideCheck" size="sm" />
+      }
+    </span>
+
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectOption, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-option',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: BrnSelectOption, inputs: ['disabled', 'value'] }],
+                    providers: [provideIcons({ lucideCheck })],
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    template: `
+    <span class="absolute right-2 flex size-3.5 items-center justify-center">
+      @if (this._brnSelectOption.selected()) {
+        <ng-icon aria-hidden="true" hlm name="lucideCheck" size="sm" />
+      }
+    </span>
+
+    <ng-content />
+  `,
+                    imports: [NgIcon, HlmIcon],
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmSelectScrollDown {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    _computedClass = computed(() => hlm('flex cursor-default items-center justify-center py-1', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectScrollDown, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: HlmSelectScrollDown, isStandalone: true, selector: "hlm-select-scroll-down", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideChevronDown })], ngImport: i0, template: ` <ng-icon class="ml-2" hlm name="lucideChevronDown" size="sm" /> `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectScrollDown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-scroll-down',
+                    imports: [NgIcon, HlmIcon],
+                    providers: [provideIcons({ lucideChevronDown })],
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    template: ` <ng-icon class="ml-2" hlm name="lucideChevronDown" size="sm" /> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmSelectScrollUp {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    _computedClass = computed(() => hlm('flex cursor-default items-center justify-center py-1', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectScrollUp, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: HlmSelectScrollUp, isStandalone: true, selector: "hlm-select-scroll-up", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideChevronUp })], ngImport: i0, template: ` <ng-icon class="ml-2" hlm name="lucideChevronUp" size="sm" /> `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectScrollUp, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-scroll-up',
+                    imports: [NgIcon, HlmIcon],
+                    providers: [provideIcons({ lucideChevronUp })],
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    template: ` <ng-icon class="ml-2" hlm name="lucideChevronUp" size="sm" /> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const selectTriggerVariants = cva(`border-input [&>ng-icon]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-3xl border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-6 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:size-4`, {
+    variants: {
+        error: {
+            auto: '[&.ng-invalid.ng-touched]:text-destructive [&.ng-invalid.ng-touched]:border-destructive [&.ng-invalid.ng-touched]:focus-visible:ring-destructive/20 dark:[&.ng-invalid.ng-touched]:focus-visible:ring-destructive/40',
+            true: 'text-destructive border-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',
+        },
+    },
+    defaultVariants: {
+        error: 'auto',
+    },
+});
+class HlmSelectTrigger {
+    _icon = contentChild(HlmIcon, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _brnSelect = inject(BrnSelect, { optional: true });
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    _computedClass = computed(() => hlm(selectTriggerVariants({ error: this._brnSelect?.errorState() }), this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: HlmSelectTrigger, isStandalone: true, selector: "hlm-select-trigger", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideChevronDown })], queries: [{ propertyName: "_icon", first: true, predicate: HlmIcon, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <button #button brnSelectTrigger hlmInput type="button" [attr.data-size]="size()" [class]="_computedClass()">
+      <ng-content />
+      @if (_icon()) {
+        <ng-content select="ng-icon" />
+      } @else {
+        <ng-icon class="ml-2 flex-none" hlm name="lucideChevronDown" size="sm" />
+      }
+    </button>
+  `, isInline: true, dependencies: [{ kind: "directive", type: BrnSelectTrigger, selector: "[brnSelectTrigger]" }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-trigger',
+                    imports: [BrnSelectTrigger, NgIcon, HlmIcon],
+                    providers: [provideIcons({ lucideChevronDown })],
+                    template: `
+    <button #button brnSelectTrigger hlmInput type="button" [attr.data-size]="size()" [class]="_computedClass()">
+      <ng-content />
+      @if (_icon()) {
+        <ng-content select="ng-icon" />
+      } @else {
+        <ng-icon class="ml-2 flex-none" hlm name="lucideChevronDown" size="sm" />
+      }
+    </button>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { _icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => HlmIcon), { isSignal: true }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class HlmSelectValue {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : {}), alias: 'class' });
+    _computedClass = computed(() => hlm('line-clamp-1 flex items-center gap-2 overflow-hidden text-ellipsis', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectValue, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: HlmSelectValue, isStandalone: true, selector: "hlm-select-value,[hlmSelectValue], brn-select-value[hlm]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectValue, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hlm-select-value,[hlmSelectValue], brn-select-value[hlm]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const HlmSelectImports = [
+    HlmSelectContent,
+    HlmSelectTrigger,
+    HlmSelectOption,
+    HlmSelectValue,
+    HlmSelect,
+    HlmSelectScrollUp,
+    HlmSelectScrollDown,
+    HlmSelectLabel,
+    HlmSelectGroup,
+];
+class HlmSelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectModule, imports: [HlmSelectContent,
+            HlmSelectTrigger,
+            HlmSelectOption,
+            HlmSelectValue,
+            HlmSelect,
+            HlmSelectScrollUp,
+            HlmSelectScrollDown,
+            HlmSelectLabel,
+            HlmSelectGroup], exports: [HlmSelectContent,
+            HlmSelectTrigger,
+            HlmSelectOption,
+            HlmSelectValue,
+            HlmSelect,
+            HlmSelectScrollUp,
+            HlmSelectScrollDown,
+            HlmSelectLabel,
+            HlmSelectGroup] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectModule, imports: [HlmSelectTrigger,
+            HlmSelectOption,
+            HlmSelectScrollUp,
+            HlmSelectScrollDown] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HlmSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmSelectImports],
+                    exports: [...HlmSelectImports],
+                }]
+        }] });
+
+class SelectComponent {
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    variant = input('light', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
+    fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : []));
+    defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : []));
+    valueChange = output();
+    get variantClasses() {
+        return this.variant() === 'dark' ? 'bg-black text-white' : 'bg-white text-black';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: SelectComponent, isStandalone: true, selector: "sdc-select", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<hlm-select\n  class=\"select-root\"\n  [value]=\"defaultValue()?.value\"\n  [placeholder]=\"placeholder()\"\n  (valueChange)=\"valueChange.emit($event)\">\n  <hlm-select-trigger class=\"select-trigger select-trigger--sm\" size=\"sm\" [ngClass]=\"variantClasses\">\n    <hlm-select-value [ngClass]=\"variantClasses\" />\n  </hlm-select-trigger>\n\n  <hlm-select-trigger class=\"select-trigger select-trigger--lg\" size=\"default\" [ngClass]=\"variantClasses\">\n    <hlm-select-value [ngClass]=\"variantClasses\" />\n  </hlm-select-trigger>\n\n  <hlm-select-content [class]=\"fullWidth() ? 'full-width' : ''\" [ngClass]=\"variantClasses\">\n    @for (option of options(); track idx + option.label; let idx = $index) {\n      <hlm-option [ngClass]=\"variantClasses\" [value]=\"option.value\">{{ option.label }}</hlm-option>\n    }\n  </hlm-select-content>\n</hlm-select>\n", styles: [".select-root{display:inline-block;width:100%}.select-trigger{display:flex;justify-content:space-between;align-items:center;border-radius:25px!important;outline:none;width:100%;overflow:hidden;color:#fff;font-size:.75rem;text-align:center;white-space:nowrap;text-overflow:ellipsis}.select-trigger:focus,.select-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent, var(--ring-accent, #0ea5e9))}.select-trigger--sm{display:flex}.select-trigger--lg{display:none}@media(min-width:1024px){.select-trigger--sm{display:none;font-weight:500;font-size:.875rem}.select-trigger--lg{display:flex;font-weight:500;font-size:.875rem}}.full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1.BrnSelect, selector: "brn-select, hlm-select", inputs: ["id", "multiple", "placeholder", "disabled", "dir", "closeDelay", "open", "value", "compareWith"], outputs: ["openChange", "valueChange"] }, { kind: "component", type: i1.BrnSelectContent, selector: "brn-select-content, hlm-select-content:not(noHlm)" }, { kind: "component", type: i1.BrnSelectValue, selector: "brn-select-value, hlm-select-value", inputs: ["transformFn"] }, { kind: "directive", type: HlmSelectContent, selector: "[hlmSelectContent], hlm-select-content", inputs: ["class", "stickyLabels"] }, { kind: "component", type: HlmSelectTrigger, selector: "hlm-select-trigger", inputs: ["class", "size"] }, { kind: "component", type: HlmSelectOption, selector: "hlm-option", inputs: ["class"] }, { kind: "directive", type: HlmSelectValue, selector: "hlm-select-value,[hlmSelectValue], brn-select-value[hlm]", inputs: ["class"] }, { kind: "directive", type: HlmSelect, selector: "hlm-select, brn-select [hlm]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sdc-select', imports: [CommonModule, BrnSelectImports, HlmSelectImports], template: "<hlm-select\n  class=\"select-root\"\n  [value]=\"defaultValue()?.value\"\n  [placeholder]=\"placeholder()\"\n  (valueChange)=\"valueChange.emit($event)\">\n  <hlm-select-trigger class=\"select-trigger select-trigger--sm\" size=\"sm\" [ngClass]=\"variantClasses\">\n    <hlm-select-value [ngClass]=\"variantClasses\" />\n  </hlm-select-trigger>\n\n  <hlm-select-trigger class=\"select-trigger select-trigger--lg\" size=\"default\" [ngClass]=\"variantClasses\">\n    <hlm-select-value [ngClass]=\"variantClasses\" />\n  </hlm-select-trigger>\n\n  <hlm-select-content [class]=\"fullWidth() ? 'full-width' : ''\" [ngClass]=\"variantClasses\">\n    @for (option of options(); track idx + option.label; let idx = $index) {\n      <hlm-option [ngClass]=\"variantClasses\" [value]=\"option.value\">{{ option.label }}</hlm-option>\n    }\n  </hlm-select-content>\n</hlm-select>\n", styles: [".select-root{display:inline-block;width:100%}.select-trigger{display:flex;justify-content:space-between;align-items:center;border-radius:25px!important;outline:none;width:100%;overflow:hidden;color:#fff;font-size:.75rem;text-align:center;white-space:nowrap;text-overflow:ellipsis}.select-trigger:focus,.select-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent, var(--ring-accent, #0ea5e9))}.select-trigger--sm{display:flex}.select-trigger--lg{display:none}@media(min-width:1024px){.select-trigger--sm{display:none;font-weight:500;font-size:.875rem}.select-trigger--lg{display:flex;font-weight:500;font-size:.875rem}}.full-width{width:100%}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmSelect, HlmSelectContent, HlmSelectGroup, HlmSelectImports, HlmSelectLabel, HlmSelectModule, HlmSelectOption, HlmSelectScrollDown, HlmSelectScrollUp, HlmSelectTrigger, HlmSelectValue, SelectComponent, selectTriggerVariants };
+//# sourceMappingURL=3ddv-software-division-components-generic-select.mjs.map

package/dist/fesm2022/3ddv-software-division-components-generic-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"3ddv-software-division-components-generic-select.mjs","sources":["../../generic/select/lib/hlm-select.ts","../../generic/select/lib/hlm-select-content.ts","../../generic/select/lib/hlm-select-group.ts","../../generic/select/lib/hlm-select-label.ts","../../generic/select/lib/hlm-select-option.ts","../../generic/select/lib/hlm-select-scroll-down.ts","../../generic/select/lib/hlm-select-scroll-up.ts","../../generic/select/lib/hlm-select-trigger.ts","../../generic/select/lib/hlm-select-value.ts","../../generic/select/lib/index.ts","../../generic/select/select.component.ts","../../generic/select/select.component.html","../../generic/select/3ddv-software-division-components-generic-select.ts"],"sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { hlm } from '@spartan-ng/brain/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n  selector: 'hlm-select, brn-select [hlm]',\n\n  host: {\n    '[class]': '_computedClass()',\n  },\n})\nexport class HlmSelect {\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() => hlm(this.userClass()));\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/brain/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n  selector: '[hlmSelectContent], hlm-select-content',\n\n  host: {\n    '[class]': '_computedClass()',\n    '[attr.data-state]': '_stateProvider?.state() ?? \"open\"',\n    '[attr.data-side]': '_sideProvider?.side() ?? \"bottom\"',\n  },\n})\nexport class HlmSelectContent {\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  public readonly stickyLabels = input<boolean, BooleanInput>(false, {\n    transform: booleanAttribute,\n  });\n  protected readonly _stateProvider = injectExposesStateProvider({ optional: true });\n  protected readonly _sideProvider = injectExposedSideProvider({ optional: true });\n\n  protected readonly _computedClass = computed(() =>\n    hlm(\n      'w-full relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1 data-[side=bottom]:top-[2px] data-[side=top]:bottom-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      this.userClass()\n    )\n  );\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { hlm } from '@spartan-ng/brain/core';\nimport { BrnSelectGroup } from '@spartan-ng/brain/select';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n  selector: '[hlmSelectGroup], hlm-select-group',\n\n  hostDirectives: [BrnSelectGroup],\n  host: {\n    '[class]': '_computedClass()',\n  },\n})\nexport class HlmSelectGroup {\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() => hlm(this.userClass()));\n}\n","import { computed, Directive, inject, input } from '@angular/core';\nimport { hlm } from '@spartan-ng/brain/core';\nimport { BrnSelectLabel } from '@spartan-ng/brain/select';\nimport type { ClassValue } from 'clsx';\nimport { HlmSelectContent } from './hlm-select-content';\n\n@Directive({\n  selector: '[hlmSelectLabel], hlm-select-label',\n\n  hostDirectives: [BrnSelectLabel],\n  host: {\n    '[class]': '_computedClass()',\n  },\n})\nexport class HlmSelectLabel {\n  private readonly _selectContent = inject(HlmSelectContent);\n  private readonly _stickyLabels = computed(() => this._selectContent.stickyLabels());\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm(\n      'text-muted-foreground px-2 py-1.5 text-xs',\n      this._stickyLabels() ? 'sticky top-0 bg-popover block z-[2]' : '',\n      this.userClass()\n    )\n  );\n}\n","import { HlmIcon } from '@3ddv/software-division-components/generic/icon';\nimport { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideCheck } from '@ng-icons/lucide';\nimport { hlm } from '@spartan-ng/brain/core';\nimport { BrnSelectOption } from '@spartan-ng/brain/select';\nimport type { ClassValue } from 'clsx';\n\n@Component({\n  selector: 'hlm-option',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [{ directive: BrnSelectOption, inputs: ['disabled', 'value'] }],\n  providers: [provideIcons({ lucideCheck })],\n  host: {\n    '[class]': '_computedClass()',\n  },\n  template: `\n    <span class=\"absolute right-2 flex size-3.5 items-center justify-center\">\n      @if (this._brnSelectOption.selected()) {\n        <ng-icon aria-hidden=\"true\" hlm name=\"lucideCheck\" size=\"sm\" />\n      }\n    </span>\n\n    <ng-content />\n  `,\n  imports: [NgIcon, HlmIcon],\n})\nexport class HlmSelectOption {\n  protected readonly _brnSelectOption = inject(BrnSelectOption, { host: true });\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm(\n      'overflow-hidden text-ellipsis whitespace-nowrap hover:bg-accent data-[active]:bg-accent data-[active]:text-white [&>ng-icon]:text-white relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',\n      this.userClass()\n    )\n  );\n}\n","import { HlmIcon } from '@3ddv/software-division-components/generic/icon';\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronDown } from '@ng-icons/lucide';\nimport { hlm } from '@spartan-ng/brain/core';\nimport { ClassValue } from 'clsx';\n\n@Component({\n  selector: 'hlm-select-scroll-down',\n\n  imports: [NgIcon, HlmIcon],\n  providers: [provideIcons({ lucideChevronDown })],\n  host: {\n    '[class]': '_computedClass()',\n  },\n  template: ` <ng-icon class=\"ml-2\" hlm name=\"lucideChevronDown\" size=\"sm\" /> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmSelectScrollDown {\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm('flex cursor-default items-center justify-center py-1', this.userClass())\n  );\n}\n","import { HlmIcon } from '@3ddv/software-division-components/generic/icon';\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronUp } from '@ng-icons/lucide';\nimport { hlm } from '@spartan-ng/brain/core';\nimport { ClassValue } from 'clsx';\n\n@Component({\n  selector: 'hlm-select-scroll-up',\n  imports: [NgIcon, HlmIcon],\n  providers: [provideIcons({ lucideChevronUp })],\n  host: {\n    '[class]': '_computedClass()',\n  },\n  template: ` <ng-icon class=\"ml-2\" hlm name=\"lucideChevronUp\" size=\"sm\" /> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmSelectScrollUp {\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm('flex cursor-default items-center justify-center py-1', this.userClass())\n  );\n}\n","import { HlmIcon } from '@3ddv/software-division-components/generic/icon';\nimport { ChangeDetectionStrategy, Component, computed, contentChild, inject, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronDown } from '@ng-icons/lucide';\nimport { hlm } from '@spartan-ng/brain/core';\nimport { BrnSelect, BrnSelectTrigger } from '@spartan-ng/brain/select';\nimport { cva } from 'class-variance-authority';\nimport type { ClassValue } from 'clsx';\n\nexport const selectTriggerVariants = cva(\n  `border-input [&>ng-icon]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-3xl border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-6 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:size-4`,\n  {\n    variants: {\n      error: {\n        auto: '[&.ng-invalid.ng-touched]:text-destructive [&.ng-invalid.ng-touched]:border-destructive [&.ng-invalid.ng-touched]:focus-visible:ring-destructive/20 dark:[&.ng-invalid.ng-touched]:focus-visible:ring-destructive/40',\n        true: 'text-destructive border-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',\n      },\n    },\n    defaultVariants: {\n      error: 'auto',\n    },\n  }\n);\n\n@Component({\n  selector: 'hlm-select-trigger',\n  imports: [BrnSelectTrigger, NgIcon, HlmIcon],\n  providers: [provideIcons({ lucideChevronDown })],\n  template: `\n    <button #button brnSelectTrigger hlmInput type=\"button\" [attr.data-size]=\"size()\" [class]=\"_computedClass()\">\n      <ng-content />\n      @if (_icon()) {\n        <ng-content select=\"ng-icon\" />\n      } @else {\n        <ng-icon class=\"ml-2 flex-none\" hlm name=\"lucideChevronDown\" size=\"sm\" />\n      }\n    </button>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmSelectTrigger {\n  protected readonly _icon = contentChild(HlmIcon);\n\n  protected readonly _brnSelect = inject(BrnSelect, { optional: true });\n\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n\n  public readonly size = input<'default' | 'sm'>('default');\n\n  protected readonly _computedClass = computed(() =>\n    hlm(selectTriggerVariants({ error: this._brnSelect?.errorState() }), this.userClass())\n  );\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { hlm } from '@spartan-ng/brain/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n  selector: 'hlm-select-value,[hlmSelectValue], brn-select-value[hlm]',\n\n  host: {\n    '[class]': '_computedClass()',\n  },\n})\nexport class HlmSelectValue {\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm('line-clamp-1 flex items-center gap-2 overflow-hidden text-ellipsis', this.userClass())\n  );\n}\n","import { NgModule } from '@angular/core';\nimport { HlmSelect } from './hlm-select';\nimport { HlmSelectContent } from './hlm-select-content';\nimport { HlmSelectGroup } from './hlm-select-group';\nimport { HlmSelectLabel } from './hlm-select-label';\nimport { HlmSelectOption } from './hlm-select-option';\nimport { HlmSelectScrollDown } from './hlm-select-scroll-down';\nimport { HlmSelectScrollUp } from './hlm-select-scroll-up';\nimport { HlmSelectTrigger } from './hlm-select-trigger';\nimport { HlmSelectValue } from './hlm-select-value';\n\nexport * from './hlm-select';\nexport * from './hlm-select-content';\nexport * from './hlm-select-group';\nexport * from './hlm-select-label';\nexport * from './hlm-select-option';\nexport * from './hlm-select-scroll-down';\nexport * from './hlm-select-scroll-up';\nexport * from './hlm-select-trigger';\nexport * from './hlm-select-value';\n\nexport const HlmSelectImports = [\n  HlmSelectContent,\n  HlmSelectTrigger,\n  HlmSelectOption,\n  HlmSelectValue,\n  HlmSelect,\n  HlmSelectScrollUp,\n  HlmSelectScrollDown,\n  HlmSelectLabel,\n  HlmSelectGroup,\n] as const;\n\n@NgModule({\n  imports: [...HlmSelectImports],\n  exports: [...HlmSelectImports],\n})\nexport class HlmSelectModule {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { BrnSelectImports } from '@spartan-ng/brain/select';\nimport { HlmSelectImports } from './lib';\nimport { SelectOptions } from './types';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sdc-select',\n  imports: [CommonModule, BrnSelectImports, HlmSelectImports],\n  templateUrl: './select.component.html',\n  styleUrls: ['./select.component.css'],\n})\nexport class SelectComponent {\n  public placeholder = input('');\n  public variant = input('light');\n  public options = input.required<SelectOptions[]>();\n  public fullWidth = input(false);\n  public defaultValue = input<SelectOptions[][number]>();\n  public readonly valueChange = output<unknown>();\n\n  protected get variantClasses(): string {\n    return this.variant() === 'dark' ? 'bg-black text-white' : 'bg-white text-black';\n  }\n}\n","<hlm-select\n  class=\"select-root\"\n  [value]=\"defaultValue()?.value\"\n  [placeholder]=\"placeholder()\"\n  (valueChange)=\"valueChange.emit($event)\">\n  <hlm-select-trigger class=\"select-trigger select-trigger--sm\" size=\"sm\" [ngClass]=\"variantClasses\">\n    <hlm-select-value [ngClass]=\"variantClasses\" />\n  </hlm-select-trigger>\n\n  <hlm-select-trigger class=\"select-trigger select-trigger--lg\" size=\"default\" [ngClass]=\"variantClasses\">\n    <hlm-select-value [ngClass]=\"variantClasses\" />\n  </hlm-select-trigger>\n\n  <hlm-select-content [class]=\"fullWidth() ? 'full-width' : ''\" [ngClass]=\"variantClasses\">\n    @for (option of options(); track idx + option.label; let idx = $index) {\n      <hlm-option [ngClass]=\"variantClasses\" [value]=\"option.value\">{{ option.label }}</hlm-option>\n    }\n  </hlm-select-content>\n</hlm-select>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3.HlmSelectContent","i4.HlmSelectTrigger","i5.HlmSelectOption","i6.HlmSelectValue","i7.HlmSelect"],"mappings":"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"}

package/dist/fesm2022/3ddv-software-division-components-shared.mjs

@@ -0,0 +1,171 @@
+import { filter, first, fromEvent, startWith } from 'rxjs';
+import { CurrencyPipe, DatePipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Pipe, InjectionToken, signal, computed, HostBinding, Inject, Directive } from '@angular/core';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { map } from 'rxjs/operators';
+
+/** * Declares CSS variables globally based on the 'theme' and 'dvmStyles' property of the configuration. */
+function applyGlobalCssVariables(appRef, theme) {
+    // First application of the theme
+    applyGlobalCssVariablesToNodes(theme);
+    appRef.isStable
+        .pipe(filter(stable => stable), first())
+        // Second application of the theme when the application is stable
+        .subscribe(() => applyGlobalCssVariablesToNodes(theme));
+}
+function applyGlobalCssVariablesToNodes(theme) {
+    // Grab elements from the DOM
+    const documentElement = document.documentElement;
+    const root = document.querySelector(':root');
+    if (root) {
+        // Get theme in a new object
+        const mergedStyles = Object.assign({}, theme);
+        for (const [key, value] of Object.entries(mergedStyles)) {
+            // For each of the styles, declare a new CSS variable on root element
+            if (typeof value === 'string') {
+                root.style.setProperty('--' + key, value);
+                documentElement.style.setProperty('--' + key, value);
+            }
+        }
+    }
+}
+
+class FormatValuePipe {
+    currencyPipe = inject(CurrencyPipe);
+    datePipe = inject(DatePipe);
+    transform(value, pipe) {
+        switch (pipe) {
+            case 'currency':
+                return this.currencyPipe.transform(value) ?? '';
+            case 'date':
+                return this.datePipe.transform(value) ?? '';
+            default:
+                return value ?? '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: FormatValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: FormatValuePipe, isStandalone: true, name: "formatValue" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: FormatValuePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    pure: true,
+                    standalone: true,
+                    name: 'formatValue',
+                }]
+        }] });
+
+const NG_SD_COMPONENTS_CONFIG = new InjectionToken('NgSdComponentsConfig');
+
+/**
+ * Provides all necessary dependencies for the library:
+ * - Angular Pipes (`DatePipe`, `CurrencyPipe`)
+ * - Animations
+ * - CommonModule
+ */
+function provideSdc(config) {
+    // const preset = config?.theme === 'generic' ? GenericTheme : Aura;
+    // if config.theme is generic, pass a theme, otherwise, pass another theme
+    const providers = [
+        DatePipe,
+        CurrencyPipe,
+        { provide: NG_SD_COMPONENTS_CONFIG, useValue: config ?? 'generic' },
+        provideAnimationsAsync(),
+    ];
+    return [...providers];
+}
+
+const SIZES = { xxs: 'xxs', xs: 'xs', sm: 'sm', md: 'md', lg: 'lg', xl: 'xl', '2xl': '2xl' };
+/** Ordered array for size comparison logic */
+const SIZE_ORDER = ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'];
+
+class ScreenObserver {
+    // SIGNALS
+    _size = signal('md', ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    // CLASS PROPERTIES
+    breakpoints;
+    size = this._size;
+    index;
+    constructor(screens) {
+        this.breakpoints = Object.fromEntries(Object.entries(screens).map(([k, v]) => [k, Number(v.replace('px', ''))]));
+        const resize$ = fromEvent(window, 'resize').pipe(startWith(null), map(() => this.getSize()));
+        this.size = toSignal(resize$, { initialValue: this.getSize() });
+        this.index = computed(() => SIZE_ORDER.indexOf(this.size()), ...(ngDevMode ? [{ debugName: "index" }] : []));
+    }
+    getSize() {
+        const w = window.innerWidth;
+        if (w >= this.breakpoints?.['2xl'])
+            return '2xl';
+        if (w >= this.breakpoints?.['xl'])
+            return 'xl';
+        if (w >= this.breakpoints?.['lg'])
+            return 'lg';
+        if (w >= this.breakpoints?.['md'])
+            return 'md';
+        if (w >= this.breakpoints?.['sm'])
+            return 'sm';
+        if (w >= this.breakpoints?.['xs'])
+            return 'xs';
+        return 'xxs';
+    }
+    isBiggerThan(screen) {
+        return window.innerWidth >= this.breakpoints?.[screen];
+    }
+    isSmallerThan(screen) {
+        return window.innerWidth < this.breakpoints?.[screen];
+    }
+    isBiggerThan$(screen) {
+        return this.index() >= SIZE_ORDER.indexOf(screen);
+    }
+    isSmallerThan$(screen) {
+        return this.index() < SIZE_ORDER.indexOf(screen);
+    }
+}
+
+// screen-helper.providers.ts
+const SCREENS_TOKEN = new InjectionToken('SCREENS_TOKEN');
+function provideScreenObserver(screens) {
+    return [
+        { provide: SCREENS_TOKEN, useValue: screens },
+        {
+            provide: ScreenObserver,
+            deps: [SCREENS_TOKEN],
+            useFactory: (cfg) => new ScreenObserver(cfg),
+        },
+    ];
+}
+
+class ThemeProviderDirective {
+    configuration;
+    class = '';
+    theme = '';
+    constructor(configuration) {
+        this.configuration = configuration;
+        this.theme = this.configuration.theme;
+        this.class = `theme-${this.theme}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ThemeProviderDirective, deps: [{ token: NG_SD_COMPONENTS_CONFIG }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.4", type: ThemeProviderDirective, isStandalone: true, selector: "[themeProvider]", host: { properties: { "class": "this.class" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ThemeProviderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[themeProvider]',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SD_COMPONENTS_CONFIG]
+                }] }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormatValuePipe, SCREENS_TOKEN, SIZES, SIZE_ORDER, ScreenObserver, ThemeProviderDirective, applyGlobalCssVariables, provideScreenObserver, provideSdc };
+//# sourceMappingURL=3ddv-software-division-components-shared.mjs.map

package/dist/fesm2022/3ddv-software-division-components-shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"3ddv-software-division-components-shared.mjs","sources":["../../shared/apply-theme-variables/apply-theme-variables.ts","../../shared/format-value.pipe.ts","../../shared/lib-provider/config-token.ts","../../shared/lib-provider/provide-sdc.ts","../../shared/types.ts","../../shared/screen-observer/screen-observer.ts","../../shared/screen-observer/provide-screen-observer.ts","../../shared/theme-provider/theme-provider.directive.ts","../../shared/3ddv-software-division-components-shared.ts"],"sourcesContent":["import { ApplicationRef } from '@angular/core';\nimport { filter, first } from 'rxjs';\n\n/** * Declares CSS variables globally based on the 'theme' and 'dvmStyles' property of the configuration. */\nexport function applyGlobalCssVariables(appRef: ApplicationRef, theme: Record<string, string>): void {\n  // First application of the theme\n  applyGlobalCssVariablesToNodes(theme);\n\n  appRef.isStable\n    .pipe(\n      filter(stable => stable),\n      first()\n    )\n    // Second application of the theme when the application is stable\n    .subscribe(() => applyGlobalCssVariablesToNodes(theme));\n}\n\nfunction applyGlobalCssVariablesToNodes(theme: Record<string, string>) {\n  // Grab elements from the DOM\n  const documentElement = document.documentElement;\n  const root: HTMLElement | null = document.querySelector(':root');\n\n  if (root) {\n    // Get theme in a new object\n    const mergedStyles = Object.assign({}, theme);\n\n    for (const [key, value] of Object.entries(mergedStyles)) {\n      // For each of the styles, declare a new CSS variable on root element\n      if (typeof value === 'string') {\n        root.style.setProperty('--' + key, value);\n        documentElement.style.setProperty('--' + key, value);\n      }\n    }\n  }\n}\n","import { CurrencyPipe, DatePipe } from '@angular/common';\nimport { inject, Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  pure: true,\n  standalone: true,\n  name: 'formatValue',\n})\nexport class FormatValuePipe implements PipeTransform {\n  private currencyPipe = inject(CurrencyPipe);\n  private datePipe = inject(DatePipe);\n\n  public transform(value: string, pipe: any): string {\n    switch (pipe) {\n      case 'currency':\n        return this.currencyPipe.transform(value) ?? '';\n      case 'date':\n        return this.datePipe.transform(value) ?? '';\n      default:\n        return value ?? '';\n    }\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport { NgSdComponentsConfig } from '../types';\n\nexport const NG_SD_COMPONENTS_CONFIG = new InjectionToken<NgSdComponentsConfig>('NgSdComponentsConfig');\n","import { CurrencyPipe, DatePipe } from '@angular/common';\nimport { Provider } from '@angular/core';\nimport { provideAnimationsAsync } from '@angular/platform-browser/animations/async';\nimport { NgSdComponentsConfig } from '../types';\nimport { NG_SD_COMPONENTS_CONFIG } from './config-token';\n\n/**\n * Provides all necessary dependencies for the library:\n * - Angular Pipes (`DatePipe`, `CurrencyPipe`)\n * - Animations\n * - CommonModule\n */\nexport function provideSdc(config?: NgSdComponentsConfig): Provider[] {\n  // const preset = config?.theme === 'generic' ? GenericTheme : Aura;\n  // if config.theme is generic, pass a theme, otherwise, pass another theme\n  const providers = [\n    DatePipe,\n    CurrencyPipe,\n    { provide: NG_SD_COMPONENTS_CONFIG, useValue: config ?? 'generic' },\n    provideAnimationsAsync() as unknown as Provider,\n  ];\n\n  return [...providers];\n}\n","export const SIZES = { xxs: 'xxs', xs: 'xs', sm: 'sm', md: 'md', lg: 'lg', xl: 'xl', '2xl': '2xl' } as const;\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\n/** Ordered array for size comparison logic */\nexport const SIZE_ORDER: Size[] = ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'];\n\nexport type NgPipes = 'none' | 'currency' | 'date';\n\nexport type NgSdComponentsConfigValues = 'generic' | 'backoffice' | 'sdc';\n\nexport interface NgSdComponentsConfig {\n  theme: NgSdComponentsConfigValues;\n}\n\ntype Theme = 'backoffice' | 'sdc';\n\nexport type ThemeClass = `theme-${Theme}`;\n","import { computed, Signal, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { fromEvent, startWith } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport { Size, SIZE_ORDER } from '../types';\n\nexport class ScreenObserver {\n  // SIGNALS\n  private readonly _size = signal<Size>('md');\n\n  // CLASS PROPERTIES\n  private readonly breakpoints: Record<Size, number>;\n  public readonly size: Signal<Size> = this._size;\n  public readonly index!: Signal<number>;\n\n  public constructor(screens: Record<Partial<Size>, string>) {\n    this.breakpoints = Object.fromEntries(\n      Object.entries(screens).map(([k, v]) => [k, Number(v.replace('px', ''))])\n    ) as Record<Size, number>;\n\n    const resize$ = fromEvent(window, 'resize').pipe(\n      startWith(null),\n      map(() => this.getSize())\n    );\n\n    this.size = toSignal(resize$, { initialValue: this.getSize() });\n    this.index = computed(() => SIZE_ORDER.indexOf(this.size()));\n  }\n\n  public getSize(): Size {\n    const w = window.innerWidth;\n    if (w >= this.breakpoints?.['2xl']) return '2xl';\n    if (w >= this.breakpoints?.['xl']) return 'xl';\n    if (w >= this.breakpoints?.['lg']) return 'lg';\n    if (w >= this.breakpoints?.['md']) return 'md';\n    if (w >= this.breakpoints?.['sm']) return 'sm';\n    if (w >= this.breakpoints?.['xs']) return 'xs';\n    return 'xxs';\n  }\n\n  public isBiggerThan(screen: Size): boolean {\n    return window.innerWidth >= this.breakpoints?.[screen];\n  }\n\n  public isSmallerThan(screen: Size): boolean {\n    return window.innerWidth < this.breakpoints?.[screen];\n  }\n\n  public isBiggerThan$(screen: Size): boolean {\n    return this.index() >= SIZE_ORDER.indexOf(screen);\n  }\n\n  public isSmallerThan$(screen: Size): boolean {\n    return this.index() < SIZE_ORDER.indexOf(screen);\n  }\n}\n","// screen-helper.providers.ts\nimport { InjectionToken, Provider } from '@angular/core';\nimport { Size } from '../types';\nimport { ScreenObserver } from './screen-observer';\n\nexport const SCREENS_TOKEN = new InjectionToken<Record<Size, string>>('SCREENS_TOKEN');\n\nexport function provideScreenObserver(screens: Record<Size, string>): Provider[] {\n  return [\n    { provide: SCREENS_TOKEN, useValue: screens },\n    {\n      provide: ScreenObserver,\n      deps: [SCREENS_TOKEN],\n      useFactory: (cfg: Record<Size, string>) => new ScreenObserver(cfg),\n    },\n  ];\n}\n","import { Directive, HostBinding, Inject } from '@angular/core';\nimport { NG_SD_COMPONENTS_CONFIG } from '../lib-provider/config-token';\nimport { type NgSdComponentsConfig } from '../types';\n\n@Directive({\n  standalone: true,\n  selector: '[themeProvider]',\n})\nexport class ThemeProviderDirective {\n  @HostBinding('class') class: string = '';\n  theme: string = '';\n\n  constructor(@Inject(NG_SD_COMPONENTS_CONFIG) private configuration: NgSdComponentsConfig) {\n    this.theme = this.configuration.theme;\n    this.class = `theme-${this.theme}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/fesm2022/3ddv-software-division-components-utils.mjs

@@ -0,0 +1,39 @@
+function validateCssClass(value, componentName) {
+    const regex = /^([a-zA-Z][a-zA-Z0-9-_]*)(\s[a-zA-Z][a-zA-Z0-9-_]*)*$/;
+    const isValidCssClass = regex.test(value);
+    if (!isValidCssClass) {
+        throw new Error(`Invalid CSS class string passed as input to "styleClasses" input, found on ${componentName}.
+      Please make sure your input is a valid CSS class or a list of whitespace-separated classes.
+      The value provided was: ${value}`);
+    }
+}
+function validateStylesForComponent(componentName) {
+    return (styles) => {
+        // Styles will be an empty string if they are not defined
+        if (styles === '') {
+            return styles;
+        }
+        if (typeof styles === 'string') {
+            // Some components just have to style one element,
+            // so a string input is sufficient
+            validateCssClass(styles, componentName);
+        }
+        else {
+            // While others require an object ot be able to style
+            // different parts of the component, which requires an object
+            // to target different parts of the components with different classes
+            const stylesValues = Object.values(styles);
+            for (const styleValue of stylesValues) {
+                validateCssClass(styleValue, componentName);
+            }
+        }
+        return styles;
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { validateStylesForComponent };
+//# sourceMappingURL=3ddv-software-division-components-utils.mjs.map