@ojiepermana/angular 0.0.2

package/fesm2022/ojiepermana-angular-theme-component.mjs

@@ -0,0 +1,249 @@
+import * as i0 from '@angular/core';
+import { inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MatIconButton } from '@angular/material/button';
+import { MatTooltip } from '@angular/material/tooltip';
+import { libraryLucideConfigProvider } from '@ojiepermana/angular/internal';
+import { LucideBlend, LucideLayoutDashboard, LucideSun, LucideMoonStar, LucideMonitorCog } from '@lucide/angular';
+import { ThemeService } from '@ojiepermana/angular/theme/service';
+import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+
+class StyleSwitcherComponent {
+    theme = inject(ThemeService);
+    label = computed(() => this.theme.style() === 'glass' ? 'Glass style enabled' : 'Glass style disabled', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    toggle() {
+        this.theme.setStyle(this.theme.style() === 'flat' ? 'glass' : 'flat');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StyleSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: StyleSwitcherComponent, isStandalone: true, selector: "style-switcher", providers: [libraryLucideConfigProvider], ngImport: i0, template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      aria-label="Glass style"
+      [attr.aria-pressed]="theme.style() === 'glass'"
+      [matTooltip]="label()"
+      (click)="toggle()"
+    >
+      @if (theme.style() === 'flat') {
+        <svg lucideLayoutDashboard aria-hidden="true"></svg>
+      } @else {
+        <svg lucideBlend aria-hidden="true"></svg>
+      }
+    </button>
+  `, isInline: true, dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: LucideBlend, selector: "svg[lucideBlend]" }, { kind: "component", type: LucideLayoutDashboard, selector: "svg[lucideLayoutDashboard]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StyleSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'style-switcher',
+                    imports: [MatIconButton, MatTooltip, LucideBlend, LucideLayoutDashboard],
+                    providers: [libraryLucideConfigProvider],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      aria-label="Glass style"
+      [attr.aria-pressed]="theme.style() === 'glass'"
+      [matTooltip]="label()"
+      (click)="toggle()"
+    >
+      @if (theme.style() === 'flat') {
+        <svg lucideLayoutDashboard aria-hidden="true"></svg>
+      } @else {
+        <svg lucideBlend aria-hidden="true"></svg>
+      }
+    </button>
+  `,
+                }]
+        }] });
+
+class ColorPickerComponent {
+    theme = inject(ThemeService);
+    colors = this.theme.colorOptions;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ColorPickerComponent, isStandalone: true, selector: "color-picker", ngImport: i0, template: `
+    <div class="flex items-center gap-1" role="group" aria-label="Theme colors">
+      @for (c of colors(); track c.value) {
+        <button
+          type="button"
+          class="color-picker-button focus-ring inline-flex size-11 items-center justify-center rounded-full p-1.5 transition-transform duration-150 hover:-translate-y-px"
+          [class.color-picker-button-selected]="theme.color() === c.value"
+          [attr.aria-label]="
+            theme.color() === c.value
+              ? 'Theme color: ' + c.label + ' (selected)'
+              : 'Theme color: ' + c.label
+          "
+          [attr.aria-pressed]="theme.color() === c.value"
+          [matTooltip]="c.label"
+          (click)="theme.setColor(c.value)"
+        >
+          <span
+            class="color-picker-swatch size-7 rounded-full border"
+            [attr.data-theme-color]="c.value"
+            aria-hidden="true"
+          ></span>
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [".color-picker-button{border:1px solid transparent;background:transparent}.color-picker-button-selected{border-color:color-mix(in oklab,var(--ring) 42%,var(--border));background:color-mix(in oklab,var(--accent) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ring) 26%,transparent)}.color-picker-swatch{background:var(--theme-primary);border-color:color-mix(in oklab,var(--theme-primary) 42%,white 58%)}\n"], dependencies: [{ kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'color-picker', imports: [MatTooltip], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="flex items-center gap-1" role="group" aria-label="Theme colors">
+      @for (c of colors(); track c.value) {
+        <button
+          type="button"
+          class="color-picker-button focus-ring inline-flex size-11 items-center justify-center rounded-full p-1.5 transition-transform duration-150 hover:-translate-y-px"
+          [class.color-picker-button-selected]="theme.color() === c.value"
+          [attr.aria-label]="
+            theme.color() === c.value
+              ? 'Theme color: ' + c.label + ' (selected)'
+              : 'Theme color: ' + c.label
+          "
+          [attr.aria-pressed]="theme.color() === c.value"
+          [matTooltip]="c.label"
+          (click)="theme.setColor(c.value)"
+        >
+          <span
+            class="color-picker-swatch size-7 rounded-full border"
+            [attr.data-theme-color]="c.value"
+            aria-hidden="true"
+          ></span>
+        </button>
+      }
+    </div>
+  `, styles: [".color-picker-button{border:1px solid transparent;background:transparent}.color-picker-button-selected{border-color:color-mix(in oklab,var(--ring) 42%,var(--border));background:color-mix(in oklab,var(--accent) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ring) 26%,transparent)}.color-picker-swatch{background:var(--theme-primary);border-color:color-mix(in oklab,var(--theme-primary) 42%,white 58%)}\n"] }]
+        }] });
+
+class SchemeSwitcherComponent {
+    theme = inject(ThemeService);
+    options = [
+        { value: 'light', label: 'Light' },
+        { value: 'dark', label: 'Dark' },
+        { value: 'system', label: 'System' },
+    ];
+    currentOption = computed(() => this.options.find((option) => option.value === this.theme.scheme()) ?? this.options[2], ...(ngDevMode ? [{ debugName: "currentOption" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SchemeSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SchemeSwitcherComponent, isStandalone: true, selector: "scheme-switcher", providers: [libraryLucideConfigProvider], ngImport: i0, template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      [attr.aria-label]="'Color scheme: ' + currentOption().label"
+      [matTooltip]="'Color scheme: ' + currentOption().label"
+      [matMenuTriggerFor]="menu"
+    >
+      @switch (theme.scheme()) {
+        @case ('light') {
+          <svg lucideSun aria-hidden="true"></svg>
+        }
+        @case ('dark') {
+          <svg lucideMoonStar aria-hidden="true"></svg>
+        }
+        @default {
+          <svg lucideMonitorCog aria-hidden="true"></svg>
+        }
+      }
+    </button>
+
+    <mat-menu #menu="matMenu">
+      @for (option of options; track option.value) {
+        <button
+          type="button"
+          mat-menu-item
+          role="menuitemradio"
+          [attr.aria-checked]="theme.scheme() === option.value"
+          (click)="theme.setScheme(option.value)"
+        >
+          @switch (option.value) {
+            @case ('light') {
+              <svg lucideSun aria-hidden="true"></svg>
+            }
+            @case ('dark') {
+              <svg lucideMoonStar aria-hidden="true"></svg>
+            }
+            @default {
+              <svg lucideMonitorCog aria-hidden="true"></svg>
+            }
+          }
+          <span>{{ option.label }}</span>
+        </button>
+      }
+    </mat-menu>
+  `, isInline: true, dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: LucideSun, selector: "svg[lucideSun]" }, { kind: "component", type: LucideMoonStar, selector: "svg[lucideMoonStar]" }, { kind: "component", type: LucideMonitorCog, selector: "svg[lucideMonitorCog]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SchemeSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'scheme-switcher',
+                    imports: [
+                        MatIconButton,
+                        MatMenu,
+                        MatMenuItem,
+                        MatMenuTrigger,
+                        MatTooltip,
+                        LucideSun,
+                        LucideMoonStar,
+                        LucideMonitorCog,
+                    ],
+                    providers: [libraryLucideConfigProvider],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      [attr.aria-label]="'Color scheme: ' + currentOption().label"
+      [matTooltip]="'Color scheme: ' + currentOption().label"
+      [matMenuTriggerFor]="menu"
+    >
+      @switch (theme.scheme()) {
+        @case ('light') {
+          <svg lucideSun aria-hidden="true"></svg>
+        }
+        @case ('dark') {
+          <svg lucideMoonStar aria-hidden="true"></svg>
+        }
+        @default {
+          <svg lucideMonitorCog aria-hidden="true"></svg>
+        }
+      }
+    </button>
+
+    <mat-menu #menu="matMenu">
+      @for (option of options; track option.value) {
+        <button
+          type="button"
+          mat-menu-item
+          role="menuitemradio"
+          [attr.aria-checked]="theme.scheme() === option.value"
+          (click)="theme.setScheme(option.value)"
+        >
+          @switch (option.value) {
+            @case ('light') {
+              <svg lucideSun aria-hidden="true"></svg>
+            }
+            @case ('dark') {
+              <svg lucideMoonStar aria-hidden="true"></svg>
+            }
+            @default {
+              <svg lucideMonitorCog aria-hidden="true"></svg>
+            }
+          }
+          <span>{{ option.label }}</span>
+        </button>
+      }
+    </mat-menu>
+  `,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColorPickerComponent, SchemeSwitcherComponent, StyleSwitcherComponent };
+//# sourceMappingURL=ojiepermana-angular-theme-component.mjs.map

package/fesm2022/ojiepermana-angular-theme-component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-theme-component.mjs","sources":["../../../projects/library/theme/component/src/style-switcher.ts","../../../projects/library/theme/component/src/color-picker.ts","../../../projects/library/theme/component/src/scheme-switcher.ts","../../../projects/library/theme/component/ojiepermana-angular-theme-component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { libraryLucideConfigProvider } from '@ojiepermana/angular/internal';\nimport { LucideBlend, LucideLayoutDashboard } from '@lucide/angular';\nimport { ThemeService } from '@ojiepermana/angular/theme/service';\n\n@Component({\n  selector: 'style-switcher',\n  imports: [MatIconButton, MatTooltip, LucideBlend, LucideLayoutDashboard],\n  providers: [libraryLucideConfigProvider],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      class=\"ngt-icon-button\"\n      type=\"button\"\n      mat-icon-button\n      aria-label=\"Glass style\"\n      [attr.aria-pressed]=\"theme.style() === 'glass'\"\n      [matTooltip]=\"label()\"\n      (click)=\"toggle()\"\n    >\n      @if (theme.style() === 'flat') {\n        <svg lucideLayoutDashboard aria-hidden=\"true\"></svg>\n      } @else {\n        <svg lucideBlend aria-hidden=\"true\"></svg>\n      }\n    </button>\n  `,\n})\nexport class StyleSwitcherComponent {\n  protected readonly theme = inject(ThemeService);\n\n  protected readonly label = computed(() =>\n    this.theme.style() === 'glass' ? 'Glass style enabled' : 'Glass style disabled',\n  );\n\n  protected toggle(): void {\n    this.theme.setStyle(this.theme.style() === 'flat' ? 'glass' : 'flat');\n  }\n}","import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { ThemeService } from '@ojiepermana/angular/theme/service';\n\n@Component({\n  selector: 'color-picker',\n  imports: [MatTooltip],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styles: `\n    .color-picker-button {\n      border: 1px solid transparent;\n      background: transparent;\n    }\n\n    .color-picker-button-selected {\n      border-color: color-mix(in oklab, var(--ring) 42%, var(--border));\n      background: color-mix(in oklab, var(--accent) 60%, transparent);\n      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ring) 26%, transparent);\n    }\n\n    .color-picker-swatch {\n      background: var(--theme-primary);\n      border-color: color-mix(in oklab, var(--theme-primary) 42%, white 58%);\n    }\n  `,\n  template: `\n    <div class=\"flex items-center gap-1\" role=\"group\" aria-label=\"Theme colors\">\n      @for (c of colors(); track c.value) {\n        <button\n          type=\"button\"\n          class=\"color-picker-button focus-ring inline-flex size-11 items-center justify-center rounded-full p-1.5 transition-transform duration-150 hover:-translate-y-px\"\n          [class.color-picker-button-selected]=\"theme.color() === c.value\"\n          [attr.aria-label]=\"\n            theme.color() === c.value\n              ? 'Theme color: ' + c.label + ' (selected)'\n              : 'Theme color: ' + c.label\n          \"\n          [attr.aria-pressed]=\"theme.color() === c.value\"\n          [matTooltip]=\"c.label\"\n          (click)=\"theme.setColor(c.value)\"\n        >\n          <span\n            class=\"color-picker-swatch size-7 rounded-full border\"\n            [attr.data-theme-color]=\"c.value\"\n            aria-hidden=\"true\"\n          ></span>\n        </button>\n      }\n    </div>\n  `,\n})\nexport class ColorPickerComponent {\n  protected readonly theme = inject(ThemeService);\n\n  protected readonly colors = this.theme.colorOptions;\n}\n","import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { libraryLucideConfigProvider } from '@ojiepermana/angular/internal';\nimport { LucideMonitorCog, LucideMoonStar, LucideSun } from '@lucide/angular';\nimport { ThemeService } from '@ojiepermana/angular/theme/service';\n\n@Component({\n  selector: 'scheme-switcher',\n  imports: [\n    MatIconButton,\n    MatMenu,\n    MatMenuItem,\n    MatMenuTrigger,\n    MatTooltip,\n    LucideSun,\n    LucideMoonStar,\n    LucideMonitorCog,\n  ],\n  providers: [libraryLucideConfigProvider],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      class=\"ngt-icon-button\"\n      type=\"button\"\n      mat-icon-button\n      [attr.aria-label]=\"'Color scheme: ' + currentOption().label\"\n      [matTooltip]=\"'Color scheme: ' + currentOption().label\"\n      [matMenuTriggerFor]=\"menu\"\n    >\n      @switch (theme.scheme()) {\n        @case ('light') {\n          <svg lucideSun aria-hidden=\"true\"></svg>\n        }\n        @case ('dark') {\n          <svg lucideMoonStar aria-hidden=\"true\"></svg>\n        }\n        @default {\n          <svg lucideMonitorCog aria-hidden=\"true\"></svg>\n        }\n      }\n    </button>\n\n    <mat-menu #menu=\"matMenu\">\n      @for (option of options; track option.value) {\n        <button\n          type=\"button\"\n          mat-menu-item\n          role=\"menuitemradio\"\n          [attr.aria-checked]=\"theme.scheme() === option.value\"\n          (click)=\"theme.setScheme(option.value)\"\n        >\n          @switch (option.value) {\n            @case ('light') {\n              <svg lucideSun aria-hidden=\"true\"></svg>\n            }\n            @case ('dark') {\n              <svg lucideMoonStar aria-hidden=\"true\"></svg>\n            }\n            @default {\n              <svg lucideMonitorCog aria-hidden=\"true\"></svg>\n            }\n          }\n          <span>{{ option.label }}</span>\n        </button>\n      }\n    </mat-menu>\n  `,\n})\nexport class SchemeSwitcherComponent {\n  protected readonly theme = inject(ThemeService);\n\n  protected readonly options = [\n    { value: 'light' as const, label: 'Light' },\n    { value: 'dark' as const, label: 'Dark' },\n    { value: 'system' as const, label: 'System' },\n  ];\n\n  protected readonly currentOption = computed(\n    () => this.options.find((option) => option.value === this.theme.scheme()) ?? this.options[2],\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-theme-directive.mjs

@@ -0,0 +1,29 @@
+import * as i0 from '@angular/core';
+import { inject, Directive } from '@angular/core';
+import { ThemeService } from '@ojiepermana/angular/theme/service';
+
+class ThemeHostDirective {
+    theme = inject(ThemeService);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ThemeHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: ThemeHostDirective, isStandalone: true, selector: "[ngtThemeHost]", host: { properties: { "class.dark": "theme.resolvedScheme() === \"dark\"", "style.color-scheme": "theme.resolvedScheme()", "attr.data-theme-scheme": "theme.scheme()", "attr.data-theme-color": "theme.color()", "attr.data-theme-style": "theme.style()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ThemeHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngtThemeHost]',
+                    host: {
+                        '[class.dark]': 'theme.resolvedScheme() === "dark"',
+                        '[style.color-scheme]': 'theme.resolvedScheme()',
+                        '[attr.data-theme-scheme]': 'theme.scheme()',
+                        '[attr.data-theme-color]': 'theme.color()',
+                        '[attr.data-theme-style]': 'theme.style()',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ThemeHostDirective };
+//# sourceMappingURL=ojiepermana-angular-theme-directive.mjs.map

package/fesm2022/ojiepermana-angular-theme-directive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-theme-directive.mjs","sources":["../../../projects/library/theme/directive/src/theme-host.directive.ts","../../../projects/library/theme/directive/ojiepermana-angular-theme-directive.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { ThemeService } from '@ojiepermana/angular/theme/service';\n\n@Directive({\n  selector: '[ngtThemeHost]',\n  host: {\n    '[class.dark]': 'theme.resolvedScheme() === \"dark\"',\n    '[style.color-scheme]': 'theme.resolvedScheme()',\n    '[attr.data-theme-scheme]': 'theme.scheme()',\n    '[attr.data-theme-color]': 'theme.color()',\n    '[attr.data-theme-style]': 'theme.style()',\n  },\n})\nexport class ThemeHostDirective {\n  protected readonly theme = inject(ThemeService);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAaa,kBAAkB,CAAA;AACV,IAAA,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC;uGADpC,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,qCAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,cAAc,EAAE,mCAAmC;AACnD,wBAAA,sBAAsB,EAAE,wBAAwB;AAChD,wBAAA,0BAA0B,EAAE,gBAAgB;AAC5C,wBAAA,yBAAyB,EAAE,eAAe;AAC1C,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA;AACF,iBAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/ojiepermana-angular-theme-service.mjs

@@ -0,0 +1,243 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, DestroyRef, PLATFORM_ID, signal, computed, effect, Injectable, isDevMode, makeEnvironmentProviders } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { LocalStorageStateAdapter } from '@ojiepermana/angular/internal';
+
+const DEFAULT_NG_THEME_CONFIG = {
+    defaultScheme: 'system',
+    defaultColor: 'brand',
+    defaultStyle: 'flat',
+};
+const NG_THEME_CONFIG = new InjectionToken('NG_THEME_CONFIG', {
+    providedIn: 'root',
+    factory: () => ({ ...DEFAULT_NG_THEME_CONFIG }),
+});
+
+const THEME_SCHEMES = ['light', 'dark', 'system'];
+const THEME_COLORS = ['brand', 'blue', 'green', 'red', 'cyan', 'purple', 'orange'];
+const THEME_STYLES = ['flat', 'glass'];
+const THEME_SCHEME_SET = new Set(THEME_SCHEMES);
+const THEME_COLOR_SET = new Set(THEME_COLORS);
+const THEME_STYLE_SET = new Set(THEME_STYLES);
+function isThemeScheme(value) {
+    return typeof value === 'string' && THEME_SCHEME_SET.has(value);
+}
+function isThemeColor(value) {
+    return typeof value === 'string' && THEME_COLOR_SET.has(value);
+}
+function isThemeStyle(value) {
+    return typeof value === 'string' && THEME_STYLE_SET.has(value);
+}
+
+const THEME_COLOR_OPTIONS = [
+    { value: 'brand', label: 'Brand' },
+    { value: 'blue', label: 'Blue' },
+    { value: 'green', label: 'Green' },
+    { value: 'red', label: 'Red' },
+    { value: 'cyan', label: 'Cyan' },
+    { value: 'purple', label: 'Purple' },
+    { value: 'orange', label: 'Orange' },
+];
+function createThemeColorOptions(allowedColors, colorLabels) {
+    const allowedSet = allowedColors ? new Set(allowedColors) : null;
+    return THEME_COLOR_OPTIONS.filter((option) => !allowedSet || allowedSet.has(option.value)).map((option) => ({
+        value: option.value,
+        label: colorLabels?.[option.value] ?? option.label,
+    }));
+}
+const STORAGE_KEYS = {
+    scheme: 'theme-scheme',
+    color: 'theme-color',
+    style: 'theme-style',
+};
+const LEGACY_STORAGE_PREFIX = 'ng-theme:v2';
+class ThemeService {
+    config = inject(NG_THEME_CONFIG);
+    document = inject(DOCUMENT);
+    destroyRef = inject(DestroyRef);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    storage = new LocalStorageStateAdapter({
+        isBrowser: this.isBrowser,
+        storage: this.document.defaultView?.localStorage ?? null,
+        keys: STORAGE_KEYS,
+        legacyPrefix: LEGACY_STORAGE_PREFIX,
+    });
+    mediaQuery = this.isBrowser
+        ? (this.document.defaultView?.matchMedia('(prefers-color-scheme: dark)') ?? null)
+        : null;
+    systemPrefersDark = signal(this.mediaQuery?.matches ?? false, ...(ngDevMode ? [{ debugName: "systemPrefersDark" }] : /* istanbul ignore next */ []));
+    availableColorOptions = createThemeColorOptions(this.config.colors, this.config.colorLabels);
+    scheme = signal(this.storage.read('scheme', this.config.defaultScheme, isThemeScheme), ...(ngDevMode ? [{ debugName: "scheme" }] : /* istanbul ignore next */ []));
+    color = signal(this.storage.read('color', this.config.defaultColor, isThemeColor), ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    style = signal(this.storage.read('style', this.config.defaultStyle, isThemeStyle), ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
+    colorOptions = computed(() => this.availableColorOptions, ...(ngDevMode ? [{ debugName: "colorOptions" }] : /* istanbul ignore next */ []));
+    resolvedScheme = computed(() => {
+        if (this.scheme() !== 'system')
+            return this.scheme();
+        return this.systemPrefersDark() ? 'dark' : 'light';
+    }, ...(ngDevMode ? [{ debugName: "resolvedScheme" }] : /* istanbul ignore next */ []));
+    constructor() {
+        if (this.mediaQuery) {
+            const syncSystemPreference = (event) => {
+                this.systemPrefersDark.set(event.matches);
+            };
+            this.mediaQuery.addEventListener('change', syncSystemPreference);
+            this.destroyRef.onDestroy(() => {
+                this.mediaQuery?.removeEventListener('change', syncSystemPreference);
+            });
+        }
+        effect(() => {
+            if (this.isBrowser) {
+                this.applyToDOM();
+            }
+        });
+    }
+    /**
+     * Updates the selected theme scheme and persists the choice for future sessions.
+     */
+    setScheme(value) {
+        this.storage.persist('scheme', value);
+        this.scheme.set(value);
+    }
+    /**
+     * Updates the active theme color when it is part of the configured preset list.
+     */
+    setColor(value) {
+        if (!this.colorOptions().some((option) => option.value === value)) {
+            return;
+        }
+        this.storage.persist('color', value);
+        this.color.set(value);
+    }
+    /**
+     * Updates the active style preset and persists it to local storage.
+     */
+    setStyle(value) {
+        this.storage.persist('style', value);
+        this.style.set(value);
+    }
+    /**
+     * Cycles the scheme through light, dark, and system while keeping the DOM contract in sync.
+     */
+    toggleScheme() {
+        const next = this.scheme() === 'light' ? 'dark' : this.scheme() === 'dark' ? 'system' : 'light';
+        this.setScheme(next);
+    }
+    /**
+     * Clears persisted theme state and restores the configured defaults for all theme axes.
+     */
+    reset() {
+        this.storage.clear('scheme');
+        this.storage.clear('color');
+        this.storage.clear('style');
+        this.scheme.set(this.config.defaultScheme);
+        this.color.set(this.config.defaultColor);
+        this.style.set(this.config.defaultStyle);
+    }
+    applyToDOM() {
+        const element = this.document.documentElement;
+        element.classList.toggle('dark', this.resolvedScheme() === 'dark');
+        element.dataset['themeScheme'] = this.scheme();
+        element.dataset['themeColor'] = this.color();
+        element.dataset['themeStyle'] = this.style();
+        element.style.colorScheme = this.resolvedScheme();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+function warnInvalidThemeConfig(message) {
+    if (isDevMode()) {
+        console.warn(`[provideNgTheme] ${message}`);
+    }
+}
+function normalizeThemeScheme(value) {
+    if (typeof value === 'undefined' || isThemeScheme(value)) {
+        return value ?? DEFAULT_NG_THEME_CONFIG.defaultScheme;
+    }
+    warnInvalidThemeConfig(`Ignoring invalid defaultScheme ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_THEME_CONFIG.defaultScheme)}.`);
+    return DEFAULT_NG_THEME_CONFIG.defaultScheme;
+}
+function normalizeThemeColor(value) {
+    if (typeof value === 'undefined' || isThemeColor(value)) {
+        return value ?? DEFAULT_NG_THEME_CONFIG.defaultColor;
+    }
+    warnInvalidThemeConfig(`Ignoring invalid defaultColor ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_THEME_CONFIG.defaultColor)}.`);
+    return DEFAULT_NG_THEME_CONFIG.defaultColor;
+}
+function normalizeThemeStyle(value) {
+    if (typeof value === 'undefined' || isThemeStyle(value)) {
+        return value ?? DEFAULT_NG_THEME_CONFIG.defaultStyle;
+    }
+    warnInvalidThemeConfig(`Ignoring invalid defaultStyle ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_THEME_CONFIG.defaultStyle)}.`);
+    return DEFAULT_NG_THEME_CONFIG.defaultStyle;
+}
+function normalizeThemeColors(value) {
+    if (typeof value === 'undefined') {
+        return undefined;
+    }
+    if (!Array.isArray(value)) {
+        warnInvalidThemeConfig('Ignoring invalid colors config because it is not an array.');
+        return undefined;
+    }
+    const normalizedColors = Array.from(new Set(value.filter(isThemeColor)));
+    if (normalizedColors.length !== value.length) {
+        warnInvalidThemeConfig('Ignoring unsupported values in colors config.');
+    }
+    return normalizedColors.length > 0 ? normalizedColors : undefined;
+}
+function normalizeThemeColorLabels(value) {
+    if (typeof value === 'undefined') {
+        return undefined;
+    }
+    if (!value || Array.isArray(value) || typeof value !== 'object') {
+        warnInvalidThemeConfig('Ignoring invalid colorLabels config because it is not an object map.');
+        return undefined;
+    }
+    const entries = Object.entries(value);
+    const normalizedEntries = entries.flatMap(([color, label]) => {
+        if (isThemeColor(color) && typeof label === 'string' && label.trim().length > 0) {
+            return [[color, label.trim()]];
+        }
+        return [];
+    });
+    if (normalizedEntries.length !== entries.length) {
+        warnInvalidThemeConfig('Ignoring unsupported entries in colorLabels config.');
+    }
+    return normalizedEntries.length > 0
+        ? Object.fromEntries(normalizedEntries)
+        : undefined;
+}
+function normalizeThemeConfig(config) {
+    const colors = normalizeThemeColors(config.colors);
+    const colorLabels = normalizeThemeColorLabels(config.colorLabels);
+    let defaultColor = normalizeThemeColor(config.defaultColor);
+    if (colors && !colors.includes(defaultColor)) {
+        warnInvalidThemeConfig(`Adjusting defaultColor ${JSON.stringify(defaultColor)} to ${JSON.stringify(colors[0])} so it stays within the configured colors list.`);
+        defaultColor = colors[0];
+    }
+    return {
+        ...DEFAULT_NG_THEME_CONFIG,
+        defaultScheme: normalizeThemeScheme(config.defaultScheme),
+        defaultColor,
+        defaultStyle: normalizeThemeStyle(config.defaultStyle),
+        ...(colors ? { colors } : {}),
+        ...(colorLabels ? { colorLabels } : {}),
+    };
+}
+function provideNgTheme(config = {}) {
+    return makeEnvironmentProviders([
+        { provide: NG_THEME_CONFIG, useValue: normalizeThemeConfig(config) },
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NG_THEME_CONFIG, ThemeService, provideNgTheme };
+//# sourceMappingURL=ojiepermana-angular-theme-service.mjs.map

package/fesm2022/ojiepermana-angular-theme-service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-theme-service.mjs","sources":["../../../projects/library/theme/service/src/theme.token.ts","../../../projects/library/theme/service/src/theme.types.ts","../../../projects/library/theme/service/src/theme.service.ts","../../../projects/library/theme/service/src/theme.provider.ts","../../../projects/library/theme/service/ojiepermana-angular-theme-service.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { NgThemeConfig } from './theme.types';\n\nexport const DEFAULT_NG_THEME_CONFIG: NgThemeConfig = {\n  defaultScheme: 'system',\n  defaultColor: 'brand',\n  defaultStyle: 'flat',\n};\n\nexport const NG_THEME_CONFIG = new InjectionToken<NgThemeConfig>('NG_THEME_CONFIG', {\n  providedIn: 'root',\n  factory: () => ({ ...DEFAULT_NG_THEME_CONFIG }),\n});\n","export const THEME_SCHEMES = ['light', 'dark', 'system'] as const;\nexport type ThemeScheme = (typeof THEME_SCHEMES)[number];\n\nexport const THEME_COLORS = ['brand', 'blue', 'green', 'red', 'cyan', 'purple', 'orange'] as const;\nexport type ThemeColor = (typeof THEME_COLORS)[number];\n\nexport const THEME_STYLES = ['flat', 'glass'] as const;\nexport type ThemeStyle = (typeof THEME_STYLES)[number];\n\nconst THEME_SCHEME_SET = new Set<ThemeScheme>(THEME_SCHEMES);\nconst THEME_COLOR_SET = new Set<ThemeColor>(THEME_COLORS);\nconst THEME_STYLE_SET = new Set<ThemeStyle>(THEME_STYLES);\n\nexport function isThemeScheme(value: unknown): value is ThemeScheme {\n  return typeof value === 'string' && THEME_SCHEME_SET.has(value as ThemeScheme);\n}\n\nexport function isThemeColor(value: unknown): value is ThemeColor {\n  return typeof value === 'string' && THEME_COLOR_SET.has(value as ThemeColor);\n}\n\nexport function isThemeStyle(value: unknown): value is ThemeStyle {\n  return typeof value === 'string' && THEME_STYLE_SET.has(value as ThemeStyle);\n}\n\nexport interface ThemeColorOption {\n  readonly value: ThemeColor;\n  readonly label: string;\n}\n\nexport type ThemeColorLabels = Partial<Record<ThemeColor, string>>;\n\nexport interface NgThemeConfig {\n  defaultScheme: ThemeScheme;\n  defaultColor: ThemeColor;\n  defaultStyle: ThemeStyle;\n  colors?: readonly ThemeColor[];\n  colorLabels?: ThemeColorLabels;\n}\n","import {\n  DestroyRef,\n  Injectable,\n  PLATFORM_ID,\n  computed,\n  effect,\n  inject,\n  signal,\n} from '@angular/core';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { LocalStorageStateAdapter } from '@ojiepermana/angular/internal';\nimport { NG_THEME_CONFIG } from './theme.token';\nimport {\n  isThemeColor,\n  isThemeScheme,\n  isThemeStyle,\n  NgThemeConfig,\n  ThemeStyle,\n  ThemeColor,\n  ThemeColorLabels,\n  ThemeColorOption,\n  ThemeScheme,\n} from './theme.types';\n\nconst THEME_COLOR_OPTIONS: readonly ThemeColorOption[] = [\n  { value: 'brand', label: 'Brand' },\n  { value: 'blue', label: 'Blue' },\n  { value: 'green', label: 'Green' },\n  { value: 'red', label: 'Red' },\n  { value: 'cyan', label: 'Cyan' },\n  { value: 'purple', label: 'Purple' },\n  { value: 'orange', label: 'Orange' },\n] as const;\n\nfunction createThemeColorOptions(\n  allowedColors: readonly ThemeColor[] | undefined,\n  colorLabels: ThemeColorLabels | undefined,\n): readonly ThemeColorOption[] {\n  const allowedSet = allowedColors ? new Set(allowedColors) : null;\n\n  return THEME_COLOR_OPTIONS.filter((option) => !allowedSet || allowedSet.has(option.value)).map(\n    (option) => ({\n      value: option.value,\n      label: colorLabels?.[option.value] ?? option.label,\n    }),\n  );\n}\n\nconst STORAGE_KEYS = {\n  scheme: 'theme-scheme',\n  color: 'theme-color',\n  style: 'theme-style',\n} as const;\n\ntype ThemeStorageAxis = keyof typeof STORAGE_KEYS;\n\nconst LEGACY_STORAGE_PREFIX = 'ng-theme:v2';\n\n@Injectable({ providedIn: 'root' })\nexport class ThemeService {\n  private readonly config = inject(NG_THEME_CONFIG);\n  private readonly document = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly storage = new LocalStorageStateAdapter<ThemeStorageAxis>({\n    isBrowser: this.isBrowser,\n    storage: this.document.defaultView?.localStorage ?? null,\n    keys: STORAGE_KEYS,\n    legacyPrefix: LEGACY_STORAGE_PREFIX,\n  });\n  private readonly mediaQuery = this.isBrowser\n    ? (this.document.defaultView?.matchMedia('(prefers-color-scheme: dark)') ?? null)\n    : null;\n  private readonly systemPrefersDark = signal(this.mediaQuery?.matches ?? false);\n  private readonly availableColorOptions = createThemeColorOptions(\n    this.config.colors,\n    this.config.colorLabels,\n  );\n\n  readonly scheme = signal<ThemeScheme>(\n    this.storage.read('scheme', this.config.defaultScheme, isThemeScheme),\n  );\n  readonly color = signal<ThemeColor>(\n    this.storage.read('color', this.config.defaultColor, isThemeColor),\n  );\n  readonly style = signal<ThemeStyle>(\n    this.storage.read('style', this.config.defaultStyle, isThemeStyle),\n  );\n  readonly colorOptions = computed<readonly ThemeColorOption[]>(() => this.availableColorOptions);\n\n  readonly resolvedScheme = computed<'light' | 'dark'>(() => {\n    if (this.scheme() !== 'system') return this.scheme() as 'light' | 'dark';\n    return this.systemPrefersDark() ? 'dark' : 'light';\n  });\n\n  constructor() {\n    if (this.mediaQuery) {\n      const syncSystemPreference = (event: MediaQueryListEvent): void => {\n        this.systemPrefersDark.set(event.matches);\n      };\n\n      this.mediaQuery.addEventListener('change', syncSystemPreference);\n      this.destroyRef.onDestroy(() => {\n        this.mediaQuery?.removeEventListener('change', syncSystemPreference);\n      });\n    }\n\n    effect(() => {\n      if (this.isBrowser) {\n        this.applyToDOM();\n      }\n    });\n  }\n\n  /**\n   * Updates the selected theme scheme and persists the choice for future sessions.\n   */\n  setScheme(value: ThemeScheme): void {\n    this.storage.persist('scheme', value);\n    this.scheme.set(value);\n  }\n\n  /**\n   * Updates the active theme color when it is part of the configured preset list.\n   */\n  setColor(value: ThemeColor): void {\n    if (!this.colorOptions().some((option) => option.value === value)) {\n      return;\n    }\n\n    this.storage.persist('color', value);\n    this.color.set(value);\n  }\n\n  /**\n   * Updates the active style preset and persists it to local storage.\n   */\n  setStyle(value: ThemeStyle): void {\n    this.storage.persist('style', value);\n    this.style.set(value);\n  }\n\n  /**\n   * Cycles the scheme through light, dark, and system while keeping the DOM contract in sync.\n   */\n  toggleScheme(): void {\n    const next: ThemeScheme =\n      this.scheme() === 'light' ? 'dark' : this.scheme() === 'dark' ? 'system' : 'light';\n    this.setScheme(next);\n  }\n\n  /**\n   * Clears persisted theme state and restores the configured defaults for all theme axes.\n   */\n  reset(): void {\n    this.storage.clear('scheme');\n    this.storage.clear('color');\n    this.storage.clear('style');\n    this.scheme.set(this.config.defaultScheme);\n    this.color.set(this.config.defaultColor);\n    this.style.set(this.config.defaultStyle);\n  }\n\n  private applyToDOM(): void {\n    const element = this.document.documentElement;\n\n    element.classList.toggle('dark', this.resolvedScheme() === 'dark');\n    element.dataset['themeScheme'] = this.scheme();\n    element.dataset['themeColor'] = this.color();\n    element.dataset['themeStyle'] = this.style();\n    element.style.colorScheme = this.resolvedScheme();\n  }\n}\n","import { EnvironmentProviders, isDevMode, makeEnvironmentProviders } from '@angular/core';\nimport { DEFAULT_NG_THEME_CONFIG, NG_THEME_CONFIG } from './theme.token';\nimport {\n  isThemeColor,\n  isThemeScheme,\n  isThemeStyle,\n  NgThemeConfig,\n  ThemeColor,\n  ThemeColorLabels,\n  ThemeScheme,\n  ThemeStyle,\n} from './theme.types';\n\nfunction warnInvalidThemeConfig(message: string): void {\n  if (isDevMode()) {\n    console.warn(`[provideNgTheme] ${message}`);\n  }\n}\n\nfunction normalizeThemeScheme(value: unknown): ThemeScheme {\n  if (typeof value === 'undefined' || isThemeScheme(value)) {\n    return value ?? DEFAULT_NG_THEME_CONFIG.defaultScheme;\n  }\n\n  warnInvalidThemeConfig(\n    `Ignoring invalid defaultScheme ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_THEME_CONFIG.defaultScheme)}.`,\n  );\n\n  return DEFAULT_NG_THEME_CONFIG.defaultScheme;\n}\n\nfunction normalizeThemeColor(value: unknown): ThemeColor {\n  if (typeof value === 'undefined' || isThemeColor(value)) {\n    return value ?? DEFAULT_NG_THEME_CONFIG.defaultColor;\n  }\n\n  warnInvalidThemeConfig(\n    `Ignoring invalid defaultColor ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_THEME_CONFIG.defaultColor)}.`,\n  );\n\n  return DEFAULT_NG_THEME_CONFIG.defaultColor;\n}\n\nfunction normalizeThemeStyle(value: unknown): ThemeStyle {\n  if (typeof value === 'undefined' || isThemeStyle(value)) {\n    return value ?? DEFAULT_NG_THEME_CONFIG.defaultStyle;\n  }\n\n  warnInvalidThemeConfig(\n    `Ignoring invalid defaultStyle ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_THEME_CONFIG.defaultStyle)}.`,\n  );\n\n  return DEFAULT_NG_THEME_CONFIG.defaultStyle;\n}\n\nfunction normalizeThemeColors(value: unknown): readonly ThemeColor[] | undefined {\n  if (typeof value === 'undefined') {\n    return undefined;\n  }\n\n  if (!Array.isArray(value)) {\n    warnInvalidThemeConfig('Ignoring invalid colors config because it is not an array.');\n    return undefined;\n  }\n\n  const normalizedColors = Array.from(new Set(value.filter(isThemeColor)));\n\n  if (normalizedColors.length !== value.length) {\n    warnInvalidThemeConfig('Ignoring unsupported values in colors config.');\n  }\n\n  return normalizedColors.length > 0 ? normalizedColors : undefined;\n}\n\nfunction normalizeThemeColorLabels(value: unknown): ThemeColorLabels | undefined {\n  if (typeof value === 'undefined') {\n    return undefined;\n  }\n\n  if (!value || Array.isArray(value) || typeof value !== 'object') {\n    warnInvalidThemeConfig('Ignoring invalid colorLabels config because it is not an object map.');\n    return undefined;\n  }\n\n  const entries = Object.entries(value);\n  const normalizedEntries = entries.flatMap(([color, label]) => {\n    if (isThemeColor(color) && typeof label === 'string' && label.trim().length > 0) {\n      return [[color, label.trim()] as const];\n    }\n\n    return [];\n  });\n\n  if (normalizedEntries.length !== entries.length) {\n    warnInvalidThemeConfig('Ignoring unsupported entries in colorLabels config.');\n  }\n\n  return normalizedEntries.length > 0\n    ? (Object.fromEntries(normalizedEntries) as ThemeColorLabels)\n    : undefined;\n}\n\nfunction normalizeThemeConfig(config: Partial<NgThemeConfig>): NgThemeConfig {\n  const colors = normalizeThemeColors(config.colors);\n  const colorLabels = normalizeThemeColorLabels(config.colorLabels);\n  let defaultColor = normalizeThemeColor(config.defaultColor);\n\n  if (colors && !colors.includes(defaultColor)) {\n    warnInvalidThemeConfig(\n      `Adjusting defaultColor ${JSON.stringify(defaultColor)} to ${JSON.stringify(colors[0])} so it stays within the configured colors list.`,\n    );\n    defaultColor = colors[0];\n  }\n\n  return {\n    ...DEFAULT_NG_THEME_CONFIG,\n    defaultScheme: normalizeThemeScheme(config.defaultScheme),\n    defaultColor,\n    defaultStyle: normalizeThemeStyle(config.defaultStyle),\n    ...(colors ? { colors } : {}),\n    ...(colorLabels ? { colorLabels } : {}),\n  };\n}\n\nexport function provideNgTheme(config: Partial<NgThemeConfig> = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: NG_THEME_CONFIG, useValue: normalizeThemeConfig(config) },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-theme.mjs

@@ -0,0 +1,6 @@
+/* Domain namespace marker for nested theme entry points. */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-theme.mjs.map

package/fesm2022/ojiepermana-angular-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-theme.mjs","sources":["../../../projects/library/theme/public-api.ts","../../../projects/library/theme/ojiepermana-angular-theme.ts"],"sourcesContent":["/* Domain namespace marker for nested theme entry points. */\n\nexport {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;ACAA;;AAEG"}

package/fesm2022/ojiepermana-angular.mjs

@@ -0,0 +1,6 @@
+/* Public API Surface of @ojiepermana/angular */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular.mjs.map

package/fesm2022/ojiepermana-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular.mjs","sources":["../../../projects/library/public-api.ts","../../../projects/library/ojiepermana-angular.ts"],"sourcesContent":["/* Public API Surface of @ojiepermana/angular */\n\nexport {};","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;ACAA;;AAEG"}