@cuby-ui/core 0.0.2 → 0.0.3

package/components/button/button.component.d.ts

@@ -0,0 +1,29 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { CuiButtonOptions } from './button.options';
+import * as i0 from "@angular/core";
+export declare class CuiButtonComponent implements AfterViewInit, CuiButtonOptions {
+    private readonly changeDetectorRef;
+    private readonly cuiButtonOptions;
+    CUI_ICON_LOADING: string;
+    _size: "xxs" | "xs" | "sm" | "md";
+    svgOptions: {
+        width: number;
+        height: number;
+        strokeWidth: number;
+    };
+    appearance: "link" | "primary" | "secondary" | "outlined" | "outlined-gray" | "ghost" | "destructive";
+    disabled: boolean;
+    isLoaderShown: boolean;
+    icon?: string;
+    iconRight?: string;
+    get size(): CuiButtonOptions['size'];
+    set size(size: CuiButtonOptions['size']);
+    containsOnlyIcon: boolean;
+    get isDisabled(): boolean;
+    content: ElementRef<HTMLSpanElement>;
+    constructor(changeDetectorRef: ChangeDetectorRef, cuiButtonOptions: CuiButtonOptions);
+    ngAfterViewInit(): void;
+    private initContainsOnlyIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuiButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiButtonComponent, "button[cuiButton], a[cuiButton]", never, { "appearance": "appearance"; "disabled": "disabled"; "isLoaderShown": "isLoaderShown"; "icon": "icon"; "iconRight": "iconRight"; "size": "size"; }, {}, never, ["*"], false, never>;
+}

package/components/button/button.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@cuby-ui/core/components/svg";
+export declare class CuiButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuiButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CuiButtonModule, [typeof i1.CuiButtonComponent], [typeof i2.CommonModule, typeof i3.CuiSvgModule], [typeof i1.CuiButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CuiButtonModule>;
+}

package/components/button/button.options.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+import { CuiAppearanceDestructive, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearancePrimary, CuiAppearanceSecondary, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs } from '@cuby-ui/core/types';
+export interface CuiButtonOptions {
+    readonly appearance: CuiAppearancePrimary | CuiAppearanceSecondary | CuiAppearanceOutlined | CuiAppearanceOutlinedGray | CuiAppearanceGhost | CuiAppearanceDestructive | CuiAppearanceLink;
+    readonly size: CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
+}
+export declare const CUI_BUTTON_DEFAULT_OPTIONS: CuiButtonOptions;
+export declare const CUI_BUTTON_OPTIONS: InjectionToken<CuiButtonOptions>;

package/components/button/{index.ts → index.d.ts}

@@ -1,3 +1,3 @@
 export * from './button.component';
 export * from './button.module';
-export * from './button.options';
+export * from './button.options';

package/components/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
 export * from '@cuby-ui/core/components/button';
-export * from '@cuby-ui/core/components/svg';
+export * from '@cuby-ui/core/components/svg';

package/components/svg/svg.component.d.ts

@@ -0,0 +1,19 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class CuiSvgComponent implements AfterViewInit {
+    private readonly domSanitizer;
+    private readonly elementRef;
+    STROKE_WIDTH_ATTRIBUTE: string;
+    safeSvgContent: SafeHtml;
+    _strokeWidth?: number;
+    width?: number;
+    height?: number;
+    set icon(icon: string);
+    set strokeWidth(strokeWidth: number | undefined);
+    constructor(domSanitizer: DomSanitizer, elementRef: ElementRef<HTMLElement>);
+    ngAfterViewInit(): void;
+    private updateStrokeWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuiSvgComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiSvgComponent, "cui-svg[icon]", never, { "width": "width"; "height": "height"; "icon": "icon"; "strokeWidth": "strokeWidth"; }, {}, never, never, false, never>;
+}

package/components/svg/svg.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./svg.component";
+import * as i2 from "@angular/common";
+export declare class CuiSvgModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuiSvgModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CuiSvgModule, [typeof i1.CuiSvgComponent], [typeof i2.CommonModule], [typeof i1.CuiSvgComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CuiSvgModule>;
+}

package/esm2020/components/button/button.component.mjs

