keevo-components 1.8.195 → 1.8.197
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/esm2022/lib/api/components/table/table.config.mjs +1 -1
- package/esm2022/lib/api/components/tree-table/tree-table.config.mjs +1 -1
- package/esm2022/lib/components/kv-button/kv-button.component.mjs +2 -2
- package/esm2022/lib/components/kv-inputs/kv-check/kv-check.component.mjs +2 -2
- package/esm2022/lib/components/kv-inputs/kv-radio-group/kv-radio-group.component.mjs +2 -2
- package/esm2022/lib/components/kv-inputs/kv-switch/kv-switch.component.mjs +2 -2
- package/esm2022/lib/components/kv-progress-bar/kv-progress-bar.component.mjs +2 -2
- package/esm2022/lib/components/kv-table/kv-table.component.mjs +80 -63
- package/esm2022/lib/components/kv-table/kv-table.module.mjs +8 -4
- package/esm2022/lib/components/kv-table-expandable/kv-table-expandable.component.mjs +2 -2
- package/esm2022/lib/components/kv-tree-table/kv-tree-table.component.mjs +8 -8
- package/esm2022/lib/components/kv-tree-table/kv-tree-table.module.mjs +7 -3
- package/fesm2022/keevo-components.mjs +155 -135
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/api/components/table/table.config.d.ts +1 -2
- package/lib/api/components/tree-table/tree-table.config.d.ts +1 -2
- package/lib/components/kv-table/kv-table.component.d.ts +10 -3
- package/lib/components/kv-table/kv-table.module.d.ts +2 -1
- package/lib/components/kv-table-expandable/kv-table-expandable.component.d.ts +1 -1
- package/lib/components/kv-tree-table/kv-tree-table.module.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2FwaS9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGFibGVDb25maWdDb2x1bW4gfSBmcm9tICcuL3RhYmxlLmNvbmZpZy5jb2x1bW4nO1xyXG5pbXBvcnQgeyBLdk1lbnVJdGVtLCBWYWx1ZU9yRm4gfSBmcm9tICcuL2t2LW1lbnVpdGVtJztcclxuaW1wb3J0IFNldmVyaXR5IGZyb20gJy4uLy4uL3R5cGVzL3NldmVyaXR5JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVDb25maWcge1xyXG4gIGFjdGlvbnM/OiBLdk1lbnVJdGVtW107XHJcbiAgYWN0aW9uc0xvdGU/OiBBY3Rpb25zTG90ZUl0ZW1bXTtcclxuICBjb2x1bW5zOiBUYWJsZUNvbmZpZ0NvbHVtbltdO1xyXG4gIGRhdGFLZXk/OiBzdHJpbmc7XHJcbiAgcm93cz86IGFueTtcclxuICB0aXRsZT86IHN0cmluZztcclxuICBzdWJ0aXRsZT86IHN0cmluZztcclxuICBsYXp5OiBib29sZWFuO1xyXG4gIGZpZWxkR3JvdXA/OiBzdHJpbmc7XHJcbiAgZW5hYmxlQ2F0aW9uPzogYm9vbGVhbjtcclxuICBlbmFibGVGaWx0ZXI/OiBib29sZWFuO1xyXG4gIGVuYWJsZVNlbGVjdD86IGJvb2xlYW47XHJcbiAgZW5hYmxlVG9nZ2xlTm9kZXM/OiBib29sZWFuO1xyXG4gIC8vIHZpc2libGVDb250cm9sQ2hlY2tib3hGdW5jdGlvbj86IChyb3dEYXRhOiBhbnkpID0+IGJvb2xlYW47IC8vIEEgZnVuw6fDo28gcXVlIGNvbnRyb2xhIGEgZWRpw6fDo29cclxuICBkaXNhYmxlQ29udHJvbENoZWNrYm94RnVuY3Rpb24/OiAocm93RGF0YTogYW55LCByb3dOb2RlPzogYW55KSA9PiBib29sZWFuOyAvLyBBIGZ1bsOnw6NvIHF1ZSBjb250cm9sYSBhIGVkacOnw6NvXHJcbiAgZmllbGRHcm91cENvbG9yRnVuY3Rpb24/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2FwaS9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGFibGVDb25maWdDb2x1bW4gfSBmcm9tICcuL3RhYmxlLmNvbmZpZy5jb2x1bW4nO1xyXG5pbXBvcnQgeyBLdk1lbnVJdGVtLCBWYWx1ZU9yRm4gfSBmcm9tICcuL2t2LW1lbnVpdGVtJztcclxuaW1wb3J0IFNldmVyaXR5IGZyb20gJy4uLy4uL3R5cGVzL3NldmVyaXR5JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVDb25maWcge1xyXG4gIGFjdGlvbnM/OiBLdk1lbnVJdGVtW107XHJcbiAgYWN0aW9uc0xvdGU/OiBBY3Rpb25zTG90ZUl0ZW1bXTtcclxuICBjb2x1bW5zOiBUYWJsZUNvbmZpZ0NvbHVtbltdO1xyXG4gIGRhdGFLZXk/OiBzdHJpbmc7XHJcbiAgcm93cz86IGFueTtcclxuICB0aXRsZT86IHN0cmluZztcclxuICBzdWJ0aXRsZT86IHN0cmluZztcclxuICBsYXp5OiBib29sZWFuO1xyXG4gIGZpZWxkR3JvdXA/OiBzdHJpbmc7XHJcbiAgZW5hYmxlQ2F0aW9uPzogYm9vbGVhbjtcclxuICBlbmFibGVGaWx0ZXI/OiBib29sZWFuO1xyXG4gIGVuYWJsZVNlbGVjdD86IGJvb2xlYW47XHJcbiAgZW5hYmxlVG9nZ2xlTm9kZXM/OiBib29sZWFuO1xyXG4gIC8vIHZpc2libGVDb250cm9sQ2hlY2tib3hGdW5jdGlvbj86IChyb3dEYXRhOiBhbnkpID0+IGJvb2xlYW47IC8vIEEgZnVuw6fDo28gcXVlIGNvbnRyb2xhIGEgZWRpw6fDo29cclxuICBkaXNhYmxlQ29udHJvbENoZWNrYm94RnVuY3Rpb24/OiAocm93RGF0YTogYW55LCByb3dOb2RlPzogYW55KSA9PiBib29sZWFuOyAvLyBBIGZ1bsOnw6NvIHF1ZSBjb250cm9sYSBhIGVkacOnw6NvXHJcbiAgZmllbGRHcm91cENvbG9yRnVuY3Rpb24/OiAoZGF0YTogYW55KSA9PiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQWN0aW9uc0xvdGVJdGVtIHtcclxuICAvKipcclxuICAgKiBJZ25vcmFkbyBwb3IgZW5xdWFudG9cclxuICAgKi9cclxuICBzZXZlcml0eT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JztcclxuICBpY29uOiBzdHJpbmc7XHJcbiAgc2hvd0Fjb2VzTG90ZT86IGJvb2xlYW47XHJcbiAgdG9vbHRpcD86IFZhbHVlT3JGbjxzdHJpbmcgfCB1bmRlZmluZWQ+O1xyXG4gIGRpc2FibGVkPzogVmFsdWVPckZuPGJvb2xlYW4gfCB1bmRlZmluZWQ+O1xyXG4gIHZpc2libGU/OiBWYWx1ZU9yRm48Ym9vbGVhbiB8IHVuZGVmaW5lZD47XHJcbiAgY29tbWFuZD86ICgpID0+IHZvaWQ7XHJcbn1cclxuIl19
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
;
|
|
2
2
|
export {};
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS10YWJsZS5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvYXBpL2NvbXBvbmVudHMvdHJlZS10YWJsZS90cmVlLXRhYmxlLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRhYmxlQ29uZmlnQ29sdW1uIH0gZnJvbSAnLi4vdGFibGUvdGFibGUuY29uZmlnLmNvbHVtbic7XHJcbmltcG9ydCB7IEt2TWVudUl0ZW0sIFZhbHVlT3JGbiB9IGZyb20gJy4uL3RhYmxlL2t2LW1lbnVpdGVtJztcclxuaW1wb3J0IFNldmVyaXR5IGZyb20gJy4uLy4uL3R5cGVzL3NldmVyaXR5JztcclxuaW1wb3J0IHsgQWN0aW9uc0xvdGVJdGVtIH0gZnJvbSAnLi4vdGFibGUvdGFibGUuY29uZmlnJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVHJlZVRhYmxlQ29uZmlnIHtcclxuICBhY3Rpb25zPzogS3ZNZW51SXRlbVtdO1xyXG4gIGFjdGlvbnNMb3RlPzogQWN0aW9uc0xvdGVJdGVtW107XHJcbiAgYWN0aW9uc1BhaT86IEFjdGlvbnNQYWlJdGVtW107XHJcbiAgY29sdW1uczogVGFibGVDb25maWdDb2x1bW5bXTtcclxuICBkYXRhS2V5Pzogc3RyaW5nO1xyXG4gIHJvd3M/OiBhbnk7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgc3VidGl0bGU/OiBzdHJpbmc7XHJcbiAgbGF6eTogYm9vbGVhbjtcclxuICBmaWVsZEdyb3VwPzogc3RyaW5nO1xyXG4gIGVuYWJsZUNhdGlvbj86IGJvb2xlYW47XHJcbiAgZW5hYmxlRmlsdGVyPzogYm9vbGVhbjtcclxuICBlbmFibGVTZWxlY3Q/OiBib29sZWFuO1xyXG4gIGVuYWJsZVRvZ2dsZU5vZGVzPzogYm9vbGVhbjtcclxuICAvLyB2aXNpYmxlQ29udHJvbENoZWNrYm94RnVuY3Rpb24/
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS10YWJsZS5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvYXBpL2NvbXBvbmVudHMvdHJlZS10YWJsZS90cmVlLXRhYmxlLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRhYmxlQ29uZmlnQ29sdW1uIH0gZnJvbSAnLi4vdGFibGUvdGFibGUuY29uZmlnLmNvbHVtbic7XHJcbmltcG9ydCB7IEt2TWVudUl0ZW0sIFZhbHVlT3JGbiB9IGZyb20gJy4uL3RhYmxlL2t2LW1lbnVpdGVtJztcclxuaW1wb3J0IFNldmVyaXR5IGZyb20gJy4uLy4uL3R5cGVzL3NldmVyaXR5JztcclxuaW1wb3J0IHsgQWN0aW9uc0xvdGVJdGVtIH0gZnJvbSAnLi4vdGFibGUvdGFibGUuY29uZmlnJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVHJlZVRhYmxlQ29uZmlnIHtcclxuICBhY3Rpb25zPzogS3ZNZW51SXRlbVtdO1xyXG4gIGFjdGlvbnNMb3RlPzogQWN0aW9uc0xvdGVJdGVtW107XHJcbiAgYWN0aW9uc1BhaT86IEFjdGlvbnNQYWlJdGVtW107XHJcbiAgY29sdW1uczogVGFibGVDb25maWdDb2x1bW5bXTtcclxuICBkYXRhS2V5Pzogc3RyaW5nO1xyXG4gIHJvd3M/OiBhbnk7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgc3VidGl0bGU/OiBzdHJpbmc7XHJcbiAgbGF6eTogYm9vbGVhbjtcclxuICBmaWVsZEdyb3VwPzogc3RyaW5nO1xyXG4gIGVuYWJsZUNhdGlvbj86IGJvb2xlYW47XHJcbiAgZW5hYmxlRmlsdGVyPzogYm9vbGVhbjtcclxuICBlbmFibGVTZWxlY3Q/OiBib29sZWFuO1xyXG4gIGVuYWJsZVRvZ2dsZU5vZGVzPzogYm9vbGVhbjtcclxuICAvLyB2aXNpYmxlQ29udHJvbENoZWNrYm94RnVuY3Rpb24/OiAocm93RGF0YTogYW55KSA9PiBib29sZWFuOyAvLyBBIGZ1bsOnw6NvIHF1ZSBjb250cm9sYSBhIGVkacOnw6NvXHJcbiAgZGlzYWJsZUNvbnRyb2xDaGVja2JveEZ1bmN0aW9uPzogKHJvd0RhdGE6IGFueSwgcm93Tm9kZT86IGFueSkgPT4gYm9vbGVhbjsgLy8gQSBmdW7Dp8OjbyBxdWUgY29udHJvbGEgYSBlZGnDp8Ojb1xyXG59XHJcblxyXG5pbnRlcmZhY2UgQWN0aW9uc1BhaUl0ZW0ge1xyXG4gIHNldmVyaXR5PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknO1xyXG4gIHZpc2libGU/OiBWYWx1ZU9yRm48Ym9vbGVhbiB8IHVuZGVmaW5lZD47XHJcbiAgY29tbWFuZDogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xyXG4gIGljb246IHN0cmluZztcclxufTtcclxuIl19
|
|
@@ -10,11 +10,11 @@ export class KvButtonComponent {
|
|
|
10
10
|
this.onClick = new EventEmitter();
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonComponent, selector: "kv-button", inputs: { label: "label", icon: "icon", loading: "loading", disabled: "disabled", type: "type", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n class=\"kv-button kv-{{ size }} kv-{{ type }} {{!label ? 'only-icon' : ''}} {{loading ? 'loading' : ''}} {{!icon ? 'only-label' : ''}}\"\r\n [disabled]=\"disabled || loading\"\r\n (click)=\"onClick.emit($event)\"\r\n>\r\n<span *ngIf=\"loading\" class=\"material-symbols-outlined loading icon-{{ size }} {{!label ? 'only-icon' : ''}}\">progress_activity</span>\r\n\r\n<span *ngIf=\"icon && !loading\" class=\"material-symbols-outlined icon-{{ size }} {{!label ? 'only-icon' : ''}}\">{{ icon }}</span>\r\n<span *ngIf=\"label\">\r\n {{ label }}\r\n</span>\r\n</button>", styles: ["@charset \"UTF-8\";.kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s;width:100%}.kv-button:disabled{opacity:.4}.kv-button.kv-small{font-size:.75rem;font-weight:550}.kv-button.kv-normal{font-size:1rem}.kv-button.kv-large{font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;opacity:.
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonComponent, selector: "kv-button", inputs: { label: "label", icon: "icon", loading: "loading", disabled: "disabled", type: "type", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n class=\"kv-button kv-{{ size }} kv-{{ type }} {{!label ? 'only-icon' : ''}} {{loading ? 'loading' : ''}} {{!icon ? 'only-label' : ''}}\"\r\n [disabled]=\"disabled || loading\"\r\n (click)=\"onClick.emit($event)\"\r\n>\r\n<span *ngIf=\"loading\" class=\"material-symbols-outlined loading icon-{{ size }} {{!label ? 'only-icon' : ''}}\">progress_activity</span>\r\n\r\n<span *ngIf=\"icon && !loading\" class=\"material-symbols-outlined icon-{{ size }} {{!label ? 'only-icon' : ''}}\">{{ icon }}</span>\r\n<span *ngIf=\"label\">\r\n {{ label }}\r\n</span>\r\n</button>", styles: ["@charset \"UTF-8\";.kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s;width:100%}.kv-button:disabled{opacity:.4}.kv-button.kv-small{font-size:.75rem;font-weight:550}.kv-button.kv-normal{font-size:1rem}.kv-button.kv-large{font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;opacity:.6;cursor:auto}.kv-button.kv-secondary{background-color:#004172}.kv-button.kv-secondary:hover,.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.6;cursor:auto}.kv-button.kv-tertiary{color:#212121;background-color:#f2f3f5}.kv-button.kv-tertiary:hover{background-color:#d9dadb}.kv-button.kv-tertiary:active{background-color:#c0c1c2}.kv-button.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.6;cursor:auto}.kv-button.only-icon.kv-small,.kv-button.only-icon.kv-normal,.kv-button.only-icon.kv-large{padding:.4rem}.kv-button.kv-small:not(.only-icon){padding:.4rem .7rem}.kv-button.kv-normal:not(.only-icon){padding:.5rem .8rem}.kv-button.kv-large:not(.only-icon){padding:.6rem .9rem}.kv-button.kv-normal.only-label:not(.loading){padding:.55rem .8rem}.material-symbols-outlined{font-weight:500}.material-symbols-outlined.icon-small{font-size:.75rem}.material-symbols-outlined.icon-normal{font-size:1.2rem}.material-symbols-outlined.icon-large{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-small{font-size:.75rem}.material-symbols-outlined.only-icon.icon-normal{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-large{font-size:1.8rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined.loading{display:inline-block;animation:rotate 1s linear infinite}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'kv-button', template: "<button\r\n class=\"kv-button kv-{{ size }} kv-{{ type }} {{!label ? 'only-icon' : ''}} {{loading ? 'loading' : ''}} {{!icon ? 'only-label' : ''}}\"\r\n [disabled]=\"disabled || loading\"\r\n (click)=\"onClick.emit($event)\"\r\n>\r\n<span *ngIf=\"loading\" class=\"material-symbols-outlined loading icon-{{ size }} {{!label ? 'only-icon' : ''}}\">progress_activity</span>\r\n\r\n<span *ngIf=\"icon && !loading\" class=\"material-symbols-outlined icon-{{ size }} {{!label ? 'only-icon' : ''}}\">{{ icon }}</span>\r\n<span *ngIf=\"label\">\r\n {{ label }}\r\n</span>\r\n</button>", styles: ["@charset \"UTF-8\";.kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s;width:100%}.kv-button:disabled{opacity:.4}.kv-button.kv-small{font-size:.75rem;font-weight:550}.kv-button.kv-normal{font-size:1rem}.kv-button.kv-large{font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;opacity:.
|
|
17
|
+
args: [{ selector: 'kv-button', template: "<button\r\n class=\"kv-button kv-{{ size }} kv-{{ type }} {{!label ? 'only-icon' : ''}} {{loading ? 'loading' : ''}} {{!icon ? 'only-label' : ''}}\"\r\n [disabled]=\"disabled || loading\"\r\n (click)=\"onClick.emit($event)\"\r\n>\r\n<span *ngIf=\"loading\" class=\"material-symbols-outlined loading icon-{{ size }} {{!label ? 'only-icon' : ''}}\">progress_activity</span>\r\n\r\n<span *ngIf=\"icon && !loading\" class=\"material-symbols-outlined icon-{{ size }} {{!label ? 'only-icon' : ''}}\">{{ icon }}</span>\r\n<span *ngIf=\"label\">\r\n {{ label }}\r\n</span>\r\n</button>", styles: ["@charset \"UTF-8\";.kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s;width:100%}.kv-button:disabled{opacity:.4}.kv-button.kv-small{font-size:.75rem;font-weight:550}.kv-button.kv-normal{font-size:1rem}.kv-button.kv-large{font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;opacity:.6;cursor:auto}.kv-button.kv-secondary{background-color:#004172}.kv-button.kv-secondary:hover,.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.6;cursor:auto}.kv-button.kv-tertiary{color:#212121;background-color:#f2f3f5}.kv-button.kv-tertiary:hover{background-color:#d9dadb}.kv-button.kv-tertiary:active{background-color:#c0c1c2}.kv-button.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.6;cursor:auto}.kv-button.only-icon.kv-small,.kv-button.only-icon.kv-normal,.kv-button.only-icon.kv-large{padding:.4rem}.kv-button.kv-small:not(.only-icon){padding:.4rem .7rem}.kv-button.kv-normal:not(.only-icon){padding:.5rem .8rem}.kv-button.kv-large:not(.only-icon){padding:.6rem .9rem}.kv-button.kv-normal.only-label:not(.loading){padding:.55rem .8rem}.material-symbols-outlined{font-weight:500}.material-symbols-outlined.icon-small{font-size:.75rem}.material-symbols-outlined.icon-normal{font-size:1.2rem}.material-symbols-outlined.icon-large{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-small{font-size:.75rem}.material-symbols-outlined.only-icon.icon-normal{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-large{font-size:1.8rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined.loading{display:inline-block;animation:rotate 1s linear infinite}\n"] }]
|
|
18
18
|
}], ctorParameters: () => [], propDecorators: { label: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], icon: [{
|
|
@@ -18,11 +18,11 @@ export class KvCheckComponent extends BaseComponentInput {
|
|
|
18
18
|
this.onCheckChange.emit(event);
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCheckComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(KvCheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n <p-checkbox\r\n [binary]=\"true\"\r\n [disabled]=\"disabled\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (onChange)=\"emitOnCheckChange($event)\"\r\n >\r\n </p-checkbox>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(KvCheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n <p-checkbox\r\n [binary]=\"true\"\r\n [disabled]=\"disabled\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (onChange)=\"emitOnCheckChange($event)\"\r\n >\r\n </p-checkbox>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCheckComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'kv-check', providers: ComponentProviders(KvCheckComponent), template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n <p-checkbox\r\n [binary]=\"true\"\r\n [disabled]=\"disabled\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (onChange)=\"emitOnCheckChange($event)\"\r\n >\r\n </p-checkbox>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#
|
|
25
|
+
args: [{ selector: 'kv-check', providers: ComponentProviders(KvCheckComponent), template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n <p-checkbox\r\n [binary]=\"true\"\r\n [disabled]=\"disabled\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (onChange)=\"emitOnCheckChange($event)\"\r\n >\r\n </p-checkbox>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
|
|
26
26
|
}], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { onCheckChange: [{
|
|
27
27
|
type: Output
|
|
28
28
|
}] } });
|
|
@@ -37,11 +37,11 @@ export class KvRadioGroupComponent extends BaseComponentInput {
|
|
|
37
37
|
this.onSelectedOption.emit(event.value.id);
|
|
38
38
|
}
|
|
39
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label && (label + (showAsterisk ? '*' : ''))\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option.id\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option.id\" class=\"radio-option-label\">\r\n {{ option.description }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label && (label + (showAsterisk ? '*' : ''))\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option.id\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option.id\" class=\"radio-option-label\">\r\n {{ option.description }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#004172;background:#004172}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i6.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label && (label + (showAsterisk ? '*' : ''))\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option.id\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option.id\" class=\"radio-option-label\">\r\n {{ option.description }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#
|
|
44
|
+
args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label && (label + (showAsterisk ? '*' : ''))\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option.id\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option.id\" class=\"radio-option-label\">\r\n {{ option.description }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#004172;background:#004172}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
|
|
45
45
|
}], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { options: [{
|
|
46
46
|
type: Input
|
|
47
47
|
}], optionValueDefault: [{
|
|
@@ -26,11 +26,11 @@ export class KvSwitchComponent extends BaseComponentInput {
|
|
|
26
26
|
this.onSwitchChange.emit(event);
|
|
27
27
|
}
|
|
28
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div>\r\n <div>\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n\r\n @if(label) {\r\n <label [for]=\"componentId\" class=\"label-switch\">{{ label }}</label>\r\n }\r\n </div>\r\n\r\n <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\r\n erroMessage()\r\n }}</kv-error>\r\n</div>\r\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;left:4px}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div>\r\n <div>\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n\r\n @if(label) {\r\n <label [for]=\"componentId\" class=\"label-switch\">{{ label }}</label>\r\n }\r\n </div>\r\n\r\n <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\r\n erroMessage()\r\n }}</kv-error>\r\n</div>\r\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;left:4px}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#004172}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:hover{background-color:#002542}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:active{background-color:#002542}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:disabled{background-color:#002542;opacity:.4;cursor:auto}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div>\r\n <div>\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n\r\n @if(label) {\r\n <label [for]=\"componentId\" class=\"label-switch\">{{ label }}</label>\r\n }\r\n </div>\r\n\r\n <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\r\n erroMessage()\r\n }}</kv-error>\r\n</div>\r\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;left:4px}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#
|
|
33
|
+
args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div>\r\n <div>\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n\r\n @if(label) {\r\n <label [for]=\"componentId\" class=\"label-switch\">{{ label }}</label>\r\n }\r\n </div>\r\n\r\n <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\r\n erroMessage()\r\n }}</kv-error>\r\n</div>\r\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;left:4px}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#004172}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:hover{background-color:#002542}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:active{background-color:#002542}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:disabled{background-color:#002542;opacity:.4;cursor:auto}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
|
|
34
34
|
}], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { readonly: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], switchValue: [{
|
|
@@ -25,11 +25,11 @@ export class ProgressBarComponent {
|
|
|
25
25
|
this.mode = 'determinate';
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: ProgressBarComponent, selector: "kv-progress-bar", inputs: { value: "value", maxValue: "maxValue", label: "label", showValue: "showValue", showLabel: "showLabel", styleClass: "styleClass", labelStyleClass: "labelStyleClass", barStyleClass: "barStyleClass", style: "style", unit: "unit", mode: "mode", color: "color" }, ngImport: i0, template: "<div\r\n role=\"progressbar\"\r\n [class]=\"styleClass ? styleClass : ''\"\r\n [ngStyle]=\"style\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuenow]=\"value\"\r\n [attr.aria-valuemax]=\"100\"\r\n [attr.data-pc-name]=\"'progressbar'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n [ngClass]=\"{'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate'}\"\r\n>\r\n @if(mode === 'determinate') {\r\n <div class=\"p-progressbar-value p-progressbar-value-animate {{ barStyleClass }} font-semibold\"\r\n [style.width]=\"maxValue && value ? (value / maxValue) * 100 + '%' : value + '%'\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n\r\n <div\r\n class=\"p-progressbar-label {{ labelStyleClass }} w-full\"\r\n [attr.data-pc-section]=\"'label'\"\r\n >\r\n <label *ngIf=\"showValue && maxValue\">{{ value }}/{{ maxValue }}</label>\r\n <label *ngIf=\"showValue && !maxValue\">{{ value }}%</label>\r\n <label *ngIf=\"showLabel\">{{ label }}</label>\r\n </div>\r\n } @if(mode === 'indeterminate') {\r\n <div\r\n class=\"p-progressbar-indeterminate-container\"\r\n [attr.data-pc-section]=\"'container'\"\r\n >\r\n <div\r\n class=\"p-progressbar-value p-progressbar-value-animate\"\r\n [style.background]=\"color\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n </div>\r\n }\r\n</div>\r\n", styles: ["@layer primeng{.p-progressbar{position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{color:#fff!important;text-shadow:-.4px -.4px 0 #002542,.4px -.4px 0 #002542,-.4px .4px 0 #002542,.4px .4px 0 #002542;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.p-progressbar-determinate .p-progressbar-value-animate{background-color:#
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: ProgressBarComponent, selector: "kv-progress-bar", inputs: { value: "value", maxValue: "maxValue", label: "label", showValue: "showValue", showLabel: "showLabel", styleClass: "styleClass", labelStyleClass: "labelStyleClass", barStyleClass: "barStyleClass", style: "style", unit: "unit", mode: "mode", color: "color" }, ngImport: i0, template: "<div\r\n role=\"progressbar\"\r\n [class]=\"styleClass ? styleClass : ''\"\r\n [ngStyle]=\"style\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuenow]=\"value\"\r\n [attr.aria-valuemax]=\"100\"\r\n [attr.data-pc-name]=\"'progressbar'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n [ngClass]=\"{'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate'}\"\r\n>\r\n @if(mode === 'determinate') {\r\n <div class=\"p-progressbar-value p-progressbar-value-animate {{ barStyleClass }} font-semibold\"\r\n [style.width]=\"maxValue && value ? (value / maxValue) * 100 + '%' : value + '%'\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n\r\n <div\r\n class=\"p-progressbar-label {{ labelStyleClass }} w-full\"\r\n [attr.data-pc-section]=\"'label'\"\r\n >\r\n <label *ngIf=\"showValue && maxValue\">{{ value }}/{{ maxValue }}</label>\r\n <label *ngIf=\"showValue && !maxValue\">{{ value }}%</label>\r\n <label *ngIf=\"showLabel\">{{ label }}</label>\r\n </div>\r\n } @if(mode === 'indeterminate') {\r\n <div\r\n class=\"p-progressbar-indeterminate-container\"\r\n [attr.data-pc-section]=\"'container'\"\r\n >\r\n <div\r\n class=\"p-progressbar-value p-progressbar-value-animate\"\r\n [style.background]=\"color\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n </div>\r\n }\r\n</div>\r\n", styles: ["@layer primeng{.p-progressbar{background-color:#c0c1c2;position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{color:#fff!important;text-shadow:-.4px -.4px 0 #002542,.4px -.4px 0 #002542,-.4px .4px 0 #002542,.4px .4px 0 #002542;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.p-progressbar-determinate .p-progressbar-value-animate{background-color:#004172!important;transition:width 1s ease-in-out}.p-progressbar-indeterminate .p-progressbar-value:before{background-color:#004172!important;content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.p-progressbar-indeterminate .p-progressbar-value:after{background-color:#004172!important;content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
29
29
|
}
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
|
-
args: [{ selector: 'kv-progress-bar', template: "<div\r\n role=\"progressbar\"\r\n [class]=\"styleClass ? styleClass : ''\"\r\n [ngStyle]=\"style\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuenow]=\"value\"\r\n [attr.aria-valuemax]=\"100\"\r\n [attr.data-pc-name]=\"'progressbar'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n [ngClass]=\"{'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate'}\"\r\n>\r\n @if(mode === 'determinate') {\r\n <div class=\"p-progressbar-value p-progressbar-value-animate {{ barStyleClass }} font-semibold\"\r\n [style.width]=\"maxValue && value ? (value / maxValue) * 100 + '%' : value + '%'\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n\r\n <div\r\n class=\"p-progressbar-label {{ labelStyleClass }} w-full\"\r\n [attr.data-pc-section]=\"'label'\"\r\n >\r\n <label *ngIf=\"showValue && maxValue\">{{ value }}/{{ maxValue }}</label>\r\n <label *ngIf=\"showValue && !maxValue\">{{ value }}%</label>\r\n <label *ngIf=\"showLabel\">{{ label }}</label>\r\n </div>\r\n } @if(mode === 'indeterminate') {\r\n <div\r\n class=\"p-progressbar-indeterminate-container\"\r\n [attr.data-pc-section]=\"'container'\"\r\n >\r\n <div\r\n class=\"p-progressbar-value p-progressbar-value-animate\"\r\n [style.background]=\"color\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n </div>\r\n }\r\n</div>\r\n", styles: ["@layer primeng{.p-progressbar{position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{color:#fff!important;text-shadow:-.4px -.4px 0 #002542,.4px -.4px 0 #002542,-.4px .4px 0 #002542,.4px .4px 0 #002542;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.p-progressbar-determinate .p-progressbar-value-animate{background-color:#
|
|
32
|
+
args: [{ selector: 'kv-progress-bar', template: "<div\r\n role=\"progressbar\"\r\n [class]=\"styleClass ? styleClass : ''\"\r\n [ngStyle]=\"style\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuenow]=\"value\"\r\n [attr.aria-valuemax]=\"100\"\r\n [attr.data-pc-name]=\"'progressbar'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n [ngClass]=\"{'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate'}\"\r\n>\r\n @if(mode === 'determinate') {\r\n <div class=\"p-progressbar-value p-progressbar-value-animate {{ barStyleClass }} font-semibold\"\r\n [style.width]=\"maxValue && value ? (value / maxValue) * 100 + '%' : value + '%'\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n\r\n <div\r\n class=\"p-progressbar-label {{ labelStyleClass }} w-full\"\r\n [attr.data-pc-section]=\"'label'\"\r\n >\r\n <label *ngIf=\"showValue && maxValue\">{{ value }}/{{ maxValue }}</label>\r\n <label *ngIf=\"showValue && !maxValue\">{{ value }}%</label>\r\n <label *ngIf=\"showLabel\">{{ label }}</label>\r\n </div>\r\n } @if(mode === 'indeterminate') {\r\n <div\r\n class=\"p-progressbar-indeterminate-container\"\r\n [attr.data-pc-section]=\"'container'\"\r\n >\r\n <div\r\n class=\"p-progressbar-value p-progressbar-value-animate\"\r\n [style.background]=\"color\"\r\n [attr.data-pc-section]=\"'value'\"\r\n ></div>\r\n </div>\r\n }\r\n</div>\r\n", styles: ["@layer primeng{.p-progressbar{background-color:#c0c1c2;position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{color:#fff!important;text-shadow:-.4px -.4px 0 #002542,.4px -.4px 0 #002542,-.4px .4px 0 #002542,.4px .4px 0 #002542;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.p-progressbar-determinate .p-progressbar-value-animate{background-color:#004172!important;transition:width 1s ease-in-out}.p-progressbar-indeterminate .p-progressbar-value:before{background-color:#004172!important;content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.p-progressbar-indeterminate .p-progressbar-value:after{background-color:#004172!important;content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\n"] }]
|
|
33
33
|
}], propDecorators: { value: [{
|
|
34
34
|
type: Input
|
|
35
35
|
}], maxValue: [{
|