@spicainternational/ngx-sds-components 7.12.0-beta.1 → 8.0.0

package/fesm2022/spicainternational-ngx-sds-components-src-lib-color-picker.mjs

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Input, Output, Component } from '@angular/core';
+import { faCheck } from '@fortawesome/pro-solid-svg-icons';
+import * as i2 from 'devextreme-angular/ui/popover';
+import { DxPopoverModule } from 'devextreme-angular/ui/popover';
+import * as i1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { NgIf, NgFor, NgStyle } from '@angular/common';
+
+class SdsColorPickerComponent {
+    constructor() {
+        this.colors = [];
+        this.disabled = false;
+        this.style = 'inline';
+        this.showCaret = true;
+        this.shape = 'circle';
+        this.showDropdown = false;
+        this.checkIcon = faCheck;
+        this.gridSize = 1;
+        this.circleRadius = '100%';
+        this.squareRadius = '10%';
+        this.selectedColorChange = new EventEmitter();
+        this.selectedColorIndexChange = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        if (changes['colors']) {
+            this.gridSize = Math.ceil(Math.sqrt(this.colors.length));
+            this.dropdownGridTemplateColumns = `repeat(${this.gridSize}, 1fr)`;
+        }
+    }
+    ngOnInit() { }
+    selectColorByIndex(index) {
+        if (!this.disabled) {
+            let color = this.colors[index];
+            this.selectedColor = color;
+            this.selectedColorChange.emit(color);
+            this.selectedColorIndexChange.emit(index);
+            this.showDropdown = false;
+        }
+    }
+    onKeyDown($event) {
+        if ($event.key === 'ArrowUp' || $event.key === 'ArrowDown') {
+            $event.preventDefault();
+        }
+        if ($event.key === 'ArrowLeft' || $event.key === 'ArrowRight') {
+            $event.preventDefault();
+        }
+    }
+    toggleDropdown() {
+        this.showDropdown = !this.showDropdown;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsColorPickerComponent, isStandalone: true, selector: "sds-color-picker", inputs: { colors: "colors", disabled: "disabled", selectedColor: "selectedColor", defaultColor: "defaultColor", style: "style", showCaret: "showCaret", shape: "shape" }, outputs: { selectedColorChange: "selectedColorChange", selectedColorIndexChange: "selectedColorIndexChange" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n    *ngIf=\"style === 'inline'\"\r\n    class=\"color-tiles-container-inline\"\r\n    [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n>\r\n    <div\r\n        *ngFor=\"let color of colors; index as i\"\r\n        [style.background-color]=\"color\"\r\n        [style.border-color]=\"color\"\r\n        class=\"color-tile\"\r\n        [class.selected]=\"selectedColor === color\"\r\n        (click)=\"selectColorByIndex(i)\"\r\n    >\r\n        <fa-icon\r\n            *ngIf=\"selectedColor === color\"\r\n            [icon]=\"['fas', 'check']\"\r\n        >\r\n        </fa-icon>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"style === 'dropdown'\">\r\n\r\n    <button\r\n        #popoverTarget\r\n        type=\"button\"\r\n        class=\"btn d-flex align-items-center\"\r\n        [class.dropdown-toggle]=\"showCaret\"\r\n        [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n        aria-controls=\"dropdown-basic\"\r\n        (click)=\"toggleDropdown()\"\r\n        (keydown)=\"onKeyDown($event)\"\r\n    >\r\n\r\n        <div\r\n            class=\"color-tile color-tile-dropdown\"\r\n            [style.background-color]=\"selectedColor || defaultColor\"\r\n            [class.undefined-color]=\"!(selectedColor || defaultColor)\"\r\n        >\r\n        </div>\r\n    </button>\r\n\r\n    <dx-popover\r\n        [target]=\"popoverTarget\"\r\n        position=\"bottom\"\r\n        [(visible)]=\"showDropdown\"\r\n    >\r\n        <div\r\n            class=\"color-tiles-container-square\"\r\n            [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\r\n            [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n        >\r\n            <div\r\n                *ngFor=\"let color of colors; index as i\"\r\n                [style.background-color]=\"color\"\r\n                class=\"color-tile color-tile-popover\"\r\n                (click)=\"selectColorByIndex(i)\"\r\n            >\r\n            <fa-icon\r\n                *ngIf=\"selectedColor === color || !selectedColor && defaultColor === color\"\r\n                [icon]=\"checkIcon\"\r\n            >\r\n            </fa-icon>\r\n\r\n            </div>\r\n        </div>\r\n    </dx-popover>\r\n</ng-container>", styles: [".color-tiles-container-inline{display:flex;gap:.5rem;color:#fff}.color-tiles-container-square{display:grid;gap:1rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--sds-cp-radius);cursor:pointer}.color-tile.color-tile-popover:hover{filter:brightness(90%)}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}.btn:focus-visible{outline:0;box-shadow:0 0 0 .2rem #3b8fc240}.btn:active{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-color-picker', standalone: true, imports: [
+                        NgIf,
+                        NgFor,
+                        FontAwesomeModule,
+                        DxPopoverModule,
+                        NgStyle,
+                    ], template: "<div\r\n    *ngIf=\"style === 'inline'\"\r\n    class=\"color-tiles-container-inline\"\r\n    [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n>\r\n    <div\r\n        *ngFor=\"let color of colors; index as i\"\r\n        [style.background-color]=\"color\"\r\n        [style.border-color]=\"color\"\r\n        class=\"color-tile\"\r\n        [class.selected]=\"selectedColor === color\"\r\n        (click)=\"selectColorByIndex(i)\"\r\n    >\r\n        <fa-icon\r\n            *ngIf=\"selectedColor === color\"\r\n            [icon]=\"['fas', 'check']\"\r\n        >\r\n        </fa-icon>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"style === 'dropdown'\">\r\n\r\n    <button\r\n        #popoverTarget\r\n        type=\"button\"\r\n        class=\"btn d-flex align-items-center\"\r\n        [class.dropdown-toggle]=\"showCaret\"\r\n        [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n        aria-controls=\"dropdown-basic\"\r\n        (click)=\"toggleDropdown()\"\r\n        (keydown)=\"onKeyDown($event)\"\r\n    >\r\n\r\n        <div\r\n            class=\"color-tile color-tile-dropdown\"\r\n            [style.background-color]=\"selectedColor || defaultColor\"\r\n            [class.undefined-color]=\"!(selectedColor || defaultColor)\"\r\n        >\r\n        </div>\r\n    </button>\r\n\r\n    <dx-popover\r\n        [target]=\"popoverTarget\"\r\n        position=\"bottom\"\r\n        [(visible)]=\"showDropdown\"\r\n    >\r\n        <div\r\n            class=\"color-tiles-container-square\"\r\n            [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\r\n            [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n        >\r\n            <div\r\n                *ngFor=\"let color of colors; index as i\"\r\n                [style.background-color]=\"color\"\r\n                class=\"color-tile color-tile-popover\"\r\n                (click)=\"selectColorByIndex(i)\"\r\n            >\r\n            <fa-icon\r\n                *ngIf=\"selectedColor === color || !selectedColor && defaultColor === color\"\r\n                [icon]=\"checkIcon\"\r\n            >\r\n            </fa-icon>\r\n\r\n            </div>\r\n        </div>\r\n    </dx-popover>\r\n</ng-container>", styles: [".color-tiles-container-inline{display:flex;gap:.5rem;color:#fff}.color-tiles-container-square{display:grid;gap:1rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--sds-cp-radius);cursor:pointer}.color-tile.color-tile-popover:hover{filter:brightness(90%)}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}.btn:focus-visible{outline:0;box-shadow:0 0 0 .2rem #3b8fc240}.btn:active{border-color:transparent}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { colors: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], defaultColor: [{
+                type: Input
+            }], selectedColorChange: [{
+                type: Output
+            }], selectedColorIndexChange: [{
+                type: Output
+            }], style: [{
+                type: Input
+            }], showCaret: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsColorPickerComponent };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-color-picker.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-color-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-color-picker.mjs","sources":["../../../projects/ngx-sds-components/src/lib/color-picker/color-picker.component.ts","../../../projects/ngx-sds-components/src/lib/color-picker/color-picker.component.html","../../../projects/ngx-sds-components/src/lib/color-picker/spicainternational-ngx-sds-components-src-lib-color-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { faCheck } from '@fortawesome/pro-solid-svg-icons';\r\nimport { DxPopoverModule } from 'devextreme-angular/ui/popover';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { NgIf, NgFor, NgStyle } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'sds-color-picker',\r\n    templateUrl: './color-picker.component.html',\r\n    styleUrls: ['./color-picker.component.scss'],\r\n    standalone: true,\r\n    imports: [\r\n        NgIf,\r\n        NgFor,\r\n        FontAwesomeModule,\r\n        DxPopoverModule,\r\n        NgStyle,\r\n    ],\r\n})\r\nexport class SdsColorPickerComponent implements OnInit, OnChanges {\r\n    @Input() colors: Array<string> = [];\r\n    @Input() disabled: boolean = false;\r\n    @Input() selectedColor?: string;\r\n    @Input() defaultColor?: string;\r\n    @Output() selectedColorChange: EventEmitter<string>;\r\n    @Output() selectedColorIndexChange: EventEmitter<number>;\r\n    @Input() style: 'inline' | 'dropdown' = 'inline'\r\n    @Input() showCaret: boolean = true;\r\n    @Input() shape: 'circle' | 'square' = 'circle';\r\n\r\n    // public checkIcon = faCheck;\r\n    public dropdownGridTemplateColumns?: string;\r\n    public showDropdown = false;\r\n\r\n    public checkIcon = faCheck;\r\n\r\n    private gridSize = 1;\r\n\r\n    public circleRadius = '100%';\r\n    public squareRadius = '10%';\r\n\r\n    constructor() {\r\n        this.selectedColorChange = new EventEmitter<string>();\r\n        this.selectedColorIndexChange = new EventEmitter<number>();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['colors']) {\r\n            this.gridSize = Math.ceil(Math.sqrt(this.colors.length));\r\n            this.dropdownGridTemplateColumns = `repeat(${this.gridSize}, 1fr)`;\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public selectColorByIndex(index: number): void {\r\n        if (!this.disabled) {\r\n            let color = this.colors[index];\r\n            this.selectedColor = color;\r\n            this.selectedColorChange.emit(color);\r\n            this.selectedColorIndexChange.emit(index);\r\n            this.showDropdown = false;\r\n        }\r\n    }\r\n\r\n    public onKeyDown($event: KeyboardEvent) {\r\n\r\n        if ($event.key === 'ArrowUp' || $event.key === 'ArrowDown') {\r\n            $event.preventDefault();       \r\n        }\r\n\r\n        if ($event.key === 'ArrowLeft' || $event.key === 'ArrowRight') {\r\n            $event.preventDefault();        \r\n        }        \r\n    }\r\n\r\n    \r\n    public toggleDropdown(){\r\n        this.showDropdown = !this.showDropdown;\r\n\r\n    }\r\n}\r\n","<div\r\n    *ngIf=\"style === 'inline'\"\r\n    class=\"color-tiles-container-inline\"\r\n    [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n>\r\n    <div\r\n        *ngFor=\"let color of colors; index as i\"\r\n        [style.background-color]=\"color\"\r\n        [style.border-color]=\"color\"\r\n        class=\"color-tile\"\r\n        [class.selected]=\"selectedColor === color\"\r\n        (click)=\"selectColorByIndex(i)\"\r\n    >\r\n        <fa-icon\r\n            *ngIf=\"selectedColor === color\"\r\n            [icon]=\"['fas', 'check']\"\r\n        >\r\n        </fa-icon>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"style === 'dropdown'\">\r\n\r\n    <button\r\n        #popoverTarget\r\n        type=\"button\"\r\n        class=\"btn d-flex align-items-center\"\r\n        [class.dropdown-toggle]=\"showCaret\"\r\n        [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n        aria-controls=\"dropdown-basic\"\r\n        (click)=\"toggleDropdown()\"\r\n        (keydown)=\"onKeyDown($event)\"\r\n    >\r\n\r\n        <div\r\n            class=\"color-tile color-tile-dropdown\"\r\n            [style.background-color]=\"selectedColor || defaultColor\"\r\n            [class.undefined-color]=\"!(selectedColor || defaultColor)\"\r\n        >\r\n        </div>\r\n    </button>\r\n\r\n    <dx-popover\r\n        [target]=\"popoverTarget\"\r\n        position=\"bottom\"\r\n        [(visible)]=\"showDropdown\"\r\n    >\r\n        <div\r\n            class=\"color-tiles-container-square\"\r\n            [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\r\n            [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\r\n        >\r\n            <div\r\n                *ngFor=\"let color of colors; index as i\"\r\n                [style.background-color]=\"color\"\r\n                class=\"color-tile color-tile-popover\"\r\n                (click)=\"selectColorByIndex(i)\"\r\n            >\r\n            <fa-icon\r\n                *ngIf=\"selectedColor === color || !selectedColor && defaultColor === color\"\r\n                [icon]=\"checkIcon\"\r\n            >\r\n            </fa-icon>\r\n\r\n            </div>\r\n        </div>\r\n    </dx-popover>\r\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}