@@ -0,0 +1,109 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, ViewChild } from '@angular/core';
+import { CUI_BUTTON_OPTIONS } from './button.options';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../svg/svg.component";
+export class CuiButtonComponent {
+    get size() {
+        return this._size;
+    }
+    set size(size) {
+        this._size = size;
+        if (size === 'xxs') {
+            this.svgOptions = {
+                width: 16,
+                height: 16,
+                strokeWidth: 1.5
+            };
+            return;
+        }
+        this.svgOptions = {
+            width: 20,
+            height: 20,
+            strokeWidth: 1.5
+        };
+    }
+    get isDisabled() {
+        return this.disabled || this.isLoaderShown;
+    }
+    constructor(changeDetectorRef, cuiButtonOptions) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.cuiButtonOptions = cuiButtonOptions;
+        this.CUI_ICON_LOADING = `
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <animateTransform
+        attributeName="transform"
+        type="rotate"
+        from="0"
+        to="360"
+        dur="2"
+        repeatCount="indefinite">
+      </animateTransform>
+      <path opacity="0.5" d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C10.4178 20 8.87104 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60897 15.0615C4.00347 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21447 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" fill="white" fill-opacity="0.5"/>
+      <path d="M20 12H22C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2V4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12Z" fill="white"/>
+    </svg>
+  `;
+        this._size = this.cuiButtonOptions.size;
+        this.svgOptions = {
+            width: 20,
+            height: 20,
+            strokeWidth: 1.5
+        };
+        this.appearance = this.cuiButtonOptions.appearance;
+        this.disabled = false;
+        this.isLoaderShown = false;
+        this.containsOnlyIcon = false;
+    }
+    ngAfterViewInit() {
+        this.initContainsOnlyIcon();
+    }
+    initContainsOnlyIcon() {
+        Promise.resolve().then(() => {
+            this.containsOnlyIcon = this.content.nativeElement.childNodes.length === 0;
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+}
+CuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CUI_BUTTON_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+CuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: { appearance: "appearance", disabled: "disabled", isLoaderShown: "isLoaderShown", icon: "icon", iconRight: "iconRight", size: "size" }, host: { properties: { "attr.data-appearance": "this.appearance", "class._disabled": "this.disabled", "class._loading": "this.isLoaderShown", "attr.data-size": "this.size", "class._only-icon": "this.containsOnlyIcon", "disabled": "this.isDisabled" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<span\r\n  class=\"c-wrapper\"\r\n  [class.c-wrapper_invisible]=\"isLoaderShown\"\r\n>\r\n  <cui-svg\r\n    *ngIf=\"icon\"\r\n    [icon]=\"icon\"\r\n    [width]=\"svgOptions.width\"\r\n    [height]=\"svgOptions.height\"\r\n    [strokeWidth]=\"svgOptions.strokeWidth\"\r\n    class=\"c-icon\"\r\n  ></cui-svg>\r\n  <span #content *ngIf=\"!containsOnlyIcon\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n  <cui-svg\r\n    *ngIf=\"iconRight\"\r\n    [icon]=\"iconRight\"\r\n    [width]=\"svgOptions.width\"\r\n    [height]=\"svgOptions.height\"\r\n    [strokeWidth]=\"svgOptions.strokeWidth\"\r\n    class=\"c-icon\"\r\n  ></cui-svg>\r\n</span>\r\n<cui-svg\r\n  *ngIf=\"isLoaderShown\"\r\n  [icon]=\"CUI_ICON_LOADING\"\r\n  class=\"c-loader\"\r\n></cui-svg>\r\n", styles: ["@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(../fonts/Inter-Medium.ttf) format(\"truetype\")}:root{--cui-main-font: Inter, sans-serif;--cui-gray-0: #FFFFFF;--cui-gray-10: #F9FAFB;--cui-gray-50: #F5F6F8;--cui-gray-100: #E9EBEE;--cui-gray-200: #E2E4E9;--cui-gray-500: #6B7280;--cui-gray-900: #111827;--cui-cyan-800: #297F7E;--cui-cyan-900: #1A6B6A;--cui-red-800: #D92D20;--cui-red-900: #B41308;--cui-blue-600: #1570EF;--cui-blue-900: #00429D;--cui-base-0: var(--cui-gray-0);--cui-base-10: var(--cui-gray-10);--cui-base-50: var(--cui-gray-50);--cui-base-100: var(--cui-gray-100);--cui-base-200: var(--cui-gray-200);--cui-base-500: var(--cui-gray-500);--cui-base-900: var(--cui-gray-900);--cui-primary-800: var(--cui-cyan-800);--cui-primary-900: var(--cui-cyan-900);--cui-error-800: var(--cui-red-800);--cui-error-900: var(--cui-red-900);--cui-info-600: var(--cui-blue-600);--cui-info-900: var(--cui-blue-900)}:host{font-size:14px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;border:0;border-radius:8px;outline:0;cursor:pointer;appearance:none;background:inherit;font-family:var(--cui-main-font);text-decoration:none}:host:disabled{cursor:not-allowed}:host[data-appearance=primary]{background:var(--cui-primary-800);color:var(--cui-base-0)}:host[data-appearance=primary]:hover{background:var(--cui-primary-900)}:host[data-appearance=primary]:disabled{background:var(--cui-primary-800)}:host[data-appearance=primary] .c-icon ::ng-deep path{stroke:var(--cui-base-0)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=secondary] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--cui-base-900)}:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=outlined-gray] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=ghost]{color:var(--cui-base-900)}:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=ghost] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=destructive]{background:var(--cui-error-800);color:var(--cui-base-0)}:host[data-appearance=destructive]:hover{background:var(--cui-error-900)}:host[data-appearance=destructive]:disabled{background:var(--cui-error-800)}:host[data-appearance=destructive] .c-icon ::ng-deep path{stroke:var(--cui-base-0)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info-600)}:host[data-appearance=link]:hover{color:var(--cui-info-900)}:host[data-appearance=link]:hover .c-icon ::ng-deep path{stroke:var(--cui-info-900)}:host[data-appearance=link]:disabled{color:var(--cui-info-600)}:host[data-appearance=link]:disabled .c-icon ::ng-deep path{stroke:var(--cui-info-900)}:host[data-appearance=link] .c-icon ::ng-deep path{stroke:var(--cui-info-600)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 8px}:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 7px}:host[data-size=xxs]._only-icon{width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]._only-icon{width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]._only-icon{width:36px}:host[data-size=md]{height:40px;padding:0 18px}:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 17px}:host[data-size=md]._only-icon{width:40px}:host._disabled{opacity:.5}:host._loading :hover{background:unset}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "icon", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n  class=\"c-wrapper\"\r\n  [class.c-wrapper_invisible]=\"isLoaderShown\"\r\n>\r\n  <cui-svg\r\n    *ngIf=\"icon\"\r\n    [icon]=\"icon\"\r\n    [width]=\"svgOptions.width\"\r\n    [height]=\"svgOptions.height\"\r\n    [strokeWidth]=\"svgOptions.strokeWidth\"\r\n    class=\"c-icon\"\r\n  ></cui-svg>\r\n  <span #content *ngIf=\"!containsOnlyIcon\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n  <cui-svg\r\n    *ngIf=\"iconRight\"\r\n    [icon]=\"iconRight\"\r\n    [width]=\"svgOptions.width\"\r\n    [height]=\"svgOptions.height\"\r\n    [strokeWidth]=\"svgOptions.strokeWidth\"\r\n    class=\"c-icon\"\r\n  ></cui-svg>\r\n</span>\r\n<cui-svg\r\n  *ngIf=\"isLoaderShown\"\r\n  [icon]=\"CUI_ICON_LOADING\"\r\n  class=\"c-loader\"\r\n></cui-svg>\r\n", styles: ["@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(../fonts/Inter-Medium.ttf) format(\"truetype\")}:root{--cui-main-font: Inter, sans-serif;--cui-gray-0: #FFFFFF;--cui-gray-10: #F9FAFB;--cui-gray-50: #F5F6F8;--cui-gray-100: #E9EBEE;--cui-gray-200: #E2E4E9;--cui-gray-500: #6B7280;--cui-gray-900: #111827;--cui-cyan-800: #297F7E;--cui-cyan-900: #1A6B6A;--cui-red-800: #D92D20;--cui-red-900: #B41308;--cui-blue-600: #1570EF;--cui-blue-900: #00429D;--cui-base-0: var(--cui-gray-0);--cui-base-10: var(--cui-gray-10);--cui-base-50: var(--cui-gray-50);--cui-base-100: var(--cui-gray-100);--cui-base-200: var(--cui-gray-200);--cui-base-500: var(--cui-gray-500);--cui-base-900: var(--cui-gray-900);--cui-primary-800: var(--cui-cyan-800);--cui-primary-900: var(--cui-cyan-900);--cui-error-800: var(--cui-red-800);--cui-error-900: var(--cui-red-900);--cui-info-600: var(--cui-blue-600);--cui-info-900: var(--cui-blue-900)}:host{font-size:14px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;border:0;border-radius:8px;outline:0;cursor:pointer;appearance:none;background:inherit;font-family:var(--cui-main-font);text-decoration:none}:host:disabled{cursor:not-allowed}:host[data-appearance=primary]{background:var(--cui-primary-800);color:var(--cui-base-0)}:host[data-appearance=primary]:hover{background:var(--cui-primary-900)}:host[data-appearance=primary]:disabled{background:var(--cui-primary-800)}:host[data-appearance=primary] .c-icon ::ng-deep path{stroke:var(--cui-base-0)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=secondary] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--cui-base-900)}:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=outlined-gray] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=ghost]{color:var(--cui-base-900)}:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=ghost] .c-icon ::ng-deep path{stroke:var(--cui-base-500)}:host[data-appearance=destructive]{background:var(--cui-error-800);color:var(--cui-base-0)}:host[data-appearance=destructive]:hover{background:var(--cui-error-900)}:host[data-appearance=destructive]:disabled{background:var(--cui-error-800)}:host[data-appearance=destructive] .c-icon ::ng-deep path{stroke:var(--cui-base-0)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info-600)}:host[data-appearance=link]:hover{color:var(--cui-info-900)}:host[data-appearance=link]:hover .c-icon ::ng-deep path{stroke:var(--cui-info-900)}:host[data-appearance=link]:disabled{color:var(--cui-info-600)}:host[data-appearance=link]:disabled .c-icon ::ng-deep path{stroke:var(--cui-info-900)}:host[data-appearance=link] .c-icon ::ng-deep path{stroke:var(--cui-info-600)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 8px}:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 7px}:host[data-size=xxs]._only-icon{width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]._only-icon{width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]._only-icon{width:36px}:host[data-size=md]{height:40px;padding:0 18px}:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 17px}:host[data-size=md]._only-icon{width:40px}:host._disabled{opacity:.5}:host._loading :hover{background:unset}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CUI_BUTTON_OPTIONS]
+                }] }]; }, propDecorators: { appearance: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-appearance']
+            }], disabled: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._disabled']
+            }], isLoaderShown: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._loading']
+            }], icon: [{
+                type: Input
+            }], iconRight: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], containsOnlyIcon: [{
+                type: HostBinding,
+                args: ['class._only-icon']
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['disabled']
+            }], content: [{
+                type: ViewChild,
+                args: ['content']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUV2QixTQUFTLEVBRVQsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBb0IsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQVF4RSxNQUFNLE9BQU8sa0JBQWtCO0lBeUM3QixJQUVJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQUksSUFBSSxDQUFDLElBQThCO1FBQ3JDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBRWxCLElBQUksSUFBSSxLQUFLLEtBQUssRUFBRTtZQUNsQixJQUFJLENBQUMsVUFBVSxHQUFHO2dCQUNoQixLQUFLLEVBQUUsRUFBRTtnQkFDVCxNQUFNLEVBQUUsRUFBRTtnQkFDVixXQUFXLEVBQUUsR0FBRzthQUNqQixDQUFDO1lBRUYsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRztZQUNoQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsV0FBVyxFQUFFLEdBQUc7U0FDakIsQ0FBQztJQUNKLENBQUM7SUFLRCxJQUNJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBS0QsWUFBNkIsaUJBQW9DLEVBQ1IsZ0JBQWtDO1FBRDlELHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDUixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBOUUzRixxQkFBZ0IsR0FBSTs7Ozs7Ozs7Ozs7OztHQWFuQixDQUFDO1FBRUYsVUFBSyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7UUFDbkMsZUFBVSxHQUFHO1lBQ1gsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFdBQVcsRUFBRSxHQUFHO1NBQ2pCLENBQUM7UUFJRixlQUFVLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQztRQUk5QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBSWpCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBbUN0QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7SUFZekIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRU8sb0JBQW9CO1FBQzFCLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQzFCLElBQUksQ0FBQyxnQkFBZ0IsR0FBSSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQztZQUU1RSxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOztnSEE1RlUsa0JBQWtCLG1EQStFVCxrQkFBa0I7b0dBL0UzQixrQkFBa0IsdWpCQ3BCL0IsNnZCQTZCQTs0RkRUYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsaUNBQWlDLG1CQUcxQix1QkFBdUIsQ0FBQyxNQUFNOzswQkFpRmxDLE1BQU07MkJBQUMsa0JBQWtCOzRDQXREdEMsVUFBVTtzQkFGVCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHNCQUFzQjtnQkFLbkMsUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGlCQUFpQjtnQkFLOUIsYUFBYTtzQkFGWixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFJN0IsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFLRixJQUFJO3NCQUZQLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQTBCN0IsZ0JBQWdCO3NCQURmLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUkzQixVQUFVO3NCQURiLFdBQVc7dUJBQUMsVUFBVTtnQkFNdkIsT0FBTztzQkFETixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ1VJX0JVVFRPTl9PUFRJT05TLCBDdWlCdXR0b25PcHRpb25zIH0gZnJvbSAnLi9idXR0b24ub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2J1dHRvbltjdWlCdXR0b25dLCBhW2N1aUJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBDdWlCdXR0b25PcHRpb25zIHtcbiAgQ1VJX0lDT05fTE9BRElORyA9ICBgXG4gICAgPHN2ZyB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICA8YW5pbWF0ZVRyYW5zZm9ybVxuICAgICAgICBhdHRyaWJ1dGVOYW1lPVwidHJhbnNmb3JtXCJcbiAgICAgICAgdHlwZT1cInJvdGF0ZVwiXG4gICAgICAgIGZyb209XCIwXCJcbiAgICAgICAgdG89XCIzNjBcIlxuICAgICAgICBkdXI9XCIyXCJcbiAgICAgICAgcmVwZWF0Q291bnQ9XCJpbmRlZmluaXRlXCI+XG4gICAgICA8L2FuaW1hdGVUcmFuc2Zvcm0+XG4gICAgICA8cGF0aCBvcGFjaXR5PVwiMC41XCIgZD1cIk0xMiAyQzEwLjAyMjIgMiA4LjA4ODc5IDIuNTg2NDkgNi40NDQzIDMuNjg1M0M0Ljc5OTgxIDQuNzg0MTIgMy41MTgwOSA2LjM0NTkgMi43NjEyMSA4LjE3MzE3QzIuMDA0MzMgMTAuMDAwNCAxLjgwNjMgMTIuMDExMSAyLjE5MjE1IDEzLjk1MDlDMi41NzggMTUuODkwNyAzLjUzMDQxIDE3LjY3MjUgNC45Mjg5NCAxOS4wNzExQzYuMzI3NDYgMjAuNDY5NiA4LjEwOTI5IDIxLjQyMiAxMC4wNDkxIDIxLjgwNzlDMTEuOTg4OSAyMi4xOTM3IDEzLjk5OTYgMjEuOTk1NyAxNS44MjY4IDIxLjIzODhDMTcuNjU0MSAyMC40ODE5IDE5LjIxNTkgMTkuMjAwMiAyMC4zMTQ3IDE3LjU1NTdDMjEuNDEzNSAxNS45MTEyIDIyIDEzLjk3NzggMjIgMTJDMjIgMTAuNjg2OCAyMS43NDEzIDkuMzg2NDIgMjEuMjM4OCA4LjE3MzE3QzIwLjczNjMgNi45NTk5MSAxOS45OTk3IDUuODU3NTIgMTkuMDcxMSA0LjkyODkzQzE4LjE0MjUgNC4wMDAzNSAxNy4wNDAxIDMuMjYzNzUgMTUuODI2OCAyLjc2MTJDMTQuNjEzNiAyLjI1ODY2IDEzLjMxMzIgMiAxMiAyWk0xMiAyMEMxMC40MTc4IDIwIDguODcxMDQgMTkuNTMwOCA3LjU1NTQ0IDE4LjY1MThDNi4yMzk4NSAxNy43NzI3IDUuMjE0NDcgMTYuNTIzMyA0LjYwODk3IDE1LjA2MTVDNC4wMDM0NyAxMy41OTk3IDMuODQ1MDQgMTEuOTkxMSA0LjE1MzcyIDEwLjQzOTNDNC40NjI0IDguODg3NDMgNS4yMjQzMyA3LjQ2MTk3IDYuMzQzMTUgNi4zNDMxNUM3LjQ2MTk3IDUuMjI0MzMgOC44ODc0MyA0LjQ2MjQgMTAuNDM5MyA0LjE1MzcyQzExLjk5MTEgMy44NDUwNCAxMy41OTk3IDQuMDAzNDYgMTUuMDYxNSA0LjYwODk2QzE2LjUyMzMgNS4yMTQ0NyAxNy43NzI3IDYuMjM5ODQgMTguNjUxOCA3LjU1NTQ0QzE5LjUzMDggOC44NzEwMyAyMCAxMC40MTc3IDIwIDEyQzIwIDE0LjEyMTcgMTkuMTU3MiAxNi4xNTY2IDE3LjY1NjkgMTcuNjU2OUMxNi4xNTY2IDE5LjE1NzEgMTQuMTIxNyAyMCAxMiAyMFpcIiBmaWxsPVwid2hpdGVcIiBmaWxsLW9wYWNpdHk9XCIwLjVcIi8+XG4gICAgICA8cGF0aCBkPVwiTTIwIDEySDIyQzIyIDEwLjY4NjggMjEuNzQxMyA5LjM4NjQyIDIxLjIzODggOC4xNzMxN0MyMC43MzYyIDYuOTU5OTEgMTkuOTk5NyA1Ljg1NzUyIDE5LjA3MTEgNC45Mjg5M0MxOC4xNDI1IDQuMDAwMzUgMTcuMDQwMSAzLjI2Mzc1IDE1LjgyNjggMi43NjEyQzE0LjYxMzYgMi4yNTg2NiAxMy4zMTMyIDIgMTIgMlY0QzE0LjEyMTcgNCAxNi4xNTY2IDQuODQyODUgMTcuNjU2OSA2LjM0MzE1QzE5LjE1NzEgNy44NDM0NCAyMCA5Ljg3ODI3IDIwIDEyWlwiIGZpbGw9XCJ3aGl0ZVwiLz5cbiAgICA8L3N2Zz5cbiAgYDtcblxuICBfc2l6ZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaXplO1xuICBzdmdPcHRpb25zID0ge1xuICAgIHdpZHRoOiAyMCxcbiAgICBoZWlnaHQ6IDIwLFxuICAgIHN0cm9rZVdpZHRoOiAxLjVcbiAgfTtcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1hcHBlYXJhbmNlJylcbiAgYXBwZWFyYW5jZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5hcHBlYXJhbmNlO1xuXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnY2xhc3MuX2Rpc2FibGVkJylcbiAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9sb2FkaW5nJylcbiAgaXNMb2FkZXJTaG93biA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGljb24/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaWNvblJpZ2h0Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICBnZXQgc2l6ZSgpOiBDdWlCdXR0b25PcHRpb25zWydzaXplJ10ge1xuICAgIHJldHVybiB0aGlzLl9zaXplO1xuICB9XG5cbiAgc2V0IHNpemUoc2l6ZTogQ3VpQnV0dG9uT3B0aW9uc1snc2l6ZSddKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHNpemU7XG5cbiAgICBpZiAoc2l6ZSA9PT0gJ3h4cycpIHtcbiAgICAgIHRoaXMuc3ZnT3B0aW9ucyA9IHtcbiAgICAgICAgd2lkdGg6IDE2LFxuICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICBzdHJva2VXaWR0aDogMS41XG4gICAgICB9O1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zdmdPcHRpb25zID0ge1xuICAgICAgd2lkdGg6IDIwLFxuICAgICAgaGVpZ2h0OiAyMCxcbiAgICAgIHN0cm9rZVdpZHRoOiAxLjVcbiAgICB9O1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fb25seS1pY29uJylcbiAgY29udGFpbnNPbmx5SWNvbiA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKVxuICBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmlzTG9hZGVyU2hvd247XG4gIH1cblxuICBAVmlld0NoaWxkKCdjb250ZW50JylcbiAgY29udGVudCE6IEVsZW1lbnRSZWY8SFRNTFNwYW5FbGVtZW50PjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgICAgICAgQEluamVjdChDVUlfQlVUVE9OX09QVElPTlMpIHByaXZhdGUgcmVhZG9ubHkgY3VpQnV0dG9uT3B0aW9uczogQ3VpQnV0dG9uT3B0aW9ucykge1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5pdENvbnRhaW5zT25seUljb24oKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdENvbnRhaW5zT25seUljb24oKTogdm9pZCB7XG4gICAgUHJvbWlzZS5yZXNvbHZlKCkudGhlbigoKSA9PiB7XG4gICAgICB0aGlzLmNvbnRhaW5zT25seUljb24gPSAgdGhpcy5jb250ZW50Lm5hdGl2ZUVsZW1lbnQuY2hpbGROb2Rlcy5sZW5ndGggPT09IDA7XG5cbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8c3BhblxyXG4gIGNsYXNzPVwiYy13cmFwcGVyXCJcclxuICBbY2xhc3MuYy13cmFwcGVyX2ludmlzaWJsZV09XCJpc0xvYWRlclNob3duXCJcclxuPlxyXG4gIDxjdWktc3ZnXHJcbiAgICAqbmdJZj1cImljb25cIlxyXG4gICAgW2ljb25dPVwiaWNvblwiXHJcbiAgICBbd2lkdGhdPVwic3ZnT3B0aW9ucy53aWR0aFwiXHJcbiAgICBbaGVpZ2h0XT1cInN2Z09wdGlvbnMuaGVpZ2h0XCJcclxuICAgIFtzdHJva2VXaWR0aF09XCJzdmdPcHRpb25zLnN0cm9rZVdpZHRoXCJcclxuICAgIGNsYXNzPVwiYy1pY29uXCJcclxuICA+PC9jdWktc3ZnPlxyXG4gIDxzcGFuICNjb250ZW50ICpuZ0lmPVwiIWNvbnRhaW5zT25seUljb25cIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3NwYW4+XHJcbiAgPGN1aS1zdmdcclxuICAgICpuZ0lmPVwiaWNvblJpZ2h0XCJcclxuICAgIFtpY29uXT1cImljb25SaWdodFwiXHJcbiAgICBbd2lkdGhdPVwic3ZnT3B0aW9ucy53aWR0aFwiXHJcbiAgICBbaGVpZ2h0XT1cInN2Z09wdGlvbnMuaGVpZ2h0XCJcclxuICAgIFtzdHJva2VXaWR0aF09XCJzdmdPcHRpb25zLnN0cm9rZVdpZHRoXCJcclxuICAgIGNsYXNzPVwiYy1pY29uXCJcclxuICA+PC9jdWktc3ZnPlxyXG48L3NwYW4+XHJcbjxjdWktc3ZnXHJcbiAgKm5nSWY9XCJpc0xvYWRlclNob3duXCJcclxuICBbaWNvbl09XCJDVUlfSUNPTl9MT0FESU5HXCJcclxuICBjbGFzcz1cImMtbG9hZGVyXCJcclxuPjwvY3VpLXN2Zz5cclxuIl19

package/esm2020/components/button/button.module.mjs

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CuiSvgModule } from '@cuby-ui/core/components/svg';
+import { CuiButtonComponent } from './button.component';
+import * as i0 from "@angular/core";
+export class CuiButtonModule {
+}
+CuiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CuiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, declarations: [CuiButtonComponent], imports: [CommonModule,
+        CuiSvgModule], exports: [CuiButtonComponent] });
+CuiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, imports: [CommonModule,
+        CuiSvgModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiButtonComponent],
+                    exports: [CuiButtonComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFNUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVXhELE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlOzhHQUFmLGVBQWUsaUJBSFgsa0JBQWtCLGFBSC9CLFlBQVk7UUFDWixZQUFZLGFBR0osa0JBQWtCOzhHQUVqQixlQUFlLFlBTnhCLFlBQVk7UUFDWixZQUFZOzRGQUtILGVBQWU7a0JBUjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEN1aVN2Z01vZHVsZSB9IGZyb20gJ0BjdWJ5LXVpL2NvcmUvY29tcG9uZW50cy9zdmcnO1xuXG5pbXBvcnQgeyBDdWlCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEN1aVN2Z01vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtDdWlCdXR0b25Db21wb25lbnRdLFxuICBleHBvcnRzOiBbQ3VpQnV0dG9uQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Nb2R1bGUge1xufVxuIl19

package/esm2020/components/button/button.options.mjs

@@ -0,0 +1,9 @@
+import { InjectionToken } from '@angular/core';
+export const CUI_BUTTON_DEFAULT_OPTIONS = {
+    appearance: 'primary',
+    size: 'sm'
+};
+export const CUI_BUTTON_OPTIONS = new InjectionToken('', {
+    factory: () => CUI_BUTTON_DEFAULT_OPTIONS
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFnQy9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUMxRCxVQUFVLEVBQUUsU0FBUztJQUNyQixJQUFJLEVBQUUsSUFBSTtDQUNYLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLGNBQWMsQ0FBQyxFQUFFLEVBQUU7SUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLDBCQUEwQjtDQUMxQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHtcclxuICBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmUsXHJcbiAgQ3VpQXBwZWFyYW5jZUdob3N0LFxyXG4gIEN1aUFwcGVhcmFuY2VMaW5rLFxyXG4gIEN1aUFwcGVhcmFuY2VPdXRsaW5lZCxcclxuICBDdWlBcHBlYXJhbmNlT3V0bGluZWRHcmF5LFxyXG4gIEN1aUFwcGVhcmFuY2VQcmltYXJ5LFxyXG4gIEN1aUFwcGVhcmFuY2VTZWNvbmRhcnksXHJcbiAgQ3VpU2l6ZU1kLFxyXG4gIEN1aVNpemVTbSxcclxuICBDdWlTaXplWHMsXHJcbiAgQ3VpU2l6ZVh4c1xyXG59IGZyb20gJ0BjdWJ5LXVpL2NvcmUvdHlwZXMnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBDdWlCdXR0b25PcHRpb25zIHtcclxuICByZWFkb25seSBhcHBlYXJhbmNlOlxyXG4gICAgfCBDdWlBcHBlYXJhbmNlUHJpbWFyeVxyXG4gICAgfCBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5XHJcbiAgICB8IEN1aUFwcGVhcmFuY2VPdXRsaW5lZFxyXG4gICAgfCBDdWlBcHBlYXJhbmNlT3V0bGluZWRHcmF5XHJcbiAgICB8IEN1aUFwcGVhcmFuY2VHaG9zdFxyXG4gICAgfCBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmVcclxuICAgIHwgQ3VpQXBwZWFyYW5jZUxpbmtcclxuICByZWFkb25seSBzaXplOlxyXG4gICAgfCBDdWlTaXplWHhzXHJcbiAgICB8IEN1aVNpemVYc1xyXG4gICAgfCBDdWlTaXplU21cclxuICAgIHwgQ3VpU2l6ZU1kO1xyXG59XHJcblxyXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlM6IEN1aUJ1dHRvbk9wdGlvbnMgPSB7XHJcbiAgYXBwZWFyYW5jZTogJ3ByaW1hcnknLFxyXG4gIHNpemU6ICdzbSdcclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBDVUlfQlVUVE9OX09QVElPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW4oJycsIHtcclxuICBmYWN0b3J5OiAoKSA9PiBDVUlfQlVUVE9OX0RFRkFVTFRfT1BUSU9OU1xyXG59KTsiXX0=

package/esm2020/components/button/index.mjs

@@ -0,0 +1,4 @@
+export * from './button.component';
+export * from './button.module';
+export * from './button.options';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9idXR0b24ubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9idXR0b24ub3B0aW9ucyc7Il19

package/esm2020/components/index.mjs

@@ -0,0 +1,3 @@
+export * from '@cuby-ui/core/components/button';
+export * from '@cuby-ui/core/components/svg';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQGN1YnktdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BjdWJ5LXVpL2NvcmUvY29tcG9uZW50cy9zdmcnOyJdfQ==

package/esm2020/components/svg/index.mjs

@@ -0,0 +1,3 @@
+export * from './svg.component';
+export * from './svg.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc3ZnL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N2Zy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N2Zy5tb2R1bGUnO1xyXG4iXX0=

package/esm2020/components/svg/svg.component.mjs

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export class CuiSvgComponent {
+    set icon(icon) {
+        this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(icon);
+    }
+    ;
+    set strokeWidth(strokeWidth) {
+        this._strokeWidth = strokeWidth;
+        this.updateStrokeWidth();
+    }
+    constructor(domSanitizer, elementRef) {
+        this.domSanitizer = domSanitizer;
+        this.elementRef = elementRef;
+        this.STROKE_WIDTH_ATTRIBUTE = 'stroke-width';
+    }
+    ngAfterViewInit() {
+        this.updateStrokeWidth();
+    }
+    updateStrokeWidth() {
+        if (this._strokeWidth === undefined) {
+            return;
+        }
+        this.elementRef.nativeElement.querySelectorAll(`[${this.STROKE_WIDTH_ATTRIBUTE}]`)
+            .forEach(element => {
+            element.setAttribute(this.STROKE_WIDTH_ATTRIBUTE, this._strokeWidth.toString());
+        });
+    }
+}
+CuiSvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+CuiSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: { width: "width", height: "height", icon: "icon", strokeWidth: "strokeWidth" }, ngImport: i0, template: "<span\r\n  [innerHTML]=\"safeSvgContent\"\r\n  [style.width.px]=\"width\"\r\n  [style.height.px]=\"height\"\r\n></span>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0}:host ::ng-deep svg{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-svg[icon]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n  [innerHTML]=\"safeSvgContent\"\r\n  [style.width.px]=\"width\"\r\n  [style.height.px]=\"height\"\r\n></span>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0}:host ::ng-deep svg{width:100%;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }]; }, propDecorators: { width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], strokeWidth: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkIsTUFBTSxPQUFPLGVBQWU7SUFZMUIsSUFDSSxJQUFJLENBQUMsSUFBWTtRQUNuQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUFBLENBQUM7SUFFRixJQUNJLFdBQVcsQ0FBQyxXQUErQjtRQUM3QyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztRQUVoQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsWUFBNkIsWUFBMEIsRUFDMUIsVUFBbUM7UUFEbkMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUF4QmhFLDJCQUFzQixHQUFHLGNBQWMsQ0FBQztJQXlCeEMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFlBQVksS0FBSyxTQUFTLEVBQUU7WUFDbkMsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEdBQUcsQ0FBQzthQUMvRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDakIsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLFlBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFBO1FBQ2xGLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7NkdBekNVLGVBQWU7aUdBQWYsZUFBZSw2SUNmNUIseUhBSVE7NEZEV0ssZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07NEhBUy9DLEtBQUs7c0JBREosS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSUYsSUFBSTtzQkFEUCxLQUFLO2dCQU1GLFdBQVc7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdWktc3ZnW2ljb25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N2Zy50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3ZnLnN0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpU3ZnQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIFNUUk9LRV9XSURUSF9BVFRSSUJVVEUgPSAnc3Ryb2tlLXdpZHRoJztcblxuICBzYWZlU3ZnQ29udGVudCE6IFNhZmVIdG1sO1xuICBfc3Ryb2tlV2lkdGg/OiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgd2lkdGg/OiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgaGVpZ2h0PzogbnVtYmVyXG5cbiAgQElucHV0KClcbiAgc2V0IGljb24oaWNvbjogc3RyaW5nKSB7XG4gICAgdGhpcy5zYWZlU3ZnQ29udGVudCA9IHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKGljb24pO1xuICB9O1xuXG4gIEBJbnB1dCgpXG4gIHNldCBzdHJva2VXaWR0aChzdHJva2VXaWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fc3Ryb2tlV2lkdGggPSBzdHJva2VXaWR0aDtcblxuICAgIHRoaXMudXBkYXRlU3Ryb2tlV2lkdGgoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgICAgICAgICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZVN0cm9rZVdpZHRoKCk7XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZVN0cm9rZVdpZHRoKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9zdHJva2VXaWR0aCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvckFsbChgWyR7dGhpcy5TVFJPS0VfV0lEVEhfQVRUUklCVVRFfV1gKVxuICAgICAgLmZvckVhY2goZWxlbWVudCA9PiB7XG4gICAgICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKHRoaXMuU1RST0tFX1dJRFRIX0FUVFJJQlVURSwgdGhpcy5fc3Ryb2tlV2lkdGghLnRvU3RyaW5nKCkpXG4gICAgICB9KTtcbiAgfVxufVxuIiwiPHNwYW5cclxuICBbaW5uZXJIVE1MXT1cInNhZmVTdmdDb250ZW50XCJcclxuICBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIlxyXG4gIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCJcclxuPjwvc3Bhbj4iXX0=

package/esm2020/components/svg/svg.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CuiSvgComponent } from './svg.component';
+import * as i0 from "@angular/core";
+export class CuiSvgModule {
+}
+CuiSvgModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CuiSvgModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, declarations: [CuiSvgComponent], imports: [CommonModule], exports: [CuiSvgComponent] });
+CuiSvgModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [CuiSvgComponent],
+                    exports: [CuiSvgComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBT2xELE1BQU0sT0FBTyxZQUFZOzswR0FBWixZQUFZOzJHQUFaLFlBQVksaUJBSFIsZUFBZSxhQURwQixZQUFZLGFBRVosZUFBZTsyR0FFZCxZQUFZLFlBSmIsWUFBWTs0RkFJWCxZQUFZO2tCQUx4QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEN1aVN2Z0NvbXBvbmVudCB9IGZyb20gJy4vc3ZnLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtDdWlTdmdDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQ3VpU3ZnQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBDdWlTdmdNb2R1bGUge1xufVxuIl19

package/esm2020/cui-core.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VpLWNvcmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2N1aS1jb3JlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2020/f-core.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb3JlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvY29yZS9mLWNvcmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2020/index.mjs

@@ -0,0 +1,3 @@
+export * from '@cuby-ui/core/components';
+export * from '@cuby-ui/core/types';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0BjdWJ5LXVpL2NvcmUvY29tcG9uZW50cyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BjdWJ5LXVpL2NvcmUvdHlwZXMnOyJdfQ==

package/esm2020/types/appearance.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvdHlwZXMvYXBwZWFyYW5jZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ3VpQXBwZWFyYW5jZVByaW1hcnkgPSAncHJpbWFyeSc7XHJcblxyXG5leHBvcnQgdHlwZSBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5ID0gJ3NlY29uZGFyeSc7XHJcblxyXG5leHBvcnQgdHlwZSBDdWlBcHBlYXJhbmNlT3V0bGluZWQgPSAnb3V0bGluZWQnO1xyXG5cclxuZXhwb3J0IHR5cGUgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheSA9ICdvdXRsaW5lZC1ncmF5JztcclxuXHJcbmV4cG9ydCB0eXBlIEN1aUFwcGVhcmFuY2VHaG9zdCA9ICdnaG9zdCc7XHJcblxyXG5leHBvcnQgdHlwZSBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmUgPSAnZGVzdHJ1Y3RpdmUnO1xyXG5cclxuZXhwb3J0IHR5cGUgQ3VpQXBwZWFyYW5jZUxpbmsgPSAnbGluayc7Il19

package/esm2020/types/index.mjs

@@ -0,0 +1,3 @@
+export * from './appearance';
+export * from './size';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3R5cGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hcHBlYXJhbmNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zaXplJzsiXX0=

package/esm2020/types/size.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvdHlwZXMvc2l6ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ3VpU2l6ZVh4cyA9ICd4eHMnO1xyXG5cclxuZXhwb3J0IHR5cGUgQ3VpU2l6ZVhzID0gJ3hzJztcclxuXHJcbmV4cG9ydCB0eXBlIEN1aVNpemVTbSA9ICAnc20nO1xyXG5cclxuZXhwb3J0IHR5cGUgQ3VpU2l6ZU1kID0gJ21kJztcclxuIl19

package/fesm2015/cui-core.mjs

@@ -0,0 +1,7 @@
+export * from '@cuby-ui/core/components';
+export * from '@cuby-ui/core/types';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=cui-core.mjs.map

package/fesm2015/cui-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cui-core.mjs","sources":["../../../projects/core/cui-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}

