@neural-ui/core 1.7.1 → 1.7.3

package/fesm2022/neural-ui-core-password.mjs

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, computed, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class NeuPasswordComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    toggleable = input(true, ...(ngDevMode ? [{ debugName: "toggleable" }] : /* istanbul ignore next */ []));
+    showStrength = input(false, ...(ngDevMode ? [{ debugName: "showStrength" }] : /* istanbul ignore next */ []));
+    showLabel = input('Show', ...(ngDevMode ? [{ debugName: "showLabel" }] : /* istanbul ignore next */ []));
+    hideLabel = input('Hide', ...(ngDevMode ? [{ debugName: "hideLabel" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    inputId = `neu-password-${Math.random().toString(36).slice(2)}`;
+    value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    strength = computed(() => {
+        const value = this.value();
+        return [value.length >= 8, /[A-Z]/.test(value), /\d/.test(value), /\W/.test(value)].filter(Boolean).length;
+    }, ...(ngDevMode ? [{ debugName: "strength" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value.set(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    setValue(value) {
+        this.value.set(value);
+        this.onChange(value);
+        this.valueChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuPasswordComponent, isStandalone: true, selector: "neu-password", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: true, isRequired: false, transformFunction: null }, showStrength: { classPropertyName: "showStrength", publicName: "showStrength", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "neu-password" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuPasswordComponent), multi: true }], ngImport: i0, template: `
+    @if (label()) {
+      <label class="neu-password__label" [for]="inputId">{{ label() }}</label>
+    }
+    <div class="neu-password__wrap">
+      <input
+        class="neu-password__control"
+        [id]="inputId"
+        [type]="visible() ? 'text' : 'password'"
+        [placeholder]="placeholder()"
+        [value]="value()"
+        [disabled]="disabled() || cvaDisabled()"
+        (input)="setValue($any($event.target).value)"
+        (blur)="onTouched()"
+      />
+      @if (toggleable()) {
+        <button type="button" class="neu-password__toggle" (click)="visible.set(!visible())">
+          {{ visible() ? hideLabel() : showLabel() }}
+        </button>
+      }
+    </div>
+    @if (showStrength()) {
+      <div class="neu-password__strength" [attr.data-score]="strength()">
+        <span></span><span></span><span></span><span></span>
+      </div>
+    }
+  `, isInline: true, styles: [".neu-password{display:grid;gap:.375rem}.neu-password__label{font-size:.875rem;font-weight:600;color:var(--neu-text, #111827)}.neu-password__wrap{display:flex;border:1px solid var(--neu-border, #d1d5db);border-radius:.625rem;background:var(--neu-surface, #fff);overflow:hidden}.neu-password__control{flex:1;min-width:0;min-height:2.5rem;border:0;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:0 .75rem}.neu-password__toggle{border:0;border-left:1px solid var(--neu-border, #d1d5db);background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:0 .75rem}.neu-password__strength{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.neu-password__strength span{height:.25rem;border-radius:999px;background:var(--neu-border, #e5e7eb)}.neu-password__strength[data-score=\"1\"] span:nth-child(-n+1),.neu-password__strength[data-score=\"2\"] span:nth-child(-n+2),.neu-password__strength[data-score=\"3\"] span:nth-child(-n+3),.neu-password__strength[data-score=\"4\"] span:nth-child(-n+4){background:var(--neu-primary, #2563eb)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-password', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuPasswordComponent), multi: true }], host: { class: 'neu-password' }, template: `
+    @if (label()) {
+      <label class="neu-password__label" [for]="inputId">{{ label() }}</label>
+    }
+    <div class="neu-password__wrap">
+      <input
+        class="neu-password__control"
+        [id]="inputId"
+        [type]="visible() ? 'text' : 'password'"
+        [placeholder]="placeholder()"
+        [value]="value()"
+        [disabled]="disabled() || cvaDisabled()"
+        (input)="setValue($any($event.target).value)"
+        (blur)="onTouched()"
+      />
+      @if (toggleable()) {
+        <button type="button" class="neu-password__toggle" (click)="visible.set(!visible())">
+          {{ visible() ? hideLabel() : showLabel() }}
+        </button>
+      }
+    </div>
+    @if (showStrength()) {
+      <div class="neu-password__strength" [attr.data-score]="strength()">
+        <span></span><span></span><span></span><span></span>
+      </div>
+    }
+  `, styles: [".neu-password{display:grid;gap:.375rem}.neu-password__label{font-size:.875rem;font-weight:600;color:var(--neu-text, #111827)}.neu-password__wrap{display:flex;border:1px solid var(--neu-border, #d1d5db);border-radius:.625rem;background:var(--neu-surface, #fff);overflow:hidden}.neu-password__control{flex:1;min-width:0;min-height:2.5rem;border:0;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:0 .75rem}.neu-password__toggle{border:0;border-left:1px solid var(--neu-border, #d1d5db);background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:0 .75rem}.neu-password__strength{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.neu-password__strength span{height:.25rem;border-radius:999px;background:var(--neu-border, #e5e7eb)}.neu-password__strength[data-score=\"1\"] span:nth-child(-n+1),.neu-password__strength[data-score=\"2\"] span:nth-child(-n+2),.neu-password__strength[data-score=\"3\"] span:nth-child(-n+3),.neu-password__strength[data-score=\"4\"] span:nth-child(-n+4){background:var(--neu-primary, #2563eb)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], toggleable: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleable", required: false }] }], showStrength: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStrength", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], hideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuPasswordComponent };
+//# sourceMappingURL=neural-ui-core-password.mjs.map

package/fesm2022/neural-ui-core-password.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-password.mjs","sources":["../../../../projects/ui-core/password/neu-password.component.ts","../../../../projects/ui-core/password/neural-ui-core-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, forwardRef, input, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'neu-password',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuPasswordComponent), multi: true }],\n  host: { class: 'neu-password' },\n  template: `\n    @if (label()) {\n      <label class=\"neu-password__label\" [for]=\"inputId\">{{ label() }}</label>\n    }\n    <div class=\"neu-password__wrap\">\n      <input\n        class=\"neu-password__control\"\n        [id]=\"inputId\"\n        [type]=\"visible() ? 'text' : 'password'\"\n        [placeholder]=\"placeholder()\"\n        [value]=\"value()\"\n        [disabled]=\"disabled() || cvaDisabled()\"\n        (input)=\"setValue($any($event.target).value)\"\n        (blur)=\"onTouched()\"\n      />\n      @if (toggleable()) {\n        <button type=\"button\" class=\"neu-password__toggle\" (click)=\"visible.set(!visible())\">\n          {{ visible() ? hideLabel() : showLabel() }}\n        </button>\n      }\n    </div>\n    @if (showStrength()) {\n      <div class=\"neu-password__strength\" [attr.data-score]=\"strength()\">\n        <span></span><span></span><span></span><span></span>\n      </div>\n    }\n  `,\n  styleUrl: './neu-password.component.scss',\n})\nexport class NeuPasswordComponent implements ControlValueAccessor {\n  readonly label = input('');\n  readonly placeholder = input('');\n  readonly disabled = input(false);\n  readonly toggleable = input(true);\n  readonly showStrength = input(false);\n  readonly showLabel = input('Show');\n  readonly hideLabel = input('Hide');\n  readonly valueChange = output<string>();\n  readonly inputId = `neu-password-${Math.random().toString(36).slice(2)}`;\n  readonly value = signal('');\n  readonly visible = signal(false);\n  readonly cvaDisabled = signal(false);\n  readonly strength = computed(() => {\n    const value = this.value();\n    return [value.length >= 8, /[A-Z]/.test(value), /\\d/.test(value), /\\W/.test(value)].filter(Boolean).length;\n  });\n  private onChange: (value: string) => void = () => {};\n  onTouched: () => void = () => {};\n\n  writeValue(value: string | null): void {\n    this.value.set(value ?? '');\n  }\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\n  }\n  setValue(value: string): void {\n    this.value.set(value);\n    this.onChange(value);\n    this.valueChange.emit(value);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-pick-list.mjs

@@ -0,0 +1,133 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+class NeuPickListComponent {
+    source = input([], ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
+    target = input([], ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+    sourceHeader = input('Available', ...(ngDevMode ? [{ debugName: "sourceHeader" }] : /* istanbul ignore next */ []));
+    targetHeader = input('Selected', ...(ngDevMode ? [{ debugName: "targetHeader" }] : /* istanbul ignore next */ []));
+    sourceChange = output();
+    targetChange = output();
+    itemsChange = output();
+    sourceSelection = signal(new Set(), ...(ngDevMode ? [{ debugName: "sourceSelection" }] : /* istanbul ignore next */ []));
+    targetSelection = signal(new Set(), ...(ngDevMode ? [{ debugName: "targetSelection" }] : /* istanbul ignore next */ []));
+    toggleSource(value) {
+        this.sourceSelection.set(this.toggleSet(this.sourceSelection(), value));
+    }
+    toggleTarget(value) {
+        this.targetSelection.set(this.toggleSet(this.targetSelection(), value));
+    }
+    moveToTarget() {
+        const selected = this.sourceSelection();
+        const moved = this.source().filter((item) => selected.has(item.value));
+        this.commit(this.source().filter((item) => !selected.has(item.value)), [...this.target(), ...moved]);
+        this.sourceSelection.set(new Set());
+    }
+    moveToSource() {
+        const selected = this.targetSelection();
+        const moved = this.target().filter((item) => selected.has(item.value));
+        this.commit([...this.source(), ...moved], this.target().filter((item) => !selected.has(item.value)));
+        this.targetSelection.set(new Set());
+    }
+    commit(source, target) {
+        this.sourceChange.emit(source);
+        this.targetChange.emit(target);
+        this.itemsChange.emit({ source, target });
+    }
+    toggleSet(source, value) {
+        const next = new Set(source);
+        next.has(value) ? next.delete(value) : next.add(value);
+        return next;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuPickListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuPickListComponent, isStandalone: true, selector: "neu-pick-list", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, sourceHeader: { classPropertyName: "sourceHeader", publicName: "sourceHeader", isSignal: true, isRequired: false, transformFunction: null }, targetHeader: { classPropertyName: "targetHeader", publicName: "targetHeader", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourceChange: "sourceChange", targetChange: "targetChange", itemsChange: "itemsChange" }, host: { classAttribute: "neu-pick-list" }, ngImport: i0, template: `
+    <section class="neu-pick-list__column">
+      <h3>{{ sourceHeader() }}</h3>
+      @for (item of source(); track item.value) {
+        <button type="button" [class.is-selected]="sourceSelection().has(item.value)" [disabled]="item.disabled" (click)="toggleSource(item.value)">
+          {{ item.label }}
+        </button>
+      }
+    </section>
+    <div class="neu-pick-list__actions">
+      <button type="button" (click)="moveToTarget()" [disabled]="!sourceSelection().size">›</button>
+      <button type="button" (click)="moveToSource()" [disabled]="!targetSelection().size">‹</button>
+    </div>
+    <section class="neu-pick-list__column">
+      <h3>{{ targetHeader() }}</h3>
+      @for (item of target(); track item.value) {
+        <button type="button" [class.is-selected]="targetSelection().has(item.value)" [disabled]="item.disabled" (click)="toggleTarget(item.value)">
+          {{ item.label }}
+        </button>
+      }
+    </section>
+  `, isInline: true, styles: [".neu-pick-list{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center}.neu-pick-list__column,.neu-order-list__items{display:grid;gap:.375rem;min-height:12rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.75rem}.neu-pick-list__column h3{margin:0 0 .5rem;font-size:.875rem;color:var(--neu-text, #111827)}.neu-pick-list__column button,.neu-pick-list__actions button,.neu-order-list__item button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.5rem .625rem}.neu-pick-list__column button{text-align:left}.neu-pick-list__column button.is-selected{background:color-mix(in srgb,var(--neu-primary, #2563eb) 14%,transparent)}.neu-pick-list__actions{display:grid;gap:.5rem}.neu-order-list__item{display:grid;grid-template-columns:1fr auto auto;gap:.375rem;align-items:center}@media(max-width:640px){.neu-pick-list{grid-template-columns:minmax(0,1fr)}.neu-pick-list__actions{grid-template-columns:repeat(2,auto);justify-content:center}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuPickListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-pick-list', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-pick-list' }, template: `
+    <section class="neu-pick-list__column">
+      <h3>{{ sourceHeader() }}</h3>
+      @for (item of source(); track item.value) {
+        <button type="button" [class.is-selected]="sourceSelection().has(item.value)" [disabled]="item.disabled" (click)="toggleSource(item.value)">
+          {{ item.label }}
+        </button>
+      }
+    </section>
+    <div class="neu-pick-list__actions">
+      <button type="button" (click)="moveToTarget()" [disabled]="!sourceSelection().size">›</button>
+      <button type="button" (click)="moveToSource()" [disabled]="!targetSelection().size">‹</button>
+    </div>
+    <section class="neu-pick-list__column">
+      <h3>{{ targetHeader() }}</h3>
+      @for (item of target(); track item.value) {
+        <button type="button" [class.is-selected]="targetSelection().has(item.value)" [disabled]="item.disabled" (click)="toggleTarget(item.value)">
+          {{ item.label }}
+        </button>
+      }
+    </section>
+  `, styles: [".neu-pick-list{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center}.neu-pick-list__column,.neu-order-list__items{display:grid;gap:.375rem;min-height:12rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.75rem}.neu-pick-list__column h3{margin:0 0 .5rem;font-size:.875rem;color:var(--neu-text, #111827)}.neu-pick-list__column button,.neu-pick-list__actions button,.neu-order-list__item button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.5rem .625rem}.neu-pick-list__column button{text-align:left}.neu-pick-list__column button.is-selected{background:color-mix(in srgb,var(--neu-primary, #2563eb) 14%,transparent)}.neu-pick-list__actions{display:grid;gap:.5rem}.neu-order-list__item{display:grid;grid-template-columns:1fr auto auto;gap:.375rem;align-items:center}@media(max-width:640px){.neu-pick-list{grid-template-columns:minmax(0,1fr)}.neu-pick-list__actions{grid-template-columns:repeat(2,auto);justify-content:center}}\n"] }]
+        }], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], sourceHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceHeader", required: false }] }], targetHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHeader", required: false }] }], sourceChange: [{ type: i0.Output, args: ["sourceChange"] }], targetChange: [{ type: i0.Output, args: ["targetChange"] }], itemsChange: [{ type: i0.Output, args: ["itemsChange"] }] } });
+class NeuOrderListComponent {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    orderChange = output();
+    move(index, direction) {
+        const next = [...this.items()];
+        const target = index + direction;
+        [next[index], next[target]] = [next[target], next[index]];
+        this.orderChange.emit(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuOrderListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuOrderListComponent, isStandalone: true, selector: "neu-order-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderChange: "orderChange" }, host: { classAttribute: "neu-order-list" }, ngImport: i0, template: `
+    <div class="neu-order-list__items">
+      @for (item of items(); track item.value; let i = $index) {
+        <div class="neu-order-list__item">
+          <span>{{ item.label }}</span>
+          <button type="button" [disabled]="i === 0" (click)="move(i, -1)">↑</button>
+          <button type="button" [disabled]="i === items().length - 1" (click)="move(i, 1)">↓</button>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".neu-pick-list{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center}.neu-pick-list__column,.neu-order-list__items{display:grid;gap:.375rem;min-height:12rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.75rem}.neu-pick-list__column h3{margin:0 0 .5rem;font-size:.875rem;color:var(--neu-text, #111827)}.neu-pick-list__column button,.neu-pick-list__actions button,.neu-order-list__item button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.5rem .625rem}.neu-pick-list__column button{text-align:left}.neu-pick-list__column button.is-selected{background:color-mix(in srgb,var(--neu-primary, #2563eb) 14%,transparent)}.neu-pick-list__actions{display:grid;gap:.5rem}.neu-order-list__item{display:grid;grid-template-columns:1fr auto auto;gap:.375rem;align-items:center}@media(max-width:640px){.neu-pick-list{grid-template-columns:minmax(0,1fr)}.neu-pick-list__actions{grid-template-columns:repeat(2,auto);justify-content:center}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuOrderListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-order-list', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-order-list' }, template: `
+    <div class="neu-order-list__items">
+      @for (item of items(); track item.value; let i = $index) {
+        <div class="neu-order-list__item">
+          <span>{{ item.label }}</span>
+          <button type="button" [disabled]="i === 0" (click)="move(i, -1)">↑</button>
+          <button type="button" [disabled]="i === items().length - 1" (click)="move(i, 1)">↓</button>
+        </div>
+      }
+    </div>
+  `, styles: [".neu-pick-list{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center}.neu-pick-list__column,.neu-order-list__items{display:grid;gap:.375rem;min-height:12rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.75rem}.neu-pick-list__column h3{margin:0 0 .5rem;font-size:.875rem;color:var(--neu-text, #111827)}.neu-pick-list__column button,.neu-pick-list__actions button,.neu-order-list__item button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:.5rem .625rem}.neu-pick-list__column button{text-align:left}.neu-pick-list__column button.is-selected{background:color-mix(in srgb,var(--neu-primary, #2563eb) 14%,transparent)}.neu-pick-list__actions{display:grid;gap:.5rem}.neu-order-list__item{display:grid;grid-template-columns:1fr auto auto;gap:.375rem;align-items:center}@media(max-width:640px){.neu-pick-list{grid-template-columns:minmax(0,1fr)}.neu-pick-list__actions{grid-template-columns:repeat(2,auto);justify-content:center}}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], orderChange: [{ type: i0.Output, args: ["orderChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuOrderListComponent, NeuPickListComponent };
+//# sourceMappingURL=neural-ui-core-pick-list.mjs.map

package/fesm2022/neural-ui-core-pick-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-pick-list.mjs","sources":["../../../../projects/ui-core/pick-list/neu-pick-list.component.ts","../../../../projects/ui-core/pick-list/neural-ui-core-pick-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, input, output, signal } from '@angular/core';\n\nexport interface NeuTransferItem {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  data?: unknown;\n}\n\n@Component({\n  selector: 'neu-pick-list',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-pick-list' },\n  template: `\n    <section class=\"neu-pick-list__column\">\n      <h3>{{ sourceHeader() }}</h3>\n      @for (item of source(); track item.value) {\n        <button type=\"button\" [class.is-selected]=\"sourceSelection().has(item.value)\" [disabled]=\"item.disabled\" (click)=\"toggleSource(item.value)\">\n          {{ item.label }}\n        </button>\n      }\n    </section>\n    <div class=\"neu-pick-list__actions\">\n      <button type=\"button\" (click)=\"moveToTarget()\" [disabled]=\"!sourceSelection().size\">›</button>\n      <button type=\"button\" (click)=\"moveToSource()\" [disabled]=\"!targetSelection().size\">‹</button>\n    </div>\n    <section class=\"neu-pick-list__column\">\n      <h3>{{ targetHeader() }}</h3>\n      @for (item of target(); track item.value) {\n        <button type=\"button\" [class.is-selected]=\"targetSelection().has(item.value)\" [disabled]=\"item.disabled\" (click)=\"toggleTarget(item.value)\">\n          {{ item.label }}\n        </button>\n      }\n    </section>\n  `,\n  styleUrl: './neu-pick-list.component.scss',\n})\nexport class NeuPickListComponent {\n  readonly source = input<NeuTransferItem[]>([]);\n  readonly target = input<NeuTransferItem[]>([]);\n  readonly sourceHeader = input('Available');\n  readonly targetHeader = input('Selected');\n  readonly sourceChange = output<NeuTransferItem[]>();\n  readonly targetChange = output<NeuTransferItem[]>();\n  readonly itemsChange = output<{ source: NeuTransferItem[]; target: NeuTransferItem[] }>();\n  readonly sourceSelection = signal(new Set<string>());\n  readonly targetSelection = signal(new Set<string>());\n\n  toggleSource(value: string): void {\n    this.sourceSelection.set(this.toggleSet(this.sourceSelection(), value));\n  }\n\n  toggleTarget(value: string): void {\n    this.targetSelection.set(this.toggleSet(this.targetSelection(), value));\n  }\n\n  moveToTarget(): void {\n    const selected = this.sourceSelection();\n    const moved = this.source().filter((item) => selected.has(item.value));\n    this.commit(\n      this.source().filter((item) => !selected.has(item.value)),\n      [...this.target(), ...moved],\n    );\n    this.sourceSelection.set(new Set());\n  }\n\n  moveToSource(): void {\n    const selected = this.targetSelection();\n    const moved = this.target().filter((item) => selected.has(item.value));\n    this.commit(\n      [...this.source(), ...moved],\n      this.target().filter((item) => !selected.has(item.value)),\n    );\n    this.targetSelection.set(new Set());\n  }\n\n  private commit(source: NeuTransferItem[], target: NeuTransferItem[]): void {\n    this.sourceChange.emit(source);\n    this.targetChange.emit(target);\n    this.itemsChange.emit({ source, target });\n  }\n\n  private toggleSet(source: Set<string>, value: string): Set<string> {\n    const next = new Set(source);\n    next.has(value) ? next.delete(value) : next.add(value);\n    return next;\n  }\n}\n\n@Component({\n  selector: 'neu-order-list',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-order-list' },\n  template: `\n    <div class=\"neu-order-list__items\">\n      @for (item of items(); track item.value; let i = $index) {\n        <div class=\"neu-order-list__item\">\n          <span>{{ item.label }}</span>\n          <button type=\"button\" [disabled]=\"i === 0\" (click)=\"move(i, -1)\">↑</button>\n          <button type=\"button\" [disabled]=\"i === items().length - 1\" (click)=\"move(i, 1)\">↓</button>\n        </div>\n      }\n    </div>\n  `,\n  styleUrl: './neu-pick-list.component.scss',\n})\nexport class NeuOrderListComponent {\n  readonly items = input<NeuTransferItem[]>([]);\n  readonly orderChange = output<NeuTransferItem[]>();\n\n  move(index: number, direction: -1 | 1): void {\n    const next = [...this.items()];\n    const target = index + direction;\n    [next[index], next[target]] = [next[target]!, next[index]!];\n    this.orderChange.emit(next);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}