@tmdjr/ngx-theme-picker 0.0.1 → 21.0.1

package/fesm2022/tmdjr-ngx-theme-picker.mjs

@@ -74,31 +74,27 @@ class ThemePickerService {
         },
     ];
     darkMode = signal(localStorage.getItem(ThemePickerService.DARK_MODE_STRORAGE_KEY) === 'true', ...(ngDevMode ? [{ debugName: "darkMode" }] : []));
-    darkModeResource = resource({
-        params: () => this.darkMode(),
+    darkModeResource = resource({ ...(ngDevMode ? { debugName: "darkModeResource" } : {}), params: () => this.darkMode(),
         loader: async ({ params: darkMode }) => {
             await localStorage.setItem(ThemePickerService.DARK_MODE_STRORAGE_KEY, darkMode.toString());
-        },
-    });
+        } });
     userSelectedTheme = signal(localStorage.getItem(ThemePickerService.THEME_STRORAGE_KEY) ??
         ThemePickerService.DEFAULT_THEME, ...(ngDevMode ? [{ debugName: "userSelectedTheme" }] : []));
-    currentTheme = linkedSignal({
-        source: this.userSelectedTheme,
+    currentTheme = linkedSignal({ ...(ngDevMode ? { debugName: "currentTheme" } : {}), source: this.userSelectedTheme,
         computation: (newTheme, previous) => {
             return this.setThemeStyleAndLocalStorage(newTheme)
                 ? newTheme
                 : previous?.value ?? ThemePickerService.DEFAULT_THEME;
-        },
-    });
+        } });
     setThemeStyleAndLocalStorage(newTheme) {
         localStorage.setItem(ThemePickerService.THEME_STRORAGE_KEY, newTheme);
         document.body.className = `${newTheme} ${this.darkMode() ? 'dark-mode' : 'light-mode'}`;
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ThemePickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ThemePickerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemePickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemePickerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ThemePickerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemePickerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -109,8 +105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
 class ThemePickerMenuItemComponent {
     theme = input.required(...(ngDevMode ? [{ debugName: "theme" }] : []));
     isCurrentTheme = input.required(...(ngDevMode ? [{ debugName: "isCurrentTheme" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ThemePickerMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ThemePickerMenuItemComponent, isStandalone: true, selector: "ngx-theme-picker-menu-item", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: true, transformFunction: null }, isCurrentTheme: { classPropertyName: "isCurrentTheme", publicName: "isCurrentTheme", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemePickerMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ThemePickerMenuItemComponent, isStandalone: true, selector: "ngx-theme-picker-menu-item", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: true, transformFunction: null }, isCurrentTheme: { classPropertyName: "isCurrentTheme", publicName: "isCurrentTheme", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     <button mat-menu-item>
       @if (isCurrentTheme(); as isCurrentTheme) {
       <mat-icon class="docs-theme-selected-icon">radio_button_checked</mat-icon>
@@ -138,7 +134,7 @@ class ThemePickerMenuItemComponent {
     </button>
   `, isInline: true, styles: [":host .theme-example-icon{margin-right:0;margin-left:24px;order:1;width:24px;height:24px;border-radius:4px;border:solid 1px color-mix(in srgb,var(--mat-sys-outline-variant) 50%,transparent)}:host .theme-example-icon .theme-example-background{fill:var(--mat-sys-surface-container-lowest)}\n"], dependencies: [{ kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ThemePickerMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemePickerMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-theme-picker-menu-item', imports: [MatMenuItem, MatIcon], template: `
     <button mat-menu-item>
@@ -167,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
       </svg>
     </button>
   `, styles: [":host .theme-example-icon{margin-right:0;margin-left:24px;order:1;width:24px;height:24px;border-radius:4px;border:solid 1px color-mix(in srgb,var(--mat-sys-outline-variant) 50%,transparent)}:host .theme-example-icon .theme-example-background{fill:var(--mat-sys-surface-container-lowest)}\n"] }]
-        }] });
+        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: true }] }], isCurrentTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCurrentTheme", required: true }] }] } });
 // Menu
 class NgxThemePicker {
     themePickerService = inject(ThemePickerService);
@@ -180,8 +176,8 @@ class NgxThemePicker {
     toggleDarkMode() {
         this.themePickerService.darkMode.set(!this.darkMode());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NgxThemePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: NgxThemePicker, isStandalone: true, selector: "ngx-theme-picker", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgxThemePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NgxThemePicker, isStandalone: true, selector: "ngx-theme-picker", ngImport: i0, template: `
     <button
       mat-icon-button
       [mat-menu-trigger-for]="themeMenu"
@@ -208,7 +204,7 @@ class NgxThemePicker {
     </mat-menu>
   `, isInline: true, styles: ["@use \"@angular/material\" as mat;:host button{@include mat.icon-overrides((color: var(--mat-sys-primary),));}\n"], 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: "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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: ThemePickerMenuItemComponent, selector: "ngx-theme-picker-menu-item", inputs: ["theme", "isCurrentTheme"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NgxThemePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgxThemePicker, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-theme-picker', imports: [
                         MatIconButton,

package/fesm2022/tmdjr-ngx-theme-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tmdjr-ngx-theme-picker.mjs","sources":["../../../projects/ngx-theme-picker/src/lib/theme-picker.service.ts","../../../projects/ngx-theme-picker/src/lib/ngx-theme-picker.ts","../../../projects/ngx-theme-picker/src/public-api.ts","../../../projects/ngx-theme-picker/src/tmdjr-ngx-theme-picker.ts"],"sourcesContent":["import {\n  Injectable,\n  linkedSignal,\n  resource,\n  signal,\n} from '@angular/core';\n\nexport interface DocsSiteTheme {\n  name: string;\n  displayName: string;\n  color: string;\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ThemePickerService {\n  static THEME_EXAMPLE_ICON = 'assets/img/theme-demo-icon.svg';\n  static DEFAULT_THEME = 'cyan-palette';\n  static THEME_STRORAGE_KEY: string = 'theme-picker-current-name';\n  static DARK_MODE_STRORAGE_KEY: string = 'dark-mode';\n  static THEMES: DocsSiteTheme[] = [\n    {\n      displayName: 'Red Palette',\n      name: 'red-palette',\n      color: '#ffd9d4',\n    },\n    {\n      displayName: 'Green Palette',\n      name: 'green-palette',\n      color: '#76ff61',\n    },\n    {\n      displayName: 'Blue Palette',\n      name: 'blue-palette',\n      color: '#e0e0fe',\n    },\n    {\n      displayName: 'Yellow Palette',\n      name: 'yellow-palette',\n      color: '#eaea01',\n    },\n    {\n      displayName: 'Cyan Palette',\n      name: 'cyan-palette',\n      color: '#00fbfb',\n    },\n    {\n      displayName: 'Magenta Palette',\n      name: 'magenta-palette',\n      color: '#ffd6f5',\n    },\n    {\n      displayName: 'Orange Palette',\n      name: 'orange-palette',\n      color: '#ffdcc7',\n    },\n    {\n      displayName: 'Chartreuse Palette',\n      name: 'chartreuse-palette',\n      color: '#82ff0d',\n    },\n    {\n      displayName: 'Spring-Green Palette',\n      name: 'spring-green-palette',\n      color: '#62ff93',\n    },\n    {\n      displayName: 'Azure Palette',\n      name: 'azure-palette',\n      color: '#d6e3fe',\n    },\n    {\n      color: '#810081',\n      displayName: 'Violet Palette',\n      name: 'violet-palette',\n    },\n    {\n      displayName: 'Rose Palette',\n      name: 'rose-palette',\n      color: '#ffd8e1',\n    },\n  ];\n\n  darkMode = signal<boolean>(\n    localStorage.getItem(\n      ThemePickerService.DARK_MODE_STRORAGE_KEY\n    ) === 'true'\n  );\n  darkModeResource = resource({\n    params: () => this.darkMode(),\n    loader: async ({ params: darkMode }) => {\n      await localStorage.setItem(\n        ThemePickerService.DARK_MODE_STRORAGE_KEY,\n        darkMode.toString()\n      );\n    },\n  });\n\n  userSelectedTheme = signal<string>(\n    localStorage.getItem(ThemePickerService.THEME_STRORAGE_KEY) ??\n      ThemePickerService.DEFAULT_THEME\n  );\n  currentTheme = linkedSignal<string, string>({\n    source: this.userSelectedTheme,\n    computation: (newTheme, previous) => {\n      return this.setThemeStyleAndLocalStorage(newTheme)\n        ? newTheme\n        : previous?.value ?? ThemePickerService.DEFAULT_THEME;\n    },\n  });\n\n  setThemeStyleAndLocalStorage(newTheme: string) {\n    localStorage.setItem(\n      ThemePickerService.THEME_STRORAGE_KEY,\n      newTheme\n    );\n    document.body.className = `${newTheme} ${\n      this.darkMode() ? 'dark-mode' : 'light-mode'\n    }`;\n    return true;\n  }\n}\n","import { Component, inject, input } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { DocsSiteTheme, ThemePickerService } from './theme-picker.service';\n\n// Menu Item\n@Component({\n  selector: 'ngx-theme-picker-menu-item',\n  imports: [MatMenuItem, MatIcon],\n  template: `\n    <button mat-menu-item>\n      @if (isCurrentTheme(); as isCurrentTheme) {\n      <mat-icon class=\"docs-theme-selected-icon\">radio_button_checked</mat-icon>\n      } @else {\n      <mat-icon>radio_button_unchecked</mat-icon>\n      }\n      <span>{{ theme().displayName }}</span>\n      <svg\n        matMenuItemIcon\n        class=\"theme-example-icon\"\n        width=\"80\"\n        height=\"80\"\n        viewBox=\"0 0 80 80\"\n      >\n        <path\n          class=\"theme-example-background\"\n          d=\"M77.87 0C79.05 0 80 .95 80 2.13v75.74c0 1.17-.95 2.13-2.13 2.13H2.13C.96 80 0 79.04 0 77.87V2.13C0 .95.96 0 2.13 0h75.74z\"\n        />\n        <path\n          [attr.fill]=\"theme().color\"\n          d=\"M54 40c3.32 0 6 2.69 6 6 0 1.2 0-1.2 0 0 0 3.31-2.68 6-6 6H26c-3.31 0-6-2.69-6-6 0-1.2 0 1.2 0 0 0-3.31 2.69-6 6-6h28z\"\n        />\n        <path [attr.fill]=\"theme().color\" d=\"M0 0h80v17.24H0V0z\" />\n      </svg>\n    </button>\n  `,\n  styles: [\n    `\n      :host {\n        .theme-example-icon {\n          margin-right: 0;\n          margin-left: 24px;\n          order: 1;\n          width: 24px;\n          height: 24px;\n          border-radius: 4px;\n          border: solid 1px\n            color-mix(in srgb, var(--mat-sys-outline-variant) 50%, transparent);\n\n          .theme-example-background {\n            fill: var(--mat-sys-surface-container-lowest);\n          }\n        }\n      }\n    `,\n  ],\n})\nexport class ThemePickerMenuItemComponent {\n  theme = input.required<DocsSiteTheme>();\n  isCurrentTheme = input.required<boolean>();\n}\n// Menu\n@Component({\n  selector: 'ngx-theme-picker',\n  imports: [\n    MatIconButton,\n    MatMenu,\n    MatMenuTrigger,\n    MatIcon,\n    MatTooltip,\n    MatSlideToggle,\n    ThemePickerMenuItemComponent,\n    MatMenuItem,\n  ],\n  template: `\n    <button\n      mat-icon-button\n      [mat-menu-trigger-for]=\"themeMenu\"\n      matTooltip=\"Select a theme for the documentation\"\n    >\n      <mat-icon>format_color_fill</mat-icon>\n    </button>\n\n    <mat-menu #themeMenu=\"matMenu\" xPosition=\"before\">\n      <div mat-menu-item>\n        <mat-slide-toggle\n          [checked]=\"darkMode()\"\n          (toggleChange)=\"toggleDarkMode()\"\n          >Dark Mode</mat-slide-toggle\n        >\n      </div>\n      @for (theme of themes; track $index) {\n      <ngx-theme-picker-menu-item\n        [theme]=\"theme\"\n        [isCurrentTheme]=\"theme.name === currentTheme()\"\n        (click)=\"selectTheme(theme.name)\"\n      ></ngx-theme-picker-menu-item>\n      }\n    </mat-menu>\n  `,\n  styles: [\n    `\n      @use '@angular/material' as mat;\n      :host {\n        button {\n          @include mat.icon-overrides(\n            (\n              color: var(--mat-sys-primary),\n            )\n          );\n        }\n      }\n    `,\n  ],\n})\nexport class NgxThemePicker {\n  themePickerService = inject(ThemePickerService);\n  themes = ThemePickerService.THEMES;\n  currentTheme = this.themePickerService.currentTheme;\n  darkMode = this.themePickerService.darkMode;\n\n  selectTheme(theme: string): void {\n    this.themePickerService.userSelectedTheme.set(theme);\n  }\n\n  toggleDarkMode(): void {\n    this.themePickerService.darkMode.set(!this.darkMode());\n  }\n}\n","/*\n * Public API Surface of ngx-theme-picker\n */\n\nexport * from './lib/ngx-theme-picker';\nexport * from './lib/theme-picker.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAgBa,kBAAkB,CAAA;AAC7B,IAAA,OAAO,kBAAkB,GAAG,gCAAgC;AAC5D,IAAA,OAAO,aAAa,GAAG,cAAc;AACrC,IAAA,OAAO,kBAAkB,GAAW,2BAA2B;AAC/D,IAAA,OAAO,sBAAsB,GAAW,WAAW;IACnD,OAAO,MAAM,GAAoB;AAC/B,QAAA;AACE,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,iBAAiB;AAC9B,YAAA,IAAI,EAAE,iBAAiB;AACvB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,oBAAoB;AACjC,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,sBAAsB;AACnC,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA;AACE,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,IAAI,EAAE,gBAAgB;AACvB,SAAA;AACD,QAAA;AACE,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;KACF;AAED,IAAA,QAAQ,GAAG,MAAM,CACf,YAAY,CAAC,OAAO,CAClB,kBAAkB,CAAC,sBAAsB,CAC1C,KAAK,MAAM,oDACb;IACD,gBAAgB,GAAG,QAAQ,CAAC;AAC1B,QAAA,MAAM,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE;QAC7B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAI;AACrC,YAAA,MAAM,YAAY,CAAC,OAAO,CACxB,kBAAkB,CAAC,sBAAsB,EACzC,QAAQ,CAAC,QAAQ,EAAE,CACpB;QACH,CAAC;AACF,KAAA,CAAC;IAEF,iBAAiB,GAAG,MAAM,CACxB,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,kBAAkB,CAAC;QACzD,kBAAkB,CAAC,aAAa,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CACnC;IACD,YAAY,GAAG,YAAY,CAAiB;QAC1C,MAAM,EAAE,IAAI,CAAC,iBAAiB;AAC9B,QAAA,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAI;AAClC,YAAA,OAAO,IAAI,CAAC,4BAA4B,CAAC,QAAQ;AAC/C,kBAAE;kBACA,QAAQ,EAAE,KAAK,IAAI,kBAAkB,CAAC,aAAa;QACzD,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,4BAA4B,CAAC,QAAgB,EAAA;QAC3C,YAAY,CAAC,OAAO,CAClB,kBAAkB,CAAC,kBAAkB,EACrC,QAAQ,CACT;QACD,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,CAAA,EAAG,QAAQ,IACnC,IAAI,CAAC,QAAQ,EAAE,GAAG,WAAW,GAAG,YAClC,CAAA,CAAE;AACF,QAAA,OAAO,IAAI;IACb;uGAzGW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFjB,MAAM,EAAA,CAAA;;2FAEP,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACPD;MAoDa,4BAA4B,CAAA;AACvC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAiB;AACvC,IAAA,cAAc,GAAG,KAAK,CAAC,QAAQ,yDAAW;uGAF/B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhD7B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mSAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA3BS,WAAW,sIAAE,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAiDnB,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAnDxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,WAC7B,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,QAAA,EACrB;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,mSAAA,CAAA,EAAA;;AA0BH;MAsDa,cAAc,CAAA;AACzB,IAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC/C,IAAA,MAAM,GAAG,kBAAkB,CAAC,MAAM;AAClC,IAAA,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,YAAY;AACnD,IAAA,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ;AAE3C,IAAA,WAAW,CAAC,KAAa,EAAA;QACvB,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC;IACtD;IAEA,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IACxD;uGAZW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAzCf;;;;;;;;;;;;;;;;;;;;;;;;;AAyBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAlCC,aAAa,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,cAAc,EAAA,QAAA,EAAA,6CAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,4BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,eAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbL,4BAA4B,4GAerC,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FA2CF,cAAc,EAAA,UAAA,EAAA,CAAA;kBArD1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,OAAA,EACnB;wBACP,aAAa;wBACb,OAAO;wBACP,cAAc;wBACd,OAAO;wBACP,UAAU;wBACV,cAAc;wBACd,4BAA4B;wBAC5B,WAAW;qBACZ,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;AAyBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA;;;ACtGH;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"tmdjr-ngx-theme-picker.mjs","sources":["../../../projects/ngx-theme-picker/src/lib/theme-picker.service.ts","../../../projects/ngx-theme-picker/src/lib/ngx-theme-picker.ts","../../../projects/ngx-theme-picker/src/public-api.ts","../../../projects/ngx-theme-picker/src/tmdjr-ngx-theme-picker.ts"],"sourcesContent":["import {\n  Injectable,\n  linkedSignal,\n  resource,\n  signal,\n} from '@angular/core';\n\nexport interface DocsSiteTheme {\n  name: string;\n  displayName: string;\n  color: string;\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ThemePickerService {\n  static THEME_EXAMPLE_ICON = 'assets/img/theme-demo-icon.svg';\n  static DEFAULT_THEME = 'cyan-palette';\n  static THEME_STRORAGE_KEY: string = 'theme-picker-current-name';\n  static DARK_MODE_STRORAGE_KEY: string = 'dark-mode';\n  static THEMES: DocsSiteTheme[] = [\n    {\n      displayName: 'Red Palette',\n      name: 'red-palette',\n      color: '#ffd9d4',\n    },\n    {\n      displayName: 'Green Palette',\n      name: 'green-palette',\n      color: '#76ff61',\n    },\n    {\n      displayName: 'Blue Palette',\n      name: 'blue-palette',\n      color: '#e0e0fe',\n    },\n    {\n      displayName: 'Yellow Palette',\n      name: 'yellow-palette',\n      color: '#eaea01',\n    },\n    {\n      displayName: 'Cyan Palette',\n      name: 'cyan-palette',\n      color: '#00fbfb',\n    },\n    {\n      displayName: 'Magenta Palette',\n      name: 'magenta-palette',\n      color: '#ffd6f5',\n    },\n    {\n      displayName: 'Orange Palette',\n      name: 'orange-palette',\n      color: '#ffdcc7',\n    },\n    {\n      displayName: 'Chartreuse Palette',\n      name: 'chartreuse-palette',\n      color: '#82ff0d',\n    },\n    {\n      displayName: 'Spring-Green Palette',\n      name: 'spring-green-palette',\n      color: '#62ff93',\n    },\n    {\n      displayName: 'Azure Palette',\n      name: 'azure-palette',\n      color: '#d6e3fe',\n    },\n    {\n      color: '#810081',\n      displayName: 'Violet Palette',\n      name: 'violet-palette',\n    },\n    {\n      displayName: 'Rose Palette',\n      name: 'rose-palette',\n      color: '#ffd8e1',\n    },\n  ];\n\n  darkMode = signal<boolean>(\n    localStorage.getItem(\n      ThemePickerService.DARK_MODE_STRORAGE_KEY\n    ) === 'true'\n  );\n  darkModeResource = resource({\n    params: () => this.darkMode(),\n    loader: async ({ params: darkMode }) => {\n      await localStorage.setItem(\n        ThemePickerService.DARK_MODE_STRORAGE_KEY,\n        darkMode.toString()\n      );\n    },\n  });\n\n  userSelectedTheme = signal<string>(\n    localStorage.getItem(ThemePickerService.THEME_STRORAGE_KEY) ??\n      ThemePickerService.DEFAULT_THEME\n  );\n  currentTheme = linkedSignal<string, string>({\n    source: this.userSelectedTheme,\n    computation: (newTheme, previous) => {\n      return this.setThemeStyleAndLocalStorage(newTheme)\n        ? newTheme\n        : previous?.value ?? ThemePickerService.DEFAULT_THEME;\n    },\n  });\n\n  setThemeStyleAndLocalStorage(newTheme: string) {\n    localStorage.setItem(\n      ThemePickerService.THEME_STRORAGE_KEY,\n      newTheme\n    );\n    document.body.className = `${newTheme} ${\n      this.darkMode() ? 'dark-mode' : 'light-mode'\n    }`;\n    return true;\n  }\n}\n","import { Component, inject, input } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { DocsSiteTheme, ThemePickerService } from './theme-picker.service';\n\n// Menu Item\n@Component({\n  selector: 'ngx-theme-picker-menu-item',\n  imports: [MatMenuItem, MatIcon],\n  template: `\n    <button mat-menu-item>\n      @if (isCurrentTheme(); as isCurrentTheme) {\n      <mat-icon class=\"docs-theme-selected-icon\">radio_button_checked</mat-icon>\n      } @else {\n      <mat-icon>radio_button_unchecked</mat-icon>\n      }\n      <span>{{ theme().displayName }}</span>\n      <svg\n        matMenuItemIcon\n        class=\"theme-example-icon\"\n        width=\"80\"\n        height=\"80\"\n        viewBox=\"0 0 80 80\"\n      >\n        <path\n          class=\"theme-example-background\"\n          d=\"M77.87 0C79.05 0 80 .95 80 2.13v75.74c0 1.17-.95 2.13-2.13 2.13H2.13C.96 80 0 79.04 0 77.87V2.13C0 .95.96 0 2.13 0h75.74z\"\n        />\n        <path\n          [attr.fill]=\"theme().color\"\n          d=\"M54 40c3.32 0 6 2.69 6 6 0 1.2 0-1.2 0 0 0 3.31-2.68 6-6 6H26c-3.31 0-6-2.69-6-6 0-1.2 0 1.2 0 0 0-3.31 2.69-6 6-6h28z\"\n        />\n        <path [attr.fill]=\"theme().color\" d=\"M0 0h80v17.24H0V0z\" />\n      </svg>\n    </button>\n  `,\n  styles: [\n    `\n      :host {\n        .theme-example-icon {\n          margin-right: 0;\n          margin-left: 24px;\n          order: 1;\n          width: 24px;\n          height: 24px;\n          border-radius: 4px;\n          border: solid 1px\n            color-mix(in srgb, var(--mat-sys-outline-variant) 50%, transparent);\n\n          .theme-example-background {\n            fill: var(--mat-sys-surface-container-lowest);\n          }\n        }\n      }\n    `,\n  ],\n})\nexport class ThemePickerMenuItemComponent {\n  theme = input.required<DocsSiteTheme>();\n  isCurrentTheme = input.required<boolean>();\n}\n// Menu\n@Component({\n  selector: 'ngx-theme-picker',\n  imports: [\n    MatIconButton,\n    MatMenu,\n    MatMenuTrigger,\n    MatIcon,\n    MatTooltip,\n    MatSlideToggle,\n    ThemePickerMenuItemComponent,\n    MatMenuItem,\n  ],\n  template: `\n    <button\n      mat-icon-button\n      [mat-menu-trigger-for]=\"themeMenu\"\n      matTooltip=\"Select a theme for the documentation\"\n    >\n      <mat-icon>format_color_fill</mat-icon>\n    </button>\n\n    <mat-menu #themeMenu=\"matMenu\" xPosition=\"before\">\n      <div mat-menu-item>\n        <mat-slide-toggle\n          [checked]=\"darkMode()\"\n          (toggleChange)=\"toggleDarkMode()\"\n          >Dark Mode</mat-slide-toggle\n        >\n      </div>\n      @for (theme of themes; track $index) {\n      <ngx-theme-picker-menu-item\n        [theme]=\"theme\"\n        [isCurrentTheme]=\"theme.name === currentTheme()\"\n        (click)=\"selectTheme(theme.name)\"\n      ></ngx-theme-picker-menu-item>\n      }\n    </mat-menu>\n  `,\n  styles: [\n    `\n      @use '@angular/material' as mat;\n      :host {\n        button {\n          @include mat.icon-overrides(\n            (\n              color: var(--mat-sys-primary),\n            )\n          );\n        }\n      }\n    `,\n  ],\n})\nexport class NgxThemePicker {\n  themePickerService = inject(ThemePickerService);\n  themes = ThemePickerService.THEMES;\n  currentTheme = this.themePickerService.currentTheme;\n  darkMode = this.themePickerService.darkMode;\n\n  selectTheme(theme: string): void {\n    this.themePickerService.userSelectedTheme.set(theme);\n  }\n\n  toggleDarkMode(): void {\n    this.themePickerService.darkMode.set(!this.darkMode());\n  }\n}\n","/*\n * Public API Surface of ngx-theme-picker\n */\n\nexport * from './lib/ngx-theme-picker';\nexport * from './lib/theme-picker.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tmdjr/ngx-theme-picker",
-  "version": "0.0.1",
+  "version": "21.0.1",
   "peerDependencies": {
     "@angular/animations": "20.1.6",
     "@angular/cdk": "20.1.5",
-    "@angular/common": "^20.2.0",
-    "@angular/core": "^20.2.0",
+    "@angular/common": "20.1.6",
+    "@angular/core": "20.1.6",
     "@angular/material": "20.1.5"
   },
   "dependencies": {
@@ -13,13 +13,13 @@
   },
   "sideEffects": false,
   "module": "fesm2022/tmdjr-ngx-theme-picker.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/tmdjr-ngx-theme-picker.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/tmdjr-ngx-theme-picker.d.ts",
       "default": "./fesm2022/tmdjr-ngx-theme-picker.mjs"
     }
   }