package/fesm2015/f-core.mjs

@@ -0,0 +1,7 @@
+export * from '@cuby-ui/core/components';
+export * from '@cuby-ui/core/types';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=f-core.mjs.map

package/fesm2015/f-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"f-core.mjs","sources":["../../../projects/core/f-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}

package/fesm2020/cui-core.mjs

@@ -0,0 +1,7 @@
+export * from '@cuby-ui/core/components';
+export * from '@cuby-ui/core/types';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=cui-core.mjs.map

package/fesm2020/cui-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cui-core.mjs","sources":["../../../projects/core/cui-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}

package/fesm2020/f-core.mjs

@@ -0,0 +1,7 @@
+export * from '@cuby-ui/core/components';
+export * from '@cuby-ui/core/types';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=f-core.mjs.map

package/fesm2020/f-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"f-core.mjs","sources":["../../../projects/core/f-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}

package/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
 export * from '@cuby-ui/core/components';
-export * from '@cuby-ui/core/types';
+export * from '@cuby-ui/core/types';

package/package.json

@@ -1,12 +1,31 @@
 {
   "name": "@cuby-ui/core",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "peerDependencies": {
-    "@angular/common": "^15.2.0",
-    "@angular/core": "^15.2.0"
+    "@angular/common": ">=15.0.0",
+    "@angular/core": ">=15.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "module": "fesm2015/f-core.mjs",
+  "es2020": "fesm2020/f-core.mjs",
+  "esm2020": "esm2020/f-core.mjs",
+  "fesm2020": "fesm2020/f-core.mjs",
+  "fesm2015": "fesm2015/f-core.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/f-core.mjs",
+      "es2020": "./fesm2020/f-core.mjs",
+      "es2015": "./fesm2015/f-core.mjs",
+      "node": "./fesm2015/f-core.mjs",
+      "default": "./fesm2020/f-core.mjs"
+    }
+  }
+}

