@neural-ui/core 1.7.0 → 1.7.2

package/fesm2022/neural-ui-core-number-input.mjs

@@ -221,7 +221,7 @@ class NeuNumberInputComponent {
         <label class="neu-number-input__floating-label" [for]="_id">{{ label() }}</label>
       }
     </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-number-input{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}.neu-number-input--disabled{opacity:.5;pointer-events:none}.neu-number-input--vertical .neu-number-input__control{flex-direction:column;gap:0;align-items:stretch;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);overflow:hidden;width:var(--neu-number-input-width, 80px)}.neu-number-input--vertical .neu-number-input__field{width:100%;border:none;border-top:1px solid var(--neu-border);border-bottom:1px solid var(--neu-border);border-radius:0}.neu-number-input--vertical .neu-number-input__control>.neu-number-input__btn{width:100%;border:none;border-radius:0}.neu-number-input--stacked .neu-number-input__control{align-items:stretch;gap:0}.neu-number-input--stacked .neu-number-input__field{flex:1 1 auto;width:auto;min-width:var(--neu-number-input-stacked-min-width, 120px);border-radius:var(--neu-radius-md, 8px) 0 0 var(--neu-radius-md, 8px);border-right:none;text-align:left;padding:0 10px}.neu-number-input--horizontal .neu-number-input__floating-label{left:calc(var(--neu-number-input-btn-size, 48px) + 12px);max-width:calc(100% - var(--neu-number-input-btn-size, 48px) * 2 - 28px)}.neu-number-input--sm{--neu-number-input-height: 36px;--neu-number-input-btn-size: 36px}.neu-number-input--sm .neu-number-input__field{font-size:var(--neu-text-sm)}.neu-number-input--lg{--neu-number-input-height: 56px;--neu-number-input-btn-size: 56px}.neu-number-input__label{font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text);line-height:1.4;cursor:pointer}.neu-number-input__control{position:relative;display:inline-flex;align-items:center;gap:4px}.neu-number-input__field{width:var(--neu-number-input-width, 80px);height:var(--neu-number-input-height, 48px);padding:0 8px;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text);font-size:.9375rem;font-variant-numeric:tabular-nums;text-align:center;outline:none;transition:border-color .15s;-moz-appearance:textfield}.neu-number-input__field::-webkit-inner-spin-button,.neu-number-input__field::-webkit-outer-spin-button{display:none}.neu-number-input__field:focus{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring)}.neu-number-input__floating-label{position:absolute;left:6px;top:50%;z-index:1;transform:translateY(-50%);max-width:calc(100% - var(--neu-number-input-btn-size, 26px) - 18px);padding:0 4px;overflow:hidden;color:var(--neu-text-muted);font-size:var(--neu-text-base, 1rem);line-height:1.2;pointer-events:none;text-overflow:ellipsis;transition:top var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),transform var(--neu-transition),background var(--neu-transition);white-space:nowrap}.neu-number-input__control--focused .neu-number-input__floating-label,.neu-number-input__control--has-value .neu-number-input__floating-label{top:0;transform:translateY(-50%);background:var(--neu-surface);color:var(--neu-text-muted);font-size:12px;font-weight:600}.neu-number-input__control--focused .neu-number-input__floating-label{color:var(--neu-primary)}.neu-number-input__stack{display:flex;flex-direction:column;border:1px solid var(--neu-border);border-radius:0 var(--neu-radius-md, 8px) var(--neu-radius-md, 8px) 0;overflow:hidden;flex-shrink:0}.neu-number-input__stack .neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;width:var(--neu-number-input-btn-size, 26px);border:none;border-radius:0;background:var(--neu-surface);color:var(--neu-text-muted);font-size:.625rem;font-weight:700;line-height:1;transition:background .1s,color .1s}.neu-number-input__stack .neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text)}.neu-number-input__stack .neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:-1px}.neu-number-input__stack .neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}.neu-number-input__stack .neu-number-input__btn--inc{border-bottom:1px solid var(--neu-border)}.neu-number-input__control>.neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--neu-number-input-btn-size, 48px);height:var(--neu-number-input-btn-size, 48px);border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text-muted);font-size:.6875rem;line-height:1;transition:background .12s,color .12s,border-color .12s}.neu-number-input__control>.neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text);border-color:var(--neu-primary)}.neu-number-input__control>.neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:1px}.neu-number-input__control>.neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-number-input{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}.neu-number-input--disabled{pointer-events:none}.neu-number-input--vertical .neu-number-input__control{flex-direction:column;gap:0;align-items:stretch;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);overflow:hidden;width:var(--neu-number-input-width, 80px)}.neu-number-input--vertical .neu-number-input__field{width:100%;border:none;border-top:1px solid var(--neu-border);border-bottom:1px solid var(--neu-border);border-radius:0}.neu-number-input--vertical .neu-number-input__control>.neu-number-input__btn{width:100%;border:none;border-radius:0}.neu-number-input--stacked .neu-number-input__control{align-items:stretch;gap:0}.neu-number-input--stacked .neu-number-input__field{flex:1 1 auto;width:auto;min-width:var(--neu-number-input-stacked-min-width, 120px);border-radius:var(--neu-radius-md, 8px) 0 0 var(--neu-radius-md, 8px);border-right:none;text-align:left;padding:0 10px}.neu-number-input--horizontal .neu-number-input__floating-label{left:calc(var(--neu-number-input-btn-size, 48px) + 12px);max-width:calc(100% - var(--neu-number-input-btn-size, 48px) * 2 - 28px)}.neu-number-input--sm{--neu-number-input-height: 36px;--neu-number-input-btn-size: 36px}.neu-number-input--sm .neu-number-input__field{font-size:var(--neu-text-sm)}.neu-number-input--lg{--neu-number-input-height: 56px;--neu-number-input-btn-size: 56px}.neu-number-input__label{font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text);line-height:1.4;cursor:pointer}.neu-number-input__control{position:relative;display:inline-flex;align-items:center;gap:4px}.neu-number-input__field{width:var(--neu-number-input-width, 80px);height:var(--neu-number-input-height, 48px);padding:0 8px;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text);font-size:.9375rem;font-variant-numeric:tabular-nums;text-align:center;outline:none;transition:border-color .15s;-moz-appearance:textfield}.neu-number-input__field::-webkit-inner-spin-button,.neu-number-input__field::-webkit-outer-spin-button{display:none}.neu-number-input__field:focus{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring)}.neu-number-input__floating-label{position:absolute;left:6px;top:50%;z-index:1;transform:translateY(-50%);max-width:calc(100% - var(--neu-number-input-btn-size, 26px) - 18px);padding:0 4px;overflow:hidden;color:var(--neu-text-muted);font-size:var(--neu-text-base, 1rem);line-height:1.2;pointer-events:none;text-overflow:ellipsis;transition:top var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),transform var(--neu-transition),background var(--neu-transition);white-space:nowrap}.neu-number-input__control--focused .neu-number-input__floating-label,.neu-number-input__control--has-value .neu-number-input__floating-label{top:0;transform:translateY(-50%);background:var(--neu-surface);color:var(--neu-text-muted);font-size:12px;font-weight:600}.neu-number-input__control--focused .neu-number-input__floating-label{color:var(--neu-primary)}.neu-number-input__stack{display:flex;flex-direction:column;border:1px solid var(--neu-border);border-radius:0 var(--neu-radius-md, 8px) var(--neu-radius-md, 8px) 0;overflow:hidden;flex-shrink:0}.neu-number-input__stack .neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;width:var(--neu-number-input-btn-size, 26px);border:none;border-radius:0;background:var(--neu-surface);color:var(--neu-text-muted);font-size:.625rem;font-weight:700;line-height:1;transition:background .1s,color .1s}.neu-number-input__stack .neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text)}.neu-number-input__stack .neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:-1px}.neu-number-input__stack .neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}.neu-number-input__stack .neu-number-input__btn--inc{border-bottom:1px solid var(--neu-border)}.neu-number-input__control>.neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--neu-number-input-btn-size, 48px);height:var(--neu-number-input-btn-size, 48px);border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text-muted);font-size:.6875rem;line-height:1;transition:background .12s,color .12s,border-color .12s}.neu-number-input__control>.neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text);border-color:var(--neu-primary)}.neu-number-input__control>.neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:1px}.neu-number-input__control>.neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuNumberInputComponent, decorators: [{
             type: Component,
@@ -354,7 +354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         <label class="neu-number-input__floating-label" [for]="_id">{{ label() }}</label>
       }
     </div>
-  `, styles: ["@charset \"UTF-8\";.neu-number-input{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}.neu-number-input--disabled{opacity:.5;pointer-events:none}.neu-number-input--vertical .neu-number-input__control{flex-direction:column;gap:0;align-items:stretch;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);overflow:hidden;width:var(--neu-number-input-width, 80px)}.neu-number-input--vertical .neu-number-input__field{width:100%;border:none;border-top:1px solid var(--neu-border);border-bottom:1px solid var(--neu-border);border-radius:0}.neu-number-input--vertical .neu-number-input__control>.neu-number-input__btn{width:100%;border:none;border-radius:0}.neu-number-input--stacked .neu-number-input__control{align-items:stretch;gap:0}.neu-number-input--stacked .neu-number-input__field{flex:1 1 auto;width:auto;min-width:var(--neu-number-input-stacked-min-width, 120px);border-radius:var(--neu-radius-md, 8px) 0 0 var(--neu-radius-md, 8px);border-right:none;text-align:left;padding:0 10px}.neu-number-input--horizontal .neu-number-input__floating-label{left:calc(var(--neu-number-input-btn-size, 48px) + 12px);max-width:calc(100% - var(--neu-number-input-btn-size, 48px) * 2 - 28px)}.neu-number-input--sm{--neu-number-input-height: 36px;--neu-number-input-btn-size: 36px}.neu-number-input--sm .neu-number-input__field{font-size:var(--neu-text-sm)}.neu-number-input--lg{--neu-number-input-height: 56px;--neu-number-input-btn-size: 56px}.neu-number-input__label{font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text);line-height:1.4;cursor:pointer}.neu-number-input__control{position:relative;display:inline-flex;align-items:center;gap:4px}.neu-number-input__field{width:var(--neu-number-input-width, 80px);height:var(--neu-number-input-height, 48px);padding:0 8px;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text);font-size:.9375rem;font-variant-numeric:tabular-nums;text-align:center;outline:none;transition:border-color .15s;-moz-appearance:textfield}.neu-number-input__field::-webkit-inner-spin-button,.neu-number-input__field::-webkit-outer-spin-button{display:none}.neu-number-input__field:focus{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring)}.neu-number-input__floating-label{position:absolute;left:6px;top:50%;z-index:1;transform:translateY(-50%);max-width:calc(100% - var(--neu-number-input-btn-size, 26px) - 18px);padding:0 4px;overflow:hidden;color:var(--neu-text-muted);font-size:var(--neu-text-base, 1rem);line-height:1.2;pointer-events:none;text-overflow:ellipsis;transition:top var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),transform var(--neu-transition),background var(--neu-transition);white-space:nowrap}.neu-number-input__control--focused .neu-number-input__floating-label,.neu-number-input__control--has-value .neu-number-input__floating-label{top:0;transform:translateY(-50%);background:var(--neu-surface);color:var(--neu-text-muted);font-size:12px;font-weight:600}.neu-number-input__control--focused .neu-number-input__floating-label{color:var(--neu-primary)}.neu-number-input__stack{display:flex;flex-direction:column;border:1px solid var(--neu-border);border-radius:0 var(--neu-radius-md, 8px) var(--neu-radius-md, 8px) 0;overflow:hidden;flex-shrink:0}.neu-number-input__stack .neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;width:var(--neu-number-input-btn-size, 26px);border:none;border-radius:0;background:var(--neu-surface);color:var(--neu-text-muted);font-size:.625rem;font-weight:700;line-height:1;transition:background .1s,color .1s}.neu-number-input__stack .neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text)}.neu-number-input__stack .neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:-1px}.neu-number-input__stack .neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}.neu-number-input__stack .neu-number-input__btn--inc{border-bottom:1px solid var(--neu-border)}.neu-number-input__control>.neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--neu-number-input-btn-size, 48px);height:var(--neu-number-input-btn-size, 48px);border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text-muted);font-size:.6875rem;line-height:1;transition:background .12s,color .12s,border-color .12s}.neu-number-input__control>.neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text);border-color:var(--neu-primary)}.neu-number-input__control>.neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:1px}.neu-number-input__control>.neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}\n"] }]
+  `, styles: ["@charset \"UTF-8\";.neu-number-input{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}.neu-number-input--disabled{pointer-events:none}.neu-number-input--vertical .neu-number-input__control{flex-direction:column;gap:0;align-items:stretch;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);overflow:hidden;width:var(--neu-number-input-width, 80px)}.neu-number-input--vertical .neu-number-input__field{width:100%;border:none;border-top:1px solid var(--neu-border);border-bottom:1px solid var(--neu-border);border-radius:0}.neu-number-input--vertical .neu-number-input__control>.neu-number-input__btn{width:100%;border:none;border-radius:0}.neu-number-input--stacked .neu-number-input__control{align-items:stretch;gap:0}.neu-number-input--stacked .neu-number-input__field{flex:1 1 auto;width:auto;min-width:var(--neu-number-input-stacked-min-width, 120px);border-radius:var(--neu-radius-md, 8px) 0 0 var(--neu-radius-md, 8px);border-right:none;text-align:left;padding:0 10px}.neu-number-input--horizontal .neu-number-input__floating-label{left:calc(var(--neu-number-input-btn-size, 48px) + 12px);max-width:calc(100% - var(--neu-number-input-btn-size, 48px) * 2 - 28px)}.neu-number-input--sm{--neu-number-input-height: 36px;--neu-number-input-btn-size: 36px}.neu-number-input--sm .neu-number-input__field{font-size:var(--neu-text-sm)}.neu-number-input--lg{--neu-number-input-height: 56px;--neu-number-input-btn-size: 56px}.neu-number-input__label{font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text);line-height:1.4;cursor:pointer}.neu-number-input__control{position:relative;display:inline-flex;align-items:center;gap:4px}.neu-number-input__field{width:var(--neu-number-input-width, 80px);height:var(--neu-number-input-height, 48px);padding:0 8px;border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text);font-size:.9375rem;font-variant-numeric:tabular-nums;text-align:center;outline:none;transition:border-color .15s;-moz-appearance:textfield}.neu-number-input__field::-webkit-inner-spin-button,.neu-number-input__field::-webkit-outer-spin-button{display:none}.neu-number-input__field:focus{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring)}.neu-number-input__floating-label{position:absolute;left:6px;top:50%;z-index:1;transform:translateY(-50%);max-width:calc(100% - var(--neu-number-input-btn-size, 26px) - 18px);padding:0 4px;overflow:hidden;color:var(--neu-text-muted);font-size:var(--neu-text-base, 1rem);line-height:1.2;pointer-events:none;text-overflow:ellipsis;transition:top var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),transform var(--neu-transition),background var(--neu-transition);white-space:nowrap}.neu-number-input__control--focused .neu-number-input__floating-label,.neu-number-input__control--has-value .neu-number-input__floating-label{top:0;transform:translateY(-50%);background:var(--neu-surface);color:var(--neu-text-muted);font-size:12px;font-weight:600}.neu-number-input__control--focused .neu-number-input__floating-label{color:var(--neu-primary)}.neu-number-input__stack{display:flex;flex-direction:column;border:1px solid var(--neu-border);border-radius:0 var(--neu-radius-md, 8px) var(--neu-radius-md, 8px) 0;overflow:hidden;flex-shrink:0}.neu-number-input__stack .neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;width:var(--neu-number-input-btn-size, 26px);border:none;border-radius:0;background:var(--neu-surface);color:var(--neu-text-muted);font-size:.625rem;font-weight:700;line-height:1;transition:background .1s,color .1s}.neu-number-input__stack .neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text)}.neu-number-input__stack .neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:-1px}.neu-number-input__stack .neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}.neu-number-input__stack .neu-number-input__btn--inc{border-bottom:1px solid var(--neu-border)}.neu-number-input__control>.neu-number-input__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--neu-number-input-btn-size, 48px);height:var(--neu-number-input-btn-size, 48px);border:1px solid var(--neu-border);border-radius:var(--neu-radius-md, 8px);background:var(--neu-surface);color:var(--neu-text-muted);font-size:.6875rem;line-height:1;transition:background .12s,color .12s,border-color .12s}.neu-number-input__control>.neu-number-input__btn:not(:disabled):hover{background:var(--neu-surface-2);color:var(--neu-text);border-color:var(--neu-primary)}.neu-number-input__control>.neu-number-input__btn:focus-visible{outline:2px solid var(--neu-primary);outline-offset:1px}.neu-number-input__control>.neu-number-input__btn:disabled{opacity:.4;cursor:not-allowed}\n"] }]
         }], propDecorators: { min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], floatingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingLabel", required: false }] }], decrementLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "decrementLabel", required: false }] }], incrementLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "incrementLabel", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], stacked: [{ type: i0.Input, args: [{ isSignal: true, alias: "stacked", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**

