@a.nemreen/dga-ui 0.3.10 → 0.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -242,7 +242,7 @@ import{DOCUMENT as ot,NgTemplateOutlet as Qa,APP_BASE_HREF as bt,PlatformLocatio
|
|
|
242
242
|
</span>
|
|
243
243
|
}
|
|
244
244
|
<ng-content select="[dgaEnd]" />
|
|
245
|
-
`,host:{"[class]":"classes()","[attr.data-size]":"size()","[attr.data-status]":'status() === "default" ? null : status()',"[attr.data-state]":"stateAttr()","[attr.data-has-start]":"hasStart() || null","[attr.data-has-end]":"hasEnd() || null","(focusin)":"onFocusIn()","(focusout)":"onFocusOut($event)","(input)":"onInput()"},changeDetection:m.OnPush,styles:["dga-form-control.dga-form-control{--_dga-form-accent: var(--dga-form-field-accent, var(--dga-border-primary));--_dga-form-glow: var(--dga-form-field-focus-glow)}dga-form-control.dga-form-control[data-status=error]{--_dga-form-accent: var(--dga-border-error);--_dga-form-glow: color-mix(in srgb, var(--dga-color-red-500) 22%, transparent)}dga-form-control.dga-form-control[data-status=success]{--_dga-form-accent: var(--dga-border-success);--_dga-form-glow: color-mix(in srgb, var(--dga-color-green-500) 22%, transparent)}dga-form-control.dga-form-control[data-status=warning]{--_dga-form-accent: var(--dga-border-warning);--_dga-form-glow: color-mix(in srgb, var(--dga-color-yellow-500) 28%, transparent)}dga-form-control.dga-form-control[data-status=info]{--_dga-form-accent: var(--dga-border-info);--_dga-form-glow: color-mix(in srgb, var(--dga-color-blue-500) 22%, transparent)}dga-form-control.dga-form-control:before{content:\"\";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:0 0 3px 3px;background-color:var(--_dga-form-accent);transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s ease,height .18s ease;z-index:2;pointer-events:none}dga-form-control.dga-form-control[data-state~=focus]:not([data-state~=disabled]){border-color:var(--_dga-form-accent);box-shadow:0 0 0 3px var(--_dga-form-glow)}dga-form-control.dga-form-control[data-state~=focus]:not([data-state~=disabled]):before{transform:scaleX(1);opacity:1;height:2.5px}dga-form-control.dga-form-control[data-state~=active]:not([data-state~=focus]):not([data-state~=disabled]):before{transform:scaleX(1);opacity:.7;height:2px}dga-form-control.dga-form-control .dga-form-control__icon,dga-form-control.dga-form-control .dga-form-control__addon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;color:var(--dga-text-muted, #6b7280);line-height:0}dga-form-control.dga-form-control .dga-form-control__icon{pointer-events:none;inline-size:1.75rem;block-size:1.75rem}dga-form-control.dga-form-control .dga-form-control__icon dga-icon,dga-form-control.dga-form-control .dga-form-control__addon dga-icon,dga-form-control.dga-form-control button.dga-form-control__addon dga-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}dga-form-control.dga-form-control .dga-form-control__addon button,dga-form-control.dga-form-control button.dga-form-control__addon,dga-form-control.dga-form-control>button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;margin:0;padding:0;inline-size:1.75rem;block-size:1.75rem;min-width:1.75rem;min-height:1.75rem;border:0;border-radius:var(--dga-radius-sm, 4px);background:transparent;color:var(--dga-text-muted, #6b7280);cursor:pointer;transition:color .16s ease,background-color .16s ease}dga-form-control.dga-form-control .dga-form-control__addon button:hover,dga-form-control.dga-form-control button.dga-form-control__addon:hover:not(:disabled),dga-form-control.dga-form-control>button:hover:not(:disabled){color:var(--dga-text-fg, #111827);background:color-mix(in srgb,var(--dga-color-primary-500, #10b981) 10%,transparent)}dga-form-control.dga-form-control[data-state~=focus] .dga-form-control__icon,dga-form-control.dga-form-control[data-state~=focus] .dga-form-control__addon{color:var(--_dga-form-accent)}dga-form-control.dga-form-control>input,dga-form-control.dga-form-control>select,dga-form-control.dga-form-control>textarea{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0!important;min-height:0!important;height:auto;flex:1 1 auto;width:100%;min-width:0;align-self:center;line-height:1.5;padding-block:0!important;padding-inline:0!important}dga-form-control.dga-form-control>input:focus-visible,dga-form-control.dga-form-control>select:focus-visible,dga-form-control.dga-form-control>textarea:focus-visible{outline:none!important;box-shadow:none!important}\n"]}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],status:[{type:a.Input,args:[{isSignal:!0,alias:"status",required:!1}]}],disabled:[{type:a.Input,args:[{isSignal:!0,alias:"disabled",required:!1}]}],filled:[{type:a.Input,args:[{isSignal:!0,alias:"filled",required:!1}]}],startIcon:[{type:a.Input,args:[{isSignal:!0,alias:"startIcon",required:!1}]}],endIcon:[{type:a.Input,args:[{isSignal:!0,alias:"endIcon",required:!1}]}]}});function P(d){return{provide:ii,useExisting:le(()=>d),multi:!0}}class Ue{required=i(!1,{...ngDevMode?{debugName:"required"}:{},alias:"dgaRequired",transform:u});classes=n(()=>c("mb-xs inline-block text-body-sm font-medium text-display",this.required()&&"after:ms-xxs after:text-fg-error after:content-['*']"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:Ue,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:Ue,isStandalone:!0,selector:"label[dgaLabel]",inputs:{required:{classPropertyName:"required",publicName:"dgaRequired",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()"}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:Ue,decorators:[{type:V,args:[{selector:"label[dgaLabel]",standalone:!0,host:{"[class]":"classes()"}}]}],propDecorators:{required:[{type:a.Input,args:[{isSignal:!0,alias:"dgaRequired",required:!1}]}]}});const Ai="dga-choice shrink-0 cursor-pointer appearance-none border border-border bg-surface checked:border-primary checked:bg-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed disabled:opacity-50",Ri={sm:"size-lg rounded-xs",md:"size-xl rounded-sm",lg:"size-2xl rounded-sm"};class J{size=i("md",...ngDevMode?[{debugName:"size"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});classes=n(()=>c(Ai,Ri[this.size()],this.invalid()&&"outline outline-2 outline-offset-2 outline-border-error"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:J,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:J,isStandalone:!0,selector:'input[type="checkbox"][dgaCheckbox]',inputs:{size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()","attr.aria-invalid":"invalid() || null","attr.data-size":"size()"}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:J,decorators:[{type:V,args:[{selector:'input[type="checkbox"][dgaCheckbox]',standalone:!0,host:{"[class]":"classes()","[attr.aria-invalid]":"invalid() || null","[attr.data-size]":"size()"}}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],invalid:[{type:a.Input,args:[{isSignal:!0,alias:"dgaInvalid",required:!1}]}]}});const Oi="dga-choice shrink-0 cursor-pointer appearance-none rounded-full border border-border bg-surface checked:border-primary checked:bg-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed disabled:opacity-50",Ti={sm:"size-lg",md:"size-xl",lg:"size-2xl"};class me{size=i("md",...ngDevMode?[{debugName:"size"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});classes=n(()=>c(Oi,Ti[this.size()],this.invalid()&&"outline outline-2 outline-offset-2 outline-border-error"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:me,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:me,isStandalone:!0,selector:'input[type="radio"][dgaRadio]',inputs:{size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()","attr.aria-invalid":"invalid() || null","attr.data-size":"size()"}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:me,decorators:[{type:V,args:[{selector:'input[type="radio"][dgaRadio]',standalone:!0,host:{"[class]":"classes()","[attr.aria-invalid]":"invalid() || null","[attr.data-size]":"size()"}}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],invalid:[{type:a.Input,args:[{isSignal:!0,alias:"dgaInvalid",required:!1}]}]}});class fe{size=i("md",...ngDevMode?[{debugName:"size"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});status=i("default",...ngDevMode?[{debugName:"status"}]:[]);resolvedStatus=n(()=>this.status()!=="default"?this.status():oe(this.invalid()),...ngDevMode?[{debugName:"resolvedStatus"}]:[]);classes=n(()=>c(rt(this.size(),this.resolvedStatus()),"cursor-pointer"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:fe,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:fe,isStandalone:!0,selector:"select[dgaSelect]",inputs:{size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null},status:{classPropertyName:"status",publicName:"status",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()","attr.aria-invalid":'invalid() || status() === "error" || null',"attr.data-size":"size()","attr.data-status":'resolvedStatus() === "default" ? null : resolvedStatus()'}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:fe,decorators:[{type:V,args:[{selector:"select[dgaSelect]",standalone:!0,host:{"[class]":"classes()","[attr.aria-invalid]":'invalid() || status() === "error" || null',"[attr.data-size]":"size()","[attr.data-status]":'resolvedStatus() === "default" ? null : resolvedStatus()'}}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],invalid:[{type:a.Input,args:[{isSignal:!0,alias:"dgaInvalid",required:!1}]}],status:[{type:a.Input,args:[{isSignal:!0,alias:"status",required:!1}]}]}});class R{static nextId=0;host=h(z);listId=`dga-select-${++R.nextId}`;options=i([],...ngDevMode?[{debugName:"options"}]:[]);valueInput=i("",{...ngDevMode?{debugName:"valueInput"}:{},alias:"value"});value=De(this.valueInput,...ngDevMode?[{debugName:"value"}]:[]);multiple=i(!1,{...ngDevMode?{debugName:"multiple"}:{},transform:u});searchable=i(!1,{...ngDevMode?{debugName:"searchable"}:{},transform:u});openMode=i("dropdown",...ngDevMode?[{debugName:"openMode"}]:[]);clearable=i(!1,{...ngDevMode?{debugName:"clearable"}:{},transform:u});size=i("md",...ngDevMode?[{debugName:"size"}]:[]);status=i("default",...ngDevMode?[{debugName:"status"}]:[]);placeholder=i("اختر…",...ngDevMode?[{debugName:"placeholder"}]:[]);label=i("",...ngDevMode?[{debugName:"label"}]:[]);removeLabel=i("إزالة",...ngDevMode?[{debugName:"removeLabel"}]:[]);clearLabel=i("مسح",...ngDevMode?[{debugName:"clearLabel"}]:[]);emptyLabel=i("لا توجد نتائج",...ngDevMode?[{debugName:"emptyLabel"}]:[]);disabledInput=i(!1,{...ngDevMode?{debugName:"disabledInput"}:{},alias:"disabled",transform:u});cvaDisabled=b(!1,...ngDevMode?[{debugName:"cvaDisabled"}]:[]);disabled=n(()=>this.disabledInput()||this.cvaDisabled(),...ngDevMode?[{debugName:"disabled"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});valueChange=v();searchChange=v();onChange=()=>{};onTouched=()=>{};open=b(!1,...ngDevMode?[{debugName:"open"}]:[]);query=b("",...ngDevMode?[{debugName:"query"}]:[]);activeIndex=b(0,...ngDevMode?[{debugName:"activeIndex"}]:[]);constructor(){S(()=>{if(!this.searchable()||this.multiple())return;const e=this.value();if(typeof e!="string"||!e)return;const t=this.options().find(s=>s.value===e);t&&!this.open()&&this.query.set(t.label)})}resolvedStatus=n(()=>this.status()!=="default"?this.status():oe(this.invalid()),...ngDevMode?[{debugName:"resolvedStatus"}]:[]);listVisible=n(()=>this.openMode()==="always"||this.open(),...ngDevMode?[{debugName:"listVisible"}]:[]);selectedOpts=n(()=>{const e=this.selectedValues(),t=new Set(e);return this.options().filter(s=>t.has(s.value))},...ngDevMode?[{debugName:"selectedOpts"}]:[]);filtered=n(()=>{const e=this.options();if(!this.searchable())return e;const t=this.query().trim().toLowerCase();if(!t)return e;const s=this.selectedOpts()[0];return s&&t===s.label.toLowerCase()?e:e.filter(r=>r.label.toLowerCase().includes(t)||r.value.toLowerCase().includes(t)||(r.keywords?.toLowerCase().includes(t)??!1))},...ngDevMode?[{debugName:"filtered"}]:[]);activeOptionId=n(()=>!this.listVisible()||!this.filtered().length?null:this.optionId(this.activeIndex()),...ngDevMode?[{debugName:"activeOptionId"}]:[]);buttonClasses=n(()=>c(rt(this.size(),this.resolvedStatus()),Ve(this.resolvedStatus()),"cursor-pointer"),...ngDevMode?[{debugName:"buttonClasses"}]:[]);triggerWrapClasses=n(()=>c("dga-form-field flex w-full flex-wrap items-center gap-sm",rt(this.size(),this.resolvedStatus()),Ve(this.resolvedStatus()),"focus-within:border-border-primary",this.disabled()&&"pointer-events-none opacity-70"),...ngDevMode?[{debugName:"triggerWrapClasses"}]:[]);searchInputClasses=n(()=>c("min-w-0 flex-1 border-0 bg-transparent p-0 text-inherit outline-none","placeholder:text-muted focus:outline-none focus-visible:outline-none","disabled:cursor-not-allowed"),...ngDevMode?[{debugName:"searchInputClasses"}]:[]);listClasses=n(()=>c("z-dropdown max-h-8xl w-full overflow-auto rounded-md border border-border bg-elevated py-xs shadow-md",this.openMode()==="always"?"relative mt-sm":"absolute mt-xs"),...ngDevMode?[{debugName:"listClasses"}]:[]);displayPlaceholder(){return this.multiple()&&this.selectedOpts().length?"":!this.multiple()&&this.hasValue()&&!this.query()?this.selectedOpts()[0]?.label??this.placeholder():this.placeholder()}hasValue(){return this.selectedValues().length>0}optionId(e){return`${this.listId}-opt-${e}`}isSelected(e){return this.selectedValues().includes(e)}selectedValues(){const e=this.value();return this.multiple()?Array.isArray(e)?e:e?[e]:[]:Array.isArray(e)?e.length?[e[0]]:[]:e?[e]:[]}toggleOpen(){this.disabled()||this.openMode()==="always"||(this.open.update(e=>!e),this.open()&&this.activeIndex.set(0))}onFocus(){this.disabled()||(this.openMode()==="dropdown"&&this.open.set(!0),this.activeIndex.set(0),this.searchable()&&!this.multiple()&&queueMicrotask(()=>{this.host.nativeElement.querySelector('input[role="combobox"]')?.select()}))}onType(e){this.query.set(e),this.searchChange.emit(e),this.openMode()==="dropdown"&&this.open.set(!0),this.activeIndex.set(0),!this.multiple()&&!e&&this.clearable()&&this.commit("")}onKey(e){const t=this.filtered();if(e.key==="ArrowDown")e.preventDefault(),this.openMode()==="dropdown"&&this.open.set(!0),this.moveActive(1);else if(e.key==="ArrowUp")e.preventDefault(),this.openMode()==="dropdown"&&this.open.set(!0),this.moveActive(-1);else if(e.key==="Home")e.preventDefault(),this.activeIndex.set(this.firstEnabledIndex(t));else if(e.key==="End")e.preventDefault(),this.activeIndex.set(this.lastEnabledIndex(t));else if(e.key==="Enter"&&this.listVisible()){const s=t[this.activeIndex()];s&&!s.disabled&&(e.preventDefault(),this.pick(s))}else if(e.key==="Escape"&&this.openMode()==="dropdown")this.open.set(!1);else if(e.key==="Backspace"&&this.multiple()&&this.searchable()&&!this.query()){const s=this.selectedValues();s.length&&this.toggle(s[s.length-1])}}onBlur(){this.onTouched(),this.openMode()!=="always"&&queueMicrotask(()=>{if(this.open.set(!1),this.searchable()&&!this.multiple()){const e=this.selectedOpts()[0];this.query.set(e?.label??"")}})}onOptionMouseDown(e,t){e.preventDefault(),!t.disabled&&this.pick(t)}pick(e){if(!(this.disabled()||e.disabled)){if(this.multiple()){this.toggle(e.value),this.searchable()&&this.query.set("");return}this.commit(e.value),this.query.set(e.label),this.openMode()==="dropdown"&&this.open.set(!1)}}toggle(e){if(this.disabled())return;const t=new Set(this.selectedValues());t.has(e)?t.delete(e):t.add(e);const s=this.options().map(r=>r.value).filter(r=>t.has(r));this.commit(s)}clear(){this.disabled()||(this.commit(this.multiple()?[]:""),this.query.set(""),this.openMode()==="dropdown"&&this.searchable()&&this.open.set(!0))}onDocClick(e){if(this.openMode()==="always")return;const t=e.target;t&&!this.host.nativeElement.contains(t)&&this.open.set(!1)}commit(e){this.value.set(e),this.valueChange.emit(e),this.onChange(e)}writeValue(e){this.value.set(e??(this.multiple()?[]:""))}registerOnChange(e){this.onChange=e}registerOnTouched(e){this.onTouched=e}setDisabledState(e){this.cvaDisabled.set(e)}moveActive(e){const t=this.filtered(),s=t.length;if(!s){this.activeIndex.set(0);return}let r=this.activeIndex();for(let l=0;l<s;l++)if(r=(r+e+s)%s,!t[r]?.disabled){this.activeIndex.set(r);return}}firstEnabledIndex(e){const t=e.findIndex(s=>!s.disabled);return t<0?0:t}lastEnabledIndex(e){for(let t=e.length-1;t>=0;t--)if(!e[t]?.disabled)return t;return Math.max(e.length-1,0)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:R,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:R,isStandalone:!0,selector:"dga-select",inputs:{options:{classPropertyName:"options",publicName:"options",isSignal:!0,isRequired:!1,transformFunction:null},valueInput:{classPropertyName:"valueInput",publicName:"value",isSignal:!0,isRequired:!1,transformFunction:null},multiple:{classPropertyName:"multiple",publicName:"multiple",isSignal:!0,isRequired:!1,transformFunction:null},searchable:{classPropertyName:"searchable",publicName:"searchable",isSignal:!0,isRequired:!1,transformFunction:null},openMode:{classPropertyName:"openMode",publicName:"openMode",isSignal:!0,isRequired:!1,transformFunction:null},clearable:{classPropertyName:"clearable",publicName:"clearable",isSignal:!0,isRequired:!1,transformFunction:null},size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},status:{classPropertyName:"status",publicName:"status",isSignal:!0,isRequired:!1,transformFunction:null},placeholder:{classPropertyName:"placeholder",publicName:"placeholder",isSignal:!0,isRequired:!1,transformFunction:null},label:{classPropertyName:"label",publicName:"label",isSignal:!0,isRequired:!1,transformFunction:null},removeLabel:{classPropertyName:"removeLabel",publicName:"removeLabel",isSignal:!0,isRequired:!1,transformFunction:null},clearLabel:{classPropertyName:"clearLabel",publicName:"clearLabel",isSignal:!0,isRequired:!1,transformFunction:null},emptyLabel:{classPropertyName:"emptyLabel",publicName:"emptyLabel",isSignal:!0,isRequired:!1,transformFunction:null},disabledInput:{classPropertyName:"disabledInput",publicName:"disabled",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{valueChange:"valueChange",searchChange:"searchChange"},host:{listeners:{"document:click":"onDocClick($event)"},classAttribute:"block w-full"},providers:[P(R)],ngImport:a,template:`
|
|
245
|
+
`,host:{"[class]":"classes()","[attr.data-size]":"size()","[attr.data-status]":'status() === "default" ? null : status()',"[attr.data-state]":"stateAttr()","[attr.data-has-start]":"hasStart() || null","[attr.data-has-end]":"hasEnd() || null","(focusin)":"onFocusIn()","(focusout)":"onFocusOut($event)","(input)":"onInput()"},changeDetection:m.OnPush,styles:["dga-form-control.dga-form-control{--_dga-form-accent: var(--dga-form-field-accent, var(--dga-border-primary));--_dga-form-glow: var(--dga-form-field-focus-glow)}dga-form-control.dga-form-control[data-status=error]{--_dga-form-accent: var(--dga-border-error);--_dga-form-glow: color-mix(in srgb, var(--dga-color-red-500) 22%, transparent)}dga-form-control.dga-form-control[data-status=success]{--_dga-form-accent: var(--dga-border-success);--_dga-form-glow: color-mix(in srgb, var(--dga-color-green-500) 22%, transparent)}dga-form-control.dga-form-control[data-status=warning]{--_dga-form-accent: var(--dga-border-warning);--_dga-form-glow: color-mix(in srgb, var(--dga-color-yellow-500) 28%, transparent)}dga-form-control.dga-form-control[data-status=info]{--_dga-form-accent: var(--dga-border-info);--_dga-form-glow: color-mix(in srgb, var(--dga-color-blue-500) 22%, transparent)}dga-form-control.dga-form-control:before{content:\"\";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:0 0 3px 3px;background-color:var(--_dga-form-accent);transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s ease,height .18s ease;z-index:2;pointer-events:none}dga-form-control.dga-form-control[data-state~=focus]:not([data-state~=disabled]){border-color:var(--_dga-form-accent);box-shadow:0 0 0 3px var(--_dga-form-glow)}dga-form-control.dga-form-control[data-state~=focus]:not([data-state~=disabled]):before{transform:scaleX(1);opacity:1;height:2.5px}dga-form-control.dga-form-control[data-state~=active]:not([data-state~=focus]):not([data-state~=disabled]):before{transform:scaleX(1);opacity:.7;height:2px}dga-form-control.dga-form-control .dga-form-control__icon,dga-form-control.dga-form-control .dga-form-control__addon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;color:var(--dga-text-muted, #6b7280);line-height:0}dga-form-control.dga-form-control .dga-form-control__icon{pointer-events:none;inline-size:1.75rem;block-size:1.75rem}dga-form-control.dga-form-control .dga-form-control__icon dga-icon,dga-form-control.dga-form-control .dga-form-control__addon dga-icon,dga-form-control.dga-form-control button.dga-form-control__addon dga-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}dga-form-control.dga-form-control .dga-form-control__addon button,dga-form-control.dga-form-control button.dga-form-control__addon,dga-form-control.dga-form-control>button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;margin:0;padding:0;inline-size:1.75rem;block-size:1.75rem;min-width:1.75rem;min-height:1.75rem;border:0;border-radius:var(--dga-radius-sm, 4px);background:transparent;color:var(--dga-text-muted, #6b7280);cursor:pointer;transition:color .16s ease,background-color .16s ease}dga-form-control.dga-form-control .dga-form-control__addon button:hover,dga-form-control.dga-form-control button.dga-form-control__addon:hover:not(:disabled),dga-form-control.dga-form-control>button:hover:not(:disabled){color:var(--dga-text-fg, #111827);background:color-mix(in srgb,var(--dga-color-primary-500, #10b981) 10%,transparent)}dga-form-control.dga-form-control[data-state~=focus] .dga-form-control__icon,dga-form-control.dga-form-control[data-state~=focus] .dga-form-control__addon{color:var(--_dga-form-accent)}dga-form-control.dga-form-control>input,dga-form-control.dga-form-control>select,dga-form-control.dga-form-control>textarea{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0!important;min-height:0!important;height:auto;flex:1 1 auto;width:100%;min-width:0;align-self:center;line-height:1.5;padding-block:0!important;padding-inline:0!important}dga-form-control.dga-form-control>input:focus-visible,dga-form-control.dga-form-control>select:focus-visible,dga-form-control.dga-form-control>textarea:focus-visible{outline:none!important;box-shadow:none!important}\n"]}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],status:[{type:a.Input,args:[{isSignal:!0,alias:"status",required:!1}]}],disabled:[{type:a.Input,args:[{isSignal:!0,alias:"disabled",required:!1}]}],filled:[{type:a.Input,args:[{isSignal:!0,alias:"filled",required:!1}]}],startIcon:[{type:a.Input,args:[{isSignal:!0,alias:"startIcon",required:!1}]}],endIcon:[{type:a.Input,args:[{isSignal:!0,alias:"endIcon",required:!1}]}]}});function P(d){return{provide:ii,useExisting:le(()=>d),multi:!0}}class Ue{required=i(!1,{...ngDevMode?{debugName:"required"}:{},alias:"dgaRequired",transform:u});classes=n(()=>c("mb-xs inline-block text-body-sm font-medium text-display",this.required()&&"after:ms-xxs after:text-fg-error after:content-['*']"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:Ue,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:Ue,isStandalone:!0,selector:"label[dgaLabel]",inputs:{required:{classPropertyName:"required",publicName:"dgaRequired",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()"}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:Ue,decorators:[{type:V,args:[{selector:"label[dgaLabel]",standalone:!0,host:{"[class]":"classes()"}}]}],propDecorators:{required:[{type:a.Input,args:[{isSignal:!0,alias:"dgaRequired",required:!1}]}]}});const Ai="dga-choice shrink-0 cursor-pointer appearance-none border border-border bg-surface checked:border-primary checked:bg-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed disabled:opacity-50",Ri={sm:"size-lg rounded-xs",md:"size-xl rounded-sm",lg:"size-2xl rounded-sm"};class J{size=i("md",...ngDevMode?[{debugName:"size"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});classes=n(()=>c(Ai,Ri[this.size()],this.invalid()&&"outline outline-2 outline-offset-2 outline-border-error"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:J,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:J,isStandalone:!0,selector:'input[type="checkbox"][dgaCheckbox]',inputs:{size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()","attr.aria-invalid":"invalid() || null","attr.data-size":"size()"}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:J,decorators:[{type:V,args:[{selector:'input[type="checkbox"][dgaCheckbox]',standalone:!0,host:{"[class]":"classes()","[attr.aria-invalid]":"invalid() || null","[attr.data-size]":"size()"}}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],invalid:[{type:a.Input,args:[{isSignal:!0,alias:"dgaInvalid",required:!1}]}]}});const Oi="dga-choice shrink-0 cursor-pointer appearance-none rounded-full border border-border bg-surface checked:border-primary checked:bg-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed disabled:opacity-50",Ti={sm:"size-lg",md:"size-xl",lg:"size-2xl"};class me{size=i("md",...ngDevMode?[{debugName:"size"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});classes=n(()=>c(Oi,Ti[this.size()],this.invalid()&&"outline outline-2 outline-offset-2 outline-border-error"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:me,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:me,isStandalone:!0,selector:'input[type="radio"][dgaRadio]',inputs:{size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()","attr.aria-invalid":"invalid() || null","attr.data-size":"size()"}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:me,decorators:[{type:V,args:[{selector:'input[type="radio"][dgaRadio]',standalone:!0,host:{"[class]":"classes()","[attr.aria-invalid]":"invalid() || null","[attr.data-size]":"size()"}}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],invalid:[{type:a.Input,args:[{isSignal:!0,alias:"dgaInvalid",required:!1}]}]}});class fe{size=i("md",...ngDevMode?[{debugName:"size"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});status=i("default",...ngDevMode?[{debugName:"status"}]:[]);resolvedStatus=n(()=>this.status()!=="default"?this.status():oe(this.invalid()),...ngDevMode?[{debugName:"resolvedStatus"}]:[]);classes=n(()=>c(rt(this.size(),this.resolvedStatus()),"cursor-pointer"),...ngDevMode?[{debugName:"classes"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:fe,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:fe,isStandalone:!0,selector:"select[dgaSelect]",inputs:{size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null},status:{classPropertyName:"status",publicName:"status",isSignal:!0,isRequired:!1,transformFunction:null}},host:{properties:{class:"classes()","attr.aria-invalid":'invalid() || status() === "error" || null',"attr.data-size":"size()","attr.data-status":'resolvedStatus() === "default" ? null : resolvedStatus()'}},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:fe,decorators:[{type:V,args:[{selector:"select[dgaSelect]",standalone:!0,host:{"[class]":"classes()","[attr.aria-invalid]":'invalid() || status() === "error" || null',"[attr.data-size]":"size()","[attr.data-status]":'resolvedStatus() === "default" ? null : resolvedStatus()'}}]}],propDecorators:{size:[{type:a.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],invalid:[{type:a.Input,args:[{isSignal:!0,alias:"dgaInvalid",required:!1}]}],status:[{type:a.Input,args:[{isSignal:!0,alias:"status",required:!1}]}]}});class R{static nextId=0;host=h(z);listId=`dga-select-${++R.nextId}`;options=i([],...ngDevMode?[{debugName:"options"}]:[]);valueInput=i("",{...ngDevMode?{debugName:"valueInput"}:{},alias:"value"});value=De(this.valueInput,...ngDevMode?[{debugName:"value"}]:[]);multiple=i(!1,{...ngDevMode?{debugName:"multiple"}:{},transform:u});searchable=i(!1,{...ngDevMode?{debugName:"searchable"}:{},transform:u});openMode=i("dropdown",...ngDevMode?[{debugName:"openMode"}]:[]);clearable=i(!1,{...ngDevMode?{debugName:"clearable"}:{},transform:u});size=i("md",...ngDevMode?[{debugName:"size"}]:[]);status=i("default",...ngDevMode?[{debugName:"status"}]:[]);placeholder=i("اختر…",...ngDevMode?[{debugName:"placeholder"}]:[]);label=i("",...ngDevMode?[{debugName:"label"}]:[]);removeLabel=i("إزالة",...ngDevMode?[{debugName:"removeLabel"}]:[]);clearLabel=i("مسح",...ngDevMode?[{debugName:"clearLabel"}]:[]);emptyLabel=i("لا توجد نتائج",...ngDevMode?[{debugName:"emptyLabel"}]:[]);disabledInput=i(!1,{...ngDevMode?{debugName:"disabledInput"}:{},alias:"disabled",transform:u});cvaDisabled=b(!1,...ngDevMode?[{debugName:"cvaDisabled"}]:[]);disabled=n(()=>this.disabledInput()||this.cvaDisabled(),...ngDevMode?[{debugName:"disabled"}]:[]);invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:u});valueChange=v();searchChange=v();onChange=()=>{};onTouched=()=>{};open=b(!1,...ngDevMode?[{debugName:"open"}]:[]);query=b("",...ngDevMode?[{debugName:"query"}]:[]);activeIndex=b(0,...ngDevMode?[{debugName:"activeIndex"}]:[]);constructor(){S(()=>{if(!this.searchable()||this.multiple())return;const e=this.value();if(typeof e!="string"||!e)return;const t=this.options().find(s=>s.value===e);t&&!this.open()&&this.query.set(t.label)})}resolvedStatus=n(()=>this.status()!=="default"?this.status():oe(this.invalid()),...ngDevMode?[{debugName:"resolvedStatus"}]:[]);listVisible=n(()=>this.openMode()==="always"||this.open(),...ngDevMode?[{debugName:"listVisible"}]:[]);selectedOpts=n(()=>{const e=this.selectedValues(),t=new Set(e);return this.options().filter(s=>t.has(s.value))},...ngDevMode?[{debugName:"selectedOpts"}]:[]);filtered=n(()=>{const e=this.options();if(!this.searchable())return e;const t=this.query().trim().toLowerCase();if(!t)return e;const s=this.selectedOpts()[0];return s&&t===s.label.toLowerCase()?e:e.filter(r=>r.label.toLowerCase().includes(t)||r.value.toLowerCase().includes(t)||(r.keywords?.toLowerCase().includes(t)??!1))},...ngDevMode?[{debugName:"filtered"}]:[]);activeOptionId=n(()=>!this.listVisible()||!this.filtered().length?null:this.optionId(this.activeIndex()),...ngDevMode?[{debugName:"activeOptionId"}]:[]);buttonClasses=n(()=>c(rt(this.size(),this.resolvedStatus()),Ve(this.resolvedStatus()),"cursor-pointer"),...ngDevMode?[{debugName:"buttonClasses"}]:[]);triggerWrapClasses=n(()=>c("dga-form-field flex w-full flex-wrap items-center gap-sm",rt(this.size(),this.resolvedStatus()),Ve(this.resolvedStatus()),"focus-within:border-border-primary",this.disabled()&&"pointer-events-none opacity-70"),...ngDevMode?[{debugName:"triggerWrapClasses"}]:[]);searchInputClasses=n(()=>c("min-w-0 flex-1 border-0 bg-transparent p-0 text-inherit outline-none","placeholder:text-muted focus:outline-none focus-visible:outline-none","disabled:cursor-not-allowed"),...ngDevMode?[{debugName:"searchInputClasses"}]:[]);listClasses=n(()=>c("z-dropdown max-h-[min(20rem,70vh)] w-full overflow-auto rounded-md border border-border bg-elevated py-xs shadow-md",this.openMode()==="always"?"relative mt-sm":"absolute mt-xs"),...ngDevMode?[{debugName:"listClasses"}]:[]);displayPlaceholder(){return this.multiple()&&this.selectedOpts().length?"":!this.multiple()&&this.hasValue()&&!this.query()?this.selectedOpts()[0]?.label??this.placeholder():this.placeholder()}hasValue(){return this.selectedValues().length>0}optionId(e){return`${this.listId}-opt-${e}`}isSelected(e){return this.selectedValues().includes(e)}selectedValues(){const e=this.value();return this.multiple()?Array.isArray(e)?e:e?[e]:[]:Array.isArray(e)?e.length?[e[0]]:[]:e?[e]:[]}toggleOpen(){this.disabled()||this.openMode()==="always"||(this.open.update(e=>!e),this.open()&&this.activeIndex.set(0))}onFocus(){this.disabled()||(this.openMode()==="dropdown"&&this.open.set(!0),this.activeIndex.set(0),this.searchable()&&!this.multiple()&&queueMicrotask(()=>{this.host.nativeElement.querySelector('input[role="combobox"]')?.select()}))}onType(e){this.query.set(e),this.searchChange.emit(e),this.openMode()==="dropdown"&&this.open.set(!0),this.activeIndex.set(0),!this.multiple()&&!e&&this.clearable()&&this.commit("")}onKey(e){const t=this.filtered();if(e.key==="ArrowDown")e.preventDefault(),this.openMode()==="dropdown"&&this.open.set(!0),this.moveActive(1);else if(e.key==="ArrowUp")e.preventDefault(),this.openMode()==="dropdown"&&this.open.set(!0),this.moveActive(-1);else if(e.key==="Home")e.preventDefault(),this.activeIndex.set(this.firstEnabledIndex(t));else if(e.key==="End")e.preventDefault(),this.activeIndex.set(this.lastEnabledIndex(t));else if(e.key==="Enter"&&this.listVisible()){const s=t[this.activeIndex()];s&&!s.disabled&&(e.preventDefault(),this.pick(s))}else if(e.key==="Escape"&&this.openMode()==="dropdown")this.open.set(!1);else if(e.key==="Backspace"&&this.multiple()&&this.searchable()&&!this.query()){const s=this.selectedValues();s.length&&this.toggle(s[s.length-1])}}onBlur(){this.onTouched(),this.openMode()!=="always"&&queueMicrotask(()=>{if(this.open.set(!1),this.searchable()&&!this.multiple()){const e=this.selectedOpts()[0];this.query.set(e?.label??"")}})}onOptionMouseDown(e,t){e.preventDefault(),!t.disabled&&this.pick(t)}pick(e){if(!(this.disabled()||e.disabled)){if(this.multiple()){this.toggle(e.value),this.searchable()&&this.query.set("");return}this.commit(e.value),this.query.set(e.label),this.openMode()==="dropdown"&&this.open.set(!1)}}toggle(e){if(this.disabled())return;const t=new Set(this.selectedValues());t.has(e)?t.delete(e):t.add(e);const s=this.options().map(r=>r.value).filter(r=>t.has(r));this.commit(s)}clear(){this.disabled()||(this.commit(this.multiple()?[]:""),this.query.set(""),this.openMode()==="dropdown"&&this.searchable()&&this.open.set(!0))}onDocClick(e){if(this.openMode()==="always")return;const t=e.target;t&&!this.host.nativeElement.contains(t)&&this.open.set(!1)}commit(e){this.value.set(e),this.valueChange.emit(e),this.onChange(e)}writeValue(e){this.value.set(e??(this.multiple()?[]:""))}registerOnChange(e){this.onChange=e}registerOnTouched(e){this.onTouched=e}setDisabledState(e){this.cvaDisabled.set(e)}moveActive(e){const t=this.filtered(),s=t.length;if(!s){this.activeIndex.set(0);return}let r=this.activeIndex();for(let l=0;l<s;l++)if(r=(r+e+s)%s,!t[r]?.disabled){this.activeIndex.set(r);return}}firstEnabledIndex(e){const t=e.findIndex(s=>!s.disabled);return t<0?0:t}lastEnabledIndex(e){for(let t=e.length-1;t>=0;t--)if(!e[t]?.disabled)return t;return Math.max(e.length-1,0)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:R,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:R,isStandalone:!0,selector:"dga-select",inputs:{options:{classPropertyName:"options",publicName:"options",isSignal:!0,isRequired:!1,transformFunction:null},valueInput:{classPropertyName:"valueInput",publicName:"value",isSignal:!0,isRequired:!1,transformFunction:null},multiple:{classPropertyName:"multiple",publicName:"multiple",isSignal:!0,isRequired:!1,transformFunction:null},searchable:{classPropertyName:"searchable",publicName:"searchable",isSignal:!0,isRequired:!1,transformFunction:null},openMode:{classPropertyName:"openMode",publicName:"openMode",isSignal:!0,isRequired:!1,transformFunction:null},clearable:{classPropertyName:"clearable",publicName:"clearable",isSignal:!0,isRequired:!1,transformFunction:null},size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},status:{classPropertyName:"status",publicName:"status",isSignal:!0,isRequired:!1,transformFunction:null},placeholder:{classPropertyName:"placeholder",publicName:"placeholder",isSignal:!0,isRequired:!1,transformFunction:null},label:{classPropertyName:"label",publicName:"label",isSignal:!0,isRequired:!1,transformFunction:null},removeLabel:{classPropertyName:"removeLabel",publicName:"removeLabel",isSignal:!0,isRequired:!1,transformFunction:null},clearLabel:{classPropertyName:"clearLabel",publicName:"clearLabel",isSignal:!0,isRequired:!1,transformFunction:null},emptyLabel:{classPropertyName:"emptyLabel",publicName:"emptyLabel",isSignal:!0,isRequired:!1,transformFunction:null},disabledInput:{classPropertyName:"disabledInput",publicName:"disabled",isSignal:!0,isRequired:!1,transformFunction:null},invalid:{classPropertyName:"invalid",publicName:"dgaInvalid",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{valueChange:"valueChange",searchChange:"searchChange"},host:{listeners:{"document:click":"onDocClick($event)"},classAttribute:"block w-full"},providers:[P(R)],ngImport:a,template:`
|
|
246
246
|
<div class="relative w-full">
|
|
247
247
|
@if (searchable()) {
|
|
248
248
|
<div [class]="triggerWrapClasses()">
|
package/package.json
CHANGED
|
@@ -298,7 +298,7 @@ declare class DgaHeader {
|
|
|
298
298
|
/** Emits when a language is chosen from the locale menu. */
|
|
299
299
|
readonly localeSelect: _angular_core.OutputEmitterRef<string>;
|
|
300
300
|
/** Emits on click of any top-level nav link or dropdown link (desktop + mobile). */
|
|
301
|
-
readonly navLinkClick: _angular_core.OutputEmitterRef<
|
|
301
|
+
readonly navLinkClick: _angular_core.OutputEmitterRef<DgaNavLink | DgaNavItem>;
|
|
302
302
|
readonly mobileOpen: _angular_core.WritableSignal<boolean>;
|
|
303
303
|
readonly openDropdown: _angular_core.WritableSignal<number | null>;
|
|
304
304
|
readonly searchOpen: _angular_core.WritableSignal<boolean>;
|
|
@@ -39,7 +39,7 @@ declare class DgaPageTransition {
|
|
|
39
39
|
*/
|
|
40
40
|
readonly key: _angular_core.InputSignal<string | number | null>;
|
|
41
41
|
readonly phase: _angular_core.WritableSignal<"idle" | "enter">;
|
|
42
|
-
readonly resolvedName: _angular_core.Signal<"
|
|
42
|
+
readonly resolvedName: _angular_core.Signal<"fade-up" | "slide-stack" | "curtain-wipe" | "zoom-blur" | "book-flip" | "circle-reveal" | "shared-axis" | "glitch" | "iris-open" | "split-reveal" | "stagger-cascade" | "liquid-swipe" | "push-depth" | "skew-slide" | "bounce-in" | "film-strip" | "portal-warp" | "ripple-expand" | "origami-fold" | "swipe-cards" | "none">;
|
|
43
43
|
readonly durationCss: _angular_core.Signal<string>;
|
|
44
44
|
private htmlAttr;
|
|
45
45
|
private keyPrimed;
|
|
@@ -258,7 +258,7 @@ declare class DgaProgress {
|
|
|
258
258
|
readonly clamped: _angular_core.Signal<number>;
|
|
259
259
|
readonly dashOffset: _angular_core.Signal<number>;
|
|
260
260
|
readonly displayValue: _angular_core.Signal<string>;
|
|
261
|
-
readonly hostClasses: _angular_core.Signal<"
|
|
261
|
+
readonly hostClasses: _angular_core.Signal<"block w-full" | "inline-flex">;
|
|
262
262
|
readonly trackClasses: _angular_core.Signal<string>;
|
|
263
263
|
readonly barClasses: _angular_core.Signal<string>;
|
|
264
264
|
readonly radialWrapClasses: _angular_core.Signal<string>;
|
|
@@ -1049,7 +1049,7 @@ declare class DgaToast implements OnDestroy {
|
|
|
1049
1049
|
readonly edgeTop: _angular_core.Signal<"calc(var(--dga-announcement-offset, 0px) + 1rem)" | null>;
|
|
1050
1050
|
readonly edgeBottom: _angular_core.Signal<"1rem" | null>;
|
|
1051
1051
|
readonly iconName: _angular_core.Signal<DgaIconName>;
|
|
1052
|
-
readonly iconTone: _angular_core.Signal<"
|
|
1052
|
+
readonly iconTone: _angular_core.Signal<"error" | "success" | "warning" | "muted" | "current">;
|
|
1053
1053
|
readonly showCountdown: _angular_core.Signal<boolean>;
|
|
1054
1054
|
readonly reduceMotion: _angular_core.WritableSignal<boolean>;
|
|
1055
1055
|
readonly ringDashOffset: _angular_core.Signal<number>;
|
|
@@ -1681,7 +1681,7 @@ declare class DgaAlert {
|
|
|
1681
1681
|
readonly titleClasses: _angular_core.Signal<string>;
|
|
1682
1682
|
readonly descriptionClasses: _angular_core.Signal<string>;
|
|
1683
1683
|
readonly iconName: _angular_core.Signal<DgaIconName>;
|
|
1684
|
-
readonly iconTone: _angular_core.Signal<"
|
|
1684
|
+
readonly iconTone: _angular_core.Signal<"error" | "success" | "warning" | "muted" | "current">;
|
|
1685
1685
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAlert, never>;
|
|
1686
1686
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAlert, "dga-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*", "[dgaAlertActions]"], true, never>;
|
|
1687
1687
|
}
|
|
@@ -2304,7 +2304,7 @@ declare class DgaSideNav {
|
|
|
2304
2304
|
/**
|
|
2305
2305
|
* `auto` = horizontal chips below lg; `vertical` = always sidebar (use in drawers).
|
|
2306
2306
|
*/
|
|
2307
|
-
readonly layout: _angular_core.InputSignal<"
|
|
2307
|
+
readonly layout: _angular_core.InputSignal<"vertical" | "auto">;
|
|
2308
2308
|
readonly label: _angular_core.InputSignal<string>;
|
|
2309
2309
|
readonly toggleLabel: _angular_core.InputSignal<string>;
|
|
2310
2310
|
readonly select: _angular_core.OutputEmitterRef<DgaSideNavItem>;
|
|
@@ -2409,9 +2409,9 @@ declare class DgaNavRail {
|
|
|
2409
2409
|
readonly smoothScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2410
2410
|
readonly select: _angular_core.OutputEmitterRef<DgaNavRailItem>;
|
|
2411
2411
|
readonly expandChange: _angular_core.OutputEmitterRef<boolean>;
|
|
2412
|
-
readonly edgeAttr: _angular_core.Signal<"
|
|
2412
|
+
readonly edgeAttr: _angular_core.Signal<"start" | "end" | "left" | "right" | null>;
|
|
2413
2413
|
readonly offsetCss: _angular_core.Signal<string>;
|
|
2414
|
-
readonly tooltipPlacement: _angular_core.Signal<"
|
|
2414
|
+
readonly tooltipPlacement: _angular_core.Signal<"start" | "end">;
|
|
2415
2415
|
readonly iconSize: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
2416
2416
|
readonly expandIcon: _angular_core.Signal<"chevronLeft" | "chevronRight">;
|
|
2417
2417
|
readonly listGapClass: _angular_core.Signal<"gap-xs" | "gap-sm" | "gap-md">;
|