@ngxviewbuilder/runtime 0.12.1 → 0.12.2

package/fesm2022/{ngxviewbuilder-runtime-slider-element-DA0m8geD.mjs → ngxviewbuilder-runtime-slider-element-NBbgW-1w.mjs}

@@ -1 +1 @@
-import{t as c}from"./ngxviewbuilder-runtime-rolldown-runtime-DpJrqANO.mjs";import{g as m,on as b,yt as v}from"./ngxviewbuilder-runtime-dynamic-text.pipe-BUJ4fCqt.mjs";import{r as h,rt as g,t as d}from"./ngxviewbuilder-runtime-element-wrapper-BUzRnWUH.mjs";import*as a from"@angular/core";import{ChangeDetectionStrategy as x,ChangeDetectorRef as f,Component as y,Injector as k,effect as _,inject as i,input as w,signal as p}from"@angular/core";import{NgClass as u}from"@angular/common";var V=c({SliderElement:()=>o});var o=class s{model=w.required(...ngDevMode?[{debugName:"model"}]:[]);tid=h(this.model,"nvb-slider","slider");sliderValue=p(0,...ngDevMode?[{debugName:"sliderValue"}]:[]);useCompactStyle=p(false,...ngDevMode?[{debugName:"useCompactStyle"}]:[]);elementActionService=i(g);dataService=i(b);eventService=i(m);cdr=i(f);injector=i(k);onPropertyChangedHandler=r=>{const e=String(this.model()?.dataPath??"").trim();if(!e)return;if(String(r?.payload?.elementNameOrPath??"").trim()!==e)return;this.cdr.markForCheck()};ngOnInit(){if(this.model()?.parentElement&&this.model()?.parentElement instanceof v)this.useCompactStyle.set(this.model()?.parentElement["useCompactStyle"]);this.syncFromModelValue();_(()=>{const r=String(this.model()?.dataPath??"").trim();if(!r)return;const e=this.dataService.getValue(r);if(!Object.is(this.model().value,e))this.model().value=e;this.syncFromModelValue()},{injector:this.injector});this.eventService.afterPropertyChanged.add(this.onPropertyChangedHandler)}ngOnDestroy(){this.eventService.afterPropertyChanged.remove(this.onPropertyChangedHandler)}onInput(r){if(this.model().disabled||this.model().readOnly){this.syncFromModelValue();return}const e=this.readEventValue(r);if(e===null)return;this.sliderValue.set(e);this.model().setValueFromNumber(e,"input");this.runActions("input",e)}onChange(r){if(this.model().disabled||this.model().readOnly){this.syncFromModelValue();return}const e=this.readEventValue(r);if(e===null)return;this.sliderValue.set(e);this.model().setValueFromNumber(e,"change");this.runActions("change",e)}onFocus(){this.runActions("focus",this.sliderValue())}onBlur(){this.runActions("blur",this.sliderValue())}displayValue(){return String(this.sliderValue())}runActions(r,e){const n=e!==void 0?e:this.sliderValue();const t=String(this.model().name??"").trim();const l={value:n,item:null,row:null};if(t)l[t]=n;this.elementActionService.runActions(this.model(),this.model().events??[],r,l)}readEventValue(r){const e=r.target;if(!e)return null;const n=Number(e.value);if(!Number.isFinite(n))return null;return n}syncFromModelValue(){const r=this.model().resolveMin();const e=this.model().resolveMax();const n=this.model().value;const t=typeof n==="number"?n:Number(n);const l=Math.max(r,Math.min(e,Number.isFinite(t)?t:r));this.sliderValue.set(l)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:s,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.2.1",type:s,isStandalone:true,selector:"slider-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:a,template:"<element-wrapper [model]=\"model()\" #fieldWrapper=\"elementWrapper\">\n  <div class=\"nvb-slider\" [ngClass]=\"{ 'nvb-slider--compact': useCompactStyle() }\">\n    <input\n      class=\"nvb-slider__input\"\n      type=\"range\"\n      [id]=\"fieldWrapper.controlId()\"\n      [disabled]=\"model().disabled\"\n      [min]=\"model().resolveMin()\"\n      [max]=\"model().resolveMax()\"\n      [step]=\"model().resolveStep()\"\n      [value]=\"sliderValue()\"\n      [attr.aria-describedby]=\"\n        fieldWrapper.describedByIds(model().showValueLabel ? fieldWrapper.partId('value') : null)\n      \"\n      [attr.aria-errormessage]=\"fieldWrapper.isInvalid() ? fieldWrapper.errorId() : null\"\n      [attr.aria-invalid]=\"fieldWrapper.isInvalid() ? 'true' : null\"\n      [attr.aria-required]=\"model().required ? 'true' : null\"\n      [attr.data-testid]=\"tid('input')\"\n      (input)=\"onInput($event)\"\n      (change)=\"onChange($event)\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n    />\n\n    @if (model().showValueLabel) {\n      <span [id]=\"fieldWrapper.partId('value')\" class=\"nvb-slider__value\">{{ displayValue() }}</span>\n    }\n  </div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-slider{display:flex;align-items:center;gap:10px}.nvb-slider--compact{gap:8px}.nvb-slider__input{width:100%;margin:0;accent-color:var(--nvb-color-primary-500);cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;height:16px}.nvb-slider__input:disabled{cursor:not-allowed;opacity:.6}.nvb-slider__input:focus{outline:none}.nvb-slider__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__input::-moz-range-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-moz-range-progress{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-primary-500) 82%,var(--nvb-color-primary-400))}.nvb-slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__value{min-width:40px;text-align:right;font-size:12px;color:var(--nvb-color-neutral-600);font-variant-numeric:tabular-nums}\n"],dependencies:[{kind:"component",type:d,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:u,selector:"[ngClass]",inputs:["class","ngClass"]}],changeDetection:a.ChangeDetectionStrategy.OnPush})};a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:o,decorators:[{type:y,args:[{selector:"slider-element",changeDetection:x.OnPush,imports:[d,u],template:"<element-wrapper [model]=\"model()\" #fieldWrapper=\"elementWrapper\">\n  <div class=\"nvb-slider\" [ngClass]=\"{ 'nvb-slider--compact': useCompactStyle() }\">\n    <input\n      class=\"nvb-slider__input\"\n      type=\"range\"\n      [id]=\"fieldWrapper.controlId()\"\n      [disabled]=\"model().disabled\"\n      [min]=\"model().resolveMin()\"\n      [max]=\"model().resolveMax()\"\n      [step]=\"model().resolveStep()\"\n      [value]=\"sliderValue()\"\n      [attr.aria-describedby]=\"\n        fieldWrapper.describedByIds(model().showValueLabel ? fieldWrapper.partId('value') : null)\n      \"\n      [attr.aria-errormessage]=\"fieldWrapper.isInvalid() ? fieldWrapper.errorId() : null\"\n      [attr.aria-invalid]=\"fieldWrapper.isInvalid() ? 'true' : null\"\n      [attr.aria-required]=\"model().required ? 'true' : null\"\n      [attr.data-testid]=\"tid('input')\"\n      (input)=\"onInput($event)\"\n      (change)=\"onChange($event)\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n    />\n\n    @if (model().showValueLabel) {\n      <span [id]=\"fieldWrapper.partId('value')\" class=\"nvb-slider__value\">{{ displayValue() }}</span>\n    }\n  </div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-slider{display:flex;align-items:center;gap:10px}.nvb-slider--compact{gap:8px}.nvb-slider__input{width:100%;margin:0;accent-color:var(--nvb-color-primary-500);cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;height:16px}.nvb-slider__input:disabled{cursor:not-allowed;opacity:.6}.nvb-slider__input:focus{outline:none}.nvb-slider__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__input::-moz-range-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-moz-range-progress{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-primary-500) 82%,var(--nvb-color-primary-400))}.nvb-slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__value{min-width:40px;text-align:right;font-size:12px;color:var(--nvb-color-neutral-600);font-variant-numeric:tabular-nums}\n"]}]}],propDecorators:{model:[{type:a.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{V as n,o as t};
+import{t as c}from"./ngxviewbuilder-runtime-rolldown-runtime-DpJrqANO.mjs";import{g as m,on as b,yt as v}from"./ngxviewbuilder-runtime-dynamic-text.pipe-BUJ4fCqt.mjs";import{r as h,rt as g,t as d}from"./ngxviewbuilder-runtime-element-wrapper-D0lfZvuW.mjs";import*as a from"@angular/core";import{ChangeDetectionStrategy as x,ChangeDetectorRef as f,Component as y,Injector as k,effect as _,inject as i,input as w,signal as p}from"@angular/core";import{NgClass as u}from"@angular/common";var V=c({SliderElement:()=>o});var o=class s{model=w.required(...ngDevMode?[{debugName:"model"}]:[]);tid=h(this.model,"nvb-slider","slider");sliderValue=p(0,...ngDevMode?[{debugName:"sliderValue"}]:[]);useCompactStyle=p(false,...ngDevMode?[{debugName:"useCompactStyle"}]:[]);elementActionService=i(g);dataService=i(b);eventService=i(m);cdr=i(f);injector=i(k);onPropertyChangedHandler=r=>{const e=String(this.model()?.dataPath??"").trim();if(!e)return;if(String(r?.payload?.elementNameOrPath??"").trim()!==e)return;this.cdr.markForCheck()};ngOnInit(){if(this.model()?.parentElement&&this.model()?.parentElement instanceof v)this.useCompactStyle.set(this.model()?.parentElement["useCompactStyle"]);this.syncFromModelValue();_(()=>{const r=String(this.model()?.dataPath??"").trim();if(!r)return;const e=this.dataService.getValue(r);if(!Object.is(this.model().value,e))this.model().value=e;this.syncFromModelValue()},{injector:this.injector});this.eventService.afterPropertyChanged.add(this.onPropertyChangedHandler)}ngOnDestroy(){this.eventService.afterPropertyChanged.remove(this.onPropertyChangedHandler)}onInput(r){if(this.model().disabled||this.model().readOnly){this.syncFromModelValue();return}const e=this.readEventValue(r);if(e===null)return;this.sliderValue.set(e);this.model().setValueFromNumber(e,"input");this.runActions("input",e)}onChange(r){if(this.model().disabled||this.model().readOnly){this.syncFromModelValue();return}const e=this.readEventValue(r);if(e===null)return;this.sliderValue.set(e);this.model().setValueFromNumber(e,"change");this.runActions("change",e)}onFocus(){this.runActions("focus",this.sliderValue())}onBlur(){this.runActions("blur",this.sliderValue())}displayValue(){return String(this.sliderValue())}runActions(r,e){const n=e!==void 0?e:this.sliderValue();const t=String(this.model().name??"").trim();const l={value:n,item:null,row:null};if(t)l[t]=n;this.elementActionService.runActions(this.model(),this.model().events??[],r,l)}readEventValue(r){const e=r.target;if(!e)return null;const n=Number(e.value);if(!Number.isFinite(n))return null;return n}syncFromModelValue(){const r=this.model().resolveMin();const e=this.model().resolveMax();const n=this.model().value;const t=typeof n==="number"?n:Number(n);const l=Math.max(r,Math.min(e,Number.isFinite(t)?t:r));this.sliderValue.set(l)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:s,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.2.1",type:s,isStandalone:true,selector:"slider-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:a,template:"<element-wrapper [model]=\"model()\" #fieldWrapper=\"elementWrapper\">\n  <div class=\"nvb-slider\" [ngClass]=\"{ 'nvb-slider--compact': useCompactStyle() }\">\n    <input\n      class=\"nvb-slider__input\"\n      type=\"range\"\n      [id]=\"fieldWrapper.controlId()\"\n      [disabled]=\"model().disabled\"\n      [min]=\"model().resolveMin()\"\n      [max]=\"model().resolveMax()\"\n      [step]=\"model().resolveStep()\"\n      [value]=\"sliderValue()\"\n      [attr.aria-describedby]=\"\n        fieldWrapper.describedByIds(model().showValueLabel ? fieldWrapper.partId('value') : null)\n      \"\n      [attr.aria-errormessage]=\"fieldWrapper.isInvalid() ? fieldWrapper.errorId() : null\"\n      [attr.aria-invalid]=\"fieldWrapper.isInvalid() ? 'true' : null\"\n      [attr.aria-required]=\"model().required ? 'true' : null\"\n      [attr.data-testid]=\"tid('input')\"\n      (input)=\"onInput($event)\"\n      (change)=\"onChange($event)\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n    />\n\n    @if (model().showValueLabel) {\n      <span [id]=\"fieldWrapper.partId('value')\" class=\"nvb-slider__value\">{{ displayValue() }}</span>\n    }\n  </div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-slider{display:flex;align-items:center;gap:10px}.nvb-slider--compact{gap:8px}.nvb-slider__input{width:100%;margin:0;accent-color:var(--nvb-color-primary-500);cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;height:16px}.nvb-slider__input:disabled{cursor:not-allowed;opacity:.6}.nvb-slider__input:focus{outline:none}.nvb-slider__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__input::-moz-range-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-moz-range-progress{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-primary-500) 82%,var(--nvb-color-primary-400))}.nvb-slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__value{min-width:40px;text-align:right;font-size:12px;color:var(--nvb-color-neutral-600);font-variant-numeric:tabular-nums}\n"],dependencies:[{kind:"component",type:d,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:u,selector:"[ngClass]",inputs:["class","ngClass"]}],changeDetection:a.ChangeDetectionStrategy.OnPush})};a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:o,decorators:[{type:y,args:[{selector:"slider-element",changeDetection:x.OnPush,imports:[d,u],template:"<element-wrapper [model]=\"model()\" #fieldWrapper=\"elementWrapper\">\n  <div class=\"nvb-slider\" [ngClass]=\"{ 'nvb-slider--compact': useCompactStyle() }\">\n    <input\n      class=\"nvb-slider__input\"\n      type=\"range\"\n      [id]=\"fieldWrapper.controlId()\"\n      [disabled]=\"model().disabled\"\n      [min]=\"model().resolveMin()\"\n      [max]=\"model().resolveMax()\"\n      [step]=\"model().resolveStep()\"\n      [value]=\"sliderValue()\"\n      [attr.aria-describedby]=\"\n        fieldWrapper.describedByIds(model().showValueLabel ? fieldWrapper.partId('value') : null)\n      \"\n      [attr.aria-errormessage]=\"fieldWrapper.isInvalid() ? fieldWrapper.errorId() : null\"\n      [attr.aria-invalid]=\"fieldWrapper.isInvalid() ? 'true' : null\"\n      [attr.aria-required]=\"model().required ? 'true' : null\"\n      [attr.data-testid]=\"tid('input')\"\n      (input)=\"onInput($event)\"\n      (change)=\"onChange($event)\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n    />\n\n    @if (model().showValueLabel) {\n      <span [id]=\"fieldWrapper.partId('value')\" class=\"nvb-slider__value\">{{ displayValue() }}</span>\n    }\n  </div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-slider{display:flex;align-items:center;gap:10px}.nvb-slider--compact{gap:8px}.nvb-slider__input{width:100%;margin:0;accent-color:var(--nvb-color-primary-500);cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;height:16px}.nvb-slider__input:disabled{cursor:not-allowed;opacity:.6}.nvb-slider__input:focus{outline:none}.nvb-slider__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__input::-moz-range-track{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-neutral-300) 78%,var(--nvb-color-surface-mix-target, white));border:1px solid color-mix(in oklab,var(--nvb-color-neutral-400) 46%,transparent)}.nvb-slider__input::-moz-range-progress{height:6px;border-radius:var(--nvb-radius-full);background:color-mix(in oklab,var(--nvb-color-primary-500) 82%,var(--nvb-color-primary-400))}.nvb-slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid var(--nvb-color-primary-600);background:var(--nvb-color-primary-500);box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent)}.nvb-slider__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px color-mix(in oklab,var(--nvb-color-neutral-000) 55%,transparent),0 0 0 4px color-mix(in oklab,var(--nvb-color-primary-500) 28%,transparent)}.nvb-slider__value{min-width:40px;text-align:right;font-size:12px;color:var(--nvb-color-neutral-600);font-variant-numeric:tabular-nums}\n"]}]}],propDecorators:{model:[{type:a.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{V as n,o as t};

package/fesm2022/{ngxviewbuilder-runtime-spacer-element-D4KgGuYS.mjs → ngxviewbuilder-runtime-spacer-element-BGJ-ObOf.mjs}

@@ -1 +1 @@
-import{t as p}from"./ngxviewbuilder-runtime-rolldown-runtime-DpJrqANO.mjs";import{r as l,t as o}from"./ngxviewbuilder-runtime-element-wrapper-BUzRnWUH.mjs";import*as e from"@angular/core";import{ChangeDetectionStrategy as m,Component as d,computed as c,input as g}from"@angular/core";import{NgStyle as s}from"@angular/common";var h=p({SpacerElement:()=>i});var i=class a{model=g.required(...ngDevMode?[{debugName:"model"}]:[]);tid=l(this.model,"nvb-spacer","spacer");spacerStyle=c(()=>{const n=String(this.model()?.axis??"vertical").trim().toLowerCase();const t=this.normalizeSize(this.model()?.size,"20px");if(n==="horizontal")return{width:t,height:"1px","min-height":"1px"};return{width:"100%",height:t,"min-height":t}},...ngDevMode?[{debugName:"spacerStyle"}]:[]);normalizeSize(n,t){const r=String(n??"").trim();if(!r)return t;if(/^-?\d+(\.\d+)?$/.test(r))return`${r}px`;return r}static ɵfac=e.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.2.1",ngImport:e,type:a,deps:[],target:e.ɵɵFactoryTarget.Component});static ɵcmp=e.ɵɵngDeclareComponent({minVersion:"17.1.0",version:"22.2.1",type:a,isStandalone:true,selector:"spacer-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:e,template:"<element-wrapper [model]=\"model()\">\n  <div\n    class=\"nvb-spacer\"\n    [ngStyle]=\"spacerStyle()\"\n    aria-hidden=\"true\"\n    [attr.data-testid]=\"tid('root')\"\n  ></div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-spacer{display:block;width:100%;min-height:1px}\n"],dependencies:[{kind:"component",type:o,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:s,selector:"[ngStyle]",inputs:["ngStyle"]}],changeDetection:e.ChangeDetectionStrategy.OnPush})};e.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.2.1",ngImport:e,type:i,decorators:[{type:d,args:[{selector:"spacer-element",changeDetection:m.OnPush,imports:[o,s],template:"<element-wrapper [model]=\"model()\">\n  <div\n    class=\"nvb-spacer\"\n    [ngStyle]=\"spacerStyle()\"\n    aria-hidden=\"true\"\n    [attr.data-testid]=\"tid('root')\"\n  ></div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-spacer{display:block;width:100%;min-height:1px}\n"]}]}],propDecorators:{model:[{type:e.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{h as n,i as t};
+import{t as p}from"./ngxviewbuilder-runtime-rolldown-runtime-DpJrqANO.mjs";import{r as l,t as o}from"./ngxviewbuilder-runtime-element-wrapper-D0lfZvuW.mjs";import*as e from"@angular/core";import{ChangeDetectionStrategy as m,Component as d,computed as c,input as g}from"@angular/core";import{NgStyle as s}from"@angular/common";var h=p({SpacerElement:()=>i});var i=class a{model=g.required(...ngDevMode?[{debugName:"model"}]:[]);tid=l(this.model,"nvb-spacer","spacer");spacerStyle=c(()=>{const n=String(this.model()?.axis??"vertical").trim().toLowerCase();const t=this.normalizeSize(this.model()?.size,"20px");if(n==="horizontal")return{width:t,height:"1px","min-height":"1px"};return{width:"100%",height:t,"min-height":t}},...ngDevMode?[{debugName:"spacerStyle"}]:[]);normalizeSize(n,t){const r=String(n??"").trim();if(!r)return t;if(/^-?\d+(\.\d+)?$/.test(r))return`${r}px`;return r}static ɵfac=e.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.2.1",ngImport:e,type:a,deps:[],target:e.ɵɵFactoryTarget.Component});static ɵcmp=e.ɵɵngDeclareComponent({minVersion:"17.1.0",version:"22.2.1",type:a,isStandalone:true,selector:"spacer-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:e,template:"<element-wrapper [model]=\"model()\">\n  <div\n    class=\"nvb-spacer\"\n    [ngStyle]=\"spacerStyle()\"\n    aria-hidden=\"true\"\n    [attr.data-testid]=\"tid('root')\"\n  ></div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-spacer{display:block;width:100%;min-height:1px}\n"],dependencies:[{kind:"component",type:o,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:s,selector:"[ngStyle]",inputs:["ngStyle"]}],changeDetection:e.ChangeDetectionStrategy.OnPush})};e.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.2.1",ngImport:e,type:i,decorators:[{type:d,args:[{selector:"spacer-element",changeDetection:m.OnPush,imports:[o,s],template:"<element-wrapper [model]=\"model()\">\n  <div\n    class=\"nvb-spacer\"\n    [ngStyle]=\"spacerStyle()\"\n    aria-hidden=\"true\"\n    [attr.data-testid]=\"tid('root')\"\n  ></div>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-spacer{display:block;width:100%;min-height:1px}\n"]}]}],propDecorators:{model:[{type:e.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{h as n,i as t};

package/fesm2022/{ngxviewbuilder-runtime-stats-card-element-Bwt5GL25.mjs → ngxviewbuilder-runtime-stats-card-element-DUxzXyTC.mjs}

@@ -1 +1 @@
-import{t as d}from"./ngxviewbuilder-runtime-rolldown-runtime-DpJrqANO.mjs";import{d as v,t as i}from"./ngxviewbuilder-runtime-dynamic-text.pipe-BUJ4fCqt.mjs";import{r as b,t as c}from"./ngxviewbuilder-runtime-element-wrapper-BUzRnWUH.mjs";import*as a from"@angular/core";import{ChangeDetectionStrategy as m,Component as p,computed as n,inject as u,input as g}from"@angular/core";import{NgClass as l}from"@angular/common";var x=d({StatsCardElement:()=>e});var e=class s{expressionService=u(v);model=g.required(...ngDevMode?[{debugName:"model"}]:[]);tid=b(this.model,"nvb-stats-card","stats-card");resolvedVariant=n(()=>this.resolveVariant(),...ngDevMode?[{debugName:"resolvedVariant"}]:[]);cardClass=n(()=>({[`nvb-stats-card--${this.resolvedVariant()}`]:true}),...ngDevMode?[{debugName:"cardClass"}]:[]);trendClass=n(()=>({[`nvb-stats-card__trend--${this.resolveTrendDirection()}`]:true}),...ngDevMode?[{debugName:"trendClass"}]:[]);iconName=n(()=>{return this.resolveExpressionValue(this.model()?.iconExpression)||String(this.model()?.icon??"").trim()||"monitoring"},...ngDevMode?[{debugName:"iconName"}]:[]);trendIcon=n(()=>{switch(this.resolveTrendDirection()){case"up":return"north_east";case"down":return"south_east";default:return"remove"}},...ngDevMode?[{debugName:"trendIcon"}]:[]);resolveVariant(){const o=this.resolveConditionalVariant()||this.resolveExpressionValue(this.model()?.variantExpression)||String(this.model()?.variant??"neutral");const r=String(o).trim().toLowerCase();if(r==="success")return"success";if(r==="warn"||r==="warning")return"warn";if(r==="risk"||r==="danger"||r==="error")return"risk";if(r==="info")return"info";if(r==="primary")return"primary";return"neutral"}resolveConditionalVariant(){if(String(this.model()?.variantMode??"static").trim().toLowerCase()!=="conditional")return"";const o=Array.isArray(this.model()?.variantRules)?this.model().variantRules:[];for(const r of o){const t=String(r?.condition??"").trim();if(!t)continue;if(Boolean(this.expressionService.evaluateInlineExpression(t,this.model())))return String(r?.variant??"").trim()}return""}resolveTrendDirection(){const o=this.resolveExpressionValue(this.model()?.trendDirectionExpression)||String(this.model()?.trendDirection??"neutral");const r=String(o).trim().toLowerCase();if(r==="up"||r==="down")return r;return"neutral"}resolveExpressionValue(o){const r=String(o??"").trim();if(!r)return"";const t=this.expressionService.evaluateInlineExpression(r,this.model());return String(t??"").trim()}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:s,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.2.1",type:s,isStandalone:true,selector:"stats-card-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:a,template:"<element-wrapper [model]=\"model()\">\n  <article class=\"nvb-stats-card\" [ngClass]=\"cardClass()\" [attr.data-testid]=\"tid('root')\">\n    <header class=\"nvb-stats-card__header\">\n      <p class=\"nvb-stats-card__title\">{{ model().title | dynamicText: model() }}</p>\n      <span class=\"material-symbols-outlined nvb-stats-card__icon\">{{ iconName() }}</span>\n    </header>\n\n    <p class=\"nvb-stats-card__value\">{{ model().valueText | dynamicText: model() }}</p>\n\n    @if (model().trendText) {\n      <p class=\"nvb-stats-card__trend\" [ngClass]=\"trendClass()\">\n        <span class=\"material-symbols-outlined\">{{ trendIcon() }}</span>\n        <span>{{ model().trendText | dynamicText: model() }}</span>\n      </p>\n    }\n  </article>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-stats-card{width:100%;border-radius:var(--nvb-card-radius);border:1px solid var(--nvb-card-border-color);background:var(--nvb-card-bg);color:var(--nvb-color-neutral-700);padding:12px;display:grid;gap:8px}.nvb-stats-card__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.nvb-stats-card__title{margin:0;font-size:12px;color:var(--nvb-color-neutral-500);line-height:1.25}.nvb-stats-card__icon{width:28px;height:28px;border-radius:var(--nvb-control-radius);display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-700)}.nvb-stats-card__value{margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:700;line-height:1.15;word-break:break-word}.nvb-stats-card__trend{margin:0;display:inline-flex;align-items:center;gap:4px;width:fit-content;border-radius:var(--nvb-radius-full);border:1px solid transparent;font-size:12px;min-height:24px;padding:2px 8px}.nvb-stats-card__trend span.material-symbols-outlined{font-size:14px}.nvb-stats-card--neutral{border-color:var(--nvb-color-neutral-300)}.nvb-stats-card--info{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 30%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 42%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--success{border-color:color-mix(in oklab,var(--nvb-color-success-500) 32%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--warn,.nvb-stats-card--warning{border-color:color-mix(in oklab,var(--nvb-color-warning-500) 36%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--risk,.nvb-stats-card--danger{border-color:color-mix(in oklab,var(--nvb-color-risk-500) 34%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card--success .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-success-500) 12%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-700) 85%,black)}.nvb-stats-card--warn .nvb-stats-card__icon,.nvb-stats-card--warning .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-warning-500) 14%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-warning-700) 84%,black)}.nvb-stats-card--risk .nvb-stats-card__icon,.nvb-stats-card--danger .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card--info .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card__trend--up{background:color-mix(in oklab,var(--nvb-color-success-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-success-500) 30%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-500) 78%,black)}.nvb-stats-card__trend--down{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-risk-500) 32%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card__trend--neutral{background:var(--nvb-color-neutral-100);border-color:var(--nvb-color-neutral-300);color:var(--nvb-color-neutral-600)}\n"],dependencies:[{kind:"component",type:c,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:l,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"pipe",type:i,name:"dynamicText"}],changeDetection:a.ChangeDetectionStrategy.OnPush})};a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:e,decorators:[{type:p,args:[{selector:"stats-card-element",changeDetection:m.OnPush,imports:[c,l,i],template:"<element-wrapper [model]=\"model()\">\n  <article class=\"nvb-stats-card\" [ngClass]=\"cardClass()\" [attr.data-testid]=\"tid('root')\">\n    <header class=\"nvb-stats-card__header\">\n      <p class=\"nvb-stats-card__title\">{{ model().title | dynamicText: model() }}</p>\n      <span class=\"material-symbols-outlined nvb-stats-card__icon\">{{ iconName() }}</span>\n    </header>\n\n    <p class=\"nvb-stats-card__value\">{{ model().valueText | dynamicText: model() }}</p>\n\n    @if (model().trendText) {\n      <p class=\"nvb-stats-card__trend\" [ngClass]=\"trendClass()\">\n        <span class=\"material-symbols-outlined\">{{ trendIcon() }}</span>\n        <span>{{ model().trendText | dynamicText: model() }}</span>\n      </p>\n    }\n  </article>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-stats-card{width:100%;border-radius:var(--nvb-card-radius);border:1px solid var(--nvb-card-border-color);background:var(--nvb-card-bg);color:var(--nvb-color-neutral-700);padding:12px;display:grid;gap:8px}.nvb-stats-card__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.nvb-stats-card__title{margin:0;font-size:12px;color:var(--nvb-color-neutral-500);line-height:1.25}.nvb-stats-card__icon{width:28px;height:28px;border-radius:var(--nvb-control-radius);display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-700)}.nvb-stats-card__value{margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:700;line-height:1.15;word-break:break-word}.nvb-stats-card__trend{margin:0;display:inline-flex;align-items:center;gap:4px;width:fit-content;border-radius:var(--nvb-radius-full);border:1px solid transparent;font-size:12px;min-height:24px;padding:2px 8px}.nvb-stats-card__trend span.material-symbols-outlined{font-size:14px}.nvb-stats-card--neutral{border-color:var(--nvb-color-neutral-300)}.nvb-stats-card--info{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 30%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 42%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--success{border-color:color-mix(in oklab,var(--nvb-color-success-500) 32%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--warn,.nvb-stats-card--warning{border-color:color-mix(in oklab,var(--nvb-color-warning-500) 36%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--risk,.nvb-stats-card--danger{border-color:color-mix(in oklab,var(--nvb-color-risk-500) 34%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card--success .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-success-500) 12%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-700) 85%,black)}.nvb-stats-card--warn .nvb-stats-card__icon,.nvb-stats-card--warning .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-warning-500) 14%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-warning-700) 84%,black)}.nvb-stats-card--risk .nvb-stats-card__icon,.nvb-stats-card--danger .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card--info .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card__trend--up{background:color-mix(in oklab,var(--nvb-color-success-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-success-500) 30%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-500) 78%,black)}.nvb-stats-card__trend--down{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-risk-500) 32%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card__trend--neutral{background:var(--nvb-color-neutral-100);border-color:var(--nvb-color-neutral-300);color:var(--nvb-color-neutral-600)}\n"]}]}],propDecorators:{model:[{type:a.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{x as n,e as t};
+import{t as d}from"./ngxviewbuilder-runtime-rolldown-runtime-DpJrqANO.mjs";import{d as v,t as i}from"./ngxviewbuilder-runtime-dynamic-text.pipe-BUJ4fCqt.mjs";import{r as b,t as c}from"./ngxviewbuilder-runtime-element-wrapper-D0lfZvuW.mjs";import*as a from"@angular/core";import{ChangeDetectionStrategy as m,Component as p,computed as n,inject as u,input as g}from"@angular/core";import{NgClass as l}from"@angular/common";var x=d({StatsCardElement:()=>e});var e=class s{expressionService=u(v);model=g.required(...ngDevMode?[{debugName:"model"}]:[]);tid=b(this.model,"nvb-stats-card","stats-card");resolvedVariant=n(()=>this.resolveVariant(),...ngDevMode?[{debugName:"resolvedVariant"}]:[]);cardClass=n(()=>({[`nvb-stats-card--${this.resolvedVariant()}`]:true}),...ngDevMode?[{debugName:"cardClass"}]:[]);trendClass=n(()=>({[`nvb-stats-card__trend--${this.resolveTrendDirection()}`]:true}),...ngDevMode?[{debugName:"trendClass"}]:[]);iconName=n(()=>{return this.resolveExpressionValue(this.model()?.iconExpression)||String(this.model()?.icon??"").trim()||"monitoring"},...ngDevMode?[{debugName:"iconName"}]:[]);trendIcon=n(()=>{switch(this.resolveTrendDirection()){case"up":return"north_east";case"down":return"south_east";default:return"remove"}},...ngDevMode?[{debugName:"trendIcon"}]:[]);resolveVariant(){const o=this.resolveConditionalVariant()||this.resolveExpressionValue(this.model()?.variantExpression)||String(this.model()?.variant??"neutral");const r=String(o).trim().toLowerCase();if(r==="success")return"success";if(r==="warn"||r==="warning")return"warn";if(r==="risk"||r==="danger"||r==="error")return"risk";if(r==="info")return"info";if(r==="primary")return"primary";return"neutral"}resolveConditionalVariant(){if(String(this.model()?.variantMode??"static").trim().toLowerCase()!=="conditional")return"";const o=Array.isArray(this.model()?.variantRules)?this.model().variantRules:[];for(const r of o){const t=String(r?.condition??"").trim();if(!t)continue;if(Boolean(this.expressionService.evaluateInlineExpression(t,this.model())))return String(r?.variant??"").trim()}return""}resolveTrendDirection(){const o=this.resolveExpressionValue(this.model()?.trendDirectionExpression)||String(this.model()?.trendDirection??"neutral");const r=String(o).trim().toLowerCase();if(r==="up"||r==="down")return r;return"neutral"}resolveExpressionValue(o){const r=String(o??"").trim();if(!r)return"";const t=this.expressionService.evaluateInlineExpression(r,this.model());return String(t??"").trim()}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:s,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.2.1",type:s,isStandalone:true,selector:"stats-card-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:a,template:"<element-wrapper [model]=\"model()\">\n  <article class=\"nvb-stats-card\" [ngClass]=\"cardClass()\" [attr.data-testid]=\"tid('root')\">\n    <header class=\"nvb-stats-card__header\">\n      <p class=\"nvb-stats-card__title\">{{ model().title | dynamicText: model() }}</p>\n      <span class=\"material-symbols-outlined nvb-stats-card__icon\">{{ iconName() }}</span>\n    </header>\n\n    <p class=\"nvb-stats-card__value\">{{ model().valueText | dynamicText: model() }}</p>\n\n    @if (model().trendText) {\n      <p class=\"nvb-stats-card__trend\" [ngClass]=\"trendClass()\">\n        <span class=\"material-symbols-outlined\">{{ trendIcon() }}</span>\n        <span>{{ model().trendText | dynamicText: model() }}</span>\n      </p>\n    }\n  </article>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-stats-card{width:100%;border-radius:var(--nvb-card-radius);border:1px solid var(--nvb-card-border-color);background:var(--nvb-card-bg);color:var(--nvb-color-neutral-700);padding:12px;display:grid;gap:8px}.nvb-stats-card__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.nvb-stats-card__title{margin:0;font-size:12px;color:var(--nvb-color-neutral-500);line-height:1.25}.nvb-stats-card__icon{width:28px;height:28px;border-radius:var(--nvb-control-radius);display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-700)}.nvb-stats-card__value{margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:700;line-height:1.15;word-break:break-word}.nvb-stats-card__trend{margin:0;display:inline-flex;align-items:center;gap:4px;width:fit-content;border-radius:var(--nvb-radius-full);border:1px solid transparent;font-size:12px;min-height:24px;padding:2px 8px}.nvb-stats-card__trend span.material-symbols-outlined{font-size:14px}.nvb-stats-card--neutral{border-color:var(--nvb-color-neutral-300)}.nvb-stats-card--info{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 30%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 42%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--success{border-color:color-mix(in oklab,var(--nvb-color-success-500) 32%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--warn,.nvb-stats-card--warning{border-color:color-mix(in oklab,var(--nvb-color-warning-500) 36%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--risk,.nvb-stats-card--danger{border-color:color-mix(in oklab,var(--nvb-color-risk-500) 34%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card--success .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-success-500) 12%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-700) 85%,black)}.nvb-stats-card--warn .nvb-stats-card__icon,.nvb-stats-card--warning .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-warning-500) 14%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-warning-700) 84%,black)}.nvb-stats-card--risk .nvb-stats-card__icon,.nvb-stats-card--danger .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card--info .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card__trend--up{background:color-mix(in oklab,var(--nvb-color-success-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-success-500) 30%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-500) 78%,black)}.nvb-stats-card__trend--down{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-risk-500) 32%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card__trend--neutral{background:var(--nvb-color-neutral-100);border-color:var(--nvb-color-neutral-300);color:var(--nvb-color-neutral-600)}\n"],dependencies:[{kind:"component",type:c,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:l,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"pipe",type:i,name:"dynamicText"}],changeDetection:a.ChangeDetectionStrategy.OnPush})};a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.2.1",ngImport:a,type:e,decorators:[{type:p,args:[{selector:"stats-card-element",changeDetection:m.OnPush,imports:[c,l,i],template:"<element-wrapper [model]=\"model()\">\n  <article class=\"nvb-stats-card\" [ngClass]=\"cardClass()\" [attr.data-testid]=\"tid('root')\">\n    <header class=\"nvb-stats-card__header\">\n      <p class=\"nvb-stats-card__title\">{{ model().title | dynamicText: model() }}</p>\n      <span class=\"material-symbols-outlined nvb-stats-card__icon\">{{ iconName() }}</span>\n    </header>\n\n    <p class=\"nvb-stats-card__value\">{{ model().valueText | dynamicText: model() }}</p>\n\n    @if (model().trendText) {\n      <p class=\"nvb-stats-card__trend\" [ngClass]=\"trendClass()\">\n        <span class=\"material-symbols-outlined\">{{ trendIcon() }}</span>\n        <span>{{ model().trendText | dynamicText: model() }}</span>\n      </p>\n    }\n  </article>\n</element-wrapper>\n",styles:[":host{display:block;width:100%}.nvb-stats-card{width:100%;border-radius:var(--nvb-card-radius);border:1px solid var(--nvb-card-border-color);background:var(--nvb-card-bg);color:var(--nvb-color-neutral-700);padding:12px;display:grid;gap:8px}.nvb-stats-card__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.nvb-stats-card__title{margin:0;font-size:12px;color:var(--nvb-color-neutral-500);line-height:1.25}.nvb-stats-card__icon{width:28px;height:28px;border-radius:var(--nvb-control-radius);display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-700)}.nvb-stats-card__value{margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:700;line-height:1.15;word-break:break-word}.nvb-stats-card__trend{margin:0;display:inline-flex;align-items:center;gap:4px;width:fit-content;border-radius:var(--nvb-radius-full);border:1px solid transparent;font-size:12px;min-height:24px;padding:2px 8px}.nvb-stats-card__trend span.material-symbols-outlined{font-size:14px}.nvb-stats-card--neutral{border-color:var(--nvb-color-neutral-300)}.nvb-stats-card--info{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 30%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary{border-color:color-mix(in oklab,var(--nvb-color-primary-500) 42%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--success{border-color:color-mix(in oklab,var(--nvb-color-success-500) 32%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--warn,.nvb-stats-card--warning{border-color:color-mix(in oklab,var(--nvb-color-warning-500) 36%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--risk,.nvb-stats-card--danger{border-color:color-mix(in oklab,var(--nvb-color-risk-500) 34%,var(--nvb-color-surface-mix-target, white))}.nvb-stats-card--primary .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card--success .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-success-500) 12%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-700) 85%,black)}.nvb-stats-card--warn .nvb-stats-card__icon,.nvb-stats-card--warning .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-warning-500) 14%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-warning-700) 84%,black)}.nvb-stats-card--risk .nvb-stats-card__icon,.nvb-stats-card--danger .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card--info .nvb-stats-card__icon{background:color-mix(in oklab,var(--nvb-color-primary-500) 12%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-primary-700)}.nvb-stats-card__trend--up{background:color-mix(in oklab,var(--nvb-color-success-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-success-500) 30%,var(--nvb-color-surface-mix-target, white));color:color-mix(in oklab,var(--nvb-color-success-500) 78%,black)}.nvb-stats-card__trend--down{background:color-mix(in oklab,var(--nvb-color-risk-500) 14%,var(--nvb-color-surface-mix-target, white));border-color:color-mix(in oklab,var(--nvb-color-risk-500) 32%,var(--nvb-color-surface-mix-target, white));color:var(--nvb-color-risk-700)}.nvb-stats-card__trend--neutral{background:var(--nvb-color-neutral-100);border-color:var(--nvb-color-neutral-300);color:var(--nvb-color-neutral-600)}\n"]}]}],propDecorators:{model:[{type:a.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{x as n,e as t};