package/types/{appearance.ts → appearance.d.ts}

@@ -1,13 +1,7 @@
 export type CuiAppearancePrimary = 'primary';
-
 export type CuiAppearanceSecondary = 'secondary';
-
 export type CuiAppearanceOutlined = 'outlined';
-
 export type CuiAppearanceOutlinedGray = 'outlined-gray';
-
 export type CuiAppearanceGhost = 'ghost';
-
 export type CuiAppearanceDestructive = 'destructive';
-
-export type CuiAppearanceLink = 'link';
+export type CuiAppearanceLink = 'link';

package/types/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
 export * from './appearance';
-export * from './size';
+export * from './size';

package/types/{size.ts → size.d.ts}

@@ -1,7 +1,4 @@
 export type CuiSizeXxs = 'xxs';
-
 export type CuiSizeXs = 'xs';
-
-export type CuiSizeSm =  'sm';
-
+export type CuiSizeSm = 'sm';
 export type CuiSizeMd = 'md';

package/components/button/button.component.ts

@@ -1,114 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  HostBinding,
-  Inject,
-  Input,
-  ViewChild
-} from '@angular/core';
-
-import { CUI_BUTTON_OPTIONS, CuiButtonOptions } from './button.options';
-
-@Component({
-  selector: 'button[cuiButton], a[cuiButton]',
-  templateUrl: './button.template.html',
-  styleUrls: ['./button.style.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class CuiButtonComponent implements AfterViewInit, CuiButtonOptions {
-  CUI_ICON_LOADING =  `
-    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <animateTransform
-        attributeName="transform"
-        type="rotate"
-        from="0"
-        to="360"
-        dur="2"
-        repeatCount="indefinite">
-      </animateTransform>
-      <path opacity="0.5" d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C10.4178 20 8.87104 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60897 15.0615C4.00347 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21447 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" fill="white" fill-opacity="0.5"/>
-      <path d="M20 12H22C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2V4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12Z" fill="white"/>
-    </svg>
-  `;
-
-  _size = this.cuiButtonOptions.size;
-  svgOptions = {
-    width: 20,
-    height: 20,
-    strokeWidth: 1.5
-  };
-
-  @Input()
-  @HostBinding('attr.data-appearance')
-  appearance = this.cuiButtonOptions.appearance;
-
-  @Input()
-  @HostBinding('class._disabled')
-  disabled = false;
-
-  @Input()
-  @HostBinding('class._loading')
-  isLoaderShown = false;
-
-  @Input()
-  icon?: string;
-
-  @Input()
-  iconRight?: string;
-
-  @Input()
-  @HostBinding('attr.data-size')
-  get size(): CuiButtonOptions['size'] {
-    return this._size;
-  }
-
-  set size(size: CuiButtonOptions['size']) {
-    this._size = size;
-
-    if (size === 'xxs') {
-      this.svgOptions = {
-        width: 16,
-        height: 16,
-        strokeWidth: 1.5
-      };
-
-      return;
-    }
-
-    this.svgOptions = {
-      width: 20,
-      height: 20,
-      strokeWidth: 1.5
-    };
-  }
-
-  @HostBinding('class._only-icon')
-  containsOnlyIcon = false;
-
-  @HostBinding('disabled')
-  get isDisabled(): boolean {
-    return this.disabled || this.isLoaderShown;
-  }
-
-  @ViewChild('content')
-  content!: ElementRef<HTMLSpanElement>;
-
-  constructor(private readonly changeDetectorRef: ChangeDetectorRef,
-              @Inject(CUI_BUTTON_OPTIONS) private readonly cuiButtonOptions: CuiButtonOptions) {
-  }
-
-  ngAfterViewInit(): void {
-    this.initContainsOnlyIcon();
-  }
-
-  private initContainsOnlyIcon(): void {
-    Promise.resolve().then(() => {
-      this.containsOnlyIcon =  this.content.nativeElement.childNodes.length === 0;
-
-      this.changeDetectorRef.detectChanges();
-    });
-  }
-}

package/components/button/button.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { CuiSvgModule } from '@cuby-ui/core/components/svg';
-
-import { CuiButtonComponent } from './button.component';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    CuiSvgModule
-  ],
-  declarations: [CuiButtonComponent],
-  exports: [CuiButtonComponent]
-})
-export class CuiButtonModule {
-}

