@a.nemreen/dga-ui 0.3.11 → 0.3.12

package/fesm2022/a.nemreen-dga-ui.mjs

@@ -3172,7 +3172,7 @@ import{DOCUMENT as ot,NgTemplateOutlet as Qa,APP_BASE_HREF as bt,PlatformLocatio
         </div>
       }
     </div>
-  `,changeDetection:m.OnPush,host:{"[class]":"hostClass()"},styles:[":host{display:block;width:100%;max-width:var(--container-md, 40rem)}.dga-feedback{display:flex;flex-direction:column;gap:var(--dga-spacing-2xl, 1.25rem);padding:var(--dga-spacing-2xl, 1.25rem);border:1px solid var(--dga-border-neutral-subtle, var(--dga-color-neutral-200));border-radius:var(--dga-radius-lg, 12px);background:linear-gradient(165deg,color-mix(in srgb,var(--dga-color-primary-50, #ecfdf5) 55%,transparent) 0%,var(--dga-bg-card, #fff) 42%);box-shadow:var(--dga-shadow-xs, 0 1px 2px rgb(0 0 0 / 6%))}.dga-feedback__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dga-spacing-lg, .75rem);padding-bottom:var(--dga-spacing-lg, .75rem);border-bottom:1px solid color-mix(in srgb,var(--dga-border-neutral-subtle) 80%,transparent)}.dga-feedback__head-text{min-width:0;display:flex;flex-direction:column;gap:var(--dga-spacing-xs, .25rem)}.dga-feedback__title{margin:0;font-size:var(--dga-font-text-md, 1rem);line-height:var(--dga-leading-text-md, 1.5rem);font-weight:650;color:var(--dga-text-display, #161b26)}.dga-feedback__subtitle{margin:0;font-size:var(--dga-font-text-sm, .875rem);line-height:1.4;color:var(--dga-text-paragraph, #384250)}.dga-feedback__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--dga-color-yellow-600, #d97706);background:color-mix(in srgb,var(--dga-color-yellow-400, #fbbf24) 18%,transparent)}.dga-feedback__body{display:flex;flex-direction:column;gap:var(--dga-spacing-xl, 1rem)}.dga-feedback__rating,.dga-feedback__comment{display:flex;flex-direction:column;gap:var(--dga-spacing-sm, .375rem)}.dga-feedback__label{font-size:var(--dga-font-text-sm, .875rem);font-weight:600;color:var(--dga-text-display, #161b26)}.dga-feedback__hint{font-size:var(--dga-font-text-xs, .75rem);color:var(--dga-text-muted, #6b7280)}.dga-feedback__textarea{width:100%;min-height:6.5rem;resize:vertical;padding:var(--dga-spacing-lg, .75rem) var(--dga-spacing-xl, 1rem);border:1px solid var(--dga-border-border, var(--dga-color-neutral-300));border-radius:var(--dga-radius-md, 8px);background:var(--dga-bg-surface, #fff);color:var(--dga-text-fg, #111827);font:inherit;font-size:var(--dga-font-text-md, 1rem);line-height:1.5;transition:border-color .16s ease,box-shadow .16s ease}.dga-feedback__textarea::placeholder{color:var(--dga-text-muted, #9da4ae)}.dga-feedback__textarea:hover{border-color:var(--dga-border-primary-light, var(--dga-color-primary-200))}.dga-feedback__textarea:focus{outline:none;border-color:var(--dga-border-primary, var(--dga-color-primary-600));box-shadow:0 0 0 3px var(--dga-form-field-focus-glow, rgb(16 185 129 / 18%))}.dga-feedback__actions{display:flex;justify-content:flex-end;padding-top:var(--dga-spacing-xs, .25rem)}.dga-feedback__success{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dga-spacing-lg, .75rem);padding:var(--dga-spacing-xl, 1rem);border-radius:var(--dga-radius-md, 8px);background:color-mix(in srgb,var(--dga-color-primary-50, #ecfdf5) 80%,transparent);border:1px solid color-mix(in srgb,var(--dga-color-primary-200, #a7f3d0) 70%,transparent)}.dga-feedback__success-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--dga-color-primary-700, #047857);background:color-mix(in srgb,var(--dga-color-primary-500, #10b981) 16%,transparent)}.dga-feedback__success-copy{flex:1 1 10rem;min-width:0}.dga-feedback__success-title{margin:0;font-size:var(--dga-font-text-sm, .875rem);font-weight:650;color:var(--dga-text-display, #161b26)}.dga-feedback__success-body{margin:.15rem 0 0;font-size:var(--dga-font-text-sm, .875rem);color:var(--dga-text-paragraph, #384250)}\n"]}]}],propDecorators:{rating:[{type:a.Input,args:[{isSignal:!0,alias:"rating",required:!1}]},{type:a.Output,args:["ratingChange"]}],submitted:[{type:a.Output,args:["submitted"]}],title:[{type:a.Input,args:[{isSignal:!0,alias:"title",required:!1}]}],subtitle:[{type:a.Input,args:[{isSignal:!0,alias:"subtitle",required:!1}]}],ratingLabel:[{type:a.Input,args:[{isSignal:!0,alias:"ratingLabel",required:!1}]}],commentLabel:[{type:a.Input,args:[{isSignal:!0,alias:"commentLabel",required:!1}]}],commentPlaceholder:[{type:a.Input,args:[{isSignal:!0,alias:"commentPlaceholder",required:!1}]}],submitLabel:[{type:a.Input,args:[{isSignal:!0,alias:"submitLabel",required:!1}]}],againLabel:[{type:a.Input,args:[{isSignal:!0,alias:"againLabel",required:!1}]}],successTitle:[{type:a.Input,args:[{isSignal:!0,alias:"successTitle",required:!1}]}],successBody:[{type:a.Input,args:[{isSignal:!0,alias:"successBody",required:!1}]}]}});const ys=/^(javascript|data|vbscript|blob):/i,xs=/^(https?:|mailto:|tel:)/i;function Ft(d,e="/"){const t=d.trim();if(!t)return t;if(ys.test(t))return"#";if(t==="#"||t.startsWith("#")||xs.test(t)||t.startsWith("//")||!t.startsWith("/"))return t;const s=e.replace(/\/+$/,"");return!s||s==="/"?t:`${s}${t}`}function $(d,e="/"){return d==null?"#":Ft(String(d),e)||"#"}class _e{question=i("هل كانت هذه الصفحة مفيدة؟",...ngDevMode?[{debugName:"question"}]:[]);yesLabel=i("نعم",...ngDevMode?[{debugName:"yesLabel"}]:[]);noLabel=i("لا",...ngDevMode?[{debugName:"noLabel"}]:[]);closeLabel=i("إغلاق",...ngDevMode?[{debugName:"closeLabel"}]:[]);whyLabel=i("أخبرنا بالسبب",...ngDevMode?[{debugName:"whyLabel"}]:[]);whyHint=i("(يمكنك اختيار أكثر من خيار)",...ngDevMode?[{debugName:"whyHint"}]:[]);genderLabel=i("أنا",...ngDevMode?[{debugName:"genderLabel"}]:[]);commentLabel=i("ملاحظات",...ngDevMode?[{debugName:"commentLabel"}]:[]);commentPlaceholder=i("اكتب رسالتك…",...ngDevMode?[{debugName:"commentPlaceholder"}]:[]);submitLabel=i("إرسال",...ngDevMode?[{debugName:"submitLabel"}]:[]);statistic=i("",...ngDevMode?[{debugName:"statistic"}]:[]);thankYouMessage=i("شكرًا لملاحظاتك",...ngDevMode?[{debugName:"thankYouMessage"}]:[]);agreementBefore=i("لمزيد من المعلومات يمكنك مراجعة ",...ngDevMode?[{debugName:"agreementBefore"}]:[]);participationLabel=i("بيان المشاركة الإلكترونية",...ngDevMode?[{debugName:"participationLabel"}]:[]);participationHref=i("#",...ngDevMode?[{debugName:"participationHref"}]:[]);agreementAnd=i(" و ",...ngDevMode?[{debugName:"agreementAnd"}]:[]);rulesLabel=i("قواعد المشاركة",...ngDevMode?[{debugName:"rulesLabel"}]:[]);rulesHref=i("#",...ngDevMode?[{debugName:"rulesHref"}]:[]);agreementAfter=i(".",...ngDevMode?[{debugName:"agreementAfter"}]:[]);defaultAgreement=i(!0,{...ngDevMode?{debugName:"defaultAgreement"}:{},transform:u});yesReasons=i([{value:"relevant",label:"المحتوى ذو صلة"},{value:"well-written",label:"كان مكتوبًا بشكل جيد"},{value:"easy-layout",label:"التصميم سهّل القراءة"},{value:"other",label:"سبب آخر"}],...ngDevMode?[{debugName:"yesReasons"}]:[]);noReasons=i([{value:"not-relevant",label:"المحتوى غير ذي صلة"},{value:"inaccurate",label:"المحتوى غير دقيق"},{value:"too-long",label:"المحتوى طويل جدًا"},{value:"other",label:"سبب آخر"}],...ngDevMode?[{debugName:"noReasons"}]:[]);genderOptions=i([{value:"male",label:"ذكر"},{value:"female",label:"أنثى"}],...ngDevMode?[{debugName:"genderOptions"}]:[]);bordered=i(!0,{...ngDevMode?{debugName:"bordered"}:{},transform:u});submitted=v();closed=v();answer=b(null,...ngDevMode?[{debugName:"answer"}]:[]);phase=b("idle",...ngDevMode?[{debugName:"phase"}]:[]);reasons=b([],...ngDevMode?[{debugName:"reasons"}]:[]);gender=b("",...ngDevMode?[{debugName:"gender"}]:[]);comment=b("",...ngDevMode?[{debugName:"comment"}]:[]);dismissed=b(!1,...ngDevMode?[{debugName:"dismissed"}]:[]);statusMessage=b("",...ngDevMode?[{debugName:"statusMessage"}]:[]);static nextId=0;uid=++_e.nextId;commentId=`dga-page-feedback-comment-${this.uid}`;genderName=`dga-page-feedback-gender-${this.uid}`;activeReasons=n(()=>this.answer()==="no"?this.noReasons():this.yesReasons(),...ngDevMode?[{debugName:"activeReasons"}]:[]);canSubmit=n(()=>this.reasons().length>0||this.comment().trim().length>0,...ngDevMode?[{debugName:"canSubmit"}]:[]);showDefaultAgreement=n(()=>this.defaultAgreement(),...ngDevMode?[{debugName:"showDefaultAgreement"}]:[]);panelClasses=n(()=>c("block w-full bg-surface",this.bordered()&&"border-t-2 border-border-primary"),...ngDevMode?[{debugName:"panelClasses"}]:[]);choose(e){this.answer.set(e),this.phase.set("details"),this.reasons.set([]),this.gender.set(""),this.comment.set(""),this.statusMessage.set("")}toggleReason(e,t){const s=t.target.checked;this.reasons.update(r=>s?[...r,e]:r.filter(l=>l!==e))}onComment(e){this.comment.set(e.target.value)}onSubmit(e){e.preventDefault();const t=this.answer();!t||!this.canSubmit()||(this.submitted.emit({answer:t,reasons:this.reasons(),gender:this.gender(),comment:this.comment().trim()}),this.statusMessage.set(this.thankYouMessage()),this.phase.set("thanks"),this.reasons.set([]),this.gender.set(""),this.comment.set(""))}close(){if(this.phase()==="thanks"){this.dismissed.set(!0),this.closed.emit();return}this.answer.set(null),this.phase.set("idle"),this.reasons.set([]),this.gender.set(""),this.comment.set(""),this.statusMessage.set("")}safeHref(e){return $(e)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:_e,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:_e,isStandalone:!0,selector:"dga-page-feedback",inputs:{question:{classPropertyName:"question",publicName:"question",isSignal:!0,isRequired:!1,transformFunction:null},yesLabel:{classPropertyName:"yesLabel",publicName:"yesLabel",isSignal:!0,isRequired:!1,transformFunction:null},noLabel:{classPropertyName:"noLabel",publicName:"noLabel",isSignal:!0,isRequired:!1,transformFunction:null},closeLabel:{classPropertyName:"closeLabel",publicName:"closeLabel",isSignal:!0,isRequired:!1,transformFunction:null},whyLabel:{classPropertyName:"whyLabel",publicName:"whyLabel",isSignal:!0,isRequired:!1,transformFunction:null},whyHint:{classPropertyName:"whyHint",publicName:"whyHint",isSignal:!0,isRequired:!1,transformFunction:null},genderLabel:{classPropertyName:"genderLabel",publicName:"genderLabel",isSignal:!0,isRequired:!1,transformFunction:null},commentLabel:{classPropertyName:"commentLabel",publicName:"commentLabel",isSignal:!0,isRequired:!1,transformFunction:null},commentPlaceholder:{classPropertyName:"commentPlaceholder",publicName:"commentPlaceholder",isSignal:!0,isRequired:!1,transformFunction:null},submitLabel:{classPropertyName:"submitLabel",publicName:"submitLabel",isSignal:!0,isRequired:!1,transformFunction:null},statistic:{classPropertyName:"statistic",publicName:"statistic",isSignal:!0,isRequired:!1,transformFunction:null},thankYouMessage:{classPropertyName:"thankYouMessage",publicName:"thankYouMessage",isSignal:!0,isRequired:!1,transformFunction:null},agreementBefore:{classPropertyName:"agreementBefore",publicName:"agreementBefore",isSignal:!0,isRequired:!1,transformFunction:null},participationLabel:{classPropertyName:"participationLabel",publicName:"participationLabel",isSignal:!0,isRequired:!1,transformFunction:null},participationHref:{classPropertyName:"participationHref",publicName:"participationHref",isSignal:!0,isRequired:!1,transformFunction:null},agreementAnd:{classPropertyName:"agreementAnd",publicName:"agreementAnd",isSignal:!0,isRequired:!1,transformFunction:null},rulesLabel:{classPropertyName:"rulesLabel",publicName:"rulesLabel",isSignal:!0,isRequired:!1,transformFunction:null},rulesHref:{classPropertyName:"rulesHref",publicName:"rulesHref",isSignal:!0,isRequired:!1,transformFunction:null},agreementAfter:{classPropertyName:"agreementAfter",publicName:"agreementAfter",isSignal:!0,isRequired:!1,transformFunction:null},defaultAgreement:{classPropertyName:"defaultAgreement",publicName:"defaultAgreement",isSignal:!0,isRequired:!1,transformFunction:null},yesReasons:{classPropertyName:"yesReasons",publicName:"yesReasons",isSignal:!0,isRequired:!1,transformFunction:null},noReasons:{classPropertyName:"noReasons",publicName:"noReasons",isSignal:!0,isRequired:!1,transformFunction:null},genderOptions:{classPropertyName:"genderOptions",publicName:"genderOptions",isSignal:!0,isRequired:!1,transformFunction:null},bordered:{classPropertyName:"bordered",publicName:"bordered",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{submitted:"submitted",closed:"closed"},host:{properties:{"attr.data-phase":"phase()","attr.data-answer":"answer() || null"},classAttribute:"block"},ngImport:a,template:`
+  `,changeDetection:m.OnPush,host:{"[class]":"hostClass()"},styles:[":host{display:block;width:100%;max-width:var(--container-md, 40rem)}.dga-feedback{display:flex;flex-direction:column;gap:var(--dga-spacing-2xl, 1.25rem);padding:var(--dga-spacing-2xl, 1.25rem);border:1px solid var(--dga-border-neutral-subtle, var(--dga-color-neutral-200));border-radius:var(--dga-radius-lg, 12px);background:linear-gradient(165deg,color-mix(in srgb,var(--dga-color-primary-50, #ecfdf5) 55%,transparent) 0%,var(--dga-bg-card, #fff) 42%);box-shadow:var(--dga-shadow-xs, 0 1px 2px rgb(0 0 0 / 6%))}.dga-feedback__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dga-spacing-lg, .75rem);padding-bottom:var(--dga-spacing-lg, .75rem);border-bottom:1px solid color-mix(in srgb,var(--dga-border-neutral-subtle) 80%,transparent)}.dga-feedback__head-text{min-width:0;display:flex;flex-direction:column;gap:var(--dga-spacing-xs, .25rem)}.dga-feedback__title{margin:0;font-size:var(--dga-font-text-md, 1rem);line-height:var(--dga-leading-text-md, 1.5rem);font-weight:650;color:var(--dga-text-display, #161b26)}.dga-feedback__subtitle{margin:0;font-size:var(--dga-font-text-sm, .875rem);line-height:1.4;color:var(--dga-text-paragraph, #384250)}.dga-feedback__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--dga-color-yellow-600, #d97706);background:color-mix(in srgb,var(--dga-color-yellow-400, #fbbf24) 18%,transparent)}.dga-feedback__body{display:flex;flex-direction:column;gap:var(--dga-spacing-xl, 1rem)}.dga-feedback__rating,.dga-feedback__comment{display:flex;flex-direction:column;gap:var(--dga-spacing-sm, .375rem)}.dga-feedback__label{font-size:var(--dga-font-text-sm, .875rem);font-weight:600;color:var(--dga-text-display, #161b26)}.dga-feedback__hint{font-size:var(--dga-font-text-xs, .75rem);color:var(--dga-text-muted, #6b7280)}.dga-feedback__textarea{width:100%;min-height:6.5rem;resize:vertical;padding:var(--dga-spacing-lg, .75rem) var(--dga-spacing-xl, 1rem);border:1px solid var(--dga-border-border, var(--dga-color-neutral-300));border-radius:var(--dga-radius-md, 8px);background:var(--dga-bg-surface, #fff);color:var(--dga-text-fg, #111827);font:inherit;font-size:var(--dga-font-text-md, 1rem);line-height:1.5;transition:border-color .16s ease,box-shadow .16s ease}.dga-feedback__textarea::placeholder{color:var(--dga-text-muted, #9da4ae)}.dga-feedback__textarea:hover{border-color:var(--dga-border-primary-light, var(--dga-color-primary-200))}.dga-feedback__textarea:focus{outline:none;border-color:var(--dga-border-primary, var(--dga-color-primary-600));box-shadow:0 0 0 3px var(--dga-form-field-focus-glow, rgb(16 185 129 / 18%))}.dga-feedback__actions{display:flex;justify-content:flex-end;padding-top:var(--dga-spacing-xs, .25rem)}.dga-feedback__success{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dga-spacing-lg, .75rem);padding:var(--dga-spacing-xl, 1rem);border-radius:var(--dga-radius-md, 8px);background:color-mix(in srgb,var(--dga-color-primary-50, #ecfdf5) 80%,transparent);border:1px solid color-mix(in srgb,var(--dga-color-primary-200, #a7f3d0) 70%,transparent)}.dga-feedback__success-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--dga-color-primary-700, #047857);background:color-mix(in srgb,var(--dga-color-primary-500, #10b981) 16%,transparent)}.dga-feedback__success-copy{flex:1 1 10rem;min-width:0}.dga-feedback__success-title{margin:0;font-size:var(--dga-font-text-sm, .875rem);font-weight:650;color:var(--dga-text-display, #161b26)}.dga-feedback__success-body{margin:.15rem 0 0;font-size:var(--dga-font-text-sm, .875rem);color:var(--dga-text-paragraph, #384250)}\n"]}]}],propDecorators:{rating:[{type:a.Input,args:[{isSignal:!0,alias:"rating",required:!1}]},{type:a.Output,args:["ratingChange"]}],submitted:[{type:a.Output,args:["submitted"]}],title:[{type:a.Input,args:[{isSignal:!0,alias:"title",required:!1}]}],subtitle:[{type:a.Input,args:[{isSignal:!0,alias:"subtitle",required:!1}]}],ratingLabel:[{type:a.Input,args:[{isSignal:!0,alias:"ratingLabel",required:!1}]}],commentLabel:[{type:a.Input,args:[{isSignal:!0,alias:"commentLabel",required:!1}]}],commentPlaceholder:[{type:a.Input,args:[{isSignal:!0,alias:"commentPlaceholder",required:!1}]}],submitLabel:[{type:a.Input,args:[{isSignal:!0,alias:"submitLabel",required:!1}]}],againLabel:[{type:a.Input,args:[{isSignal:!0,alias:"againLabel",required:!1}]}],successTitle:[{type:a.Input,args:[{isSignal:!0,alias:"successTitle",required:!1}]}],successBody:[{type:a.Input,args:[{isSignal:!0,alias:"successBody",required:!1}]}]}});const ys=/^(javascript|data|vbscript|blob):/i,xs=/^(https?:|mailto:|tel:)/i;function Ft(d,e="/"){const t=d.trim();if(!t)return t;if(ys.test(t))return"#";if(t==="#"||t.startsWith("#")||xs.test(t)||t.startsWith("//")||!t.startsWith("/"))return t;const s=e.replace(/\/+$/,"");return!s||s==="/"?t:`${s}${t}`}function $(d,e="/"){return d==null?"#":Ft(String(d),e)||"#"}class _e{question=i("هل كانت هذه الصفحة مفيدة؟",...ngDevMode?[{debugName:"question"}]:[]);yesLabel=i("نعم",...ngDevMode?[{debugName:"yesLabel"}]:[]);noLabel=i("لا",...ngDevMode?[{debugName:"noLabel"}]:[]);closeLabel=i("إغلاق",...ngDevMode?[{debugName:"closeLabel"}]:[]);whyLabel=i("أخبرنا بالسبب",...ngDevMode?[{debugName:"whyLabel"}]:[]);whyHint=i("(يمكنك اختيار أكثر من خيار)",...ngDevMode?[{debugName:"whyHint"}]:[]);genderLabel=i("أنا",...ngDevMode?[{debugName:"genderLabel"}]:[]);commentLabel=i("ملاحظات",...ngDevMode?[{debugName:"commentLabel"}]:[]);commentPlaceholder=i("اكتب رسالتك…",...ngDevMode?[{debugName:"commentPlaceholder"}]:[]);submitLabel=i("إرسال",...ngDevMode?[{debugName:"submitLabel"}]:[]);statistic=i("",...ngDevMode?[{debugName:"statistic"}]:[]);thankYouMessage=i("شكرًا لملاحظاتك",...ngDevMode?[{debugName:"thankYouMessage"}]:[]);agreementBefore=i("لمزيد من المعلومات، يمكنك مراجعة ",...ngDevMode?[{debugName:"agreementBefore"}]:[]);participationLabel=i("بيان المشاركة الإلكترونية",...ngDevMode?[{debugName:"participationLabel"}]:[]);participationHref=i("#",...ngDevMode?[{debugName:"participationHref"}]:[]);agreementAnd=i(" و ",...ngDevMode?[{debugName:"agreementAnd"}]:[]);rulesLabel=i("قواعد المشاركة",...ngDevMode?[{debugName:"rulesLabel"}]:[]);rulesHref=i("#",...ngDevMode?[{debugName:"rulesHref"}]:[]);agreementAfter=i("",...ngDevMode?[{debugName:"agreementAfter"}]:[]);agreementLinks=i([],...ngDevMode?[{debugName:"agreementLinks"}]:[]);defaultAgreement=i(!0,{...ngDevMode?{debugName:"defaultAgreement"}:{},transform:u});ageLabel=i("الفئة العمرية",...ngDevMode?[{debugName:"ageLabel"}]:[]);ageOptions=i([],...ngDevMode?[{debugName:"ageOptions"}]:[]);yesReasons=i([{value:"relevant",label:"المحتوى ذو صلة"},{value:"well-written",label:"كان مكتوبًا بشكل جيد"},{value:"easy-layout",label:"التصميم سهّل القراءة"},{value:"other",label:"سبب آخر"}],...ngDevMode?[{debugName:"yesReasons"}]:[]);noReasons=i([{value:"not-relevant",label:"المحتوى غير ذي صلة"},{value:"inaccurate",label:"المحتوى غير دقيق"},{value:"too-long",label:"المحتوى طويل جدًا"},{value:"other",label:"سبب آخر"}],...ngDevMode?[{debugName:"noReasons"}]:[]);genderOptions=i([{value:"male",label:"ذكر"},{value:"female",label:"أنثى"}],...ngDevMode?[{debugName:"genderOptions"}]:[]);bordered=i(!0,{...ngDevMode?{debugName:"bordered"}:{},transform:u});submitted=v();closed=v();answer=b(null,...ngDevMode?[{debugName:"answer"}]:[]);phase=b("idle",...ngDevMode?[{debugName:"phase"}]:[]);reasons=b([],...ngDevMode?[{debugName:"reasons"}]:[]);gender=b("",...ngDevMode?[{debugName:"gender"}]:[]);ageRange=b("",...ngDevMode?[{debugName:"ageRange"}]:[]);comment=b("",...ngDevMode?[{debugName:"comment"}]:[]);dismissed=b(!1,...ngDevMode?[{debugName:"dismissed"}]:[]);statusMessage=b("",...ngDevMode?[{debugName:"statusMessage"}]:[]);static nextId=0;uid=++_e.nextId;commentId=`dga-page-feedback-comment-${this.uid}`;genderName=`dga-page-feedback-gender-${this.uid}`;ageName=`dga-page-feedback-age-${this.uid}`;activeReasons=n(()=>this.answer()==="no"?this.noReasons():this.yesReasons(),...ngDevMode?[{debugName:"activeReasons"}]:[]);canSubmit=n(()=>this.reasons().length>0||this.comment().trim().length>0,...ngDevMode?[{debugName:"canSubmit"}]:[]);resolvedAgreementLinks=n(()=>{const e=this.agreementLinks().filter(t=>!!t?.label?.trim());return e.length?e:[{label:this.participationLabel(),href:this.participationHref()},{label:this.rulesLabel(),href:this.rulesHref()}].filter(t=>!!t.label?.trim())},...ngDevMode?[{debugName:"resolvedAgreementLinks"}]:[]);showDefaultAgreement=n(()=>this.defaultAgreement()&&this.resolvedAgreementLinks().length>0,...ngDevMode?[{debugName:"showDefaultAgreement"}]:[]);panelClasses=n(()=>c("block w-full bg-surface",this.bordered()&&"border-t-2 border-border-primary"),...ngDevMode?[{debugName:"panelClasses"}]:[]);choose(e){this.answer.set(e),this.phase.set("details"),this.reasons.set([]),this.gender.set(""),this.ageRange.set(""),this.comment.set(""),this.statusMessage.set("")}toggleReason(e,t){const s=t.target.checked;this.reasons.update(r=>s?[...r,e]:r.filter(l=>l!==e))}onComment(e){this.comment.set(e.target.value)}onSubmit(e){e.preventDefault();const t=this.answer();!t||!this.canSubmit()||(this.submitted.emit({answer:t,reasons:this.reasons(),gender:this.gender(),ageRange:this.ageRange(),comment:this.comment().trim()}),this.statusMessage.set(this.thankYouMessage()),this.phase.set("thanks"),this.reasons.set([]),this.gender.set(""),this.ageRange.set(""),this.comment.set(""))}close(){if(this.phase()==="thanks"){this.dismissed.set(!0),this.closed.emit();return}this.answer.set(null),this.phase.set("idle"),this.reasons.set([]),this.gender.set(""),this.ageRange.set(""),this.comment.set(""),this.statusMessage.set("")}safeHref(e){return $(e)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:_e,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:_e,isStandalone:!0,selector:"dga-page-feedback",inputs:{question:{classPropertyName:"question",publicName:"question",isSignal:!0,isRequired:!1,transformFunction:null},yesLabel:{classPropertyName:"yesLabel",publicName:"yesLabel",isSignal:!0,isRequired:!1,transformFunction:null},noLabel:{classPropertyName:"noLabel",publicName:"noLabel",isSignal:!0,isRequired:!1,transformFunction:null},closeLabel:{classPropertyName:"closeLabel",publicName:"closeLabel",isSignal:!0,isRequired:!1,transformFunction:null},whyLabel:{classPropertyName:"whyLabel",publicName:"whyLabel",isSignal:!0,isRequired:!1,transformFunction:null},whyHint:{classPropertyName:"whyHint",publicName:"whyHint",isSignal:!0,isRequired:!1,transformFunction:null},genderLabel:{classPropertyName:"genderLabel",publicName:"genderLabel",isSignal:!0,isRequired:!1,transformFunction:null},commentLabel:{classPropertyName:"commentLabel",publicName:"commentLabel",isSignal:!0,isRequired:!1,transformFunction:null},commentPlaceholder:{classPropertyName:"commentPlaceholder",publicName:"commentPlaceholder",isSignal:!0,isRequired:!1,transformFunction:null},submitLabel:{classPropertyName:"submitLabel",publicName:"submitLabel",isSignal:!0,isRequired:!1,transformFunction:null},statistic:{classPropertyName:"statistic",publicName:"statistic",isSignal:!0,isRequired:!1,transformFunction:null},thankYouMessage:{classPropertyName:"thankYouMessage",publicName:"thankYouMessage",isSignal:!0,isRequired:!1,transformFunction:null},agreementBefore:{classPropertyName:"agreementBefore",publicName:"agreementBefore",isSignal:!0,isRequired:!1,transformFunction:null},participationLabel:{classPropertyName:"participationLabel",publicName:"participationLabel",isSignal:!0,isRequired:!1,transformFunction:null},participationHref:{classPropertyName:"participationHref",publicName:"participationHref",isSignal:!0,isRequired:!1,transformFunction:null},agreementAnd:{classPropertyName:"agreementAnd",publicName:"agreementAnd",isSignal:!0,isRequired:!1,transformFunction:null},rulesLabel:{classPropertyName:"rulesLabel",publicName:"rulesLabel",isSignal:!0,isRequired:!1,transformFunction:null},rulesHref:{classPropertyName:"rulesHref",publicName:"rulesHref",isSignal:!0,isRequired:!1,transformFunction:null},agreementAfter:{classPropertyName:"agreementAfter",publicName:"agreementAfter",isSignal:!0,isRequired:!1,transformFunction:null},agreementLinks:{classPropertyName:"agreementLinks",publicName:"agreementLinks",isSignal:!0,isRequired:!1,transformFunction:null},defaultAgreement:{classPropertyName:"defaultAgreement",publicName:"defaultAgreement",isSignal:!0,isRequired:!1,transformFunction:null},ageLabel:{classPropertyName:"ageLabel",publicName:"ageLabel",isSignal:!0,isRequired:!1,transformFunction:null},ageOptions:{classPropertyName:"ageOptions",publicName:"ageOptions",isSignal:!0,isRequired:!1,transformFunction:null},yesReasons:{classPropertyName:"yesReasons",publicName:"yesReasons",isSignal:!0,isRequired:!1,transformFunction:null},noReasons:{classPropertyName:"noReasons",publicName:"noReasons",isSignal:!0,isRequired:!1,transformFunction:null},genderOptions:{classPropertyName:"genderOptions",publicName:"genderOptions",isSignal:!0,isRequired:!1,transformFunction:null},bordered:{classPropertyName:"bordered",publicName:"bordered",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{submitted:"submitted",closed:"closed"},host:{properties:{"attr.data-phase":"phase()","attr.data-answer":"answer() || null"},classAttribute:"block"},ngImport:a,template:`
     @if (!dismissed()) {
       <section [class]="panelClasses()" [attr.aria-label]="question()">
         <div class="mx-auto w-full px-(--wrapper-padding) py-4xl lg:py-5xl">
@@ -3286,6 +3286,30 @@ import{DOCUMENT as ot,NgTemplateOutlet as Qa,APP_BASE_HREF as bt,PlatformLocatio
                         }
                       </div>
                     </fieldset>
+                    @if (ageOptions().length) {
+                      <fieldset class="m-0 flex flex-col gap-lg border-0 p-0">
+                        <legend class="mb-0 text-body-md font-medium text-display">
+                          {{ ageLabel() }}
+                        </legend>
+                        <div class="flex flex-wrap gap-xl">
+                          @for (a of ageOptions(); track a.value) {
+                            <label
+                              class="inline-flex cursor-pointer items-center gap-md text-body-md text-fg"
+                            >
+                              <input
+                                dgaRadio
+                                type="radio"
+                                [name]="ageName"
+                                [value]="a.value"
+                                [checked]="ageRange() === a.value"
+                                (change)="ageRange.set(a.value)"
+                              />
+                              <span>{{ a.label }}</span>
+                            </label>
+                          }
+                        </div>
+                      </fieldset>
+                    }
                   </div>
 
                   <div class="flex min-w-0 w-full flex-col gap-sm lg:basis-2/5">
@@ -3307,25 +3331,26 @@ import{DOCUMENT as ot,NgTemplateOutlet as Qa,APP_BASE_HREF as bt,PlatformLocatio
                   </div>
                 </div>
 
-                <div
-                  class="flex flex-col gap-xl sm:flex-row sm:items-center sm:justify-between sm:gap-4xl"
-                >
-                  <p class="m-0 max-w-(--spacing-180) text-body-sm text-muted">
+                <div class="flex flex-col gap-xl">
+                  <p class="m-0 w-full min-w-0 text-body-sm text-muted">
                     <ng-content select="[dgaPageFeedbackAgreement]" />
                     @if (showDefaultAgreement()) {
-                      <span class="inline">
-                        {{ agreementBefore() }}<a dgaLink [href]="safeHref(participationHref())">{{
-                          participationLabel()
-                        }}</a
-                        >{{ agreementAnd() }}<a dgaLink [href]="safeHref(rulesHref())">{{ rulesLabel() }}</a
-                        >{{ agreementAfter() }}
+                      <span>
+                        {{ agreementBefore() }}
+                        @for (link of resolvedAgreementLinks(); track $index; let last = $last) {
+                          <a dgaLink [href]="safeHref(link.href)">{{ link.label }}</a>
+                          @if (!last) {
+                            {{ agreementAnd() }}
+                          }
+                        }
+                        {{ agreementAfter() }}
                       </span>
                     }
                   </p>
                   <button
                     type="submit"
                     dgaButton
-                    class="shrink-0 self-start sm:self-auto"
+                    class="shrink-0 self-start"
                     [disabled]="!canSubmit()"
                   >
                     {{ submitLabel() }}
@@ -3451,6 +3476,30 @@ import{DOCUMENT as ot,NgTemplateOutlet as Qa,APP_BASE_HREF as bt,PlatformLocatio
                         }
                       </div>
                     </fieldset>
+                    @if (ageOptions().length) {
+                      <fieldset class="m-0 flex flex-col gap-lg border-0 p-0">
+                        <legend class="mb-0 text-body-md font-medium text-display">
+                          {{ ageLabel() }}
+                        </legend>
+                        <div class="flex flex-wrap gap-xl">
+                          @for (a of ageOptions(); track a.value) {
+                            <label
+                              class="inline-flex cursor-pointer items-center gap-md text-body-md text-fg"
+                            >
+                              <input
+                                dgaRadio
+                                type="radio"
+                                [name]="ageName"
+                                [value]="a.value"
+                                [checked]="ageRange() === a.value"
+                                (change)="ageRange.set(a.value)"
+                              />
+                              <span>{{ a.label }}</span>
+                            </label>
+                          }
+                        </div>
+                      </fieldset>
+                    }
                   </div>
 
                   <div class="flex min-w-0 w-full flex-col gap-sm lg:basis-2/5">
@@ -3472,25 +3521,26 @@ import{DOCUMENT as ot,NgTemplateOutlet as Qa,APP_BASE_HREF as bt,PlatformLocatio
                   </div>
                 </div>
 
-                <div
-                  class="flex flex-col gap-xl sm:flex-row sm:items-center sm:justify-between sm:gap-4xl"
-                >
-                  <p class="m-0 max-w-(--spacing-180) text-body-sm text-muted">
+                <div class="flex flex-col gap-xl">
+                  <p class="m-0 w-full min-w-0 text-body-sm text-muted">
                     <ng-content select="[dgaPageFeedbackAgreement]" />
                     @if (showDefaultAgreement()) {
-                      <span class="inline">
-                        {{ agreementBefore() }}<a dgaLink [href]="safeHref(participationHref())">{{
-                          participationLabel()
-                        }}</a
-                        >{{ agreementAnd() }}<a dgaLink [href]="safeHref(rulesHref())">{{ rulesLabel() }}</a
-                        >{{ agreementAfter() }}
+                      <span>
+                        {{ agreementBefore() }}
+                        @for (link of resolvedAgreementLinks(); track $index; let last = $last) {
+                          <a dgaLink [href]="safeHref(link.href)">{{ link.label }}</a>
+                          @if (!last) {
+                            {{ agreementAnd() }}
+                          }
+                        }
+                        {{ agreementAfter() }}
                       </span>
                     }
                   </p>
                   <button
                     type="submit"
                     dgaButton
-                    class="shrink-0 self-start sm:self-auto"
+                    class="shrink-0 self-start"
                     [disabled]="!canSubmit()"
                   >
                     {{ submitLabel() }}
@@ -3502,7 +3552,7 @@ import{DOCUMENT as ot,NgTemplateOutlet as Qa,APP_BASE_HREF as bt,PlatformLocatio
         </div>
       </section>
     }
-  `,changeDetection:m.OnPush,host:{class:"block","[attr.data-phase]":"phase()","[attr.data-answer]":"answer() || null"}}]}],propDecorators:{question:[{type:a.Input,args:[{isSignal:!0,alias:"question",required:!1}]}],yesLabel:[{type:a.Input,args:[{isSignal:!0,alias:"yesLabel",required:!1}]}],noLabel:[{type:a.Input,args:[{isSignal:!0,alias:"noLabel",required:!1}]}],closeLabel:[{type:a.Input,args:[{isSignal:!0,alias:"closeLabel",required:!1}]}],whyLabel:[{type:a.Input,args:[{isSignal:!0,alias:"whyLabel",required:!1}]}],whyHint:[{type:a.Input,args:[{isSignal:!0,alias:"whyHint",required:!1}]}],genderLabel:[{type:a.Input,args:[{isSignal:!0,alias:"genderLabel",required:!1}]}],commentLabel:[{type:a.Input,args:[{isSignal:!0,alias:"commentLabel",required:!1}]}],commentPlaceholder:[{type:a.Input,args:[{isSignal:!0,alias:"commentPlaceholder",required:!1}]}],submitLabel:[{type:a.Input,args:[{isSignal:!0,alias:"submitLabel",required:!1}]}],statistic:[{type:a.Input,args:[{isSignal:!0,alias:"statistic",required:!1}]}],thankYouMessage:[{type:a.Input,args:[{isSignal:!0,alias:"thankYouMessage",required:!1}]}],agreementBefore:[{type:a.Input,args:[{isSignal:!0,alias:"agreementBefore",required:!1}]}],participationLabel:[{type:a.Input,args:[{isSignal:!0,alias:"participationLabel",required:!1}]}],participationHref:[{type:a.Input,args:[{isSignal:!0,alias:"participationHref",required:!1}]}],agreementAnd:[{type:a.Input,args:[{isSignal:!0,alias:"agreementAnd",required:!1}]}],rulesLabel:[{type:a.Input,args:[{isSignal:!0,alias:"rulesLabel",required:!1}]}],rulesHref:[{type:a.Input,args:[{isSignal:!0,alias:"rulesHref",required:!1}]}],agreementAfter:[{type:a.Input,args:[{isSignal:!0,alias:"agreementAfter",required:!1}]}],defaultAgreement:[{type:a.Input,args:[{isSignal:!0,alias:"defaultAgreement",required:!1}]}],yesReasons:[{type:a.Input,args:[{isSignal:!0,alias:"yesReasons",required:!1}]}],noReasons:[{type:a.Input,args:[{isSignal:!0,alias:"noReasons",required:!1}]}],genderOptions:[{type:a.Input,args:[{isSignal:!0,alias:"genderOptions",required:!1}]}],bordered:[{type:a.Input,args:[{isSignal:!0,alias:"bordered",required:!1}]}],submitted:[{type:a.Output,args:["submitted"]}],closed:[{type:a.Output,args:["closed"]}]}});class ae{el=h(z);destroyRef=h(D);toasts=h(ee);value=i("",{...ngDevMode?{debugName:"value"}:{},alias:"dgaCopy"});target=i("",...ngDevMode?[{debugName:"target"}]:[]);successLabel=i("",...ngDevMode?[{debugName:"successLabel"}]:[]);message=i("",...ngDevMode?[{debugName:"message"}]:[]);toastTitle=i("",...ngDevMode?[{debugName:"toastTitle"}]:[]);showToast=i(!0,{...ngDevMode?{debugName:"showToast"}:{},transform:u});duration=i(2e3,...ngDevMode?[{debugName:"duration"}]:[]);copied=v();status=b(null,...ngDevMode?[{debugName:"status"}]:[]);restoreTimer=null;labelEl=null;previousLabel="";iconSlot=null;previousIconHtml="";constructor(){Ns(),this.destroyRef.onDestroy(()=>this.clearTimer())}async onClick(e){e.preventDefault();const t=this.resolveText();!t||!await At(t)||(this.flash(),this.copied.emit(t),this.notify())}static writeText(e){return At(e)}notify(){const e=st(),t=this.message()||this.successLabel()||(e?"تم نسخ المحتوى إلى الحافظة":"Content copied to clipboard");ks(t),this.showToast()&&this.toasts.copied(t,this.toastTitle()||(e?"تم النسخ":"Copied"))}resolveText(){const e=this.value().trim();if(e)return e;const t=this.target().trim();if(t)return document.querySelector(t)?.textContent?.trim()??"";const s=this.el.nativeElement;return(s.closest("[dga-code], .dga-code, dga-code")?.querySelector("code")??s.parentElement?.querySelector("code"))?.textContent?.trim()??""}flash(){this.clearTimer(),this.status.set("success");const e=this.el.nativeElement;this.labelEl=e.querySelector(".dga-copy-label, [dgaCopyLabel]")??e.querySelector("span:not([aria-hidden]):not(dga-icon span)"),this.labelEl&&this.successLabel()&&(this.previousLabel=this.labelEl.textContent??"",this.labelEl.textContent=this.successLabel());const t=e.querySelector("dga-icon");this.iconSlot=t?.querySelector("span:first-child")??e.querySelector("dga-icon, i, svg"),this.iconSlot&&(this.previousIconHtml=this.iconSlot.innerHTML,this.iconSlot.innerHTML=Oe.check,this.iconSlot.classList.add("text-fg-success")),this.restoreTimer=setTimeout(()=>this.restore(),this.duration())}restore(){this.status.set(null),this.labelEl&&this.successLabel()&&(this.labelEl.textContent=this.previousLabel),this.iconSlot&&(this.iconSlot.innerHTML=this.previousIconHtml,this.iconSlot.classList.remove("text-fg-success")),this.labelEl=null,this.iconSlot=null,this.restoreTimer=null}clearTimer(){this.restoreTimer!==null&&(clearTimeout(this.restoreTimer),this.restoreTimer=null)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:ae,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:ae,isStandalone:!0,selector:"button[dgaCopy], a[dgaCopy]",inputs:{value:{classPropertyName:"value",publicName:"dgaCopy",isSignal:!0,isRequired:!1,transformFunction:null},target:{classPropertyName:"target",publicName:"target",isSignal:!0,isRequired:!1,transformFunction:null},successLabel:{classPropertyName:"successLabel",publicName:"successLabel",isSignal:!0,isRequired:!1,transformFunction:null},message:{classPropertyName:"message",publicName:"message",isSignal:!0,isRequired:!1,transformFunction:null},toastTitle:{classPropertyName:"toastTitle",publicName:"toastTitle",isSignal:!0,isRequired:!1,transformFunction:null},showToast:{classPropertyName:"showToast",publicName:"showToast",isSignal:!0,isRequired:!1,transformFunction:null},duration:{classPropertyName:"duration",publicName:"duration",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{copied:"copied"},host:{listeners:{click:"onClick($event)"},properties:{"attr.data-status":"status() || null","attr.aria-live":'"polite"'},classAttribute:"dga-copy"},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:ae,decorators:[{type:V,args:[{selector:"button[dgaCopy], a[dgaCopy]",standalone:!0,host:{class:"dga-copy","[attr.data-status]":"status() || null","[attr.aria-live]":'"polite"'}}]}],ctorParameters:()=>[],propDecorators:{value:[{type:a.Input,args:[{isSignal:!0,alias:"dgaCopy",required:!1}]}],target:[{type:a.Input,args:[{isSignal:!0,alias:"target",required:!1}]}],successLabel:[{type:a.Input,args:[{isSignal:!0,alias:"successLabel",required:!1}]}],message:[{type:a.Input,args:[{isSignal:!0,alias:"message",required:!1}]}],toastTitle:[{type:a.Input,args:[{isSignal:!0,alias:"toastTitle",required:!1}]}],showToast:[{type:a.Input,args:[{isSignal:!0,alias:"showToast",required:!1}]}],duration:[{type:a.Input,args:[{isSignal:!0,alias:"duration",required:!1}]}],copied:[{type:a.Output,args:["copied"]}],onClick:[{type:L,args:["click",["$event"]]}]}});async function At(d){try{if(typeof navigator<"u"&&navigator.clipboard?.writeText)return await navigator.clipboard.writeText(d),!0}catch{}return ws(d)}function ws(d){if(typeof document>"u")return!1;const e=document.createElement("textarea");e.value=d,e.setAttribute("readonly",""),e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select();let t=!1;try{t=document.execCommand("copy")}catch{t=!1}return document.body.removeChild(e),t}let G=null;function ks(d){typeof document>"u"||!d||(G||(G=document.createElement("div"),G.setAttribute("aria-live","polite"),G.setAttribute("aria-atomic","true"),G.className="sr-only",document.body.appendChild(G)),G.textContent="",requestAnimationFrame(()=>{G&&(G.textContent=d)}))}let Rt=!1;function Ns(){if(Rt||typeof document>"u")return;Rt=!0;const d=document.createElement("style");d.setAttribute("data-dga-copy",""),d.textContent=`
+  `,changeDetection:m.OnPush,host:{class:"block","[attr.data-phase]":"phase()","[attr.data-answer]":"answer() || null"}}]}],propDecorators:{question:[{type:a.Input,args:[{isSignal:!0,alias:"question",required:!1}]}],yesLabel:[{type:a.Input,args:[{isSignal:!0,alias:"yesLabel",required:!1}]}],noLabel:[{type:a.Input,args:[{isSignal:!0,alias:"noLabel",required:!1}]}],closeLabel:[{type:a.Input,args:[{isSignal:!0,alias:"closeLabel",required:!1}]}],whyLabel:[{type:a.Input,args:[{isSignal:!0,alias:"whyLabel",required:!1}]}],whyHint:[{type:a.Input,args:[{isSignal:!0,alias:"whyHint",required:!1}]}],genderLabel:[{type:a.Input,args:[{isSignal:!0,alias:"genderLabel",required:!1}]}],commentLabel:[{type:a.Input,args:[{isSignal:!0,alias:"commentLabel",required:!1}]}],commentPlaceholder:[{type:a.Input,args:[{isSignal:!0,alias:"commentPlaceholder",required:!1}]}],submitLabel:[{type:a.Input,args:[{isSignal:!0,alias:"submitLabel",required:!1}]}],statistic:[{type:a.Input,args:[{isSignal:!0,alias:"statistic",required:!1}]}],thankYouMessage:[{type:a.Input,args:[{isSignal:!0,alias:"thankYouMessage",required:!1}]}],agreementBefore:[{type:a.Input,args:[{isSignal:!0,alias:"agreementBefore",required:!1}]}],participationLabel:[{type:a.Input,args:[{isSignal:!0,alias:"participationLabel",required:!1}]}],participationHref:[{type:a.Input,args:[{isSignal:!0,alias:"participationHref",required:!1}]}],agreementAnd:[{type:a.Input,args:[{isSignal:!0,alias:"agreementAnd",required:!1}]}],rulesLabel:[{type:a.Input,args:[{isSignal:!0,alias:"rulesLabel",required:!1}]}],rulesHref:[{type:a.Input,args:[{isSignal:!0,alias:"rulesHref",required:!1}]}],agreementAfter:[{type:a.Input,args:[{isSignal:!0,alias:"agreementAfter",required:!1}]}],agreementLinks:[{type:a.Input,args:[{isSignal:!0,alias:"agreementLinks",required:!1}]}],defaultAgreement:[{type:a.Input,args:[{isSignal:!0,alias:"defaultAgreement",required:!1}]}],ageLabel:[{type:a.Input,args:[{isSignal:!0,alias:"ageLabel",required:!1}]}],ageOptions:[{type:a.Input,args:[{isSignal:!0,alias:"ageOptions",required:!1}]}],yesReasons:[{type:a.Input,args:[{isSignal:!0,alias:"yesReasons",required:!1}]}],noReasons:[{type:a.Input,args:[{isSignal:!0,alias:"noReasons",required:!1}]}],genderOptions:[{type:a.Input,args:[{isSignal:!0,alias:"genderOptions",required:!1}]}],bordered:[{type:a.Input,args:[{isSignal:!0,alias:"bordered",required:!1}]}],submitted:[{type:a.Output,args:["submitted"]}],closed:[{type:a.Output,args:["closed"]}]}});class ae{el=h(z);destroyRef=h(D);toasts=h(ee);value=i("",{...ngDevMode?{debugName:"value"}:{},alias:"dgaCopy"});target=i("",...ngDevMode?[{debugName:"target"}]:[]);successLabel=i("",...ngDevMode?[{debugName:"successLabel"}]:[]);message=i("",...ngDevMode?[{debugName:"message"}]:[]);toastTitle=i("",...ngDevMode?[{debugName:"toastTitle"}]:[]);showToast=i(!0,{...ngDevMode?{debugName:"showToast"}:{},transform:u});duration=i(2e3,...ngDevMode?[{debugName:"duration"}]:[]);copied=v();status=b(null,...ngDevMode?[{debugName:"status"}]:[]);restoreTimer=null;labelEl=null;previousLabel="";iconSlot=null;previousIconHtml="";constructor(){Ns(),this.destroyRef.onDestroy(()=>this.clearTimer())}async onClick(e){e.preventDefault();const t=this.resolveText();!t||!await At(t)||(this.flash(),this.copied.emit(t),this.notify())}static writeText(e){return At(e)}notify(){const e=st(),t=this.message()||this.successLabel()||(e?"تم نسخ المحتوى إلى الحافظة":"Content copied to clipboard");ks(t),this.showToast()&&this.toasts.copied(t,this.toastTitle()||(e?"تم النسخ":"Copied"))}resolveText(){const e=this.value().trim();if(e)return e;const t=this.target().trim();if(t)return document.querySelector(t)?.textContent?.trim()??"";const s=this.el.nativeElement;return(s.closest("[dga-code], .dga-code, dga-code")?.querySelector("code")??s.parentElement?.querySelector("code"))?.textContent?.trim()??""}flash(){this.clearTimer(),this.status.set("success");const e=this.el.nativeElement;this.labelEl=e.querySelector(".dga-copy-label, [dgaCopyLabel]")??e.querySelector("span:not([aria-hidden]):not(dga-icon span)"),this.labelEl&&this.successLabel()&&(this.previousLabel=this.labelEl.textContent??"",this.labelEl.textContent=this.successLabel());const t=e.querySelector("dga-icon");this.iconSlot=t?.querySelector("span:first-child")??e.querySelector("dga-icon, i, svg"),this.iconSlot&&(this.previousIconHtml=this.iconSlot.innerHTML,this.iconSlot.innerHTML=Oe.check,this.iconSlot.classList.add("text-fg-success")),this.restoreTimer=setTimeout(()=>this.restore(),this.duration())}restore(){this.status.set(null),this.labelEl&&this.successLabel()&&(this.labelEl.textContent=this.previousLabel),this.iconSlot&&(this.iconSlot.innerHTML=this.previousIconHtml,this.iconSlot.classList.remove("text-fg-success")),this.labelEl=null,this.iconSlot=null,this.restoreTimer=null}clearTimer(){this.restoreTimer!==null&&(clearTimeout(this.restoreTimer),this.restoreTimer=null)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:ae,deps:[],target:a.ɵɵFactoryTarget.Directive});static ɵdir=a.ɵɵngDeclareDirective({minVersion:"17.1.0",version:"22.1.5",type:ae,isStandalone:!0,selector:"button[dgaCopy], a[dgaCopy]",inputs:{value:{classPropertyName:"value",publicName:"dgaCopy",isSignal:!0,isRequired:!1,transformFunction:null},target:{classPropertyName:"target",publicName:"target",isSignal:!0,isRequired:!1,transformFunction:null},successLabel:{classPropertyName:"successLabel",publicName:"successLabel",isSignal:!0,isRequired:!1,transformFunction:null},message:{classPropertyName:"message",publicName:"message",isSignal:!0,isRequired:!1,transformFunction:null},toastTitle:{classPropertyName:"toastTitle",publicName:"toastTitle",isSignal:!0,isRequired:!1,transformFunction:null},showToast:{classPropertyName:"showToast",publicName:"showToast",isSignal:!0,isRequired:!1,transformFunction:null},duration:{classPropertyName:"duration",publicName:"duration",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{copied:"copied"},host:{listeners:{click:"onClick($event)"},properties:{"attr.data-status":"status() || null","attr.aria-live":'"polite"'},classAttribute:"dga-copy"},ngImport:a})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:ae,decorators:[{type:V,args:[{selector:"button[dgaCopy], a[dgaCopy]",standalone:!0,host:{class:"dga-copy","[attr.data-status]":"status() || null","[attr.aria-live]":'"polite"'}}]}],ctorParameters:()=>[],propDecorators:{value:[{type:a.Input,args:[{isSignal:!0,alias:"dgaCopy",required:!1}]}],target:[{type:a.Input,args:[{isSignal:!0,alias:"target",required:!1}]}],successLabel:[{type:a.Input,args:[{isSignal:!0,alias:"successLabel",required:!1}]}],message:[{type:a.Input,args:[{isSignal:!0,alias:"message",required:!1}]}],toastTitle:[{type:a.Input,args:[{isSignal:!0,alias:"toastTitle",required:!1}]}],showToast:[{type:a.Input,args:[{isSignal:!0,alias:"showToast",required:!1}]}],duration:[{type:a.Input,args:[{isSignal:!0,alias:"duration",required:!1}]}],copied:[{type:a.Output,args:["copied"]}],onClick:[{type:L,args:["click",["$event"]]}]}});async function At(d){try{if(typeof navigator<"u"&&navigator.clipboard?.writeText)return await navigator.clipboard.writeText(d),!0}catch{}return ws(d)}function ws(d){if(typeof document>"u")return!1;const e=document.createElement("textarea");e.value=d,e.setAttribute("readonly",""),e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select();let t=!1;try{t=document.execCommand("copy")}catch{t=!1}return document.body.removeChild(e),t}let G=null;function ks(d){typeof document>"u"||!d||(G||(G=document.createElement("div"),G.setAttribute("aria-live","polite"),G.setAttribute("aria-atomic","true"),G.className="sr-only",document.body.appendChild(G)),G.textContent="",requestAnimationFrame(()=>{G&&(G.textContent=d)}))}let Rt=!1;function Ns(){if(Rt||typeof document>"u")return;Rt=!0;const d=document.createElement("style");d.setAttribute("data-dga-copy",""),d.textContent=`
     .dga-copy {
       transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease,
         box-shadow 180ms ease, transform 180ms ease;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a.nemreen/dga-ui",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "description": "DGA Angular UI library — standalone forms, overlays, navigation, and portal shell with RTL-first Tailwind styling",
   "license": "MIT",
   "author": {

package/types/a.nemreen-dga-ui.d.ts

@@ -258,7 +258,7 @@ declare class DgaProgress {
     readonly clamped: _angular_core.Signal<number>;
     readonly dashOffset: _angular_core.Signal<number>;
     readonly displayValue: _angular_core.Signal<string>;
-    readonly hostClasses: _angular_core.Signal<"block w-full" | "inline-flex">;
+    readonly hostClasses: _angular_core.Signal<"inline-flex" | "block w-full">;
     readonly trackClasses: _angular_core.Signal<string>;
     readonly barClasses: _angular_core.Signal<string>;
     readonly radialWrapClasses: _angular_core.Signal<string>;
@@ -1737,6 +1737,7 @@ interface DgaPageFeedbackSubmit {
     answer: DgaPageFeedbackAnswer;
     reasons: string[];
     gender: string;
+    ageRange: string;
     comment: string;
 }
 interface DgaPageFeedbackAgreementLink {
@@ -1759,6 +1760,7 @@ declare class DgaPageFeedback {
     readonly submitLabel: _angular_core.InputSignal<string>;
     readonly statistic: _angular_core.InputSignal<string>;
     readonly thankYouMessage: _angular_core.InputSignal<string>;
+    /** Text before the first agreement link. */
     readonly agreementBefore: _angular_core.InputSignal<string>;
     readonly participationLabel: _angular_core.InputSignal<string>;
     readonly participationHref: _angular_core.InputSignal<string>;
@@ -1766,8 +1768,15 @@ declare class DgaPageFeedback {
     readonly rulesLabel: _angular_core.InputSignal<string>;
     readonly rulesHref: _angular_core.InputSignal<string>;
     readonly agreementAfter: _angular_core.InputSignal<string>;
+    /**
+     * Extra / override links for the e-participation footer.
+     * When empty, `participationLabel` + `rulesLabel` are used.
+     */
+    readonly agreementLinks: _angular_core.InputSignal<DgaPageFeedbackAgreementLink[]>;
     /** When false, only projected `[dgaPageFeedbackAgreement]` content is shown. */
     readonly defaultAgreement: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ageLabel: _angular_core.InputSignal<string>;
+    readonly ageOptions: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
     readonly yesReasons: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
     readonly noReasons: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
     readonly genderOptions: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
@@ -1778,6 +1787,7 @@ declare class DgaPageFeedback {
     readonly phase: _angular_core.WritableSignal<DgaPageFeedbackPhase>;
     readonly reasons: _angular_core.WritableSignal<string[]>;
     readonly gender: _angular_core.WritableSignal<string>;
+    readonly ageRange: _angular_core.WritableSignal<string>;
     readonly comment: _angular_core.WritableSignal<string>;
     readonly dismissed: _angular_core.WritableSignal<boolean>;
     readonly statusMessage: _angular_core.WritableSignal<string>;
@@ -1785,8 +1795,10 @@ declare class DgaPageFeedback {
     private readonly uid;
     readonly commentId: string;
     readonly genderName: string;
+    readonly ageName: string;
     readonly activeReasons: _angular_core.Signal<DgaPageFeedbackOption[]>;
     readonly canSubmit: _angular_core.Signal<boolean>;
+    readonly resolvedAgreementLinks: _angular_core.Signal<DgaPageFeedbackAgreementLink[]>;
     readonly showDefaultAgreement: _angular_core.Signal<boolean>;
     readonly panelClasses: _angular_core.Signal<string>;
     choose(value: DgaPageFeedbackAnswer): void;
@@ -1797,7 +1809,7 @@ declare class DgaPageFeedback {
     close(): void;
     safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaPageFeedback, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaPageFeedback, "dga-page-feedback", never, { "question": { "alias": "question"; "required": false; "isSignal": true; }; "yesLabel": { "alias": "yesLabel"; "required": false; "isSignal": true; }; "noLabel": { "alias": "noLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "whyLabel": { "alias": "whyLabel"; "required": false; "isSignal": true; }; "whyHint": { "alias": "whyHint"; "required": false; "isSignal": true; }; "genderLabel": { "alias": "genderLabel"; "required": false; "isSignal": true; }; "commentLabel": { "alias": "commentLabel"; "required": false; "isSignal": true; }; "commentPlaceholder": { "alias": "commentPlaceholder"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "statistic": { "alias": "statistic"; "required": false; "isSignal": true; }; "thankYouMessage": { "alias": "thankYouMessage"; "required": false; "isSignal": true; }; "agreementBefore": { "alias": "agreementBefore"; "required": false; "isSignal": true; }; "participationLabel": { "alias": "participationLabel"; "required": false; "isSignal": true; }; "participationHref": { "alias": "participationHref"; "required": false; "isSignal": true; }; "agreementAnd": { "alias": "agreementAnd"; "required": false; "isSignal": true; }; "rulesLabel": { "alias": "rulesLabel"; "required": false; "isSignal": true; }; "rulesHref": { "alias": "rulesHref"; "required": false; "isSignal": true; }; "agreementAfter": { "alias": "agreementAfter"; "required": false; "isSignal": true; }; "defaultAgreement": { "alias": "defaultAgreement"; "required": false; "isSignal": true; }; "yesReasons": { "alias": "yesReasons"; "required": false; "isSignal": true; }; "noReasons": { "alias": "noReasons"; "required": false; "isSignal": true; }; "genderOptions": { "alias": "genderOptions"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "closed": "closed"; }, never, ["[dgaPageFeedbackAgreement]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaPageFeedback, "dga-page-feedback", never, { "question": { "alias": "question"; "required": false; "isSignal": true; }; "yesLabel": { "alias": "yesLabel"; "required": false; "isSignal": true; }; "noLabel": { "alias": "noLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "whyLabel": { "alias": "whyLabel"; "required": false; "isSignal": true; }; "whyHint": { "alias": "whyHint"; "required": false; "isSignal": true; }; "genderLabel": { "alias": "genderLabel"; "required": false; "isSignal": true; }; "commentLabel": { "alias": "commentLabel"; "required": false; "isSignal": true; }; "commentPlaceholder": { "alias": "commentPlaceholder"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "statistic": { "alias": "statistic"; "required": false; "isSignal": true; }; "thankYouMessage": { "alias": "thankYouMessage"; "required": false; "isSignal": true; }; "agreementBefore": { "alias": "agreementBefore"; "required": false; "isSignal": true; }; "participationLabel": { "alias": "participationLabel"; "required": false; "isSignal": true; }; "participationHref": { "alias": "participationHref"; "required": false; "isSignal": true; }; "agreementAnd": { "alias": "agreementAnd"; "required": false; "isSignal": true; }; "rulesLabel": { "alias": "rulesLabel"; "required": false; "isSignal": true; }; "rulesHref": { "alias": "rulesHref"; "required": false; "isSignal": true; }; "agreementAfter": { "alias": "agreementAfter"; "required": false; "isSignal": true; }; "agreementLinks": { "alias": "agreementLinks"; "required": false; "isSignal": true; }; "defaultAgreement": { "alias": "defaultAgreement"; "required": false; "isSignal": true; }; "ageLabel": { "alias": "ageLabel"; "required": false; "isSignal": true; }; "ageOptions": { "alias": "ageOptions"; "required": false; "isSignal": true; }; "yesReasons": { "alias": "yesReasons"; "required": false; "isSignal": true; }; "noReasons": { "alias": "noReasons"; "required": false; "isSignal": true; }; "genderOptions": { "alias": "genderOptions"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "closed": "closed"; }, never, ["[dgaPageFeedbackAgreement]"], true, never>;
 }
 
 type DgaRatingSize = 'sm' | 'md' | 'lg';