cloud-ide-element 0.0.1 → 1.0.2

package/public-api.d.ts

@@ -1,5 +1,22 @@
 export * from './lib/elements/input/input.component';
-export * from './lib/elements/button/button.component';
+export * from './lib/elements/button/cide-ele-button.component';
 export * from './lib/elements/spinner/spinner.component';
 export * from './lib/elements/icon/icon.component';
+export * from './lib/elements/select/select.component';
+export * from './lib/elements/tab/cide-ele-tab.component';
+export * from './lib/elements/file-input/file-input.component';
+export * from './lib/elements/textarea/textarea.component';
 export * from './lib/utils/services/elements/elements.service';
+export * from './lib/utils/directives/resizer/resizer.directive';
+export * from './lib/utils/directives/tooltip/tooltip.directive';
+export * from './lib/components/skeleton-loader/skeleton-loader.component';
+export * from './lib/components/data-grid/data-grid.component';
+export * from './lib/components/data-grid/data-grid.types';
+export * from './lib/components/dropdown/dropdown.component';
+export * from './lib/services/dropdown-manager.service';
+export * from './lib/services/confirmation.service';
+export * from './lib/services/notification.service';
+export * from './lib/components/confirmation-modal/confirmation-modal.component';
+export * from './lib/components/toast-notification/toast-notification.component';
+export * from './lib/components/global-notifications/global-notifications.component';
+export * from './lib/components/json-editor/json-editor.component';

package/src/lib/assets/css/cide-ele-style.scss

@@ -0,0 +1,85 @@
+// Apply Variables
+@import './cide-ele-variable.scss';
+@import '../../utils/directives/tooltip/tooltip.directive.scss';
+/*----------------------------------------
+*           ELEMENT CSS STARTS HERE
+*        HERE WE WILL STORE THE CLASSES
+*------------------------------------------*/
+
+// Sidebar Devider Starts Here
+.cide-lyt-devider-horizontal {
+    width: 2px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: -5px;
+    padding: 0px 7px;
+    cursor: ew-resize;
+    z-index: 10;
+    height: 100%;
+
+    .cide-lyt-devider-track {
+        width: 2px;
+        height: 100%;
+    }
+}
+
+.cide-lyt-devider-horizontal-right-to-left {
+    left: -9px !important;
+    right: none;
+
+    .cide-lyt-sidedrawer-wrapper {
+        height: 100%;
+    }
+}
+
+.cide-lyt-devider-vertical {
+    height: 2px;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: -5px;
+    padding: 7px 0px;
+    cursor: ns-resize;
+    z-index: 10;
+    width: 100%;
+
+    .cide-lyt-devider-track {
+        width: 100%;
+        height: 2px;
+    }
+}
+
+// .cide-lyt-devider-track {
+//     background-color: var(--cide-ele-devider-border-color);
+// }
+
+.panel-resizer:hover {
+    .cide-lyt-devider-track {
+        background-color: var(--cide-ele-devider-border-color);
+    }
+}
+
+.cide-lyt-devider-track {
+  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.cide-lyt-devider-track:hover::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 8px;
+  height: 50px;
+  background-color: var(--cide-ele-devider-border-color);
+  border-radius: 2px;
+  box-shadow: 0 0 6px var(--cide-ele-devider-border-color);
+}
+
+.cide-lyt-devider-vertical {
+    .cide-lyt-devider-track:hover::after {
+        height: 8px !important;
+        width: 50px !important;
+    }
+}

package/src/lib/assets/css/cide-ele-variable.scss

