@a.nemreen/dga-ui 0.3.6 → 0.3.7

package/README.md

@@ -411,7 +411,15 @@ Compose the official home template with library primitives only - no page-local
 </dga-card>
 
 <dga-logo-tile label="شريك" />
-<dga-footer [columns]="footerColumns" copyright="…" />
+<dga-footer
+  appearance="brand"
+  [columns]="footerColumns"
+  [iconGroups]="footerIconGroups"
+  [bottomLinks]="footerBottomLinks"
+  [logos]="footerLogos"
+  copyright="جميع الحقوق محفوظة © 2026"
+  meta="آخر تحديث للموقع في 11 سبتمبر 2026 7:30 ص"
+/>
 ```
 
 Portal tokens (layout sizes): `--size-hero-portal` (491px), `--size-header-portal` (72px), `--size-icon-badge` (40px), `--size-dot` (16px).

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

@@ -6193,17 +6193,14 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
         </div>
       </div>
     </div>
-  `,changeDetection:g.OnPush,host:{"[class]":"hostClasses()","[attr.data-open]":"open() || null","[attr.data-calendar]":"calendar()","[attr.data-time-format]":"timeFormat()"}}]}],ctorParameters:()=>[],propDecorators:{open:[{type:a.Input,args:[{isSignal:!0,alias:"open",required:!1}]},{type:a.Output,args:["openChange"]}],calendar:[{type:a.Input,args:[{isSignal:!0,alias:"calendar",required:!1}]},{type:a.Output,args:["calendarChange"]}],timeFormat:[{type:a.Input,args:[{isSignal:!0,alias:"timeFormat",required:!1}]},{type:a.Output,args:["timeFormatChange"]}],showDate:[{type:a.Input,args:[{isSignal:!0,alias:"showDate",required:!1}]}],showTime:[{type:a.Input,args:[{isSignal:!0,alias:"showTime",required:!1}]}],locale:[{type:a.Input,args:[{isSignal:!0,alias:"locale",required:!1}]}],regionLabel:[{type:a.Input,args:[{isSignal:!0,alias:"regionLabel",required:!1}]}],stampLabel:[{type:a.Input,args:[{isSignal:!0,alias:"stampLabel",required:!1}]}],tabTextLg:[{type:a.Input,args:[{isSignal:!0,alias:"tabTextLg",required:!1}]}],tabTextSm:[{type:a.Input,args:[{isSignal:!0,alias:"tabTextSm",required:!1}]}],verifyText:[{type:a.Input,args:[{isSignal:!0,alias:"verifyText",required:!1}]}],registrationLabel:[{type:a.Input,args:[{isSignal:!0,alias:"registrationLabel",required:!1}]}],registrationId:[{type:a.Input,args:[{isSignal:!0,alias:"registrationId",required:!1}]}],registrationHref:[{type:a.Input,args:[{isSignal:!0,alias:"registrationHref",required:!1}]}],notices:[{type:a.Input,args:[{isSignal:!0,alias:"notices",required:!1}]}]}});function Rs(u,e){const t=new Intl.DateTimeFormat("en-US-u-ca-islamic-umalqura",{day:"numeric",month:"numeric",year:"numeric",timeZone:"Asia/Riyadh"}).formatToParts(u),s=w=>parseInt(t.find(x=>x.type===w)?.value??"0",10),r=s("day"),l=s("month"),o=s("year"),p=de(e)?"ar":"en",f=Fs[p][Math.max(0,l-1)]??"";return de(e)?`${r} ${f} ${o} هـ`:`${f} ${r}, ${o} AH`}function Os(u,e){return new Intl.DateTimeFormat(de(e)?"ar-SA":"en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric",timeZone:"Asia/Riyadh"}).format(u)}function Vs(u,e,t){return new Intl.DateTimeFormat(de(e)?"ar-SA":"en-US",{hour:"numeric",minute:"2-digit",hour12:t==="12",timeZone:"Asia/Riyadh"}).format(u)}class qa{baseHref=h(mt,{optional:!0})??h(ft).getBaseHrefFromDOM()??"/";brand=i("",...ngDevMode?[{debugName:"brand"}]:[]);title=i("",...ngDevMode?[{debugName:"title"}]:[]);links=i([],...ngDevMode?[{debugName:"links"}]:[]);columns=i([],...ngDevMode?[{debugName:"columns"}]:[]);iconGroups=i([],...ngDevMode?[{debugName:"iconGroups"}]:[]);bottomLinks=i([],...ngDevMode?[{debugName:"bottomLinks"}]:[]);policyLinks=i([],...ngDevMode?[{debugName:"policyLinks"}]:[]);logos=i([],...ngDevMode?[{debugName:"logos"}]:[]);copyright=i("",...ngDevMode?[{debugName:"copyright"}]:[]);meta=i("",...ngDevMode?[{debugName:"meta"}]:[]);appearance=i("default",...ngDevMode?[{debugName:"appearance"}]:[]);navLabel=i("",...ngDevMode?[{debugName:"navLabel"}]:[]);ariaLabel=i("",...ngDevMode?[{debugName:"ariaLabel"}]:[]);appHref(e){return $(e,this.baseHref)}showBottom=n(()=>!!(this.copyright()||this.meta()||this.bottomLinks().length||this.policyLinks().length||this.logos().length),...ngDevMode?[{debugName:"showBottom"}]:[]);hostClass=n(()=>d("block",this.appearance()==="brand"?"border-0 bg-footer text-on-color":"border-t border-border bg-surface text-fg"),...ngDevMode?[{debugName:"hostClass"}]:[]);headingClass=n(()=>d("m-0 border-b pb-md text-body-md font-semibold",this.appearance()==="brand"?"border-white/25 text-on-color":"border-border text-display"),...ngDevMode?[{debugName:"headingClass"}]:[]);textLinkClass=n(()=>d("inline-flex items-center gap-sm text-body-sm underline-offset-2","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",this.appearance()==="brand"?"text-on-color hover:text-on-color-muted hover:underline":"text-paragraph hover:text-fg-primary hover:underline"),...ngDevMode?[{debugName:"textLinkClass"}]:[]);metaLinkClass=n(()=>d("text-body-xs underline-offset-2","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",this.appearance()==="brand"?"text-on-color-muted hover:text-on-color hover:underline":"text-muted hover:text-fg-primary hover:underline"),...ngDevMode?[{debugName:"metaLinkClass"}]:[]);copyrightClass=n(()=>d("m-0 text-body-xs",this.appearance()==="brand"?"text-on-color-muted":"text-muted"),...ngDevMode?[{debugName:"copyrightClass"}]:[]);dividerClass=n(()=>d("my-3xl border-0 border-t",this.appearance()==="brand"?"border-white/20":"border-border"),...ngDevMode?[{debugName:"dividerClass"}]:[]);iconBtnClass=n(()=>d("inline-flex size-10 items-center justify-center rounded-md border transition-colors","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",this.appearance()==="brand"?"border-white/30 text-on-color hover:border-white/55 hover:bg-white/10":"border-border text-fg hover:bg-neutral-light"),...ngDevMode?[{debugName:"iconBtnClass"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:qa,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:qa,isStandalone:!0,selector:"dga-footer",inputs:{brand:{classPropertyName:"brand",publicName:"brand",isSignal:!0,isRequired:!1,transformFunction:null},title:{classPropertyName:"title",publicName:"title",isSignal:!0,isRequired:!1,transformFunction:null},links:{classPropertyName:"links",publicName:"links",isSignal:!0,isRequired:!1,transformFunction:null},columns:{classPropertyName:"columns",publicName:"columns",isSignal:!0,isRequired:!1,transformFunction:null},iconGroups:{classPropertyName:"iconGroups",publicName:"iconGroups",isSignal:!0,isRequired:!1,transformFunction:null},bottomLinks:{classPropertyName:"bottomLinks",publicName:"bottomLinks",isSignal:!0,isRequired:!1,transformFunction:null},policyLinks:{classPropertyName:"policyLinks",publicName:"policyLinks",isSignal:!0,isRequired:!1,transformFunction:null},logos:{classPropertyName:"logos",publicName:"logos",isSignal:!0,isRequired:!1,transformFunction:null},copyright:{classPropertyName:"copyright",publicName:"copyright",isSignal:!0,isRequired:!1,transformFunction:null},meta:{classPropertyName:"meta",publicName:"meta",isSignal:!0,isRequired:!1,transformFunction:null},appearance:{classPropertyName:"appearance",publicName:"appearance",isSignal:!0,isRequired:!1,transformFunction:null},navLabel:{classPropertyName:"navLabel",publicName:"navLabel",isSignal:!0,isRequired:!1,transformFunction:null},ariaLabel:{classPropertyName:"ariaLabel",publicName:"ariaLabel",isSignal:!0,isRequired:!1,transformFunction:null}},host:{attributes:{role:"contentinfo"},properties:{class:"hostClass()","attr.aria-label":"ariaLabel() || null","attr.data-appearance":"appearance()"}},ngImport:a,template:`
+  `,changeDetection:g.OnPush,host:{"[class]":"hostClasses()","[attr.data-open]":"open() || null","[attr.data-calendar]":"calendar()","[attr.data-time-format]":"timeFormat()"}}]}],ctorParameters:()=>[],propDecorators:{open:[{type:a.Input,args:[{isSignal:!0,alias:"open",required:!1}]},{type:a.Output,args:["openChange"]}],calendar:[{type:a.Input,args:[{isSignal:!0,alias:"calendar",required:!1}]},{type:a.Output,args:["calendarChange"]}],timeFormat:[{type:a.Input,args:[{isSignal:!0,alias:"timeFormat",required:!1}]},{type:a.Output,args:["timeFormatChange"]}],showDate:[{type:a.Input,args:[{isSignal:!0,alias:"showDate",required:!1}]}],showTime:[{type:a.Input,args:[{isSignal:!0,alias:"showTime",required:!1}]}],locale:[{type:a.Input,args:[{isSignal:!0,alias:"locale",required:!1}]}],regionLabel:[{type:a.Input,args:[{isSignal:!0,alias:"regionLabel",required:!1}]}],stampLabel:[{type:a.Input,args:[{isSignal:!0,alias:"stampLabel",required:!1}]}],tabTextLg:[{type:a.Input,args:[{isSignal:!0,alias:"tabTextLg",required:!1}]}],tabTextSm:[{type:a.Input,args:[{isSignal:!0,alias:"tabTextSm",required:!1}]}],verifyText:[{type:a.Input,args:[{isSignal:!0,alias:"verifyText",required:!1}]}],registrationLabel:[{type:a.Input,args:[{isSignal:!0,alias:"registrationLabel",required:!1}]}],registrationId:[{type:a.Input,args:[{isSignal:!0,alias:"registrationId",required:!1}]}],registrationHref:[{type:a.Input,args:[{isSignal:!0,alias:"registrationHref",required:!1}]}],notices:[{type:a.Input,args:[{isSignal:!0,alias:"notices",required:!1}]}]}});function Rs(u,e){const t=new Intl.DateTimeFormat("en-US-u-ca-islamic-umalqura",{day:"numeric",month:"numeric",year:"numeric",timeZone:"Asia/Riyadh"}).formatToParts(u),s=w=>parseInt(t.find(x=>x.type===w)?.value??"0",10),r=s("day"),l=s("month"),o=s("year"),p=de(e)?"ar":"en",f=Fs[p][Math.max(0,l-1)]??"";return de(e)?`${r} ${f} ${o} هـ`:`${f} ${r}, ${o} AH`}function Os(u,e){return new Intl.DateTimeFormat(de(e)?"ar-SA":"en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric",timeZone:"Asia/Riyadh"}).format(u)}function Vs(u,e,t){return new Intl.DateTimeFormat(de(e)?"ar-SA":"en-US",{hour:"numeric",minute:"2-digit",hour12:t==="12",timeZone:"Asia/Riyadh"}).format(u)}class qa{baseHref=h(mt,{optional:!0})??h(ft).getBaseHrefFromDOM()??"/";brand=i("",...ngDevMode?[{debugName:"brand"}]:[]);title=i("",...ngDevMode?[{debugName:"title"}]:[]);links=i([],...ngDevMode?[{debugName:"links"}]:[]);columns=i([],...ngDevMode?[{debugName:"columns"}]:[]);iconGroups=i([],...ngDevMode?[{debugName:"iconGroups"}]:[]);bottomLinks=i([],...ngDevMode?[{debugName:"bottomLinks"}]:[]);policyLinks=i([],...ngDevMode?[{debugName:"policyLinks"}]:[]);logos=i([],...ngDevMode?[{debugName:"logos"}]:[]);copyright=i("",...ngDevMode?[{debugName:"copyright"}]:[]);meta=i("",...ngDevMode?[{debugName:"meta"}]:[]);appearance=i("default",...ngDevMode?[{debugName:"appearance"}]:[]);navLabel=i("",...ngDevMode?[{debugName:"navLabel"}]:[]);ariaLabel=i("",...ngDevMode?[{debugName:"ariaLabel"}]:[]);appHref(e){return $(e,this.baseHref)}showBottom=n(()=>!!(this.copyright()||this.meta()||this.bottomLinks().length||this.policyLinks().length||this.logos().length),...ngDevMode?[{debugName:"showBottom"}]:[]);navGridClass=n(()=>d("dga-footer__nav grid gap-3xl sm:grid-cols-2",this.iconGroups().length?"lg:grid-cols-5":"lg:grid-cols-4"),...ngDevMode?[{debugName:"navGridClass"}]:[]);hostClass=n(()=>d("block",this.appearance()==="brand"?"border-0 bg-footer text-on-color":"border-t border-border bg-surface text-fg"),...ngDevMode?[{debugName:"hostClass"}]:[]);headingClass=n(()=>d("m-0 border-b pb-md text-body-md font-semibold",this.appearance()==="brand"?"border-white/25 text-on-color":"border-border text-display"),...ngDevMode?[{debugName:"headingClass"}]:[]);textLinkClass=n(()=>d("inline-flex items-center gap-sm text-body-sm underline-offset-2","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",this.appearance()==="brand"?"text-on-color hover:text-on-color-muted hover:underline":"text-paragraph hover:text-fg-primary hover:underline"),...ngDevMode?[{debugName:"textLinkClass"}]:[]);bottomLinkClass=n(()=>d("text-body-sm leading-6 no-underline underline-offset-[0.2em]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",this.appearance()==="brand"?"text-on-color hover:underline":"text-muted hover:text-fg-primary hover:underline"),...ngDevMode?[{debugName:"bottomLinkClass"}]:[]);copyrightClass=n(()=>d("m-0 text-body-sm leading-5",this.appearance()==="brand"?"text-on-color/60":"text-muted"),...ngDevMode?[{debugName:"copyrightClass"}]:[]);metaClass=n(()=>d(this.copyrightClass(),"dga-footer__meta"),...ngDevMode?[{debugName:"metaClass"}]:[]);dividerClass=n(()=>d("my-3xl border-0 border-t",this.appearance()==="brand"?"border-white/20":"border-border"),...ngDevMode?[{debugName:"dividerClass"}]:[]);iconBtnClass=n(()=>d("inline-flex size-10 items-center justify-center rounded-md border transition-colors","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",this.appearance()==="brand"?"border-white/30 text-on-color hover:border-white/55 hover:bg-white/10":"border-border text-fg hover:bg-neutral-light"),...ngDevMode?[{debugName:"iconBtnClass"}]:[]);static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:qa,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:qa,isStandalone:!0,selector:"dga-footer",inputs:{brand:{classPropertyName:"brand",publicName:"brand",isSignal:!0,isRequired:!1,transformFunction:null},title:{classPropertyName:"title",publicName:"title",isSignal:!0,isRequired:!1,transformFunction:null},links:{classPropertyName:"links",publicName:"links",isSignal:!0,isRequired:!1,transformFunction:null},columns:{classPropertyName:"columns",publicName:"columns",isSignal:!0,isRequired:!1,transformFunction:null},iconGroups:{classPropertyName:"iconGroups",publicName:"iconGroups",isSignal:!0,isRequired:!1,transformFunction:null},bottomLinks:{classPropertyName:"bottomLinks",publicName:"bottomLinks",isSignal:!0,isRequired:!1,transformFunction:null},policyLinks:{classPropertyName:"policyLinks",publicName:"policyLinks",isSignal:!0,isRequired:!1,transformFunction:null},logos:{classPropertyName:"logos",publicName:"logos",isSignal:!0,isRequired:!1,transformFunction:null},copyright:{classPropertyName:"copyright",publicName:"copyright",isSignal:!0,isRequired:!1,transformFunction:null},meta:{classPropertyName:"meta",publicName:"meta",isSignal:!0,isRequired:!1,transformFunction:null},appearance:{classPropertyName:"appearance",publicName:"appearance",isSignal:!0,isRequired:!1,transformFunction:null},navLabel:{classPropertyName:"navLabel",publicName:"navLabel",isSignal:!0,isRequired:!1,transformFunction:null},ariaLabel:{classPropertyName:"ariaLabel",publicName:"ariaLabel",isSignal:!0,isRequired:!1,transformFunction:null}},host:{attributes:{role:"contentinfo"},properties:{class:"hostClass()","attr.aria-label":"ariaLabel() || null","attr.data-appearance":"appearance()"}},ngImport:a,template:`
     <div class="w-full px-(--wrapper-padding) py-4xl lg:py-8xl">
       <div class="empty:hidden mb-3xl">
         <ng-content select="[dgaFooterBrand]" />
       </div>
 
       @if (columns().length || iconGroups().length) {
-        <nav
-          class="grid gap-3xl sm:grid-cols-2 lg:grid-cols-4"
-          [attr.aria-label]="navLabel() || null"
-        >
+        <nav [class]="navGridClass()" [attr.aria-label]="navLabel() || null">
           @for (col of columns(); track col.title) {
             <div class="flex flex-col gap-lg">
               <h3 [class]="headingClass()">{{ col.title }}</h3>
@@ -6228,7 +6225,7 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
           }
 
           @if (iconGroups().length) {
-            <div class="flex flex-col gap-3xl">
+            <div class="dga-footer__tools flex flex-col gap-3xl">
               @for (group of iconGroups(); track group.title) {
                 <div class="flex flex-col gap-lg">
                   <h3 [class]="headingClass()">{{ group.title }}</h3>
@@ -6284,34 +6281,36 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
         >
           <div class="flex min-w-0 flex-1 flex-col gap-xl">
             @if (bottomLinks().length) {
-              <div class="flex flex-wrap gap-x-xl gap-y-md">
+              <div class="dga-footer__bottom-links flex flex-wrap">
                 @for (link of bottomLinks(); track link.href + link.label) {
-                  <a [class]="metaLinkClass()" [href]="appHref(link.href)">{{ link.label }}</a>
+                  <a [class]="bottomLinkClass()" [href]="appHref(link.href)">{{
+                    link.label
+                  }}</a>
                 }
               </div>
             }
 
-            <div
-              class="flex flex-col gap-md sm:flex-row sm:flex-wrap sm:items-center sm:gap-x-xl sm:gap-y-md"
-            >
+            <div class="dga-footer__legal flex flex-col items-start">
               @if (copyright()) {
                 <p [class]="copyrightClass()">{{ copyright() }}</p>
               }
               @if (policyLinks().length) {
-                <div class="flex flex-wrap gap-x-xl gap-y-md">
+                <div class="dga-footer__bottom-links flex flex-wrap">
                   @for (link of policyLinks(); track link.href + link.label) {
-                    <a [class]="metaLinkClass()" [href]="appHref(link.href)">{{ link.label }}</a>
+                    <a [class]="bottomLinkClass()" [href]="appHref(link.href)">{{
+                      link.label
+                    }}</a>
                   }
                 </div>
               }
               @if (meta()) {
-                <p [class]="copyrightClass()">{{ meta() }}</p>
+                <p [class]="metaClass()">{{ meta() }}</p>
               }
             </div>
           </div>
 
           @if (logos().length) {
-            <div class="dga-footer__logos flex shrink-0 flex-wrap items-center gap-xl">
+            <div class="dga-footer__logos flex shrink-0 flex-wrap items-center">
               @for (logo of logos(); track logo.src + logo.alt) {
                 <a
                   class="inline-flex items-center"
@@ -6320,7 +6319,7 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
                   [attr.rel]="logo.external ? 'noopener noreferrer nofollow' : null"
                 >
                   <img
-                    class="h-10 w-auto object-contain"
+                    class="w-auto object-contain"
                     [class.brightness-0]="appearance() === 'brand'"
                     [class.invert]="appearance() === 'brand'"
                     [src]="logo.src"
@@ -6336,17 +6335,14 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
         </div>
       }
     </div>
-  `,isInline:!0,dependencies:[{kind:"component",type:y,selector:"dga-icon",inputs:["name","glyph","size","tone","label"]}],changeDetection:a.ChangeDetectionStrategy.OnPush})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:qa,decorators:[{type:m,args:[{selector:"dga-footer",standalone:!0,imports:[y],template:`
+  `,isInline:!0,styles:[":host .dga-footer__bottom-links{column-gap:0;row-gap:.5rem;align-items:center}:host .dga-footer__bottom-links>a:not(:last-child):after{content:\"|\";margin-inline:.75rem;pointer-events:none}:host[data-appearance=brand] .dga-footer__bottom-links>a:not(:last-child):after{color:#fff}:host .dga-footer__legal p{margin:0;white-space:pre-line}:host .dga-footer__meta{padding-block:1rem}:host .dga-footer__logos{gap:1.5rem}:host .dga-footer__logos img{height:2.75rem;max-height:48px}\n"],dependencies:[{kind:"component",type:y,selector:"dga-icon",inputs:["name","glyph","size","tone","label"]}],changeDetection:a.ChangeDetectionStrategy.OnPush})}a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:qa,decorators:[{type:m,args:[{selector:"dga-footer",standalone:!0,imports:[y],template:`
     <div class="w-full px-(--wrapper-padding) py-4xl lg:py-8xl">
       <div class="empty:hidden mb-3xl">
         <ng-content select="[dgaFooterBrand]" />
       </div>
 
       @if (columns().length || iconGroups().length) {
-        <nav
-          class="grid gap-3xl sm:grid-cols-2 lg:grid-cols-4"
-          [attr.aria-label]="navLabel() || null"
-        >
+        <nav [class]="navGridClass()" [attr.aria-label]="navLabel() || null">
           @for (col of columns(); track col.title) {
             <div class="flex flex-col gap-lg">
               <h3 [class]="headingClass()">{{ col.title }}</h3>
@@ -6371,7 +6367,7 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
           }
 
           @if (iconGroups().length) {
-            <div class="flex flex-col gap-3xl">
+            <div class="dga-footer__tools flex flex-col gap-3xl">
               @for (group of iconGroups(); track group.title) {
                 <div class="flex flex-col gap-lg">
                   <h3 [class]="headingClass()">{{ group.title }}</h3>
@@ -6427,34 +6423,36 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
         >
           <div class="flex min-w-0 flex-1 flex-col gap-xl">
             @if (bottomLinks().length) {
-              <div class="flex flex-wrap gap-x-xl gap-y-md">
+              <div class="dga-footer__bottom-links flex flex-wrap">
                 @for (link of bottomLinks(); track link.href + link.label) {
-                  <a [class]="metaLinkClass()" [href]="appHref(link.href)">{{ link.label }}</a>
+                  <a [class]="bottomLinkClass()" [href]="appHref(link.href)">{{
+                    link.label
+                  }}</a>
                 }
               </div>
             }
 
-            <div
-              class="flex flex-col gap-md sm:flex-row sm:flex-wrap sm:items-center sm:gap-x-xl sm:gap-y-md"
-            >
+            <div class="dga-footer__legal flex flex-col items-start">
               @if (copyright()) {
                 <p [class]="copyrightClass()">{{ copyright() }}</p>
               }
               @if (policyLinks().length) {
-                <div class="flex flex-wrap gap-x-xl gap-y-md">
+                <div class="dga-footer__bottom-links flex flex-wrap">
                   @for (link of policyLinks(); track link.href + link.label) {
-                    <a [class]="metaLinkClass()" [href]="appHref(link.href)">{{ link.label }}</a>
+                    <a [class]="bottomLinkClass()" [href]="appHref(link.href)">{{
+                      link.label
+                    }}</a>
                   }
                 </div>
               }
               @if (meta()) {
-                <p [class]="copyrightClass()">{{ meta() }}</p>
+                <p [class]="metaClass()">{{ meta() }}</p>
               }
             </div>
           </div>
 
           @if (logos().length) {
-            <div class="dga-footer__logos flex shrink-0 flex-wrap items-center gap-xl">
+            <div class="dga-footer__logos flex shrink-0 flex-wrap items-center">
               @for (logo of logos(); track logo.src + logo.alt) {
                 <a
                   class="inline-flex items-center"
@@ -6463,7 +6461,7 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
                   [attr.rel]="logo.external ? 'noopener noreferrer nofollow' : null"
                 >
                   <img
-                    class="h-10 w-auto object-contain"
+                    class="w-auto object-contain"
                     [class.brightness-0]="appearance() === 'brand'"
                     [class.invert]="appearance() === 'brand'"
                     [src]="logo.src"
@@ -6479,7 +6477,7 @@ import{DOCUMENT as nt,NgTemplateOutlet as Xa,APP_BASE_HREF as mt,PlatformLocatio
         </div>
       }
     </div>
-  `,changeDetection:g.OnPush,host:{role:"contentinfo","[class]":"hostClass()","[attr.aria-label]":"ariaLabel() || null","[attr.data-appearance]":"appearance()"}}]}],propDecorators:{brand:[{type:a.Input,args:[{isSignal:!0,alias:"brand",required:!1}]}],title:[{type:a.Input,args:[{isSignal:!0,alias:"title",required:!1}]}],links:[{type:a.Input,args:[{isSignal:!0,alias:"links",required:!1}]}],columns:[{type:a.Input,args:[{isSignal:!0,alias:"columns",required:!1}]}],iconGroups:[{type:a.Input,args:[{isSignal:!0,alias:"iconGroups",required:!1}]}],bottomLinks:[{type:a.Input,args:[{isSignal:!0,alias:"bottomLinks",required:!1}]}],policyLinks:[{type:a.Input,args:[{isSignal:!0,alias:"policyLinks",required:!1}]}],logos:[{type:a.Input,args:[{isSignal:!0,alias:"logos",required:!1}]}],copyright:[{type:a.Input,args:[{isSignal:!0,alias:"copyright",required:!1}]}],meta:[{type:a.Input,args:[{isSignal:!0,alias:"meta",required:!1}]}],appearance:[{type:a.Input,args:[{isSignal:!0,alias:"appearance",required:!1}]}],navLabel:[{type:a.Input,args:[{isSignal:!0,alias:"navLabel",required:!1}]}],ariaLabel:[{type:a.Input,args:[{isSignal:!0,alias:"ariaLabel",required:!1}]}]}});const Ts={primary:"bg-primary-strong/80",dark:"bg-overlay",none:""},$s={none:{},fade:{"mask-image":"linear-gradient(to bottom, #000 65%, transparent 100%)","-webkit-mask-image":"linear-gradient(to bottom, #000 65%, transparent 100%)"},angle:{"clip-path":"polygon(0 0, 100% 0, 100% 100%, 0 88%)"},wave:{"clip-path":"polygon(0% 0%,100% 0%,100% 86%,92% 91%,84% 86%,76% 93%,68% 86%,60% 91%,52% 85%,44% 92%,36% 86%,28% 91%,20% 85%,12% 91%,4% 86%,0% 89%)"}};class za{destroyRef=h(D);autoplayTimer=null;autoplayPaused=b(!1,...ngDevMode?[{debugName:"autoplayPaused"}]:[]);motionReady=b(!1,...ngDevMode?[{debugName:"motionReady"}]:[]);title=i("",...ngDevMode?[{debugName:"title"}]:[]);description=i("",...ngDevMode?[{debugName:"description"}]:[]);subtitle=i("",...ngDevMode?[{debugName:"subtitle"}]:[]);primaryCta=i("",...ngDevMode?[{debugName:"primaryCta"}]:[]);secondaryCta=i("",...ngDevMode?[{debugName:"secondaryCta"}]:[]);primaryHref=i("",...ngDevMode?[{debugName:"primaryHref"}]:[]);secondaryHref=i("",...ngDevMode?[{debugName:"secondaryHref"}]:[]);imageDesktop=i("",...ngDevMode?[{debugName:"imageDesktop"}]:[]);imageMobile=i("",...ngDevMode?[{debugName:"imageMobile"}]:[]);imageUrl=i("",...ngDevMode?[{debugName:"imageUrl"}]:[]);imageOverlay=i("primary",...ngDevMode?[{debugName:"imageOverlay"}]:[]);imageMaskVariant=i("none",...ngDevMode?[{debugName:"imageMaskVariant"}]:[]);slides=i([],...ngDevMode?[{debugName:"slides"}]:[]);activeIndex=N(0,...ngDevMode?[{debugName:"activeIndex"}]:[]);appearance=i("default",...ngDevMode?[{debugName:"appearance"}]:[]);transition=i("push",...ngDevMode?[{debugName:"transition"}]:[]);autoplay=i(!1,{...ngDevMode?{debugName:"autoplay"}:{},transform:c});autoplayMs=i(6e3,...ngDevMode?[{debugName:"autoplayMs"}]:[]);showDots=i(!0,{...ngDevMode?{debugName:"showDots"}:{},transform:c});showArrows=i(!1,{...ngDevMode?{debugName:"showArrows"}:{},transform:c});dotsLabel=i("شرائح القسم الرئيسي",...ngDevMode?[{debugName:"dotsLabel"}]:[]);prevLabel=i("الشريحة السابقة",...ngDevMode?[{debugName:"prevLabel"}]:[]);nextLabel=i("الشريحة التالية",...ngDevMode?[{debugName:"nextLabel"}]:[]);primaryClick=v();secondaryClick=v();slideChange=v();slideCount=n(()=>this.slides().length,...ngDevMode?[{debugName:"slideCount"}]:[]);isCarousel=n(()=>this.appearance()==="portal"&&this.slideCount()>0,...ngDevMode?[{debugName:"isCarousel"}]:[]);isCompactBand=n(()=>this.appearance()==="sub"||this.appearance()==="flat",...ngDevMode?[{debugName:"isCompactBand"}]:[]);slideIndexes=n(()=>Array.from({length:this.slideCount()},(e,t)=>t),...ngDevMode?[{debugName:"slideIndexes"}]:[]);hostClasses=n(()=>d("relative block w-full max-w-full min-w-0 overflow-hidden text-fg",(this.appearance()==="default"||this.appearance()==="aside"||this.appearance()==="brief")&&"bg-linear-to-b from-primary-faint to-body",this.appearance()==="portal"&&"min-h-(--size-hero-portal) bg-primary-strong text-on-color",this.appearance()==="sub"&&"bg-primary-faint",this.appearance()==="flat"&&"border-b border-border bg-body"),...ngDevMode?[{debugName:"hostClasses"}]:[]);innerClasses=n(()=>d("dga-hero__inner relative z-[1] flex w-full flex-col gap-3xl px-(--wrapper-padding)",this.appearance()==="default"&&"py-4xl md:flex-row md:items-center lg:py-11xl",this.appearance()==="portal"&&"min-h-(--size-hero-portal) justify-center py-8xl md:py-11xl",this.appearance()==="aside"&&"gap-4xl py-4xl md:flex-row md:items-center lg:py-8xl",this.appearance()==="brief"&&"gap-lg py-3xl md:py-4xl",this.isCompactBand()&&"min-h-(--size-hero-sub) justify-center gap-lg py-2xl md:py-3xl"),...ngDevMode?[{debugName:"innerClasses"}]:[]);titleClasses=n(()=>d("m-0 font-semibold",(this.appearance()==="default"||this.appearance()==="aside")&&"text-display-lg text-display md:text-display-xl",this.appearance()==="portal"&&"text-display-xl text-on-color",this.appearance()==="brief"&&"text-display-md text-display md:text-display-lg",this.isCompactBand()&&"text-display-sm text-display md:text-display-md"),...ngDevMode?[{debugName:"titleClasses"}]:[]);subtitleClasses=n(()=>d("m-0 max-w-(--container-3xl) text-body-lg",(this.appearance()==="default"||this.appearance()==="aside")&&"text-paragraph",this.appearance()==="portal"&&"text-on-color opacity-90",(this.appearance()==="brief"||this.isCompactBand())&&"max-w-(--container-2xl) text-body-md text-paragraph"),...ngDevMode?[{debugName:"subtitleClasses"}]:[]);imageMaskStyle=n(()=>$s[this.imageMaskVariant()],...ngDevMode?[{debugName:"imageMaskStyle"}]:[]);constructor(){S(()=>{const e=this.autoplay()&&this.slideCount()>1,t=this.autoplayMs(),s=this.autoplayPaused();this.clearAutoplay(),!(!e||s)&&(this.autoplayTimer=setInterval(()=>this.nextSlide(),Math.max(2e3,t)))}),queueMicrotask(()=>{const e=typeof window<"u"?window:null;e?.requestAnimationFrame(()=>{e.requestAnimationFrame(()=>this.motionReady.set(!0))})}),this.destroyRef.onDestroy(()=>this.clearAutoplay())}portalCtaVariant(){return this.appearance()==="portal"?"inverse":"primary"}secondaryCtaVariant(){return this.appearance()==="portal"?"outlineInverse":"outline"}slideShellClass(e){const t=this.clampedIndex()===e,s=this.motionReady();return this.transition()==="fade"?d("absolute inset-0 min-h-(--size-hero-portal)",s&&"transition-opacity duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]",t?"z-[1] opacity-100":"z-0 opacity-0 pointer-events-none"):d("absolute inset-0 z-[1] min-h-(--size-hero-portal)",s&&"transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform",!t&&"pointer-events-none")}clampedIndex(){const e=this.slideCount();return e<=0?0:Math.min(Math.max(0,this.activeIndex()),e-1)}activeTitle(){return this.title()}activeDescription(){return this.description()||this.subtitle()}singleDesktopImage(){return this.imageDesktop()||this.imageUrl()}singleMobileImage(){return this.imageMobile()||this.singleDesktopImage()}slideTitle(e){return e.title??""}slideDescription(e){return e.description||e.subtitle||""}slideDesktop(e){return e.imageDesktop||e.imageUrl||""}slideMobile(e){return e.imageMobile||this.slideDesktop(e)}ctaPrimary(e){return e.primaryCta||""}ctaSecondary(e){return e.secondaryCta||""}ctaPrimaryHref(e){return e.primaryHref||""}ctaSecondaryHref(e){return e.secondaryHref||""}dotLabel(e){return`الشريحة ${e+1}`}dotClass(e){return this.activeIndex()===e?"bg-primary":"bg-disabled hover:bg-border"}overlayClass(e){return Ts[e??this.imageOverlay()]}slideOverlayClass(e){return this.overlayClass(e.overlay??this.imageOverlay())}pushOffset(e){const t=e-this.clampedIndex(),s=typeof document<"u"&&getComputedStyle(document.documentElement).direction==="rtl"?-1:1;return`translate3d(${t*s*100}%, 0, 0)`}goSlide(e){const t=this.slideCount();if(t<=0)return;const s=Math.min(Math.max(0,e),t-1);s!==this.activeIndex()&&(this.activeIndex.set(s),this.slideChange.emit(s))}nextSlide(){const e=this.slideCount();e<=1||this.goSlide((this.clampedIndex()+1)%e)}prevSlide(){const e=this.slideCount();e<=1||this.goSlide((this.clampedIndex()-1+e)%e)}pauseAutoplay(){this.autoplayPaused.set(!0)}resumeAutoplay(){this.autoplayPaused.set(!1)}onPrimary(e){this.primaryClick.emit(e??void 0)}onSecondary(e){this.secondaryClick.emit(e??void 0)}clearAutoplay(){this.autoplayTimer!==null&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)}safeHref(e){return $(e)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:za,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:za,isStandalone:!0,selector:"dga-hero",inputs:{title:{classPropertyName:"title",publicName:"title",isSignal:!0,isRequired:!1,transformFunction:null},description:{classPropertyName:"description",publicName:"description",isSignal:!0,isRequired:!1,transformFunction:null},subtitle:{classPropertyName:"subtitle",publicName:"subtitle",isSignal:!0,isRequired:!1,transformFunction:null},primaryCta:{classPropertyName:"primaryCta",publicName:"primaryCta",isSignal:!0,isRequired:!1,transformFunction:null},secondaryCta:{classPropertyName:"secondaryCta",publicName:"secondaryCta",isSignal:!0,isRequired:!1,transformFunction:null},primaryHref:{classPropertyName:"primaryHref",publicName:"primaryHref",isSignal:!0,isRequired:!1,transformFunction:null},secondaryHref:{classPropertyName:"secondaryHref",publicName:"secondaryHref",isSignal:!0,isRequired:!1,transformFunction:null},imageDesktop:{classPropertyName:"imageDesktop",publicName:"imageDesktop",isSignal:!0,isRequired:!1,transformFunction:null},imageMobile:{classPropertyName:"imageMobile",publicName:"imageMobile",isSignal:!0,isRequired:!1,transformFunction:null},imageUrl:{classPropertyName:"imageUrl",publicName:"imageUrl",isSignal:!0,isRequired:!1,transformFunction:null},imageOverlay:{classPropertyName:"imageOverlay",publicName:"imageOverlay",isSignal:!0,isRequired:!1,transformFunction:null},imageMaskVariant:{classPropertyName:"imageMaskVariant",publicName:"imageMaskVariant",isSignal:!0,isRequired:!1,transformFunction:null},slides:{classPropertyName:"slides",publicName:"slides",isSignal:!0,isRequired:!1,transformFunction:null},activeIndex:{classPropertyName:"activeIndex",publicName:"activeIndex",isSignal:!0,isRequired:!1,transformFunction:null},appearance:{classPropertyName:"appearance",publicName:"appearance",isSignal:!0,isRequired:!1,transformFunction:null},transition:{classPropertyName:"transition",publicName:"transition",isSignal:!0,isRequired:!1,transformFunction:null},autoplay:{classPropertyName:"autoplay",publicName:"autoplay",isSignal:!0,isRequired:!1,transformFunction:null},autoplayMs:{classPropertyName:"autoplayMs",publicName:"autoplayMs",isSignal:!0,isRequired:!1,transformFunction:null},showDots:{classPropertyName:"showDots",publicName:"showDots",isSignal:!0,isRequired:!1,transformFunction:null},showArrows:{classPropertyName:"showArrows",publicName:"showArrows",isSignal:!0,isRequired:!1,transformFunction:null},dotsLabel:{classPropertyName:"dotsLabel",publicName:"dotsLabel",isSignal:!0,isRequired:!1,transformFunction:null},prevLabel:{classPropertyName:"prevLabel",publicName:"prevLabel",isSignal:!0,isRequired:!1,transformFunction:null},nextLabel:{classPropertyName:"nextLabel",publicName:"nextLabel",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{activeIndex:"activeIndexChange",primaryClick:"primaryClick",secondaryClick:"secondaryClick",slideChange:"slideChange"},host:{properties:{class:"hostClasses()","attr.data-appearance":"appearance()","attr.data-transition":"isCarousel() ? transition() : null","attr.data-dots":'isCarousel() && showDots() ? "" : null',"attr.data-arrows":'isCarousel() && showArrows() ? "" : null'}},ngImport:a,template:`
+  `,changeDetection:g.OnPush,host:{role:"contentinfo","[class]":"hostClass()","[attr.aria-label]":"ariaLabel() || null","[attr.data-appearance]":"appearance()"},styles:[":host .dga-footer__bottom-links{column-gap:0;row-gap:.5rem;align-items:center}:host .dga-footer__bottom-links>a:not(:last-child):after{content:\"|\";margin-inline:.75rem;pointer-events:none}:host[data-appearance=brand] .dga-footer__bottom-links>a:not(:last-child):after{color:#fff}:host .dga-footer__legal p{margin:0;white-space:pre-line}:host .dga-footer__meta{padding-block:1rem}:host .dga-footer__logos{gap:1.5rem}:host .dga-footer__logos img{height:2.75rem;max-height:48px}\n"]}]}],propDecorators:{brand:[{type:a.Input,args:[{isSignal:!0,alias:"brand",required:!1}]}],title:[{type:a.Input,args:[{isSignal:!0,alias:"title",required:!1}]}],links:[{type:a.Input,args:[{isSignal:!0,alias:"links",required:!1}]}],columns:[{type:a.Input,args:[{isSignal:!0,alias:"columns",required:!1}]}],iconGroups:[{type:a.Input,args:[{isSignal:!0,alias:"iconGroups",required:!1}]}],bottomLinks:[{type:a.Input,args:[{isSignal:!0,alias:"bottomLinks",required:!1}]}],policyLinks:[{type:a.Input,args:[{isSignal:!0,alias:"policyLinks",required:!1}]}],logos:[{type:a.Input,args:[{isSignal:!0,alias:"logos",required:!1}]}],copyright:[{type:a.Input,args:[{isSignal:!0,alias:"copyright",required:!1}]}],meta:[{type:a.Input,args:[{isSignal:!0,alias:"meta",required:!1}]}],appearance:[{type:a.Input,args:[{isSignal:!0,alias:"appearance",required:!1}]}],navLabel:[{type:a.Input,args:[{isSignal:!0,alias:"navLabel",required:!1}]}],ariaLabel:[{type:a.Input,args:[{isSignal:!0,alias:"ariaLabel",required:!1}]}]}});const Ts={primary:"bg-primary-strong/80",dark:"bg-overlay",none:""},$s={none:{},fade:{"mask-image":"linear-gradient(to bottom, #000 65%, transparent 100%)","-webkit-mask-image":"linear-gradient(to bottom, #000 65%, transparent 100%)"},angle:{"clip-path":"polygon(0 0, 100% 0, 100% 100%, 0 88%)"},wave:{"clip-path":"polygon(0% 0%,100% 0%,100% 86%,92% 91%,84% 86%,76% 93%,68% 86%,60% 91%,52% 85%,44% 92%,36% 86%,28% 91%,20% 85%,12% 91%,4% 86%,0% 89%)"}};class za{destroyRef=h(D);autoplayTimer=null;autoplayPaused=b(!1,...ngDevMode?[{debugName:"autoplayPaused"}]:[]);motionReady=b(!1,...ngDevMode?[{debugName:"motionReady"}]:[]);title=i("",...ngDevMode?[{debugName:"title"}]:[]);description=i("",...ngDevMode?[{debugName:"description"}]:[]);subtitle=i("",...ngDevMode?[{debugName:"subtitle"}]:[]);primaryCta=i("",...ngDevMode?[{debugName:"primaryCta"}]:[]);secondaryCta=i("",...ngDevMode?[{debugName:"secondaryCta"}]:[]);primaryHref=i("",...ngDevMode?[{debugName:"primaryHref"}]:[]);secondaryHref=i("",...ngDevMode?[{debugName:"secondaryHref"}]:[]);imageDesktop=i("",...ngDevMode?[{debugName:"imageDesktop"}]:[]);imageMobile=i("",...ngDevMode?[{debugName:"imageMobile"}]:[]);imageUrl=i("",...ngDevMode?[{debugName:"imageUrl"}]:[]);imageOverlay=i("primary",...ngDevMode?[{debugName:"imageOverlay"}]:[]);imageMaskVariant=i("none",...ngDevMode?[{debugName:"imageMaskVariant"}]:[]);slides=i([],...ngDevMode?[{debugName:"slides"}]:[]);activeIndex=N(0,...ngDevMode?[{debugName:"activeIndex"}]:[]);appearance=i("default",...ngDevMode?[{debugName:"appearance"}]:[]);transition=i("push",...ngDevMode?[{debugName:"transition"}]:[]);autoplay=i(!1,{...ngDevMode?{debugName:"autoplay"}:{},transform:c});autoplayMs=i(6e3,...ngDevMode?[{debugName:"autoplayMs"}]:[]);showDots=i(!0,{...ngDevMode?{debugName:"showDots"}:{},transform:c});showArrows=i(!1,{...ngDevMode?{debugName:"showArrows"}:{},transform:c});dotsLabel=i("شرائح القسم الرئيسي",...ngDevMode?[{debugName:"dotsLabel"}]:[]);prevLabel=i("الشريحة السابقة",...ngDevMode?[{debugName:"prevLabel"}]:[]);nextLabel=i("الشريحة التالية",...ngDevMode?[{debugName:"nextLabel"}]:[]);primaryClick=v();secondaryClick=v();slideChange=v();slideCount=n(()=>this.slides().length,...ngDevMode?[{debugName:"slideCount"}]:[]);isCarousel=n(()=>this.appearance()==="portal"&&this.slideCount()>0,...ngDevMode?[{debugName:"isCarousel"}]:[]);isCompactBand=n(()=>this.appearance()==="sub"||this.appearance()==="flat",...ngDevMode?[{debugName:"isCompactBand"}]:[]);slideIndexes=n(()=>Array.from({length:this.slideCount()},(e,t)=>t),...ngDevMode?[{debugName:"slideIndexes"}]:[]);hostClasses=n(()=>d("relative block w-full max-w-full min-w-0 overflow-hidden text-fg",(this.appearance()==="default"||this.appearance()==="aside"||this.appearance()==="brief")&&"bg-linear-to-b from-primary-faint to-body",this.appearance()==="portal"&&"min-h-(--size-hero-portal) bg-primary-strong text-on-color",this.appearance()==="sub"&&"bg-primary-faint",this.appearance()==="flat"&&"border-b border-border bg-body"),...ngDevMode?[{debugName:"hostClasses"}]:[]);innerClasses=n(()=>d("dga-hero__inner relative z-[1] flex w-full flex-col gap-3xl px-(--wrapper-padding)",this.appearance()==="default"&&"py-4xl md:flex-row md:items-center lg:py-11xl",this.appearance()==="portal"&&"min-h-(--size-hero-portal) justify-center py-8xl md:py-11xl",this.appearance()==="aside"&&"gap-4xl py-4xl md:flex-row md:items-center lg:py-8xl",this.appearance()==="brief"&&"gap-lg py-3xl md:py-4xl",this.isCompactBand()&&"min-h-(--size-hero-sub) justify-center gap-lg py-2xl md:py-3xl"),...ngDevMode?[{debugName:"innerClasses"}]:[]);titleClasses=n(()=>d("m-0 font-semibold",(this.appearance()==="default"||this.appearance()==="aside")&&"text-display-lg text-display md:text-display-xl",this.appearance()==="portal"&&"text-display-xl text-on-color",this.appearance()==="brief"&&"text-display-md text-display md:text-display-lg",this.isCompactBand()&&"text-display-sm text-display md:text-display-md"),...ngDevMode?[{debugName:"titleClasses"}]:[]);subtitleClasses=n(()=>d("m-0 max-w-(--container-3xl) text-body-lg",(this.appearance()==="default"||this.appearance()==="aside")&&"text-paragraph",this.appearance()==="portal"&&"text-on-color opacity-90",(this.appearance()==="brief"||this.isCompactBand())&&"max-w-(--container-2xl) text-body-md text-paragraph"),...ngDevMode?[{debugName:"subtitleClasses"}]:[]);imageMaskStyle=n(()=>$s[this.imageMaskVariant()],...ngDevMode?[{debugName:"imageMaskStyle"}]:[]);constructor(){S(()=>{const e=this.autoplay()&&this.slideCount()>1,t=this.autoplayMs(),s=this.autoplayPaused();this.clearAutoplay(),!(!e||s)&&(this.autoplayTimer=setInterval(()=>this.nextSlide(),Math.max(2e3,t)))}),queueMicrotask(()=>{const e=typeof window<"u"?window:null;e?.requestAnimationFrame(()=>{e.requestAnimationFrame(()=>this.motionReady.set(!0))})}),this.destroyRef.onDestroy(()=>this.clearAutoplay())}portalCtaVariant(){return this.appearance()==="portal"?"inverse":"primary"}secondaryCtaVariant(){return this.appearance()==="portal"?"outlineInverse":"outline"}slideShellClass(e){const t=this.clampedIndex()===e,s=this.motionReady();return this.transition()==="fade"?d("absolute inset-0 min-h-(--size-hero-portal)",s&&"transition-opacity duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]",t?"z-[1] opacity-100":"z-0 opacity-0 pointer-events-none"):d("absolute inset-0 z-[1] min-h-(--size-hero-portal)",s&&"transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform",!t&&"pointer-events-none")}clampedIndex(){const e=this.slideCount();return e<=0?0:Math.min(Math.max(0,this.activeIndex()),e-1)}activeTitle(){return this.title()}activeDescription(){return this.description()||this.subtitle()}singleDesktopImage(){return this.imageDesktop()||this.imageUrl()}singleMobileImage(){return this.imageMobile()||this.singleDesktopImage()}slideTitle(e){return e.title??""}slideDescription(e){return e.description||e.subtitle||""}slideDesktop(e){return e.imageDesktop||e.imageUrl||""}slideMobile(e){return e.imageMobile||this.slideDesktop(e)}ctaPrimary(e){return e.primaryCta||""}ctaSecondary(e){return e.secondaryCta||""}ctaPrimaryHref(e){return e.primaryHref||""}ctaSecondaryHref(e){return e.secondaryHref||""}dotLabel(e){return`الشريحة ${e+1}`}dotClass(e){return this.activeIndex()===e?"bg-primary":"bg-disabled hover:bg-border"}overlayClass(e){return Ts[e??this.imageOverlay()]}slideOverlayClass(e){return this.overlayClass(e.overlay??this.imageOverlay())}pushOffset(e){const t=e-this.clampedIndex(),s=typeof document<"u"&&getComputedStyle(document.documentElement).direction==="rtl"?-1:1;return`translate3d(${t*s*100}%, 0, 0)`}goSlide(e){const t=this.slideCount();if(t<=0)return;const s=Math.min(Math.max(0,e),t-1);s!==this.activeIndex()&&(this.activeIndex.set(s),this.slideChange.emit(s))}nextSlide(){const e=this.slideCount();e<=1||this.goSlide((this.clampedIndex()+1)%e)}prevSlide(){const e=this.slideCount();e<=1||this.goSlide((this.clampedIndex()-1+e)%e)}pauseAutoplay(){this.autoplayPaused.set(!0)}resumeAutoplay(){this.autoplayPaused.set(!1)}onPrimary(e){this.primaryClick.emit(e??void 0)}onSecondary(e){this.secondaryClick.emit(e??void 0)}clearAutoplay(){this.autoplayTimer!==null&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)}safeHref(e){return $(e)}static ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.5",ngImport:a,type:za,deps:[],target:a.ɵɵFactoryTarget.Component});static ɵcmp=a.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.5",type:za,isStandalone:!0,selector:"dga-hero",inputs:{title:{classPropertyName:"title",publicName:"title",isSignal:!0,isRequired:!1,transformFunction:null},description:{classPropertyName:"description",publicName:"description",isSignal:!0,isRequired:!1,transformFunction:null},subtitle:{classPropertyName:"subtitle",publicName:"subtitle",isSignal:!0,isRequired:!1,transformFunction:null},primaryCta:{classPropertyName:"primaryCta",publicName:"primaryCta",isSignal:!0,isRequired:!1,transformFunction:null},secondaryCta:{classPropertyName:"secondaryCta",publicName:"secondaryCta",isSignal:!0,isRequired:!1,transformFunction:null},primaryHref:{classPropertyName:"primaryHref",publicName:"primaryHref",isSignal:!0,isRequired:!1,transformFunction:null},secondaryHref:{classPropertyName:"secondaryHref",publicName:"secondaryHref",isSignal:!0,isRequired:!1,transformFunction:null},imageDesktop:{classPropertyName:"imageDesktop",publicName:"imageDesktop",isSignal:!0,isRequired:!1,transformFunction:null},imageMobile:{classPropertyName:"imageMobile",publicName:"imageMobile",isSignal:!0,isRequired:!1,transformFunction:null},imageUrl:{classPropertyName:"imageUrl",publicName:"imageUrl",isSignal:!0,isRequired:!1,transformFunction:null},imageOverlay:{classPropertyName:"imageOverlay",publicName:"imageOverlay",isSignal:!0,isRequired:!1,transformFunction:null},imageMaskVariant:{classPropertyName:"imageMaskVariant",publicName:"imageMaskVariant",isSignal:!0,isRequired:!1,transformFunction:null},slides:{classPropertyName:"slides",publicName:"slides",isSignal:!0,isRequired:!1,transformFunction:null},activeIndex:{classPropertyName:"activeIndex",publicName:"activeIndex",isSignal:!0,isRequired:!1,transformFunction:null},appearance:{classPropertyName:"appearance",publicName:"appearance",isSignal:!0,isRequired:!1,transformFunction:null},transition:{classPropertyName:"transition",publicName:"transition",isSignal:!0,isRequired:!1,transformFunction:null},autoplay:{classPropertyName:"autoplay",publicName:"autoplay",isSignal:!0,isRequired:!1,transformFunction:null},autoplayMs:{classPropertyName:"autoplayMs",publicName:"autoplayMs",isSignal:!0,isRequired:!1,transformFunction:null},showDots:{classPropertyName:"showDots",publicName:"showDots",isSignal:!0,isRequired:!1,transformFunction:null},showArrows:{classPropertyName:"showArrows",publicName:"showArrows",isSignal:!0,isRequired:!1,transformFunction:null},dotsLabel:{classPropertyName:"dotsLabel",publicName:"dotsLabel",isSignal:!0,isRequired:!1,transformFunction:null},prevLabel:{classPropertyName:"prevLabel",publicName:"prevLabel",isSignal:!0,isRequired:!1,transformFunction:null},nextLabel:{classPropertyName:"nextLabel",publicName:"nextLabel",isSignal:!0,isRequired:!1,transformFunction:null}},outputs:{activeIndex:"activeIndexChange",primaryClick:"primaryClick",secondaryClick:"secondaryClick",slideChange:"slideChange"},host:{properties:{class:"hostClasses()","attr.data-appearance":"appearance()","attr.data-transition":"isCarousel() ? transition() : null","attr.data-dots":'isCarousel() && showDots() ? "" : null',"attr.data-arrows":'isCarousel() && showArrows() ? "" : null'}},ngImport:a,template:`
     @if (isCarousel()) {
       <div
         class="relative min-h-(--size-hero-portal) w-full"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a.nemreen/dga-ui",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "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>;
@@ -2294,7 +2294,7 @@ declare class DgaSideNav {
     /**
      * `auto` = horizontal chips below lg; `vertical` = always sidebar (use in drawers).
      */
-    readonly layout: _angular_core.InputSignal<"auto" | "vertical">;
+    readonly layout: _angular_core.InputSignal<"vertical" | "auto">;
     readonly label: _angular_core.InputSignal<string>;
     readonly toggleLabel: _angular_core.InputSignal<string>;
     readonly select: _angular_core.OutputEmitterRef<DgaSideNavItem>;
@@ -2793,25 +2793,27 @@ declare class DgaFooter {
     readonly title: _angular_core.InputSignal<string>;
     readonly links: _angular_core.InputSignal<DgaFooterLink[]>;
     readonly columns: _angular_core.InputSignal<DgaFooterColumn[]>;
-    /** Social and app-store icon groups. */
+    /** Social, accessibility, and app-store icon groups (stacked in the last column). */
     readonly iconGroups: _angular_core.InputSignal<DgaFooterIconGroup[]>;
-    /** Utility links shown above the copyright row. */
+    /** Utility links shown above the copyright row (piped: Privacy | Terms | Sitemap). */
     readonly bottomLinks: _angular_core.InputSignal<DgaFooterLink[]>;
     readonly policyLinks: _angular_core.InputSignal<DgaFooterLink[]>;
     readonly logos: _angular_core.InputSignal<DgaFooterLogo[]>;
     readonly copyright: _angular_core.InputSignal<string>;
     readonly meta: _angular_core.InputSignal<string>;
-    /** `brand` = portal shell footer (primary in light, neutral in dark). */
+    /** `brand` = portal shell footer (green #074D31 in light, dark chrome in dark). */
     readonly appearance: _angular_core.InputSignal<DgaFooterAppearance>;
     readonly navLabel: _angular_core.InputSignal<string>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     appHref(href: string | undefined | null): string;
     readonly showBottom: _angular_core.Signal<boolean>;
+    readonly navGridClass: _angular_core.Signal<string>;
     readonly hostClass: _angular_core.Signal<string>;
     readonly headingClass: _angular_core.Signal<string>;
     readonly textLinkClass: _angular_core.Signal<string>;
-    readonly metaLinkClass: _angular_core.Signal<string>;
+    readonly bottomLinkClass: _angular_core.Signal<string>;
     readonly copyrightClass: _angular_core.Signal<string>;
+    readonly metaClass: _angular_core.Signal<string>;
     readonly dividerClass: _angular_core.Signal<string>;
     readonly iconBtnClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaFooter, never>;
@@ -3521,7 +3523,7 @@ interface DgaCarouselSlide {
  */
 declare class DgaCarouselSlideDirective {
     private readonly uiLocale;
-    readonly slideRole: _angular_core.Signal<"شريحة" | "slide">;
+    readonly slideRole: _angular_core.Signal<"slide" | "شريحة">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaCarouselSlideDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DgaCarouselSlideDirective, "[dgaCarouselSlide]", never, {}, {}, never, never, true, never>;
 }
@@ -3561,7 +3563,7 @@ declare class DgaCarousel {
     readonly emptyLabel: _angular_core.InputSignal<string | undefined>;
     private readonly uiLocale;
     private readonly ar;
-    readonly slideRole: _angular_core.Signal<"شريحة" | "slide">;
+    readonly slideRole: _angular_core.Signal<"slide" | "شريحة">;
     readonly resolvedLabel: _angular_core.Signal<string>;
     readonly resolvedPrevLabel: _angular_core.Signal<string>;
     readonly resolvedNextLabel: _angular_core.Signal<string>;