cloud-ide-element 0.0.1
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/README.md +24 -0
- package/esm2022/cloud-ide-element.mjs +5 -0
- package/esm2022/lib/elements/button/button.component.mjs +60 -0
- package/esm2022/lib/elements/icon/icon.component.mjs +24 -0
- package/esm2022/lib/elements/input/input.component.mjs +453 -0
- package/esm2022/lib/elements/spinner/spinner.component.mjs +32 -0
- package/esm2022/lib/utils/pipes/capitalize/capitalize.pipe.mjs +38 -0
- package/esm2022/lib/utils/services/elements/elements.service.mjs +37 -0
- package/esm2022/public-api.mjs +10 -0
- package/fesm2022/cloud-ide-element.mjs +635 -0
- package/fesm2022/cloud-ide-element.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/elements/button/button.component.d.ts +27 -0
- package/lib/elements/icon/icon.component.d.ts +9 -0
- package/lib/elements/input/input.component.d.ts +179 -0
- package/lib/elements/spinner/spinner.component.d.ts +19 -0
- package/lib/utils/pipes/capitalize/capitalize.pipe.d.ts +7 -0
- package/lib/utils/services/elements/elements.service.d.ts +12 -0
- package/package.json +25 -0
- package/public-api.d.ts +5 -0
package/README.md
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# CloudIdeElement
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Run `ng generate component component-name --project cloud-ide-element` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project cloud-ide-element`.
|
|
8
|
+
> Note: Don't forget to add `--project cloud-ide-element` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
+
|
|
10
|
+
## Build
|
|
11
|
+
|
|
12
|
+
Run `ng build cloud-ide-element` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
|
+
|
|
14
|
+
## Publishing
|
|
15
|
+
|
|
16
|
+
After building your library with `ng build cloud-ide-element`, go to the dist folder `cd dist/cloud-ide-element` and run `npm publish`.
|
|
17
|
+
|
|
18
|
+
## Running unit tests
|
|
19
|
+
|
|
20
|
+
Run `ng test cloud-ide-element` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
|
+
|
|
22
|
+
## Further help
|
|
23
|
+
|
|
24
|
+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvdWQtaWRlLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtZWxlbWVudC9zcmMvY2xvdWQtaWRlLWVsZW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import { CideSpinnerComponent } from "../spinner/spinner.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "../../../public-api";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
export class CideButtonComponent {
|
|
8
|
+
constructor(elementService) {
|
|
9
|
+
this.elementService = elementService;
|
|
10
|
+
// INPUTS
|
|
11
|
+
/**
|
|
12
|
+
* @description Lable of button like Submit, Update, Add, etc.
|
|
13
|
+
* note it is only used in case you was not set lebel between tags like button (ng-content),
|
|
14
|
+
* if lable is set ng contenet is not visisble
|
|
15
|
+
*/
|
|
16
|
+
this.label = "";
|
|
17
|
+
/** @description button disabled or not use boolean type value */
|
|
18
|
+
this.disabled = false;
|
|
19
|
+
/** @description uniq id of control, used to differenciat the value also prevent value should not effect another values */
|
|
20
|
+
this.id = '';
|
|
21
|
+
/** @description to give the loading effect, diable button and enable loader */
|
|
22
|
+
this.loading = false;
|
|
23
|
+
// OUTPUTS
|
|
24
|
+
/**
|
|
25
|
+
* @description click event of button similler to onClick (this is not possible beacuse no-output-no-prefix eslint) of angular or click of DOM
|
|
26
|
+
*/
|
|
27
|
+
this.onclick = new EventEmitter();
|
|
28
|
+
}
|
|
29
|
+
ngOnInit() {
|
|
30
|
+
if (this.id) {
|
|
31
|
+
this.getControlData();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
async getControlData() {
|
|
35
|
+
const cide_element_data = await this.elementService?.getElementData({ sype_key: this.id });
|
|
36
|
+
if (cide_element_data) {
|
|
37
|
+
this.label = cide_element_data?.sype_label;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideButtonComponent, deps: [{ token: i1.CideElementsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CideButtonComponent, isStandalone: true, selector: "cide-ele-button", inputs: { label: "label", disabled: "disabled", id: "id", loading: "loading" }, outputs: { onclick: "onclick" }, ngImport: i0, template: "<button class=\"cide-button tw-w-full tw-rounded-md tw-text-white tw-py-0.5 tw-select-none tw-justify-around tw-flex\"\r\n [ngClass]=\"{'cide-button-disabled': (disabled || loading)}\" [disabled]=\"(disabled || loading)\"\r\n (click)=\"onclick.emit()\" [id]=\"id\">\r\n <div class=\"tw-flex\">\r\n <cide-ele-spinner *ngIf=\"loading\" class=\"tw-inline-block tw-my-1 tw-mr-2\" size=\"xs\"\r\n [ngClass]=\"{'cide-pill-disabled': (disabled || loading)}\"></cide-ele-spinner>\r\n <span>{{label}}</span>\r\n <span *ngIf=\"!label\">\r\n <ng-content></ng-content>\r\n </span>\r\n <span *ngIf=\"loading\" class=\"tw-w-6 tw-p-1 tw-mr-2\"></span>\r\n </div>\r\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CideSpinnerComponent, selector: "cide-ele-spinner", inputs: ["size", "type"] }] }); }
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideButtonComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: 'cide-ele-button', standalone: true, imports: [
|
|
46
|
+
CommonModule,
|
|
47
|
+
CideSpinnerComponent
|
|
48
|
+
], template: "<button class=\"cide-button tw-w-full tw-rounded-md tw-text-white tw-py-0.5 tw-select-none tw-justify-around tw-flex\"\r\n [ngClass]=\"{'cide-button-disabled': (disabled || loading)}\" [disabled]=\"(disabled || loading)\"\r\n (click)=\"onclick.emit()\" [id]=\"id\">\r\n <div class=\"tw-flex\">\r\n <cide-ele-spinner *ngIf=\"loading\" class=\"tw-inline-block tw-my-1 tw-mr-2\" size=\"xs\"\r\n [ngClass]=\"{'cide-pill-disabled': (disabled || loading)}\"></cide-ele-spinner>\r\n <span>{{label}}</span>\r\n <span *ngIf=\"!label\">\r\n <ng-content></ng-content>\r\n </span>\r\n <span *ngIf=\"loading\" class=\"tw-w-6 tw-p-1 tw-mr-2\"></span>\r\n </div>\r\n</button>" }]
|
|
49
|
+
}], ctorParameters: () => [{ type: i1.CideElementsService }], propDecorators: { label: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], disabled: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], id: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], loading: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], onclick: [{
|
|
58
|
+
type: Output
|
|
59
|
+
}] } });
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1lbGVtZW50L3NyYy9saWIvZWxlbWVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtZWxlbWVudC9zcmMvbGliL2VsZW1lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFZcEUsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixZQUFvQixjQUFtQztRQUFuQyxtQkFBYyxHQUFkLGNBQWMsQ0FBcUI7UUFDdkQsU0FBUztRQUNUOzs7O1dBSUc7UUFDTSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQzVCLGlFQUFpRTtRQUN4RCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQ25DLDBIQUEwSDtRQUNqSCxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLCtFQUErRTtRQUN0RSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBRWxDLFVBQVU7UUFDVjs7V0FFRztRQUNPLFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQW5CQSxDQUFDO0lBcUI1RCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDWixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsY0FBYztRQUNsQixNQUFNLGlCQUFpQixHQUFHLE1BQU0sSUFBSSxDQUFDLGNBQWMsRUFBRSxjQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDM0YsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsaUJBQWlCLEVBQUUsVUFBb0IsQ0FBQztRQUN2RCxDQUFDO0lBQ0gsQ0FBQzs4R0FqQ1UsbUJBQW1CO2tHQUFuQixtQkFBbUIsNExDZmhDLDJ0QkFZUyx5RERITCxZQUFZLGlPQUNaLG9CQUFvQjs7MkZBS1gsbUJBQW1CO2tCQVYvQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjtxQkFDckI7d0ZBWVEsS0FBSztzQkFBYixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsRUFBRTtzQkFBVixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFNSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDaWRlRWxlbWVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vcHVibGljLWFwaSc7XHJcbmltcG9ydCB7IENpZGVTcGlubmVyQ29tcG9uZW50IH0gZnJvbSBcIi4uL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2lkZS1lbGUtYnV0dG9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIENpZGVTcGlubmVyQ29tcG9uZW50XHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaWRlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRTZXJ2aWNlOiBDaWRlRWxlbWVudHNTZXJ2aWNlKSB7IH1cclxuICAvLyBJTlBVVFNcclxuICAvKiogXHJcbiAgICogQGRlc2NyaXB0aW9uIExhYmxlIG9mIGJ1dHRvbiBsaWtlIFN1Ym1pdCwgVXBkYXRlLCBBZGQsIGV0Yy4gIFxyXG4gICAqIG5vdGUgaXQgaXMgb25seSB1c2VkIGluIGNhc2UgeW91IHdhcyBub3Qgc2V0IGxlYmVsIGJldHdlZW4gdGFncyBsaWtlIGJ1dHRvbiAobmctY29udGVudCksIFxyXG4gICAqIGlmIGxhYmxlIGlzIHNldCBuZyBjb250ZW5ldCBpcyBub3QgdmlzaXNibGVcclxuICAgKi9cclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gXCJcIjtcclxuICAvKiogQGRlc2NyaXB0aW9uIGJ1dHRvbiBkaXNhYmxlZCBvciBub3QgdXNlIGJvb2xlYW4gdHlwZSB2YWx1ZSAqL1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgLyoqIEBkZXNjcmlwdGlvbiB1bmlxIGlkIG9mIGNvbnRyb2wsIHVzZWQgdG8gZGlmZmVyZW5jaWF0IHRoZSB2YWx1ZSBhbHNvIHByZXZlbnQgdmFsdWUgc2hvdWxkIG5vdCBlZmZlY3QgYW5vdGhlciB2YWx1ZXMgKi9cclxuICBASW5wdXQoKSBpZDogc3RyaW5nID0gJyc7XHJcbiAgLyoqIEBkZXNjcmlwdGlvbiB0byBnaXZlIHRoZSBsb2FkaW5nIGVmZmVjdCwgZGlhYmxlIGJ1dHRvbiBhbmQgZW5hYmxlIGxvYWRlciAqL1xyXG4gIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLy8gT1VUUFVUU1xyXG4gIC8qKlxyXG4gICAqICBAZGVzY3JpcHRpb24gY2xpY2sgZXZlbnQgb2YgYnV0dG9uIHNpbWlsbGVyIHRvIG9uQ2xpY2sgKHRoaXMgaXMgbm90IHBvc3NpYmxlIGJlYWN1c2Ugbm8tb3V0cHV0LW5vLXByZWZpeCBlc2xpbnQpIG9mIGFuZ3VsYXIgb3IgY2xpY2sgb2YgRE9NXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIG9uY2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pZCkge1xyXG4gICAgICB0aGlzLmdldENvbnRyb2xEYXRhKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBhc3luYyBnZXRDb250cm9sRGF0YSgpIHtcclxuICAgIGNvbnN0IGNpZGVfZWxlbWVudF9kYXRhID0gYXdhaXQgdGhpcy5lbGVtZW50U2VydmljZT8uZ2V0RWxlbWVudERhdGEoeyBzeXBlX2tleTogdGhpcy5pZCB9KTtcclxuICAgIGlmIChjaWRlX2VsZW1lbnRfZGF0YSkge1xyXG4gICAgICB0aGlzLmxhYmVsID0gY2lkZV9lbGVtZW50X2RhdGE/LnN5cGVfbGFiZWwgYXMgc3RyaW5nO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uIGNsYXNzPVwiY2lkZS1idXR0b24gdHctdy1mdWxsIHR3LXJvdW5kZWQtbWQgdHctdGV4dC13aGl0ZSB0dy1weS0wLjUgdHctc2VsZWN0LW5vbmUgdHctanVzdGlmeS1hcm91bmQgdHctZmxleFwiXHJcbiAgICBbbmdDbGFzc109XCJ7J2NpZGUtYnV0dG9uLWRpc2FibGVkJzogKGRpc2FibGVkIHx8IGxvYWRpbmcpfVwiIFtkaXNhYmxlZF09XCIoZGlzYWJsZWQgfHwgbG9hZGluZylcIlxyXG4gICAgKGNsaWNrKT1cIm9uY2xpY2suZW1pdCgpXCIgW2lkXT1cImlkXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidHctZmxleFwiPlxyXG4gICAgICAgIDxjaWRlLWVsZS1zcGlubmVyICpuZ0lmPVwibG9hZGluZ1wiIGNsYXNzPVwidHctaW5saW5lLWJsb2NrIHR3LW15LTEgdHctbXItMlwiIHNpemU9XCJ4c1wiXHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnY2lkZS1waWxsLWRpc2FibGVkJzogKGRpc2FibGVkIHx8IGxvYWRpbmcpfVwiPjwvY2lkZS1lbGUtc3Bpbm5lcj5cclxuICAgICAgICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhbGFiZWxcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cImxvYWRpbmdcIiBjbGFzcz1cInR3LXctNiB0dy1wLTEgdHctbXItMlwiPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2J1dHRvbj4iXX0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class CideIconComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.size = "xs";
|
|
8
|
+
this.type = "round";
|
|
9
|
+
this.toolTip = "";
|
|
10
|
+
}
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CideIconComponent, isStandalone: true, selector: "cide-ele-icon", inputs: { size: "size", type: "type", toolTip: "toolTip" }, ngImport: i0, template: "<button class=\"cide-icon tw-m-1 tw-overflow-hidden tw-inline-block tw-outline-none tw-relative\" [ngClass]=\"{\r\n 'tw-h-[23px] tw-w-[23px]': (size === 'sm'), \r\n 'tw-h-[19px] tw-w-[19px] !tw-m-[2px]': (size === 'xs'), \r\n 'tw-h-[14px] tw-w-[14px] !tw-m-[1px] cide-icon-2xs': (size === '2xs'), \r\n 'tw-h-[11px] tw-w-[11px] !tw-m-[1px] cide-icon-3xs': (size === '3xs'), \r\n 'tw-rounded-2xl' : (type === 'round'), 'tw-rounded-[0.2rem]' : (type === 'box') , \r\n 'tw-h-[15px] tw-w-[15px] none-type !tw-m-0': (type === 'none'),\r\n 'cide-tooltip': (toolTip),\r\n }\">\r\n <span class=\"cide-tooltip-content\">{{toolTip}}</span>\r\n\r\n <span class=\"material-symbols-outlined tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0\"\r\n [ngClass]=\"{'tw-text-[25px] -tw-ml-[1.5px] -tw-mt-[1px]': (size === 'sm'), 'tw-text-[18px] -tw-ml-[0.5px] tw-mt-[0.5px]' : (size === 'xs'), 'tw-text-[15px] -tw-ml-[0.5px] tw-mt-[0px] tw-block' : (size === '2xs'), 'tw-text-[11px] -tw-ml-[0px] tw-mt-[0px] tw-block' : (size === '3xs')}\"><ng-content></ng-content></span>\r\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideIconComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'cide-ele-icon', standalone: true, imports: [CommonModule], template: "<button class=\"cide-icon tw-m-1 tw-overflow-hidden tw-inline-block tw-outline-none tw-relative\" [ngClass]=\"{\r\n 'tw-h-[23px] tw-w-[23px]': (size === 'sm'), \r\n 'tw-h-[19px] tw-w-[19px] !tw-m-[2px]': (size === 'xs'), \r\n 'tw-h-[14px] tw-w-[14px] !tw-m-[1px] cide-icon-2xs': (size === '2xs'), \r\n 'tw-h-[11px] tw-w-[11px] !tw-m-[1px] cide-icon-3xs': (size === '3xs'), \r\n 'tw-rounded-2xl' : (type === 'round'), 'tw-rounded-[0.2rem]' : (type === 'box') , \r\n 'tw-h-[15px] tw-w-[15px] none-type !tw-m-0': (type === 'none'),\r\n 'cide-tooltip': (toolTip),\r\n }\">\r\n <span class=\"cide-tooltip-content\">{{toolTip}}</span>\r\n\r\n <span class=\"material-symbols-outlined tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0\"\r\n [ngClass]=\"{'tw-text-[25px] -tw-ml-[1.5px] -tw-mt-[1px]': (size === 'sm'), 'tw-text-[18px] -tw-ml-[0.5px] tw-mt-[0.5px]' : (size === 'xs'), 'tw-text-[15px] -tw-ml-[0.5px] tw-mt-[0px] tw-block' : (size === '2xs'), 'tw-text-[11px] -tw-ml-[0px] tw-mt-[0px] tw-block' : (size === '3xs')}\"><ng-content></ng-content></span>\r\n</button>" }]
|
|
17
|
+
}], propDecorators: { size: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], type: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], toolTip: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtZWxlbWVudC9zcmMvbGliL2VsZW1lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtZWxlbWVudC9zcmMvbGliL2VsZW1lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVVqRCxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBUVcsU0FBSSxHQUFjLElBQUksQ0FBQztRQUN2QixTQUFJLEdBQWEsT0FBTyxDQUFDO1FBQ3pCLFlBQU8sR0FBVyxFQUFFLENBQUM7S0FDL0I7OEdBSlksaUJBQWlCO2tHQUFqQixpQkFBaUIscUlDWDlCLHduQ0FhUyx5RERORyxZQUFZOzsyRkFJWCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgaWNvblR5cGUsIHRoZW1lU2l6ZSB9IGZyb20gJ2Nsb3VkLWlkZS1sbXMtbW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjaWRlLWVsZS1pY29uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vaWNvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2lkZUljb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNpemU6IHRoZW1lU2l6ZSA9IFwieHNcIjtcclxuICBASW5wdXQoKSB0eXBlOiBpY29uVHlwZSA9IFwicm91bmRcIjtcclxuICBASW5wdXQoKSB0b29sVGlwOiBzdHJpbmcgPSBcIlwiO1xyXG59XHJcbiIsIjxidXR0b24gY2xhc3M9XCJjaWRlLWljb24gdHctbS0xIHR3LW92ZXJmbG93LWhpZGRlbiB0dy1pbmxpbmUtYmxvY2sgdHctb3V0bGluZS1ub25lIHR3LXJlbGF0aXZlXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICd0dy1oLVsyM3B4XSB0dy13LVsyM3B4XSc6IChzaXplID09PSAnc20nKSwgXHJcbiAgICAgICAgJ3R3LWgtWzE5cHhdIHR3LXctWzE5cHhdICF0dy1tLVsycHhdJzogKHNpemUgPT09ICd4cycpLCBcclxuICAgICAgICAndHctaC1bMTRweF0gdHctdy1bMTRweF0gIXR3LW0tWzFweF0gY2lkZS1pY29uLTJ4cyc6IChzaXplID09PSAnMnhzJyksIFxyXG4gICAgICAgICd0dy1oLVsxMXB4XSB0dy13LVsxMXB4XSAhdHctbS1bMXB4XSBjaWRlLWljb24tM3hzJzogKHNpemUgPT09ICczeHMnKSwgXHJcbiAgICAgICAgJ3R3LXJvdW5kZWQtMnhsJyA6ICh0eXBlID09PSAncm91bmQnKSwgJ3R3LXJvdW5kZWQtWzAuMnJlbV0nIDogKHR5cGUgPT09ICdib3gnKSAsIFxyXG4gICAgICAgICd0dy1oLVsxNXB4XSB0dy13LVsxNXB4XSBub25lLXR5cGUgIXR3LW0tMCc6ICh0eXBlID09PSAnbm9uZScpLFxyXG4gICAgICAgICdjaWRlLXRvb2x0aXAnOiAodG9vbFRpcCksXHJcbiAgICAgICAgfVwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjaWRlLXRvb2x0aXAtY29udGVudFwiPnt7dG9vbFRpcH19PC9zcGFuPlxyXG5cclxuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCB0dy1hYnNvbHV0ZSB0dy10b3AtMCB0dy1sZWZ0LTAgdHctcmlnaHQtMCB0dy1ib3R0b20tMFwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyd0dy10ZXh0LVsyNXB4XSAtdHctbWwtWzEuNXB4XSAtdHctbXQtWzFweF0nOiAoc2l6ZSA9PT0gJ3NtJyksICd0dy10ZXh0LVsxOHB4XSAtdHctbWwtWzAuNXB4XSB0dy1tdC1bMC41cHhdJyA6ICAoc2l6ZSA9PT0gJ3hzJyksICd0dy10ZXh0LVsxNXB4XSAtdHctbWwtWzAuNXB4XSB0dy1tdC1bMHB4XSB0dy1ibG9jaycgOiAgKHNpemUgPT09ICcyeHMnKSwgICd0dy10ZXh0LVsxMXB4XSAtdHctbWwtWzBweF0gdHctbXQtWzBweF0gdHctYmxvY2snIDogIChzaXplID09PSAnM3hzJyl9XCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cclxuPC9idXR0b24+Il19
|