@a.nemreen/dga-ui 0.3.14 → 0.3.15
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.
- package/CHANGELOG.md +119 -0
- package/README.md +41 -11
- package/fesm2022/a.nemreen-dga-ui-chart.mjs +33 -7
- package/fesm2022/a.nemreen-dga-ui-chatbot.mjs +1 -1
- package/fesm2022/a.nemreen-dga-ui-cookies.mjs +1 -1
- package/fesm2022/a.nemreen-dga-ui-date-picker.mjs +3 -3
- package/fesm2022/a.nemreen-dga-ui-dga-icon-defaults-5A50haok.mjs +1 -0
- package/fesm2022/a.nemreen-dga-ui-header.mjs +26 -8
- package/fesm2022/a.nemreen-dga-ui.mjs +4059 -636
- package/package.json +4 -2
- package/types/a.nemreen-dga-ui-chart.d.ts +12 -0
- package/types/a.nemreen-dga-ui-chatbot.d.ts +3 -3
- package/types/a.nemreen-dga-ui-cookies.d.ts +1 -1
- package/types/a.nemreen-dga-ui-date-picker.d.ts +4 -47
- package/types/a.nemreen-dga-ui.d.ts +1594 -30
- package/fesm2022/a.nemreen-dga-ui-dga-icon-registry-sBZfCS6q.mjs +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as i from"@angular/core";import{inject as $,ElementRef as ee,DestroyRef as ae,input as c,linkedSignal as te,model as T,booleanAttribute as S,signal as _,computed as p,output as z,effect as A,HostListener as q,ChangeDetectionStrategy as re,ViewEncapsulation as de,Component as ie}from"@angular/core";import{NgStyle as B}from"@angular/common";import{dgaFormStatusFromInvalid as ne,DgaFormControl as O,DgaIcon as j,dgaProvideValueAccessor as U}from"@a.nemreen/dga-ui";const H={ar:["محرم","صفر","ربيع الأول","ربيع الثاني","جمادى الأولى","جمادى الآخرة","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة"],en:["Muharram","Safar","Rabi I","Rabi II","Jumada I","Jumada II","Rajab","Sha'ban","Ramadan","Shawwal","Dhu al-Qi'dah","Dhu al-Hijjah"]},J={ar:["يناير","فبراير","مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],en:["January","February","March","April","May","June","July","August","September","October","November","December"]},G={ar:["أحد","إثن","ثلا","أرب","خمي","جمع","سبت"],en:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},se=new Intl.DateTimeFormat("en-US-u-ca-islamic-umalqura",{day:"numeric",month:"numeric",year:"numeric",timeZone:"UTC"});function W(d){return d<10?`0${d}`:String(d)}function w(d){return new Date(Date.UTC(d.getUTCFullYear(),d.getUTCMonth(),d.getUTCDate()))}function L(d,e){return parseInt(d.find(t=>t.type===e)?.value??"0",10)}function g(d,e){const t=w(d);if(e==="hijri"){const a=se.formatToParts(t);return{year:L(a,"year"),month:L(a,"month"),day:L(a,"day")}}return{year:t.getUTCFullYear(),month:t.getUTCMonth()+1,day:t.getUTCDate()}}function v(d,e){const{year:t,month:a,day:r}=d;if(e==="gregorian")return new Date(Date.UTC(t,a-1,r));let s=Date.UTC(Math.max(622,Math.floor(t*.97+579)-3),0,1),l=Date.UTC(Math.floor(t*.97+579)+3,11,31);for(;s<=l;){const n=s+Math.floor((l-s)/2),o=new Date(n),h=g(o,"hijri"),b=h.year!==t?h.year-t:h.month!==a?h.month-a:h.day-r;if(b===0)return w(o);b<0?s=n+864e5:l=n-864e5}return w(new Date(s))}function C(d,e,t){if(t==="gregorian")return new Date(Date.UTC(d,e,0)).getUTCDate();for(let a=30;a>=29;a--){const r=v({year:d,month:e,day:a},"hijri"),s=g(r,"hijri");if(s.year===d&&s.month===e&&s.day===a)return a}return 29}function R(d,e,t){let a=d.year,r=d.month+e;for(;r>12;)r-=12,a+=1;for(;r<1;)r+=12,a-=1;const s=C(a,r,t);return{year:a,month:r,day:Math.min(d.day,s)}}function K(d){const e=/D{1,2}/.test(d),t=/M{1,2}/.test(d);return e?"day":t?"month":"year"}function D(d,e,t){const a=g(d,t);return e.replace(/YYYY|YY|MM|M|DD|D/g,r=>{switch(r){case"YYYY":return String(a.year);case"YY":return String(a.year).slice(-2);case"MM":return W(a.month);case"M":return String(a.month);case"DD":return W(a.day);case"D":return String(a.day);default:return r}})}function V(d,e,t){const a=d.trim();if(!a)return null;const r=/(YYYY|YY|MM|M|DD|D)/g;if(![...e.matchAll(r)].map(f=>f[1]).length)return null;let l="",n=0;for(const f of e.matchAll(r)){l+=Q(e.slice(n,f.index));const k=f[1];k==="YYYY"?l+="(?<YYYY>\\d{4})":k==="YY"?l+="(?<YY>\\d{2})":k==="MM"||k==="DD"?l+=`(?<${k}>\\d{2})`:l+=`(?<${k}>\\d{1,2})`,n=(f.index??0)+k.length}l+=Q(e.slice(n));const o=new RegExp(`^${l}$`).exec(a);if(!o?.groups)return null;let b=g(new Date,t).year;if(o.groups.YYYY)b=parseInt(o.groups.YYYY,10);else if(o.groups.YY){const f=parseInt(o.groups.YY,10);b=f>=70?1900+f:2e3+f}let u=1;(o.groups.MM||o.groups.M)&&(u=parseInt(o.groups.MM??o.groups.M,10));let m=1;if((o.groups.DD||o.groups.D)&&(m=parseInt(o.groups.DD??o.groups.D,10)),u<1||u>12||m<1||m>31)return null;const Y=v({year:b,month:u,day:m},t),P=g(Y,t);return P.year!==b||P.month!==u||P.day!==m?null:Y}function Q(d){return d.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function M(d,e,t="gregorian"){if(!d||!e)return!1;const a=g(d,t),r=g(e,t);return a.year===r.year&&a.month===r.month&&a.day===r.day}function y(d,e,t="gregorian"){if(!d&&!e)return 0;if(!d)return-1;if(!e)return 1;const a=g(d,t),r=g(e,t);return a.year!==r.year?a.year-r.year:a.month!==r.month?a.month-r.month:a.day-r.day}function F(d,e,t,a="gregorian"){let r=w(d);return e&&y(r,e,a)<0&&(r=w(e)),t&&y(r,t,a)>0&&(r=w(t)),r}function E(d,e){const t=e==="ar"?"ar":"en";return d==="hijri"?H[t]:J[t]}function Z(d,e,t){return v({year:d,month:e,day:1},t).getUTCDay()}function N(){const d=new Date;return new Date(Date.UTC(d.getFullYear(),d.getMonth(),d.getDate()))}function I(d,e,t){return d==null||d===""?null:d instanceof Date?w(d):V(String(d),e,t)}const le={ar:{today:"اليوم",clear:"مسح",close:"إغلاق",save:"حفظ",prev:"السابق",next:"التالي",calendar:"فتح التقويم",clearInput:"مسح التاريخ",month:"الشهر",year:"السنة",placeholder:"يوم/شهر/سنة",rangeStart:"تاريخ البداية",rangeEnd:"تاريخ النهاية"},en:{today:"Today",clear:"Clear",close:"Close",save:"Save",prev:"Previous",next:"Next",calendar:"Open calendar",clearInput:"Clear date",month:"Month",year:"Year",placeholder:"DD/MM/YYYY",rangeStart:"Start date",rangeEnd:"End date"}};let oe=0;class x{host=$(ee);destroyRef=$(ae);inputId=`dga-date-picker-${++oe}`;panelId=`${this.inputId}-panel`;valueInput=c("",{...ngDevMode?{debugName:"valueInput"}:{},alias:"value"});value=te(this.valueInput,...ngDevMode?[{debugName:"value"}]:[]);startValue=T("",...ngDevMode?[{debugName:"startValue"}]:[]);endValue=T("",...ngDevMode?[{debugName:"endValue"}]:[]);onChange=()=>{};onTouched=()=>{};calendar=c("gregorian",...ngDevMode?[{debugName:"calendar"}]:[]);range=c(!1,{...ngDevMode?{debugName:"range"}:{},transform:S});format=c("DD/MM/YYYY",...ngDevMode?[{debugName:"format"}]:[]);mode=c(null,...ngDevMode?[{debugName:"mode"}]:[]);locale=c("ar",...ngDevMode?[{debugName:"locale"}]:[]);minDate=c(null,...ngDevMode?[{debugName:"minDate"}]:[]);maxDate=c(null,...ngDevMode?[{debugName:"maxDate"}]:[]);yearBefore=c(40,...ngDevMode?[{debugName:"yearBefore"}]:[]);yearAfter=c(5,...ngDevMode?[{debugName:"yearAfter"}]:[]);placeholder=c("",...ngDevMode?[{debugName:"placeholder"}]:[]);controlId=c("",...ngDevMode?[{debugName:"controlId"}]:[]);name=c("",...ngDevMode?[{debugName:"name"}]:[]);size=c("md",...ngDevMode?[{debugName:"size"}]:[]);disabledInput=c(!1,{...ngDevMode?{debugName:"disabledInput"}:{},alias:"disabled",transform:S});cvaDisabled=_(!1,...ngDevMode?[{debugName:"cvaDisabled"}]:[]);disabled=p(()=>this.disabledInput()||this.cvaDisabled(),...ngDevMode?[{debugName:"disabled"}]:[]);required=c(!1,{...ngDevMode?{debugName:"required"}:{},transform:S});clearable=c(!1,{...ngDevMode?{debugName:"clearable"}:{},transform:S});editable=c(!0,{...ngDevMode?{debugName:"editable"}:{},transform:S});invalid=c(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:S});status=c("default",...ngDevMode?[{debugName:"status"}]:[]);rangeSeparator=c(" - ",...ngDevMode?[{debugName:"rangeSeparator"}]:[]);todayLabel=c("",...ngDevMode?[{debugName:"todayLabel"}]:[]);clearLabel=c("",...ngDevMode?[{debugName:"clearLabel"}]:[]);closeLabel=c("",...ngDevMode?[{debugName:"closeLabel"}]:[]);saveLabel=c("",...ngDevMode?[{debugName:"saveLabel"}]:[]);ariaLabel=c("",...ngDevMode?[{debugName:"ariaLabel"}]:[]);resolvedTodayLabel=p(()=>this.todayLabel()||this.labels().today,...ngDevMode?[{debugName:"resolvedTodayLabel"}]:[]);resolvedClearLabel=p(()=>this.clearLabel()||this.labels().clear,...ngDevMode?[{debugName:"resolvedClearLabel"}]:[]);resolvedCloseLabel=p(()=>this.closeLabel()||this.labels().close,...ngDevMode?[{debugName:"resolvedCloseLabel"}]:[]);resolvedSaveLabel=p(()=>this.saveLabel()||this.labels().save,...ngDevMode?[{debugName:"resolvedSaveLabel"}]:[]);valueChange=z();rangeChange=z();open=_(!1,...ngDevMode?[{debugName:"open"}]:[]);panelStyle=_({},...ngDevMode?[{debugName:"panelStyle"}]:[]);panelView=_("day",...ngDevMode?[{debugName:"panelView"}]:[]);viewParts=_(this.initialViewParts(),...ngDevMode?[{debugName:"viewParts"}]:[]);draftStart=_(null,...ngDevMode?[{debugName:"draftStart"}]:[]);draftEnd=_(null,...ngDevMode?[{debugName:"draftEnd"}]:[]);rangePickPhase=_("start",...ngDevMode?[{debugName:"rangePickPhase"}]:[]);typedValue=_(null,...ngDevMode?[{debugName:"typedValue"}]:[]);effectiveStatus=p(()=>this.status()!=="default"?this.status():ne(this.invalid()),...ngDevMode?[{debugName:"effectiveStatus"}]:[]);panelMode=p(()=>this.mode()??K(this.format()),...ngDevMode?[{debugName:"panelMode"}]:[]);labels=p(()=>{const e=this.locale()==="ar"?"ar":"en";return le[e]},...ngDevMode?[{debugName:"labels"}]:[]);resolvedPlaceholder=p(()=>this.placeholder()||this.labels().placeholder,...ngDevMode?[{debugName:"resolvedPlaceholder"}]:[]);weekdays=p(()=>{const e=this.locale()==="ar"?"ar":"en";return G[e]},...ngDevMode?[{debugName:"weekdays"}]:[]);minBound=p(()=>I(this.minDate(),this.format(),this.calendar()),...ngDevMode?[{debugName:"minBound"}]:[]);maxBound=p(()=>I(this.maxDate(),this.format(),this.calendar()),...ngDevMode?[{debugName:"maxBound"}]:[]);displayValue=p(()=>{const e=this.typedValue();if(e!==null)return e;if(this.range()){const t=this.startValue()||this.parseRangeFromValue().start,a=this.endValue()||this.parseRangeFromValue().end;return t&&a?`${t}${this.rangeSeparator()}${a}`:t||a||this.value()}return this.value()},...ngDevMode?[{debugName:"displayValue"}]:[]);viewYear=p(()=>this.viewParts().year,...ngDevMode?[{debugName:"viewYear"}]:[]);viewMonth=p(()=>this.viewParts().month,...ngDevMode?[{debugName:"viewMonth"}]:[]);monthOptions=p(()=>{const e=E(this.calendar(),this.locale()),t=this.viewYear(),a=this.draftAnchorParts();return e.map((r,s)=>{const l=s+1,n=this.isMonthDisabled(t,l);return{value:l,label:r,selected:a?.month===l&&a?.year===t,disabled:n}})},...ngDevMode?[{debugName:"monthOptions"}]:[]);yearOptions=p(()=>{const e=this.viewParts(),t=this.draftAnchorParts(),a=g(N(),this.calendar()).year,r=a-this.yearBefore(),s=a+this.yearAfter(),l=[];for(let n=r;n<=s;n+=1)l.push({value:n,selected:t?.year===n,disabled:this.isYearDisabled(n)});return l.some(n=>n.value===e.year)||(l.unshift({value:e.year,selected:t?.year===e.year,disabled:this.isYearDisabled(e.year)}),l.sort((n,o)=>n.value-o.value)),l},...ngDevMode?[{debugName:"yearOptions"}]:[]);dayCells=p(()=>{if(this.panelView()!=="day")return[];const e=this.viewYear(),t=this.viewMonth(),a=this.calendar(),r=C(e,t,a),s=Z(e,t,a),l=N(),n=this.draftStart(),o=this.draftEnd(),h=o??n,b=[];for(let u=0;u<s;u+=1)b.push({key:`e-${u}`,empty:!0});for(let u=1;u<=r;u+=1){const m=v({year:e,month:t,day:u},a),Y=this.isDateDisabled(m),P=n&&M(m,n,a)||o&&M(m,o,a),f=this.range()&&n&&h&&y(m,n,a)>=0&&y(m,h,a)<=0,k=this.range()&&n&&M(m,n,a),X=this.range()&&h&&M(m,h,a);b.push({key:`${e}-${t}-${u}`,empty:!1,day:u,today:M(m,l,a),selected:!!P,inRange:!!f,rangeStart:!!k,rangeEnd:!!X,disabled:Y,label:D(m,this.format(),a)})}return b},...ngDevMode?[{debugName:"dayCells"}]:[]);constructor(){A(()=>{this.syncDraftFromModels()}),A(()=>{const e=this.panelMode();this.open()&&this.panelView.set(e)}),this.destroyRef.onDestroy(()=>{this.open.set(!1)})}onDocumentClick(e){if(!this.open())return;const t=e.target;t&&this.host.nativeElement.contains(t)||this.closePanel(!1)}onEscape(){this.open()&&this.closePanel(!1)}onReposition(){this.open()&&this.repositionPanel()}monthLabel(e){return E(this.calendar(),this.locale())[e-1]??String(e)}togglePanel(){if(!this.disabled()){if(this.open()){this.closePanel(!1);return}this.openPanel()}}openPanel(){this.syncDraftFromModels(),this.panelView.set(this.panelMode());const e=this.draftStart()??this.minBound()??N();this.viewParts.set(g(e,this.calendar())),this.repositionPanel(),this.open.set(!0),requestAnimationFrame(()=>this.repositionPanel())}closePanel(e=!1){e&&this.syncDraftFromModels(),this.open.set(!1),this.panelStyle.set({}),this.rangePickPhase.set("start")}repositionPanel(){if(typeof document>"u")return;const t=(this.host.nativeElement.querySelector("dga-form-control")??this.host.nativeElement).getBoundingClientRect(),a=4,r=340,s=window.innerHeight-t.bottom,l=s<r&&t.top>s,n=document.documentElement.dir==="rtl";this.panelStyle.set({position:"fixed",zIndex:"var(--z-index-dropdown)",...l?{bottom:`${Math.round(window.innerHeight-t.top+a)}px`,top:"auto"}:{top:`${Math.round(t.bottom+a)}px`,bottom:"auto"},...n?{right:`${Math.round(window.innerWidth-t.right)}px`,left:"auto"}:{left:`${Math.round(t.left)}px`,right:"auto"}})}navigate(e){const t=this.panelView(),a=this.viewParts();if(t==="year"){this.viewParts.set({...a,year:a.year+e*12});return}if(t==="month"){this.viewParts.set({...a,year:a.year+e});return}this.viewParts.set(R(a,e,this.calendar()))}setPanelView(e){this.panelView.set(e)}selectDay(e){const t={year:this.viewYear(),month:this.viewMonth(),day:e},a=v(t,this.calendar());this.isDateDisabled(a)||this.applyDraftDate(a)}selectMonth(e){if(this.isMonthDisabled(this.viewYear(),e))return;const t=R({year:this.viewYear(),month:e,day:1},0,this.calendar());if(this.viewParts.set(t),this.panelMode()==="month"){this.applyDraftDate(v(t,this.calendar()));return}this.panelView.set("day")}selectYear(e){if(this.isYearDisabled(e))return;const t={...this.viewParts(),year:e};if(this.viewParts.set(t),this.panelMode()==="year"){const a=v({year:e,month:1,day:1},this.calendar());this.applyDraftDate(a);return}this.panelView.set(this.panelMode()==="month"?"month":"day")}goToday(){const e=F(N(),this.minBound(),this.maxBound(),this.calendar());this.viewParts.set(g(e,this.calendar())),this.applyDraftDate(e)}clearDraft(){this.draftStart.set(null),this.draftEnd.set(null),this.rangePickPhase.set("start")}clearAll(){this.draftStart.set(null),this.draftEnd.set(null),this.typedValue.set(null),this.emitValues("","",""),this.closePanel()}save(){const e=this.calendar(),t=this.format();if(this.range()){const a=this.draftStart(),r=this.draftEnd()??a;if(!a){this.closePanel();return}const s=D(a,t,e),l=r?D(r,t,e):s,n=`${s}${this.rangeSeparator()}${l}`;this.emitValues(n,s,l)}else{const a=this.draftStart();if(!a)this.emitValues("","","");else{const r=D(a,t,e);this.emitValues(r,r,"")}}this.typedValue.set(null),this.closePanel()}onInput(e){this.editable()&&this.typedValue.set(e)}onInputBlur(){this.onTouched();const e=this.typedValue();if(e===null)return;if(this.typedValue.set(null),!e.trim()){this.clearAll();return}if(this.range()){const[a,r]=e.split(this.rangeSeparator()),s=V(a?.trim()??"",this.format(),this.calendar()),l=V(r?.trim()??"",this.format(),this.calendar());if(s&&l){const n=y(s,l,this.calendar())<=0?{start:s,end:l}:{start:l,end:s},o=D(n.start,this.format(),this.calendar()),h=D(n.end,this.format(),this.calendar());this.emitValues(`${o}${this.rangeSeparator()}${h}`,o,h)}else if(s){const n=D(s,this.format(),this.calendar());this.emitValues(n,n,"")}return}const t=V(e.trim(),this.format(),this.calendar());if(t){const a=D(t,this.format(),this.calendar());this.emitValues(a,a,"")}}onInputKeydown(e){(e.key==="ArrowDown"||e.key==="Enter")&&(this.open()||(e.preventDefault(),this.openPanel())),e.key==="Escape"&&this.open()&&(e.preventDefault(),this.closePanel(!1))}applyDraftDate(e){const t=F(e,this.minBound(),this.maxBound(),this.calendar());if(!this.range()){this.draftStart.set(t),this.draftEnd.set(null);return}if(this.rangePickPhase()==="start"||!this.draftStart()){this.draftStart.set(t),this.draftEnd.set(null),this.rangePickPhase.set("end");return}const a=this.draftStart();y(t,a,this.calendar())<0?(this.draftStart.set(t),this.draftEnd.set(a)):this.draftEnd.set(t),this.rangePickPhase.set("start")}draftAnchorParts(){const e=this.draftEnd()??this.draftStart();return e?g(e,this.calendar()):null}syncDraftFromModels(){const e=this.calendar(),t=this.format();if(this.range()){const r=this.parseRangeFromValue(),s=I(this.startValue()||r.start,t,e),l=I(this.endValue()||r.end,t,e);this.draftStart.set(s),this.draftEnd.set(l),s&&this.viewParts.set(g(s,e));return}const a=I(this.value(),t,e);this.draftStart.set(a),this.draftEnd.set(null),a&&this.viewParts.set(g(a,e))}parseRangeFromValue(){const e=this.value();if(!e)return{start:"",end:""};const t=this.rangeSeparator(),a=e.indexOf(t);return a===-1?{start:e,end:""}:{start:e.slice(0,a).trim(),end:e.slice(a+t.length).trim()}}emitValues(e,t,a){this.value.set(e),this.startValue.set(t),this.endValue.set(a),this.valueChange.emit(e),this.rangeChange.emit({start:t,end:a}),this.range()||this.onChange(e)}writeValue(e){this.value.set(e??"")}registerOnChange(e){this.onChange=e}registerOnTouched(e){this.onTouched=e}setDisabledState(e){this.cvaDisabled.set(e)}isDateDisabled(e){const t=this.minBound(),a=this.maxBound();return!!(t&&y(e,t,this.calendar())<0||a&&y(e,a,this.calendar())>0)}isMonthDisabled(e,t){const a=this.calendar(),r=v({year:e,month:t,day:1},a),s=C(e,t,a),l=v({year:e,month:t,day:s},a),n=this.minBound(),o=this.maxBound();return!!(n&&y(l,n,a)<0||o&&y(r,o,a)>0)}isYearDisabled(e){const t=this.calendar();for(let a=1;a<=12;a+=1)if(!this.isMonthDisabled(e,a))return!1;return!0}initialViewParts(){return g(N(),"gregorian")}static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:x,deps:[],target:i.ɵɵFactoryTarget.Component});static ɵcmp=i.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:x,isStandalone:!0,selector:"dga-date-picker",inputs:{valueInput:{classPropertyName:"valueInput",publicName:"value",isSignal:!0,isRequired:!1,transformFunction:null},startValue:{classPropertyName:"startValue",publicName:"startValue",isSignal:!0,isRequired:!1,transformFunction:null},endValue:{classPropertyName:"endValue",publicName:"endValue",isSignal:!0,isRequired:!1,transformFunction:null},calendar:{classPropertyName:"calendar",publicName:"calendar",isSignal:!0,isRequired:!1,transformFunction:null},range:{classPropertyName:"range",publicName:"range",isSignal:!0,isRequired:!1,transformFunction:null},format:{classPropertyName:"format",publicName:"format",isSignal:!0,isRequired:!1,transformFunction:null},mode:{classPropertyName:"mode",publicName:"mode",isSignal:!0,isRequired:!1,transformFunction:null},locale:{classPropertyName:"locale",publicName:"locale",isSignal:!0,isRequired:!1,transformFunction:null},minDate:{classPropertyName:"minDate",publicName:"minDate",isSignal:!0,isRequired:!1,transformFunction:null},maxDate:{classPropertyName:"maxDate",publicName:"maxDate",isSignal:!0,isRequired:!1,transformFunction:null},yearBefore:{classPropertyName:"yearBefore",publicName:"yearBefore",isSignal:!0,isRequired:!1,transformFunction:null},yearAfter:{classPropertyName:"yearAfter",publicName:"yearAfter",isSignal:!0,isRequired:!1,transformFunction:null},placeholder:{classPropertyName:"placeholder",publicName:"placeholder",isSignal:!0,isRequired:!1,transformFunction:null},controlId:{classPropertyName:"controlId",publicName:"controlId",isSignal:!0,isRequired:!1,transformFunction:null},name:{classPropertyName:"name",publicName:"name",isSignal:!0,isRequired:!1,transformFunction:null},size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},disabledInput:{classPropertyName:"disabledInput",publicName:"disabled",isSignal:!0,isRequired:!1,transformFunction:null},required:{classPropertyName:"required",publicName:"required",isSignal:!0,isRequired:!1,transformFunction:null},clearable:{classPropertyName:"clearable",publicName:"clearable",isSignal:!0,isRequired:!1,transformFunction:null},editable:{classPropertyName:"editable",publicName:"editable",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},rangeSeparator:{classPropertyName:"rangeSeparator",publicName:"rangeSeparator",isSignal:!0,isRequired:!1,transformFunction:null},todayLabel:{classPropertyName:"todayLabel",publicName:"todayLabel",isSignal:!0,isRequired:!1,transformFunction:null},clearLabel:{classPropertyName:"clearLabel",publicName:"clearLabel",isSignal:!0,isRequired:!1,transformFunction:null},closeLabel:{classPropertyName:"closeLabel",publicName:"closeLabel",isSignal:!0,isRequired:!1,transformFunction:null},saveLabel:{classPropertyName:"saveLabel",publicName:"saveLabel",isSignal:!0,isRequired:!1,transformFunction:null},ariaLabel:{classPropertyName:"ariaLabel",publicName:"ariaLabel",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{startValue:"startValueChange",endValue:"endValueChange",valueChange:"valueChange",rangeChange:"rangeChange"},host:{listeners:{"document:click":"onDocumentClick($event)","document:keydown.escape":"onEscape()","window:resize":"onReposition()","window:scroll":"onReposition()"},classAttribute:"dga-date-picker-host"},providers:[U(x)],ngImport:i,template:`
|
|
1
|
+
import*as r from"@angular/core";import{inject as M,ElementRef as j,DestroyRef as G,input as i,linkedSignal as H,model as P,booleanAttribute as v,signal as u,computed as o,output as I,effect as V,HostListener as D,ChangeDetectionStrategy as W,ViewEncapsulation as K,Component as U}from"@angular/core";import{NgStyle as q}from"@angular/common";import{dgaFormStatusFromInvalid as J,dgaModeFromFormat as Q,DGA_WEEKDAYS as X,dgaCoerceDate as _,dgaMonthNames as L,dgaGetCalendarParts as y,dgaTodayUtc as x,dgaDaysInMonth as C,dgaMonthStartWeekday as Z,dgaPartsToDate as k,dgaSameDay as w,dgaCompareDays as m,dgaFormatDate as b,dgaAddMonths as R,dgaClampDate as F,dgaParseDate as N,DgaFormControl as E,DgaIcon as z,dgaProvideValueAccessor as $}from"@a.nemreen/dga-ui";import{DGA_GREGORIAN_MONTHS as ne,DGA_HIJRI_MONTHS as le,DGA_WEEKDAYS as oe,dgaAddMonths as ce,dgaClampDate as pe,dgaCoerceDate as ge,dgaCompareDays as ue,dgaDaysInMonth as me,dgaFormatDate as be,dgaGetCalendarParts as he,dgaModeFromFormat as ye,dgaMonthNames as fe,dgaMonthStartWeekday as ve,dgaParseDate as ke,dgaPartsToDate as _e,dgaSameDay as xe,dgaTodayUtc as we}from"@a.nemreen/dga-ui";const ee={ar:{today:"اليوم",clear:"مسح",close:"إغلاق",save:"حفظ",prev:"السابق",next:"التالي",calendar:"فتح التقويم",clearInput:"مسح التاريخ",month:"الشهر",year:"السنة",placeholder:"يوم/شهر/سنة",rangeStart:"تاريخ البداية",rangeEnd:"تاريخ النهاية"},en:{today:"Today",clear:"Clear",close:"Close",save:"Save",prev:"Previous",next:"Next",calendar:"Open calendar",clearInput:"Clear date",month:"Month",year:"Year",placeholder:"DD/MM/YYYY",rangeStart:"Start date",rangeEnd:"End date"}};let ae=0;class f{host=M(j);destroyRef=M(G);inputId=`dga-date-picker-${++ae}`;panelId=`${this.inputId}-panel`;valueInput=i("",{...ngDevMode?{debugName:"valueInput"}:{},alias:"value"});value=H(this.valueInput,...ngDevMode?[{debugName:"value"}]:[]);startValue=P("",...ngDevMode?[{debugName:"startValue"}]:[]);endValue=P("",...ngDevMode?[{debugName:"endValue"}]:[]);onChange=()=>{};onTouched=()=>{};calendar=i("gregorian",...ngDevMode?[{debugName:"calendar"}]:[]);range=i(!1,{...ngDevMode?{debugName:"range"}:{},transform:v});format=i("DD/MM/YYYY",...ngDevMode?[{debugName:"format"}]:[]);mode=i(null,...ngDevMode?[{debugName:"mode"}]:[]);locale=i("ar",...ngDevMode?[{debugName:"locale"}]:[]);minDate=i(null,...ngDevMode?[{debugName:"minDate"}]:[]);maxDate=i(null,...ngDevMode?[{debugName:"maxDate"}]:[]);yearBefore=i(40,...ngDevMode?[{debugName:"yearBefore"}]:[]);yearAfter=i(5,...ngDevMode?[{debugName:"yearAfter"}]:[]);placeholder=i("",...ngDevMode?[{debugName:"placeholder"}]:[]);controlId=i("",...ngDevMode?[{debugName:"controlId"}]:[]);name=i("",...ngDevMode?[{debugName:"name"}]:[]);size=i("md",...ngDevMode?[{debugName:"size"}]:[]);disabledInput=i(!1,{...ngDevMode?{debugName:"disabledInput"}:{},alias:"disabled",transform:v});cvaDisabled=u(!1,...ngDevMode?[{debugName:"cvaDisabled"}]:[]);disabled=o(()=>this.disabledInput()||this.cvaDisabled(),...ngDevMode?[{debugName:"disabled"}]:[]);required=i(!1,{...ngDevMode?{debugName:"required"}:{},transform:v});clearable=i(!1,{...ngDevMode?{debugName:"clearable"}:{},transform:v});editable=i(!0,{...ngDevMode?{debugName:"editable"}:{},transform:v});invalid=i(!1,{...ngDevMode?{debugName:"invalid"}:{},alias:"dgaInvalid",transform:v});status=i("default",...ngDevMode?[{debugName:"status"}]:[]);rangeSeparator=i(" - ",...ngDevMode?[{debugName:"rangeSeparator"}]:[]);todayLabel=i("",...ngDevMode?[{debugName:"todayLabel"}]:[]);clearLabel=i("",...ngDevMode?[{debugName:"clearLabel"}]:[]);closeLabel=i("",...ngDevMode?[{debugName:"closeLabel"}]:[]);saveLabel=i("",...ngDevMode?[{debugName:"saveLabel"}]:[]);ariaLabel=i("",...ngDevMode?[{debugName:"ariaLabel"}]:[]);resolvedTodayLabel=o(()=>this.todayLabel()||this.labels().today,...ngDevMode?[{debugName:"resolvedTodayLabel"}]:[]);resolvedClearLabel=o(()=>this.clearLabel()||this.labels().clear,...ngDevMode?[{debugName:"resolvedClearLabel"}]:[]);resolvedCloseLabel=o(()=>this.closeLabel()||this.labels().close,...ngDevMode?[{debugName:"resolvedCloseLabel"}]:[]);resolvedSaveLabel=o(()=>this.saveLabel()||this.labels().save,...ngDevMode?[{debugName:"resolvedSaveLabel"}]:[]);valueChange=I();rangeChange=I();open=u(!1,...ngDevMode?[{debugName:"open"}]:[]);panelStyle=u({},...ngDevMode?[{debugName:"panelStyle"}]:[]);panelView=u("day",...ngDevMode?[{debugName:"panelView"}]:[]);viewParts=u(this.initialViewParts(),...ngDevMode?[{debugName:"viewParts"}]:[]);draftStart=u(null,...ngDevMode?[{debugName:"draftStart"}]:[]);draftEnd=u(null,...ngDevMode?[{debugName:"draftEnd"}]:[]);rangePickPhase=u("start",...ngDevMode?[{debugName:"rangePickPhase"}]:[]);typedValue=u(null,...ngDevMode?[{debugName:"typedValue"}]:[]);effectiveStatus=o(()=>this.status()!=="default"?this.status():J(this.invalid()),...ngDevMode?[{debugName:"effectiveStatus"}]:[]);panelMode=o(()=>this.mode()??Q(this.format()),...ngDevMode?[{debugName:"panelMode"}]:[]);labels=o(()=>{const e=this.locale()==="ar"?"ar":"en";return ee[e]},...ngDevMode?[{debugName:"labels"}]:[]);resolvedPlaceholder=o(()=>this.placeholder()||this.labels().placeholder,...ngDevMode?[{debugName:"resolvedPlaceholder"}]:[]);weekdays=o(()=>{const e=this.locale()==="ar"?"ar":"en";return X[e]},...ngDevMode?[{debugName:"weekdays"}]:[]);minBound=o(()=>_(this.minDate(),this.format(),this.calendar()),...ngDevMode?[{debugName:"minBound"}]:[]);maxBound=o(()=>_(this.maxDate(),this.format(),this.calendar()),...ngDevMode?[{debugName:"maxBound"}]:[]);displayValue=o(()=>{const e=this.typedValue();if(e!==null)return e;if(this.range()){const t=this.startValue()||this.parseRangeFromValue().start,a=this.endValue()||this.parseRangeFromValue().end;return t&&a?`${t}${this.rangeSeparator()}${a}`:t||a||this.value()}return this.value()},...ngDevMode?[{debugName:"displayValue"}]:[]);viewYear=o(()=>this.viewParts().year,...ngDevMode?[{debugName:"viewYear"}]:[]);viewMonth=o(()=>this.viewParts().month,...ngDevMode?[{debugName:"viewMonth"}]:[]);monthOptions=o(()=>{const e=L(this.calendar(),this.locale()),t=this.viewYear(),a=this.draftAnchorParts();return e.map((l,s)=>{const n=s+1,d=this.isMonthDisabled(t,n);return{value:n,label:l,selected:a?.month===n&&a?.year===t,disabled:d}})},...ngDevMode?[{debugName:"monthOptions"}]:[]);yearOptions=o(()=>{const e=this.viewParts(),t=this.draftAnchorParts(),a=y(x(),this.calendar()).year,l=a-this.yearBefore(),s=a+this.yearAfter(),n=[];for(let d=l;d<=s;d+=1)n.push({value:d,selected:t?.year===d,disabled:this.isYearDisabled(d)});return n.some(d=>d.value===e.year)||(n.unshift({value:e.year,selected:t?.year===e.year,disabled:this.isYearDisabled(e.year)}),n.sort((d,c)=>d.value-c.value)),n},...ngDevMode?[{debugName:"yearOptions"}]:[]);dayCells=o(()=>{if(this.panelView()!=="day")return[];const e=this.viewYear(),t=this.viewMonth(),a=this.calendar(),l=C(e,t,a),s=Z(e,t,a),n=x(),d=this.draftStart(),c=this.draftEnd(),h=c??d,S=[];for(let p=0;p<s;p+=1)S.push({key:`e-${p}`,empty:!0});for(let p=1;p<=l;p+=1){const g=k({year:e,month:t,day:p},a),A=this.isDateDisabled(g),Y=d&&w(g,d,a)||c&&w(g,c,a),B=this.range()&&d&&h&&m(g,d,a)>=0&&m(g,h,a)<=0,O=this.range()&&d&&w(g,d,a),T=this.range()&&h&&w(g,h,a);S.push({key:`${e}-${t}-${p}`,empty:!1,day:p,today:w(g,n,a),selected:!!Y,inRange:!!B,rangeStart:!!O,rangeEnd:!!T,disabled:A,label:b(g,this.format(),a)})}return S},...ngDevMode?[{debugName:"dayCells"}]:[]);constructor(){V(()=>{this.syncDraftFromModels()}),V(()=>{const e=this.panelMode();this.open()&&this.panelView.set(e)}),this.destroyRef.onDestroy(()=>{this.open.set(!1)})}onDocumentClick(e){if(!this.open())return;const t=e.target;t&&this.host.nativeElement.contains(t)||this.closePanel(!1)}onEscape(){this.open()&&this.closePanel(!1)}onReposition(){this.open()&&this.repositionPanel()}monthLabel(e){return L(this.calendar(),this.locale())[e-1]??String(e)}togglePanel(){if(!this.disabled()){if(this.open()){this.closePanel(!1);return}this.openPanel()}}openPanel(){this.syncDraftFromModels(),this.panelView.set(this.panelMode());const e=this.draftStart()??this.minBound()??x();this.viewParts.set(y(e,this.calendar())),this.repositionPanel(),this.open.set(!0),requestAnimationFrame(()=>this.repositionPanel())}closePanel(e=!1){e&&this.syncDraftFromModels(),this.open.set(!1),this.panelStyle.set({}),this.rangePickPhase.set("start")}repositionPanel(){if(typeof document>"u")return;const t=(this.host.nativeElement.querySelector("dga-form-control")??this.host.nativeElement).getBoundingClientRect(),a=4,l=340,s=window.innerHeight-t.bottom,n=s<l&&t.top>s,d=document.documentElement.dir==="rtl";this.panelStyle.set({position:"fixed",zIndex:"var(--z-index-dropdown)",...n?{bottom:`${Math.round(window.innerHeight-t.top+a)}px`,top:"auto"}:{top:`${Math.round(t.bottom+a)}px`,bottom:"auto"},...d?{right:`${Math.round(window.innerWidth-t.right)}px`,left:"auto"}:{left:`${Math.round(t.left)}px`,right:"auto"}})}navigate(e){const t=this.panelView(),a=this.viewParts();if(t==="year"){this.viewParts.set({...a,year:a.year+e*12});return}if(t==="month"){this.viewParts.set({...a,year:a.year+e});return}this.viewParts.set(R(a,e,this.calendar()))}setPanelView(e){this.panelView.set(e)}selectDay(e){const t={year:this.viewYear(),month:this.viewMonth(),day:e},a=k(t,this.calendar());this.isDateDisabled(a)||this.applyDraftDate(a)}selectMonth(e){if(this.isMonthDisabled(this.viewYear(),e))return;const t=R({year:this.viewYear(),month:e,day:1},0,this.calendar());if(this.viewParts.set(t),this.panelMode()==="month"){this.applyDraftDate(k(t,this.calendar()));return}this.panelView.set("day")}selectYear(e){if(this.isYearDisabled(e))return;const t={...this.viewParts(),year:e};if(this.viewParts.set(t),this.panelMode()==="year"){const a=k({year:e,month:1,day:1},this.calendar());this.applyDraftDate(a);return}this.panelView.set(this.panelMode()==="month"?"month":"day")}goToday(){const e=F(x(),this.minBound(),this.maxBound(),this.calendar());this.viewParts.set(y(e,this.calendar())),this.applyDraftDate(e)}clearDraft(){this.draftStart.set(null),this.draftEnd.set(null),this.rangePickPhase.set("start")}clearAll(){this.draftStart.set(null),this.draftEnd.set(null),this.typedValue.set(null),this.emitValues("","",""),this.closePanel()}save(){const e=this.calendar(),t=this.format();if(this.range()){const a=this.draftStart(),l=this.draftEnd()??a;if(!a){this.closePanel();return}const s=b(a,t,e),n=l?b(l,t,e):s,d=`${s}${this.rangeSeparator()}${n}`;this.emitValues(d,s,n)}else{const a=this.draftStart();if(!a)this.emitValues("","","");else{const l=b(a,t,e);this.emitValues(l,l,"")}}this.typedValue.set(null),this.closePanel()}onInput(e){this.editable()&&this.typedValue.set(e)}onInputBlur(){this.onTouched();const e=this.typedValue();if(e===null)return;if(this.typedValue.set(null),!e.trim()){this.clearAll();return}if(this.range()){const[a,l]=e.split(this.rangeSeparator()),s=N(a?.trim()??"",this.format(),this.calendar()),n=N(l?.trim()??"",this.format(),this.calendar());if(s&&n){const d=m(s,n,this.calendar())<=0?{start:s,end:n}:{start:n,end:s},c=b(d.start,this.format(),this.calendar()),h=b(d.end,this.format(),this.calendar());this.emitValues(`${c}${this.rangeSeparator()}${h}`,c,h)}else if(s){const d=b(s,this.format(),this.calendar());this.emitValues(d,d,"")}return}const t=N(e.trim(),this.format(),this.calendar());if(t){const a=b(t,this.format(),this.calendar());this.emitValues(a,a,"")}}onInputKeydown(e){(e.key==="ArrowDown"||e.key==="Enter")&&(this.open()||(e.preventDefault(),this.openPanel())),e.key==="Escape"&&this.open()&&(e.preventDefault(),this.closePanel(!1))}applyDraftDate(e){const t=F(e,this.minBound(),this.maxBound(),this.calendar());if(!this.range()){this.draftStart.set(t),this.draftEnd.set(null);return}if(this.rangePickPhase()==="start"||!this.draftStart()){this.draftStart.set(t),this.draftEnd.set(null),this.rangePickPhase.set("end");return}const a=this.draftStart();m(t,a,this.calendar())<0?(this.draftStart.set(t),this.draftEnd.set(a)):this.draftEnd.set(t),this.rangePickPhase.set("start")}draftAnchorParts(){const e=this.draftEnd()??this.draftStart();return e?y(e,this.calendar()):null}syncDraftFromModels(){const e=this.calendar(),t=this.format();if(this.range()){const l=this.parseRangeFromValue(),s=_(this.startValue()||l.start,t,e),n=_(this.endValue()||l.end,t,e);this.draftStart.set(s),this.draftEnd.set(n),s&&this.viewParts.set(y(s,e));return}const a=_(this.value(),t,e);this.draftStart.set(a),this.draftEnd.set(null),a&&this.viewParts.set(y(a,e))}parseRangeFromValue(){const e=this.value();if(!e)return{start:"",end:""};const t=this.rangeSeparator(),a=e.indexOf(t);return a===-1?{start:e,end:""}:{start:e.slice(0,a).trim(),end:e.slice(a+t.length).trim()}}emitValues(e,t,a){this.value.set(e),this.startValue.set(t),this.endValue.set(a),this.valueChange.emit(e),this.rangeChange.emit({start:t,end:a}),this.range()||this.onChange(e)}writeValue(e){this.value.set(e??"")}registerOnChange(e){this.onChange=e}registerOnTouched(e){this.onTouched=e}setDisabledState(e){this.cvaDisabled.set(e)}isDateDisabled(e){const t=this.minBound(),a=this.maxBound();return!!(t&&m(e,t,this.calendar())<0||a&&m(e,a,this.calendar())>0)}isMonthDisabled(e,t){const a=this.calendar(),l=k({year:e,month:t,day:1},a),s=C(e,t,a),n=k({year:e,month:t,day:s},a),d=this.minBound(),c=this.maxBound();return!!(d&&m(n,d,a)<0||c&&m(l,c,a)>0)}isYearDisabled(e){const t=this.calendar();for(let a=1;a<=12;a+=1)if(!this.isMonthDisabled(e,a))return!1;return!0}initialViewParts(){return y(x(),"gregorian")}static ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:r,type:f,deps:[],target:r.ɵɵFactoryTarget.Component});static ɵcmp=r.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:f,isStandalone:!0,selector:"dga-date-picker",inputs:{valueInput:{classPropertyName:"valueInput",publicName:"value",isSignal:!0,isRequired:!1,transformFunction:null},startValue:{classPropertyName:"startValue",publicName:"startValue",isSignal:!0,isRequired:!1,transformFunction:null},endValue:{classPropertyName:"endValue",publicName:"endValue",isSignal:!0,isRequired:!1,transformFunction:null},calendar:{classPropertyName:"calendar",publicName:"calendar",isSignal:!0,isRequired:!1,transformFunction:null},range:{classPropertyName:"range",publicName:"range",isSignal:!0,isRequired:!1,transformFunction:null},format:{classPropertyName:"format",publicName:"format",isSignal:!0,isRequired:!1,transformFunction:null},mode:{classPropertyName:"mode",publicName:"mode",isSignal:!0,isRequired:!1,transformFunction:null},locale:{classPropertyName:"locale",publicName:"locale",isSignal:!0,isRequired:!1,transformFunction:null},minDate:{classPropertyName:"minDate",publicName:"minDate",isSignal:!0,isRequired:!1,transformFunction:null},maxDate:{classPropertyName:"maxDate",publicName:"maxDate",isSignal:!0,isRequired:!1,transformFunction:null},yearBefore:{classPropertyName:"yearBefore",publicName:"yearBefore",isSignal:!0,isRequired:!1,transformFunction:null},yearAfter:{classPropertyName:"yearAfter",publicName:"yearAfter",isSignal:!0,isRequired:!1,transformFunction:null},placeholder:{classPropertyName:"placeholder",publicName:"placeholder",isSignal:!0,isRequired:!1,transformFunction:null},controlId:{classPropertyName:"controlId",publicName:"controlId",isSignal:!0,isRequired:!1,transformFunction:null},name:{classPropertyName:"name",publicName:"name",isSignal:!0,isRequired:!1,transformFunction:null},size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},disabledInput:{classPropertyName:"disabledInput",publicName:"disabled",isSignal:!0,isRequired:!1,transformFunction:null},required:{classPropertyName:"required",publicName:"required",isSignal:!0,isRequired:!1,transformFunction:null},clearable:{classPropertyName:"clearable",publicName:"clearable",isSignal:!0,isRequired:!1,transformFunction:null},editable:{classPropertyName:"editable",publicName:"editable",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},rangeSeparator:{classPropertyName:"rangeSeparator",publicName:"rangeSeparator",isSignal:!0,isRequired:!1,transformFunction:null},todayLabel:{classPropertyName:"todayLabel",publicName:"todayLabel",isSignal:!0,isRequired:!1,transformFunction:null},clearLabel:{classPropertyName:"clearLabel",publicName:"clearLabel",isSignal:!0,isRequired:!1,transformFunction:null},closeLabel:{classPropertyName:"closeLabel",publicName:"closeLabel",isSignal:!0,isRequired:!1,transformFunction:null},saveLabel:{classPropertyName:"saveLabel",publicName:"saveLabel",isSignal:!0,isRequired:!1,transformFunction:null},ariaLabel:{classPropertyName:"ariaLabel",publicName:"ariaLabel",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{startValue:"startValueChange",endValue:"endValueChange",valueChange:"valueChange",rangeChange:"rangeChange"},host:{listeners:{"document:click":"onDocumentClick($event)","document:keydown.escape":"onEscape()","window:resize":"onReposition()","window:scroll":"onReposition()"},classAttribute:"dga-date-picker-host"},providers:[$(f)],ngImport:r,template:`
|
|
2
2
|
<div
|
|
3
3
|
class="dga-date-picker"
|
|
4
4
|
[class.dga-date-picker--open]="open()"
|
|
@@ -190,7 +190,7 @@ import*as i from"@angular/core";import{inject as $,ElementRef as ee,DestroyRef a
|
|
|
190
190
|
</div>
|
|
191
191
|
}
|
|
192
192
|
</div>
|
|
193
|
-
`,isInline:!0,styles:[".dga-date-picker{position:relative;display:block;width:100%;--dga-date-picker-primary: var(--dga-bg-primary, var(--dga-color-primary-600, #0b6b4f));--dga-date-picker-primary-faint: var(--dga-bg-primary-faint, color-mix(in srgb, var(--dga-date-picker-primary) 12%, transparent));--dga-date-picker-border: var(--dga-border-neutral, var(--dga-color-neutral-300, #d1d5db));--dga-date-picker-surface: var(--dga-bg-elevated, var(--dga-bg-card, var(--dga-bg-default, #fff)));--dga-date-picker-muted: var(--dga-text-muted, #6b7280);--dga-date-picker-fg: var(--dga-text-default, #111827);--dga-date-picker-radius: var(--dga-radius-md, 8px);--dga-date-picker-shadow: var(--dga-shadow-lg, 0 10px 24px rgb(0 0 0 / 12%));color-scheme:inherit}.dga-date-picker__input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none;padding:0}.dga-date-picker__input::placeholder{color:var(--dga-date-picker-muted)}.dga-date-picker__input:disabled{cursor:not-allowed}.dga-date-picker__toggle,.dga-date-picker__clear{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:0;background:transparent;color:var(--dga-date-picker-muted);cursor:pointer;padding:0;min-width:1.75rem;min-height:1.75rem;border-radius:var(--dga-radius-sm, 4px);transition:color .16s ease,background-color .16s ease}.dga-date-picker__toggle:hover:not(:disabled),.dga-date-picker__clear:hover:not(:disabled){color:var(--dga-date-picker-fg);background:var(--dga-date-picker-primary-faint)}.dga-date-picker__toggle:disabled{cursor:not-allowed;opacity:.5}.dga-date-picker__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:min(20rem,calc(100vw - 1rem));width:max-content;max-width:min(22rem,calc(100vw - 1rem));max-height:min(28rem,calc(100vh - 1rem));overflow:auto;padding:var(--dga-space-md, 12px);border:1px solid var(--dga-date-picker-border);border-radius:var(--dga-date-picker-radius);background:var(--dga-date-picker-surface);color:var(--dga-date-picker-fg);box-shadow:var(--dga-date-picker-shadow)}.dga-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--dga-space-sm, 8px);margin-bottom:var(--dga-space-md, 12px)}.dga-date-picker__selects{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--dga-space-xs, 4px);min-width:0}.dga-date-picker__select-btn{border:0;background:transparent;color:var(--dga-date-picker-fg);font:inherit;font-weight:600;cursor:pointer;padding:var(--dga-space-xs, 4px) var(--dga-space-sm, 8px);border-radius:var(--dga-radius-sm, 4px)}.dga-date-picker__select-btn:hover{background:var(--dga-date-picker-primary-faint);color:var(--dga-date-picker-primary)}.dga-date-picker__nav{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:var(--dga-date-picker-fg);font-size:1.25rem;line-height:1;cursor:pointer}.dga-date-picker__nav:hover{background:var(--dga-date-picker-primary-faint);color:var(--dga-date-picker-primary)}.dga-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--dga-space-xs, 4px)}.dga-date-picker__weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--dga-date-picker-muted);padding-block:2px}.dga-date-picker__grid{display:grid;gap:2px}.dga-date-picker__grid--days{grid-template-columns:repeat(7,1fr)}.dga-date-picker__grid--months{grid-template-columns:repeat(3,1fr)}.dga-date-picker__grid--years{grid-template-columns:repeat(4,1fr);max-height:14rem;overflow:auto}.dga-date-picker__day{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-inline:auto;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.dga-date-picker__day--empty{pointer-events:none}.dga-date-picker__day--today{border-color:var(--dga-date-picker-primary)}.dga-date-picker__day--selected,.dga-date-picker__day--range-start,.dga-date-picker__day--range-end{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff);border-color:var(--dga-date-picker-primary)}.dga-date-picker__day--in-range:not(.dga-date-picker__day--selected){background:var(--dga-date-picker-primary-faint);border-radius:0}.dga-date-picker__day--range-start:not(.dga-date-picker__day--range-end){border-start-start-radius:999px;border-end-start-radius:999px}.dga-date-picker__day--range-end:not(.dga-date-picker__day--range-start){border-start-end-radius:999px;border-end-end-radius:999px}.dga-date-picker__day:hover:not(:disabled):not(.dga-date-picker__day--selected){background:var(--dga-date-picker-primary-faint)}.dga-date-picker__day--disabled,.dga-date-picker__month--disabled,.dga-date-picker__year--disabled{opacity:.35;cursor:not-allowed}.dga-date-picker__month,.dga-date-picker__year{border:1px solid transparent;border-radius:var(--dga-radius-sm, 4px);background:transparent;color:inherit;font:inherit;padding:var(--dga-space-sm, 8px);cursor:pointer;text-align:center}.dga-date-picker__month--selected,.dga-date-picker__year--selected{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff)}.dga-date-picker__month:hover:not(:disabled):not(.dga-date-picker__month--selected),.dga-date-picker__year:hover:not(:disabled):not(.dga-date-picker__year--selected){background:var(--dga-date-picker-primary-faint)}.dga-date-picker__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--dga-space-xs, 4px);margin-top:var(--dga-space-md, 12px);padding-top:var(--dga-space-md, 12px);border-top:1px solid var(--dga-date-picker-border)}.dga-date-picker__btn{border:1px solid transparent;border-radius:var(--dga-radius-sm, 4px);background:transparent;font:inherit;font-weight:600;padding:var(--dga-space-xs, 4px) var(--dga-space-md, 12px);cursor:pointer;min-height:2rem}.dga-date-picker__btn--ghost{color:var(--dga-date-picker-fg);border-color:var(--dga-date-picker-border)}.dga-date-picker__btn--ghost:hover{background:var(--dga-date-picker-primary-faint);border-color:var(--dga-date-picker-primary);color:var(--dga-date-picker-primary)}.dga-date-picker__btn--primary{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff)}.dga-date-picker__btn--primary:hover{filter:brightness(1.05)}.dga-date-picker[data-locale=ar] .dga-date-picker__panel{direction:rtl}.dga-date-picker[data-size=sm] .dga-date-picker__day{width:2rem;height:2rem;font-size:.8125rem}.dga-date-picker[data-size=lg] .dga-date-picker__day{width:2.5rem;height:2.5rem}\n"],dependencies:[{kind:"component",type:
|
|
193
|
+
`,isInline:!0,styles:[".dga-date-picker{position:relative;display:block;width:100%;--dga-date-picker-primary: var(--dga-bg-primary, var(--dga-color-primary-600, #0b6b4f));--dga-date-picker-primary-faint: var(--dga-bg-primary-faint, color-mix(in srgb, var(--dga-date-picker-primary) 12%, transparent));--dga-date-picker-border: var(--dga-border-neutral, var(--dga-color-neutral-300, #d1d5db));--dga-date-picker-surface: var(--dga-bg-elevated, var(--dga-bg-card, var(--dga-bg-default, #fff)));--dga-date-picker-muted: var(--dga-text-muted, #6b7280);--dga-date-picker-fg: var(--dga-text-default, #111827);--dga-date-picker-radius: var(--dga-radius-md, 8px);--dga-date-picker-shadow: var(--dga-shadow-lg, 0 10px 24px rgb(0 0 0 / 12%));color-scheme:inherit}.dga-date-picker__input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none;padding:0}.dga-date-picker__input::placeholder{color:var(--dga-date-picker-muted)}.dga-date-picker__input:disabled{cursor:not-allowed}.dga-date-picker__toggle,.dga-date-picker__clear{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:0;background:transparent;color:var(--dga-date-picker-muted);cursor:pointer;padding:0;min-width:1.75rem;min-height:1.75rem;border-radius:var(--dga-radius-sm, 4px);transition:color .16s ease,background-color .16s ease}.dga-date-picker__toggle:hover:not(:disabled),.dga-date-picker__clear:hover:not(:disabled){color:var(--dga-date-picker-fg);background:var(--dga-date-picker-primary-faint)}.dga-date-picker__toggle:disabled{cursor:not-allowed;opacity:.5}.dga-date-picker__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:min(20rem,calc(100vw - 1rem));width:max-content;max-width:min(22rem,calc(100vw - 1rem));max-height:min(28rem,calc(100vh - 1rem));overflow:auto;padding:var(--dga-space-md, 12px);border:1px solid var(--dga-date-picker-border);border-radius:var(--dga-date-picker-radius);background:var(--dga-date-picker-surface);color:var(--dga-date-picker-fg);box-shadow:var(--dga-date-picker-shadow)}.dga-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--dga-space-sm, 8px);margin-bottom:var(--dga-space-md, 12px)}.dga-date-picker__selects{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--dga-space-xs, 4px);min-width:0}.dga-date-picker__select-btn{border:0;background:transparent;color:var(--dga-date-picker-fg);font:inherit;font-weight:600;cursor:pointer;padding:var(--dga-space-xs, 4px) var(--dga-space-sm, 8px);border-radius:var(--dga-radius-sm, 4px)}.dga-date-picker__select-btn:hover{background:var(--dga-date-picker-primary-faint);color:var(--dga-date-picker-primary)}.dga-date-picker__nav{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:var(--dga-date-picker-fg);font-size:1.25rem;line-height:1;cursor:pointer}.dga-date-picker__nav:hover{background:var(--dga-date-picker-primary-faint);color:var(--dga-date-picker-primary)}.dga-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--dga-space-xs, 4px)}.dga-date-picker__weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--dga-date-picker-muted);padding-block:2px}.dga-date-picker__grid{display:grid;gap:2px}.dga-date-picker__grid--days{grid-template-columns:repeat(7,1fr)}.dga-date-picker__grid--months{grid-template-columns:repeat(3,1fr)}.dga-date-picker__grid--years{grid-template-columns:repeat(4,1fr);max-height:14rem;overflow:auto}.dga-date-picker__day{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-inline:auto;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.dga-date-picker__day--empty{pointer-events:none}.dga-date-picker__day--today{border-color:var(--dga-date-picker-primary)}.dga-date-picker__day--selected,.dga-date-picker__day--range-start,.dga-date-picker__day--range-end{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff);border-color:var(--dga-date-picker-primary)}.dga-date-picker__day--in-range:not(.dga-date-picker__day--selected){background:var(--dga-date-picker-primary-faint);border-radius:0}.dga-date-picker__day--range-start:not(.dga-date-picker__day--range-end){border-start-start-radius:999px;border-end-start-radius:999px}.dga-date-picker__day--range-end:not(.dga-date-picker__day--range-start){border-start-end-radius:999px;border-end-end-radius:999px}.dga-date-picker__day:hover:not(:disabled):not(.dga-date-picker__day--selected){background:var(--dga-date-picker-primary-faint)}.dga-date-picker__day--disabled,.dga-date-picker__month--disabled,.dga-date-picker__year--disabled{opacity:.35;cursor:not-allowed}.dga-date-picker__month,.dga-date-picker__year{border:1px solid transparent;border-radius:var(--dga-radius-sm, 4px);background:transparent;color:inherit;font:inherit;padding:var(--dga-space-sm, 8px);cursor:pointer;text-align:center}.dga-date-picker__month--selected,.dga-date-picker__year--selected{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff)}.dga-date-picker__month:hover:not(:disabled):not(.dga-date-picker__month--selected),.dga-date-picker__year:hover:not(:disabled):not(.dga-date-picker__year--selected){background:var(--dga-date-picker-primary-faint)}.dga-date-picker__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--dga-space-xs, 4px);margin-top:var(--dga-space-md, 12px);padding-top:var(--dga-space-md, 12px);border-top:1px solid var(--dga-date-picker-border)}.dga-date-picker__btn{border:1px solid transparent;border-radius:var(--dga-radius-sm, 4px);background:transparent;font:inherit;font-weight:600;padding:var(--dga-space-xs, 4px) var(--dga-space-md, 12px);cursor:pointer;min-height:2rem}.dga-date-picker__btn--ghost{color:var(--dga-date-picker-fg);border-color:var(--dga-date-picker-border)}.dga-date-picker__btn--ghost:hover{background:var(--dga-date-picker-primary-faint);border-color:var(--dga-date-picker-primary);color:var(--dga-date-picker-primary)}.dga-date-picker__btn--primary{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff)}.dga-date-picker__btn--primary:hover{filter:brightness(1.05)}.dga-date-picker[data-locale=ar] .dga-date-picker__panel{direction:rtl}.dga-date-picker[data-size=sm] .dga-date-picker__day{width:2rem;height:2rem;font-size:.8125rem}.dga-date-picker[data-size=lg] .dga-date-picker__day{width:2.5rem;height:2.5rem}\n"],dependencies:[{kind:"component",type:E,selector:"dga-form-control",inputs:["size","status","disabled","filled","startIcon","endIcon"]},{kind:"component",type:z,selector:"dga-icon",inputs:["name","glyph","size","tone","label"]},{kind:"directive",type:q,selector:"[ngStyle]",inputs:["ngStyle"]}],changeDetection:r.ChangeDetectionStrategy.OnPush,encapsulation:r.ViewEncapsulation.None})}r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:r,type:f,decorators:[{type:U,args:[{selector:"dga-date-picker",standalone:!0,imports:[E,z,q],encapsulation:K.None,template:`
|
|
194
194
|
<div
|
|
195
195
|
class="dga-date-picker"
|
|
196
196
|
[class.dga-date-picker--open]="open()"
|
|
@@ -382,4 +382,4 @@ import*as i from"@angular/core";import{inject as $,ElementRef as ee,DestroyRef a
|
|
|
382
382
|
</div>
|
|
383
383
|
}
|
|
384
384
|
</div>
|
|
385
|
-
`,changeDetection:
|
|
385
|
+
`,changeDetection:W.OnPush,host:{class:"dga-date-picker-host"},providers:[$(f)],styles:[".dga-date-picker{position:relative;display:block;width:100%;--dga-date-picker-primary: var(--dga-bg-primary, var(--dga-color-primary-600, #0b6b4f));--dga-date-picker-primary-faint: var(--dga-bg-primary-faint, color-mix(in srgb, var(--dga-date-picker-primary) 12%, transparent));--dga-date-picker-border: var(--dga-border-neutral, var(--dga-color-neutral-300, #d1d5db));--dga-date-picker-surface: var(--dga-bg-elevated, var(--dga-bg-card, var(--dga-bg-default, #fff)));--dga-date-picker-muted: var(--dga-text-muted, #6b7280);--dga-date-picker-fg: var(--dga-text-default, #111827);--dga-date-picker-radius: var(--dga-radius-md, 8px);--dga-date-picker-shadow: var(--dga-shadow-lg, 0 10px 24px rgb(0 0 0 / 12%));color-scheme:inherit}.dga-date-picker__input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none;padding:0}.dga-date-picker__input::placeholder{color:var(--dga-date-picker-muted)}.dga-date-picker__input:disabled{cursor:not-allowed}.dga-date-picker__toggle,.dga-date-picker__clear{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:0;background:transparent;color:var(--dga-date-picker-muted);cursor:pointer;padding:0;min-width:1.75rem;min-height:1.75rem;border-radius:var(--dga-radius-sm, 4px);transition:color .16s ease,background-color .16s ease}.dga-date-picker__toggle:hover:not(:disabled),.dga-date-picker__clear:hover:not(:disabled){color:var(--dga-date-picker-fg);background:var(--dga-date-picker-primary-faint)}.dga-date-picker__toggle:disabled{cursor:not-allowed;opacity:.5}.dga-date-picker__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:min(20rem,calc(100vw - 1rem));width:max-content;max-width:min(22rem,calc(100vw - 1rem));max-height:min(28rem,calc(100vh - 1rem));overflow:auto;padding:var(--dga-space-md, 12px);border:1px solid var(--dga-date-picker-border);border-radius:var(--dga-date-picker-radius);background:var(--dga-date-picker-surface);color:var(--dga-date-picker-fg);box-shadow:var(--dga-date-picker-shadow)}.dga-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--dga-space-sm, 8px);margin-bottom:var(--dga-space-md, 12px)}.dga-date-picker__selects{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--dga-space-xs, 4px);min-width:0}.dga-date-picker__select-btn{border:0;background:transparent;color:var(--dga-date-picker-fg);font:inherit;font-weight:600;cursor:pointer;padding:var(--dga-space-xs, 4px) var(--dga-space-sm, 8px);border-radius:var(--dga-radius-sm, 4px)}.dga-date-picker__select-btn:hover{background:var(--dga-date-picker-primary-faint);color:var(--dga-date-picker-primary)}.dga-date-picker__nav{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:var(--dga-date-picker-fg);font-size:1.25rem;line-height:1;cursor:pointer}.dga-date-picker__nav:hover{background:var(--dga-date-picker-primary-faint);color:var(--dga-date-picker-primary)}.dga-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--dga-space-xs, 4px)}.dga-date-picker__weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--dga-date-picker-muted);padding-block:2px}.dga-date-picker__grid{display:grid;gap:2px}.dga-date-picker__grid--days{grid-template-columns:repeat(7,1fr)}.dga-date-picker__grid--months{grid-template-columns:repeat(3,1fr)}.dga-date-picker__grid--years{grid-template-columns:repeat(4,1fr);max-height:14rem;overflow:auto}.dga-date-picker__day{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-inline:auto;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.dga-date-picker__day--empty{pointer-events:none}.dga-date-picker__day--today{border-color:var(--dga-date-picker-primary)}.dga-date-picker__day--selected,.dga-date-picker__day--range-start,.dga-date-picker__day--range-end{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff);border-color:var(--dga-date-picker-primary)}.dga-date-picker__day--in-range:not(.dga-date-picker__day--selected){background:var(--dga-date-picker-primary-faint);border-radius:0}.dga-date-picker__day--range-start:not(.dga-date-picker__day--range-end){border-start-start-radius:999px;border-end-start-radius:999px}.dga-date-picker__day--range-end:not(.dga-date-picker__day--range-start){border-start-end-radius:999px;border-end-end-radius:999px}.dga-date-picker__day:hover:not(:disabled):not(.dga-date-picker__day--selected){background:var(--dga-date-picker-primary-faint)}.dga-date-picker__day--disabled,.dga-date-picker__month--disabled,.dga-date-picker__year--disabled{opacity:.35;cursor:not-allowed}.dga-date-picker__month,.dga-date-picker__year{border:1px solid transparent;border-radius:var(--dga-radius-sm, 4px);background:transparent;color:inherit;font:inherit;padding:var(--dga-space-sm, 8px);cursor:pointer;text-align:center}.dga-date-picker__month--selected,.dga-date-picker__year--selected{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff)}.dga-date-picker__month:hover:not(:disabled):not(.dga-date-picker__month--selected),.dga-date-picker__year:hover:not(:disabled):not(.dga-date-picker__year--selected){background:var(--dga-date-picker-primary-faint)}.dga-date-picker__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--dga-space-xs, 4px);margin-top:var(--dga-space-md, 12px);padding-top:var(--dga-space-md, 12px);border-top:1px solid var(--dga-date-picker-border)}.dga-date-picker__btn{border:1px solid transparent;border-radius:var(--dga-radius-sm, 4px);background:transparent;font:inherit;font-weight:600;padding:var(--dga-space-xs, 4px) var(--dga-space-md, 12px);cursor:pointer;min-height:2rem}.dga-date-picker__btn--ghost{color:var(--dga-date-picker-fg);border-color:var(--dga-date-picker-border)}.dga-date-picker__btn--ghost:hover{background:var(--dga-date-picker-primary-faint);border-color:var(--dga-date-picker-primary);color:var(--dga-date-picker-primary)}.dga-date-picker__btn--primary{background:var(--dga-date-picker-primary);color:var(--dga-text-on-color, #fff)}.dga-date-picker__btn--primary:hover{filter:brightness(1.05)}.dga-date-picker[data-locale=ar] .dga-date-picker__panel{direction:rtl}.dga-date-picker[data-size=sm] .dga-date-picker__day{width:2rem;height:2rem;font-size:.8125rem}.dga-date-picker[data-size=lg] .dga-date-picker__day{width:2.5rem;height:2.5rem}\n"]}]}],ctorParameters:()=>[],propDecorators:{valueInput:[{type:r.Input,args:[{isSignal:!0,alias:"value",required:!1}]}],startValue:[{type:r.Input,args:[{isSignal:!0,alias:"startValue",required:!1}]},{type:r.Output,args:["startValueChange"]}],endValue:[{type:r.Input,args:[{isSignal:!0,alias:"endValue",required:!1}]},{type:r.Output,args:["endValueChange"]}],calendar:[{type:r.Input,args:[{isSignal:!0,alias:"calendar",required:!1}]}],range:[{type:r.Input,args:[{isSignal:!0,alias:"range",required:!1}]}],format:[{type:r.Input,args:[{isSignal:!0,alias:"format",required:!1}]}],mode:[{type:r.Input,args:[{isSignal:!0,alias:"mode",required:!1}]}],locale:[{type:r.Input,args:[{isSignal:!0,alias:"locale",required:!1}]}],minDate:[{type:r.Input,args:[{isSignal:!0,alias:"minDate",required:!1}]}],maxDate:[{type:r.Input,args:[{isSignal:!0,alias:"maxDate",required:!1}]}],yearBefore:[{type:r.Input,args:[{isSignal:!0,alias:"yearBefore",required:!1}]}],yearAfter:[{type:r.Input,args:[{isSignal:!0,alias:"yearAfter",required:!1}]}],placeholder:[{type:r.Input,args:[{isSignal:!0,alias:"placeholder",required:!1}]}],controlId:[{type:r.Input,args:[{isSignal:!0,alias:"controlId",required:!1}]}],name:[{type:r.Input,args:[{isSignal:!0,alias:"name",required:!1}]}],size:[{type:r.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],disabledInput:[{type:r.Input,args:[{isSignal:!0,alias:"disabled",required:!1}]}],required:[{type:r.Input,args:[{isSignal:!0,alias:"required",required:!1}]}],clearable:[{type:r.Input,args:[{isSignal:!0,alias:"clearable",required:!1}]}],editable:[{type:r.Input,args:[{isSignal:!0,alias:"editable",required:!1}]}],invalid:[{type:r.Input,args:[{isSignal:!0,alias:"dgaInvalid",required:!1}]}],status:[{type:r.Input,args:[{isSignal:!0,alias:"status",required:!1}]}],rangeSeparator:[{type:r.Input,args:[{isSignal:!0,alias:"rangeSeparator",required:!1}]}],todayLabel:[{type:r.Input,args:[{isSignal:!0,alias:"todayLabel",required:!1}]}],clearLabel:[{type:r.Input,args:[{isSignal:!0,alias:"clearLabel",required:!1}]}],closeLabel:[{type:r.Input,args:[{isSignal:!0,alias:"closeLabel",required:!1}]}],saveLabel:[{type:r.Input,args:[{isSignal:!0,alias:"saveLabel",required:!1}]}],ariaLabel:[{type:r.Input,args:[{isSignal:!0,alias:"ariaLabel",required:!1}]}],valueChange:[{type:r.Output,args:["valueChange"]}],rangeChange:[{type:r.Output,args:["rangeChange"]}],onDocumentClick:[{type:D,args:["document:click",["$event"]]}],onEscape:[{type:D,args:["document:keydown.escape"]}],onReposition:[{type:D,args:["window:resize"]},{type:D,args:["window:scroll"]}]}});export{ne as DGA_GREGORIAN_MONTHS,le as DGA_HIJRI_MONTHS,oe as DGA_WEEKDAYS,f as DgaDatePicker,ce as dgaAddMonths,pe as dgaClampDate,ge as dgaCoerceDate,ue as dgaCompareDays,me as dgaDaysInMonth,be as dgaFormatDate,he as dgaGetCalendarParts,ye as dgaModeFromFormat,fe as dgaMonthNames,ve as dgaMonthStartWeekday,ke as dgaParseDate,_e as dgaPartsToDate,xe as dgaSameDay,we as dgaTodayUtc};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ZoomOutAreaIcon as p,ZoomInAreaIcon as g,YoutubeIcon as k,NewTwitterIcon as C,SlowWindsIcon as m,WheelchairIcon as A,WhatsappIcon as S,Alert02Icon as f,UserMultipleIcon as b,UserIcon as x,Upload01Icon as D,TranslationIcon as v,TradeUpIcon as L,TradeDownIcon as y,Touch01Icon as M,TextUnderlineIcon as U,TextFontIcon as T,TextAlignLeftIcon as O,SunCloud02Icon as P,Sun01Icon as B,Sun03Icon as _,CheckmarkCircle02Icon as t,StarIcon as H,SortingUpIcon as R,SortingDownIcon as F,Sorting05Icon as N,CloudSnowIcon as G,SmartPhone01Icon as j,ArrowShrinkIcon as z,Share01Icon as W,Search01Icon as E,RiyalIcon as V,RefreshIcon as $,CloudAngledRainZapIcon as q,CloudAngledRainIcon as Z,PrinterIcon as Y,PoliceBadgeIcon as K,PlusSignIcon as J,Add01Icon as Q,PlayStoreIcon as X,CallIcon as oo,PauseIcon as no,PaintBoardIcon as eo,MoreVerticalIcon as co,MoreHorizontalIcon as ro,MoonCloudIcon as to,Moon01Icon as ao,Moon02Icon as io,MinusSignIcon as lo,Mic01Icon as Io,Message01Icon as so,Menu02Icon as ho,Menu01Icon as wo,Maximize01Icon as uo,MaskIcon as po,Mail01Icon as go,Logout01Icon as ko,SquareLockPasswordIcon as Co,SquareLock01Icon as mo,Location01Icon as Ao,Linkedin01Icon as So,Link02Icon as fo,Link01Icon as bo,LetterSpacingIcon as xo,InstagramIcon as Do,InformationCircleIcon as vo,IdentityCardIcon as Lo,Home01Icon as yo,HighlighterIcon as Mo,HelpCircleIcon as Uo,HeadphonesIcon as To,HeadingIcon as Oo,Globe02Icon as Po,GlassesIcon as Bo,Folder01Icon as _o,FlashIcon as Ho,FireIcon as Ro,FilterIcon as Fo,Facebook01Icon as No,ViewOffSlashIcon as Go,ViewOffIcon as jo,ViewIcon as zo,LinkSquare02Icon as Wo,CancelCircleIcon as Eo,DropletIcon as Vo,Download01Icon as $o,Door01Icon as qo,Disability01Icon as Zo,ComputerPhoneSyncIcon as Yo,DesertIcon as Ko,Copy01Icon as Jo,CookieIcon as Qo,ColorsIcon as Xo,ColorPickerIcon as on,CloudIcon as nn,Cancel01Icon as en,Clock01Icon as cn,ArrowRight01Icon as c,ArrowLeft01Icon as r,ArrowDown01Icon as a,CheckmarkBadge02Icon as i,Tick02Icon as rn,ShoppingCart01Icon as tn,Calendar01Icon as an,Calendar03Icon as ln,Building03Icon as In,BrainIcon as sn,BookTypeIcon as dn,Book01Icon as hn,Notification03Icon as wn,Notification01Icon as un,Award01Icon as pn,ArrowUp01Icon as gn,ArrowUp02Icon as kn,ArrowRight02Icon as l,ArrowLeft02Icon as I,ArrowDown02Icon as Cn,AppleIcon as mn,AmbulanceIcon as An,AlertCircleIcon as Sn,AccessIcon as fn}from"@hugeicons/core-free-icons";const bn={huawei:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M4 8.5c2.2-3 5-4.5 8-4.5s5.8 1.5 8 4.5'/><path d='M6.2 11.2c1.6-2.1 3.6-3.2 5.8-3.2s4.2 1.1 5.8 3.2'/><circle cx='12' cy='16.5' r='2'/></svg>",starFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dga-icon"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/></svg>'},xn=2;function Dn(n,e=xn){return`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="dga-icon">${[...n].map(([s,d])=>{const o={...d};delete o.key,("strokeWidth"in o||"stroke-width"in o)&&(o.strokeWidth=e,delete o["stroke-width"]);const h=Object.entries(o).map(([w,u])=>`${w}="${String(u).replace(/"/g,""")}"`).join(" ");return`<${s} ${h}/>`}).join("")}</svg>`}const vn={access:fn,alertCircle:Sn,ambulance:An,apple:mn,arrowDown:Cn,arrowDown02:a,arrowLeft:I,arrowLeft02:r,arrowNext:l,arrowNext02:c,arrowPrev:I,arrowPrev02:r,arrowRight:l,arrowRight02:c,arrowUp:kn,arrowUp02:gn,award:pn,badgeCheck:i,bell:un,bellAlt:wn,book:hn,bookType:dn,brain:sn,building:In,calendar:ln,calendarAlt:an,cart:tn,check:rn,checkCircle:t,checkCircleAlt:i,chevronDown:a,chevronLeft:r,chevronRight:c,clock:cn,close:en,cloud:nn,colorPicker:on,colors:Xo,cookie:Qo,copy:Jo,desert:Ko,devices:Yo,disability:Zo,door:qo,download:$o,droplet:Vo,error:Eo,external:Wo,eye:zo,eyeOff:jo,eyeOffSlash:Go,facebook:No,filter:Fo,fire:Ro,flash:Ho,folder:_o,glasses:Bo,globe:Po,heading:Oo,headphones:To,helpCircle:Uo,highlighter:Mo,home:yo,idCard:Lo,info:vo,instagram:Do,letterSpacing:xo,link:bo,linkAlt:fo,linkedin:So,location:Ao,lock:mo,lockPassword:Co,logout:ko,mail:go,mask:po,maximize:uo,menu:wo,menuAlt:ho,message:so,mic:Io,minus:lo,moon:io,moonAlt:ao,moonCloud:to,moreHorizontal:ro,moreVertical:co,paintBoard:eo,pause:no,phone:oo,playStore:X,plus:Q,plusSign:J,police:K,printer:Y,rain:Z,rainZap:q,refresh:$,riyal:V,search:E,share:W,shrink:z,smartphone:j,snow:G,sort:N,sortDown:F,sortUp:R,star:H,success:t,sun:_,sunAlt:B,sunCloud:P,textAlign:O,textFont:T,textUnderline:U,touch:M,tradeDown:y,tradeUp:L,translation:v,upload:D,user:x,users:b,warning:f,whatsapp:S,wheelchair:A,wind:m,x:C,youtube:k,zoomIn:g,zoomOut:p},Ln=Object.fromEntries(Object.entries(vn).map(([n,e])=>[n,Dn(e)])),yn={...Ln,...bn};export{yn as DGA_ICON_DEFAULTS};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as B,input as a,booleanAttribute as D,model as w,output as u,signal as l,contentChild as I,Injector as Y,DOCUMENT as Q,DestroyRef as W,viewChild as P,computed as n,effect as L,untracked as z,afterNextRender as C,HostListener as b,ChangeDetectionStrategy as K,Component as G}from"@angular/core";import{APP_BASE_HREF as Z,PlatformLocation as X}from"@angular/common";import{dgaSafeHref as O,dgaCx as c,DgaAvatar as A,DgaBadge as E,DgaField as H,DgaFormControl as F,DgaFormEnd as $,DgaIcon as R,DgaIconBadge as j,DgaModal as q,DgaTooltip as V}from"@a.nemreen/dga-ui";function J(k,e="/"){if(typeof window>"u")return!1;const t=O(k.trim(),e);if(!t)return!1;try{const o=new URL(t,window.location.origin);return o.protocol!=="http:"&&o.protocol!=="https:"||o.origin!==window.location.origin?!1:(window.location.assign(`${o.pathname}${o.search}${o.hash}`),!0)}catch{return!1}}class h{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:h,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:h,isStandalone:!0,selector:"[dgaHeaderLoginBeforeForm]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:h,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginBeforeForm]",standalone:!0}]}]});class x{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:x,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:x,isStandalone:!0,selector:"[dgaHeaderLoginAfterFields]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:x,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginAfterFields]",standalone:!0}]}]});class p{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:p,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:p,isStandalone:!0,selector:"[dgaHeaderLoginFooter]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:p,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginFooter]",standalone:!0}]}]});class m{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:m,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:m,isStandalone:!0,selector:"[dgaHeaderLoginForm]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:m,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginForm]",standalone:!0}]}]});function ee(k,e){const t=k.trim();if(t.endsWith("rem")){const o=Number.parseFloat(t);return Number.isFinite(o)?o*16:e}if(t.endsWith("px")){const o=Number.parseFloat(t);return Number.isFinite(o)?o:e}return e}const U="group relative inline-flex h-(--size-header-portal) shrink-0 cursor-pointer items-center gap-md rounded-sm px-xl font-sans text-body-md font-medium text-fg hover:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",te="pointer-events-none absolute start-xl end-xl bottom-0 h-[5px] rounded-full",ie="inline-flex min-h-5xl w-full cursor-pointer flex-col justify-center gap-xxs rounded-sm px-xl py-sm text-start text-body-md font-normal text-fg transition-colors hover:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",oe="inline-flex min-h-11xl w-full cursor-pointer flex-col justify-center gap-xs rounded-md border border-border bg-card px-2xl py-xl text-start transition-colors hover:border-primary hover:bg-primary-faint focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",ne="relative flex min-h-7xl w-full cursor-pointer items-center gap-lg rounded-md px-xl py-md text-start text-body-md font-medium text-fg transition-colors hover:bg-neutral-light active:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",ae="flex min-h-6xl w-full cursor-pointer flex-col justify-center gap-xxs rounded-md px-xl py-md text-start text-body-md text-fg transition-colors hover:bg-neutral-light active:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus";class v{host=g(B);baseHref=g(Z,{optional:!0})??g(X).getBaseHrefFromDOM()??"/";closeTimer=null;dropdownSyncFrame=null;lastDropdownStyleKey="";collapseId="dga-nav-collapse";dropLink=ie;dropTile=oe;mobileLink=ae;brand=a("",...ngDevMode?[{debugName:"brand"}]:[]);brandSlogan=a("",...ngDevMode?[{debugName:"brandSlogan"}]:[]);brandLogo=a("",...ngDevMode?[{debugName:"brandLogo"}]:[]);brandLogoAlt=a("شعار الجهة",...ngDevMode?[{debugName:"brandLogoAlt"}]:[]);brandPlaceholder=a(!1,{...ngDevMode?{debugName:"brandPlaceholder"}:{},transform:D});brandHref=a("#",...ngDevMode?[{debugName:"brandHref"}]:[]);navLabel=a("التنقل الرئيسي",...ngDevMode?[{debugName:"navLabel"}]:[]);menuToggleLabel=a("فتح قائمة التنقل",...ngDevMode?[{debugName:"menuToggleLabel"}]:[]);menuCloseLabel=a("إغلاق قائمة التنقل",...ngDevMode?[{debugName:"menuCloseLabel"}]:[]);appearance=a("default",...ngDevMode?[{debugName:"appearance"}]:[]);mobileNav=a("sheet",...ngDevMode?[{debugName:"mobileNav"}]:[]);sticky=a(!0,{...ngDevMode?{debugName:"sticky"}:{},transform:D});items=a([],...ngDevMode?[{debugName:"items"}]:[]);actions=a([],...ngDevMode?[{debugName:"actions"}]:[]);search=a(null,...ngDevMode?[{debugName:"search"}]:[]);searchQuery=w("",...ngDevMode?[{debugName:"searchQuery"}]:[]);notifications=a(null,...ngDevMode?[{debugName:"notifications"}]:[]);login=a(null,...ngDevMode?[{debugName:"login"}]:[]);localeMenu=a(null,...ngDevMode?[{debugName:"localeMenu"}]:[]);user=a(null,...ngDevMode?[{debugName:"user"}]:[]);authenticated=w(!1,...ngDevMode?[{debugName:"authenticated"}]:[]);loginSubmitting=w(!1,...ngDevMode?[{debugName:"loginSubmitting"}]:[]);loginError=w("",...ngDevMode?[{debugName:"loginError"}]:[]);actionClick=u();searchSubmit=u();searchSuggestionSelect=u();searchVoice=u();notificationAction=u();loginSubmit=u();logout=u();userLinkClick=u();localeSelect=u();navLinkClick=u();mobileOpen=l(!1,...ngDevMode?[{debugName:"mobileOpen"}]:[]);openDropdown=l(null,...ngDevMode?[{debugName:"openDropdown"}]:[]);searchOpen=l(!1,...ngDevMode?[{debugName:"searchOpen"}]:[]);notificationsOpen=l(!1,...ngDevMode?[{debugName:"notificationsOpen"}]:[]);localeMenuOpen=l(!1,...ngDevMode?[{debugName:"localeMenuOpen"}]:[]);loginOpen=l(!1,...ngDevMode?[{debugName:"loginOpen"}]:[]);userMenuOpen=l(!1,...ngDevMode?[{debugName:"userMenuOpen"}]:[]);voiceListening=l(!1,...ngDevMode?[{debugName:"voiceListening"}]:[]);expandedNotificationId=l(null,...ngDevMode?[{debugName:"expandedNotificationId"}]:[]);loginEmail=l("",...ngDevMode?[{debugName:"loginEmail"}]:[]);loginPassword=l("",...ngDevMode?[{debugName:"loginPassword"}]:[]);showLoginPassword=l(!1,...ngDevMode?[{debugName:"showLoginPassword"}]:[]);loginEmailError=l("",...ngDevMode?[{debugName:"loginEmailError"}]:[]);loginPasswordError=l("",...ngDevMode?[{debugName:"loginPasswordError"}]:[]);dropdownPanelStyle=l({},...ngDevMode?[{debugName:"dropdownPanelStyle"}]:[]);customLoginForm=I(m,...ngDevMode?[{debugName:"customLoginForm"}]:[]);customLoginFooter=I(p,...ngDevMode?[{debugName:"customLoginFooter"}]:[]);dismissedNotificationIds=l(new Set,...ngDevMode?[{debugName:"dismissedNotificationIds"}]:[]);readNotificationIds=l(new Set,...ngDevMode?[{debugName:"readNotificationIds"}]:[]);dropdownTrigger=null;dropdownActionId=null;injector=g(Y);doc=g(Q);destroyRef=g(W);searchInputRef=P("searchInput",...ngDevMode?[{debugName:"searchInputRef"}]:[]);utilLayerRef=P("utilLayer",...ngDevMode?[{debugName:"utilLayerRef"}]:[]);searchPanelId="dga-header-search-panel";notificationsPanelId="dga-header-notifications-panel";localePanelId="dga-header-locale-panel";loginPanelId="dga-header-login-panel";userPanelId="dga-header-user-panel";isPortal=n(()=>this.appearance()==="portal",...ngDevMode?[{debugName:"isPortal"}]:[]);appHref(e){return O(e,this.baseHref)}searchConfig=n(()=>this.search(),...ngDevMode?[{debugName:"searchConfig"}]:[]);searchActionId=n(()=>this.search()?.actionId??"search",...ngDevMode?[{debugName:"searchActionId"}]:[]);notificationsConfig=n(()=>this.notifications(),...ngDevMode?[{debugName:"notificationsConfig"}]:[]);notificationsActionId=n(()=>this.notifications()?.actionId??"notifications",...ngDevMode?[{debugName:"notificationsActionId"}]:[]);localeMenuConfig=n(()=>this.localeMenu(),...ngDevMode?[{debugName:"localeMenuConfig"}]:[]);localeActionId=n(()=>this.localeMenu()?.actionId??"lang",...ngDevMode?[{debugName:"localeActionId"}]:[]);loginConfig=n(()=>this.login(),...ngDevMode?[{debugName:"loginConfig"}]:[]);loginActionId=n(()=>this.login()?.actionId??"login",...ngDevMode?[{debugName:"loginActionId"}]:[]);userConfig=n(()=>this.user(),...ngDevMode?[{debugName:"userConfig"}]:[]);hasCustomLoginForm=n(()=>!!this.customLoginForm(),...ngDevMode?[{debugName:"hasCustomLoginForm"}]:[]);hasCustomLoginFooter=n(()=>!!this.customLoginFooter(),...ngDevMode?[{debugName:"hasCustomLoginFooter"}]:[]);utilityOverlayOpen=n(()=>this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen(),...ngDevMode?[{debugName:"utilityOverlayOpen"}]:[]);visibleNotifications=n(()=>{const e=this.notifications()?.items??[],t=this.dismissedNotificationIds(),o=this.readNotificationIds();return e.filter(s=>!t.has(s.id)).map(s=>({...s,read:!!s.read||o.has(s.id)}))},...ngDevMode?[{debugName:"visibleNotifications"}]:[]);unreadNotificationCount=n(()=>this.visibleNotifications().filter(e=>!e.read).length,...ngDevMode?[{debugName:"unreadNotificationCount"}]:[]);constructor(){this.destroyRef.onDestroy(()=>this.removePortaledUtilLayer()),L(()=>{this.mobileNav(),z(()=>{this.mobileOpen()&&this.closeAll()})}),L(()=>{if(!this.utilityOverlayOpen())return;this.utilLayerRef()?.nativeElement&&this.portalUtilLayer(),C(()=>this.portalUtilLayer(),{injector:this.injector})}),L(()=>{this.authenticated()&&this.loginOpen()&&z(()=>this.closeLogin())})}portalUtilLayer(){const e=this.utilLayerRef()?.nativeElement;!e||e.parentElement===this.doc.body||this.doc.body.appendChild(e)}removePortaledUtilLayer(){const e=this.utilLayerRef()?.nativeElement;e?.parentElement===this.doc.body&&e.remove()}activeWideDropdown=n(()=>{if(!this.hoverMenus()&&this.isMobileViewport())return null;const e=this.openDropdown();if(e===null)return null;const t=this.items()[e];if(!t?.dropdown)return null;const o=this.resolveVariant(t);return o==="menu"?null:{index:e,item:t,variant:o}},...ngDevMode?[{debugName:"activeWideDropdown"}]:[]);hostClasses=n(()=>c("relative block overflow-visible border-b border-border-subtle bg-nav font-sans text-fg",this.sticky()&&"sticky top-0 shadow-md",this.mobileOpen()&&this.mobileNav()!=="push"?"z-urgent":"z-header"),...ngDevMode?[{debugName:"hostClasses"}]:[]);innerClasses=n(()=>c("relative flex w-full gap-lg px-(--wrapper-padding)",this.appearance()==="default"&&"min-h-6xl items-center py-md",this.appearance()==="portal"&&"h-(--size-header-portal) items-stretch"),...ngDevMode?[{debugName:"innerClasses"}]:[]);desktopNavClasses=n(()=>c("min-w-0 flex-1",this.appearance()==="default"&&"flex flex-wrap items-center gap-lg self-center",this.appearance()==="portal"&&"hidden md:flex md:items-stretch"),...ngDevMode?[{debugName:"desktopNavClasses"}]:[]);actionsClasses=n(()=>c("ms-auto flex shrink-0 items-stretch empty:hidden",this.isPortal()&&this.items().length>0&&"max-md:hidden"),...ngDevMode?[{debugName:"actionsClasses"}]:[]);mobilePanelClass(){const e=this.mobileOpen(),t=this.mobileNav();return c("flex flex-col overflow-hidden bg-nav md:hidden",t==="sheet"&&"fixed top-0 bottom-0 end-0 z-urgent w-[min(16rem,70vw)] max-w-[16rem] rounded-s-xl border-s border-border shadow-2xl",t==="fullscreen"&&"fixed inset-0 z-urgent rounded-none border-0 shadow-none",t==="push"&&"absolute inset-x-0 top-full z-20 max-h-[min(70dvh,28rem)] border-b border-border shadow-lg",e?"dga-mobile-nav-open":"dga-mobile-nav-closed",e&&t==="sheet"&&"dga-mobile-sheet-open",e&&t==="fullscreen"&&"dga-mobile-fs-open",e&&t==="push"&&"dga-mobile-push-open")}hoverMenus(){return typeof matchMedia!="function"?!1:matchMedia("(hover: hover) and (pointer: fine)").matches}isMobileViewport(){return typeof matchMedia!="function"?!1:matchMedia("(max-width: 767px)").matches}resolveVariant(e){const t=e.dropdown;return t?t.variant?t.variant:t.featured?"featured":t.columns?.length||t.layout==="columns"||t.layout==="rows"?"mega":"menu":"menu"}resolveLayout(e){const t=e.dropdown;return t?t.layout?t.layout:t.columns?.length?"columns":"list":"list"}colCount(e){return e.dropdown?.columns?.length??0}flatLinks(e){const t=e.dropdown;return t?t.links?.length?t.links:t.columns?.flatMap(o=>o.links)??[]:[]}columnsGridClass(e){return c("grid w-full gap-2xl py-lg",e>1&&"sm:grid-cols-2",e>2&&"lg:grid-cols-3",e>3&&"xl:grid-cols-4")}featuredGridClass(e,t){return c("grid w-full gap-3xl",e==="featured"&&t&&"lg:grid-cols-[minmax(0,1fr)_minmax(14rem,18rem)]")}navItemClass(e,t=!1){return c(U,"justify-center",e&&"text-fg-primary",t&&"bg-neutral-light")}mobileItemClass(e,t=!1){return c(ne,e&&"bg-primary-faint",t&&"bg-neutral-light")}indicatorClass(e){return c(te,e?"bg-primary group-hover:bg-primary":"bg-transparent group-hover:bg-fg-disabled")}actionClass(e){return c(U,"relative justify-center")}badgeClass(){return c("dga-action-badge absolute top-lg end-md flex h-lg min-w-lg","items-center justify-center rounded-full bg-error px-xxs","text-body-2xs font-medium text-on-color")}isIconOnly(e){return e.iconOnly!==!1}isSearchAction(e){return!!this.search()&&e.id===this.searchActionId()}isNotificationsAction(e){return!!this.notifications()&&e.id===this.notificationsActionId()}isLocaleAction(e){return!!this.localeMenu()&&e.id===this.localeActionId()}isLoginAction(e){return!!this.login()&&e.id===this.loginActionId()}actionTooltip(e){return this.isLoginAction(e)&&this.authenticated()&&this.user()?.name||e.label}actionAriaLabel(e){return this.actionTooltip(e)}actionExpanded(e){return this.isSearchAction(e)?this.searchOpen():this.isNotificationsAction(e)?this.notificationsOpen():this.isLocaleAction(e)?this.localeMenuOpen():this.isLoginAction(e)?this.authenticated()?this.userMenuOpen():this.loginOpen():null}actionControls(e){return this.isSearchAction(e)?this.searchPanelId:this.isNotificationsAction(e)?this.notificationsPanelId:this.isLocaleAction(e)?this.localePanelId:this.isLoginAction(e)?this.authenticated()?this.userPanelId:this.loginPanelId:null}actionIndicatorActive(e){return this.isSearchAction(e)?this.searchOpen():this.isNotificationsAction(e)?this.notificationsOpen():this.isLocaleAction(e)?this.localeMenuOpen():this.isLoginAction(e)?this.authenticated()?this.userMenuOpen():this.loginOpen():!1}clearCloseTimer(){this.closeTimer!==null&&(clearTimeout(this.closeTimer),this.closeTimer=null)}scheduleClose(){this.clearCloseTimer(),this.closeTimer=setTimeout(()=>{this.openDropdown.set(null),this.closeTimer=null},120)}setBodyScrollLocked(e){typeof document>"u"||document.documentElement.classList.toggle("dga-nav-locked",e)}unlockBodyIfIdle(){this.mobileOpen()||this.utilityOverlayOpen()||this.setBodyScrollLocked(!1)}onItemEnter(e){if(!this.isMobileViewport()){if(!this.items()[e]?.dropdown){this.hoverMenus()&&this.scheduleClose();return}this.clearCloseTimer(),this.hoverMenus()&&this.openDropdown.set(e)}}onPanelEnter(){this.clearCloseTimer()}onHostLeave(e){if(!this.hoverMenus()||this.isMobileViewport())return;const t=e.relatedTarget;t&&this.host.nativeElement.contains(t)||this.scheduleClose()}toggleMobile(){this.mobileOpen.update(e=>!e),this.openDropdown.set(null),this.setBodyScrollLocked(this.mobileOpen())}toggleDropdown(e,t){t.stopPropagation(),!(this.hoverMenus()&&!this.isMobileViewport()&&this.openDropdown()===e)&&(this.clearCloseTimer(),this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.openDropdown.update(o=>o===e?null:e))}closeAll(){this.clearCloseTimer(),this.openDropdown.set(null),this.mobileOpen.set(!1),this.closeSearch(!1),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.setBodyScrollLocked(!1)}onAction(e,t){const o=this.triggerFromEvent(t);if(this.isSearchAction(e)){this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleSearch(),this.actionClick.emit(e);return}if(this.isNotificationsAction(e)){this.closeSearch(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleNotifications(o),this.actionClick.emit(e);return}if(this.isLocaleAction(e)){this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.toggleLocaleMenu(o),this.actionClick.emit(e);return}if(this.isLoginAction(e)){this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.authenticated()?(this.closeLogin(),this.toggleUserMenu(o)):(this.closeUserMenu(),this.toggleLogin(o)),this.actionClick.emit(e);return}this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.actionClick.emit(e)}onMobileAction(e,t){const o=this.triggerFromEvent(t);if(this.isSearchAction(e)){this.mobileOpen.set(!1),this.setBodyScrollLocked(!1),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleSearch(),this.actionClick.emit(e);return}if(this.isNotificationsAction(e)){this.mobileOpen.set(!1),this.closeSearch(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleNotifications(o),this.isMobileViewport()&&this.setBodyScrollLocked(!0),this.actionClick.emit(e);return}if(this.isLocaleAction(e)){this.mobileOpen.set(!1),this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.toggleLocaleMenu(o),this.isMobileViewport()&&this.setBodyScrollLocked(!0),this.actionClick.emit(e);return}if(this.isLoginAction(e)){this.mobileOpen.set(!1),this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.authenticated()?(this.closeLogin(),this.toggleUserMenu(o)):(this.closeUserMenu(),this.toggleLogin(o)),this.isMobileViewport()&&this.setBodyScrollLocked(!0),this.actionClick.emit(e);return}this.actionClick.emit(e),this.closeAll()}closeUtilityOverlays(){this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu()}closePortalChromeMenus(){typeof document>"u"||document.dispatchEvent(new CustomEvent("dga-close-portal-chrome-menus"))}onCloseHeaderOverlays(){this.closeUtilityOverlays()}toggleSearch(){if(this.searchOpen()){this.closeSearch();return}this.openDropdown.set(null),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.closePortalChromeMenus(),this.searchOpen.set(!0)}onSearchModalOpenChange(e){if(e){this.searchOpen.set(!0);return}this.closeSearch()}focusSearchInput(){C(()=>this.searchInputRef()?.nativeElement.focus(),{injector:this.injector})}closeSearch(e=!0){this.searchOpen.set(!1),e&&this.stopVoice()}toggleNotifications(e){if(this.notificationsOpen()){this.closeNotifications();return}this.openDropdown.set(null),this.closeSearch(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.closePortalChromeMenus(),this.notificationsOpen.set(!0);const t=this.visibleNotifications()[0];this.expandedNotificationId.set(t?.id??null),this.scheduleDropdownSync(this.notificationsActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeNotifications(){this.notificationsOpen.set(!1),this.expandedNotificationId.set(null),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}toggleLocaleMenu(e){if(this.localeMenuOpen()){this.closeLocaleMenu();return}this.openDropdown.set(null),this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.closePortalChromeMenus(),this.localeMenuOpen.set(!0),this.scheduleDropdownSync(this.localeActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeLocaleMenu(){this.localeMenuOpen.set(!1),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}onLocalePick(e){this.localeSelect.emit(e),this.closeLocaleMenu()}toggleLogin(e){if(this.loginOpen()){this.closeLogin();return}this.openDropdown.set(null),this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeUserMenu(),this.closePortalChromeMenus(),this.loginOpen.set(!0),this.scheduleDropdownSync(this.loginActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeLogin(){this.loginOpen.set(!1),this.loginSubmitting.set(!1),this.loginError.set(""),this.loginEmailError.set(""),this.loginPasswordError.set(""),this.loginEmail.set(""),this.loginPassword.set(""),this.showLoginPassword.set(!1),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}toggleUserMenu(e){if(this.userMenuOpen()){this.closeUserMenu();return}this.openDropdown.set(null),this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closePortalChromeMenus(),this.userMenuOpen.set(!0),this.scheduleDropdownSync(this.loginActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeUserMenu(){this.userMenuOpen.set(!1),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}onLoginEmailInput(e){this.loginEmail.set(e),this.loginEmailError()&&this.loginEmailError.set("")}onLoginPasswordInput(e){this.loginPassword.set(e),this.loginPasswordError()&&this.loginPasswordError.set("")}showLoginRegisterRow(e){return!!(e.registerPrompt||e.registerLabel||e.registerHref)}loginPanelOuterStyle(){const e=this.dropdownPanelStyle();if(this.isMobileViewport())return e;const t=this.loginConfig()?.panelWidth??"24rem";return{...e,width:`min(${t}, calc(100vw - 2rem))`}}loginPanelInnerStyle(){return this.isMobileViewport()?{maxHeight:`min(90svh, ${this.loginConfig()?.maxHeight??"44rem"})`}:{}}onLoginSubmit(e){e.preventDefault();const t=this.loginConfig(),o=this.loginEmail().trim(),s=this.loginPassword();this.loginEmailError.set(""),this.loginPasswordError.set(""),this.loginError.set("");let r=!1;o?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o)||(this.loginEmailError.set(t?.emailInvalidMessage??"Enter a valid email address"),r=!0):(this.loginEmailError.set(t?.emailRequiredMessage??"Email is required"),r=!0),s||(this.loginPasswordError.set(t?.passwordRequiredMessage??"Password is required"),r=!0),!r&&(this.loginSubmitting.set(!0),this.loginSubmit.emit({email:o,password:s}))}onUserLink(e){if(this.userLinkClick.emit(e),e.id==="logout"||e.danger){this.authenticated.set(!1),this.logout.emit(),this.closeUserMenu();return}this.closeUserMenu()}toggleNotificationExpand(e){this.expandedNotificationId.update(t=>t===e.id?null:e.id),this.notificationAction.emit({item:e,action:"select"})}onNotificationAction(e,t){t==="read"&&this.readNotificationIds.update(o=>new Set([...o,e.id])),t==="dismiss"&&(this.dismissedNotificationIds.update(o=>new Set([...o,e.id])),this.expandedNotificationId.update(o=>o===e.id?null:o)),t==="view"&&e.href&&J(e.href,this.baseHref),this.notificationAction.emit({item:e,action:t})}markAllNotificationsRead(){const e=this.visibleNotifications().map(t=>t.id);this.readNotificationIds.update(t=>new Set([...t,...e]))}clearSearchQuery(){this.searchQuery.set(""),queueMicrotask(()=>this.searchInputRef()?.nativeElement.focus())}applySearchSuggestion(e){const t=e.value??e.label;this.searchQuery.set(t),this.searchSuggestionSelect.emit(e),queueMicrotask(()=>this.searchInputRef()?.nativeElement.focus())}onSearchFormSubmit(e){e.preventDefault();const t=this.searchQuery().trim();this.searchSubmit.emit(t);const o=this.search();if(o?.resultsHref){const s=o.queryParam??"q",r=new URL(o.resultsHref,typeof window<"u"?window.location.origin:"http://localhost");t?r.searchParams.set(s,t):r.searchParams.delete(s),typeof window<"u"&&window.location.assign(`${r.pathname}${r.search}${r.hash}`)}this.closeSearch()}onSearchVoice(){if(this.searchVoice.emit(),typeof window>"u")return;const e=window,t=e.SpeechRecognition||e.webkitSpeechRecognition;if(!t)return;this.stopVoice();const o=new t;o.lang=typeof document<"u"&&document.documentElement.lang?document.documentElement.lang:"ar-SA",o.interimResults=!1,o.maxAlternatives=1,this.voiceListening.set(!0),o.onresult=s=>{const r=s.results[0]?.[0]?.transcript?.trim();r&&this.searchQuery.set(r),this.voiceListening.set(!1)},o.onerror=()=>this.voiceListening.set(!1),o.onend=()=>this.voiceListening.set(!1),this.speechRecognition=o,o.start()}speechRecognition=null;stopVoice(){this.speechRecognition?.stop(),this.speechRecognition=null,this.voiceListening.set(!1)}triggerFromEvent(e){const t=e?.currentTarget;return t instanceof HTMLElement?t:null}scheduleDropdownSync(e,t){this.dropdownActionId=e,this.dropdownTrigger=t??null,C(()=>this.requestDropdownSync(t),{injector:this.injector})}requestDropdownSync(e){if(typeof requestAnimationFrame!="function"){this.syncDropdownPanel(e);return}this.dropdownSyncFrame===null&&(this.dropdownSyncFrame=requestAnimationFrame(()=>{this.dropdownSyncFrame=null,this.syncDropdownPanel(e)}))}clearDropdownAnchor(){this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen()||(this.dropdownTrigger=null,this.dropdownActionId=null,this.lastDropdownStyleKey="",this.dropdownPanelStyle.set({}))}findActionTrigger(e){const t=this.host.nativeElement.querySelectorAll(`[data-dga-action="${CSS.escape(e)}"]`);for(const o of Array.from(t)){const s=o;if(s.getClientRects().length>0)return s}return t[0]??null}activeUtilityPanelWidthPx(){if(typeof window>"u")return 448;const e=window.innerWidth-32;if(this.loginOpen()){const t=this.loginConfig()?.panelWidth??"24rem";return Math.min(ee(t,384),e)}return this.userMenuOpen()?Math.min(352,e):this.localeMenuOpen()?Math.min(256,e):(this.notificationsOpen(),Math.min(448,e))}syncDropdownPanel(e){if(typeof window>"u")return;if(this.isMobileViewport()){const d={top:"auto",bottom:"max(0.75rem, env(safe-area-inset-bottom, 0px))",left:"0.75rem",right:"0.75rem",width:"auto",maxWidth:"none"},M=`sheet|${d.bottom}`;if(M===this.lastDropdownStyleKey)return;this.lastDropdownStyleKey=M,this.dropdownPanelStyle.set(d);return}const t=e??this.dropdownTrigger??(this.dropdownActionId?this.findActionTrigger(this.dropdownActionId):null);if(!t)return;this.dropdownTrigger=t;const o=t.getBoundingClientRect();if(o.width<1&&o.height<1)return;const s=getComputedStyle(this.host.nativeElement).direction,T=(typeof document<"u"?document.documentElement.getAttribute("dir"):null)==="rtl"||s==="rtl",_=8,S=this.activeUtilityPanelWidthPx(),f={top:`${Math.round(o.bottom+_)}px`};if(T){let d=Math.round(o.left);d=Math.max(16,Math.min(d,window.innerWidth-S-16)),f.left=`${d}px`,f.right="auto"}else{let d=Math.round(window.innerWidth-o.right);d=Math.max(16,Math.min(d,window.innerWidth-S-16)),f.right=`${d}px`,f.left="auto"}const N=`${f.top}|${f.left??""}|${f.right??""}`;N!==this.lastDropdownStyleKey&&(this.lastDropdownStyleKey=N,this.dropdownPanelStyle.set(f))}onKey(e){e.key==="Escape"&&this.closeAll()}onScroll(){(this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen())&&this.requestDropdownSync()}onResize(){typeof window>"u"||(window.matchMedia("(max-width: 767px)").matches||(this.mobileOpen.set(!1),this.setBodyScrollLocked(!1)),(this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen())&&(this.lastDropdownStyleKey="",this.requestDropdownSync()))}onNavLinkClick(e,t){this.navLinkClick.emit(e),e.href||t.preventDefault()}onDocClick(e){this.searchOpen()||this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen()||this.hoverMenus()&&!this.isMobileViewport()||this.mobileOpen()||this.host.nativeElement.contains(e.target)||this.openDropdown.set(null)}static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:v,deps:[],target:i.ɵɵFactoryTarget.Component});static ɵcmp=i.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:v,isStandalone:!0,selector:"dga-header",inputs:{brand:{classPropertyName:"brand",publicName:"brand",isSignal:!0,isRequired:!1,transformFunction:null},brandSlogan:{classPropertyName:"brandSlogan",publicName:"brandSlogan",isSignal:!0,isRequired:!1,transformFunction:null},brandLogo:{classPropertyName:"brandLogo",publicName:"brandLogo",isSignal:!0,isRequired:!1,transformFunction:null},brandLogoAlt:{classPropertyName:"brandLogoAlt",publicName:"brandLogoAlt",isSignal:!0,isRequired:!1,transformFunction:null},brandPlaceholder:{classPropertyName:"brandPlaceholder",publicName:"brandPlaceholder",isSignal:!0,isRequired:!1,transformFunction:null},brandHref:{classPropertyName:"brandHref",publicName:"brandHref",isSignal:!0,isRequired:!1,transformFunction:null},navLabel:{classPropertyName:"navLabel",publicName:"navLabel",isSignal:!0,isRequired:!1,transformFunction:null},menuToggleLabel:{classPropertyName:"menuToggleLabel",publicName:"menuToggleLabel",isSignal:!0,isRequired:!1,transformFunction:null},menuCloseLabel:{classPropertyName:"menuCloseLabel",publicName:"menuCloseLabel",isSignal:!0,isRequired:!1,transformFunction:null},appearance:{classPropertyName:"appearance",publicName:"appearance",isSignal:!0,isRequired:!1,transformFunction:null},mobileNav:{classPropertyName:"mobileNav",publicName:"mobileNav",isSignal:!0,isRequired:!1,transformFunction:null},sticky:{classPropertyName:"sticky",publicName:"sticky",isSignal:!0,isRequired:!1,transformFunction:null},items:{classPropertyName:"items",publicName:"items",isSignal:!0,isRequired:!1,transformFunction:null},actions:{classPropertyName:"actions",publicName:"actions",isSignal:!0,isRequired:!1,transformFunction:null},search:{classPropertyName:"search",publicName:"search",isSignal:!0,isRequired:!1,transformFunction:null},searchQuery:{classPropertyName:"searchQuery",publicName:"searchQuery",isSignal:!0,isRequired:!1,transformFunction:null},notifications:{classPropertyName:"notifications",publicName:"notifications",isSignal:!0,isRequired:!1,transformFunction:null},login:{classPropertyName:"login",publicName:"login",isSignal:!0,isRequired:!1,transformFunction:null},localeMenu:{classPropertyName:"localeMenu",publicName:"localeMenu",isSignal:!0,isRequired:!1,transformFunction:null},user:{classPropertyName:"user",publicName:"user",isSignal:!0,isRequired:!1,transformFunction:null},authenticated:{classPropertyName:"authenticated",publicName:"authenticated",isSignal:!0,isRequired:!1,transformFunction:null},loginSubmitting:{classPropertyName:"loginSubmitting",publicName:"loginSubmitting",isSignal:!0,isRequired:!1,transformFunction:null},loginError:{classPropertyName:"loginError",publicName:"loginError",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{searchQuery:"searchQueryChange",authenticated:"authenticatedChange",loginSubmitting:"loginSubmittingChange",loginError:"loginErrorChange",actionClick:"actionClick",searchSubmit:"searchSubmit",searchSuggestionSelect:"searchSuggestionSelect",searchVoice:"searchVoice",notificationAction:"notificationAction",loginSubmit:"loginSubmit",logout:"logout",userLinkClick:"userLinkClick",localeSelect:"localeSelect",navLinkClick:"navLinkClick"},host:{attributes:{role:"banner"},listeners:{mouseleave:"onHostLeave($event)","document:dga-close-header-overlays":"onCloseHeaderOverlays()","document:keydown":"onKey($event)","window:scroll":"onScroll()","window:resize":"onResize()","document:click":"onDocClick($event)"},properties:{class:"hostClasses()","attr.data-appearance":"appearance()","attr.data-mobile-nav":"mobileNav()","attr.data-mobile-open":"mobileOpen() || null"}},queries:[{propertyName:"customLoginForm",first:!0,predicate:m,descendants:!0,isSignal:!0},{propertyName:"customLoginFooter",first:!0,predicate:p,descendants:!0,isSignal:!0}],viewQueries:[{propertyName:"searchInputRef",first:!0,predicate:["searchInput"],descendants:!0,isSignal:!0},{propertyName:"utilLayerRef",first:!0,predicate:["utilLayer"],descendants:!0,isSignal:!0}],ngImport:i,template:`
|
|
1
|
+
import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as Y,input as a,booleanAttribute as D,model as w,output as u,signal as l,contentChild as I,Injector as Q,DOCUMENT as W,DestroyRef as K,viewChild as P,computed as n,effect as L,untracked as z,afterNextRender as S,HostListener as b,ChangeDetectionStrategy as G,Component as Z}from"@angular/core";import{APP_BASE_HREF as X,PlatformLocation as J,NgOptimizedImage as O}from"@angular/common";import{dgaSafeHref as A,dgaCx as c,DgaAvatar as E,DgaBadge as H,DgaField as F,DgaFormControl as $,DgaFormEnd as R,DgaIcon as j,DgaIconBadge as q,DgaModal as V,DgaTooltip as U}from"@a.nemreen/dga-ui";function ee(k,e="/"){if(typeof window>"u")return!1;const t=A(k.trim(),e);if(!t)return!1;try{const o=new URL(t,window.location.origin);return o.protocol!=="http:"&&o.protocol!=="https:"||o.origin!==window.location.origin?!1:(window.location.assign(`${o.pathname}${o.search}${o.hash}`),!0)}catch{return!1}}class h{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:h,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:h,isStandalone:!0,selector:"[dgaHeaderLoginBeforeForm]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:h,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginBeforeForm]",standalone:!0}]}]});class x{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:x,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:x,isStandalone:!0,selector:"[dgaHeaderLoginAfterFields]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:x,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginAfterFields]",standalone:!0}]}]});class p{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:p,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:p,isStandalone:!0,selector:"[dgaHeaderLoginFooter]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:p,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginFooter]",standalone:!0}]}]});class m{static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:m,deps:[],target:i.ɵɵFactoryTarget.Directive});static ɵdir=i.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.1.5",type:m,isStandalone:!0,selector:"[dgaHeaderLoginForm]",ngImport:i})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:m,decorators:[{type:y,args:[{selector:"[dgaHeaderLoginForm]",standalone:!0}]}]});function te(k,e){const t=k.trim();if(t.endsWith("rem")){const o=Number.parseFloat(t);return Number.isFinite(o)?o*16:e}if(t.endsWith("px")){const o=Number.parseFloat(t);return Number.isFinite(o)?o:e}return e}const T="group relative inline-flex h-(--size-header-portal) shrink-0 cursor-pointer items-center gap-md rounded-sm px-xl font-sans text-body-md font-medium text-fg hover:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",ie="pointer-events-none absolute start-xl end-xl bottom-0 h-[5px] rounded-full",oe="inline-flex min-h-5xl w-full cursor-pointer flex-col justify-center gap-xxs rounded-sm px-xl py-sm text-start text-body-md font-normal text-fg transition-colors hover:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",ne="inline-flex min-h-11xl w-full cursor-pointer flex-col justify-center gap-xs rounded-md border border-border bg-card px-2xl py-xl text-start transition-colors hover:border-primary hover:bg-primary-faint focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",ae="relative flex min-h-7xl w-full cursor-pointer items-center gap-lg rounded-md px-xl py-md text-start text-body-md font-medium text-fg transition-colors hover:bg-neutral-light active:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",se="flex min-h-6xl w-full cursor-pointer flex-col justify-center gap-xxs rounded-md px-xl py-md text-start text-body-md text-fg transition-colors hover:bg-neutral-light active:bg-neutral-light focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus";class v{host=g(Y);baseHref=g(X,{optional:!0})??g(J).getBaseHrefFromDOM()??"/";closeTimer=null;dropdownSyncFrame=null;lastDropdownStyleKey="";collapseId="dga-nav-collapse";dropLink=oe;dropTile=ne;mobileLink=se;brand=a("",...ngDevMode?[{debugName:"brand"}]:[]);brandSlogan=a("",...ngDevMode?[{debugName:"brandSlogan"}]:[]);brandLogo=a("",...ngDevMode?[{debugName:"brandLogo"}]:[]);brandLogoAlt=a("شعار الجهة",...ngDevMode?[{debugName:"brandLogoAlt"}]:[]);brandPlaceholder=a(!1,{...ngDevMode?{debugName:"brandPlaceholder"}:{},transform:D});brandHref=a("#",...ngDevMode?[{debugName:"brandHref"}]:[]);navLabel=a("التنقل الرئيسي",...ngDevMode?[{debugName:"navLabel"}]:[]);menuToggleLabel=a("فتح قائمة التنقل",...ngDevMode?[{debugName:"menuToggleLabel"}]:[]);menuCloseLabel=a("إغلاق قائمة التنقل",...ngDevMode?[{debugName:"menuCloseLabel"}]:[]);appearance=a("default",...ngDevMode?[{debugName:"appearance"}]:[]);mobileNav=a("sheet",...ngDevMode?[{debugName:"mobileNav"}]:[]);sticky=a(!0,{...ngDevMode?{debugName:"sticky"}:{},transform:D});items=a([],...ngDevMode?[{debugName:"items"}]:[]);actions=a([],...ngDevMode?[{debugName:"actions"}]:[]);search=a(null,...ngDevMode?[{debugName:"search"}]:[]);searchQuery=w("",...ngDevMode?[{debugName:"searchQuery"}]:[]);notifications=a(null,...ngDevMode?[{debugName:"notifications"}]:[]);login=a(null,...ngDevMode?[{debugName:"login"}]:[]);localeMenu=a(null,...ngDevMode?[{debugName:"localeMenu"}]:[]);user=a(null,...ngDevMode?[{debugName:"user"}]:[]);authenticated=w(!1,...ngDevMode?[{debugName:"authenticated"}]:[]);loginSubmitting=w(!1,...ngDevMode?[{debugName:"loginSubmitting"}]:[]);loginError=w("",...ngDevMode?[{debugName:"loginError"}]:[]);actionClick=u();searchSubmit=u();searchSuggestionSelect=u();searchVoice=u();notificationAction=u();loginSubmit=u();logout=u();userLinkClick=u();localeSelect=u();navLinkClick=u();mobileOpen=l(!1,...ngDevMode?[{debugName:"mobileOpen"}]:[]);openDropdown=l(null,...ngDevMode?[{debugName:"openDropdown"}]:[]);searchOpen=l(!1,...ngDevMode?[{debugName:"searchOpen"}]:[]);notificationsOpen=l(!1,...ngDevMode?[{debugName:"notificationsOpen"}]:[]);localeMenuOpen=l(!1,...ngDevMode?[{debugName:"localeMenuOpen"}]:[]);loginOpen=l(!1,...ngDevMode?[{debugName:"loginOpen"}]:[]);userMenuOpen=l(!1,...ngDevMode?[{debugName:"userMenuOpen"}]:[]);voiceListening=l(!1,...ngDevMode?[{debugName:"voiceListening"}]:[]);expandedNotificationId=l(null,...ngDevMode?[{debugName:"expandedNotificationId"}]:[]);loginEmail=l("",...ngDevMode?[{debugName:"loginEmail"}]:[]);loginPassword=l("",...ngDevMode?[{debugName:"loginPassword"}]:[]);showLoginPassword=l(!1,...ngDevMode?[{debugName:"showLoginPassword"}]:[]);loginEmailError=l("",...ngDevMode?[{debugName:"loginEmailError"}]:[]);loginPasswordError=l("",...ngDevMode?[{debugName:"loginPasswordError"}]:[]);dropdownPanelStyle=l({},...ngDevMode?[{debugName:"dropdownPanelStyle"}]:[]);customLoginForm=I(m,...ngDevMode?[{debugName:"customLoginForm"}]:[]);customLoginFooter=I(p,...ngDevMode?[{debugName:"customLoginFooter"}]:[]);dismissedNotificationIds=l(new Set,...ngDevMode?[{debugName:"dismissedNotificationIds"}]:[]);readNotificationIds=l(new Set,...ngDevMode?[{debugName:"readNotificationIds"}]:[]);dropdownTrigger=null;dropdownActionId=null;injector=g(Q);doc=g(W);destroyRef=g(K);searchInputRef=P("searchInput",...ngDevMode?[{debugName:"searchInputRef"}]:[]);utilLayerRef=P("utilLayer",...ngDevMode?[{debugName:"utilLayerRef"}]:[]);searchPanelId="dga-header-search-panel";notificationsPanelId="dga-header-notifications-panel";localePanelId="dga-header-locale-panel";loginPanelId="dga-header-login-panel";userPanelId="dga-header-user-panel";isPortal=n(()=>this.appearance()==="portal",...ngDevMode?[{debugName:"isPortal"}]:[]);appHref(e){return A(e,this.baseHref)}searchConfig=n(()=>this.search(),...ngDevMode?[{debugName:"searchConfig"}]:[]);searchActionId=n(()=>this.search()?.actionId??"search",...ngDevMode?[{debugName:"searchActionId"}]:[]);notificationsConfig=n(()=>this.notifications(),...ngDevMode?[{debugName:"notificationsConfig"}]:[]);notificationsActionId=n(()=>this.notifications()?.actionId??"notifications",...ngDevMode?[{debugName:"notificationsActionId"}]:[]);localeMenuConfig=n(()=>this.localeMenu(),...ngDevMode?[{debugName:"localeMenuConfig"}]:[]);localeActionId=n(()=>this.localeMenu()?.actionId??"lang",...ngDevMode?[{debugName:"localeActionId"}]:[]);loginConfig=n(()=>this.login(),...ngDevMode?[{debugName:"loginConfig"}]:[]);loginActionId=n(()=>this.login()?.actionId??"login",...ngDevMode?[{debugName:"loginActionId"}]:[]);userConfig=n(()=>this.user(),...ngDevMode?[{debugName:"userConfig"}]:[]);hasCustomLoginForm=n(()=>!!this.customLoginForm(),...ngDevMode?[{debugName:"hasCustomLoginForm"}]:[]);hasCustomLoginFooter=n(()=>!!this.customLoginFooter(),...ngDevMode?[{debugName:"hasCustomLoginFooter"}]:[]);utilityOverlayOpen=n(()=>this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen(),...ngDevMode?[{debugName:"utilityOverlayOpen"}]:[]);visibleNotifications=n(()=>{const e=this.notifications()?.items??[],t=this.dismissedNotificationIds(),o=this.readNotificationIds();return e.filter(s=>!t.has(s.id)).map(s=>({...s,read:!!s.read||o.has(s.id)}))},...ngDevMode?[{debugName:"visibleNotifications"}]:[]);unreadNotificationCount=n(()=>this.visibleNotifications().filter(e=>!e.read).length,...ngDevMode?[{debugName:"unreadNotificationCount"}]:[]);constructor(){this.destroyRef.onDestroy(()=>this.removePortaledUtilLayer()),L(()=>{this.mobileNav(),z(()=>{this.mobileOpen()&&this.closeAll()})}),L(()=>{if(!this.utilityOverlayOpen())return;this.utilLayerRef()?.nativeElement&&this.portalUtilLayer(),S(()=>this.portalUtilLayer(),{injector:this.injector})}),L(()=>{this.authenticated()&&this.loginOpen()&&z(()=>this.closeLogin())})}portalUtilLayer(){const e=this.utilLayerRef()?.nativeElement;!e||e.parentElement===this.doc.body||this.doc.body.appendChild(e)}removePortaledUtilLayer(){const e=this.utilLayerRef()?.nativeElement;e?.parentElement===this.doc.body&&e.remove()}activeWideDropdown=n(()=>{if(!this.hoverMenus()&&this.isMobileViewport())return null;const e=this.openDropdown();if(e===null)return null;const t=this.items()[e];if(!t?.dropdown)return null;const o=this.resolveVariant(t);return o==="menu"?null:{index:e,item:t,variant:o}},...ngDevMode?[{debugName:"activeWideDropdown"}]:[]);hostClasses=n(()=>c("relative block overflow-visible border-b border-border-subtle bg-nav font-sans text-fg",this.sticky()&&"sticky top-0 shadow-md",this.mobileOpen()&&this.mobileNav()!=="push"?"z-urgent":"z-header"),...ngDevMode?[{debugName:"hostClasses"}]:[]);innerClasses=n(()=>c("relative flex w-full gap-lg px-(--wrapper-padding)",this.appearance()==="default"&&"min-h-6xl items-center py-md",this.appearance()==="portal"&&"h-(--size-header-portal) items-stretch"),...ngDevMode?[{debugName:"innerClasses"}]:[]);desktopNavClasses=n(()=>c("min-w-0 flex-1",this.appearance()==="default"&&"flex flex-wrap items-center gap-lg self-center",this.appearance()==="portal"&&"hidden md:flex md:items-stretch"),...ngDevMode?[{debugName:"desktopNavClasses"}]:[]);actionsClasses=n(()=>c("ms-auto flex shrink-0 items-stretch empty:hidden",this.isPortal()&&this.items().length>0&&"max-md:hidden"),...ngDevMode?[{debugName:"actionsClasses"}]:[]);mobilePanelClass(){const e=this.mobileOpen(),t=this.mobileNav();return c("flex flex-col overflow-hidden bg-nav md:hidden",t==="sheet"&&"fixed top-0 bottom-0 end-0 z-urgent w-[min(16rem,70vw)] max-w-[16rem] rounded-s-xl border-s border-border shadow-2xl",t==="fullscreen"&&"fixed inset-0 z-urgent rounded-none border-0 shadow-none",t==="push"&&"absolute inset-x-0 top-full z-20 max-h-[min(70dvh,28rem)] border-b border-border shadow-lg",e?"dga-mobile-nav-open":"dga-mobile-nav-closed",e&&t==="sheet"&&"dga-mobile-sheet-open",e&&t==="fullscreen"&&"dga-mobile-fs-open",e&&t==="push"&&"dga-mobile-push-open")}hoverMenus(){return typeof matchMedia!="function"?!1:matchMedia("(hover: hover) and (pointer: fine)").matches}isMobileViewport(){return typeof matchMedia!="function"?!1:matchMedia("(max-width: 767px)").matches}resolveVariant(e){const t=e.dropdown;return t?t.variant?t.variant:t.featured?"featured":t.columns?.length||t.layout==="columns"||t.layout==="rows"?"mega":"menu":"menu"}resolveLayout(e){const t=e.dropdown;return t?t.layout?t.layout:t.columns?.length?"columns":"list":"list"}colCount(e){return e.dropdown?.columns?.length??0}flatLinks(e){const t=e.dropdown;return t?t.links?.length?t.links:t.columns?.flatMap(o=>o.links)??[]:[]}columnsGridClass(e){return c("grid w-full gap-2xl py-lg",e>1&&"sm:grid-cols-2",e>2&&"lg:grid-cols-3",e>3&&"xl:grid-cols-4")}featuredGridClass(e,t){return c("grid w-full gap-3xl",e==="featured"&&t&&"lg:grid-cols-[minmax(0,1fr)_minmax(14rem,18rem)]")}navItemClass(e,t=!1){return c(T,"justify-center",e&&"text-fg-primary",t&&"bg-neutral-light")}mobileItemClass(e,t=!1){return c(ae,e&&"bg-primary-faint",t&&"bg-neutral-light")}indicatorClass(e){return c(ie,e?"bg-primary group-hover:bg-primary":"bg-transparent group-hover:bg-fg-disabled")}actionClass(e){return c(T,"relative justify-center")}badgeClass(){return c("dga-action-badge absolute top-lg end-md flex h-lg min-w-lg","items-center justify-center rounded-full bg-error px-xxs","text-body-2xs font-medium text-on-color")}isIconOnly(e){return e.iconOnly!==!1}isSearchAction(e){return!!this.search()&&e.id===this.searchActionId()}isNotificationsAction(e){return!!this.notifications()&&e.id===this.notificationsActionId()}isLocaleAction(e){return!!this.localeMenu()&&e.id===this.localeActionId()}isLoginAction(e){return!!this.login()&&e.id===this.loginActionId()}actionTooltip(e){return this.isLoginAction(e)&&this.authenticated()&&this.user()?.name||e.label}actionAriaLabel(e){return this.actionTooltip(e)}actionExpanded(e){return this.isSearchAction(e)?this.searchOpen():this.isNotificationsAction(e)?this.notificationsOpen():this.isLocaleAction(e)?this.localeMenuOpen():this.isLoginAction(e)?this.authenticated()?this.userMenuOpen():this.loginOpen():null}actionControls(e){return this.isSearchAction(e)?this.searchPanelId:this.isNotificationsAction(e)?this.notificationsPanelId:this.isLocaleAction(e)?this.localePanelId:this.isLoginAction(e)?this.authenticated()?this.userPanelId:this.loginPanelId:null}actionIndicatorActive(e){return this.isSearchAction(e)?this.searchOpen():this.isNotificationsAction(e)?this.notificationsOpen():this.isLocaleAction(e)?this.localeMenuOpen():this.isLoginAction(e)?this.authenticated()?this.userMenuOpen():this.loginOpen():!1}clearCloseTimer(){this.closeTimer!==null&&(clearTimeout(this.closeTimer),this.closeTimer=null)}scheduleClose(){this.clearCloseTimer(),this.closeTimer=setTimeout(()=>{this.openDropdown.set(null),this.closeTimer=null},120)}setBodyScrollLocked(e){typeof document>"u"||document.documentElement.classList.toggle("dga-nav-locked",e)}unlockBodyIfIdle(){this.mobileOpen()||this.utilityOverlayOpen()||this.setBodyScrollLocked(!1)}onItemEnter(e){if(!this.isMobileViewport()){if(!this.items()[e]?.dropdown){this.hoverMenus()&&this.scheduleClose();return}this.clearCloseTimer(),this.hoverMenus()&&this.openDropdown.set(e)}}onPanelEnter(){this.clearCloseTimer()}onHostLeave(e){if(!this.hoverMenus()||this.isMobileViewport())return;const t=e.relatedTarget;t&&this.host.nativeElement.contains(t)||this.scheduleClose()}toggleMobile(){this.mobileOpen.update(e=>!e),this.openDropdown.set(null),this.setBodyScrollLocked(this.mobileOpen())}toggleDropdown(e,t){t.stopPropagation(),!(this.hoverMenus()&&!this.isMobileViewport()&&this.openDropdown()===e)&&(this.clearCloseTimer(),this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.openDropdown.update(o=>o===e?null:e))}closeAll(){this.clearCloseTimer(),this.openDropdown.set(null),this.mobileOpen.set(!1),this.closeSearch(!1),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.setBodyScrollLocked(!1)}onAction(e,t){const o=this.triggerFromEvent(t);if(this.isSearchAction(e)){this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleSearch(),this.actionClick.emit(e);return}if(this.isNotificationsAction(e)){this.closeSearch(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleNotifications(o),this.actionClick.emit(e);return}if(this.isLocaleAction(e)){this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.toggleLocaleMenu(o),this.actionClick.emit(e);return}if(this.isLoginAction(e)){this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.authenticated()?(this.closeLogin(),this.toggleUserMenu(o)):(this.closeUserMenu(),this.toggleLogin(o)),this.actionClick.emit(e);return}this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.actionClick.emit(e)}onMobileAction(e,t){const o=this.triggerFromEvent(t);if(this.isSearchAction(e)){this.mobileOpen.set(!1),this.setBodyScrollLocked(!1),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleSearch(),this.actionClick.emit(e);return}if(this.isNotificationsAction(e)){this.mobileOpen.set(!1),this.closeSearch(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.toggleNotifications(o),this.isMobileViewport()&&this.setBodyScrollLocked(!0),this.actionClick.emit(e);return}if(this.isLocaleAction(e)){this.mobileOpen.set(!1),this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.toggleLocaleMenu(o),this.isMobileViewport()&&this.setBodyScrollLocked(!0),this.actionClick.emit(e);return}if(this.isLoginAction(e)){this.mobileOpen.set(!1),this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.authenticated()?(this.closeLogin(),this.toggleUserMenu(o)):(this.closeUserMenu(),this.toggleLogin(o)),this.isMobileViewport()&&this.setBodyScrollLocked(!0),this.actionClick.emit(e);return}this.actionClick.emit(e),this.closeAll()}closeUtilityOverlays(){this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu()}closePortalChromeMenus(){typeof document>"u"||document.dispatchEvent(new CustomEvent("dga-close-portal-chrome-menus"))}onCloseHeaderOverlays(){this.closeUtilityOverlays()}toggleSearch(){if(this.searchOpen()){this.closeSearch();return}this.openDropdown.set(null),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.closePortalChromeMenus(),this.searchOpen.set(!0)}onSearchModalOpenChange(e){if(e){this.searchOpen.set(!0);return}this.closeSearch()}focusSearchInput(){S(()=>this.searchInputRef()?.nativeElement.focus(),{injector:this.injector})}closeSearch(e=!0){this.searchOpen.set(!1),e&&this.stopVoice()}toggleNotifications(e){if(this.notificationsOpen()){this.closeNotifications();return}this.openDropdown.set(null),this.closeSearch(),this.closeLocaleMenu(),this.closeLogin(),this.closeUserMenu(),this.closePortalChromeMenus(),this.notificationsOpen.set(!0);const t=this.visibleNotifications()[0];this.expandedNotificationId.set(t?.id??null),this.scheduleDropdownSync(this.notificationsActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeNotifications(){this.notificationsOpen.set(!1),this.expandedNotificationId.set(null),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}toggleLocaleMenu(e){if(this.localeMenuOpen()){this.closeLocaleMenu();return}this.openDropdown.set(null),this.closeSearch(),this.closeNotifications(),this.closeLogin(),this.closeUserMenu(),this.closePortalChromeMenus(),this.localeMenuOpen.set(!0),this.scheduleDropdownSync(this.localeActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeLocaleMenu(){this.localeMenuOpen.set(!1),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}onLocalePick(e){this.localeSelect.emit(e),this.closeLocaleMenu()}toggleLogin(e){if(this.loginOpen()){this.closeLogin();return}this.openDropdown.set(null),this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeUserMenu(),this.closePortalChromeMenus(),this.loginOpen.set(!0),this.scheduleDropdownSync(this.loginActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeLogin(){this.loginOpen.set(!1),this.loginSubmitting.set(!1),this.loginError.set(""),this.loginEmailError.set(""),this.loginPasswordError.set(""),this.loginEmail.set(""),this.loginPassword.set(""),this.showLoginPassword.set(!1),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}toggleUserMenu(e){if(this.userMenuOpen()){this.closeUserMenu();return}this.openDropdown.set(null),this.closeSearch(),this.closeNotifications(),this.closeLocaleMenu(),this.closeLogin(),this.closePortalChromeMenus(),this.userMenuOpen.set(!0),this.scheduleDropdownSync(this.loginActionId(),e),this.isMobileViewport()&&this.setBodyScrollLocked(!0)}closeUserMenu(){this.userMenuOpen.set(!1),this.clearDropdownAnchor(),this.unlockBodyIfIdle()}onLoginEmailInput(e){this.loginEmail.set(e),this.loginEmailError()&&this.loginEmailError.set("")}onLoginPasswordInput(e){this.loginPassword.set(e),this.loginPasswordError()&&this.loginPasswordError.set("")}showLoginRegisterRow(e){return!!(e.registerPrompt||e.registerLabel||e.registerHref)}loginPanelOuterStyle(){const e=this.dropdownPanelStyle();if(this.isMobileViewport())return e;const t=this.loginConfig()?.panelWidth??"24rem";return{...e,width:`min(${t}, calc(100vw - 2rem))`}}loginPanelInnerStyle(){return this.isMobileViewport()?{maxHeight:`min(90svh, ${this.loginConfig()?.maxHeight??"44rem"})`}:{}}onLoginSubmit(e){e.preventDefault();const t=this.loginConfig(),o=this.loginEmail().trim(),s=this.loginPassword();this.loginEmailError.set(""),this.loginPasswordError.set(""),this.loginError.set("");let r=!1;o?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o)||(this.loginEmailError.set(t?.emailInvalidMessage??"Enter a valid email address"),r=!0):(this.loginEmailError.set(t?.emailRequiredMessage??"Email is required"),r=!0),s||(this.loginPasswordError.set(t?.passwordRequiredMessage??"Password is required"),r=!0),!r&&(this.loginSubmitting.set(!0),this.loginSubmit.emit({email:o,password:s}))}onUserLink(e){if(this.userLinkClick.emit(e),e.id==="logout"||e.danger){this.authenticated.set(!1),this.logout.emit(),this.closeUserMenu();return}this.closeUserMenu()}toggleNotificationExpand(e){this.expandedNotificationId.update(t=>t===e.id?null:e.id),this.notificationAction.emit({item:e,action:"select"})}onNotificationAction(e,t){t==="read"&&this.readNotificationIds.update(o=>new Set([...o,e.id])),t==="dismiss"&&(this.dismissedNotificationIds.update(o=>new Set([...o,e.id])),this.expandedNotificationId.update(o=>o===e.id?null:o)),t==="view"&&e.href&&ee(e.href,this.baseHref),this.notificationAction.emit({item:e,action:t})}markAllNotificationsRead(){const e=this.visibleNotifications().map(t=>t.id);this.readNotificationIds.update(t=>new Set([...t,...e]))}clearSearchQuery(){this.searchQuery.set(""),queueMicrotask(()=>this.searchInputRef()?.nativeElement.focus())}applySearchSuggestion(e){const t=e.value??e.label;this.searchQuery.set(t),this.searchSuggestionSelect.emit(e),queueMicrotask(()=>this.searchInputRef()?.nativeElement.focus())}onSearchFormSubmit(e){e.preventDefault();const t=this.searchQuery().trim();this.searchSubmit.emit(t);const o=this.search();if(o?.resultsHref){const s=o.queryParam??"q",r=new URL(o.resultsHref,typeof window<"u"?window.location.origin:"http://localhost");t?r.searchParams.set(s,t):r.searchParams.delete(s),typeof window<"u"&&window.location.assign(`${r.pathname}${r.search}${r.hash}`)}this.closeSearch()}onSearchVoice(){if(this.searchVoice.emit(),typeof window>"u")return;const e=window,t=e.SpeechRecognition||e.webkitSpeechRecognition;if(!t)return;this.stopVoice();const o=new t;o.lang=typeof document<"u"&&document.documentElement.lang?document.documentElement.lang:"ar-SA",o.interimResults=!1,o.maxAlternatives=1,this.voiceListening.set(!0),o.onresult=s=>{const r=s.results[0]?.[0]?.transcript?.trim();r&&this.searchQuery.set(r),this.voiceListening.set(!1)},o.onerror=()=>this.voiceListening.set(!1),o.onend=()=>this.voiceListening.set(!1),this.speechRecognition=o,o.start()}speechRecognition=null;stopVoice(){this.speechRecognition?.stop(),this.speechRecognition=null,this.voiceListening.set(!1)}triggerFromEvent(e){const t=e?.currentTarget;return t instanceof HTMLElement?t:null}scheduleDropdownSync(e,t){this.dropdownActionId=e,this.dropdownTrigger=t??null,S(()=>this.requestDropdownSync(t),{injector:this.injector})}requestDropdownSync(e){if(typeof requestAnimationFrame!="function"){this.syncDropdownPanel(e);return}this.dropdownSyncFrame===null&&(this.dropdownSyncFrame=requestAnimationFrame(()=>{this.dropdownSyncFrame=null,this.syncDropdownPanel(e)}))}clearDropdownAnchor(){this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen()||(this.dropdownTrigger=null,this.dropdownActionId=null,this.lastDropdownStyleKey="",this.dropdownPanelStyle.set({}))}findActionTrigger(e){const t=this.host.nativeElement.querySelectorAll(`[data-dga-action="${CSS.escape(e)}"]`);for(const o of Array.from(t)){const s=o;if(s.getClientRects().length>0)return s}return t[0]??null}activeUtilityPanelWidthPx(){if(typeof window>"u")return 448;const e=window.innerWidth-32;if(this.loginOpen()){const t=this.loginConfig()?.panelWidth??"24rem";return Math.min(te(t,384),e)}return this.userMenuOpen()?Math.min(352,e):this.localeMenuOpen()?Math.min(256,e):(this.notificationsOpen(),Math.min(448,e))}syncDropdownPanel(e){if(typeof window>"u")return;if(this.isMobileViewport()){const d={top:"auto",bottom:"max(0.75rem, env(safe-area-inset-bottom, 0px))",left:"0.75rem",right:"0.75rem",width:"auto",maxWidth:"none"},M=`sheet|${d.bottom}`;if(M===this.lastDropdownStyleKey)return;this.lastDropdownStyleKey=M,this.dropdownPanelStyle.set(d);return}const t=e??this.dropdownTrigger??(this.dropdownActionId?this.findActionTrigger(this.dropdownActionId):null);if(!t)return;this.dropdownTrigger=t;const o=t.getBoundingClientRect();if(o.width<1&&o.height<1)return;const s=getComputedStyle(this.host.nativeElement).direction,_=(typeof document<"u"?document.documentElement.getAttribute("dir"):null)==="rtl"||s==="rtl",B=8,C=this.activeUtilityPanelWidthPx(),f={top:`${Math.round(o.bottom+B)}px`};if(_){let d=Math.round(o.left);d=Math.max(16,Math.min(d,window.innerWidth-C-16)),f.left=`${d}px`,f.right="auto"}else{let d=Math.round(window.innerWidth-o.right);d=Math.max(16,Math.min(d,window.innerWidth-C-16)),f.right=`${d}px`,f.left="auto"}const N=`${f.top}|${f.left??""}|${f.right??""}`;N!==this.lastDropdownStyleKey&&(this.lastDropdownStyleKey=N,this.dropdownPanelStyle.set(f))}onKey(e){e.key==="Escape"&&this.closeAll()}onScroll(){(this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen())&&this.requestDropdownSync()}onResize(){typeof window>"u"||(window.matchMedia("(max-width: 767px)").matches||(this.mobileOpen.set(!1),this.setBodyScrollLocked(!1)),(this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen())&&(this.lastDropdownStyleKey="",this.requestDropdownSync()))}onNavLinkClick(e,t){this.navLinkClick.emit(e),e.href||t.preventDefault()}onDocClick(e){this.searchOpen()||this.notificationsOpen()||this.localeMenuOpen()||this.loginOpen()||this.userMenuOpen()||this.hoverMenus()&&!this.isMobileViewport()||this.mobileOpen()||this.host.nativeElement.contains(e.target)||this.openDropdown.set(null)}static ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:v,deps:[],target:i.ɵɵFactoryTarget.Component});static ɵcmp=i.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:v,isStandalone:!0,selector:"dga-header",inputs:{brand:{classPropertyName:"brand",publicName:"brand",isSignal:!0,isRequired:!1,transformFunction:null},brandSlogan:{classPropertyName:"brandSlogan",publicName:"brandSlogan",isSignal:!0,isRequired:!1,transformFunction:null},brandLogo:{classPropertyName:"brandLogo",publicName:"brandLogo",isSignal:!0,isRequired:!1,transformFunction:null},brandLogoAlt:{classPropertyName:"brandLogoAlt",publicName:"brandLogoAlt",isSignal:!0,isRequired:!1,transformFunction:null},brandPlaceholder:{classPropertyName:"brandPlaceholder",publicName:"brandPlaceholder",isSignal:!0,isRequired:!1,transformFunction:null},brandHref:{classPropertyName:"brandHref",publicName:"brandHref",isSignal:!0,isRequired:!1,transformFunction:null},navLabel:{classPropertyName:"navLabel",publicName:"navLabel",isSignal:!0,isRequired:!1,transformFunction:null},menuToggleLabel:{classPropertyName:"menuToggleLabel",publicName:"menuToggleLabel",isSignal:!0,isRequired:!1,transformFunction:null},menuCloseLabel:{classPropertyName:"menuCloseLabel",publicName:"menuCloseLabel",isSignal:!0,isRequired:!1,transformFunction:null},appearance:{classPropertyName:"appearance",publicName:"appearance",isSignal:!0,isRequired:!1,transformFunction:null},mobileNav:{classPropertyName:"mobileNav",publicName:"mobileNav",isSignal:!0,isRequired:!1,transformFunction:null},sticky:{classPropertyName:"sticky",publicName:"sticky",isSignal:!0,isRequired:!1,transformFunction:null},items:{classPropertyName:"items",publicName:"items",isSignal:!0,isRequired:!1,transformFunction:null},actions:{classPropertyName:"actions",publicName:"actions",isSignal:!0,isRequired:!1,transformFunction:null},search:{classPropertyName:"search",publicName:"search",isSignal:!0,isRequired:!1,transformFunction:null},searchQuery:{classPropertyName:"searchQuery",publicName:"searchQuery",isSignal:!0,isRequired:!1,transformFunction:null},notifications:{classPropertyName:"notifications",publicName:"notifications",isSignal:!0,isRequired:!1,transformFunction:null},login:{classPropertyName:"login",publicName:"login",isSignal:!0,isRequired:!1,transformFunction:null},localeMenu:{classPropertyName:"localeMenu",publicName:"localeMenu",isSignal:!0,isRequired:!1,transformFunction:null},user:{classPropertyName:"user",publicName:"user",isSignal:!0,isRequired:!1,transformFunction:null},authenticated:{classPropertyName:"authenticated",publicName:"authenticated",isSignal:!0,isRequired:!1,transformFunction:null},loginSubmitting:{classPropertyName:"loginSubmitting",publicName:"loginSubmitting",isSignal:!0,isRequired:!1,transformFunction:null},loginError:{classPropertyName:"loginError",publicName:"loginError",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{searchQuery:"searchQueryChange",authenticated:"authenticatedChange",loginSubmitting:"loginSubmittingChange",loginError:"loginErrorChange",actionClick:"actionClick",searchSubmit:"searchSubmit",searchSuggestionSelect:"searchSuggestionSelect",searchVoice:"searchVoice",notificationAction:"notificationAction",loginSubmit:"loginSubmit",logout:"logout",userLinkClick:"userLinkClick",localeSelect:"localeSelect",navLinkClick:"navLinkClick"},host:{attributes:{role:"banner"},listeners:{mouseleave:"onHostLeave($event)","document:dga-close-header-overlays":"onCloseHeaderOverlays()","document:keydown":"onKey($event)","window:scroll":"onScroll()","window:resize":"onResize()","document:click":"onDocClick($event)"},properties:{class:"hostClasses()","attr.data-appearance":"appearance()","attr.data-mobile-nav":"mobileNav()","attr.data-mobile-open":"mobileOpen() || null"}},queries:[{propertyName:"customLoginForm",first:!0,predicate:m,descendants:!0,isSignal:!0},{propertyName:"customLoginFooter",first:!0,predicate:p,descendants:!0,isSignal:!0}],viewQueries:[{propertyName:"searchInputRef",first:!0,predicate:["searchInput"],descendants:!0,isSignal:!0},{propertyName:"utilLayerRef",first:!0,predicate:["utilLayer"],descendants:!0,isSignal:!0}],ngImport:i,template:`
|
|
2
2
|
<div [class]="innerClasses()">
|
|
3
3
|
<div class="relative flex min-w-0 shrink-0 items-center self-center">
|
|
4
4
|
<ng-content select="[dgaHeaderBrand]" />
|
|
@@ -12,9 +12,11 @@ import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as
|
|
|
12
12
|
@if (brandLogo()) {
|
|
13
13
|
<img
|
|
14
14
|
class="h-(--size-header-logo) w-auto max-w-[min(100%,14rem)] shrink-0 object-contain"
|
|
15
|
-
[
|
|
15
|
+
[ngSrc]="brandLogo()"
|
|
16
16
|
[alt]="brandLogoAlt()"
|
|
17
|
+
width="132"
|
|
17
18
|
height="58"
|
|
19
|
+
disableOptimizedSrcset
|
|
18
20
|
/>
|
|
19
21
|
} @else if (appearance() === 'portal' && brandPlaceholder()) {
|
|
20
22
|
<span
|
|
@@ -358,8 +360,12 @@ import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as
|
|
|
358
360
|
@if (feat.imageUrl) {
|
|
359
361
|
<img
|
|
360
362
|
class="aspect-[16/10] h-auto w-full rounded-sm object-cover"
|
|
361
|
-
[
|
|
363
|
+
[ngSrc]="feat.imageUrl"
|
|
362
364
|
alt=""
|
|
365
|
+
width="640"
|
|
366
|
+
height="400"
|
|
367
|
+
sizes="20rem"
|
|
368
|
+
disableOptimizedSrcset
|
|
363
369
|
/>
|
|
364
370
|
}
|
|
365
371
|
<div class="flex min-w-0 flex-col gap-md">
|
|
@@ -1132,8 +1138,11 @@ import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as
|
|
|
1132
1138
|
@if (brandLogo()) {
|
|
1133
1139
|
<img
|
|
1134
1140
|
class="h-5xl w-auto max-w-[10rem] shrink-0 object-contain"
|
|
1135
|
-
[
|
|
1141
|
+
[ngSrc]="brandLogo()"
|
|
1136
1142
|
[alt]="brandLogoAlt()"
|
|
1143
|
+
width="132"
|
|
1144
|
+
height="58"
|
|
1145
|
+
disableOptimizedSrcset
|
|
1137
1146
|
/>
|
|
1138
1147
|
} @else {
|
|
1139
1148
|
<span class="truncate text-body-md font-semibold text-display">{{
|
|
@@ -1363,7 +1372,7 @@ import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as
|
|
|
1363
1372
|
}
|
|
1364
1373
|
</div>
|
|
1365
1374
|
}
|
|
1366
|
-
`,isInline:!0,styles:["@keyframes dga-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dga-panel-in{0%{opacity:0;transform:translateY(-.625rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dga-chip-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-notif-row-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-expand-fade{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-spin{to{transform:rotate(360deg)}}@keyframes dga-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes dga-push-in{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-sheet-in-ltr{0%{opacity:.85;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dga-sheet-in-rtl{0%{opacity:.85;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dga-fs-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-sheet-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}:host .dga-util-backdrop,.dga-header-util-layer .dga-util-backdrop{animation:dga-fade-in .22s ease both}.dga-header-util-layer{position:fixed;inset:0;z-index:var(--z-index-urgent, 400);pointer-events:none}.dga-header-util-layer>.dga-util-backdrop,.dga-header-util-layer>.dga-header-util-panel{pointer-events:auto}:host .dga-panel-enter,.dga-header-util-layer .dga-panel-enter{animation:dga-panel-in .28s cubic-bezier(.16,1,.3,1) both;transform-origin:top center;will-change:transform,opacity}:host .dga-panel-enter--anchor-end,.dga-header-util-layer .dga-panel-enter--anchor-end{transform-origin:top right}:host-context([dir=\"rtl\"]) .dga-panel-enter--anchor-end,:host([dir=\"rtl\"]) .dga-panel-enter--anchor-end,:host-context([dir=\"rtl\"]) .dga-header-util-layer .dga-panel-enter--anchor-end,[dir=rtl] .dga-header-util-layer .dga-panel-enter--anchor-end{transform-origin:top left}@media(max-width:767px){:host .dga-panel-enter--anchor-end,.dga-header-util-layer .dga-panel-enter--anchor-end{animation-name:dga-sheet-in;transform-origin:bottom center}}:host .dga-search-chip{animation:dga-chip-in .28s cubic-bezier(.16,1,.3,1) both}:host .dga-search-input{-webkit-appearance:none;appearance:none}:host .dga-search-input::-webkit-search-decoration,:host .dga-search-input::-webkit-search-cancel-button,:host .dga-search-input::-webkit-search-results-button,:host .dga-search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}:host .dga-search-voice.dga-search-voice--active{color:var(--dga-text-primary, #1b8354)!important;background:var(--dga-bg-primary-faint, #f3faf6)!important}:host .dga-notif-item,.dga-header-util-layer .dga-notif-item{animation:dga-notif-row-in .26s cubic-bezier(.16,1,.3,1) both}:host .dga-notif-actions,.dga-header-util-layer .dga-notif-actions{animation:dga-expand-fade .2s ease both}:host .dga-login-spinner,.dga-header-util-layer .dga-login-spinner{animation:dga-spin .7s linear infinite}:host .dga-action-badge{animation:dga-badge-pulse 1.8s ease-in-out infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){:host .dga-util-backdrop,:host .dga-panel-enter,:host .dga-search-chip,:host .dga-notif-item,:host .dga-notif-actions,.dga-header-util-layer .dga-util-backdrop,.dga-header-util-layer .dga-panel-enter{animation-duration:.01ms!important;animation-delay:0ms!important}}:host .dga-burger__box{position:relative;display:block;width:1.375rem;height:1rem}:host .dga-burger__line{position:absolute;inset-inline:0;height:2px;border-radius:1px;background:currentColor;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .16s ease,top .22s cubic-bezier(.4,0,.2,1)}:host .dga-burger__line:nth-child(1){top:0}:host .dga-burger__line:nth-child(2){top:calc(50% - 1px)}:host .dga-burger__line:nth-child(3){top:calc(100% - 2px)}:host .dga-burger--open{background:var(--color-neutral-light, #f3f4f6)}:host .dga-burger--hidden{visibility:hidden;pointer-events:none}:host .dga-burger--open .dga-burger__line:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg)}:host .dga-burger--open .dga-burger__line:nth-child(2){opacity:0;transform:scaleX(.4)}:host .dga-burger--open .dga-burger__line:nth-child(3){top:calc(50% - 1px);transform:rotate(-45deg)}:host .dga-mobile-nav-closed{display:none}:host .dga-mobile-nav-open{display:flex}:host .dga-mobile-push-open{animation:dga-push-in .24s cubic-bezier(.4,0,.2,1) forwards}:host .dga-mobile-sheet-open{animation:dga-sheet-in-rtl .28s cubic-bezier(.4,0,.2,1) forwards}:host-context([dir=\"rtl\"]) .dga-mobile-sheet-open{animation:dga-sheet-in-ltr .28s cubic-bezier(.4,0,.2,1) forwards}:host .dga-mobile-fs-open{animation:dga-fs-in .24s cubic-bezier(.4,0,.2,1) forwards}@media(prefers-reduced-motion:reduce){:host .dga-action-badge,:host .dga-mobile-push-open,:host .dga-mobile-sheet-open,:host .dga-mobile-fs-open,:host-context([dir=\"rtl\"]) .dga-mobile-sheet-open,:host .dga-burger__line{animation:none;transition:none}}\n"],dependencies:[{kind:"component",type:
|
|
1375
|
+
`,isInline:!0,styles:["@keyframes dga-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dga-panel-in{0%{opacity:0;transform:translateY(-.625rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dga-chip-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-notif-row-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-expand-fade{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-spin{to{transform:rotate(360deg)}}@keyframes dga-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes dga-push-in{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-sheet-in-ltr{0%{opacity:.85;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dga-sheet-in-rtl{0%{opacity:.85;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dga-fs-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes dga-sheet-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}:host .dga-util-backdrop,.dga-header-util-layer .dga-util-backdrop{animation:dga-fade-in .22s ease both}.dga-header-util-layer{position:fixed;inset:0;z-index:var(--z-index-urgent, 400);pointer-events:none}.dga-header-util-layer>.dga-util-backdrop,.dga-header-util-layer>.dga-header-util-panel{pointer-events:auto}:host .dga-panel-enter,.dga-header-util-layer .dga-panel-enter{animation:dga-panel-in .28s cubic-bezier(.16,1,.3,1) both;transform-origin:top center;will-change:transform,opacity}:host .dga-panel-enter--anchor-end,.dga-header-util-layer .dga-panel-enter--anchor-end{transform-origin:top right}:host-context([dir=\"rtl\"]) .dga-panel-enter--anchor-end,:host([dir=\"rtl\"]) .dga-panel-enter--anchor-end,:host-context([dir=\"rtl\"]) .dga-header-util-layer .dga-panel-enter--anchor-end,[dir=rtl] .dga-header-util-layer .dga-panel-enter--anchor-end{transform-origin:top left}@media(max-width:767px){:host .dga-panel-enter--anchor-end,.dga-header-util-layer .dga-panel-enter--anchor-end{animation-name:dga-sheet-in;transform-origin:bottom center}}:host .dga-search-chip{animation:dga-chip-in .28s cubic-bezier(.16,1,.3,1) both}:host .dga-search-input{-webkit-appearance:none;appearance:none}:host .dga-search-input::-webkit-search-decoration,:host .dga-search-input::-webkit-search-cancel-button,:host .dga-search-input::-webkit-search-results-button,:host .dga-search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}:host .dga-search-voice.dga-search-voice--active{color:var(--dga-text-primary, #1b8354)!important;background:var(--dga-bg-primary-faint, #f3faf6)!important}:host .dga-notif-item,.dga-header-util-layer .dga-notif-item{animation:dga-notif-row-in .26s cubic-bezier(.16,1,.3,1) both}:host .dga-notif-actions,.dga-header-util-layer .dga-notif-actions{animation:dga-expand-fade .2s ease both}:host .dga-login-spinner,.dga-header-util-layer .dga-login-spinner{animation:dga-spin .7s linear infinite}:host .dga-action-badge{animation:dga-badge-pulse 1.8s ease-in-out infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){:host .dga-util-backdrop,:host .dga-panel-enter,:host .dga-search-chip,:host .dga-notif-item,:host .dga-notif-actions,.dga-header-util-layer .dga-util-backdrop,.dga-header-util-layer .dga-panel-enter{animation-duration:.01ms!important;animation-delay:0ms!important}}:host .dga-burger__box{position:relative;display:block;width:1.375rem;height:1rem}:host .dga-burger__line{position:absolute;inset-inline:0;height:2px;border-radius:1px;background:currentColor;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .16s ease,top .22s cubic-bezier(.4,0,.2,1)}:host .dga-burger__line:nth-child(1){top:0}:host .dga-burger__line:nth-child(2){top:calc(50% - 1px)}:host .dga-burger__line:nth-child(3){top:calc(100% - 2px)}:host .dga-burger--open{background:var(--color-neutral-light, #f3f4f6)}:host .dga-burger--hidden{visibility:hidden;pointer-events:none}:host .dga-burger--open .dga-burger__line:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg)}:host .dga-burger--open .dga-burger__line:nth-child(2){opacity:0;transform:scaleX(.4)}:host .dga-burger--open .dga-burger__line:nth-child(3){top:calc(50% - 1px);transform:rotate(-45deg)}:host .dga-mobile-nav-closed{display:none}:host .dga-mobile-nav-open{display:flex}:host .dga-mobile-push-open{animation:dga-push-in .24s cubic-bezier(.4,0,.2,1) forwards}:host .dga-mobile-sheet-open{animation:dga-sheet-in-rtl .28s cubic-bezier(.4,0,.2,1) forwards}:host-context([dir=\"rtl\"]) .dga-mobile-sheet-open{animation:dga-sheet-in-ltr .28s cubic-bezier(.4,0,.2,1) forwards}:host .dga-mobile-fs-open{animation:dga-fs-in .24s cubic-bezier(.4,0,.2,1) forwards}@media(prefers-reduced-motion:reduce){:host .dga-action-badge,:host .dga-mobile-push-open,:host .dga-mobile-sheet-open,:host .dga-mobile-fs-open,:host-context([dir=\"rtl\"]) .dga-mobile-sheet-open,:host .dga-burger__line{animation:none;transition:none}}\n"],dependencies:[{kind:"component",type:E,selector:"dga-avatar",inputs:["src","name","size","alt"]},{kind:"component",type:H,selector:"dga-badge",inputs:["variant","size"]},{kind:"component",type:F,selector:"dga-field",inputs:["label","labelHint","hint","error","status","statusMessage","controlId","required"]},{kind:"component",type:$,selector:"dga-form-control",inputs:["size","status","disabled","filled","startIcon","endIcon"]},{kind:"directive",type:R,selector:"[dgaEnd]"},{kind:"component",type:j,selector:"dga-icon",inputs:["name","glyph","size","tone","label"]},{kind:"component",type:q,selector:"dga-icon-badge",inputs:["size","appearance"]},{kind:"component",type:V,selector:"dga-modal",inputs:["open","title","description","size","animation","closeLabel","closeOnBackdrop","closeOnEscape","showClose","scrollable","centered"],outputs:["openChange","closed","opened"]},{kind:"component",type:U,selector:"dga-tooltip",inputs:["text","title","placement","variant","showIcon","disabled","showDelay","hideDelay","dismissMs","portaled"]},{kind:"directive",type:O,selector:"img[ngSrc]",inputs:["ngSrc","ngSrcset","sizes","width","height","decoding","loading","priority","loaderParams","disableOptimizedSrcset","fill","placeholder","placeholderConfig","src","srcset"]}],changeDetection:i.ChangeDetectionStrategy.OnPush})}i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:i,type:v,decorators:[{type:Z,args:[{selector:"dga-header",standalone:!0,changeDetection:G.OnPush,imports:[E,H,F,$,R,j,q,V,U,O],template:`
|
|
1367
1376
|
<div [class]="innerClasses()">
|
|
1368
1377
|
<div class="relative flex min-w-0 shrink-0 items-center self-center">
|
|
1369
1378
|
<ng-content select="[dgaHeaderBrand]" />
|
|
@@ -1377,9 +1386,11 @@ import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as
|
|
|
1377
1386
|
@if (brandLogo()) {
|
|
1378
1387
|
<img
|
|
1379
1388
|
class="h-(--size-header-logo) w-auto max-w-[min(100%,14rem)] shrink-0 object-contain"
|
|
1380
|
-
[
|
|
1389
|
+
[ngSrc]="brandLogo()"
|
|
1381
1390
|
[alt]="brandLogoAlt()"
|
|
1391
|
+
width="132"
|
|
1382
1392
|
height="58"
|
|
1393
|
+
disableOptimizedSrcset
|
|
1383
1394
|
/>
|
|
1384
1395
|
} @else if (appearance() === 'portal' && brandPlaceholder()) {
|
|
1385
1396
|
<span
|
|
@@ -1723,8 +1734,12 @@ import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as
|
|
|
1723
1734
|
@if (feat.imageUrl) {
|
|
1724
1735
|
<img
|
|
1725
1736
|
class="aspect-[16/10] h-auto w-full rounded-sm object-cover"
|
|
1726
|
-
[
|
|
1737
|
+
[ngSrc]="feat.imageUrl"
|
|
1727
1738
|
alt=""
|
|
1739
|
+
width="640"
|
|
1740
|
+
height="400"
|
|
1741
|
+
sizes="20rem"
|
|
1742
|
+
disableOptimizedSrcset
|
|
1728
1743
|
/>
|
|
1729
1744
|
}
|
|
1730
1745
|
<div class="flex min-w-0 flex-col gap-md">
|
|
@@ -2497,8 +2512,11 @@ import*as i from"@angular/core";import{Directive as y,inject as g,ElementRef as
|
|
|
2497
2512
|
@if (brandLogo()) {
|
|
2498
2513
|
<img
|
|
2499
2514
|
class="h-5xl w-auto max-w-[10rem] shrink-0 object-contain"
|
|
2500
|
-
[
|
|
2515
|
+
[ngSrc]="brandLogo()"
|
|
2501
2516
|
[alt]="brandLogoAlt()"
|
|
2517
|
+
width="132"
|
|
2518
|
+
height="58"
|
|
2519
|
+
disableOptimizedSrcset
|
|
2502
2520
|
/>
|
|
2503
2521
|
} @else {
|
|
2504
2522
|
<span class="truncate text-body-md font-semibold text-display">{{
|