package/components/button/button.options.ts

@@ -1,40 +0,0 @@
-import { InjectionToken } from '@angular/core';
-
-import {
-  CuiAppearanceDestructive,
-  CuiAppearanceGhost,
-  CuiAppearanceLink,
-  CuiAppearanceOutlined,
-  CuiAppearanceOutlinedGray,
-  CuiAppearancePrimary,
-  CuiAppearanceSecondary,
-  CuiSizeMd,
-  CuiSizeSm,
-  CuiSizeXs,
-  CuiSizeXxs
-} from '@cuby-ui/core/types';
-
-export interface CuiButtonOptions {
-  readonly appearance:
-    | CuiAppearancePrimary
-    | CuiAppearanceSecondary
-    | CuiAppearanceOutlined
-    | CuiAppearanceOutlinedGray
-    | CuiAppearanceGhost
-    | CuiAppearanceDestructive
-    | CuiAppearanceLink
-  readonly size:
-    | CuiSizeXxs
-    | CuiSizeXs
-    | CuiSizeSm
-    | CuiSizeMd;
-}
-
-export const CUI_BUTTON_DEFAULT_OPTIONS: CuiButtonOptions = {
-  appearance: 'primary',
-  size: 'sm'
-};
-
-export const CUI_BUTTON_OPTIONS = new InjectionToken('', {
-  factory: () => CUI_BUTTON_DEFAULT_OPTIONS
-});

