@abgov/angular-components 5.2.0-dev.4 → 5.2.0-dev.6

package/fesm2022/abgov-angular-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, forwardRef, HostListener, Directive, Renderer2, CUSTOM_ELEMENTS_SCHEMA, NgModule, Input, Component, booleanAttribute, ViewChild, ChangeDetectorRef, EventEmitter, Output, numberAttribute, TemplateRef, HostBinding } from '@angular/core';
+import { inject, ElementRef, forwardRef, HostListener, Directive, Renderer2, CUSTOM_ELEMENTS_SCHEMA, NgModule, Input, Component, booleanAttribute, ViewChild, ChangeDetectorRef, EventEmitter, Output, numberAttribute, TemplateRef, HostBinding, signal, effect, Injectable } from '@angular/core';
 import { NG_VALUE_ACCESSOR, CheckboxControlValueAccessor } from '@angular/forms';
 import { NgTemplateOutlet } from '@angular/common';
 import { Once, CalendarDate } from '@abgov/ui-components-common';
@@ -6749,15 +6749,21 @@ class GoabWorkSideMenu {
         (_toggle)="_onToggle()"
         (_navigate)="_onNavigate($event)"
       >
-        <div slot="primary">
-          <ng-container [ngTemplateOutlet]="primaryContent"></ng-container>
-        </div>
-        <div slot="secondary">
-          <ng-container [ngTemplateOutlet]="secondaryContent"></ng-container>
-        </div>
-        <div slot="account">
-          <ng-container [ngTemplateOutlet]="accountContent"></ng-container>
-        </div>
+        @if (primaryContent) {
+          <div slot="primary">
+            <ng-container [ngTemplateOutlet]="primaryContent"></ng-container>
+          </div>
+        }
+        @if (secondaryContent) {
+          <div slot="secondary">
+            <ng-container [ngTemplateOutlet]="secondaryContent"></ng-container>
+          </div>
+        }
+        @if (accountContent) {
+          <div slot="account">
+            <ng-container [ngTemplateOutlet]="accountContent"></ng-container>
+          </div>
+        }
       </goa-work-side-menu>
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
@@ -6780,15 +6786,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         (_toggle)="_onToggle()"
         (_navigate)="_onNavigate($event)"
       >
-        <div slot="primary">
-          <ng-container [ngTemplateOutlet]="primaryContent"></ng-container>
-        </div>
-        <div slot="secondary">
-          <ng-container [ngTemplateOutlet]="secondaryContent"></ng-container>
-        </div>
-        <div slot="account">
-          <ng-container [ngTemplateOutlet]="accountContent"></ng-container>
-        </div>
+        @if (primaryContent) {
+          <div slot="primary">
+            <ng-container [ngTemplateOutlet]="primaryContent"></ng-container>
+          </div>
+        }
+        @if (secondaryContent) {
+          <div slot="secondary">
+            <ng-container [ngTemplateOutlet]="secondaryContent"></ng-container>
+          </div>
+        }
+        @if (accountContent) {
+          <div slot="account">
+            <ng-container [ngTemplateOutlet]="accountContent"></ng-container>
+          </div>
+        }
       </goa-work-side-menu>
     }
   `,
@@ -7123,9 +7135,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+const STORAGE_KEY = "goab-theme";
+const ATTRIBUTE = "data-theme";
+class GoabThemeService {
+    constructor() {
+        this._mode = signal(this.readInitialMode(), ...(ngDevMode ? [{ debugName: "_mode" }] : /* istanbul ignore next */ []));
+        /** Read-only signal for consumers. Use in templates: theme.mode() === 'dark'. */
+        this.mode = this._mode.asReadonly();
+        effect(() => {
+            const current = this._mode();
+            if (typeof document === "undefined")
+                return;
+            document.documentElement.setAttribute(ATTRIBUTE, current);
+            try {
+                window.localStorage.setItem(STORAGE_KEY, current);
+            }
+            catch {
+                // localStorage blocked: fail silently.
+            }
+        });
+    }
+    setMode(next) {
+        this._mode.set(next);
+    }
+    toggle() {
+        this._mode.update((prev) => (prev === "light" ? "dark" : "light"));
+    }
+    readInitialMode() {
+        if (typeof window === "undefined")
+            return "light";
+        try {
+            const stored = window.localStorage.getItem(STORAGE_KEY);
+            if (stored === "light" || stored === "dark")
+                return stored;
+        }
+        catch {
+            // fall through
+        }
+        const fromAttribute = document.documentElement.getAttribute(ATTRIBUTE);
+        if (fromAttribute === "light" || fromAttribute === "dark")
+            return fromAttribute;
+        if (window.matchMedia("(prefers-color-scheme: dark)").matches)
+            return "dark";
+        return "light";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabThemeService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }], ctorParameters: () => [] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, CheckedDirective, GoabAccordion, GoabAppFooter, GoabAppFooterMetaSection, GoabAppFooterNavSection, GoabAppHeader, GoabAppHeaderMenu, GoabBadge, GoabBlock, GoabButton, GoabButtonGroup, GoabCalendar, GoabCallout, GoabCard, GoabCardActions, GoabCardContent, GoabCardImage, GoabCheckbox, GoabCheckboxList, GoabChip, GoabCircularProgress, GoabColumnLayout, GoabContainer, GoabDataGrid, GoabDatePicker, GoabDetails, GoabDivider, GoabDrawer, GoabDropdown, GoabDropdownItem, GoabFieldset, GoabFileUploadCard, GoabFileUploadInput, GoabFilterChip, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabInputNumber, GoabLinearProgress, GoabLink, GoabMenuAction, GoabMenuButton, GoabMicrositeHeader, GoabModal, GoabNotification, GoabPageBlock, GoabPages, GoabPagination, GoabPopover, GoabPublicForm, GoabPublicFormPage, GoabPublicFormSummary, GoabPublicFormTask, GoabPublicFormTaskList, GoabPublicSubform, GoabPublicSubformIndex, GoabPushDrawer, GoabRadioGroup, GoabRadioItem, GoabSideMenu, GoabSideMenuGroup, GoabSideMenuHeading, GoabSkeleton, GoabSpacer, GoabTab, GoabTable, GoabTableSortHeader, GoabTabs, GoabTemporaryNotificationCtrl, GoabText, GoabTextArea, GoabTooltip, GoabWorkSideMenu, GoabWorkSideMenuGroup, GoabWorkSideMenuItem, GoabWorkSideNotificationItem, GoabWorkSideNotificationPanel, ValueDirective, ValueListDirective };
+export { AngularComponentsModule, CheckedDirective, GoabAccordion, GoabAppFooter, GoabAppFooterMetaSection, GoabAppFooterNavSection, GoabAppHeader, GoabAppHeaderMenu, GoabBadge, GoabBlock, GoabButton, GoabButtonGroup, GoabCalendar, GoabCallout, GoabCard, GoabCardActions, GoabCardContent, GoabCardImage, GoabCheckbox, GoabCheckboxList, GoabChip, GoabCircularProgress, GoabColumnLayout, GoabContainer, GoabDataGrid, GoabDatePicker, GoabDetails, GoabDivider, GoabDrawer, GoabDropdown, GoabDropdownItem, GoabFieldset, GoabFileUploadCard, GoabFileUploadInput, GoabFilterChip, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabInputNumber, GoabLinearProgress, GoabLink, GoabMenuAction, GoabMenuButton, GoabMicrositeHeader, GoabModal, GoabNotification, GoabPageBlock, GoabPages, GoabPagination, GoabPopover, GoabPublicForm, GoabPublicFormPage, GoabPublicFormSummary, GoabPublicFormTask, GoabPublicFormTaskList, GoabPublicSubform, GoabPublicSubformIndex, GoabPushDrawer, GoabRadioGroup, GoabRadioItem, GoabSideMenu, GoabSideMenuGroup, GoabSideMenuHeading, GoabSkeleton, GoabSpacer, GoabTab, GoabTable, GoabTableSortHeader, GoabTabs, GoabTemporaryNotificationCtrl, GoabText, GoabTextArea, GoabThemeService, GoabTooltip, GoabWorkSideMenu, GoabWorkSideMenuGroup, GoabWorkSideMenuItem, GoabWorkSideNotificationItem, GoabWorkSideNotificationPanel, ValueDirective, ValueListDirective };
 //# sourceMappingURL=abgov-angular-components.mjs.map