@guajiritos/theme-picker 17.0.1

package/fesm2022/guajiritos-theme-picker.mjs

@@ -0,0 +1,373 @@
+import * as i0 from '@angular/core';
+import { signal, EventEmitter, Component, Input, Output, forwardRef } from '@angular/core';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i6 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i8 from '@angular/forms';
+import { UntypedFormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import * as i9 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7 from '@angular/material/core';
+
+var GUAJIRITOS_PALETTE;
+(function (GUAJIRITOS_PALETTE) {
+    GUAJIRITOS_PALETTE["OCEAN_GREEN"] = "ocean-green";
+    GUAJIRITOS_PALETTE["BRIGHT_YELLOW"] = "bright-yellow";
+    GUAJIRITOS_PALETTE["APPLE"] = "apple";
+    GUAJIRITOS_PALETTE["GREEN"] = "green";
+    GUAJIRITOS_PALETTE["DOUBAN_BLUE"] = "douban-blue";
+    GUAJIRITOS_PALETTE["BLIZZARD_BLUE"] = "blizzard-blue";
+    GUAJIRITOS_PALETTE["SASQUATCH_SOCKS"] = "sasquatch-socks";
+    GUAJIRITOS_PALETTE["SAPPHIRE"] = "sapphire";
+    GUAJIRITOS_PALETTE["ATENEO_BLUE"] = "ateneo-blue";
+    GUAJIRITOS_PALETTE["BRILLIANT_AZURE"] = "brilliant-azure";
+    GUAJIRITOS_PALETTE["DEEP_CARMINE_PINK"] = "deep-carmine-pink";
+    GUAJIRITOS_PALETTE["MUSTARD_YELLOW"] = "mustard-yellow";
+    GUAJIRITOS_PALETTE["BLUE_BOLT"] = "blue-bolt";
+    GUAJIRITOS_PALETTE["DARK_TURQUOISE"] = "dark-turquoise";
+    GUAJIRITOS_PALETTE["JELLY_BEAN_BLUE"] = "jelly-bean-blue";
+})(GUAJIRITOS_PALETTE || (GUAJIRITOS_PALETTE = {}));
+const PALETTES = [
+    {
+        name: 'Ocean Green',
+        palette: GUAJIRITOS_PALETTE.OCEAN_GREEN,
+        show: true
+    },
+    {
+        name: 'Bright Yellow',
+        palette: GUAJIRITOS_PALETTE.BRIGHT_YELLOW,
+        show: true
+    },
+    {
+        name: 'Apple',
+        palette: GUAJIRITOS_PALETTE.APPLE,
+        show: true
+    },
+    {
+        name: 'Green',
+        palette: GUAJIRITOS_PALETTE.GREEN,
+        show: true
+    },
+    {
+        name: 'Douban Blue',
+        palette: GUAJIRITOS_PALETTE.DOUBAN_BLUE,
+        show: true
+    },
+    {
+        name: 'Blizzard Blue',
+        palette: GUAJIRITOS_PALETTE.BLIZZARD_BLUE,
+        show: true
+    },
+    {
+        name: 'Sasquatch Socks',
+        palette: GUAJIRITOS_PALETTE.SASQUATCH_SOCKS,
+        show: true
+    },
+    {
+        name: 'Sapphire',
+        palette: GUAJIRITOS_PALETTE.SAPPHIRE,
+        show: true
+    },
+    {
+        name: 'Ateneo Blue',
+        palette: GUAJIRITOS_PALETTE.ATENEO_BLUE,
+        show: true
+    },
+    {
+        name: 'Brilliant Azure',
+        palette: GUAJIRITOS_PALETTE.BRILLIANT_AZURE,
+        show: true
+    },
+    {
+        name: 'Deep Carmine Pink',
+        palette: GUAJIRITOS_PALETTE.DEEP_CARMINE_PINK,
+        show: true
+    },
+    {
+        name: 'Mustard Yellow',
+        palette: GUAJIRITOS_PALETTE.MUSTARD_YELLOW,
+        show: true
+    },
+    {
+        name: 'Blue Bolt',
+        palette: GUAJIRITOS_PALETTE.BLUE_BOLT,
+        show: true
+    },
+    {
+        name: 'Dark Turquoise',
+        palette: GUAJIRITOS_PALETTE.DARK_TURQUOISE,
+        show: true
+    },
+    {
+        name: 'Jelly Bean Blue',
+        palette: GUAJIRITOS_PALETTE.JELLY_BEAN_BLUE,
+        show: true
+    }
+];
+
+class GuajiritosThemePickerMenu {
+    constructor() {
+        this.menuPalettes = signal((PALETTES));
+        this.paletteChanged = new EventEmitter();
+    }
+    set activePalettes(palettes) {
+        if (palettes?.length) {
+            this.menuPalettes.update((patts) => {
+                patts.forEach((palette) => {
+                    palette.show = palettes.includes(palette.palette);
+                });
+                return patts;
+            });
+        }
+    }
+    selectPalette(palette) {
+        this.paletteChanged.emit(palette);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: GuajiritosThemePickerMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: GuajiritosThemePickerMenu, isStandalone: true, selector: "guajiritos-theme-picker-menu", inputs: { color: "color", activePalettes: "activePalettes" }, outputs: { paletteChanged: "paletteChanged" }, ngImport: i0, template: `
+    <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="theme picker" [color]="color">
+      <mat-icon>format_color_fill</mat-icon>
+    </button>
+    <mat-menu #menu="matMenu">
+      @for (palette of menuPalettes(); track palette.palette) {
+        @if (palette.show) {
+          <button mat-menu-item (click)="selectPalette(palette)">
+            <div class="guajiritos-theme-item">
+              <span>{{ palette.name }}</span>
+              <svg width="80" height="80" viewBox="0 0 80 80" [class]="palette.palette">
+                <path
+                  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"
+                  fill="#fffbff"></path>
+                <path
+                  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"
+                  fill="" class="svg-color"></path>
+                <path d="M0 0h80v17.24H0V0z" class="svg-color" fill=""></path>
+              </svg>
+            </div>
+          </button>
+        }
+      }
+    </mat-menu>
+  `, isInline: true, styles: [".guajiritos-theme-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.guajiritos-theme-item svg{width:24px;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.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: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: GuajiritosThemePickerMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'guajiritos-theme-picker-menu', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatMenuModule,
+                        MatButtonModule
+                    ], template: `
+    <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="theme picker" [color]="color">
+      <mat-icon>format_color_fill</mat-icon>
+    </button>
+    <mat-menu #menu="matMenu">
+      @for (palette of menuPalettes(); track palette.palette) {
+        @if (palette.show) {
+          <button mat-menu-item (click)="selectPalette(palette)">
+            <div class="guajiritos-theme-item">
+              <span>{{ palette.name }}</span>
+              <svg width="80" height="80" viewBox="0 0 80 80" [class]="palette.palette">
+                <path
+                  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"
+                  fill="#fffbff"></path>
+                <path
+                  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"
+                  fill="" class="svg-color"></path>
+                <path d="M0 0h80v17.24H0V0z" class="svg-color" fill=""></path>
+              </svg>
+            </div>
+          </button>
+        }
+      }
+    </mat-menu>
+  `, styles: [".guajiritos-theme-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.guajiritos-theme-item svg{width:24px;height:24px}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], activePalettes: [{
+                type: Input
+            }], paletteChanged: [{
+                type: Output
+            }] } });
+class GuajiritosThemePicker {
+    constructor() {
+        this.PALETTES = PALETTES;
+        this.form = new UntypedFormControl({ value: null, disabled: false });
+        this.appearance = "outline";
+        this.color = "accent";
+        this.subscriptSizing = "dynamic";
+        this.floatLabelType = "always";
+        this.requireSelection = true;
+        this.height = '44px';
+        this.width = '44px';
+        this.emitOnlyPalette = false;
+        this.propagateChange = (_) => {
+        };
+    }
+    displayFn(palette) {
+        return palette?.name ?? '';
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched() {
+    }
+    writeValue(palette) {
+        if (palette) {
+            this.form.setValue(palette, { emitEvent: false });
+        }
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.form.disable();
+        }
+        else {
+            this.form.enable();
+        }
+    }
+    optionSelected($event) {
+        if ($event?.option?.value) {
+            this.propagateChange(this.emitOnlyPalette ? $event.option.value?.palette : $event.option.value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: GuajiritosThemePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: GuajiritosThemePicker, isStandalone: true, selector: "guajiritos-theme-picker", inputs: { appearance: "appearance", color: "color", subscriptSizing: "subscriptSizing", floatLabelType: "floatLabelType", requireSelection: "requireSelection", height: "height", width: "width", emitOnlyPalette: "emitOnlyPalette" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GuajiritosThemePicker),
+                multi: true
+            }
+        ], ngImport: i0, template: `
+    <div class="guajiritos-theme-picker">
+      <mat-form-field class="w-100" [appearance]="appearance" [color]="color" [floatLabel]="floatLabelType"
+                      [subscriptSizing]="subscriptSizing">
+        <mat-label>Assignee</mat-label>
+        <input type="text" matInput [formControl]="form" [matAutocomplete]="auto">
+        <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn" (optionSelected)="optionSelected($event)"
+                          [requireSelection]="requireSelection">
+          @for (palette of PALETTES; track palette.palette) {
+            <mat-option [value]="palette">
+              <div class="guajiritos-theme-item w-100">
+                <svg width="80" height="80" viewBox="0 0 80 80" [class]="palette.palette">
+                  <path
+                    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"
+                    fill="#fffbff"></path>
+                  <path
+                    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"
+                    fill="" class="svg-color"></path>
+                  <path d="M0 0h80v17.24H0V0z" class="svg-color" fill=""></path>
+                </svg>
+                <span>{{ palette.name }}</span>
+              </div>
+            </mat-option>
+          }
+        </mat-autocomplete>
+      </mat-form-field>
+
+      @if (form.value?.palette) {
+        <svg width="80" height="80" viewBox="0 0 80 80" [class]="form.value.palette"
+             [ngStyle]="{'width': width, 'height': height}" id="activePalette">
+          <path
+            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"
+            fill="#fffbff"></path>
+          <path
+            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"
+            fill="" class="svg-color"></path>
+          <path d="M0 0h80v17.24H0V0z" class="svg-color" fill=""></path>
+        </svg>
+      }
+    </div>
+  `, isInline: true, styles: [".w-100{width:100%}.guajiritos-theme-picker,.guajiritos-theme-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.guajiritos-theme-item svg{width:24px;height:24px}#activePalette{border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: GuajiritosThemePicker, decorators: [{
+            type: Component,
+            args: [{ selector: 'guajiritos-theme-picker', standalone: true, imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        MatAutocompleteModule,
+                        ReactiveFormsModule,
+                        MatInputModule
+                    ], template: `
+    <div class="guajiritos-theme-picker">
+      <mat-form-field class="w-100" [appearance]="appearance" [color]="color" [floatLabel]="floatLabelType"
+                      [subscriptSizing]="subscriptSizing">
+        <mat-label>Assignee</mat-label>
+        <input type="text" matInput [formControl]="form" [matAutocomplete]="auto">
+        <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn" (optionSelected)="optionSelected($event)"
+                          [requireSelection]="requireSelection">
+          @for (palette of PALETTES; track palette.palette) {
+            <mat-option [value]="palette">
+              <div class="guajiritos-theme-item w-100">
+                <svg width="80" height="80" viewBox="0 0 80 80" [class]="palette.palette">
+                  <path
+                    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"
+                    fill="#fffbff"></path>
+                  <path
+                    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"
+                    fill="" class="svg-color"></path>
+                  <path d="M0 0h80v17.24H0V0z" class="svg-color" fill=""></path>
+                </svg>
+                <span>{{ palette.name }}</span>
+              </div>
+            </mat-option>
+          }
+        </mat-autocomplete>
+      </mat-form-field>
+
+      @if (form.value?.palette) {
+        <svg width="80" height="80" viewBox="0 0 80 80" [class]="form.value.palette"
+             [ngStyle]="{'width': width, 'height': height}" id="activePalette">
+          <path
+            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"
+            fill="#fffbff"></path>
+          <path
+            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"
+            fill="" class="svg-color"></path>
+          <path d="M0 0h80v17.24H0V0z" class="svg-color" fill=""></path>
+        </svg>
+      }
+    </div>
+  `, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GuajiritosThemePicker),
+                            multi: true
+                        }
+                    ], styles: [".w-100{width:100%}.guajiritos-theme-picker,.guajiritos-theme-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.guajiritos-theme-item svg{width:24px;height:24px}#activePalette{border-radius:4px}\n"] }]
+        }], propDecorators: { appearance: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], floatLabelType: [{
+                type: Input
+            }], requireSelection: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], emitOnlyPalette: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of material-themes-picker
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GUAJIRITOS_PALETTE, GuajiritosThemePicker, GuajiritosThemePickerMenu, PALETTES };
+//# sourceMappingURL=guajiritos-theme-picker.mjs.map

