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

package/fesm2020/spicainternational-ngx-sds-components-src-lib-avatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-avatar.mjs","sources":["../../../projects/ngx-sds-components/src/lib/avatar/avatar.component.ts","../../../projects/ngx-sds-components/src/lib/avatar/avatar.component.html","../../../projects/ngx-sds-components/src/lib/avatar/avatar-group.component.ts","../../../projects/ngx-sds-components/src/lib/avatar/avatar-group.component.html","../../../projects/ngx-sds-components/src/lib/avatar/avatar.module.ts","../../../projects/ngx-sds-components/src/lib/avatar/spicainternational-ngx-sds-components-src-lib-avatar.ts"],"sourcesContent":["import {\r\n    AfterViewInit,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    Input,\r\n    OnChanges,\r\n    SimpleChanges,\r\n} from '@angular/core';\r\n\r\n/**\r\n * Class definition\r\n * @property {string} text - text that is parsed for initials. If showHint is set to true this text will be shown in hint\r\n * @property {string} colorKey - value that is base for calculating color of avatar\r\n * @property {boolean} showHint - show hint with text\r\n * @property {string} initialsText - override internal extraction of initials and set avatar text directly\r\n * \r\n * @property {string} pictureUri - uri of picture to show on avatar (supports http/https URLs and base64 data URIs)\r\n * @property {string} pictureImageAlt - alt text for image, for accessibility\r\n * @property {string} pictureLoading - loading strategy for image, lazy or eager (only applies to URLs, not base64)\r\n * @property {boolean} picturePriority - if true image is considered high priority and will be loaded before other images (only applies to URLs, not base64)\r\n * \r\n * @property {string} badgeVisible - show badge on avatar\r\n * @property {string} badgePosition - position of badge\r\n * @property {string} badgeBackgroundColor - background color of badge\r\n * @property {string} badgeTextColor - text color of badge\r\n * @property {string} badgeHint - hint text for badge\r\n */\r\n@Component({\r\n    selector: 'sds-avatar',\r\n    templateUrl: './avatar.component.html',\r\n    styleUrls: ['./avatar.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdsAvatarComponent implements AfterViewInit, OnChanges {\r\n    @Input() text?: string;\r\n    @Input() colorKey?: string;\r\n    @Input() pictureUri?: string;\r\n    @Input() showHint: boolean = false;\r\n    @Input() borderStyle: 'solid' | 'dashed' | 'dotted' | 'none' = 'none';\r\n    @Input() borderColor?: string;\r\n    @Input() initialsText?: string;\r\n    @Input() cursor?: string;\r\n    @Input() size: number = 2;\r\n\r\n\r\n    @Input() pictureImageAlt: string = 'User avatar'; \r\n    @Input() pictureLoading: 'lazy' | 'eager' = 'lazy'; \r\n    @Input() picturePriority: boolean = false; \r\n\r\n\r\n    @Input() badgeVisible: boolean = false;\r\n    @Input() badgePosition: 'top-right' | 'bottom-right' = 'bottom-right';\r\n    @Input() badgeBackgroundColor = 'var(--bs-danger)';\r\n    @Input() badgeTextColor = 'white';\r\n    @Input() badgeHint?: string;\r\n\r\n\r\n    public label: string;\r\n    public showPicture: boolean;\r\n    public colorClass: string;\r\n    public imageSizeInPixels: number;\r\n    public isBase64Image: boolean = false;\r\n\r\n    constructor() {\r\n        this.label = '';\r\n        this.showPicture = false;\r\n        this.colorClass = 'color18';\r\n        this.imageSizeInPixels = this.calculatePixelSize();\r\n    }\r\n\r\n    ngAfterViewInit() {\r\n        this.setShowPicture();\r\n        this.setColorClass();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges) {\r\n        if (changes['initialsText']) {\r\n            this.setLabel();\r\n        }\r\n\r\n        if (changes['text']) {\r\n            this.setLabel();\r\n        }\r\n\r\n        if (changes['pictureUri']) {\r\n            this.setShowPicture();\r\n            this.checkIfBase64();\r\n        }\r\n\r\n        if (changes['colorKey']){\r\n            this.setColorClass();\r\n        }\r\n\r\n        if (changes['size']) {\r\n            this.imageSizeInPixels = this.calculatePixelSize();\r\n        }\r\n    }\r\n\r\n    private setShowPicture(): void {\r\n        this.showPicture = !!this.pictureUri && this.pictureUri?.length > 0;\r\n    }\r\n\r\n    private checkIfBase64(): void {\r\n        if (this.pictureUri) {\r\n            // Check if the URI is a data URI (base64)\r\n            this.isBase64Image = this.pictureUri.startsWith('data:');\r\n        } else {\r\n            this.isBase64Image = false;\r\n        }\r\n    }\r\n\r\n    private setColorClass(): void {\r\n        if (this.colorKey) {\r\n            this.colorClass = 'color' + this.getColorIndex(this.colorKey);\r\n        } else {\r\n            this.colorClass = 'color18';\r\n        }\r\n    }\r\n\r\n    private setLabel(): void {\r\n        if (this.initialsText && this.initialsText?.length > 0) {\r\n            this.label = this.initialsText;\r\n        } else {\r\n            this.label = '';\r\n\r\n            if (this.text && this.text?.length > 0){\r\n                const initialsFromText = this.text\r\n                    .trim()\r\n                    .toUpperCase()\r\n                    .split(' ')\r\n                    .map((n) => n[0])\r\n                    .filter(x => !!x);\r\n\r\n                if (initialsFromText.length > 0) {\r\n                    this.label = initialsFromText[0];\r\n                    if (initialsFromText.length > 1) {\r\n                        this.label = `${this.label}${initialsFromText[initialsFromText.length - 1]}`\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    private calculatePixelSize(): number {\r\n        // Convert rem to pixels (assuming 1rem = 16px, which is the browser default)\r\n        // You can adjust this multiplier based on your root font-size\r\n        const remToPixelRatio = 15;\r\n        return Math.round(this.size * remToPixelRatio);\r\n    }\r\n\r\n    private getColorIndex(s: string): number {\r\n        const length = 10;\r\n        if (!s) {\r\n            return 0;\r\n        }\r\n        let sumOfChars = s\r\n            .split('')\r\n            .map((x) => x.charCodeAt(0))\r\n            .reduce((a, b) => a + b, 0);\r\n        return sumOfChars % length;\r\n    }\r\n\r\n}","<div\r\n    class=\"avatar circle d-flex justify-content-center align-items-center position-relative\"\r\n    [class]=\"colorClass\"\r\n    [class.hasPicture]=\"showPicture\"\r\n    [title]=\"showHint ? text : ''\"\r\n    [style.border-style]=\"borderStyle.toString()\"\r\n    [style.border-color]=\"borderColor\"\r\n    [style.cursor]=\"cursor ? cursor : 'default'\"\r\n    [style.font-size.rem]=\"size\"\r\n>\r\n    <span \r\n        *ngIf=\"!showPicture\" \r\n        class=\"initials\"\r\n        >\r\n        {{ label }}\r\n    </span>\r\n\r\n    <!-- For base64 images, use regular src attribute -->\r\n    <img \r\n        *ngIf=\"showPicture && isBase64Image\" \r\n        [src]=\"pictureUri\"\r\n        [width]=\"imageSizeInPixels\"\r\n        [height]=\"imageSizeInPixels\"\r\n        [alt]=\"pictureImageAlt\"\r\n        class=\"avatar-image\" />\r\n\r\n    <!-- For URL images, use ngSrc with optimization features -->\r\n    <img \r\n        *ngIf=\"showPicture && !isBase64Image\" \r\n        [ngSrc]=\"pictureUri!\"\r\n        [width]=\"imageSizeInPixels\"\r\n        [height]=\"imageSizeInPixels\"\r\n        [alt]=\"pictureImageAlt\"\r\n        [loading]=\"pictureLoading\"\r\n        [priority]=\"picturePriority\"\r\n        class=\"avatar-image\" />\r\n\r\n    <span \r\n        *ngIf=\"badgeVisible\"\r\n        class=\"position-absolute notification-badge border border-light rounded-circle\"\r\n        [class.top-right]=\"badgePosition === 'top-right'\"\r\n        [class.bottom-right]=\"badgePosition === 'bottom-right'\"\r\n        [style.background-color]=\"badgeBackgroundColor\"\r\n        [style.color]=\"badgeTextColor\"\r\n        [title]=\"badgeHint ? badgeHint : ''\"\r\n        >\r\n    </span>\r\n</div>","import { ChangeDetectionStrategy, Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\r\nimport { AvatarModel } from './avatar-group.model';\r\n\r\n@Component({\r\n    selector: 'sds-avatar-group',\r\n    templateUrl: './avatar-group.component.html',\r\n    styleUrls: ['./avatar-group.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdsAvatarGroupComponent implements OnInit, OnChanges {\r\n\r\n    @Input() public stacked;\r\n    @Input() public max?: number;\r\n    @Input() public size: number;\r\n    @Input() public borderColor?: string;\r\n    @Input() public avatars: Array<AvatarModel>;\r\n    @Input() public dropdownContents: 'all' | 'overflow' = 'all';\r\n    @Input() public dropdownMaxHeight: string = '';\r\n\r\n    public overflow: Array<AvatarModel>;\r\n    public inflow: Array<AvatarModel>;\r\n\r\n    public overflowCountDisplay: string;\r\n    public overFlowBorderStyle: 'solid' | 'none';\r\n\r\n    public overflowElementUUID: string;\r\n    public showDropdown: boolean;\r\n    public showOverflow: boolean;\r\n\r\n    public dropdownTargetId: string = '';\r\n    public dropdownInitiator?: AvatarModel;\r\n\r\n    constructor() {\r\n        // this.overflowElementUUID = 'sds-ag-' + crypto.randomUUID();\r\n\r\n        // init values in constructor so storybook doesn't have issues with initial state\r\n\r\n        this.overflowElementUUID = `sds-ag-${Math.ceil(Math.random() * 1000000)}`;\r\n        this.overFlowBorderStyle = 'none';\r\n        this.showDropdown = false;\r\n        this.showOverflow = false;\r\n        this.avatars = [];\r\n        this.overflow = [];\r\n        this.inflow = [];\r\n        this.overflowCountDisplay = '';\r\n        this.size = 2;\r\n        this.stacked = false;\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['avatars'] || changes['max']){\r\n            if (this.max && this.avatars) {\r\n                let avatars = [...this.avatars];\r\n                this.inflow = avatars.splice(0, this.max);\r\n                this.overflow = avatars;\r\n                this.showOverflow = this.overflow.length > 0;\r\n                this.overflowCountDisplay = `+${Math.min(99, this.overflow.length)}`;\r\n                this.overFlowBorderStyle = this.avatars.filter(x => x.borderStyle).length > 0 ? 'solid' : 'none';\r\n            } else {\r\n                this.inflow = [...this.avatars];\r\n            }\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public onOverflowClicked(event: MouseEvent, index: number, avatar?: AvatarModel) {\r\n        event.stopPropagation();\r\n\r\n        if (this.dropdownContents === 'overflow' && this.overflow.length === 0) {\r\n            this.showDropdown = false;\r\n            return;\r\n        }\r\n\r\n        const newDropdownTargetId = this.overflowElementUUID + index;\r\n        if (this.showDropdown && this.dropdownTargetId === newDropdownTargetId) {\r\n            this.showDropdown = false;\r\n            return;\r\n        }\r\n\r\n        this.dropdownInitiator = avatar;\r\n        this.dropdownTargetId = this.overflowElementUUID + index;\r\n        this.showDropdown = true;\r\n    }\r\n\r\n    public stopEventPropagation(event: MouseEvent) {\r\n        event.stopPropagation();\r\n    }\r\n}\r\n","<div class=\"d-flex avatar-group-container\">\r\n    <sds-avatar *ngFor=\"let avatar of inflow; let i = index\"\r\n        [id]=\"overflowElementUUID + i\"\r\n        [text]=\"avatar.text\"\r\n        [colorKey]=\"avatar.colorKey\"\r\n        [borderColor]=\"borderColor\"\r\n        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\r\n        cursor=\"pointer\"\r\n        [pictureUri]=\"avatar.pictureUri ?? ''\"\r\n        [showHint]=\"true\"\r\n        [size]=\"size\"\r\n        [style.margin-right.rem]=\"stacked ? size/-3 : size/15\"\r\n        (click)=\"onOverflowClicked($event, i, avatar)\"\r\n        (mousedown)=\"stopEventPropagation($event)\"\r\n        (mouseup)=\"stopEventPropagation($event)\"\r\n        >\r\n    </sds-avatar>\r\n\r\n    <sds-avatar\r\n        *ngIf=\"showOverflow\"\r\n        [id]=\"overflowElementUUID + '-1'\"\r\n        class=\"overflow\"\r\n        [initialsText]=\"overflowCountDisplay\"\r\n        [borderColor]=\"borderColor\"\r\n        [borderStyle]=\"overFlowBorderStyle\"\r\n        cursor=\"pointer\"\r\n        [size]=\"size\"\r\n        (click)=\"onOverflowClicked($event, -1, undefined)\"\r\n        (mousedown)=\"stopEventPropagation($event)\"\r\n        (mouseup)=\"stopEventPropagation($event)\"\r\n    >\r\n    </sds-avatar>\r\n\r\n    <dx-popover\r\n        target=\"#{{dropdownTargetId}}\"\r\n        [(visible)]=\"showDropdown\"\r\n        [wrapperAttr]=\"{ class: 'sds-avatar-group-overflow-popover' }\"\r\n        [maxHeight]=\"dropdownMaxHeight\"\r\n        [hideOnOutsideClick]=\"true\"\r\n        >\r\n        <dx-scroll-view\r\n            showScrollbar=\"always\">\r\n            <div class=\"overflow-avatars-container rounded\">\r\n                <div *ngFor=\"let avatar of (dropdownContents === 'all' ? avatars : overflow)\"\r\n                    class=\"d-flex align-items-center p-1 my-1 mx-1 overflow-avatar-container\" >\r\n                    <sds-avatar\r\n                        [text]=\"avatar.text\"\r\n                        [colorKey]=\"avatar.colorKey\"\r\n                        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\r\n                        [pictureUri]=\"avatar.pictureUri ?? ''\"\r\n                        borderColor=\"transparent\"\r\n                        [size]=\"1.8\"\r\n                    >\r\n                    </sds-avatar>\r\n                    <div \r\n                        class=\"ms-2 ps-1\"\r\n                        [class.sds-fw-600] = \"dropdownInitiator && dropdownInitiator.colorKey === avatar.colorKey\"\r\n                        >\r\n                        {{avatar.text}}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </dx-popover>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule, NgOptimizedImage } from '@angular/common';\r\n\r\nimport { DxPopoverModule } from 'devextreme-angular/ui/popover';\r\nimport { DxScrollViewModule } from 'devextreme-angular/ui/scroll-view';\r\n\r\nimport { SdsAvatarComponent } from './avatar.component';\r\nimport { SdsAvatarGroupComponent } from './avatar-group.component';\r\n\r\n\r\nconst components = [\r\n    SdsAvatarComponent,\r\n    SdsAvatarGroupComponent\r\n];\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    DxPopoverModule,\r\n    DxScrollViewModule,\r\n    NgOptimizedImage\r\n\r\n  ],\r\n  exports: [\r\n      ...components\r\n  ]\r\n})\r\nexport class SdsAvatarModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i4.SdsAvatarComponent"],"mappings":";;;;;;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;MAOU,kBAAkB,CAAA;AA8B3B,IAAA,WAAA,GAAA;QA1BS,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAC1B,IAAW,CAAA,WAAA,GAA2C,MAAM,CAAC;QAI7D,IAAI,CAAA,IAAA,GAAW,CAAC,CAAC;QAGjB,IAAe,CAAA,eAAA,GAAW,aAAa,CAAC;QACxC,IAAc,CAAA,cAAA,GAAqB,MAAM,CAAC;QAC1C,IAAe,CAAA,eAAA,GAAY,KAAK,CAAC;QAGjC,IAAY,CAAA,YAAA,GAAY,KAAK,CAAC;QAC9B,IAAa,CAAA,aAAA,GAAiC,cAAc,CAAC;QAC7D,IAAoB,CAAA,oBAAA,GAAG,kBAAkB,CAAC;QAC1C,IAAc,CAAA,cAAA,GAAG,OAAO,CAAC;QAQ3B,IAAa,CAAA,aAAA,GAAY,KAAK,CAAC;AAGlC,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;AAChB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;AAC5B,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;KACtD;IAED,eAAe,GAAA;QACX,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE;YACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;AACnB,SAAA;AAED,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;AACnB,SAAA;AAED,QAAA,IAAI,OAAO,CAAC,YAAY,CAAC,EAAE;YACvB,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,aAAa,EAAE,CAAC;AACxB,SAAA;AAED,QAAA,IAAI,OAAO,CAAC,UAAU,CAAC,EAAC;YACpB,IAAI,CAAC,aAAa,EAAE,CAAC;AACxB,SAAA;AAED,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;AACjB,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;AACtD,SAAA;KACJ;IAEO,cAAc,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,CAAC,CAAC;KACvE;IAEO,aAAa,GAAA;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE;;YAEjB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5D,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;AAC9B,SAAA;KACJ;IAEO,aAAa,GAAA;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,UAAU,GAAG,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACjE,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;AAC/B,SAAA;KACJ;IAEO,QAAQ,GAAA;QACZ,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE;AACpD,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;AAClC,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAEhB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,EAAC;AACnC,gBAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI;AAC7B,qBAAA,IAAI,EAAE;AACN,qBAAA,WAAW,EAAE;qBACb,KAAK,CAAC,GAAG,CAAC;qBACV,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;qBAChB,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtB,gBAAA,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7B,oBAAA,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AACjC,oBAAA,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7B,wBAAA,IAAI,CAAC,KAAK,GAAG,CAAG,EAAA,IAAI,CAAC,KAAK,CAAA,EAAG,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAA;AAC/E,qBAAA;AACJ,iBAAA;AACJ,aAAA;AACJ,SAAA;KACJ;IAEO,kBAAkB,GAAA;;;QAGtB,MAAM,eAAe,GAAG,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC,CAAC;KAClD;AAEO,IAAA,aAAa,CAAC,CAAS,EAAA;QAC3B,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,CAAC,EAAE;AACJ,YAAA,OAAO,CAAC,CAAC;AACZ,SAAA;QACD,IAAI,UAAU,GAAG,CAAC;aACb,KAAK,CAAC,EAAE,CAAC;AACT,aAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC3B,aAAA,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAChC,OAAO,UAAU,GAAG,MAAM,CAAC;KAC9B;;gHA/HQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,6iBCjC/B,8sDA+CM,EAAA,MAAA,EAAA,CAAA,upFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDdO,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BACI,YAAY,EAAA,eAAA,EAGL,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8sDAAA,EAAA,MAAA,EAAA,CAAA,upFAAA,CAAA,EAAA,CAAA;0EAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBAGG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,oBAAoB,EAAA,CAAA;sBAA5B,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;ME7CG,uBAAuB,CAAA;AAuBhC,IAAA,WAAA,GAAA;;QAhBgB,IAAgB,CAAA,gBAAA,GAAuB,KAAK,CAAC;QAC7C,IAAiB,CAAA,iBAAA,GAAW,EAAE,CAAC;QAYxC,IAAgB,CAAA,gBAAA,GAAW,EAAE,CAAC;;AAQjC,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;AAC1E,QAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;AAClC,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAClB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;AACjB,QAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;AACd,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;QAC9B,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,EAAC;AACrC,YAAA,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE;gBAC1B,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1C,gBAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;gBACxB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;AAC7C,gBAAA,IAAI,CAAC,oBAAoB,GAAG,CAAI,CAAA,EAAA,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;AACrE,gBAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM,CAAC;AACpG,aAAA;AAAM,iBAAA;gBACH,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;AACnC,aAAA;AACJ,SAAA;KACJ;AAED,IAAA,QAAQ,MAAW;AAEZ,IAAA,iBAAiB,CAAC,KAAiB,EAAE,KAAa,EAAE,MAAoB,EAAA;QAC3E,KAAK,CAAC,eAAe,EAAE,CAAC;AAExB,QAAA,IAAI,IAAI,CAAC,gBAAgB,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACpE,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,OAAO;AACV,SAAA;AAED,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;QAC7D,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,gBAAgB,KAAK,mBAAmB,EAAE;AACpE,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,OAAO;AACV,SAAA;AAED,QAAA,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC;QAChC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;AACzD,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC5B;AAEM,IAAA,oBAAoB,CAAC,KAAiB,EAAA;QACzC,KAAK,CAAC,eAAe,EAAE,CAAC;KAC3B;;qHA9EQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,qQCTpC,suFAiEA,EAAA,MAAA,EAAA,CAAA,yPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,cAAA,EAAA,SAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,2BAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,gCAAA,EAAA,sBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,0BAAA,EAAA,YAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,WAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,UAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,QAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,gBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDxDa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACI,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,suFAAA,EAAA,MAAA,EAAA,CAAA,yPAAA,CAAA,EAAA,CAAA;0EAI/B,OAAO,EAAA,CAAA;sBAAtB,KAAK;gBACU,GAAG,EAAA,CAAA;sBAAlB,KAAK;gBACU,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,WAAW,EAAA,CAAA;sBAA1B,KAAK;gBACU,OAAO,EAAA,CAAA;sBAAtB,KAAK;gBACU,gBAAgB,EAAA,CAAA;sBAA/B,KAAK;gBACU,iBAAiB,EAAA,CAAA;sBAAhC,KAAK;;;AEPV,MAAM,UAAU,GAAG;IACf,kBAAkB;IAClB,uBAAuB;CAC1B,CAAC;MAgBW,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBAlBxB,kBAAkB;AAClB,QAAA,uBAAuB,aAOvB,YAAY;QACZ,eAAe;QACf,kBAAkB;AAClB,QAAA,gBAAgB,aAXhB,kBAAkB;QAClB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAiBd,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAVxB,YAAY;QACZ,eAAe;QACf,kBAAkB,CAAA,EAAA,CAAA,CAAA;4FAQT,eAAe,EAAA,UAAA,EAAA,CAAA;kBAf3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;AACZ,wBAAA,GAAG,UAAU;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;wBACf,kBAAkB;wBAClB,gBAAgB;AAEjB,qBAAA;AACD,oBAAA,OAAO,EAAE;AACL,wBAAA,GAAG,UAAU;AAChB,qBAAA;AACF,iBAAA,CAAA;;;AC5BD;;AAEG;;;;"}

package/fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs

@@ -1,175 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Directive, Input, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-class SdsBadgeComponent {
-    get text() {
-        return this._text;
-    }
-    set text(value) {
-        if (this._text !== value) {
-            this._text = value;
-            this.refresh();
-        }
-    }
-    get size() {
-        return this._size;
-    }
-    set size(value) {
-        if (this._size !== value) {
-            this._size = value;
-            this.refresh();
-        }
-    }
-    get variant() {
-        return this._variant;
-    }
-    set variant(value) {
-        if (this._variant !== value) {
-            this._variant = value;
-            this.refresh();
-        }
-    }
-    get left() {
-        return this._left;
-    }
-    set left(value) {
-        if (this._left !== value) {
-            this._left = value;
-            this.refresh();
-        }
-    }
-    constructor(cdRef) {
-        this.cdRef = cdRef;
-        this._text = '';
-        this._size = 'default';
-        this._variant = 'primary';
-        this._left = 0;
-    }
-    ngOnInit() { }
-    refresh() {
-        this.cdRef.detectChanges();
-    }
-}
-SdsBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SdsBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsBadgeComponent, selector: "sds-badge", ngImport: i0, template: "<div \r\n    class=\"sds-badge\"\r\n    [ngClass]=\"[variant]\"\r\n    [style.left.px]=\"left\"\r\n    [class.default]=\"size === 'default'\"\r\n    [class.small]=\"size === 'small'\"\r\n    >\r\n    <span *ngIf=\"size=='default'\">{{text}}</span>\r\n</div>\r\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:var(--bs-primary)}.sds-badge.secondary{border-color:var(--bs-gray-400);background-color:#fff;color:#000}.sds-badge.danger{background-color:var(--bs-danger)}.sds-badge.success{background-color:var(--bs-success)}.sds-badge.warning{background-color:var(--bs-warning)}.sds-badge.info{background-color:var(--bs-info)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sds-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n    class=\"sds-badge\"\r\n    [ngClass]=\"[variant]\"\r\n    [style.left.px]=\"left\"\r\n    [class.default]=\"size === 'default'\"\r\n    [class.small]=\"size === 'small'\"\r\n    >\r\n    <span *ngIf=\"size=='default'\">{{text}}</span>\r\n</div>\r\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:var(--bs-primary)}.sds-badge.secondary{border-color:var(--bs-gray-400);background-color:#fff;color:#000}.sds-badge.danger{background-color:var(--bs-danger)}.sds-badge.success{background-color:var(--bs-success)}.sds-badge.warning{background-color:var(--bs-warning)}.sds-badge.info{background-color:var(--bs-info)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
-
-class SdsBadgeDirective {
-    constructor(host, appRef, viewContainerRef) {
-        this.host = host;
-        this.appRef = appRef;
-        this.viewContainerRef = viewContainerRef;
-        this.sdsBadge = '';
-        this.size = 'default';
-        this.variant = 'primary';
-        this.badgeComponentRef = null;
-    }
-    ngAfterViewInit() {
-        this.initializeBadge();
-    }
-    ngOnInit() {
-        // const observer 
-        this.observer = new ResizeObserver(_ => {
-            if (this.badgeComponentRef) {
-                this.setBadgePosition();
-                // this.badgeComponentRef.instance.left = this.host.nativeElement.offsetWidth;
-            }
-        });
-        this.observer.observe(this.host.nativeElement);
-    }
-    ;
-    ngOnChanges(changes) {
-        if (changes['sdsBadge'] && !changes['sdsBadge'].firstChange) {
-            const value = `${changes['sdsBadge'].currentValue}`.trim();
-            if (value?.length > 0) {
-                this.initializeBadge();
-            }
-            else {
-                this.destroyBadgeComponentRef();
-            }
-        }
-    }
-    ngOnDestroy() {
-        this.observer.unobserve(this.host.nativeElement);
-        this.observer.disconnect();
-        this.destroyBadgeComponentRef();
-    }
-    initializeBadge() {
-        if (this.badgeComponentRef === null) {
-            if (this.sdsBadge) {
-                this.badgeComponentRef = this.viewContainerRef.createComponent(SdsBadgeComponent);
-                this.badgeComponentRef.instance.text = this.sdsBadge;
-                this.badgeComponentRef.instance.variant = this.variant;
-                this.badgeComponentRef.instance.size = this.size;
-                this.setBadgePosition();
-            }
-        }
-        else {
-            this.badgeComponentRef.instance.text = this.sdsBadge;
-            this.badgeComponentRef.instance.variant = this.variant;
-            this.badgeComponentRef.instance.size = this.size;
-            this.setBadgePosition();
-        }
-    }
-    destroyBadgeComponentRef() {
-        if (this.badgeComponentRef !== null) {
-            this.appRef.detachView(this.badgeComponentRef.hostView);
-            this.badgeComponentRef.destroy();
-            this.badgeComponentRef = null;
-        }
-    }
-    setBadgePosition() {
-        if (this.badgeComponentRef) {
-            this.badgeComponentRef.instance.left = this.host.nativeElement.offsetLeft + this.host.nativeElement.offsetWidth;
-            // console.log(`offsetLeft ${this.host.nativeElement.offsetLeft}, offsetWidth: ${this.host.nativeElement.offsetWidth}`);
-        }
-    }
-}
-SdsBadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SdsBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SdsBadgeDirective, selector: "[sdsBadge]", inputs: { sdsBadge: "sdsBadge", size: "size", variant: "variant" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[sdsBadge]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { sdsBadge: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }] } });
-
-class SdsBadgeModule {
-}
-SdsBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeModule, declarations: [SdsBadgeDirective,
-        SdsBadgeComponent], imports: [CommonModule], exports: [SdsBadgeDirective] });
-SdsBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsBadgeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SdsBadgeDirective,
-                        SdsBadgeComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        SdsBadgeDirective
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdsBadgeDirective, SdsBadgeModule };
-//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-badge.mjs.map