package/fesm2022/neural-ui-core-number-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-number-input.mjs","sources":["../../../../projects/ui-core/number-input/neu-number-input.component.ts","../../../../projects/ui-core/number-input/neural-ui-core-number-input.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nlet _seq = 0;\n\n/**\n * NeuralUI NumberInput Component\n *\n * Input numérico con botones de incremento/decremento. Implementa CVA.\n * Soporta layout apilado (stacked), horizontal y vertical.\n *\n * Numeric input with increment/decrement buttons. Implements CVA.\n * Supports stacked, horizontal and vertical layouts.\n *\n * Uso: <neu-number-input [min]=\"0\" [max]=\"99\" label=\"Cantidad\" />\n */\n@Component({\n  selector: 'neu-number-input',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'hostClasses()' },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuNumberInputComponent),\n      multi: true,\n    },\n  ],\n  template: `\n    @if (!effectiveFloatingLabel() && label()) {\n      <label class=\"neu-number-input__label\" [for]=\"_id\">{{ label() }}</label>\n    }\n    <div\n      class=\"neu-number-input__control\"\n      [class.neu-number-input__control--focused]=\"_focused()\"\n      [class.neu-number-input__control--has-value]=\"hasValue()\"\n      [class.neu-number-input__control--no-float]=\"!effectiveFloatingLabel()\"\n    >\n      @if (vertical()) {\n        <!-- layout vertical: [▲] [input] [▼] -->\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--inc\"\n          [disabled]=\"_cvaDisabled() || _value() >= max()\"\n          [attr.aria-label]=\"incrementLabel()\"\n          (click)=\"increment()\"\n        >\n          ▲\n        </button>\n        <input\n          class=\"neu-number-input__field\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          role=\"spinbutton\"\n          [id]=\"_id\"\n          [attr.aria-valuenow]=\"_value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          [disabled]=\"_cvaDisabled()\"\n          [value]=\"_value()\"\n          (change)=\"onInputChange($event)\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n        />\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--dec\"\n          [disabled]=\"_cvaDisabled() || _value() <= min()\"\n          [attr.aria-label]=\"decrementLabel()\"\n          (click)=\"decrement()\"\n        >\n          ▼\n        </button>\n      } @else if (stacked()) {\n        <!-- layout apilado: [input | ▲▼ apilados] -->\n        <input\n          class=\"neu-number-input__field\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          role=\"spinbutton\"\n          [id]=\"_id\"\n          [attr.aria-valuenow]=\"_value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          [disabled]=\"_cvaDisabled()\"\n          [value]=\"_value()\"\n          (change)=\"onInputChange($event)\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n        />\n        <span class=\"neu-number-input__stack\">\n          <button\n            type=\"button\"\n            class=\"neu-number-input__btn neu-number-input__btn--inc\"\n            [disabled]=\"_cvaDisabled() || _value() >= max()\"\n            [attr.aria-label]=\"incrementLabel()\"\n            (click)=\"increment()\"\n          >\n            ▲\n          </button>\n          <button\n            type=\"button\"\n            class=\"neu-number-input__btn neu-number-input__btn--dec\"\n            [disabled]=\"_cvaDisabled() || _value() <= min()\"\n            [attr.aria-label]=\"decrementLabel()\"\n            (click)=\"decrement()\"\n          >\n            ▼\n          </button>\n        </span>\n      } @else {\n        <!-- layout horizontal: [−] [input] [+] -->\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--dec\"\n          [disabled]=\"_cvaDisabled() || _value() <= min()\"\n          [attr.aria-label]=\"decrementLabel()\"\n          (click)=\"decrement()\"\n        >\n          −\n        </button>\n        <input\n          class=\"neu-number-input__field\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          role=\"spinbutton\"\n          [id]=\"_id\"\n          [attr.aria-valuenow]=\"_value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          [disabled]=\"_cvaDisabled()\"\n          [value]=\"_value()\"\n          (change)=\"onInputChange($event)\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n        />\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--inc\"\n          [disabled]=\"_cvaDisabled() || _value() >= max()\"\n          [attr.aria-label]=\"incrementLabel()\"\n          (click)=\"increment()\"\n        >\n          +\n        </button>\n      }\n\n      @if (effectiveFloatingLabel() && label()) {\n        <label class=\"neu-number-input__floating-label\" [for]=\"_id\">{{ label() }}</label>\n      }\n    </div>\n  `,\n  styleUrl: './neu-number-input.component.scss',\n})\nexport class NeuNumberInputComponent implements ControlValueAccessor {\n  /** Valor mínimo / Min value */\n  readonly min = input<number>(-Infinity);\n  /** Valor máximo / Max value */\n  readonly max = input<number>(Infinity);\n  /** Incremento / Step */\n  readonly step = input<number>(1);\n  /** Etiqueta para el input (accesibilidad) / Label for the input (accessibility) */\n  readonly label = input<string>('');\n  /** Muestra el label como flotante dentro del campo. No compatible con vertical=true. / Shows the label as floating inside the field. Not compatible with vertical=true. */\n  readonly floatingLabel = input<boolean>(false);\n  /** Aria-label del botón de decremento */\n  readonly decrementLabel = input<string>('Disminuir');\n  /** Aria-label del botón de incremento */\n  readonly incrementLabel = input<string>('Aumentar');\n  /** Muestra los botones en vertical / Shows buttons vertically */\n  readonly vertical = input<boolean>(false);\n  /** Agrupa ambos botones apilados al final del input / Groups both buttons stacked at input end */\n  readonly stacked = input<boolean>(true);\n  /** Tamaño del campo: 'sm' = 36px | 'md' = 48px | 'lg' = 56px / Field size */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  /** Emitido en cada cambio / Emitted on each change */\n  readonly valueChange = output<number>();\n\n  readonly _id = `neu-number-input-${++_seq}`;\n  readonly _cvaDisabled = signal(false);\n  readonly _value = signal(0);\n  readonly _focused = signal(false);\n\n  readonly hasValue = computed(() => Number.isFinite(this._value()));\n  readonly effectiveFloatingLabel = computed(() => this.floatingLabel() && !this.vertical());\n\n  readonly hostClasses = computed(() => ({\n    'neu-number-input': true,\n    'neu-number-input--vertical': this.vertical(),\n    'neu-number-input--stacked': this.stacked(),\n    'neu-number-input--horizontal': !this.vertical() && !this.stacked(),\n    'neu-number-input--disabled': this._cvaDisabled(),\n    'neu-number-input--sm': this.size() === 'sm',\n    'neu-number-input--lg': this.size() === 'lg',\n  }));\n\n  private _onChange: (v: number) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  writeValue(val: number | null): void {\n    this._value.set(this._clamp(val ?? 0));\n  }\n\n  registerOnChange(fn: (v: number) => void): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n  setDisabledState(disabled: boolean): void {\n    this._cvaDisabled.set(disabled);\n  }\n\n  increment(): void {\n    this._emit(this._clamp(this._value() + this.step()));\n  }\n\n  decrement(): void {\n    this._emit(this._clamp(this._value() - this.step()));\n  }\n\n  onInputChange(event: Event): void {\n    const raw = parseFloat((event.target as HTMLInputElement).value);\n    this._emit(this._clamp(isNaN(raw) ? 0 : raw));\n  }\n\n  onFocus(): void {\n    this._focused.set(true);\n  }\n\n  onBlur(): void {\n    this._focused.set(false);\n    this._onTouched();\n  }\n\n  private _emit(value: number): void {\n    this._value.set(value);\n    this._onChange(value);\n    this.valueChange.emit(value);\n  }\n\n  private _clamp(v: number): number {\n    return Math.min(this.max(), Math.max(this.min(), v));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-number-input.mjs","sources":["../../../../projects/ui-core/number-input/neu-number-input.component.ts","../../../../projects/ui-core/number-input/neural-ui-core-number-input.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nlet _seq = 0;\n\n/**\n * NeuralUI NumberInput Component\n *\n * Input numérico con botones de incremento/decremento. Implementa CVA.\n * Soporta layout apilado (stacked), horizontal y vertical.\n *\n * Numeric input with increment/decrement buttons. Implements CVA.\n * Supports stacked, horizontal and vertical layouts.\n *\n * Uso: <neu-number-input [min]=\"0\" [max]=\"99\" label=\"Cantidad\" />\n */\n@Component({\n  selector: 'neu-number-input',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'hostClasses()' },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuNumberInputComponent),\n      multi: true,\n    },\n  ],\n  template: `\n    @if (!effectiveFloatingLabel() && label()) {\n      <label class=\"neu-number-input__label\" [for]=\"_id\">{{ label() }}</label>\n    }\n    <div\n      class=\"neu-number-input__control\"\n      [class.neu-number-input__control--focused]=\"_focused()\"\n      [class.neu-number-input__control--has-value]=\"hasValue()\"\n      [class.neu-number-input__control--no-float]=\"!effectiveFloatingLabel()\"\n    >\n      @if (vertical()) {\n        <!-- layout vertical: [▲] [input] [▼] -->\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--inc\"\n          [disabled]=\"_cvaDisabled() || _value() >= max()\"\n          [attr.aria-label]=\"incrementLabel()\"\n          (click)=\"increment()\"\n        >\n          ▲\n        </button>\n        <input\n          class=\"neu-number-input__field\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          role=\"spinbutton\"\n          [id]=\"_id\"\n          [attr.aria-valuenow]=\"_value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          [disabled]=\"_cvaDisabled()\"\n          [value]=\"_value()\"\n          (change)=\"onInputChange($event)\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n        />\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--dec\"\n          [disabled]=\"_cvaDisabled() || _value() <= min()\"\n          [attr.aria-label]=\"decrementLabel()\"\n          (click)=\"decrement()\"\n        >\n          ▼\n        </button>\n      } @else if (stacked()) {\n        <!-- layout apilado: [input | ▲▼ apilados] -->\n        <input\n          class=\"neu-number-input__field\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          role=\"spinbutton\"\n          [id]=\"_id\"\n          [attr.aria-valuenow]=\"_value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          [disabled]=\"_cvaDisabled()\"\n          [value]=\"_value()\"\n          (change)=\"onInputChange($event)\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n        />\n        <span class=\"neu-number-input__stack\">\n          <button\n            type=\"button\"\n            class=\"neu-number-input__btn neu-number-input__btn--inc\"\n            [disabled]=\"_cvaDisabled() || _value() >= max()\"\n            [attr.aria-label]=\"incrementLabel()\"\n            (click)=\"increment()\"\n          >\n            ▲\n          </button>\n          <button\n            type=\"button\"\n            class=\"neu-number-input__btn neu-number-input__btn--dec\"\n            [disabled]=\"_cvaDisabled() || _value() <= min()\"\n            [attr.aria-label]=\"decrementLabel()\"\n            (click)=\"decrement()\"\n          >\n            ▼\n          </button>\n        </span>\n      } @else {\n        <!-- layout horizontal: [−] [input] [+] -->\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--dec\"\n          [disabled]=\"_cvaDisabled() || _value() <= min()\"\n          [attr.aria-label]=\"decrementLabel()\"\n          (click)=\"decrement()\"\n        >\n          −\n        </button>\n        <input\n          class=\"neu-number-input__field\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          role=\"spinbutton\"\n          [id]=\"_id\"\n          [attr.aria-valuenow]=\"_value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          [disabled]=\"_cvaDisabled()\"\n          [value]=\"_value()\"\n          (change)=\"onInputChange($event)\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n        />\n        <button\n          type=\"button\"\n          class=\"neu-number-input__btn neu-number-input__btn--inc\"\n          [disabled]=\"_cvaDisabled() || _value() >= max()\"\n          [attr.aria-label]=\"incrementLabel()\"\n          (click)=\"increment()\"\n        >\n          +\n        </button>\n      }\n\n      @if (effectiveFloatingLabel() && label()) {\n        <label class=\"neu-number-input__floating-label\" [for]=\"_id\">{{ label() }}</label>\n      }\n    </div>\n  `,\n  styleUrl: './neu-number-input.component.scss',\n})\nexport class NeuNumberInputComponent implements ControlValueAccessor {\n  /** Valor mínimo / Min value */\n  readonly min = input<number>(-Infinity);\n  /** Valor máximo / Max value */\n  readonly max = input<number>(Infinity);\n  /** Incremento / Step */\n  readonly step = input<number>(1);\n  /** Etiqueta para el input (accesibilidad) / Label for the input (accessibility) */\n  readonly label = input<string>('');\n  /** Muestra el label como flotante dentro del campo. No compatible con vertical=true. / Shows the label as floating inside the field. Not compatible with vertical=true. */\n  readonly floatingLabel = input<boolean>(false);\n  /** Aria-label del botón de decremento */\n  readonly decrementLabel = input<string>('Disminuir');\n  /** Aria-label del botón de incremento */\n  readonly incrementLabel = input<string>('Aumentar');\n  /** Muestra los botones en vertical / Shows buttons vertically */\n  readonly vertical = input<boolean>(false);\n  /** Agrupa ambos botones apilados al final del input / Groups both buttons stacked at input end */\n  readonly stacked = input<boolean>(true);\n  /** Tamaño del campo: 'sm' = 36px | 'md' = 48px | 'lg' = 56px / Field size */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  /** Emitido en cada cambio / Emitted on each change */\n  readonly valueChange = output<number>();\n\n  readonly _id = `neu-number-input-${++_seq}`;\n  readonly _cvaDisabled = signal(false);\n  readonly _value = signal(0);\n  readonly _focused = signal(false);\n\n  readonly hasValue = computed(() => Number.isFinite(this._value()));\n  readonly effectiveFloatingLabel = computed(() => this.floatingLabel() && !this.vertical());\n\n  readonly hostClasses = computed(() => ({\n    'neu-number-input': true,\n    'neu-number-input--vertical': this.vertical(),\n    'neu-number-input--stacked': this.stacked(),\n    'neu-number-input--horizontal': !this.vertical() && !this.stacked(),\n    'neu-number-input--disabled': this._cvaDisabled(),\n    'neu-number-input--sm': this.size() === 'sm',\n    'neu-number-input--lg': this.size() === 'lg',\n  }));\n\n  private _onChange: (v: number) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  writeValue(val: number | null): void {\n    this._value.set(this._clamp(val ?? 0));\n  }\n\n  registerOnChange(fn: (v: number) => void): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n  setDisabledState(disabled: boolean): void {\n    this._cvaDisabled.set(disabled);\n  }\n\n  increment(): void {\n    this._emit(this._clamp(this._value() + this.step()));\n  }\n\n  decrement(): void {\n    this._emit(this._clamp(this._value() - this.step()));\n  }\n\n  onInputChange(event: Event): void {\n    const raw = parseFloat((event.target as HTMLInputElement).value);\n    this._emit(this._clamp(isNaN(raw) ? 0 : raw));\n  }\n\n  onFocus(): void {\n    this._focused.set(true);\n  }\n\n  onBlur(): void {\n    this._focused.set(false);\n    this._onTouched();\n  }\n\n  private _emit(value: number): void {\n    this._value.set(value);\n    this._onChange(value);\n    this.valueChange.emit(value);\n  }\n\n  private _clamp(v: number): number {\n    return Math.min(this.max(), Math.max(this.min(), v));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAYA,IAAI,IAAI,GAAG,CAAC;AAEZ;;;;;;;;;;AAUG;MA4IU,uBAAuB,CAAA;;AAEzB,IAAA,GAAG,GAAG,KAAK,CAAS,CAAC,QAAQ,0EAAC;;AAE9B,IAAA,GAAG,GAAG,KAAK,CAAS,QAAQ,0EAAC;;AAE7B,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,2EAAC;;AAEvB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;;AAEzB,IAAA,aAAa,GAAG,KAAK,CAAU,KAAK,oFAAC;;AAErC,IAAA,cAAc,GAAG,KAAK,CAAS,WAAW,qFAAC;;AAE3C,IAAA,cAAc,GAAG,KAAK,CAAS,UAAU,qFAAC;;AAE1C,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;;AAEhC,IAAA,OAAO,GAAG,KAAK,CAAU,IAAI,8EAAC;;AAE9B,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;;IAEtC,WAAW,GAAG,MAAM,EAAU;AAE9B,IAAA,GAAG,GAAG,CAAA,iBAAA,EAAoB,EAAE,IAAI,EAAE;AAClC,IAAA,YAAY,GAAG,MAAM,CAAC,KAAK,mFAAC;AAC5B,IAAA,MAAM,GAAG,MAAM,CAAC,CAAC,6EAAC;AAClB,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC;AAExB,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,+EAAC;AACzD,IAAA,sBAAsB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,6FAAC;AAEjF,IAAA,WAAW,GAAG,QAAQ,CAAC,OAAO;AACrC,QAAA,kBAAkB,EAAE,IAAI;AACxB,QAAA,4BAA4B,EAAE,IAAI,CAAC,QAAQ,EAAE;AAC7C,QAAA,2BAA2B,EAAE,IAAI,CAAC,OAAO,EAAE;QAC3C,8BAA8B,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACnE,QAAA,4BAA4B,EAAE,IAAI,CAAC,YAAY,EAAE;AACjD,QAAA,sBAAsB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI;AAC5C,QAAA,sBAAsB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI;AAC7C,KAAA,CAAC,kFAAC;AAEK,IAAA,SAAS,GAAwB,MAAK,EAAE,CAAC;AACzC,IAAA,UAAU,GAAe,MAAK,EAAE,CAAC;AAEzC,IAAA,UAAU,CAAC,GAAkB,EAAA;AAC3B,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IACxC;AAEA,IAAA,gBAAgB,CAAC,EAAuB,EAAA;AACtC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AACA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AACA,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC;IACjC;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACtD;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACtD;AAEA,IAAA,aAAa,CAAC,KAAY,EAAA;QACxB,MAAM,GAAG,GAAG,UAAU,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAChE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;IAC/C;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;IACzB;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,UAAU,EAAE;IACnB;AAEQ,IAAA,KAAK,CAAC,KAAa,EAAA;AACzB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9B;AAEQ,IAAA,MAAM,CAAC,CAAS,EAAA;QACtB,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IACtD;wGAzFW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EArIvB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,uBAAuB,CAAC;AACtD,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,43JAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAGU,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBA3InC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,WACnB,EAAE,EAAA,aAAA,EACI,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,QACzC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAA,SAAA,EACzB;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,6BAA6B,CAAC;AACtD,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;qBACF,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,43JAAA,CAAA,EAAA;;;ACjKH;;AAEG;;;;"}

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

@@ -0,0 +1,92 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+class NeuPanelComponent {
+    header = input('', ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    collapsible = input(false, ...(ngDevMode ? [{ debugName: "collapsible" }] : /* istanbul ignore next */ []));
+    expandLabel = input('Expand', ...(ngDevMode ? [{ debugName: "expandLabel" }] : /* istanbul ignore next */ []));
+    collapseLabel = input('Collapse', ...(ngDevMode ? [{ debugName: "collapseLabel" }] : /* istanbul ignore next */ []));
+    collapsedChange = output();
+    collapsed = signal(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    toggle() {
+        this.collapsed.set(!this.collapsed());
+        this.collapsedChange.emit(this.collapsed());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuPanelComponent, isStandalone: true, selector: "neu-panel", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, expandLabel: { classPropertyName: "expandLabel", publicName: "expandLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsedChange: "collapsedChange" }, host: { classAttribute: "neu-panel" }, ngImport: i0, template: `
+    <section class="neu-panel__surface">
+      @if (header()) {
+        <header class="neu-panel__header">
+          <h3>{{ header() }}</h3>
+          @if (collapsible()) {
+            <button type="button" (click)="toggle()" [attr.aria-expanded]="!collapsed()">
+              {{ collapsed() ? expandLabel() : collapseLabel() }}
+            </button>
+          }
+        </header>
+      }
+      @if (!collapsed()) {
+        <div class="neu-panel__body"><ng-content /></div>
+      }
+    </section>
+  `, isInline: true, styles: [".neu-panel__surface,.neu-fieldset,.neu-scroll-area__viewport{border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827)}.neu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--neu-border, #e5e7eb)}.neu-panel__header h3{margin:0;font-size:1rem}.neu-panel__header button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.375rem .625rem;font:inherit;font-size:.8125rem;cursor:pointer}.neu-panel__header button:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-panel__body,.neu-fieldset{padding:1rem}.neu-fieldset legend{padding:0 .375rem;font-weight:600;color:var(--neu-text, #111827)}.neu-scroll-area__viewport{overflow:auto;padding:1rem;background:linear-gradient(var(--neu-surface, #fff) 30%,transparent),linear-gradient(transparent,var(--neu-surface, #fff) 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.12),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.12),transparent) bottom;background-repeat:no-repeat;background-size:100% 24px,100% 24px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-panel', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-panel' }, template: `
+    <section class="neu-panel__surface">
+      @if (header()) {
+        <header class="neu-panel__header">
+          <h3>{{ header() }}</h3>
+          @if (collapsible()) {
+            <button type="button" (click)="toggle()" [attr.aria-expanded]="!collapsed()">
+              {{ collapsed() ? expandLabel() : collapseLabel() }}
+            </button>
+          }
+        </header>
+      }
+      @if (!collapsed()) {
+        <div class="neu-panel__body"><ng-content /></div>
+      }
+    </section>
+  `, styles: [".neu-panel__surface,.neu-fieldset,.neu-scroll-area__viewport{border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827)}.neu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--neu-border, #e5e7eb)}.neu-panel__header h3{margin:0;font-size:1rem}.neu-panel__header button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.375rem .625rem;font:inherit;font-size:.8125rem;cursor:pointer}.neu-panel__header button:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-panel__body,.neu-fieldset{padding:1rem}.neu-fieldset legend{padding:0 .375rem;font-weight:600;color:var(--neu-text, #111827)}.neu-scroll-area__viewport{overflow:auto;padding:1rem;background:linear-gradient(var(--neu-surface, #fff) 30%,transparent),linear-gradient(transparent,var(--neu-surface, #fff) 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.12),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.12),transparent) bottom;background-repeat:no-repeat;background-size:100% 24px,100% 24px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}\n"] }]
+        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], expandLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandLabel", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], collapsedChange: [{ type: i0.Output, args: ["collapsedChange"] }] } });
+class NeuFieldsetComponent {
+    legend = input('', ...(ngDevMode ? [{ debugName: "legend" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuFieldsetComponent, isStandalone: true, selector: "neu-fieldset", inputs: { legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "neu-fieldset-host" }, ngImport: i0, template: `
+    <fieldset class="neu-fieldset">
+      @if (legend()) {
+        <legend>{{ legend() }}</legend>
+      }
+      <ng-content />
+    </fieldset>
+  `, isInline: true, styles: [".neu-panel__surface,.neu-fieldset,.neu-scroll-area__viewport{border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827)}.neu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--neu-border, #e5e7eb)}.neu-panel__header h3{margin:0;font-size:1rem}.neu-panel__header button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.375rem .625rem;font:inherit;font-size:.8125rem;cursor:pointer}.neu-panel__header button:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-panel__body,.neu-fieldset{padding:1rem}.neu-fieldset legend{padding:0 .375rem;font-weight:600;color:var(--neu-text, #111827)}.neu-scroll-area__viewport{overflow:auto;padding:1rem;background:linear-gradient(var(--neu-surface, #fff) 30%,transparent),linear-gradient(transparent,var(--neu-surface, #fff) 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.12),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.12),transparent) bottom;background-repeat:no-repeat;background-size:100% 24px,100% 24px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuFieldsetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-fieldset', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-fieldset-host' }, template: `
+    <fieldset class="neu-fieldset">
+      @if (legend()) {
+        <legend>{{ legend() }}</legend>
+      }
+      <ng-content />
+    </fieldset>
+  `, styles: [".neu-panel__surface,.neu-fieldset,.neu-scroll-area__viewport{border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827)}.neu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--neu-border, #e5e7eb)}.neu-panel__header h3{margin:0;font-size:1rem}.neu-panel__header button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.375rem .625rem;font:inherit;font-size:.8125rem;cursor:pointer}.neu-panel__header button:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-panel__body,.neu-fieldset{padding:1rem}.neu-fieldset legend{padding:0 .375rem;font-weight:600;color:var(--neu-text, #111827)}.neu-scroll-area__viewport{overflow:auto;padding:1rem;background:linear-gradient(var(--neu-surface, #fff) 30%,transparent),linear-gradient(transparent,var(--neu-surface, #fff) 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.12),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.12),transparent) bottom;background-repeat:no-repeat;background-size:100% 24px,100% 24px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}\n"] }]
+        }], propDecorators: { legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }] } });
+class NeuScrollAreaComponent {
+    maxHeight = input('240px', ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuScrollAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: NeuScrollAreaComponent, isStandalone: true, selector: "neu-scroll-area", inputs: { maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "neu-scroll-area" }, ngImport: i0, template: `<div class="neu-scroll-area__viewport" [style.max-height]="maxHeight()"><ng-content /></div>`, isInline: true, styles: [".neu-panel__surface,.neu-fieldset,.neu-scroll-area__viewport{border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827)}.neu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--neu-border, #e5e7eb)}.neu-panel__header h3{margin:0;font-size:1rem}.neu-panel__header button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.375rem .625rem;font:inherit;font-size:.8125rem;cursor:pointer}.neu-panel__header button:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-panel__body,.neu-fieldset{padding:1rem}.neu-fieldset legend{padding:0 .375rem;font-weight:600;color:var(--neu-text, #111827)}.neu-scroll-area__viewport{overflow:auto;padding:1rem;background:linear-gradient(var(--neu-surface, #fff) 30%,transparent),linear-gradient(transparent,var(--neu-surface, #fff) 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.12),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.12),transparent) bottom;background-repeat:no-repeat;background-size:100% 24px,100% 24px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuScrollAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-scroll-area', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-scroll-area' }, template: `<div class="neu-scroll-area__viewport" [style.max-height]="maxHeight()"><ng-content /></div>`, styles: [".neu-panel__surface,.neu-fieldset,.neu-scroll-area__viewport{border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827)}.neu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--neu-border, #e5e7eb)}.neu-panel__header h3{margin:0;font-size:1rem}.neu-panel__header button{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.375rem .625rem;font:inherit;font-size:.8125rem;cursor:pointer}.neu-panel__header button:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-panel__body,.neu-fieldset{padding:1rem}.neu-fieldset legend{padding:0 .375rem;font-weight:600;color:var(--neu-text, #111827)}.neu-scroll-area__viewport{overflow:auto;padding:1rem;background:linear-gradient(var(--neu-surface, #fff) 30%,transparent),linear-gradient(transparent,var(--neu-surface, #fff) 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.12),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.12),transparent) bottom;background-repeat:no-repeat;background-size:100% 24px,100% 24px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}\n"] }]
+        }], propDecorators: { maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuFieldsetComponent, NeuPanelComponent, NeuScrollAreaComponent };
+//# sourceMappingURL=neural-ui-core-panel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-panel.mjs","sources":["../../../../projects/ui-core/panel/neu-panel.component.ts","../../../../projects/ui-core/panel/neural-ui-core-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, input, output, signal } from '@angular/core';\n\n@Component({\n  selector: 'neu-panel',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-panel' },\n  template: `\n    <section class=\"neu-panel__surface\">\n      @if (header()) {\n        <header class=\"neu-panel__header\">\n          <h3>{{ header() }}</h3>\n          @if (collapsible()) {\n            <button type=\"button\" (click)=\"toggle()\" [attr.aria-expanded]=\"!collapsed()\">\n              {{ collapsed() ? expandLabel() : collapseLabel() }}\n            </button>\n          }\n        </header>\n      }\n      @if (!collapsed()) {\n        <div class=\"neu-panel__body\"><ng-content /></div>\n      }\n    </section>\n  `,\n  styleUrl: './neu-panel.component.scss',\n})\nexport class NeuPanelComponent {\n  readonly header = input('');\n  readonly collapsible = input(false);\n  readonly expandLabel = input('Expand');\n  readonly collapseLabel = input('Collapse');\n  readonly collapsedChange = output<boolean>();\n  readonly collapsed = signal(false);\n\n  toggle(): void {\n    this.collapsed.set(!this.collapsed());\n    this.collapsedChange.emit(this.collapsed());\n  }\n}\n\n@Component({\n  selector: 'neu-fieldset',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-fieldset-host' },\n  template: `\n    <fieldset class=\"neu-fieldset\">\n      @if (legend()) {\n        <legend>{{ legend() }}</legend>\n      }\n      <ng-content />\n    </fieldset>\n  `,\n  styleUrl: './neu-panel.component.scss',\n})\nexport class NeuFieldsetComponent {\n  readonly legend = input('');\n}\n\n@Component({\n  selector: 'neu-scroll-area',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-scroll-area' },\n  template: `<div class=\"neu-scroll-area__viewport\" [style.max-height]=\"maxHeight()\"><ng-content /></div>`,\n  styleUrl: './neu-panel.component.scss',\n})\nexport class NeuScrollAreaComponent {\n  readonly maxHeight = input('240px');\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-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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"}