package/fesm2022/guajiritos-theme-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"guajiritos-theme-picker.mjs","sources":["../../../projects/material-theme-picker/src/lib/models/models.ts","../../../projects/material-theme-picker/src/lib/material-theme-picker.component.ts","../../../projects/material-theme-picker/src/public-api.ts","../../../projects/material-theme-picker/src/guajiritos-theme-picker.ts"],"sourcesContent":["export enum GUAJIRITOS_PALETTE {\r\n  OCEAN_GREEN = 'ocean-green',\r\n  BRIGHT_YELLOW = 'bright-yellow',\r\n  APPLE = 'apple',\r\n  GREEN = 'green',\r\n  DOUBAN_BLUE = 'douban-blue',\r\n  BLIZZARD_BLUE = 'blizzard-blue',\r\n  SASQUATCH_SOCKS = 'sasquatch-socks',\r\n  SAPPHIRE = 'sapphire',\r\n  ATENEO_BLUE = 'ateneo-blue',\r\n  BRILLIANT_AZURE = 'brilliant-azure',\r\n  DEEP_CARMINE_PINK = 'deep-carmine-pink',\r\n  MUSTARD_YELLOW = 'mustard-yellow',\r\n  BLUE_BOLT = 'blue-bolt',\r\n  DARK_TURQUOISE = 'dark-turquoise',\r\n  JELLY_BEAN_BLUE = 'jelly-bean-blue'\r\n}\r\n\r\nexport interface GuajiritosPalette {\r\n  name: string;\r\n  palette: GUAJIRITOS_PALETTE;\r\n  show?: boolean;\r\n}\r\n\r\nexport const PALETTES: GuajiritosPalette[] = [\r\n  {\r\n    name: 'Ocean Green',\r\n    palette: GUAJIRITOS_PALETTE.OCEAN_GREEN,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Bright Yellow',\r\n    palette: GUAJIRITOS_PALETTE.BRIGHT_YELLOW,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Apple',\r\n    palette: GUAJIRITOS_PALETTE.APPLE,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Green',\r\n    palette: GUAJIRITOS_PALETTE.GREEN,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Douban Blue',\r\n    palette: GUAJIRITOS_PALETTE.DOUBAN_BLUE,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Blizzard Blue',\r\n    palette: GUAJIRITOS_PALETTE.BLIZZARD_BLUE,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Sasquatch Socks',\r\n    palette: GUAJIRITOS_PALETTE.SASQUATCH_SOCKS,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Sapphire',\r\n    palette: GUAJIRITOS_PALETTE.SAPPHIRE,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Ateneo Blue',\r\n    palette: GUAJIRITOS_PALETTE.ATENEO_BLUE,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Brilliant Azure',\r\n    palette: GUAJIRITOS_PALETTE.BRILLIANT_AZURE,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Deep Carmine Pink',\r\n    palette: GUAJIRITOS_PALETTE.DEEP_CARMINE_PINK,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Mustard Yellow',\r\n    palette: GUAJIRITOS_PALETTE.MUSTARD_YELLOW,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Blue Bolt',\r\n    palette: GUAJIRITOS_PALETTE.BLUE_BOLT,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Dark Turquoise',\r\n    palette: GUAJIRITOS_PALETTE.DARK_TURQUOISE,\r\n    show: true\r\n  },\r\n  {\r\n    name: 'Jelly Bean Blue',\r\n    palette: GUAJIRITOS_PALETTE.JELLY_BEAN_BLUE,\r\n    show: true\r\n  }\r\n];\r\n","import {Component, EventEmitter, forwardRef, Input, Output, signal, WritableSignal} from '@angular/core';\r\nimport {MatIconModule} from \"@angular/material/icon\";\r\nimport {CommonModule} from \"@angular/common\";\r\nimport {MatMenuModule} from \"@angular/material/menu\";\r\nimport {MatButtonModule} from \"@angular/material/button\";\r\nimport {ThemePalette} from \"@angular/material/core\";\r\nimport {\r\n  FloatLabelType,\r\n  MatFormFieldAppearance,\r\n  MatFormFieldModule,\r\n  SubscriptSizing\r\n} from \"@angular/material/form-field\";\r\nimport {MatAutocompleteModule} from \"@angular/material/autocomplete\";\r\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR, ReactiveFormsModule, UntypedFormControl} from \"@angular/forms\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\n\r\nimport {GUAJIRITOS_PALETTE, GuajiritosPalette, PALETTES} from './models/models';\r\n\r\n@Component({\r\n  selector: 'guajiritos-theme-picker-menu',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatButtonModule\r\n  ],\r\n  template: `\r\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"theme picker\" [color]=\"color\">\r\n      <mat-icon>format_color_fill</mat-icon>\r\n    </button>\r\n    <mat-menu #menu=\"matMenu\">\r\n      @for (palette of menuPalettes(); track palette.palette) {\r\n        @if (palette.show) {\r\n          <button mat-menu-item (click)=\"selectPalette(palette)\">\r\n            <div class=\"guajiritos-theme-item\">\r\n              <span>{{ palette.name }}</span>\r\n              <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" [class]=\"palette.palette\">\r\n                <path\r\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\"\r\n                  fill=\"#fffbff\"></path>\r\n                <path\r\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\"\r\n                  fill=\"\" class=\"svg-color\"></path>\r\n                <path d=\"M0 0h80v17.24H0V0z\" class=\"svg-color\" fill=\"\"></path>\r\n              </svg>\r\n            </div>\r\n          </button>\r\n        }\r\n      }\r\n    </mat-menu>\r\n  `,\r\n  styles: `\r\n    .guajiritos-theme-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 1rem;\r\n\r\n      svg {\r\n        width: 24px;\r\n        height: 24px;\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class GuajiritosThemePickerMenu {\r\n  public menuPalettes: WritableSignal<GuajiritosPalette[]> = signal((PALETTES));\r\n\r\n  @Input() color: ThemePalette;\r\n\r\n  @Input() set activePalettes(palettes: GUAJIRITOS_PALETTE[]) {\r\n    if (palettes?.length) {\r\n      this.menuPalettes.update((patts: GuajiritosPalette[]) => {\r\n        patts.forEach((palette: GuajiritosPalette): void => {\r\n          palette.show = palettes.includes(palette.palette);\r\n        })\r\n        return patts;\r\n      })\r\n    }\r\n  }\r\n\r\n  @Output() paletteChanged = new EventEmitter<GuajiritosPalette>();\r\n\r\n  public selectPalette(palette: GuajiritosPalette): void {\r\n    this.paletteChanged.emit(palette);\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'guajiritos-theme-picker',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    MatFormFieldModule,\r\n    MatAutocompleteModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule\r\n  ],\r\n  template: `\r\n    <div class=\"guajiritos-theme-picker\">\r\n      <mat-form-field class=\"w-100\" [appearance]=\"appearance\" [color]=\"color\" [floatLabel]=\"floatLabelType\"\r\n                      [subscriptSizing]=\"subscriptSizing\">\r\n        <mat-label>Assignee</mat-label>\r\n        <input type=\"text\" matInput [formControl]=\"form\" [matAutocomplete]=\"auto\">\r\n        <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\" (optionSelected)=\"optionSelected($event)\"\r\n                          [requireSelection]=\"requireSelection\">\r\n          @for (palette of PALETTES; track palette.palette) {\r\n            <mat-option [value]=\"palette\">\r\n              <div class=\"guajiritos-theme-item w-100\">\r\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" [class]=\"palette.palette\">\r\n                  <path\r\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\"\r\n                    fill=\"#fffbff\"></path>\r\n                  <path\r\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\"\r\n                    fill=\"\" class=\"svg-color\"></path>\r\n                  <path d=\"M0 0h80v17.24H0V0z\" class=\"svg-color\" fill=\"\"></path>\r\n                </svg>\r\n                <span>{{ palette.name }}</span>\r\n              </div>\r\n            </mat-option>\r\n          }\r\n        </mat-autocomplete>\r\n      </mat-form-field>\r\n\r\n      @if (form.value?.palette) {\r\n        <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" [class]=\"form.value.palette\"\r\n             [ngStyle]=\"{'width': width, 'height': height}\" id=\"activePalette\">\r\n          <path\r\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\"\r\n            fill=\"#fffbff\"></path>\r\n          <path\r\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\"\r\n            fill=\"\" class=\"svg-color\"></path>\r\n          <path d=\"M0 0h80v17.24H0V0z\" class=\"svg-color\" fill=\"\"></path>\r\n        </svg>\r\n      }\r\n    </div>\r\n  `,\r\n  styles: [\r\n    `\r\n      .w-100 {\r\n        width: 100%;\r\n      }\r\n\r\n      .guajiritos-theme-picker {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 1rem;\r\n      }\r\n\r\n      .guajiritos-theme-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 1rem;\r\n\r\n        svg {\r\n          width: 24px;\r\n          height: 24px;\r\n        }\r\n      }\r\n\r\n      #activePalette {\r\n        border-radius: 4px;\r\n      }\r\n    `\r\n  ],\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => GuajiritosThemePicker),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class GuajiritosThemePicker implements ControlValueAccessor {\r\n  protected readonly PALETTES: GuajiritosPalette[] = PALETTES;\r\n\r\n  public form: UntypedFormControl = new UntypedFormControl({value: null, disabled: false});\r\n\r\n  @Input() appearance: MatFormFieldAppearance = \"outline\";\r\n  @Input() color: ThemePalette = \"accent\";\r\n  @Input() subscriptSizing: SubscriptSizing = \"dynamic\";\r\n  @Input() floatLabelType: FloatLabelType = \"always\";\r\n  @Input() requireSelection: boolean = true;\r\n\r\n  @Input() height: string = '44px';\r\n  @Input() width: string = '44px';\r\n  @Input() emitOnlyPalette: boolean = false;\r\n\r\n  displayFn(palette: GuajiritosPalette): string {\r\n    return palette?.name ?? '';\r\n  }\r\n\r\n  propagateChange = (_: any): void => {\r\n  };\r\n\r\n  registerOnChange(fn: (_: any) => void): void {\r\n    this.propagateChange = fn;\r\n  }\r\n\r\n  registerOnTouched(): void {\r\n  }\r\n\r\n  writeValue(palette: GuajiritosPalette): void {\r\n    if (palette) {\r\n      this.form.setValue(palette, {emitEvent: false});\r\n    }\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    if (isDisabled) {\r\n      this.form.disable();\r\n    } else {\r\n      this.form.enable();\r\n    }\r\n  }\r\n\r\n  public optionSelected($event: any): void {\r\n    if ($event?.option?.value) {\r\n      this.propagateChange(this.emitOnlyPalette ? $event.option.value?.palette : $event.option.value);\r\n    }\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of material-themes-picker\r\n */\r\n\r\nexport * from './lib/material-theme-picker.component';\r\nexport * from './lib/models/models';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@guajiritos/theme-picker" />
+export * from './public-api';

package/lib/material-theme-picker.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter, WritableSignal } from '@angular/core';
+import { ThemePalette } from "@angular/material/core";
+import { FloatLabelType, MatFormFieldAppearance, SubscriptSizing } from "@angular/material/form-field";
+import { ControlValueAccessor, UntypedFormControl } from "@angular/forms";
+import { GUAJIRITOS_PALETTE, GuajiritosPalette } from './models/models';
+import * as i0 from "@angular/core";
+export declare class GuajiritosThemePickerMenu {
+    menuPalettes: WritableSignal<GuajiritosPalette[]>;
+    color: ThemePalette;
+    set activePalettes(palettes: GUAJIRITOS_PALETTE[]);
+    paletteChanged: EventEmitter<GuajiritosPalette>;
+    selectPalette(palette: GuajiritosPalette): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GuajiritosThemePickerMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GuajiritosThemePickerMenu, "guajiritos-theme-picker-menu", never, { "color": { "alias": "color"; "required": false; }; "activePalettes": { "alias": "activePalettes"; "required": false; }; }, { "paletteChanged": "paletteChanged"; }, never, never, true, never>;
+}
+export declare class GuajiritosThemePicker implements ControlValueAccessor {
+    protected readonly PALETTES: GuajiritosPalette[];
+    form: UntypedFormControl;
+    appearance: MatFormFieldAppearance;
+    color: ThemePalette;
+    subscriptSizing: SubscriptSizing;
+    floatLabelType: FloatLabelType;
+    requireSelection: boolean;
+    height: string;
+    width: string;
+    emitOnlyPalette: boolean;
+    displayFn(palette: GuajiritosPalette): string;
+    propagateChange: (_: any) => void;
+    registerOnChange(fn: (_: any) => void): void;
+    registerOnTouched(): void;
+    writeValue(palette: GuajiritosPalette): void;
+    setDisabledState(isDisabled: boolean): void;
+    optionSelected($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GuajiritosThemePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GuajiritosThemePicker, "guajiritos-theme-picker", never, { "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "floatLabelType": { "alias": "floatLabelType"; "required": false; }; "requireSelection": { "alias": "requireSelection"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "emitOnlyPalette": { "alias": "emitOnlyPalette"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/models/models.d.ts

@@ -0,0 +1,23 @@
+export declare enum GUAJIRITOS_PALETTE {
+    OCEAN_GREEN = "ocean-green",
+    BRIGHT_YELLOW = "bright-yellow",
+    APPLE = "apple",
+    GREEN = "green",
+    DOUBAN_BLUE = "douban-blue",
+    BLIZZARD_BLUE = "blizzard-blue",
+    SASQUATCH_SOCKS = "sasquatch-socks",
+    SAPPHIRE = "sapphire",
+    ATENEO_BLUE = "ateneo-blue",
+    BRILLIANT_AZURE = "brilliant-azure",
+    DEEP_CARMINE_PINK = "deep-carmine-pink",
+    MUSTARD_YELLOW = "mustard-yellow",
+    BLUE_BOLT = "blue-bolt",
+    DARK_TURQUOISE = "dark-turquoise",
+    JELLY_BEAN_BLUE = "jelly-bean-blue"
+}
+export interface GuajiritosPalette {
+    name: string;
+    palette: GUAJIRITOS_PALETTE;
+    show?: boolean;
+}
+export declare const PALETTES: GuajiritosPalette[];

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@guajiritos/theme-picker",
+  "version": "17.0.1",
+  "peerDependencies": {
+    "@angular/common": "^17.3.0",
+    "@angular/core": "^17.3.0",
+    "@angular/material": "^17.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "exports": {
+    "./palettes": {
+      "sass": "./palettes.scss"
+    },
+    "./theme": {
+      "sass": "./theme.scss"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/guajiritos-theme-picker.mjs",
+      "esm": "./esm2022/guajiritos-theme-picker.mjs",
+      "default": "./fesm2022/guajiritos-theme-picker.mjs"
+    }
+  },
+  "module": "fesm2022/guajiritos-theme-picker.mjs",
+  "typings": "index.d.ts"
+}