package/fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-badge.mjs","sources":["../../../projects/ngx-sds-components/src/lib/badge/components/badge.component.ts","../../../projects/ngx-sds-components/src/lib/badge/components/badge.component.html","../../../projects/ngx-sds-components/src/lib/badge/badge.directive.ts","../../../projects/ngx-sds-components/src/lib/badge/badge.module.ts","../../../projects/ngx-sds-components/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';\r\nimport { BadgeSize, BadgeVariant } from '../badge.types';\r\n\r\n@Component({\r\n    selector: 'sds-badge',\r\n    templateUrl: './badge.component.html',\r\n    styleUrls: ['./badge.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdsBadgeComponent implements OnInit {\r\n    private _text: string = '';\r\n    private _size: BadgeSize = 'default';\r\n    private _variant: BadgeVariant = 'primary';\r\n    private _left: number = 0;\r\n\r\n\r\n    public get text() {\r\n        return this._text;\r\n    }\r\n\r\n    public set text(value: string) {\r\n        if (this._text !== value) {\r\n            this._text = value;\r\n            this.refresh();\r\n        }\r\n    }\r\n\r\n    public get size() {\r\n        return this._size;\r\n    }\r\n\r\n    public set size(value: BadgeSize) {\r\n        if (this._size !== value) {\r\n            this._size = value;\r\n            this.refresh();\r\n        }\r\n    }\r\n\r\n    public get variant() {\r\n        return this._variant;\r\n    }\r\n\r\n    public set variant(value: BadgeVariant) {\r\n        if (this._variant !== value) {\r\n            this._variant = value;\r\n            this.refresh();\r\n        }\r\n    }\r\n\r\n    public get left() {\r\n        return this._left;\r\n    }\r\n\r\n    public set left(value: number) {\r\n        if (this._left !== value) {\r\n            this._left = value;\r\n            this.refresh();\r\n        }\r\n    }\r\n\r\n    \r\n    \r\n\r\n    constructor(\r\n        private readonly cdRef: ChangeDetectorRef\r\n    ) {}\r\n\r\n    ngOnInit(): void {}\r\n\r\n\r\n    private refresh(){\r\n        this.cdRef.detectChanges();\r\n    }\r\n}\r\n","<div \r\n    class=\"sds-badge\"\r\n    [ngClass]=\"[variant]\"\r\n    [style.left.px]=\"left\"\r\n    [class.default]=\"size === 'default'\"\r\n    [class.small]=\"size === 'small'\"\r\n    >\r\n    <span *ngIf=\"size=='default'\">{{text}}</span>\r\n</div>\r\n","import {\r\n    AfterViewInit,\r\n    ApplicationRef,\r\n    ComponentRef,\r\n    Directive,\r\n    ElementRef,\r\n    Input,\r\n    OnChanges,\r\n    OnDestroy,\r\n    OnInit,\r\n    SimpleChanges,\r\n    ViewContainerRef,\r\n} from '@angular/core';\r\nimport { BadgeSize, BadgeVariant } from './badge.types';\r\nimport { SdsBadgeComponent } from './components/badge.component';\r\n\r\n@Directive({\r\n    selector: '[sdsBadge]',\r\n})\r\nexport class SdsBadgeDirective implements OnInit, OnChanges, OnDestroy, AfterViewInit {\r\n    @Input() sdsBadge = '';\r\n    @Input() size: BadgeSize = 'default';\r\n    @Input() variant: BadgeVariant = 'primary';\r\n\r\n    private badgeComponentRef: ComponentRef<any> | null = null;\r\n    private observer: any; //ResizeObserver = null;\r\n\r\n    constructor(\r\n        private host: ElementRef,\r\n        private appRef: ApplicationRef,\r\n        private viewContainerRef: ViewContainerRef\r\n    ) {}\r\n\r\n    ngAfterViewInit(): void {\r\n        this.initializeBadge();\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        // const observer \r\n        this.observer = new ResizeObserver(_ => {\r\n            if (this.badgeComponentRef) {\r\n                this.setBadgePosition();\r\n                // this.badgeComponentRef.instance.left = this.host.nativeElement.offsetWidth;\r\n            }\r\n        });\r\n      \r\n        this.observer.observe(this.host.nativeElement);\r\n    };    \r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['sdsBadge'] && !changes['sdsBadge'].firstChange) {\r\n            const value = `${changes['sdsBadge'].currentValue}`.trim();\r\n            if (value?.length > 0) {\r\n                this.initializeBadge();\r\n            } else {\r\n                this.destroyBadgeComponentRef();\r\n            }\r\n        }\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this.observer.unobserve(this.host.nativeElement);\r\n        this.observer.disconnect();\r\n\r\n        this.destroyBadgeComponentRef();\r\n    }\r\n\r\n    private initializeBadge() {\r\n        if (this.badgeComponentRef === null) {\r\n            if (this.sdsBadge) {\r\n                this.badgeComponentRef = this.viewContainerRef.createComponent(SdsBadgeComponent);\r\n                this.badgeComponentRef.instance.text = this.sdsBadge;\r\n                this.badgeComponentRef.instance.variant = this.variant;\r\n                this.badgeComponentRef.instance.size = this.size;\r\n\r\n                this.setBadgePosition();\r\n            }\r\n        } else {\r\n            this.badgeComponentRef.instance.text = this.sdsBadge;\r\n            this.badgeComponentRef.instance.variant = this.variant;\r\n            this.badgeComponentRef.instance.size = this.size;\r\n\r\n            this.setBadgePosition();\r\n        }\r\n    }\r\n\r\n    private destroyBadgeComponentRef(){\r\n        if (this.badgeComponentRef !== null) {\r\n            this.appRef.detachView(this.badgeComponentRef.hostView);\r\n            this.badgeComponentRef.destroy();\r\n            this.badgeComponentRef = null;\r\n        }        \r\n    }\r\n\r\n    private setBadgePosition(){\r\n        if (this.badgeComponentRef) {\r\n            this.badgeComponentRef.instance.left = this.host.nativeElement.offsetLeft + this.host.nativeElement.offsetWidth;\r\n            // console.log(`offsetLeft ${this.host.nativeElement.offsetLeft}, offsetWidth: ${this.host.nativeElement.offsetWidth}`);\r\n        }\r\n    }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsBadgeDirective } from './badge.directive';\r\nimport { SdsBadgeComponent } from './components/badge.component';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsBadgeDirective,\r\n    SdsBadgeComponent\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    SdsBadgeDirective\r\n  ]\r\n})\r\nexport class SdsBadgeModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/spicainternational-ngx-sds-components-src-lib-callout.mjs