package/components/button/button.style.scss

@@ -1,290 +0,0 @@
-@use '../../styles/cuby-ui-global' as *;
-
-$size-xxs: 28px;
-$size-xs: 32px;
-$size-sm: 36px;
-$size-md: 40px;
-
-$padding-xxs: 8px;
-$padding-xs: 12px;
-$padding-sm: 14px;
-$padding-md: 18px;
-
-$border-size: 1px;
-
-:host {
-  @include text-sm-medium();
-
-  position: relative;
-  box-sizing: border-box;
-  border: 0;
-  border-radius: 8px;
-  outline: 0;
-  cursor: pointer;
-  appearance: none;
-  background: inherit;
-  font-family: $cui-main-font;
-  text-decoration: none;
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-
-  &[data-appearance='primary'] {
-    background: $cui-primary-800;
-    color: $cui-base-0;
-
-    &:hover {
-      background: $cui-primary-900;
-    }
-
-    &:disabled {
-      background: $cui-primary-800;
-    }
-
-    .c-icon {
-      ::ng-deep {
-        path {
-          stroke: $cui-base-0;
-        }
-      }
-    }
-  }
-
-  &[data-appearance='secondary'] {
-    background: $cui-base-100;
-    color: $cui-base-900;
-
-    &:hover {
-      background: $cui-base-200;
-    }
-
-    &:disabled {
-      background: $cui-base-100;
-    }
-
-    .c-icon {
-      ::ng-deep {
-        path {
-          stroke: $cui-base-500;
-        }
-      }
-    }
-  }
-
-  &[data-appearance='outlined'] {
-    border: 1px solid $cui-base-200;
-    background: $cui-base-0;
-    color: $cui-base-900;
-
-    &:hover {
-      background: $cui-base-50;
-    }
-
-    &:disabled {
-      background: $cui-base-0;
-    }
-
-    .c-icon {
-      ::ng-deep {
-        path {
-          stroke: $cui-base-500;
-        }
-      }
-    }
-  }
-
-  &[data-appearance='outlined-gray'] {
-    border: 1px solid $cui-base-200;
-    background: $cui-base-10;
-    color: $cui-base-900;
-
-    &:hover {
-      background: $cui-base-50;
-    }
-
-    &:disabled {
-      background: $cui-base-10;
-    }
-
-    .c-icon {
-      ::ng-deep {
-        path {
-          stroke: $cui-base-500;
-        }
-      }
-    }
-  }
-
-  &[data-appearance='ghost'] {
-    color: $cui-base-900;
-
-    &:hover {
-      background: $cui-base-50;
-    }
-
-    &:disabled {
-      background: inherit;
-    }
-
-    .c-icon {
-      ::ng-deep {
-        path {
-          stroke: $cui-base-500;
-        }
-      }
-    }
-  }
-
-  &[data-appearance='destructive'] {
-    background: $cui-error-800;
-    color: $cui-base-0;
-
-    &:hover {
-      background: $cui-error-900;
-    }
-
-    &:disabled {
-      background: $cui-error-800;
-    }
-
-    .c-icon {
-      ::ng-deep {
-        path {
-          stroke: $cui-base-0;
-        }
-      }
-    }
-  }
-
-  &[data-appearance='link'] {
-    height: 24px !important;
-    padding: 0 4px !important;
-    color: $cui-info-600;
-
-    &:hover {
-      color: $cui-info-900;
-
-      .c-icon {
-        ::ng-deep {
-          path {
-            stroke: $cui-info-900;
-          }
-        }
-      }
-    }
-
-    &:disabled {
-      color: $cui-info-600;
-
-      .c-icon {
-        ::ng-deep {
-          path {
-            stroke: $cui-info-900;
-          }
-        }
-      }
-    }
-
-    .c-icon {
-      ::ng-deep {
-        path {
-          stroke: $cui-info-600;
-        }
-      }
-    }
-  }
-
-  &[data-size='xxs'] {
-    @include text-xxs();
-
-    height: $size-xxs;
-    padding: 0 $padding-xxs;
-
-    &[data-appearance='outlined'],
-    &[data-appearance='outlined-gray'] {
-      padding: 0 ($padding-xxs - $border-size);
-    }
-
-    &._only-icon {
-      width: $size-xxs;
-    }
-
-    .c-wrapper {
-      gap: 6px;
-    }
-  }
-
-  &[data-size='xs'] {
-    @include text-xs();
-
-    height: $size-xs;
-    padding: 0 $padding-xs;
-
-    &[data-appearance='outlined'],
-    &[data-appearance='outlined-gray'] {
-      padding: 0 ($padding-xs - $border-size);
-    }
-
-    &._only-icon {
-      width: $size-xs;
-    }
-  }
-
-  &[data-size='sm'] {
-    height: $size-sm;
-    padding: 0 $padding-sm;
-
-    &[data-appearance='outlined'],
-    &[data-appearance='outlined-gray'] {
-      padding: 0 ($padding-sm - $border-size);
-    }
-
-    &._only-icon {
-      width: $size-sm;
-    }
-  }
-
-  &[data-size='md'] {
-    height: $size-md;
-    padding: 0 $padding-md;
-
-    &[data-appearance='outlined'],
-    &[data-appearance='outlined-gray'] {
-      padding: 0 ($padding-md - $border-size);
-    }
-
-    &._only-icon {
-      width: $size-md;
-    }
-  }
-
-  &._disabled {
-    opacity: 0.5;
-  }
-
-  &._loading {
-    :hover {
-      background: unset;
-    }
-  }
-}
-
-.c-wrapper {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  height: 100%;
-
-  &_invisible {
-    opacity: 0;
-  }
-}
-
-.c-loader {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}