@@ -0,0 +1,336 @@
+/*-------------------------------------------------
+* CIDE-ELE Variable
+*--------------------------------------------------*/
+:root {
+    // Devider Starts Here
+    --cide-ele-devider-border-color: #74AEF6;
+    // Devider Ends Here
+}
+
+// Size
+$sizes: xxs, xs, sm, md, lg, xl;
+
+@each $size in $sizes {
+    .cide-element-size-#{$size} {
+        .cide-input-input,
+        .cide-select-button {
+            height: var(--cide-element-size-#{$size});
+        }
+
+        .cide-input-input,
+        .cide-textarea-input,
+        .cide-select-button {
+            font-size: var(--cide-input-size-#{$size});
+            border-width: var(--cide-input-border-size-#{$size});
+        }
+
+        .cide-input-label,
+        .cide-textarea-label,
+        .cide-select-label {
+            font-size: var(--cide-input-label-size-#{$size});
+            line-height: var(--cide-input-label-size-#{$size});
+        }
+
+        .cide-input-help-error-text,
+        .cide-textarea-help-error-text,
+        .cide-select-help-error-text {
+            font-size: var(--cide-input-error-helper-size-#{$size});
+            height: calc(var(--cide-input-error-helper-size-#{$size}) + 2px);
+            line-height: var(--cide-input-error-helper-size-#{$size});
+        }
+
+        .cide-input-clear,
+        .cide-textarea-clear,
+        .cide-select-clear {
+            top: var(--cide-input-border-size-#{$size});
+            width: var(--cide-element-size-#{$size});
+            height: calc(var(--cide-element-size-#{$size}) - var(--cide-input-border-size-#{$size}) * 2);
+
+            .cide-input-clear-icon,
+            .cide-textarea-clear-icon,
+            .cide-select-clear-icon {
+                font-size: calc(var(--cide-input-size-#{$size}) + calc(var(--cide-input-size-#{$size}) / 2));
+                line-height: calc(var(--cide-element-size-#{$size}) - var(--cide-input-border-size-#{$size}) * 2);
+            }
+        }
+
+        .cide-input-leading-icon-wrapper,
+        .cide-textarea-leading-icon-wrapper,
+        .cide-select-leading-icon-wrapper {
+            top: var(--cide-input-border-size-#{$size});
+            width: var(--cide-element-size-#{$size});
+            height: calc(var(--cide-element-size-#{$size}) - var(--cide-input-border-size-#{$size}) * 2);
+
+            .cide-input-leading-icon,
+            .cide-textarea-leading-icon,
+            .cide-select-leading-icon {
+                font-size: calc(var(--cide-input-size-#{$size}) + calc(var(--cide-input-size-#{$size}) / 2));
+                line-height: calc(var(--cide-element-size-#{$size}) - var(--cide-input-border-size-#{$size}) * 2);
+            }
+        }
+    }
+
+    .cide-element-size-#{$size}.cide-element-input-label-floating:not(.cide-element-input-label-less),
+    .cide-element-size-#{$size}.cide-element-textarea-label-floating:not(.cide-element-textarea-label-less),
+    .cide-element-size-#{$size}.cide-element-select-label-floating:not(.cide-element-select-label-less) {
+
+        .cide-element-input-wrapper,
+        .cide-element-textarea-wrapper,
+        .cide-element-select-wrapper {
+            margin-top: calc(var(--cide-input-label-size-#{$size}) / 2);
+        }
+
+        .cide-input-label,
+        .cide-textarea-label,
+        .cide-select-label {
+            top: calc(var(--cide-input-label-size-#{$size}) / 2 - var(--cide-input-label-size-#{$size}));
+        }
+    }
+
+    .cide-element-size-#{$size}.cide-element-leading-icon {
+
+        .cide-input-input,
+        .cide-textarea-input,
+        .cide-select-button {
+            padding-left: calc(var(--cide-element-size-#{$size}) - var(--cide-input-border-size-#{$size}));
+        }
+    }
+
+    .cide-element-size-#{$size}.cide-element-clear-input {
+
+        .cide-input-input,
+        .cide-textarea-input,
+        .cide-select-button {
+            padding-right: calc(var(--cide-element-size-#{$size}) - var(--cide-input-border-size-#{$size}));
+        }
+    }
+
+    .cide-element-size-#{$size}.cide-element-trailing-icon {
+
+        .cide-input-clear,
+        .cide-textarea-clear,
+        .cide-select-clear {
+            right: var(--cide-element-size-#{$size});
+        }
+    }
+}
+
+
+// when fill is standard then no border
+.cide-element-style-standard {
+    .cide-input-input,
+    .cide-textarea-input,
+    .cide-select-button {
+        border-color: transparent;
+    }
+}
+
+.cide-element-input-number {
+    input {
+        text-align: right !important;
+    }
+}
+
+.cide-element-input-wrapper,
+.cide-element-textarea-wrapper,
+.cide-element-select-wrapper {
+    position: relative;
+}
+
+.cide-input-label,
+.cide-textarea-label,
+.cide-select-label {
+    color: var(--cide-input-label-color);
+    user-select: none;
+    display: block;
+}
+
+.cide-input-help-error-text,
+.cide-textarea-help-error-text,
+.cide-select-help-error-text {
+    color: var(--cide-input-color-help-error-text);
+    width: 100%;
+    display: block;
+    margin-top: 4px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+}
+
+.cide-input-leading-icon,
+.cide-textarea-leading-icon,
+.cide-select-leading-icon {
+    color: var(--cide-input-leading-icon-color);
+}
+
+.cide-input-clear,
+.cide-textarea-clear,
+.cide-select-clear {
+    color: var(--cide-input-clear-color);
+    z-index: 10;
+    cursor: pointer;
+    position: absolute;
+    outline-width: 0px;
+    right: 0px;
+    top: 0px;
+}
+
+.cide-input-clear:hover,
+.cide-textarea-clear:hover,
+.cide-select-clear:hover {
+    color: var(--cide-input-clear-color-hover);
+}
+
+.cide-input-trailing-icon,
+.cide-textarea-trailing-icon,
+.cide-select-trailing-icon {
+    color: var(--cide-input-trailing-icon-color);
+}
+
+.cide-input-input,
+.cide-textarea-input,
+.cide-select-button {
+    color: var(--cide-input-text-color);
+    border-color: var(--cide-input-border);
+}
+
+.cide-input-input:hover,
+.cide-textarea-input:hover,
+.cide-select-button:hover {
+    color: var(--cide-input-text-color-hover);
+    border-color: var(--cide-input-border-hover);
+}
+
+.cide-input-input:focus,
+.cide-textarea-input:focus,
+.cide-select-button:focus {
+    color: var(--cide-input-text-color-active);
+    border-color: var(--cide-input-border-active);
+}
+
+.cide-element-input-label-floating,
+.cide-element-select-label-floating {
+    .cide-input-label,
+    .cide-textarea-label,
+    .cide-select-label {
+        position: absolute;
+        z-index: 1;
+        margin-left: 8px;
+        margin-right: 8px;
+        background-color: white;
+        padding-left: 2px;
+        padding-right: 2px;
+        padding-top: 0px;
+        padding-bottom: 0px;
+    }
+
+    .cide-element-input-label-start,
+    .cide-element-textarea-label-start,
+    .cide-element-select-label-start {
+        left: 0px;
+    }
+
+    .cide-element-input-label-end,
+    .cide-element-textarea-label-end,
+    .cide-element-select-label-end {
+        right: 0px;
+    }
+}
+
+.cide-element-input-label-fixed,
+.cide-element-textarea-label-fixed,
+.cide-element-select-label-fixed {
+    margin-bottom: 0px;
+
+    .cide-input-label,
+    .cide-textarea-label,
+    .cide-select-label {
+        margin-bottom: 3px;
+    }
+
+    .cide-element-input-label-start,
+    .cide-element-textarea-label-start,
+    .cide-element-select-label-start {
+        text-align: start;
+    }
+
+    .cide-element-input-label-end,
+    .cide-element-textarea-label-end,
+    .cide-element-select-label-end {
+        text-align: end;
+    }
+}
+
+// on Invalid 
+.ng-touched.ng-invalid>.cide-input,
+.ng-touched.ng-invalid>.cide-textarea,
+.ng-touched.ng-invalid>.cide-select {
+    .cide-input-clear,
+    .cide-textarea-clear,
+    .cide-select-clear {
+        color: var(--cide-input-clear-color-invalid);
+    }
+
+    .cide-input-clear:hover,
+    .cide-textarea-clear:hover,
+    .cide-select-clear:hover {
+        color: var(--cide-input-clear-color-hover-invalid);
+    }
+
+    .cide-input-leading-icon,
+    .cide-textarea-leading-icon,
+    .cide-select-leading-icon {
+        color: var(--cide-input-leading-icon-color-invalid);
+    }
+
+    .cide-input-help-error-text,
+    .cide-textarea-help-error-text,
+    .cide-select-help-error-text {
+        color: var(--cide-input-color-help-error-text-invalid);
+    }
+
+    .cide-input-trailing-icon,
+    .cide-textarea-trailing-icon,
+    .cide-select-trailing-icon {
+        color: var(--cide-input-trailing-icon-color-invalid);
+    }
+
+    .cide-input-label,
+    .cide-textarea-label,
+    .cide-select-label {
+        color: var(--cide-input-label-color-invalid);
+    }
+
+    .cide-input-input,
+    .cide-textarea-input,
+    .cide-select-button {
+        color: var(--cide-input-text-color-invalid);
+        border-color: var(--cide-input-border-invalid);
+    }
+
+    .cide-input-input:hover,
+    .cide-textarea-input:hover,
+    .cide-select-button:hover {
+        color: var(--cide-input-text-color-hover-invalid);
+        border-color: var(--cide-input-border-hover-invalid);
+    }
+
+    .cide-input-input:focus,
+    .cide-textarea-input:focus,
+    .cide-select-button:focus {
+        color: var(--cide-input-text-color-active-invalid);
+        border-color: var(--cide-input-border-active-invalid);
+    }
+}
+
+.cide-input-leading-icon-wrapper,
+.cide-textarea-leading-icon-wrapper,
+.cide-select-leading-icon-wrapper {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    z-index: 0;
+    text-align: center;
+}

package/esm2022/lib/elements/button/button.component.mjs

@@ -1,60 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { CideSpinnerComponent } from "../spinner/spinner.component";
-import * as i0 from "@angular/core";
-import * as i1 from "../../../public-api";
-import * as i2 from "@angular/common";
-export class CideButtonComponent {
-    constructor(elementService) {
-        this.elementService = elementService;
-        // INPUTS
-        /**
-         * @description Lable of button like Submit, Update, Add, etc.
-         * note it is only used in case you was not set lebel between tags like button (ng-content),
-         * if lable is set ng contenet is not visisble
-         */
-        this.label = "";
-        /** @description button disabled or not use boolean type value */
-        this.disabled = false;
-        /** @description uniq id of control, used to differenciat the value also prevent value should not effect another values */
-        this.id = '';
-        /** @description to give the loading effect, diable button and enable loader */
-        this.loading = false;
-        // OUTPUTS
-        /**
-         *  @description click event of button similler to onClick (this is not possible beacuse no-output-no-prefix eslint) of angular or click of DOM
-         */
-        this.onclick = new EventEmitter();
-    }
-    ngOnInit() {
-        if (this.id) {
-            this.getControlData();
-        }
-    }
-    async getControlData() {
-        const cide_element_data = await this.elementService?.getElementData({ sype_key: this.id });
-        if (cide_element_data) {
-            this.label = cide_element_data?.sype_label;
-        }
-    }
-    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 }); }
-    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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-ele-button', standalone: true, imports: [
-                        CommonModule,
-                        CideSpinnerComponent
-                    ], 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>" }]
-        }], ctorParameters: () => [{ type: i1.CideElementsService }], propDecorators: { label: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], onclick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1lbGVtZW50L3NyYy9saWIvZWxlbWVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtZWxlbWVudC9zcmMvbGliL2VsZW1lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFZcEUsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixZQUFvQixjQUFtQztRQUFuQyxtQkFBYyxHQUFkLGNBQWMsQ0FBcUI7UUFDdkQsU0FBUztRQUNUOzs7O1dBSUc7UUFDTSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQzVCLGlFQUFpRTtRQUN4RCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQ25DLDBIQUEwSDtRQUNqSCxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLCtFQUErRTtRQUN0RSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBRWxDLFVBQVU7UUFDVjs7V0FFRztRQUNPLFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQW5CQSxDQUFDO0lBcUI1RCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDWixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsY0FBYztRQUNsQixNQUFNLGlCQUFpQixHQUFHLE1BQU0sSUFBSSxDQUFDLGNBQWMsRUFBRSxjQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDM0YsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsaUJBQWlCLEVBQUUsVUFBb0IsQ0FBQztRQUN2RCxDQUFDO0lBQ0gsQ0FBQzs4R0FqQ1UsbUJBQW1CO2tHQUFuQixtQkFBbUIsNExDZmhDLDJ0QkFZUyx5RERITCxZQUFZLGlPQUNaLG9CQUFvQjs7MkZBS1gsbUJBQW1CO2tCQVYvQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjtxQkFDckI7d0ZBWVEsS0FBSztzQkFBYixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsRUFBRTtzQkFBVixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFNSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDaWRlRWxlbWVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vcHVibGljLWFwaSc7XHJcbmltcG9ydCB7IENpZGVTcGlubmVyQ29tcG9uZW50IH0gZnJvbSBcIi4uL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2lkZS1lbGUtYnV0dG9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIENpZGVTcGlubmVyQ29tcG9uZW50XHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaWRlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRTZXJ2aWNlOiBDaWRlRWxlbWVudHNTZXJ2aWNlKSB7IH1cclxuICAvLyBJTlBVVFNcclxuICAvKiogXHJcbiAgICogQGRlc2NyaXB0aW9uIExhYmxlIG9mIGJ1dHRvbiBsaWtlIFN1Ym1pdCwgVXBkYXRlLCBBZGQsIGV0Yy4gIFxyXG4gICAqIG5vdGUgaXQgaXMgb25seSB1c2VkIGluIGNhc2UgeW91IHdhcyBub3Qgc2V0IGxlYmVsIGJldHdlZW4gdGFncyBsaWtlIGJ1dHRvbiAobmctY29udGVudCksIFxyXG4gICAqIGlmIGxhYmxlIGlzIHNldCBuZyBjb250ZW5ldCBpcyBub3QgdmlzaXNibGVcclxuICAgKi9cclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gXCJcIjtcclxuICAvKiogQGRlc2NyaXB0aW9uIGJ1dHRvbiBkaXNhYmxlZCBvciBub3QgdXNlIGJvb2xlYW4gdHlwZSB2YWx1ZSAqL1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgLyoqIEBkZXNjcmlwdGlvbiB1bmlxIGlkIG9mIGNvbnRyb2wsIHVzZWQgdG8gZGlmZmVyZW5jaWF0IHRoZSB2YWx1ZSBhbHNvIHByZXZlbnQgdmFsdWUgc2hvdWxkIG5vdCBlZmZlY3QgYW5vdGhlciB2YWx1ZXMgKi9cclxuICBASW5wdXQoKSBpZDogc3RyaW5nID0gJyc7XHJcbiAgLyoqIEBkZXNjcmlwdGlvbiB0byBnaXZlIHRoZSBsb2FkaW5nIGVmZmVjdCwgZGlhYmxlIGJ1dHRvbiBhbmQgZW5hYmxlIGxvYWRlciAqL1xyXG4gIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLy8gT1VUUFVUU1xyXG4gIC8qKlxyXG4gICAqICBAZGVzY3JpcHRpb24gY2xpY2sgZXZlbnQgb2YgYnV0dG9uIHNpbWlsbGVyIHRvIG9uQ2xpY2sgKHRoaXMgaXMgbm90IHBvc3NpYmxlIGJlYWN1c2Ugbm8tb3V0cHV0LW5vLXByZWZpeCBlc2xpbnQpIG9mIGFuZ3VsYXIgb3IgY2xpY2sgb2YgRE9NXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIG9uY2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pZCkge1xyXG4gICAgICB0aGlzLmdldENvbnRyb2xEYXRhKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBhc3luYyBnZXRDb250cm9sRGF0YSgpIHtcclxuICAgIGNvbnN0IGNpZGVfZWxlbWVudF9kYXRhID0gYXdhaXQgdGhpcy5lbGVtZW50U2VydmljZT8uZ2V0RWxlbWVudERhdGEoeyBzeXBlX2tleTogdGhpcy5pZCB9KTtcclxuICAgIGlmIChjaWRlX2VsZW1lbnRfZGF0YSkge1xyXG4gICAgICB0aGlzLmxhYmVsID0gY2lkZV9lbGVtZW50X2RhdGE/LnN5cGVfbGFiZWwgYXMgc3RyaW5nO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uIGNsYXNzPVwiY2lkZS1idXR0b24gdHctdy1mdWxsIHR3LXJvdW5kZWQtbWQgdHctdGV4dC13aGl0ZSB0dy1weS0wLjUgdHctc2VsZWN0LW5vbmUgdHctanVzdGlmeS1hcm91bmQgdHctZmxleFwiXHJcbiAgICBbbmdDbGFzc109XCJ7J2NpZGUtYnV0dG9uLWRpc2FibGVkJzogKGRpc2FibGVkIHx8IGxvYWRpbmcpfVwiIFtkaXNhYmxlZF09XCIoZGlzYWJsZWQgfHwgbG9hZGluZylcIlxyXG4gICAgKGNsaWNrKT1cIm9uY2xpY2suZW1pdCgpXCIgW2lkXT1cImlkXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidHctZmxleFwiPlxyXG4gICAgICAgIDxjaWRlLWVsZS1zcGlubmVyICpuZ0lmPVwibG9hZGluZ1wiIGNsYXNzPVwidHctaW5saW5lLWJsb2NrIHR3LW15LTEgdHctbXItMlwiIHNpemU9XCJ4c1wiXHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnY2lkZS1waWxsLWRpc2FibGVkJzogKGRpc2FibGVkIHx8IGxvYWRpbmcpfVwiPjwvY2lkZS1lbGUtc3Bpbm5lcj5cclxuICAgICAgICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhbGFiZWxcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cImxvYWRpbmdcIiBjbGFzcz1cInR3LXctNiB0dy1wLTEgdHctbXItMlwiPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2J1dHRvbj4iXX0=

package/lib/elements/button/button.component.d.ts

@@ -1,27 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { CideElementsService } from '../../../public-api';
-import * as i0 from "@angular/core";
-export declare class CideButtonComponent implements OnInit {
-    private elementService;
-    constructor(elementService: CideElementsService);
-    /**
-     * @description Lable of button like Submit, Update, Add, etc.
-     * note it is only used in case you was not set lebel between tags like button (ng-content),
-     * if lable is set ng contenet is not visisble
-     */
-    label: string;
-    /** @description button disabled or not use boolean type value */
-    disabled: boolean;
-    /** @description uniq id of control, used to differenciat the value also prevent value should not effect another values */
-    id: string;
-    /** @description to give the loading effect, diable button and enable loader */
-    loading: boolean;
-    /**
-     *  @description click event of button similler to onClick (this is not possible beacuse no-output-no-prefix eslint) of angular or click of DOM
-     */
-    onclick: EventEmitter<void>;
-    ngOnInit(): void;
-    getControlData(): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CideButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CideButtonComponent, "cide-ele-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onclick": "onclick"; }, never, ["*"], true, never>;
-}