@@ -1,49 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class SdsCalloutComponent {
-    constructor() {
-        this.color = 'info';
-        this.backgroundColor = 'white';
-    }
-    ngOnInit() { }
-}
-SdsCalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsCalloutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsCalloutComponent, selector: "sds-callout", inputs: { color: "color", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div class=\"callout\"\r\n    [class]=\"(color ? 'callout-' + color : null)\"\r\n    [style.backgroundColor]=\"backgroundColor\"\r\n    >\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsCalloutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sds-callout', template: "<div class=\"callout\"\r\n    [class]=\"(color ? 'callout-' + color : null)\"\r\n    [style.backgroundColor]=\"backgroundColor\"\r\n    >\r\n    <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
-                type: Input
-            }], backgroundColor: [{
-                type: Input
-            }] } });
-
-const components = [SdsCalloutComponent];
-class SdsCalloutModule {
-}
-SdsCalloutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsCalloutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsCalloutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsCalloutModule, declarations: [SdsCalloutComponent], imports: [CommonModule], exports: [SdsCalloutComponent] });
-SdsCalloutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsCalloutModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsCalloutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ...components
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        ...components
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdsCalloutComponent, SdsCalloutModule };
-//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-callout.mjs.map

package/fesm2020/spicainternational-ngx-sds-components-src-lib-callout.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-callout.mjs","sources":["../../../projects/ngx-sds-components/src/lib/callout/callout.component.ts","../../../projects/ngx-sds-components/src/lib/callout/callout.component.html","../../../projects/ngx-sds-components/src/lib/callout/callout.module.ts","../../../projects/ngx-sds-components/src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-callout',\r\n    templateUrl: './callout.component.html',\r\n    styleUrls: ['./callout.component.scss'],\r\n})\r\nexport class SdsCalloutComponent implements OnInit {\r\n    @Input() color: string = 'info';\r\n    @Input() backgroundColor: string = 'white';\r\n    \r\n\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div class=\"callout\"\r\n    [class]=\"(color ? 'callout-' + color : null)\"\r\n    [style.backgroundColor]=\"backgroundColor\"\r\n    >\r\n    <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsCalloutComponent } from './callout.component';\r\n\r\n\r\n\r\nconst components = [SdsCalloutComponent];\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsCalloutModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,mBAAmB,CAAA;AAM5B,IAAA,WAAA,GAAA;QALS,IAAK,CAAA,KAAA,GAAW,MAAM,CAAC;QACvB,IAAe,CAAA,eAAA,GAAW,OAAO,CAAC;KAI3B;AAEhB,IAAA,QAAQ,MAAW;;iHARV,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,mHCPhC,0LAMA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDCa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACI,aAAa,EAAA,QAAA,EAAA,0LAAA,EAAA,CAAA;0EAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;;;AEHV,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,CAAC;MAY5B,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAZT,YAAA,EAAA,CAAA,mBAAmB,CAMnC,EAAA,OAAA,EAAA,CAAA,YAAY,aANI,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAY1B,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YANzB,YAAY,CAAA,EAAA,CAAA,CAAA;4FAMH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;AACZ,wBAAA,GAAG,UAAU;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;AACP,wBAAA,GAAG,UAAU;AACd,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}

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

