@progress-chef/platform-shared-components 0.0.81 → 0.0.82
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/atoms/clipboard/clipboard.component.mjs +3 -3
- package/esm2022/lib/atoms/text-area/text-area.component.mjs +18 -3
- package/esm2022/lib/molecules/card/card.component.mjs +2 -2
- package/fesm2022/progress-chef-platform-shared-components.mjs +21 -6
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/text-area/text-area.component.d.ts +5 -1
- package/package.json +1 -1
|
@@ -87,11 +87,11 @@ export class ClipboardComponent {
|
|
|
87
87
|
this.tooltipText = this.preCopyText;
|
|
88
88
|
}
|
|
89
89
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText" }, ngImport: i0, template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color
|
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText" }, ngImport: i0, template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\" type=\"BUTTON_REGULAR\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color:transparent;border:1px solid #0069FF}.clipboard:hover{color:#174af0;background-color:transparent;border:1px solid #0069FF}.clipboard:active{color:#0e3dd5}.clipboard lib-icon,.clipboard lib-typography{color:#0069ff}.clipboard lib-typography{padding-left:4px}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: i2.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i3.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: i4.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
91
91
|
}
|
|
92
92
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, decorators: [{
|
|
93
93
|
type: Component,
|
|
94
|
-
args: [{ selector: 'lib-clipboard', template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color
|
|
94
|
+
args: [{ selector: 'lib-clipboard', template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\" type=\"BUTTON_REGULAR\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color:transparent;border:1px solid #0069FF}.clipboard:hover{color:#174af0;background-color:transparent;border:1px solid #0069FF}.clipboard:active{color:#0e3dd5}.clipboard lib-icon,.clipboard lib-typography{color:#0069ff}.clipboard lib-typography{padding-left:4px}.cb-tooltip-text{padding:.25rem}\n"] }]
|
|
95
95
|
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { clipboardData: [{
|
|
96
96
|
type: Input
|
|
97
97
|
}], tooltipPosition: [{
|
|
@@ -101,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
101
101
|
}], postCopyText: [{
|
|
102
102
|
type: Input
|
|
103
103
|
}] } });
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpcGJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NsaXBib2FyZC9jbGlwYm9hcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvY2xpcGJvYXJkL2NsaXBib2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXpELE1BQU0sT0FBTyxrQkFBa0I7SUFRN0IsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUFOdEMsa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFDM0Isb0JBQWUsR0FBd0MsS0FBSyxDQUFDO1FBQzdELGdCQUFXLEdBQVcsTUFBTSxDQUFDO1FBQzdCLGlCQUFZLEdBQVcsU0FBUyxDQUFDO1FBQzFDLGdCQUFXLEdBQVcsRUFBRSxDQUFDO0lBRTBCLENBQUM7SUFFcEQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN0QyxDQUFDO0lBRUQsS0FBSyxDQUFDLGVBQWU7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDM0QsTUFBTSxJQUFJLEtBQUssQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1NBQ3REO1FBQ0QsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNwQyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDdkMsQ0FBQztJQUVEOzs7T0FHRztJQUNILEtBQUssQ0FBQyxJQUFJLENBQUMsYUFBcUI7UUFDOUIsZ0VBQWdFO1FBQ2hFLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUU7WUFDOUIsMkNBQTJDO1lBQzNDLE1BQU0sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNyQyxPQUFPO1NBQ1I7UUFFRCx1REFBdUQ7UUFDdkQsTUFBTSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxLQUFLLENBQUMsVUFBVSxDQUFDLGFBQXFCO1FBQ3BDLElBQUk7WUFDRixpREFBaUQ7WUFDakQsTUFBTSxNQUFNLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDM0Q7UUFBQyxPQUFPLEdBQUcsRUFBRTtZQUNaLHlEQUF5RDtZQUN6RCxPQUFPLENBQUMsR0FBRyxDQUFDLCtFQUErRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQ2xHLDJEQUEyRDtZQUMzRCxNQUFNLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDdEM7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBcUI7UUFDcEMsT0FBTyxJQUFJLE9BQU8sQ0FBVSxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRTtZQUM5QyxJQUFJO2dCQUNGLDhDQUE4QztnQkFDOUMsTUFBTSxFQUFFLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDOUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO2dCQUM1QixFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7Z0JBQzFCLEVBQUUsQ0FBQyxLQUFLLEdBQUcsYUFBYSxDQUFDO2dCQUV6QiwwQ0FBMEM7Z0JBQzFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUU5QiwwREFBMEQ7Z0JBQzFELEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDWixNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUU1Qyw0Q0FBNEM7Z0JBQzVDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUU5Qix3REFBd0Q7Z0JBQ3hELE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQzthQUNqQjtZQUFDLE9BQU8sR0FBRyxFQUFFO2dCQUNaLDJFQUEyRTtnQkFDM0UsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ2I7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCw4RUFBOEU7SUFDOUUsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3RDLENBQUM7K0dBMUZVLGtCQUFrQjttR0FBbEIsa0JBQWtCLCtMQ1IvQix1Y0FTQTs7NEZERGEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGVBQWU7b0dBTWhCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1jbGlwYm9hcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2xpcGJvYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2xpcGJvYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2xpcGJvYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBjbGlwYm9hcmREYXRhOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICd0b3AnIHwgJ2JvdHRvbScgfCAnbGVmdCcgfCAncmlnaHQnID0gJ3RvcCc7XG4gIEBJbnB1dCgpIHByZUNvcHlUZXh0OiBzdHJpbmcgPSBcIkNvcHlcIjtcbiAgQElucHV0KCkgcG9zdENvcHlUZXh0OiBzdHJpbmcgPSBcIkNvcGllZCFcIjtcbiAgdG9vbHRpcFRleHQ6IHN0cmluZyA9IFwiXCI7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOlRoZW1lc1NlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudG9vbHRpcFRleHQgPSB0aGlzLnByZUNvcHlUZXh0O1xuICB9XG5cbiAgYXN5bmMgY29weVRvQ2xpcGJvYXJkKCkge1xuICAgIGlmICghdGhpcy5jbGlwYm9hcmREYXRhIHx8IHRoaXMuY2xpcGJvYXJkRGF0YS50cmltKCkgPT09ICcnKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ1RleHQgdG8gY29weSBpcyBlbXB0eSBvciBpbnZhbGlkLicpO1xuICAgIH1cbiAgICBhd2FpdCB0aGlzLmNvcHkodGhpcy5jbGlwYm9hcmREYXRhKTtcbiAgICB0aGlzLnRvb2x0aXBUZXh0ID0gdGhpcy5wb3N0Q29weVRleHQ7XG4gIH1cblxuICAvKipcbiAgICogQXN5bmNocm9ub3VzbHkgY29waWVzIHRleHQgdG8gdGhlIGNsaXBib2FyZC5cbiAgICogQHBhcmFtIGNsaXBib2FyZERhdGEgVGhlIHRleHQgdG8gYmUgY29waWVkIHRvIHRoZSBjbGlwYm9hcmQuXG4gICAqL1xuICBhc3luYyBjb3B5KGNsaXBib2FyZERhdGE6IHN0cmluZykge1xuICAgIC8vIENoZWNrIGlmIHRoZSBtb2Rlcm4gQ2xpcGJvYXJkIEFQSSBpcyBzdXBwb3J0ZWQgaW4gdGhlIGJyb3dzZXJcbiAgICBpZiAod2luZG93Lm5hdmlnYXRvci5jbGlwYm9hcmQpIHtcbiAgICAgIC8vIElmIHN1cHBvcnRlZCwgdXNlIHRoZSBtb2Rlcm4gY29weSBtZXRob2RcbiAgICAgIGF3YWl0IHRoaXMuY29weU1vZGVybihjbGlwYm9hcmREYXRhKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBJZiBub3Qgc3VwcG9ydGVkLCBmYWxsYmFjayB0byB0aGUgbGVnYWN5IGNvcHkgbWV0aG9kXG4gICAgYXdhaXQgdGhpcy5jb3B5TGVnYWN5KGNsaXBib2FyZERhdGEpO1xuICB9XG5cbiAgLyoqXG4gICAqIEFzeW5jaHJvbm91c2x5IGNvcGllcyB0ZXh0IHRvIHRoZSBjbGlwYm9hcmQgdXNpbmcgdGhlIG1vZGVybiBDbGlwYm9hcmQgQVBJLlxuICAgKiBAcGFyYW0gY2xpcGJvYXJkRGF0YSBUaGUgdGV4dCB0byBiZSBjb3BpZWQgdG8gdGhlIGNsaXBib2FyZC5cbiAgICovXG4gIGFzeW5jIGNvcHlNb2Rlcm4oY2xpcGJvYXJkRGF0YTogc3RyaW5nKSB7XG4gICAgdHJ5IHtcbiAgICAgIC8vIEF0dGVtcHQgdG8gY29weSB1c2luZyB0aGUgbW9kZXJuIENsaXBib2FyZCBBUElcbiAgICAgIGF3YWl0IHdpbmRvdy5uYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dChjbGlwYm9hcmREYXRhKTtcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIC8vIEhhbmRsZSBhbnkgZXJyb3JzIHRoYXQgb2NjdXIgZHVyaW5nIHRoZSBjb3B5IG9wZXJhdGlvblxuICAgICAgY29uc29sZS5sb2coXCJFcnJvciB1c2luZyB0aGUgbW9kZXJuIENsaXBib2FyZCBBUElbd2luZG93Lm5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0XTpcXG5cIiwgZXJyKTtcbiAgICAgIC8vIElmIHRoZXJlJ3MgYW4gZXJyb3IsIGZhbGwgYmFjayB0byB0aGUgbGVnYWN5IGNvcHkgbWV0aG9kXG4gICAgICBhd2FpdCB0aGlzLmNvcHlMZWdhY3koY2xpcGJvYXJkRGF0YSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEFzeW5jaHJvbm91c2x5IGNvcGllcyB0ZXh0IHRvIHRoZSBjbGlwYm9hcmQgdXNpbmcgYSBsZWdhY3kgbWV0aG9kLlxuICAgKiBAcGFyYW0gY2xpcGJvYXJkRGF0YSBUaGUgdGV4dCB0byBiZSBjb3BpZWQgdG8gdGhlIGNsaXBib2FyZC5cbiAgICogQHJldHVybnMgQSBQcm9taXNlIHRoYXQgcmVzb2x2ZXMgd2l0aCBhIGJvb2xlYW4gaW5kaWNhdGluZyBzdWNjZXNzLlxuICAgKi9cbiAgYXN5bmMgY29weUxlZ2FjeShjbGlwYm9hcmREYXRhOiBzdHJpbmcpOiBQcm9taXNlPGJvb2xlYW4+IHtcbiAgICByZXR1cm4gbmV3IFByb21pc2U8Ym9vbGVhbj4oKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgdHJ5IHtcbiAgICAgICAgLy8gQ3JlYXRlIGEgaGlkZGVuIHRleHRhcmVhIGVsZW1lbnQgb2ZmLXNjcmVlblxuICAgICAgICBjb25zdCBlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3RleHRhcmVhJyk7XG4gICAgICAgIGVsLnN0eWxlLnBvc2l0aW9uID0gJ2ZpeGVkJztcbiAgICAgICAgZWwuc3R5bGUubGVmdCA9ICctOTk5OXB4JztcbiAgICAgICAgZWwudmFsdWUgPSBjbGlwYm9hcmREYXRhO1xuXG4gICAgICAgIC8vIEFwcGVuZCB0aGUgZWxlbWVudCB0byB0aGUgZG9jdW1lbnQgYm9keVxuICAgICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGVsKTtcblxuICAgICAgICAvLyBTZWxlY3QgdGhlIHRleHQgd2l0aGluIHRoZSB0ZXh0YXJlYSBhbmQgYXR0ZW1wdCB0byBjb3B5XG4gICAgICAgIGVsLnNlbGVjdCgpO1xuICAgICAgICBjb25zdCBjb3BpZWQgPSBkb2N1bWVudC5leGVjQ29tbWFuZCgnY29weScpO1xuXG4gICAgICAgIC8vIENsZWFuIHVwIGJ5IHJlbW92aW5nIHRoZSB0ZXh0YXJlYSBlbGVtZW50XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoZWwpO1xuXG4gICAgICAgIC8vIFJlc29sdmUgdGhlIFByb21pc2Ugd2l0aCBhIGJvb2xlYW4gaW5kaWNhdGluZyBzdWNjZXNzXG4gICAgICAgIHJlc29sdmUoY29waWVkKTtcbiAgICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgICAvLyBJZiB0aGVyZSdzIGFuIGVycm9yIGR1cmluZyB0aGUgbGVnYWN5IGNvcHkgb3BlcmF0aW9uLCByZWplY3QgdGhlIFByb21pc2VcbiAgICAgICAgcmVqZWN0KGVycik7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICAvLyBPbmNlIG1vdXNlIGxlYXZlIHRoZSBhY3Rpb24gYnV0dG9uIHJldmVydGluZyB0aGUgdG9vbHRpcCB0byBvcmlnaW5hbCBzdGF0ZS5cbiAgcmV2ZXJ0VG9vbHRpcFRleHQoKSB7XG4gICAgdGhpcy50b29sdGlwVGV4dCA9IHRoaXMucHJlQ29weVRleHQ7XG4gIH1cblxufVxuIiwiPGxpYi10b29sdGlwIFtjYWxsb3V0XT1cInRydWVcIiBbcG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCIgW3Nob3dPbl09XCIgISF0b29sdGlwVGV4dCA9PT0gZmFsc2UgPyAnbm9uZScgOiAnaG92ZXInIFwiPlxuICA8ZGl2IGNsYXNzPVwiY2xpcGJvYXJkXCIgIChjbGljayk9XCJjb3B5VG9DbGlwYm9hcmQoKVwiIChtb3VzZWxlYXZlKT1cInJldmVydFRvb2x0aXBUZXh0KClcIj5cbiAgICA8bGliLWljb24gbmFtZT1cImNvcHlcIj48L2xpYi1pY29uPlxuICAgIDxsaWItdHlwb2dyYXBoeSBkZWZhdWx0VGV4dD1cIkNvcHlcIiB0eXBlPVwiQlVUVE9OX1JFR1VMQVJcIj48L2xpYi10eXBvZ3JhcGh5PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNiLXRvb2x0aXAtdGV4dCB0b29sdGlwLWNvbnRlbnRcIj5cbiAgICB7e3Rvb2x0aXBUZXh0fX1cbiAgPC9kaXY+XG48L2xpYi10b29sdGlwPlxuIl19
|
|
@@ -22,6 +22,9 @@ export class TextareaComponent {
|
|
|
22
22
|
this.showError = false;
|
|
23
23
|
this.errorMessage = "Error";
|
|
24
24
|
this.control = new FormControl();
|
|
25
|
+
this.fillMode = 'solid';
|
|
26
|
+
this.size = 'medium';
|
|
27
|
+
this.rounded = 'medium';
|
|
25
28
|
this.inputChange = new EventEmitter();
|
|
26
29
|
this.emitOnBlur = new EventEmitter();
|
|
27
30
|
this.emitOnFocus = new EventEmitter();
|
|
@@ -35,12 +38,18 @@ export class TextareaComponent {
|
|
|
35
38
|
onFocus() {
|
|
36
39
|
this.emitOnFocus.emit();
|
|
37
40
|
}
|
|
41
|
+
customCss() {
|
|
42
|
+
if (this.fillMode == 'none') {
|
|
43
|
+
return "custom-fillMode";
|
|
44
|
+
}
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
38
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", showError: "showError", errorMessage: "errorMessage", control: "control", focus: "focus" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", showError: "showError", errorMessage: "errorMessage", control: "control", focus: "focus", fillMode: "fillMode", size: "size", rounded: "rounded" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\" [fillMode]=\"fillMode\"\n [size]=\"size\" [rounded]=\"rounded\" [ngClass]=\"customCss()\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}.custom-fillMode{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
40
49
|
}
|
|
41
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
42
51
|
type: Component,
|
|
43
|
-
args: [{ selector: 'lib-text-area', template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"] }]
|
|
52
|
+
args: [{ selector: 'lib-text-area', template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\" [fillMode]=\"fillMode\"\n [size]=\"size\" [rounded]=\"rounded\" [ngClass]=\"customCss()\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}.custom-fillMode{border:none}\n"] }]
|
|
44
53
|
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { textarea: [{
|
|
45
54
|
type: ViewChild,
|
|
46
55
|
args: ['textarea', { static: false }]
|
|
@@ -68,6 +77,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
68
77
|
type: Input
|
|
69
78
|
}], focus: [{
|
|
70
79
|
type: Input
|
|
80
|
+
}], fillMode: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], size: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], rounded: [{
|
|
85
|
+
type: Input
|
|
71
86
|
}], inputChange: [{
|
|
72
87
|
type: Output
|
|
73
88
|
}], emitOnBlur: [{
|
|
@@ -75,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
75
90
|
}], emitOnFocus: [{
|
|
76
91
|
type: Output
|
|
77
92
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL3RleHQtYXJlYS90ZXh0LWFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvdGV4dC1hcmVhL3RleHQtYXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFTN0MsTUFBTSxPQUFPLGlCQUFpQjtJQWM1QixJQUNJLEtBQUssQ0FBQyxLQUFVO1FBQ2xCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksSUFBSSxDQUFDLE1BQU07WUFDYixJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDakQsQ0FBQztJQVNELFlBQW9CLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBekJ2QyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixjQUFTLEdBQWdELFVBQVUsQ0FBQztRQUNwRSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFJMUIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNsQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzVCLGlCQUFZLEdBQVcsT0FBTyxDQUFBO1FBQzlCLFlBQU8sR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQVF6QyxhQUFRLEdBQXlDLE9BQU8sQ0FBQztRQUN6RCxTQUFJLEdBQTBDLFFBQVEsQ0FBQztRQUN2RCxZQUFPLEdBQWtELFFBQVEsQ0FBQztRQUNqRSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRUMsQ0FBQztJQUVyRCxlQUFlLENBQUMsRUFBVTtRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBRyxJQUFJLENBQUMsUUFBUSxJQUFJLE1BQU0sRUFBQztZQUN6QixPQUFPLGlCQUFpQixDQUFBO1NBQ3pCO1FBQ0QsT0FBTTtJQUNSLENBQUM7K0dBL0NVLGlCQUFpQjttR0FBakIsaUJBQWlCLG9qQkNoQjlCLHdpQkFRQTs7NEZEUWEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7b0dBTWlCLFFBQVE7c0JBQWpELFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDL0IsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksU0FBUztzQkFBakIsS0FBSztnQkFDRSxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRixLQUFLO3NCQURSLEtBQUs7Z0JBT0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5pbXBvcnQgeyBUZXh0QXJlYUNvbXBvbmVudCB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWlucHV0cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10ZXh0LWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFDb21wb25lbnQge1xuXG4gIEBWaWV3Q2hpbGQoJ3RleHRhcmVhJywgeyBzdGF0aWM6IGZhbHNlIH0pIHRleHRhcmVhOiBUZXh0QXJlYUNvbXBvbmVudCB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSByZXNpemFibGU6ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCcgfCAnYm90aCcgfCAnbm9uZScgPSAndmVydGljYWwnO1xuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSByb3dzITogbnVtYmVyO1xuICBASW5wdXQoKSBjb2xzITogbnVtYmVyO1xuICBASW5wdXQoKSB3aWR0aCE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcnO1xuICAgQElucHV0KCkgc2hvd0Vycm9yOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZTogc3RyaW5nID0gXCJFcnJvclwiXG4gIEBJbnB1dCgpIGNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIEBJbnB1dCgpXG4gIHNldCBmb2N1cyh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5fZm9jdXMgPSB2YWx1ZTtcbiAgICBpZiAodGhpcy5fZm9jdXMpXG4gICAgICB0aGlzLnRleHRhcmVhPy5pbnB1dD8ubmF0aXZlRWxlbWVudD8uZm9jdXMoKTtcbiAgfVxuICBwcml2YXRlIF9mb2N1czogYW55O1xuICBASW5wdXQoKSBmaWxsTW9kZTpcInNvbGlkXCIgfCBcImZsYXRcIiB8IFwib3V0bGluZVwiIHwgXCJub25lXCIgPSAnc29saWQnO1xuICBASW5wdXQoKSBzaXplOiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiIHwgXCJub25lXCIgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgcm91bmRlZDpcInNtYWxsXCIgfCBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiIHwgXCJmdWxsXCIgfCBcIm5vbmVcIiA9ICdtZWRpdW0nO1xuICBAT3V0cHV0KCkgaW5wdXRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGVtaXRPbkJsdXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGVtaXRPbkZvY3VzID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOiBUaGVtZXNTZXJ2aWNlKSB7IH1cblxuICBlbWl0VmFsdWVDaGFuZ2UoZXY6IHN0cmluZykge1xuICAgIHRoaXMuaW5wdXRDaGFuZ2UuZW1pdChldik7XG4gIH1cblxuICBvbkJsdXIoKSB7XG4gICAgdGhpcy5lbWl0T25CbHVyLmVtaXQoKTtcbiAgfVxuXG4gIG9uRm9jdXMoKSB7XG4gICAgdGhpcy5lbWl0T25Gb2N1cy5lbWl0KCk7XG4gIH1cblxuICBjdXN0b21Dc3MoKXtcbiAgICBpZih0aGlzLmZpbGxNb2RlID09ICdub25lJyl7XG4gICAgICByZXR1cm4gXCJjdXN0b20tZmlsbE1vZGVcIlxuICAgIH1cbiAgICByZXR1cm5cbiAgfVxuXG59XG4iLCI8a2VuZG8tdGV4dGFyZWEgI3RleHRhcmVhIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFtyZXNpemFibGVdPVwicmVzaXphYmxlXCIgW3Jvd3NdPVwicm93c1wiIFtjb2xzXT1cImNvbHNcIlxuICBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIiBbKG5nTW9kZWwpXT1cInZhbHVlXCIgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIiAobmdNb2RlbENoYW5nZSk9XCJlbWl0VmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gIChibHVyKT1cIm9uQmx1cigpXCIgKGZvY3VzKT1cIm9uRm9jdXMoKVwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtmaWxsTW9kZV09XCJmaWxsTW9kZVwiXG4gIFtzaXplXT1cInNpemVcIiBbcm91bmRlZF09XCJyb3VuZGVkXCIgW25nQ2xhc3NdPVwiY3VzdG9tQ3NzKClcIj5cbjwva2VuZG8tdGV4dGFyZWE+XG48ZGl2ICpuZ0lmPVwic2hvd0Vycm9yXCI+XG4gIDxsaWItdHlwb2dyYXBoeSBbZGVmYXVsdFRleHRdPVwiZXJyb3JNZXNzYWdlXCIgY2xhc3M9XCJlcnJvci10ZXh0XCIgLz5cbjwvZGl2PlxuIl19
|
|
@@ -7,11 +7,11 @@ export class CardComponent {
|
|
|
7
7
|
this.orientation = 'vertical';
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:.5rem}\n"], dependencies: [{ kind: "component", type: i1.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }] }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'lib-card', template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius
|
|
14
|
+
args: [{ selector: 'lib-card', template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:.5rem}\n"] }]
|
|
15
15
|
}], propDecorators: { width: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], orientation: [{
|
|
@@ -1563,6 +1563,9 @@ class TextareaComponent {
|
|
|
1563
1563
|
this.showError = false;
|
|
1564
1564
|
this.errorMessage = "Error";
|
|
1565
1565
|
this.control = new FormControl();
|
|
1566
|
+
this.fillMode = 'solid';
|
|
1567
|
+
this.size = 'medium';
|
|
1568
|
+
this.rounded = 'medium';
|
|
1566
1569
|
this.inputChange = new EventEmitter();
|
|
1567
1570
|
this.emitOnBlur = new EventEmitter();
|
|
1568
1571
|
this.emitOnFocus = new EventEmitter();
|
|
@@ -1576,12 +1579,18 @@ class TextareaComponent {
|
|
|
1576
1579
|
onFocus() {
|
|
1577
1580
|
this.emitOnFocus.emit();
|
|
1578
1581
|
}
|
|
1582
|
+
customCss() {
|
|
1583
|
+
if (this.fillMode == 'none') {
|
|
1584
|
+
return "custom-fillMode";
|
|
1585
|
+
}
|
|
1586
|
+
return;
|
|
1587
|
+
}
|
|
1579
1588
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1580
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", showError: "showError", errorMessage: "errorMessage", control: "control", focus: "focus" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
1589
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", showError: "showError", errorMessage: "errorMessage", control: "control", focus: "focus", fillMode: "fillMode", size: "size", rounded: "rounded" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\" [fillMode]=\"fillMode\"\n [size]=\"size\" [rounded]=\"rounded\" [ngClass]=\"customCss()\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}.custom-fillMode{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
1581
1590
|
}
|
|
1582
1591
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
1583
1592
|
type: Component,
|
|
1584
|
-
args: [{ selector: 'lib-text-area', template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"] }]
|
|
1593
|
+
args: [{ selector: 'lib-text-area', template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\" [fillMode]=\"fillMode\"\n [size]=\"size\" [rounded]=\"rounded\" [ngClass]=\"customCss()\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}.custom-fillMode{border:none}\n"] }]
|
|
1585
1594
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { textarea: [{
|
|
1586
1595
|
type: ViewChild,
|
|
1587
1596
|
args: ['textarea', { static: false }]
|
|
@@ -1609,6 +1618,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1609
1618
|
type: Input
|
|
1610
1619
|
}], focus: [{
|
|
1611
1620
|
type: Input
|
|
1621
|
+
}], fillMode: [{
|
|
1622
|
+
type: Input
|
|
1623
|
+
}], size: [{
|
|
1624
|
+
type: Input
|
|
1625
|
+
}], rounded: [{
|
|
1626
|
+
type: Input
|
|
1612
1627
|
}], inputChange: [{
|
|
1613
1628
|
type: Output
|
|
1614
1629
|
}], emitOnBlur: [{
|
|
@@ -2192,11 +2207,11 @@ class ClipboardComponent {
|
|
|
2192
2207
|
this.tooltipText = this.preCopyText;
|
|
2193
2208
|
}
|
|
2194
2209
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2195
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText" }, ngImport: i0, template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color
|
|
2210
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText" }, ngImport: i0, template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\" type=\"BUTTON_REGULAR\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color:transparent;border:1px solid #0069FF}.clipboard:hover{color:#174af0;background-color:transparent;border:1px solid #0069FF}.clipboard:active{color:#0e3dd5}.clipboard lib-icon,.clipboard lib-typography{color:#0069ff}.clipboard lib-typography{padding-left:4px}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
2196
2211
|
}
|
|
2197
2212
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, decorators: [{
|
|
2198
2213
|
type: Component,
|
|
2199
|
-
args: [{ selector: 'lib-clipboard', template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color
|
|
2214
|
+
args: [{ selector: 'lib-clipboard', template: "<lib-tooltip [callout]=\"true\" [position]=\"tooltipPosition\" [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <div class=\"clipboard\" (click)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\">\n <lib-icon name=\"copy\"></lib-icon>\n <lib-typography defaultText=\"Copy\" type=\"BUTTON_REGULAR\"></lib-typography>\n </div>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: [".clipboard{color:#3864f2;width:5.375rem;height:2.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px;border-radius:.25rem;background-color:transparent;border:1px solid #0069FF}.clipboard:hover{color:#174af0;background-color:transparent;border:1px solid #0069FF}.clipboard:active{color:#0e3dd5}.clipboard lib-icon,.clipboard lib-typography{color:#0069ff}.clipboard lib-typography{padding-left:4px}.cb-tooltip-text{padding:.25rem}\n"] }]
|
|
2200
2215
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { clipboardData: [{
|
|
2201
2216
|
type: Input
|
|
2202
2217
|
}], tooltipPosition: [{
|
|
@@ -3462,11 +3477,11 @@ class CardComponent {
|
|
|
3462
3477
|
this.orientation = 'vertical';
|
|
3463
3478
|
}
|
|
3464
3479
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3465
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius
|
|
3480
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:.5rem}\n"], dependencies: [{ kind: "component", type: i2$1.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }] }); }
|
|
3466
3481
|
}
|
|
3467
3482
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
3468
3483
|
type: Component,
|
|
3469
|
-
args: [{ selector: 'lib-card', template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius
|
|
3484
|
+
args: [{ selector: 'lib-card', template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:.5rem}\n"] }]
|
|
3470
3485
|
}], propDecorators: { width: [{
|
|
3471
3486
|
type: Input
|
|
3472
3487
|
}], orientation: [{
|