@cuby-ui/core 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/button/button.module.d.ts +1 -1
- package/components/button/button.options.d.ts +1 -1
- package/components/icon-button/icon-button.component.d.ts +5 -0
- package/components/icon-button/icon-button.module.d.ts +8 -0
- package/components/icon-button/index.d.ts +2 -0
- package/components/index.d.ts +3 -2
- package/esm2020/components/button/button.component.mjs +3 -15
- package/esm2020/components/button/button.module.mjs +2 -2
- package/esm2020/components/button/button.options.mjs +1 -1
- package/esm2020/components/icon-button/icon-button.component.mjs +11 -0
- package/esm2020/components/icon-button/icon-button.module.mjs +20 -0
- package/esm2020/components/icon-button/index.mjs +3 -0
- package/esm2020/components/index.mjs +4 -3
- package/esm2020/components/svg/svg.component.mjs +1 -1
- package/esm2020/components/svg/svg.module.mjs +1 -1
- package/esm2020/cuby-ui-core.mjs +5 -0
- package/esm2020/index.mjs +3 -3
- package/esm2020/types/appearance.mjs +1 -1
- package/fesm2015/cuby-ui-core.mjs +214 -0
- package/fesm2015/cuby-ui-core.mjs.map +1 -0
- package/fesm2020/cuby-ui-core.mjs +212 -0
- package/fesm2020/cuby-ui-core.mjs.map +1 -0
- package/index.d.ts +2 -2
- package/package.json +13 -12
- package/esm2020/cui-core.mjs +0 -5
- package/esm2020/f-core.mjs +0 -5
- package/fesm2015/cui-core.mjs +0 -7
- package/fesm2015/cui-core.mjs.map +0 -1
- package/fesm2015/f-core.mjs +0 -7
- package/fesm2015/f-core.mjs.map +0 -1
- package/fesm2020/cui-core.mjs +0 -7
- package/fesm2020/cui-core.mjs.map +0 -1
- package/fesm2020/f-core.mjs +0 -7
- package/fesm2020/f-core.mjs.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./button.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "
|
|
4
|
+
import * as i3 from "../svg/svg.module";
|
|
5
5
|
export declare class CuiButtonModule {
|
|
6
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiButtonModule, never>;
|
|
7
7
|
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiButtonModule, [typeof i1.CuiButtonComponent], [typeof i2.CommonModule, typeof i3.CuiSvgModule], [typeof i1.CuiButtonComponent]>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
|
2
|
-
import { CuiAppearanceDestructive, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearancePrimary, CuiAppearanceSecondary, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs } from '
|
|
2
|
+
import { CuiAppearanceDestructive, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearancePrimary, CuiAppearanceSecondary, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs } from '../../types';
|
|
3
3
|
export interface CuiButtonOptions {
|
|
4
4
|
readonly appearance: CuiAppearancePrimary | CuiAppearanceSecondary | CuiAppearanceOutlined | CuiAppearanceOutlinedGray | CuiAppearanceGhost | CuiAppearanceDestructive | CuiAppearanceLink;
|
|
5
5
|
readonly size: CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CuiIconButtonComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiIconButtonComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiIconButtonComponent, "cui-icon-button", never, {}, {}, never, never, false, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./icon-button.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class CuiIconButtonModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiIconButtonModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiIconButtonModule, [typeof i1.CuiIconButtonComponent], [typeof i2.CommonModule], [typeof i1.CuiIconButtonComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CuiIconButtonModule>;
|
|
8
|
+
}
|
package/components/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
1
|
+
export * from './button';
|
|
2
|
+
export * from './svg';
|
|
3
|
+
export * from './icon-button';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { cuiIconLoading } from '@cuby-ui/icons';
|
|
2
3
|
import { CUI_BUTTON_OPTIONS } from './button.options';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/common";
|
|
@@ -29,20 +30,7 @@ export class CuiButtonComponent {
|
|
|
29
30
|
constructor(changeDetectorRef, cuiButtonOptions) {
|
|
30
31
|
this.changeDetectorRef = changeDetectorRef;
|
|
31
32
|
this.cuiButtonOptions = cuiButtonOptions;
|
|
32
|
-
this.CUI_ICON_LOADING =
|
|
33
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
34
|
-
<animateTransform
|
|
35
|
-
attributeName="transform"
|
|
36
|
-
type="rotate"
|
|
37
|
-
from="0"
|
|
38
|
-
to="360"
|
|
39
|
-
dur="2"
|
|
40
|
-
repeatCount="indefinite">
|
|
41
|
-
</animateTransform>
|
|
42
|
-
<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"/>
|
|
43
|
-
<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"/>
|
|
44
|
-
</svg>
|
|
45
|
-
`;
|
|
33
|
+
this.CUI_ICON_LOADING = cuiIconLoading;
|
|
46
34
|
this._size = this.cuiButtonOptions.size;
|
|
47
35
|
this.svgOptions = {
|
|
48
36
|
width: 20,
|
|
@@ -106,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
106
94
|
type: ViewChild,
|
|
107
95
|
args: ['content']
|
|
108
96
|
}] } });
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUV2QixTQUFTLEVBRVQsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsa0JBQWtCLEVBQW9CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFReEUsTUFBTSxPQUFPLGtCQUFrQjtJQTRCN0IsSUFFSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUFJLElBQUksQ0FBQyxJQUE4QjtRQUNyQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUVsQixJQUFJLElBQUksS0FBSyxLQUFLLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRztnQkFDaEIsS0FBSyxFQUFFLEVBQUU7Z0JBQ1QsTUFBTSxFQUFFLEVBQUU7Z0JBQ1YsV0FBVyxFQUFFLEdBQUc7YUFDakIsQ0FBQztZQUVGLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxVQUFVLEdBQUc7WUFDaEIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFdBQVcsRUFBRSxHQUFHO1NBQ2pCLENBQUM7SUFDSixDQUFDO0lBS0QsSUFDSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUtELFlBQTZCLGlCQUFvQyxFQUNSLGdCQUFrQztRQUQ5RCxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ1IscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQWpFM0YscUJBQWdCLEdBQUksY0FBYyxDQUFDO1FBRW5DLFVBQUssR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1FBQ25DLGVBQVUsR0FBRztZQUNYLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixXQUFXLEVBQUUsR0FBRztTQUNqQixDQUFDO1FBSUYsZUFBVSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLENBQUM7UUFJOUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUlqQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQW1DdEIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO0lBWXpCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVPLG9CQUFvQjtRQUMxQixPQUFPLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUMxQixJQUFJLENBQUMsZ0JBQWdCLEdBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7WUFFNUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0hBL0VVLGtCQUFrQixtREFrRVQsa0JBQWtCO29HQWxFM0Isa0JBQWtCLHVqQkNyQi9CLDZ2QkE2QkE7NEZEUmEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTTs7MEJBb0VsQyxNQUFNOzJCQUFDLGtCQUFrQjs0Q0F0RHRDLFVBQVU7c0JBRlQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxzQkFBc0I7Z0JBS25DLFFBQVE7c0JBRlAsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSzlCLGFBQWE7c0JBRlosS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBSTdCLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBS0YsSUFBSTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkEwQjdCLGdCQUFnQjtzQkFEZixXQUFXO3VCQUFDLGtCQUFrQjtnQkFJM0IsVUFBVTtzQkFEYixXQUFXO3VCQUFDLFVBQVU7Z0JBTXZCLE9BQU87c0JBRE4sU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIEluamVjdCxcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgY3VpSWNvbkxvYWRpbmcgfSBmcm9tICdAY3VieS11aS9pY29ucyc7XHJcblxyXG5pbXBvcnQgeyBDVUlfQlVUVE9OX09QVElPTlMsIEN1aUJ1dHRvbk9wdGlvbnMgfSBmcm9tICcuL2J1dHRvbi5vcHRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYnV0dG9uW2N1aUJ1dHRvbl0sIGFbY3VpQnV0dG9uXScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi50ZW1wbGF0ZS5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uc3R5bGUuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBDdWlCdXR0b25PcHRpb25zIHtcclxuICBDVUlfSUNPTl9MT0FESU5HID0gIGN1aUljb25Mb2FkaW5nO1xyXG5cclxuICBfc2l6ZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaXplO1xyXG4gIHN2Z09wdGlvbnMgPSB7XHJcbiAgICB3aWR0aDogMjAsXHJcbiAgICBoZWlnaHQ6IDIwLFxyXG4gICAgc3Ryb2tlV2lkdGg6IDEuNVxyXG4gIH07XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtYXBwZWFyYW5jZScpXHJcbiAgYXBwZWFyYW5jZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5hcHBlYXJhbmNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuX2Rpc2FibGVkJylcclxuICBkaXNhYmxlZCA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuX2xvYWRpbmcnKVxyXG4gIGlzTG9hZGVyU2hvd24gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBpY29uPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGljb25SaWdodD86IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcclxuICBnZXQgc2l6ZSgpOiBDdWlCdXR0b25PcHRpb25zWydzaXplJ10ge1xyXG4gICAgcmV0dXJuIHRoaXMuX3NpemU7XHJcbiAgfVxyXG5cclxuICBzZXQgc2l6ZShzaXplOiBDdWlCdXR0b25PcHRpb25zWydzaXplJ10pIHtcclxuICAgIHRoaXMuX3NpemUgPSBzaXplO1xyXG5cclxuICAgIGlmIChzaXplID09PSAneHhzJykge1xyXG4gICAgICB0aGlzLnN2Z09wdGlvbnMgPSB7XHJcbiAgICAgICAgd2lkdGg6IDE2LFxyXG4gICAgICAgIGhlaWdodDogMTYsXHJcbiAgICAgICAgc3Ryb2tlV2lkdGg6IDEuNVxyXG4gICAgICB9O1xyXG5cclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuc3ZnT3B0aW9ucyA9IHtcclxuICAgICAgd2lkdGg6IDIwLFxyXG4gICAgICBoZWlnaHQ6IDIwLFxyXG4gICAgICBzdHJva2VXaWR0aDogMS41XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fb25seS1pY29uJylcclxuICBjb250YWluc09ubHlJY29uID0gZmFsc2U7XHJcblxyXG4gIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKVxyXG4gIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5pc0xvYWRlclNob3duO1xyXG4gIH1cclxuXHJcbiAgQFZpZXdDaGlsZCgnY29udGVudCcpXHJcbiAgY29udGVudCE6IEVsZW1lbnRSZWY8SFRNTFNwYW5FbGVtZW50PjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICAgICAgICAgICAgQEluamVjdChDVUlfQlVUVE9OX09QVElPTlMpIHByaXZhdGUgcmVhZG9ubHkgY3VpQnV0dG9uT3B0aW9uczogQ3VpQnV0dG9uT3B0aW9ucykge1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbml0Q29udGFpbnNPbmx5SWNvbigpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBpbml0Q29udGFpbnNPbmx5SWNvbigpOiB2b2lkIHtcclxuICAgIFByb21pc2UucmVzb2x2ZSgpLnRoZW4oKCkgPT4ge1xyXG4gICAgICB0aGlzLmNvbnRhaW5zT25seUljb24gPSAgdGhpcy5jb250ZW50Lm5hdGl2ZUVsZW1lbnQuY2hpbGROb2Rlcy5sZW5ndGggPT09IDA7XHJcblxyXG4gICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8c3BhblxyXG4gIGNsYXNzPVwiYy13cmFwcGVyXCJcclxuICBbY2xhc3MuYy13cmFwcGVyX2ludmlzaWJsZV09XCJpc0xvYWRlclNob3duXCJcclxuPlxyXG4gIDxjdWktc3ZnXHJcbiAgICAqbmdJZj1cImljb25cIlxyXG4gICAgW2ljb25dPVwiaWNvblwiXHJcbiAgICBbd2lkdGhdPVwic3ZnT3B0aW9ucy53aWR0aFwiXHJcbiAgICBbaGVpZ2h0XT1cInN2Z09wdGlvbnMuaGVpZ2h0XCJcclxuICAgIFtzdHJva2VXaWR0aF09XCJzdmdPcHRpb25zLnN0cm9rZVdpZHRoXCJcclxuICAgIGNsYXNzPVwiYy1pY29uXCJcclxuICA+PC9jdWktc3ZnPlxyXG4gIDxzcGFuICNjb250ZW50ICpuZ0lmPVwiIWNvbnRhaW5zT25seUljb25cIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3NwYW4+XHJcbiAgPGN1aS1zdmdcclxuICAgICpuZ0lmPVwiaWNvblJpZ2h0XCJcclxuICAgIFtpY29uXT1cImljb25SaWdodFwiXHJcbiAgICBbd2lkdGhdPVwic3ZnT3B0aW9ucy53aWR0aFwiXHJcbiAgICBbaGVpZ2h0XT1cInN2Z09wdGlvbnMuaGVpZ2h0XCJcclxuICAgIFtzdHJva2VXaWR0aF09XCJzdmdPcHRpb25zLnN0cm9rZVdpZHRoXCJcclxuICAgIGNsYXNzPVwiYy1pY29uXCJcclxuICA+PC9jdWktc3ZnPlxyXG48L3NwYW4+XHJcbjxjdWktc3ZnXHJcbiAgKm5nSWY9XCJpc0xvYWRlclNob3duXCJcclxuICBbaWNvbl09XCJDVUlfSUNPTl9MT0FESU5HXCJcclxuICBjbGFzcz1cImMtbG9hZGVyXCJcclxuPjwvY3VpLXN2Zz5cclxuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { CuiSvgModule } from '@cuby-ui/core/components/svg';
|
|
4
3
|
import { CuiButtonComponent } from './button.component';
|
|
4
|
+
import { CuiSvgModule } from '../svg';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class CuiButtonModule {
|
|
7
7
|
}
|
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
21
21
|
exports: [CuiButtonComponent]
|
|
22
22
|
}]
|
|
23
23
|
}] });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sUUFBUSxDQUFDOztBQVV0QyxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQUhYLGtCQUFrQixhQUgvQixZQUFZO1FBQ1osWUFBWSxhQUdKLGtCQUFrQjs4R0FFakIsZUFBZSxZQU54QixZQUFZO1FBQ1osWUFBWTs0RkFLSCxlQUFlO2tCQVIzQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7cUJBQ2I7b0JBQ0QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5pbXBvcnQgeyBDdWlCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vc3ZnJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgQ3VpU3ZnTW9kdWxlXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtDdWlCdXR0b25Db21wb25lbnRdLFxyXG4gIGV4cG9ydHM6IFtDdWlCdXR0b25Db21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Nb2R1bGUge1xyXG59XHJcbiJdfQ==
|
|
@@ -6,4 +6,4 @@ export const CUI_BUTTON_DEFAULT_OPTIONS = {
|
|
|
6
6
|
export const CUI_BUTTON_OPTIONS = new InjectionToken('', {
|
|
7
7
|
factory: () => CUI_BUTTON_DEFAULT_OPTIONS
|
|
8
8
|
});
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFnQy9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUMxRCxVQUFVLEVBQUUsU0FBUztJQUNyQixJQUFJLEVBQUUsSUFBSTtDQUNYLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLGNBQWMsQ0FBQyxFQUFFLEVBQUU7SUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLDBCQUEwQjtDQUMxQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHtcclxuICBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmUsXHJcbiAgQ3VpQXBwZWFyYW5jZUdob3N0LFxyXG4gIEN1aUFwcGVhcmFuY2VMaW5rLFxyXG4gIEN1aUFwcGVhcmFuY2VPdXRsaW5lZCxcclxuICBDdWlBcHBlYXJhbmNlT3V0bGluZWRHcmF5LFxyXG4gIEN1aUFwcGVhcmFuY2VQcmltYXJ5LFxyXG4gIEN1aUFwcGVhcmFuY2VTZWNvbmRhcnksXHJcbiAgQ3VpU2l6ZU1kLFxyXG4gIEN1aVNpemVTbSxcclxuICBDdWlTaXplWHMsXHJcbiAgQ3VpU2l6ZVh4c1xyXG59IGZyb20gJy4uLy4uL3R5cGVzJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ3VpQnV0dG9uT3B0aW9ucyB7XHJcbiAgcmVhZG9ubHkgYXBwZWFyYW5jZTpcclxuICAgIHwgQ3VpQXBwZWFyYW5jZVByaW1hcnlcclxuICAgIHwgQ3VpQXBwZWFyYW5jZVNlY29uZGFyeVxyXG4gICAgfCBDdWlBcHBlYXJhbmNlT3V0bGluZWRcclxuICAgIHwgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheVxyXG4gICAgfCBDdWlBcHBlYXJhbmNlR2hvc3RcclxuICAgIHwgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlXHJcbiAgICB8IEN1aUFwcGVhcmFuY2VMaW5rXHJcbiAgcmVhZG9ubHkgc2l6ZTpcclxuICAgIHwgQ3VpU2l6ZVh4c1xyXG4gICAgfCBDdWlTaXplWHNcclxuICAgIHwgQ3VpU2l6ZVNtXHJcbiAgICB8IEN1aVNpemVNZDtcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IENVSV9CVVRUT05fREVGQVVMVF9PUFRJT05TOiBDdWlCdXR0b25PcHRpb25zID0ge1xyXG4gIGFwcGVhcmFuY2U6ICdwcmltYXJ5JyxcclxuICBzaXplOiAnc20nXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9PUFRJT05TID0gbmV3IEluamVjdGlvblRva2VuKCcnLCB7XHJcbiAgZmFjdG9yeTogKCkgPT4gQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlNcclxufSk7Il19
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CuiIconButtonComponent {
|
|
4
|
+
}
|
|
5
|
+
CuiIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
CuiIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiIconButtonComponent, selector: "cui-icon-button", ngImport: i0, template: "<p>icon-button works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'cui-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p>icon-button works!</p>\n" }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUW5FLE1BQU0sT0FBTyxzQkFBc0I7O29IQUF0QixzQkFBc0I7d0dBQXRCLHNCQUFzQix1RENSbkMsNkJBQ0E7NEZET2Esc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdWktaWNvbi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1idXR0b24udGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLnN0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpSWNvbkJ1dHRvbkNvbXBvbmVudCB7XG59XG4iLCI8cD5pY29uLWJ1dHRvbiB3b3JrcyE8L3A+XG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { CuiIconButtonComponent } from './icon-button.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class CuiIconButtonModule {
|
|
6
|
+
}
|
|
7
|
+
CuiIconButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
CuiIconButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, declarations: [CuiIconButtonComponent], imports: [CommonModule], exports: [CuiIconButtonComponent] });
|
|
9
|
+
CuiIconButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
imports: [
|
|
14
|
+
CommonModule
|
|
15
|
+
],
|
|
16
|
+
declarations: [CuiIconButtonComponent],
|
|
17
|
+
exports: [CuiIconButtonComponent]
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFTakUsTUFBTSxPQUFPLG1CQUFtQjs7aUhBQW5CLG1CQUFtQjtrSEFBbkIsbUJBQW1CLGlCQUhmLHNCQUFzQixhQUZuQyxZQUFZLGFBR0osc0JBQXNCO2tIQUVyQixtQkFBbUIsWUFMNUIsWUFBWTs0RkFLSCxtQkFBbUI7a0JBUC9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBDdWlJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW0N1aUljb25CdXR0b25Db21wb25lbnRdLFxuICBleHBvcnRzOiBbQ3VpSWNvbkJ1dHRvbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgQ3VpSWNvbkJ1dHRvbk1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './icon-button.component';
|
|
2
|
+
export * from './icon-button.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2ljb24tYnV0dG9uLm1vZHVsZSc7Il19
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
|
|
1
|
+
export * from './button';
|
|
2
|
+
export * from './svg';
|
|
3
|
+
export * from './icon-button';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxPQUFPLENBQUM7QUFDdEIsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2J1dHRvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3ZnJztcclxuZXhwb3J0ICogZnJvbSAnLi9pY29uLWJ1dHRvbic7Il19
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
42
42
|
}], strokeWidth: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkIsTUFBTSxPQUFPLGVBQWU7SUFZMUIsSUFDSSxJQUFJLENBQUMsSUFBWTtRQUNuQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUFBLENBQUM7SUFFRixJQUNJLFdBQVcsQ0FBQyxXQUErQjtRQUM3QyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztRQUVoQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsWUFBNkIsWUFBMEIsRUFDMUIsVUFBbUM7UUFEbkMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUF4QmhFLDJCQUFzQixHQUFHLGNBQWMsQ0FBQztJQXlCeEMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFlBQVksS0FBSyxTQUFTLEVBQUU7WUFDbkMsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEdBQUcsQ0FBQzthQUMvRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDakIsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLFlBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFBO1FBQ2xGLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7NkdBekNVLGVBQWU7aUdBQWYsZUFBZSw2SUNmNUIseUhBSVE7NEZEV0ssZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07NEhBUy9DLEtBQUs7c0JBREosS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSUYsSUFBSTtzQkFEUCxLQUFLO2dCQU1GLFdBQVc7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBJbnB1dFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N1aS1zdmdbaWNvbl0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdmcudGVtcGxhdGUuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3ZnLnN0eWxlLnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VpU3ZnQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgU1RST0tFX1dJRFRIX0FUVFJJQlVURSA9ICdzdHJva2Utd2lkdGgnO1xyXG5cclxuICBzYWZlU3ZnQ29udGVudCE6IFNhZmVIdG1sO1xyXG4gIF9zdHJva2VXaWR0aD86IG51bWJlcjtcclxuXHJcbiAgQElucHV0KClcclxuICB3aWR0aD86IG51bWJlcjtcclxuXHJcbiAgQElucHV0KClcclxuICBoZWlnaHQ/OiBudW1iZXJcclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgaWNvbihpY29uOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuc2FmZVN2Z0NvbnRlbnQgPSB0aGlzLmRvbVNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChpY29uKTtcclxuICB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNldCBzdHJva2VXaWR0aChzdHJva2VXaWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkKSB7XHJcbiAgICB0aGlzLl9zdHJva2VXaWR0aCA9IHN0cm9rZVdpZHRoO1xyXG5cclxuICAgIHRoaXMudXBkYXRlU3Ryb2tlV2lkdGgoKTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXHJcbiAgICAgICAgICAgICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy51cGRhdGVTdHJva2VXaWR0aCgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSB1cGRhdGVTdHJva2VXaWR0aCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLl9zdHJva2VXaWR0aCA9PT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKGBbJHt0aGlzLlNUUk9LRV9XSURUSF9BVFRSSUJVVEV9XWApXHJcbiAgICAgIC5mb3JFYWNoKGVsZW1lbnQgPT4ge1xyXG4gICAgICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKHRoaXMuU1RST0tFX1dJRFRIX0FUVFJJQlVURSwgdGhpcy5fc3Ryb2tlV2lkdGghLnRvU3RyaW5nKCkpXHJcbiAgICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8c3BhblxyXG4gIFtpbm5lckhUTUxdPVwic2FmZVN2Z0NvbnRlbnRcIlxyXG4gIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiXHJcbiAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIlxyXG4+PC9zcGFuPiJdfQ==
|
|
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
15
15
|
exports: [CuiSvgComponent]
|
|
16
16
|
}]
|
|
17
17
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBT2xELE1BQU0sT0FBTyxZQUFZOzswR0FBWixZQUFZOzJHQUFaLFlBQVksaUJBSFIsZUFBZSxhQURwQixZQUFZLGFBRVosZUFBZTsyR0FFZCxZQUFZLFlBSmIsWUFBWTs0RkFJWCxZQUFZO2tCQUx4QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbmltcG9ydCB7IEN1aVN2Z0NvbXBvbmVudCB9IGZyb20gJy4vc3ZnLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGRlY2xhcmF0aW9uczogW0N1aVN2Z0NvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW0N1aVN2Z0NvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aVN2Z01vZHVsZSB7XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VieS11aS1jb3JlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jdWJ5LXVpLWNvcmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
package/esm2020/index.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export * from './components';
|
|
2
|
+
export * from './types';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzJztcclxuZXhwb3J0ICogZnJvbSAnLi90eXBlcyc7Il19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvdHlwZXMvYXBwZWFyYW5jZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ3VpQXBwZWFyYW5jZVByaW1hcnkgPSAncHJpbWFyeSc7XHJcblxyXG5leHBvcnQgdHlwZSBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5ID0gJ3NlY29uZGFyeSc7XHJcblxyXG5leHBvcnQgdHlwZSBDdWlBcHBlYXJhbmNlT3V0bGluZWQgPSAnb3V0bGluZWQnO1xyXG5cclxuZXhwb3J0IHR5cGUgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheSA9ICdvdXRsaW5lZC1ncmF5JztcclxuXHJcbmV4cG9ydCB0eXBlIEN1aUFwcGVhcmFuY2VHaG9zdCA9ICdnaG9zdCc7XHJcblxyXG5leHBvcnQgdHlwZSBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmUgPSAnZGVzdHJ1Y3RpdmUnO1xyXG5cclxuZXhwb3J0IHR5cGUgQ3VpQXBwZWFyYW5jZUxpbmsgPSAnbGluayc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { InjectionToken, Component, ChangeDetectionStrategy, Input, Inject, HostBinding, ViewChild, NgModule } from '@angular/core';
|
|
3
|
+
import { cuiIconLoading } from '@cuby-ui/icons';
|
|
4
|
+
import * as i1$1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i1 from '@angular/platform-browser';
|
|
7
|
+
|
|
8
|
+
const CUI_BUTTON_DEFAULT_OPTIONS = {
|
|
9
|
+
appearance: 'primary',
|
|
10
|
+
size: 'sm'
|
|
11
|
+
};
|
|
12
|
+
const CUI_BUTTON_OPTIONS = new InjectionToken('', {
|
|
13
|
+
factory: () => CUI_BUTTON_DEFAULT_OPTIONS
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
class CuiSvgComponent {
|
|
17
|
+
set icon(icon) {
|
|
18
|
+
this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(icon);
|
|
19
|
+
}
|
|
20
|
+
;
|
|
21
|
+
set strokeWidth(strokeWidth) {
|
|
22
|
+
this._strokeWidth = strokeWidth;
|
|
23
|
+
this.updateStrokeWidth();
|
|
24
|
+
}
|
|
25
|
+
constructor(domSanitizer, elementRef) {
|
|
26
|
+
this.domSanitizer = domSanitizer;
|
|
27
|
+
this.elementRef = elementRef;
|
|
28
|
+
this.STROKE_WIDTH_ATTRIBUTE = 'stroke-width';
|
|
29
|
+
}
|
|
30
|
+
ngAfterViewInit() {
|
|
31
|
+
this.updateStrokeWidth();
|
|
32
|
+
}
|
|
33
|
+
updateStrokeWidth() {
|
|
34
|
+
if (this._strokeWidth === undefined) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
this.elementRef.nativeElement.querySelectorAll(`[${this.STROKE_WIDTH_ATTRIBUTE}]`)
|
|
38
|
+
.forEach(element => {
|
|
39
|
+
element.setAttribute(this.STROKE_WIDTH_ATTRIBUTE, this._strokeWidth.toString());
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
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 });
|
|
44
|
+
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 });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgComponent, decorators: [{
|
|
46
|
+
type: Component,
|
|
47
|
+
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"] }]
|
|
48
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }]; }, propDecorators: { width: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], height: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], icon: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], strokeWidth: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}] } });
|
|
57
|
+
|
|
58
|
+
class CuiButtonComponent {
|
|
59
|
+
get size() {
|
|
60
|
+
return this._size;
|
|
61
|
+
}
|
|
62
|
+
set size(size) {
|
|
63
|
+
this._size = size;
|
|
64
|
+
if (size === 'xxs') {
|
|
65
|
+
this.svgOptions = {
|
|
66
|
+
width: 16,
|
|
67
|
+
height: 16,
|
|
68
|
+
strokeWidth: 1.5
|
|
69
|
+
};
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
this.svgOptions = {
|
|
73
|
+
width: 20,
|
|
74
|
+
height: 20,
|
|
75
|
+
strokeWidth: 1.5
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
get isDisabled() {
|
|
79
|
+
return this.disabled || this.isLoaderShown;
|
|
80
|
+
}
|
|
81
|
+
constructor(changeDetectorRef, cuiButtonOptions) {
|
|
82
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
83
|
+
this.cuiButtonOptions = cuiButtonOptions;
|
|
84
|
+
this.CUI_ICON_LOADING = cuiIconLoading;
|
|
85
|
+
this._size = this.cuiButtonOptions.size;
|
|
86
|
+
this.svgOptions = {
|
|
87
|
+
width: 20,
|
|
88
|
+
height: 20,
|
|
89
|
+
strokeWidth: 1.5
|
|
90
|
+
};
|
|
91
|
+
this.appearance = this.cuiButtonOptions.appearance;
|
|
92
|
+
this.disabled = false;
|
|
93
|
+
this.isLoaderShown = false;
|
|
94
|
+
this.containsOnlyIcon = false;
|
|
95
|
+
}
|
|
96
|
+
ngAfterViewInit() {
|
|
97
|
+
this.initContainsOnlyIcon();
|
|
98
|
+
}
|
|
99
|
+
initContainsOnlyIcon() {
|
|
100
|
+
Promise.resolve().then(() => {
|
|
101
|
+
this.containsOnlyIcon = this.content.nativeElement.childNodes.length === 0;
|
|
102
|
+
this.changeDetectorRef.detectChanges();
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
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 });
|
|
107
|
+
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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "icon", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonComponent, decorators: [{
|
|
109
|
+
type: Component,
|
|
110
|
+
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"] }]
|
|
111
|
+
}], ctorParameters: function () {
|
|
112
|
+
return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
113
|
+
type: Inject,
|
|
114
|
+
args: [CUI_BUTTON_OPTIONS]
|
|
115
|
+
}] }];
|
|
116
|
+
}, propDecorators: { appearance: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}, {
|
|
119
|
+
type: HostBinding,
|
|
120
|
+
args: ['attr.data-appearance']
|
|
121
|
+
}], disabled: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}, {
|
|
124
|
+
type: HostBinding,
|
|
125
|
+
args: ['class._disabled']
|
|
126
|
+
}], isLoaderShown: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}, {
|
|
129
|
+
type: HostBinding,
|
|
130
|
+
args: ['class._loading']
|
|
131
|
+
}], icon: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}], iconRight: [{
|
|
134
|
+
type: Input
|
|
135
|
+
}], size: [{
|
|
136
|
+
type: Input
|
|
137
|
+
}, {
|
|
138
|
+
type: HostBinding,
|
|
139
|
+
args: ['attr.data-size']
|
|
140
|
+
}], containsOnlyIcon: [{
|
|
141
|
+
type: HostBinding,
|
|
142
|
+
args: ['class._only-icon']
|
|
143
|
+
}], isDisabled: [{
|
|
144
|
+
type: HostBinding,
|
|
145
|
+
args: ['disabled']
|
|
146
|
+
}], content: [{
|
|
147
|
+
type: ViewChild,
|
|
148
|
+
args: ['content']
|
|
149
|
+
}] } });
|
|
150
|
+
|
|
151
|
+
class CuiSvgModule {
|
|
152
|
+
}
|
|
153
|
+
CuiSvgModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
154
|
+
CuiSvgModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, declarations: [CuiSvgComponent], imports: [CommonModule], exports: [CuiSvgComponent] });
|
|
155
|
+
CuiSvgModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, imports: [CommonModule] });
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, decorators: [{
|
|
157
|
+
type: NgModule,
|
|
158
|
+
args: [{
|
|
159
|
+
imports: [CommonModule],
|
|
160
|
+
declarations: [CuiSvgComponent],
|
|
161
|
+
exports: [CuiSvgComponent]
|
|
162
|
+
}]
|
|
163
|
+
}] });
|
|
164
|
+
|
|
165
|
+
class CuiButtonModule {
|
|
166
|
+
}
|
|
167
|
+
CuiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
168
|
+
CuiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, declarations: [CuiButtonComponent], imports: [CommonModule,
|
|
169
|
+
CuiSvgModule], exports: [CuiButtonComponent] });
|
|
170
|
+
CuiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, imports: [CommonModule,
|
|
171
|
+
CuiSvgModule] });
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, decorators: [{
|
|
173
|
+
type: NgModule,
|
|
174
|
+
args: [{
|
|
175
|
+
imports: [
|
|
176
|
+
CommonModule,
|
|
177
|
+
CuiSvgModule
|
|
178
|
+
],
|
|
179
|
+
declarations: [CuiButtonComponent],
|
|
180
|
+
exports: [CuiButtonComponent]
|
|
181
|
+
}]
|
|
182
|
+
}] });
|
|
183
|
+
|
|
184
|
+
class CuiIconButtonComponent {
|
|
185
|
+
}
|
|
186
|
+
CuiIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
187
|
+
CuiIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiIconButtonComponent, selector: "cui-icon-button", ngImport: i0, template: "<p>icon-button works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonComponent, decorators: [{
|
|
189
|
+
type: Component,
|
|
190
|
+
args: [{ selector: 'cui-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p>icon-button works!</p>\n" }]
|
|
191
|
+
}] });
|
|
192
|
+
|
|
193
|
+
class CuiIconButtonModule {
|
|
194
|
+
}
|
|
195
|
+
CuiIconButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
196
|
+
CuiIconButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, declarations: [CuiIconButtonComponent], imports: [CommonModule], exports: [CuiIconButtonComponent] });
|
|
197
|
+
CuiIconButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, imports: [CommonModule] });
|
|
198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, decorators: [{
|
|
199
|
+
type: NgModule,
|
|
200
|
+
args: [{
|
|
201
|
+
imports: [
|
|
202
|
+
CommonModule
|
|
203
|
+
],
|
|
204
|
+
declarations: [CuiIconButtonComponent],
|
|
205
|
+
exports: [CuiIconButtonComponent]
|
|
206
|
+
}]
|
|
207
|
+
}] });
|
|
208
|
+
|
|
209
|
+
/**
|
|
210
|
+
* Generated bundle index. Do not edit.
|
|
211
|
+
*/
|
|
212
|
+
|
|
213
|
+
export { CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CuiButtonComponent, CuiButtonModule, CuiIconButtonComponent, CuiIconButtonModule, CuiSvgComponent, CuiSvgModule };
|
|
214
|
+
//# sourceMappingURL=cuby-ui-core.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cuby-ui-core.mjs","sources":["../../../projects/core/components/button/button.options.ts","../../../projects/core/components/svg/svg.component.ts","../../../projects/core/components/svg/svg.template.html","../../../projects/core/components/button/button.component.ts","../../../projects/core/components/button/button.template.html","../../../projects/core/components/svg/svg.module.ts","../../../projects/core/components/button/button.module.ts","../../../projects/core/components/icon-button/icon-button.component.ts","../../../projects/core/components/icon-button/icon-button.template.html","../../../projects/core/components/icon-button/icon-button.module.ts","../../../projects/core/cuby-ui-core.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nimport {\r\n CuiAppearanceDestructive,\r\n CuiAppearanceGhost,\r\n CuiAppearanceLink,\r\n CuiAppearanceOutlined,\r\n CuiAppearanceOutlinedGray,\r\n CuiAppearancePrimary,\r\n CuiAppearanceSecondary,\r\n CuiSizeMd,\r\n CuiSizeSm,\r\n CuiSizeXs,\r\n CuiSizeXxs\r\n} from '../../types';\r\n\r\nexport interface CuiButtonOptions {\r\n readonly appearance:\r\n | CuiAppearancePrimary\r\n | CuiAppearanceSecondary\r\n | CuiAppearanceOutlined\r\n | CuiAppearanceOutlinedGray\r\n | CuiAppearanceGhost\r\n | CuiAppearanceDestructive\r\n | CuiAppearanceLink\r\n readonly size:\r\n | CuiSizeXxs\r\n | CuiSizeXs\r\n | CuiSizeSm\r\n | CuiSizeMd;\r\n}\r\n\r\nexport const CUI_BUTTON_DEFAULT_OPTIONS: CuiButtonOptions = {\r\n appearance: 'primary',\r\n size: 'sm'\r\n};\r\n\r\nexport const CUI_BUTTON_OPTIONS = new InjectionToken('', {\r\n factory: () => CUI_BUTTON_DEFAULT_OPTIONS\r\n});","import {\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n Component,\r\n ElementRef,\r\n Input\r\n} from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'cui-svg[icon]',\r\n templateUrl: './svg.template.html',\r\n styleUrls: ['./svg.style.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CuiSvgComponent implements AfterViewInit {\r\n STROKE_WIDTH_ATTRIBUTE = 'stroke-width';\r\n\r\n safeSvgContent!: SafeHtml;\r\n _strokeWidth?: number;\r\n\r\n @Input()\r\n width?: number;\r\n\r\n @Input()\r\n height?: number\r\n\r\n @Input()\r\n set icon(icon: string) {\r\n this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(icon);\r\n };\r\n\r\n @Input()\r\n set strokeWidth(strokeWidth: number | undefined) {\r\n this._strokeWidth = strokeWidth;\r\n\r\n this.updateStrokeWidth();\r\n }\r\n\r\n constructor(private readonly domSanitizer: DomSanitizer,\r\n private readonly elementRef: ElementRef<HTMLElement>) {\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.updateStrokeWidth();\r\n }\r\n\r\n private updateStrokeWidth(): void {\r\n if (this._strokeWidth === undefined) {\r\n return;\r\n }\r\n\r\n this.elementRef.nativeElement.querySelectorAll(`[${this.STROKE_WIDTH_ATTRIBUTE}]`)\r\n .forEach(element => {\r\n element.setAttribute(this.STROKE_WIDTH_ATTRIBUTE, this._strokeWidth!.toString())\r\n });\r\n }\r\n}\r\n","<span\r\n [innerHTML]=\"safeSvgContent\"\r\n [style.width.px]=\"width\"\r\n [style.height.px]=\"height\"\r\n></span>","import {\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n Inject,\r\n Input,\r\n ViewChild\r\n} from '@angular/core';\r\nimport { cuiIconLoading } from '@cuby-ui/icons';\r\n\r\nimport { CUI_BUTTON_OPTIONS, CuiButtonOptions } from './button.options';\r\n\r\n@Component({\r\n selector: 'button[cuiButton], a[cuiButton]',\r\n templateUrl: './button.template.html',\r\n styleUrls: ['./button.style.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CuiButtonComponent implements AfterViewInit, CuiButtonOptions {\r\n CUI_ICON_LOADING = cuiIconLoading;\r\n\r\n _size = this.cuiButtonOptions.size;\r\n svgOptions = {\r\n width: 20,\r\n height: 20,\r\n strokeWidth: 1.5\r\n };\r\n\r\n @Input()\r\n @HostBinding('attr.data-appearance')\r\n appearance = this.cuiButtonOptions.appearance;\r\n\r\n @Input()\r\n @HostBinding('class._disabled')\r\n disabled = false;\r\n\r\n @Input()\r\n @HostBinding('class._loading')\r\n isLoaderShown = false;\r\n\r\n @Input()\r\n icon?: string;\r\n\r\n @Input()\r\n iconRight?: string;\r\n\r\n @Input()\r\n @HostBinding('attr.data-size')\r\n get size(): CuiButtonOptions['size'] {\r\n return this._size;\r\n }\r\n\r\n set size(size: CuiButtonOptions['size']) {\r\n this._size = size;\r\n\r\n if (size === 'xxs') {\r\n this.svgOptions = {\r\n width: 16,\r\n height: 16,\r\n strokeWidth: 1.5\r\n };\r\n\r\n return;\r\n }\r\n\r\n this.svgOptions = {\r\n width: 20,\r\n height: 20,\r\n strokeWidth: 1.5\r\n };\r\n }\r\n\r\n @HostBinding('class._only-icon')\r\n containsOnlyIcon = false;\r\n\r\n @HostBinding('disabled')\r\n get isDisabled(): boolean {\r\n return this.disabled || this.isLoaderShown;\r\n }\r\n\r\n @ViewChild('content')\r\n content!: ElementRef<HTMLSpanElement>;\r\n\r\n constructor(private readonly changeDetectorRef: ChangeDetectorRef,\r\n @Inject(CUI_BUTTON_OPTIONS) private readonly cuiButtonOptions: CuiButtonOptions) {\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.initContainsOnlyIcon();\r\n }\r\n\r\n private initContainsOnlyIcon(): void {\r\n Promise.resolve().then(() => {\r\n this.containsOnlyIcon = this.content.nativeElement.childNodes.length === 0;\r\n\r\n this.changeDetectorRef.detectChanges();\r\n });\r\n }\r\n}\r\n","<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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CuiSvgComponent } from './svg.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n declarations: [CuiSvgComponent],\r\n exports: [CuiSvgComponent]\r\n})\r\nexport class CuiSvgModule {\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CuiButtonComponent } from './button.component';\r\n\r\nimport { CuiSvgModule } from '../svg';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n CuiSvgModule\r\n ],\r\n declarations: [CuiButtonComponent],\r\n exports: [CuiButtonComponent]\r\n})\r\nexport class CuiButtonModule {\r\n}\r\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'cui-icon-button',\n templateUrl: './icon-button.template.html',\n styleUrls: ['./icon-button.style.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CuiIconButtonComponent {\n}\n","<p>icon-button works!</p>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CuiIconButtonComponent } from './icon-button.component';\n\n@NgModule({\n imports: [\n CommonModule\n ],\n declarations: [CuiIconButtonComponent],\n exports: [CuiIconButtonComponent]\n})\nexport class CuiIconButtonModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.CuiSvgComponent"],"mappings":"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"}
|
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { InjectionToken, Component, ChangeDetectionStrategy, Input, Inject, HostBinding, ViewChild, NgModule } from '@angular/core';
|
|
3
|
+
import { cuiIconLoading } from '@cuby-ui/icons';
|
|
4
|
+
import * as i1$1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i1 from '@angular/platform-browser';
|
|
7
|
+
|
|
8
|
+
const CUI_BUTTON_DEFAULT_OPTIONS = {
|
|
9
|
+
appearance: 'primary',
|
|
10
|
+
size: 'sm'
|
|
11
|
+
};
|
|
12
|
+
const CUI_BUTTON_OPTIONS = new InjectionToken('', {
|
|
13
|
+
factory: () => CUI_BUTTON_DEFAULT_OPTIONS
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
class CuiSvgComponent {
|
|
17
|
+
set icon(icon) {
|
|
18
|
+
this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(icon);
|
|
19
|
+
}
|
|
20
|
+
;
|
|
21
|
+
set strokeWidth(strokeWidth) {
|
|
22
|
+
this._strokeWidth = strokeWidth;
|
|
23
|
+
this.updateStrokeWidth();
|
|
24
|
+
}
|
|
25
|
+
constructor(domSanitizer, elementRef) {
|
|
26
|
+
this.domSanitizer = domSanitizer;
|
|
27
|
+
this.elementRef = elementRef;
|
|
28
|
+
this.STROKE_WIDTH_ATTRIBUTE = 'stroke-width';
|
|
29
|
+
}
|
|
30
|
+
ngAfterViewInit() {
|
|
31
|
+
this.updateStrokeWidth();
|
|
32
|
+
}
|
|
33
|
+
updateStrokeWidth() {
|
|
34
|
+
if (this._strokeWidth === undefined) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
this.elementRef.nativeElement.querySelectorAll(`[${this.STROKE_WIDTH_ATTRIBUTE}]`)
|
|
38
|
+
.forEach(element => {
|
|
39
|
+
element.setAttribute(this.STROKE_WIDTH_ATTRIBUTE, this._strokeWidth.toString());
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
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 });
|
|
44
|
+
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 });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgComponent, decorators: [{
|
|
46
|
+
type: Component,
|
|
47
|
+
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"] }]
|
|
48
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }]; }, propDecorators: { width: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], height: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], icon: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], strokeWidth: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}] } });
|
|
57
|
+
|
|
58
|
+
class CuiButtonComponent {
|
|
59
|
+
get size() {
|
|
60
|
+
return this._size;
|
|
61
|
+
}
|
|
62
|
+
set size(size) {
|
|
63
|
+
this._size = size;
|
|
64
|
+
if (size === 'xxs') {
|
|
65
|
+
this.svgOptions = {
|
|
66
|
+
width: 16,
|
|
67
|
+
height: 16,
|
|
68
|
+
strokeWidth: 1.5
|
|
69
|
+
};
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
this.svgOptions = {
|
|
73
|
+
width: 20,
|
|
74
|
+
height: 20,
|
|
75
|
+
strokeWidth: 1.5
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
get isDisabled() {
|
|
79
|
+
return this.disabled || this.isLoaderShown;
|
|
80
|
+
}
|
|
81
|
+
constructor(changeDetectorRef, cuiButtonOptions) {
|
|
82
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
83
|
+
this.cuiButtonOptions = cuiButtonOptions;
|
|
84
|
+
this.CUI_ICON_LOADING = cuiIconLoading;
|
|
85
|
+
this._size = this.cuiButtonOptions.size;
|
|
86
|
+
this.svgOptions = {
|
|
87
|
+
width: 20,
|
|
88
|
+
height: 20,
|
|
89
|
+
strokeWidth: 1.5
|
|
90
|
+
};
|
|
91
|
+
this.appearance = this.cuiButtonOptions.appearance;
|
|
92
|
+
this.disabled = false;
|
|
93
|
+
this.isLoaderShown = false;
|
|
94
|
+
this.containsOnlyIcon = false;
|
|
95
|
+
}
|
|
96
|
+
ngAfterViewInit() {
|
|
97
|
+
this.initContainsOnlyIcon();
|
|
98
|
+
}
|
|
99
|
+
initContainsOnlyIcon() {
|
|
100
|
+
Promise.resolve().then(() => {
|
|
101
|
+
this.containsOnlyIcon = this.content.nativeElement.childNodes.length === 0;
|
|
102
|
+
this.changeDetectorRef.detectChanges();
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
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 });
|
|
107
|
+
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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "icon", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonComponent, decorators: [{
|
|
109
|
+
type: Component,
|
|
110
|
+
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"] }]
|
|
111
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
112
|
+
type: Inject,
|
|
113
|
+
args: [CUI_BUTTON_OPTIONS]
|
|
114
|
+
}] }]; }, propDecorators: { appearance: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}, {
|
|
117
|
+
type: HostBinding,
|
|
118
|
+
args: ['attr.data-appearance']
|
|
119
|
+
}], disabled: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}, {
|
|
122
|
+
type: HostBinding,
|
|
123
|
+
args: ['class._disabled']
|
|
124
|
+
}], isLoaderShown: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}, {
|
|
127
|
+
type: HostBinding,
|
|
128
|
+
args: ['class._loading']
|
|
129
|
+
}], icon: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], iconRight: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}], size: [{
|
|
134
|
+
type: Input
|
|
135
|
+
}, {
|
|
136
|
+
type: HostBinding,
|
|
137
|
+
args: ['attr.data-size']
|
|
138
|
+
}], containsOnlyIcon: [{
|
|
139
|
+
type: HostBinding,
|
|
140
|
+
args: ['class._only-icon']
|
|
141
|
+
}], isDisabled: [{
|
|
142
|
+
type: HostBinding,
|
|
143
|
+
args: ['disabled']
|
|
144
|
+
}], content: [{
|
|
145
|
+
type: ViewChild,
|
|
146
|
+
args: ['content']
|
|
147
|
+
}] } });
|
|
148
|
+
|
|
149
|
+
class CuiSvgModule {
|
|
150
|
+
}
|
|
151
|
+
CuiSvgModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
152
|
+
CuiSvgModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, declarations: [CuiSvgComponent], imports: [CommonModule], exports: [CuiSvgComponent] });
|
|
153
|
+
CuiSvgModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, imports: [CommonModule] });
|
|
154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiSvgModule, decorators: [{
|
|
155
|
+
type: NgModule,
|
|
156
|
+
args: [{
|
|
157
|
+
imports: [CommonModule],
|
|
158
|
+
declarations: [CuiSvgComponent],
|
|
159
|
+
exports: [CuiSvgComponent]
|
|
160
|
+
}]
|
|
161
|
+
}] });
|
|
162
|
+
|
|
163
|
+
class CuiButtonModule {
|
|
164
|
+
}
|
|
165
|
+
CuiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
166
|
+
CuiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, declarations: [CuiButtonComponent], imports: [CommonModule,
|
|
167
|
+
CuiSvgModule], exports: [CuiButtonComponent] });
|
|
168
|
+
CuiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, imports: [CommonModule,
|
|
169
|
+
CuiSvgModule] });
|
|
170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonModule, decorators: [{
|
|
171
|
+
type: NgModule,
|
|
172
|
+
args: [{
|
|
173
|
+
imports: [
|
|
174
|
+
CommonModule,
|
|
175
|
+
CuiSvgModule
|
|
176
|
+
],
|
|
177
|
+
declarations: [CuiButtonComponent],
|
|
178
|
+
exports: [CuiButtonComponent]
|
|
179
|
+
}]
|
|
180
|
+
}] });
|
|
181
|
+
|
|
182
|
+
class CuiIconButtonComponent {
|
|
183
|
+
}
|
|
184
|
+
CuiIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
185
|
+
CuiIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiIconButtonComponent, selector: "cui-icon-button", ngImport: i0, template: "<p>icon-button works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonComponent, decorators: [{
|
|
187
|
+
type: Component,
|
|
188
|
+
args: [{ selector: 'cui-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p>icon-button works!</p>\n" }]
|
|
189
|
+
}] });
|
|
190
|
+
|
|
191
|
+
class CuiIconButtonModule {
|
|
192
|
+
}
|
|
193
|
+
CuiIconButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
194
|
+
CuiIconButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, declarations: [CuiIconButtonComponent], imports: [CommonModule], exports: [CuiIconButtonComponent] });
|
|
195
|
+
CuiIconButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, imports: [CommonModule] });
|
|
196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIconButtonModule, decorators: [{
|
|
197
|
+
type: NgModule,
|
|
198
|
+
args: [{
|
|
199
|
+
imports: [
|
|
200
|
+
CommonModule
|
|
201
|
+
],
|
|
202
|
+
declarations: [CuiIconButtonComponent],
|
|
203
|
+
exports: [CuiIconButtonComponent]
|
|
204
|
+
}]
|
|
205
|
+
}] });
|
|
206
|
+
|
|
207
|
+
/**
|
|
208
|
+
* Generated bundle index. Do not edit.
|
|
209
|
+
*/
|
|
210
|
+
|
|
211
|
+
export { CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CuiButtonComponent, CuiButtonModule, CuiIconButtonComponent, CuiIconButtonModule, CuiSvgComponent, CuiSvgModule };
|
|
212
|
+
//# sourceMappingURL=cuby-ui-core.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cuby-ui-core.mjs","sources":["../../../projects/core/components/button/button.options.ts","../../../projects/core/components/svg/svg.component.ts","../../../projects/core/components/svg/svg.template.html","../../../projects/core/components/button/button.component.ts","../../../projects/core/components/button/button.template.html","../../../projects/core/components/svg/svg.module.ts","../../../projects/core/components/button/button.module.ts","../../../projects/core/components/icon-button/icon-button.component.ts","../../../projects/core/components/icon-button/icon-button.template.html","../../../projects/core/components/icon-button/icon-button.module.ts","../../../projects/core/cuby-ui-core.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nimport {\r\n CuiAppearanceDestructive,\r\n CuiAppearanceGhost,\r\n CuiAppearanceLink,\r\n CuiAppearanceOutlined,\r\n CuiAppearanceOutlinedGray,\r\n CuiAppearancePrimary,\r\n CuiAppearanceSecondary,\r\n CuiSizeMd,\r\n CuiSizeSm,\r\n CuiSizeXs,\r\n CuiSizeXxs\r\n} from '../../types';\r\n\r\nexport interface CuiButtonOptions {\r\n readonly appearance:\r\n | CuiAppearancePrimary\r\n | CuiAppearanceSecondary\r\n | CuiAppearanceOutlined\r\n | CuiAppearanceOutlinedGray\r\n | CuiAppearanceGhost\r\n | CuiAppearanceDestructive\r\n | CuiAppearanceLink\r\n readonly size:\r\n | CuiSizeXxs\r\n | CuiSizeXs\r\n | CuiSizeSm\r\n | CuiSizeMd;\r\n}\r\n\r\nexport const CUI_BUTTON_DEFAULT_OPTIONS: CuiButtonOptions = {\r\n appearance: 'primary',\r\n size: 'sm'\r\n};\r\n\r\nexport const CUI_BUTTON_OPTIONS = new InjectionToken('', {\r\n factory: () => CUI_BUTTON_DEFAULT_OPTIONS\r\n});","import {\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n Component,\r\n ElementRef,\r\n Input\r\n} from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'cui-svg[icon]',\r\n templateUrl: './svg.template.html',\r\n styleUrls: ['./svg.style.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CuiSvgComponent implements AfterViewInit {\r\n STROKE_WIDTH_ATTRIBUTE = 'stroke-width';\r\n\r\n safeSvgContent!: SafeHtml;\r\n _strokeWidth?: number;\r\n\r\n @Input()\r\n width?: number;\r\n\r\n @Input()\r\n height?: number\r\n\r\n @Input()\r\n set icon(icon: string) {\r\n this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(icon);\r\n };\r\n\r\n @Input()\r\n set strokeWidth(strokeWidth: number | undefined) {\r\n this._strokeWidth = strokeWidth;\r\n\r\n this.updateStrokeWidth();\r\n }\r\n\r\n constructor(private readonly domSanitizer: DomSanitizer,\r\n private readonly elementRef: ElementRef<HTMLElement>) {\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.updateStrokeWidth();\r\n }\r\n\r\n private updateStrokeWidth(): void {\r\n if (this._strokeWidth === undefined) {\r\n return;\r\n }\r\n\r\n this.elementRef.nativeElement.querySelectorAll(`[${this.STROKE_WIDTH_ATTRIBUTE}]`)\r\n .forEach(element => {\r\n element.setAttribute(this.STROKE_WIDTH_ATTRIBUTE, this._strokeWidth!.toString())\r\n });\r\n }\r\n}\r\n","<span\r\n [innerHTML]=\"safeSvgContent\"\r\n [style.width.px]=\"width\"\r\n [style.height.px]=\"height\"\r\n></span>","import {\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n Inject,\r\n Input,\r\n ViewChild\r\n} from '@angular/core';\r\nimport { cuiIconLoading } from '@cuby-ui/icons';\r\n\r\nimport { CUI_BUTTON_OPTIONS, CuiButtonOptions } from './button.options';\r\n\r\n@Component({\r\n selector: 'button[cuiButton], a[cuiButton]',\r\n templateUrl: './button.template.html',\r\n styleUrls: ['./button.style.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CuiButtonComponent implements AfterViewInit, CuiButtonOptions {\r\n CUI_ICON_LOADING = cuiIconLoading;\r\n\r\n _size = this.cuiButtonOptions.size;\r\n svgOptions = {\r\n width: 20,\r\n height: 20,\r\n strokeWidth: 1.5\r\n };\r\n\r\n @Input()\r\n @HostBinding('attr.data-appearance')\r\n appearance = this.cuiButtonOptions.appearance;\r\n\r\n @Input()\r\n @HostBinding('class._disabled')\r\n disabled = false;\r\n\r\n @Input()\r\n @HostBinding('class._loading')\r\n isLoaderShown = false;\r\n\r\n @Input()\r\n icon?: string;\r\n\r\n @Input()\r\n iconRight?: string;\r\n\r\n @Input()\r\n @HostBinding('attr.data-size')\r\n get size(): CuiButtonOptions['size'] {\r\n return this._size;\r\n }\r\n\r\n set size(size: CuiButtonOptions['size']) {\r\n this._size = size;\r\n\r\n if (size === 'xxs') {\r\n this.svgOptions = {\r\n width: 16,\r\n height: 16,\r\n strokeWidth: 1.5\r\n };\r\n\r\n return;\r\n }\r\n\r\n this.svgOptions = {\r\n width: 20,\r\n height: 20,\r\n strokeWidth: 1.5\r\n };\r\n }\r\n\r\n @HostBinding('class._only-icon')\r\n containsOnlyIcon = false;\r\n\r\n @HostBinding('disabled')\r\n get isDisabled(): boolean {\r\n return this.disabled || this.isLoaderShown;\r\n }\r\n\r\n @ViewChild('content')\r\n content!: ElementRef<HTMLSpanElement>;\r\n\r\n constructor(private readonly changeDetectorRef: ChangeDetectorRef,\r\n @Inject(CUI_BUTTON_OPTIONS) private readonly cuiButtonOptions: CuiButtonOptions) {\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.initContainsOnlyIcon();\r\n }\r\n\r\n private initContainsOnlyIcon(): void {\r\n Promise.resolve().then(() => {\r\n this.containsOnlyIcon = this.content.nativeElement.childNodes.length === 0;\r\n\r\n this.changeDetectorRef.detectChanges();\r\n });\r\n }\r\n}\r\n","<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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CuiSvgComponent } from './svg.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n declarations: [CuiSvgComponent],\r\n exports: [CuiSvgComponent]\r\n})\r\nexport class CuiSvgModule {\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CuiButtonComponent } from './button.component';\r\n\r\nimport { CuiSvgModule } from '../svg';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n CuiSvgModule\r\n ],\r\n declarations: [CuiButtonComponent],\r\n exports: [CuiButtonComponent]\r\n})\r\nexport class CuiButtonModule {\r\n}\r\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'cui-icon-button',\n templateUrl: './icon-button.template.html',\n styleUrls: ['./icon-button.style.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CuiIconButtonComponent {\n}\n","<p>icon-button works!</p>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CuiIconButtonComponent } from './icon-button.component';\n\n@NgModule({\n imports: [\n CommonModule\n ],\n declarations: [CuiIconButtonComponent],\n exports: [CuiIconButtonComponent]\n})\nexport class CuiIconButtonModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.CuiSvgComponent"],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
1
|
+
export * from './components';
|
|
2
|
+
export * from './types';
|
package/package.json
CHANGED
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cuby-ui/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=15.0.0",
|
|
6
|
-
"@angular/core": ">=15.0.0"
|
|
6
|
+
"@angular/core": ">=15.0.0",
|
|
7
|
+
"@cuby-ui/icons": "^0.0.5"
|
|
7
8
|
},
|
|
8
9
|
"dependencies": {
|
|
9
10
|
"tslib": "^2.3.0"
|
|
10
11
|
},
|
|
11
12
|
"sideEffects": false,
|
|
12
|
-
"module": "fesm2015/
|
|
13
|
-
"es2020": "fesm2020/
|
|
14
|
-
"esm2020": "esm2020/
|
|
15
|
-
"fesm2020": "fesm2020/
|
|
16
|
-
"fesm2015": "fesm2015/
|
|
13
|
+
"module": "fesm2015/cuby-ui-core.mjs",
|
|
14
|
+
"es2020": "fesm2020/cuby-ui-core.mjs",
|
|
15
|
+
"esm2020": "esm2020/cuby-ui-core.mjs",
|
|
16
|
+
"fesm2020": "fesm2020/cuby-ui-core.mjs",
|
|
17
|
+
"fesm2015": "fesm2015/cuby-ui-core.mjs",
|
|
17
18
|
"typings": "index.d.ts",
|
|
18
19
|
"exports": {
|
|
19
20
|
"./package.json": {
|
|
@@ -21,11 +22,11 @@
|
|
|
21
22
|
},
|
|
22
23
|
".": {
|
|
23
24
|
"types": "./index.d.ts",
|
|
24
|
-
"esm2020": "./esm2020/
|
|
25
|
-
"es2020": "./fesm2020/
|
|
26
|
-
"es2015": "./fesm2015/
|
|
27
|
-
"node": "./fesm2015/
|
|
28
|
-
"default": "./fesm2020/
|
|
25
|
+
"esm2020": "./esm2020/cuby-ui-core.mjs",
|
|
26
|
+
"es2020": "./fesm2020/cuby-ui-core.mjs",
|
|
27
|
+
"es2015": "./fesm2015/cuby-ui-core.mjs",
|
|
28
|
+
"node": "./fesm2015/cuby-ui-core.mjs",
|
|
29
|
+
"default": "./fesm2020/cuby-ui-core.mjs"
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
}
|
package/esm2020/cui-core.mjs
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VpLWNvcmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2N1aS1jb3JlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
package/esm2020/f-core.mjs
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb3JlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvY29yZS9mLWNvcmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
package/fesm2015/cui-core.mjs
DELETED
|
@@ -1 +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
DELETED
package/fesm2015/f-core.mjs.map
DELETED
|
@@ -1 +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
DELETED
|
@@ -1 +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
DELETED
package/fesm2020/f-core.mjs.map
DELETED
|
@@ -1 +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"}
|