package/components/button/button.template.html

@@ -1,29 +0,0 @@
-<span
-  class="c-wrapper"
-  [class.c-wrapper_invisible]="isLoaderShown"
->
-  <cui-svg
-    *ngIf="icon"
-    [icon]="icon"
-    [width]="svgOptions.width"
-    [height]="svgOptions.height"
-    [strokeWidth]="svgOptions.strokeWidth"
-    class="c-icon"
-  ></cui-svg>
-  <span #content *ngIf="!containsOnlyIcon">
-    <ng-content></ng-content>
-  </span>
-  <cui-svg
-    *ngIf="iconRight"
-    [icon]="iconRight"
-    [width]="svgOptions.width"
-    [height]="svgOptions.height"
-    [strokeWidth]="svgOptions.strokeWidth"
-    class="c-icon"
-  ></cui-svg>
-</span>
-<cui-svg
-  *ngIf="isLoaderShown"
-  [icon]="CUI_ICON_LOADING"
-  class="c-loader"
-></cui-svg>

package/components/svg/svg.component.ts

@@ -1,58 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  Input
-} from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-
-@Component({
-  selector: 'cui-svg[icon]',
-  templateUrl: './svg.template.html',
-  styleUrls: ['./svg.style.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class CuiSvgComponent implements AfterViewInit {
-  STROKE_WIDTH_ATTRIBUTE = 'stroke-width';
-
-  safeSvgContent!: SafeHtml;
-  _strokeWidth?: number;
-
-  @Input()
-  width?: number;
-
-  @Input()
-  height?: number
-
-  @Input()
-  set icon(icon: string) {
-    this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(icon);
-  };
-
-  @Input()
-  set strokeWidth(strokeWidth: number | undefined) {
-    this._strokeWidth = strokeWidth;
-
-    this.updateStrokeWidth();
-  }
-
-  constructor(private readonly domSanitizer: DomSanitizer,
-              private readonly elementRef: ElementRef<HTMLElement>) {
-  }
-
-  ngAfterViewInit(): void {
-    this.updateStrokeWidth();
-  }
-
-  private updateStrokeWidth(): void {
-    if (this._strokeWidth === undefined) {
-      return;
-    }
-
-    this.elementRef.nativeElement.querySelectorAll(`[${this.STROKE_WIDTH_ATTRIBUTE}]`)
-      .forEach(element => {
-        element.setAttribute(this.STROKE_WIDTH_ATTRIBUTE, this._strokeWidth!.toString())
-      });
-  }
-}

package/components/svg/svg.module.ts

@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { CuiSvgComponent } from './svg.component';
-
-@NgModule({
-  imports: [CommonModule],
-  declarations: [CuiSvgComponent],
-  exports: [CuiSvgComponent]
-})
-export class CuiSvgModule {
-}

package/components/svg/svg.options.ts

@@ -1,6 +0,0 @@
-export interface CuiSvgOptions {
-  readonly icon: string;
-  readonly width?: number;
-  readonly height?: number;
-  readonly strokeWidth?: number;
-}

package/components/svg/svg.style.scss

@@ -1,15 +0,0 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  vertical-align: middle;
-  line-height: 0;
-
-  ::ng-deep {
-    svg {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}

package/components/svg/svg.template.html

@@ -1,5 +0,0 @@
-<span
-  [innerHTML]="safeSvgContent"
-  [style.width.px]="width"
-  [style.height.px]="height"
-></span>

package/ng-package.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/core",
-  "assets": [
-    "styles",
-    "fonts"
-  ],
-  "lib": {
-    "entryFile": "index.ts"
-  }
-}

package/tsconfig.lib.json

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}