cmat 0.0.3

package/fesm2022/cmat-components-highlight.mjs

@@ -0,0 +1,131 @@
+import * as i0 from '@angular/core';
+import { Injectable, SecurityContext, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
+import { NgClass } from '@angular/common';
+import * as i1 from '@angular/platform-browser';
+import hljs from 'highlight.js';
+
+class CmatHighlightService {
+    highlight(code, language) {
+        // Format the code
+        code = this._format(code);
+        // Highlight and return the code
+        return hljs.highlight(code, { language }).value;
+    }
+    _format(code) {
+        let indentation = 0;
+        // Split the code into lines and store the lines
+        const lines = code.split('\n');
+        // Trim the empty lines around the code block
+        while (lines.length && lines[0].trim() === '') {
+            lines.shift();
+        }
+        while (lines.length && lines[lines.length - 1].trim() === '') {
+            lines.pop();
+        }
+        // Iterate through the lines
+        lines.filter(line => line.length)
+            .forEach((line, index) => {
+            // Always get the indentation of the first line so we can
+            // have something to compare with
+            if (index === 0) {
+                indentation = line.search(/\S|$/);
+                return;
+            }
+            // Look at all the remaining lines to figure out the smallest indentation.
+            indentation = Math.min(line.search(/\S|$/), indentation);
+        });
+        // Iterate through the lines one more time, remove the extra
+        // indentation, join them together and return it
+        return lines.map(line => line.substring(indentation)).join('\n');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatHighlightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatHighlightService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatHighlightService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class CmatHighlightComponent {
+    constructor(_domSanitizer, _elementRef, _cmatHighlightService, _viewContainerRef) {
+        this._domSanitizer = _domSanitizer;
+        this._elementRef = _elementRef;
+        this._cmatHighlightService = _cmatHighlightService;
+        this._viewContainerRef = _viewContainerRef;
+    }
+    ngOnChanges(changes) {
+        // Code & Lang
+        if ('code' in changes || 'lang' in changes) {
+            // Return if the viewContainerRef is not available
+            if (!this._viewContainerRef.length) {
+                return;
+            }
+            // Highlight and insert the code
+            this._highlightAndInsert();
+        }
+    }
+    ngAfterViewInit() {
+        // Return if there is no language set
+        if (!this.lang) {
+            return;
+        }
+        // If there is no code input, get the code from
+        // the textarea
+        if (!this.code) {
+            // Get the code
+            this.code = this._elementRef.nativeElement.value;
+        }
+        // Highlight and insert
+        this._highlightAndInsert();
+    }
+    _highlightAndInsert() {
+        // Return if the template reference is not available
+        if (!this.templateRef) {
+            return;
+        }
+        // Return if the code or language is not defined
+        if (!this.code || !this.lang) {
+            return;
+        }
+        // Destroy the component if there is already one
+        if (this._viewRef) {
+            this._viewRef.destroy();
+            this._viewRef = null;
+        }
+        // Highlight and sanitize the code just in case
+        this.highlightedCode = this._domSanitizer.sanitize(SecurityContext.HTML, this._cmatHighlightService.highlight(this.code, this.lang));
+        // Return if the highlighted code is null
+        if (this.highlightedCode === null) {
+            return;
+        }
+        // Render and insert the template
+        this._viewRef = this._viewContainerRef.createEmbeddedView(this.templateRef, {
+            highlightedCode: this.highlightedCode,
+            lang: this.lang
+        });
+        // Detect the changes
+        this._viewRef.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatHighlightComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: CmatHighlightService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatHighlightComponent, isStandalone: true, selector: "textarea[cmat-highlight]", inputs: { code: "code", lang: "lang" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["cmatHighlight"], usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-template let-highlightedCode=\"highlightedCode\" let-lang=\"lang\">\r\n    <div class=\"cmat-highlight cmat-highlight-code-container\">\r\n        <pre [ngClass]=\"'language-' + lang\"><code [ngClass]=\"'language-' + lang\" [innerHTML]=\"highlightedCode\"></code>\r\n        </pre>\r\n    </div>\r\n</ng-template>", styles: ["textarea[cmat-highlight]{display:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatHighlightComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'textarea[cmat-highlight]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatHighlight', standalone: true, imports: [NgClass], template: "<ng-content></ng-content>\r\n\r\n<ng-template let-highlightedCode=\"highlightedCode\" let-lang=\"lang\">\r\n    <div class=\"cmat-highlight cmat-highlight-code-container\">\r\n        <pre [ngClass]=\"'language-' + lang\"><code [ngClass]=\"'language-' + lang\" [innerHTML]=\"highlightedCode\"></code>\r\n        </pre>\r\n    </div>\r\n</ng-template>", styles: ["textarea[cmat-highlight]{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: CmatHighlightService }, { type: i0.ViewContainerRef }], propDecorators: { code: [{
+                type: Input
+            }], lang: [{
+                type: Input
+            }], templateRef: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatHighlightComponent, CmatHighlightService };
+//# sourceMappingURL=cmat-components-highlight.mjs.map

package/fesm2022/cmat-components-highlight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-highlight.mjs","sources":["../../../projects/cmat/components/highlight/highlight.service.ts","../../../projects/cmat/components/highlight/highlight.component.ts","../../../projects/cmat/components/highlight/highlight.component.html","../../../projects/cmat/components/highlight/cmat-components-highlight.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport hljs from 'highlight.js';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatHighlightService {\r\n    highlight(code: string, language: string): string {\r\n        // Format the code\r\n        code = this._format(code);\r\n\r\n        // Highlight and return the code\r\n        return hljs.highlight(code, { language }).value;\r\n    }\r\n\r\n    private _format(code: string): string {\r\n        let indentation = 0;\r\n\r\n        // Split the code into lines and store the lines\r\n        const lines = code.split('\\n');\r\n\r\n        // Trim the empty lines around the code block\r\n        while (lines.length && lines[0].trim() === '') {\r\n            lines.shift();\r\n        }\r\n\r\n        while (lines.length && lines[lines.length - 1].trim() === '') {\r\n            lines.pop();\r\n        }\r\n\r\n        // Iterate through the lines\r\n        lines.filter(line => line.length)\r\n            .forEach((line, index) => {\r\n\r\n                // Always get the indentation of the first line so we can\r\n                // have something to compare with\r\n                if (index === 0) {\r\n                    indentation = line.search(/\\S|$/);\r\n                    return;\r\n                }\r\n\r\n                // Look at all the remaining lines to figure out the smallest indentation.\r\n                indentation = Math.min(line.search(/\\S|$/), indentation);\r\n            });\r\n\r\n        // Iterate through the lines one more time, remove the extra\r\n        // indentation, join them together and return it\r\n        return lines.map(line => line.substring(indentation)).join('\\n');\r\n    }\r\n}\r\n","import {\r\n    AfterViewInit,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ElementRef,\r\n    EmbeddedViewRef,\r\n    Input,\r\n    OnChanges,\r\n    SecurityContext,\r\n    SimpleChanges,\r\n    TemplateRef,\r\n    ViewChild,\r\n    ViewContainerRef,\r\n    ViewEncapsulation\r\n} from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { CmatHighlightService } from './highlight.service';\r\nimport { NgClass } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'textarea[cmat-highlight]',\r\n    templateUrl: './highlight.component.html',\r\n    styleUrls: ['./highlight.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatHighlight',\r\n    standalone: true,\r\n    imports: [NgClass]\r\n})\r\nexport class CmatHighlightComponent implements OnChanges, AfterViewInit {\r\n    @Input() code: string;\r\n    @Input() lang: string;\r\n    @ViewChild(TemplateRef) templateRef: TemplateRef<any>;\r\n\r\n    highlightedCode: string | null;\r\n    private _viewRef: EmbeddedViewRef<any> | null;\r\n\r\n    constructor(\r\n        private _domSanitizer: DomSanitizer,\r\n        private _elementRef: ElementRef,\r\n        private _cmatHighlightService: CmatHighlightService,\r\n        private _viewContainerRef: ViewContainerRef\r\n    ) {\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        // Code & Lang\r\n        if ('code' in changes || 'lang' in changes) {\r\n            // Return if the viewContainerRef is not available\r\n            if (!this._viewContainerRef.length) {\r\n                return;\r\n            }\r\n\r\n            // Highlight and insert the code\r\n            this._highlightAndInsert();\r\n        }\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        // Return if there is no language set\r\n        if (!this.lang) {\r\n            return;\r\n        }\r\n\r\n        // If there is no code input, get the code from\r\n        // the textarea\r\n        if (!this.code) {\r\n            // Get the code\r\n            this.code = this._elementRef.nativeElement.value;\r\n        }\r\n\r\n        // Highlight and insert\r\n        this._highlightAndInsert();\r\n    }\r\n\r\n    private _highlightAndInsert(): void {\r\n        // Return if the template reference is not available\r\n        if (!this.templateRef) {\r\n            return;\r\n        }\r\n\r\n        // Return if the code or language is not defined\r\n        if (!this.code || !this.lang) {\r\n            return;\r\n        }\r\n\r\n        // Destroy the component if there is already one\r\n        if (this._viewRef) {\r\n            this._viewRef.destroy();\r\n            this._viewRef = null;\r\n        }\r\n\r\n        // Highlight and sanitize the code just in case\r\n        this.highlightedCode = this._domSanitizer.sanitize(SecurityContext.HTML, this._cmatHighlightService.highlight(this.code, this.lang));\r\n\r\n        // Return if the highlighted code is null\r\n        if (this.highlightedCode === null) {\r\n            return;\r\n        }\r\n\r\n        // Render and insert the template\r\n        this._viewRef = this._viewContainerRef.createEmbeddedView(this.templateRef, {\r\n            highlightedCode: this.highlightedCode,\r\n            lang: this.lang\r\n        });\r\n\r\n        // Detect the changes\r\n        this._viewRef.detectChanges();\r\n    }\r\n}\r\n","<ng-content></ng-content>\r\n\r\n<ng-template let-highlightedCode=\"highlightedCode\" let-lang=\"lang\">\r\n    <div class=\"cmat-highlight cmat-highlight-code-container\">\r\n        <pre [ngClass]=\"'language-' + lang\"><code [ngClass]=\"'language-' + lang\" [innerHTML]=\"highlightedCode\"></code>\r\n        </pre>\r\n    </div>\r\n</ng-template>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.CmatHighlightService"],"mappings":";;;;;;MAMa,oBAAoB,CAAA;IAC7B,SAAS,CAAC,IAAY,EAAE,QAAgB,EAAA;;AAEpC,QAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;;AAG1B,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;KACnD;AAEO,IAAA,OAAO,CAAC,IAAY,EAAA;QACxB,IAAI,WAAW,GAAG,CAAC,CAAC;;QAGpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;;AAG/B,QAAA,OAAO,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC3C,KAAK,CAAC,KAAK,EAAE,CAAC;AACjB,SAAA;AAED,QAAA,OAAO,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC1D,KAAK,CAAC,GAAG,EAAE,CAAC;AACf,SAAA;;QAGD,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC;AAC5B,aAAA,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;;;YAIrB,IAAI,KAAK,KAAK,CAAC,EAAE;AACb,gBAAA,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAClC,OAAO;AACV,aAAA;;AAGD,YAAA,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC;AAC7D,SAAC,CAAC,CAAC;;;QAIP,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpE;8GA1CQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cAFjB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAET,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;MCwBY,sBAAsB,CAAA;AAQ/B,IAAA,WAAA,CACY,aAA2B,EAC3B,WAAuB,EACvB,qBAA2C,EAC3C,iBAAmC,EAAA;QAHnC,IAAa,CAAA,aAAA,GAAb,aAAa,CAAc;QAC3B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QACvB,IAAqB,CAAA,qBAAA,GAArB,qBAAqB,CAAsB;QAC3C,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAkB;KAE9C;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;;AAE9B,QAAA,IAAI,MAAM,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,EAAE;;AAExC,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;gBAChC,OAAO;AACV,aAAA;;YAGD,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC9B,SAAA;KACJ;IAED,eAAe,GAAA;;AAEX,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACZ,OAAO;AACV,SAAA;;;AAID,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;YAEZ,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC;AACpD,SAAA;;QAGD,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC9B;IAEO,mBAAmB,GAAA;;AAEvB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACnB,OAAO;AACV,SAAA;;QAGD,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAC1B,OAAO;AACV,SAAA;;QAGD,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;AACxB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACxB,SAAA;;AAGD,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;AAGrI,QAAA,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE;YAC/B,OAAO;AACV,SAAA;;AAGD,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;YACxE,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,IAAI,EAAE,IAAI,CAAC,IAAI;AAClB,SAAA,CAAC,CAAC;;AAGH,QAAA,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;KACjC;8GA/EQ,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,oBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAGpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,WAAW,EChC1B,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gWAOc,kGDoBA,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAER,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAGrB,aAAA,EAAA,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,eAAe,EACb,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,gWAAA,EAAA,MAAA,EAAA,CAAA,0CAAA,CAAA,EAAA,CAAA;yKAGT,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACkB,WAAW,EAAA,CAAA;sBAAlC,SAAS;uBAAC,WAAW,CAAA;;;AEhC1B;;AAEG;;;;"}

package/fesm2022/cmat-components-masonry.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { cmatAnimations } from 'cmat/animations';
+import { NgTemplateOutlet } from '@angular/common';
+
+class CmatMasonryComponent {
+    constructor() {
+        this.items = [];
+        this.distributedColumns = [];
+    }
+    ngOnChanges(changes) {
+        // Columns
+        if ('columns' in changes) {
+            // Distribute the items
+            this._distributeItems();
+        }
+        // Items
+        if ('items' in changes) {
+            // Distribute the items
+            this._distributeItems();
+        }
+    }
+    ngAfterViewInit() {
+        // Distribute the items for the first time
+        this._distributeItems();
+    }
+    _distributeItems() {
+        // Return an empty array if there are no items
+        if (this.items.length === 0) {
+            this.distributedColumns = [];
+            return;
+        }
+        // Prepare the distributed columns array
+        this.distributedColumns = Array.from(Array(this.columns), () => ({ items: [] }));
+        // Distribute the items to columns
+        for (let i = 0; i < this.items.length; i++) {
+            this.distributedColumns[i % this.columns].items.push(this.items[i]);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatMasonryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatMasonryComponent, isStandalone: true, selector: "cmat-masonry", inputs: { columnsTemplate: "columnsTemplate", columns: "columns", items: "items" }, exportAs: ["cmatMasonry"], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate; context: { $implicit: distributedColumns }\"></ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: cmatAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatMasonryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-masonry', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: cmatAnimations, exportAs: 'cmatMasonry', standalone: true, imports: [NgTemplateOutlet], template: "<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate; context: { $implicit: distributedColumns }\"></ng-container>\r\n</div>" }]
+        }], propDecorators: { columnsTemplate: [{
+                type: Input,
+                args: [{ required: true }]
+            }], columns: [{
+                type: Input,
+                args: [{ required: true }]
+            }], items: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatMasonryComponent };
+//# sourceMappingURL=cmat-components-masonry.mjs.map

package/fesm2022/cmat-components-masonry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-masonry.mjs","sources":["../../../projects/cmat/components/masonry/masonry.component.ts","../../../projects/cmat/components/masonry/masonry.component.html","../../../projects/cmat/components/masonry/cmat-components-masonry.ts"],"sourcesContent":["import {AfterViewInit, ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges, TemplateRef, ViewEncapsulation} from '@angular/core';\r\nimport {cmatAnimations} from 'cmat/animations';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'cmat-masonry',\r\n    templateUrl: './masonry.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    animations: cmatAnimations,\r\n    exportAs: 'cmatMasonry',\r\n    standalone: true,\r\n    imports: [NgTemplateOutlet]\r\n})\r\nexport class CmatMasonryComponent implements OnChanges, AfterViewInit {\r\n    @Input({ required: true }) columnsTemplate: TemplateRef<any>;\r\n    @Input({ required: true }) columns: number;\r\n    @Input() items: any[] = [];\r\n    distributedColumns: any[] = [];\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        // Columns\r\n        if ('columns' in changes) {\r\n            // Distribute the items\r\n            this._distributeItems();\r\n        }\r\n\r\n        // Items\r\n        if ('items' in changes) {\r\n            // Distribute the items\r\n            this._distributeItems();\r\n        }\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        // Distribute the items for the first time\r\n        this._distributeItems();\r\n    }\r\n\r\n    private _distributeItems(): void {\r\n        // Return an empty array if there are no items\r\n        if (this.items.length === 0) {\r\n            this.distributedColumns = [];\r\n            return;\r\n        }\r\n\r\n        // Prepare the distributed columns array\r\n        this.distributedColumns = Array.from(Array(this.columns), () => ({items: []}));\r\n\r\n        // Distribute the items to columns\r\n        for (let i = 0; i < this.items.length; i++) {\r\n            this.distributedColumns[i % this.columns].items.push(this.items[i]);\r\n        }\r\n    }\r\n}\r\n","<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate; context: { $implicit: distributedColumns }\"></ng-container>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAca,oBAAoB,CAAA;AAVjC,IAAA,WAAA,GAAA;QAaa,IAAK,CAAA,KAAA,GAAU,EAAE,CAAC;QAC3B,IAAkB,CAAA,kBAAA,GAAU,EAAE,CAAC;AAoClC,KAAA;AAlCG,IAAA,WAAW,CAAC,OAAsB,EAAA;;QAE9B,IAAI,SAAS,IAAI,OAAO,EAAE;;YAEtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC3B,SAAA;;QAGD,IAAI,OAAO,IAAI,OAAO,EAAE;;YAEpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC3B,SAAA;KACJ;IAED,eAAe,GAAA;;QAEX,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;IAEO,gBAAgB,GAAA;;AAEpB,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;YAC7B,OAAO;AACV,SAAA;;QAGD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC,CAAC,CAAC;;AAG/E,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,SAAA;KACJ;8GAvCQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,ECdjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,2JAEM,EDUQ,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,sIAHd,cAAc,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,iBAET,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA,cAAc,YAChB,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,2JAAA,EAAA,CAAA;8BAGA,eAAe,EAAA,CAAA;sBAAzC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBACE,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,KAAK,EAAA,CAAA;sBAAb,KAAK;;;AEjBV;;AAEG;;;;"}

package/fesm2022/cmat-components-material-color-picker.mjs

@@ -0,0 +1,160 @@
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Input } from '@angular/core';
+import { cmatAnimations } from 'cmat/animations';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { NgClass, NgSwitch, NgSwitchCase, NgFor, NgIf } from '@angular/common';
+import * as i2 from '@angular/material/core';
+
+const baseColors = [
+    'bg-slate',
+    'bg-red',
+    'bg-amber',
+    'bg-orange',
+    'bg-emerald',
+    'bg-teal',
+    'bg-blue',
+    'bg-indigo',
+    'bg-violet',
+    'bg-pink'
+];
+
+/* eslint-disable @typescript-eslint/no-empty-function */
+const CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => CmatMaterialColorPickerComponent),
+    multi: true
+};
+class CmatMaterialColorPickerComponent {
+    constructor() {
+        // Set the defaults
+        this.colorChanged = new EventEmitter();
+        this.palettes = baseColors;
+        this.hues = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
+        this.selectedHue = '500';
+        this.selectedPalette = 'bg-indigo';
+        this.view = 'palettes';
+        this._modelChange = () => { };
+        this._modelTouched = () => { };
+        this.updateSelectedColor();
+    }
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        if (!value || value === '' || this._color === value) {
+            return;
+        }
+        // Split the color value (bg-red-400, bg-blue-500 etc.)
+        const colorParts = value.split('-');
+        // Take the very last part as the selected hue value
+        this.selectedHue = colorParts[colorParts.length - 1];
+        // Remove the last part
+        colorParts.pop();
+        // Rejoin the remaining parts as the selected palette name
+        this.selectedPalette = colorParts.join('-');
+        // Update the selected color
+        this.updateSelectedColor();
+    }
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get title() {
+        return this._title;
+    }
+    set title(value) {
+        this._title = value;
+    }
+    registerOnChange(fn) {
+        this._modelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._modelTouched = fn;
+    }
+    writeValue(color) {
+        // Return if null
+        if (!color) {
+            return;
+        }
+        // Set the color
+        this.color = color;
+    }
+    selectPalette(palette) {
+        // Go to 'hues' view
+        this.view = 'hues';
+        // Update the selected palette
+        this.selectedPalette = palette;
+        // Update the selected color
+        this.updateSelectedColor();
+    }
+    selectHue(hue) {
+        // Update the selected hue
+        this.selectedHue = hue;
+        // Update the selected color
+        this.updateSelectedColor();
+    }
+    removeColor() {
+        // Return to the 'palettes' view
+        this.view = 'palettes';
+        // Clear the selected palette and hue
+        this.selectedPalette = 'bg-indigo';
+        this.selectedHue = '500';
+        // Update the selected color
+        this.updateSelectedColor();
+    }
+    updateSelectedColor() {
+        if (this.selectedColor && this.selectedColor.palette === this.selectedPalette && this.selectedColor.hue === this.selectedHue) {
+            return;
+        }
+        // Set the selected color object
+        this.selectedColor = {
+            palette: this.selectedPalette,
+            hue: this.selectedHue,
+            color: this.selectedPalette + '-' + this.selectedHue
+        };
+        this._color = this.selectedColor.color;
+        this.colorChanged.emit(this.selectedColor);
+        // Mark the model as touched
+        this._modelTouched(this.selectedColor.color);
+        // Update the model
+        this._modelChange(this.selectedColor.color);
+    }
+    goToPalettesView() {
+        this.view = 'palettes';
+    }
+    onMenuOpen(opened) {
+        if (opened) {
+            this.view = 'hues';
+        }
+    }
+    trackByFn(index, item) {
+        return index || item;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatMaterialColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatMaterialColorPickerComponent, isStandalone: true, selector: "cmat-material-color-picker", inputs: { color: "color", title: "title" }, outputs: { colorChanged: "colorChanged" }, providers: [CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR], exportAs: ["cmatMaterialColorPicker"], ngImport: i0, template: "<div class=\"rounded\" [ngClass]=\"selectedColor.color\">\r\n    <mat-select value=\"init\" [disableOptionCentering]=\"true\" [hideSingleSelectionIndicator]=\"true\"\r\n        (openedChange)=\"onMenuOpen($event)\">\r\n        <mat-select-trigger class=\"flex p-1\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:paint-brush'\"></mat-icon>\r\n        </mat-select-trigger>\r\n\r\n        <header [ngClass]=\"'accent'\" class=\"shadow flex flex-row content-between justify-between p-2\">\r\n            <button type=\"button\" mat-icon-button class=\"secondary-text\" [class.invisible]=\"view === 'palettes'\"\r\n                (click)=\"goToPalettesView()\" aria-label=\"\u8C03\u8272\u677F\">\r\n                <mat-icon svgIcon=\"mat_outline:arrow_back\"></mat-icon>\r\n            </button>\r\n            <span class=\"align-middle leading-loose text-xl font-bold\">{{title}}</span>\r\n            <button type=\"button\" mat-icon-button class=\"remove-color-button secondary-text\" (click)=\"removeColor()\"\r\n                aria-label=\"\u79FB\u9664\u989C\u8272\" matTooltip=\"\u79FB\u9664\u989C\u8272\">\r\n                <mat-icon color=\"warn\" [svgIcon]=\"'mat_outline:cleaning_services'\"></mat-icon>\r\n            </button>\r\n        </header>\r\n\r\n        <div class=\"flex flex-wrap w-60 m-2\">\r\n            <mat-option value=\"init\" class=\"hidden\">\u521D\u59CB\u5316</mat-option>\r\n            <div [ngSwitch]=\"view\">\r\n                <div *ngSwitchCase=\"'palettes'\">\r\n                    <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n                        <div role=\"presentation\" *ngFor=\"let palette of palettes;trackBy: trackByFn\"\r\n                            class=\"cursor-pointer\" (click)=\"selectPalette(palette)\">\r\n                            <mat-option\r\n                                class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent hover:opacity-50\"\r\n                                [value]=\"selectedPalette\">\r\n                                <mat-icon class=\"absolute m-3 text-white\"\r\n                                    *ngIf=\"selectedColor.color===palette + '-' + selectedHue\"\r\n                                    [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                                <span class=\"flex w-10 h-10 m-1 rounded-full\"\r\n                                    [ngClass]=\"palette + '-' + selectedHue\"></span>\r\n                            </mat-option>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div *ngSwitchCase=\"'hues'\">\r\n                    <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n                        <div role=\"presentation\" *ngFor=\"let hue of hues;trackBy: trackByFn\" class=\"cursor-pointer\"\r\n                            (click)=\"selectHue(hue)\">\r\n                            <mat-option\r\n                                class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent hover:opacity-50\"\r\n                                [value]=\"selectedHue\">\r\n                                <mat-icon class=\"absolute m-3 text-white\"\r\n                                    *ngIf=\"selectedColor.color===selectedPalette + '-' + hue\"\r\n                                    [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                                <span class=\"flex w-10 h-10 m-1 rounded-full\"\r\n                                    [ngClass]=\"selectedPalette + '-' + hue\"></span>\r\n                            </mat-option>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </mat-select>\r\n</div>", styles: ["cmat-material-color-picker .mat-mdc-select-arrow-wrapper{display:none!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: cmatAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatMaterialColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-material-color-picker', animations: cmatAnimations, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatMaterialColorPicker', providers: [CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR], standalone: true, imports: [NgClass, MatSelectModule, MatIconModule, MatButtonModule, MatTooltipModule, NgSwitch, NgSwitchCase, NgFor, NgIf], template: "<div class=\"rounded\" [ngClass]=\"selectedColor.color\">\r\n    <mat-select value=\"init\" [disableOptionCentering]=\"true\" [hideSingleSelectionIndicator]=\"true\"\r\n        (openedChange)=\"onMenuOpen($event)\">\r\n        <mat-select-trigger class=\"flex p-1\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:paint-brush'\"></mat-icon>\r\n        </mat-select-trigger>\r\n\r\n        <header [ngClass]=\"'accent'\" class=\"shadow flex flex-row content-between justify-between p-2\">\r\n            <button type=\"button\" mat-icon-button class=\"secondary-text\" [class.invisible]=\"view === 'palettes'\"\r\n                (click)=\"goToPalettesView()\" aria-label=\"\u8C03\u8272\u677F\">\r\n                <mat-icon svgIcon=\"mat_outline:arrow_back\"></mat-icon>\r\n            </button>\r\n            <span class=\"align-middle leading-loose text-xl font-bold\">{{title}}</span>\r\n            <button type=\"button\" mat-icon-button class=\"remove-color-button secondary-text\" (click)=\"removeColor()\"\r\n                aria-label=\"\u79FB\u9664\u989C\u8272\" matTooltip=\"\u79FB\u9664\u989C\u8272\">\r\n                <mat-icon color=\"warn\" [svgIcon]=\"'mat_outline:cleaning_services'\"></mat-icon>\r\n            </button>\r\n        </header>\r\n\r\n        <div class=\"flex flex-wrap w-60 m-2\">\r\n            <mat-option value=\"init\" class=\"hidden\">\u521D\u59CB\u5316</mat-option>\r\n            <div [ngSwitch]=\"view\">\r\n                <div *ngSwitchCase=\"'palettes'\">\r\n                    <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n                        <div role=\"presentation\" *ngFor=\"let palette of palettes;trackBy: trackByFn\"\r\n                            class=\"cursor-pointer\" (click)=\"selectPalette(palette)\">\r\n                            <mat-option\r\n                                class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent hover:opacity-50\"\r\n                                [value]=\"selectedPalette\">\r\n                                <mat-icon class=\"absolute m-3 text-white\"\r\n                                    *ngIf=\"selectedColor.color===palette + '-' + selectedHue\"\r\n                                    [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                                <span class=\"flex w-10 h-10 m-1 rounded-full\"\r\n                                    [ngClass]=\"palette + '-' + selectedHue\"></span>\r\n                            </mat-option>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div *ngSwitchCase=\"'hues'\">\r\n                    <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n                        <div role=\"presentation\" *ngFor=\"let hue of hues;trackBy: trackByFn\" class=\"cursor-pointer\"\r\n                            (click)=\"selectHue(hue)\">\r\n                            <mat-option\r\n                                class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent hover:opacity-50\"\r\n                                [value]=\"selectedHue\">\r\n                                <mat-icon class=\"absolute m-3 text-white\"\r\n                                    *ngIf=\"selectedColor.color===selectedPalette + '-' + hue\"\r\n                                    [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                                <span class=\"flex w-10 h-10 m-1 rounded-full\"\r\n                                    [ngClass]=\"selectedPalette + '-' + hue\"></span>\r\n                            </mat-option>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </mat-select>\r\n</div>", styles: ["cmat-material-color-picker .mat-mdc-select-arrow-wrapper{display:none!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { colorChanged: [{
+                type: Output
+            }], color: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+class CmatSelectedColor {
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR, CmatMaterialColorPickerComponent, CmatSelectedColor };
+//# sourceMappingURL=cmat-components-material-color-picker.mjs.map

package/fesm2022/cmat-components-material-color-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-material-color-picker.mjs","sources":["../../../projects/cmat/components/material-color-picker/base-color.ts","../../../projects/cmat/components/material-color-picker/material-color-picker.component.ts","../../../projects/cmat/components/material-color-picker/material-color-picker.component.html","../../../projects/cmat/components/material-color-picker/selected-color.ts","../../../projects/cmat/components/material-color-picker/cmat-components-material-color-picker.ts"],"sourcesContent":["export const baseColors = [\r\n    'bg-slate',\r\n    'bg-red',\r\n    'bg-amber',\r\n    'bg-orange',\r\n    'bg-emerald',\r\n    'bg-teal',\r\n    'bg-blue',\r\n    'bg-indigo',\r\n    'bg-violet',\r\n    'bg-pink'\r\n];\r\n","/* eslint-disable @typescript-eslint/no-empty-function */\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';\r\n\r\nimport { cmatAnimations } from 'cmat/animations';\r\nimport { CmatSelectedColor } from './selected-color';\r\nimport { baseColors } from './base-color';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { NgClass, NgSwitch, NgSwitchCase, NgFor, NgIf } from '@angular/common';\r\n\r\nexport const CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR: any = {\r\n    provide: NG_VALUE_ACCESSOR,\r\n    useExisting: forwardRef(() => CmatMaterialColorPickerComponent),\r\n    multi: true\r\n};\r\n\r\n\r\n@Component({\r\n    selector: 'cmat-material-color-picker',\r\n    templateUrl: './material-color-picker.component.html',\r\n    styleUrls: ['./material-color-picker.component.scss'],\r\n    animations: cmatAnimations,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatMaterialColorPicker',\r\n    providers: [CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR],\r\n    standalone: true,\r\n    imports: [NgClass, MatSelectModule, MatIconModule, MatButtonModule, MatTooltipModule, NgSwitch, NgSwitchCase, NgFor, NgIf]\r\n})\r\nexport class CmatMaterialColorPickerComponent implements ControlValueAccessor {\r\n    // Color changed\r\n    @Output()\r\n    colorChanged: EventEmitter<any>;\r\n\r\n    palettes: string[];\r\n    hues: string[];\r\n    view: string;\r\n    selectedColor: CmatSelectedColor;\r\n    selectedPalette: string;\r\n    selectedHue: string;\r\n\r\n    // Private\r\n    private _color: string;\r\n    private _title: string;\r\n    private _modelChange: (value: any) => void;\r\n    private _modelTouched: (value: any) => void;\r\n\r\n    constructor() {\r\n        // Set the defaults\r\n        this.colorChanged = new EventEmitter();\r\n        this.palettes = baseColors;\r\n        this.hues = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];\r\n        this.selectedHue = '500';\r\n        this.selectedPalette = 'bg-indigo';\r\n        this.view = 'palettes';\r\n\r\n        this._modelChange = (): any => { };\r\n        this._modelTouched = (): any => { };\r\n\r\n        this.updateSelectedColor();\r\n    }\r\n\r\n    get color(): string {\r\n        return this._color;\r\n    }\r\n\r\n    @Input()\r\n    set color(value) {\r\n        if (!value || value === '' || this._color === value) {\r\n            return;\r\n        }\r\n\r\n        // Split the color value (bg-red-400, bg-blue-500 etc.)\r\n        const colorParts = value.split('-');\r\n\r\n        // Take the very last part as the selected hue value\r\n        this.selectedHue = colorParts[colorParts.length - 1];\r\n\r\n        // Remove the last part\r\n        colorParts.pop();\r\n\r\n        // Rejoin the remaining parts as the selected palette name\r\n        this.selectedPalette = colorParts.join('-');\r\n\r\n        // Update the selected color\r\n        this.updateSelectedColor();\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get title(): string {\r\n        return this._title;\r\n    }\r\n\r\n    @Input()\r\n    set title(value) {\r\n        this._title = value;\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this._modelChange = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this._modelTouched = fn;\r\n    }\r\n\r\n    writeValue(color: any): void {\r\n        // Return if null\r\n        if (!color) {\r\n            return;\r\n        }\r\n\r\n        // Set the color\r\n        this.color = color;\r\n    }\r\n\r\n    selectPalette(palette: string): void {\r\n        // Go to 'hues' view\r\n        this.view = 'hues';\r\n\r\n        // Update the selected palette\r\n        this.selectedPalette = palette;\r\n\r\n        // Update the selected color\r\n        this.updateSelectedColor();\r\n    }\r\n\r\n    selectHue(hue: string): void {\r\n        // Update the selected hue\r\n        this.selectedHue = hue;\r\n\r\n        // Update the selected color\r\n        this.updateSelectedColor();\r\n    }\r\n\r\n    removeColor(): void {\r\n        // Return to the 'palettes' view\r\n        this.view = 'palettes';\r\n\r\n        // Clear the selected palette and hue\r\n        this.selectedPalette = 'bg-indigo';\r\n        this.selectedHue = '500';\r\n\r\n        // Update the selected color\r\n        this.updateSelectedColor();\r\n    }\r\n\r\n    updateSelectedColor(): void {\r\n        if (this.selectedColor && this.selectedColor.palette === this.selectedPalette && this.selectedColor.hue === this.selectedHue) {\r\n            return;\r\n        }\r\n\r\n        // Set the selected color object\r\n        this.selectedColor = {\r\n            palette: this.selectedPalette,\r\n            hue: this.selectedHue,\r\n            color: this.selectedPalette + '-' + this.selectedHue\r\n        };\r\n\r\n        this._color = this.selectedColor.color;\r\n\r\n        this.colorChanged.emit(this.selectedColor);\r\n\r\n        // Mark the model as touched\r\n        this._modelTouched(this.selectedColor.color);\r\n\r\n        // Update the model\r\n        this._modelChange(this.selectedColor.color);\r\n\r\n    }\r\n\r\n    goToPalettesView(): void {\r\n        this.view = 'palettes';\r\n    }\r\n\r\n    onMenuOpen(opened: boolean): void {\r\n        if (opened) {\r\n            this.view = 'hues';\r\n        }\r\n    }\r\n\r\n    trackByFn(index: number, item: any): any {\r\n        return index || item;\r\n    }\r\n}\r\n","<div class=\"rounded\" [ngClass]=\"selectedColor.color\">\r\n    <mat-select value=\"init\" [disableOptionCentering]=\"true\" [hideSingleSelectionIndicator]=\"true\"\r\n        (openedChange)=\"onMenuOpen($event)\">\r\n        <mat-select-trigger class=\"flex p-1\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:paint-brush'\"></mat-icon>\r\n        </mat-select-trigger>\r\n\r\n        <header [ngClass]=\"'accent'\" class=\"shadow flex flex-row content-between justify-between p-2\">\r\n            <button type=\"button\" mat-icon-button class=\"secondary-text\" [class.invisible]=\"view === 'palettes'\"\r\n                (click)=\"goToPalettesView()\" aria-label=\"调色板\">\r\n                <mat-icon svgIcon=\"mat_outline:arrow_back\"></mat-icon>\r\n            </button>\r\n            <span class=\"align-middle leading-loose text-xl font-bold\">{{title}}</span>\r\n            <button type=\"button\" mat-icon-button class=\"remove-color-button secondary-text\" (click)=\"removeColor()\"\r\n                aria-label=\"移除颜色\" matTooltip=\"移除颜色\">\r\n                <mat-icon color=\"warn\" [svgIcon]=\"'mat_outline:cleaning_services'\"></mat-icon>\r\n            </button>\r\n        </header>\r\n\r\n        <div class=\"flex flex-wrap w-60 m-2\">\r\n            <mat-option value=\"init\" class=\"hidden\">初始化</mat-option>\r\n            <div [ngSwitch]=\"view\">\r\n                <div *ngSwitchCase=\"'palettes'\">\r\n                    <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n                        <div role=\"presentation\" *ngFor=\"let palette of palettes;trackBy: trackByFn\"\r\n                            class=\"cursor-pointer\" (click)=\"selectPalette(palette)\">\r\n                            <mat-option\r\n                                class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent hover:opacity-50\"\r\n                                [value]=\"selectedPalette\">\r\n                                <mat-icon class=\"absolute m-3 text-white\"\r\n                                    *ngIf=\"selectedColor.color===palette + '-' + selectedHue\"\r\n                                    [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                                <span class=\"flex w-10 h-10 m-1 rounded-full\"\r\n                                    [ngClass]=\"palette + '-' + selectedHue\"></span>\r\n                            </mat-option>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div *ngSwitchCase=\"'hues'\">\r\n                    <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n                        <div role=\"presentation\" *ngFor=\"let hue of hues;trackBy: trackByFn\" class=\"cursor-pointer\"\r\n                            (click)=\"selectHue(hue)\">\r\n                            <mat-option\r\n                                class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent hover:opacity-50\"\r\n                                [value]=\"selectedHue\">\r\n                                <mat-icon class=\"absolute m-3 text-white\"\r\n                                    *ngIf=\"selectedColor.color===selectedPalette + '-' + hue\"\r\n                                    [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                                <span class=\"flex w-10 h-10 m-1 rounded-full\"\r\n                                    [ngClass]=\"selectedPalette + '-' + hue\"></span>\r\n                            </mat-option>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </mat-select>\r\n</div>","export class CmatSelectedColor {\r\n    palette: string;\r\n    hue: string;\r\n    color: string;\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}