@@ -1,113 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { faCheck } from '@fortawesome/pro-solid-svg-icons';
-import * as i2 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i3 from 'devextreme-angular/ui/popover';
-import { DxPopoverModule } from 'devextreme-angular/ui/popover';
-
-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();
-        this.elementUUID = `sds-cp-${Math.ceil(Math.random() * 1000000)}`;
-        // library.add(faCheck);
-    }
-    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;
-    }
-}
-SdsColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsColorPickerComponent, 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\r\n<button\r\n    *ngIf=\"style === 'dropdown'\"\r\n    [id]=\"elementUUID\"\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=\"#{{elementUUID}}\"\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>", 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i3.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "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", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsColorPickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sds-color-picker', 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\r\n<button\r\n    *ngIf=\"style === 'dropdown'\"\r\n    [id]=\"elementUUID\"\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=\"#{{elementUUID}}\"\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>", 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: function () { return []; }, 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
-            }] } });
-
-const components = [SdsColorPickerComponent];
-class SdsColorPickerModule {
-}
-SdsColorPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsColorPickerModule, declarations: [SdsColorPickerComponent], imports: [CommonModule,
-        FontAwesomeModule,
-        DxPopoverModule], exports: [SdsColorPickerComponent] });
-SdsColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsColorPickerModule, imports: [CommonModule,
-        FontAwesomeModule,
-        DxPopoverModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsColorPickerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ...components
-                    ],
-                    imports: [
-                        CommonModule,
-                        FontAwesomeModule,
-                        DxPopoverModule,
-                    ],
-                    exports: [
-                        ...components
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdsColorPickerComponent, SdsColorPickerModule };
-//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-color-picker.mjs.map

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

@@ -1 +0,0 @@
-{"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/color-picker.module.ts","../../../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\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})\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    public elementUUID; // = 'sds-cp-' + crypto.randomUUID();\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        this.elementUUID = `sds-cp-${Math.ceil(Math.random() * 1000000)}`;  \r\n\r\n        // library.add(faCheck);\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\r\n<button\r\n    *ngIf=\"style === 'dropdown'\"\r\n    [id]=\"elementUUID\"\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=\"#{{elementUUID}}\"\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>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsColorPickerComponent } from './color-picker.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { DxPopoverModule } from 'devextreme-angular/ui/popover';\r\n\r\n\r\nconst components = [SdsColorPickerComponent];\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule,\r\n    DxPopoverModule,\r\n  ],\r\n  exports: [\r\n      ...components\r\n  ]\r\n})\r\nexport class SdsColorPickerModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}