@kms-ngx-ui/presentational 16.9.0 → 16.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/assets/icons.json +1 -0
- package/esm2022/lib/ui/icon/icon.component.mjs +3 -5
- package/fesm2022/kms-ngx-ui-presentational.mjs +2 -4
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/ui/icon/icon.component.d.ts +2 -5
- package/package.json +1 -1
- package/src/assets/icons.json +1 -0
- package/src/assets/sprite.svg +1 -0
- package/src/styles/default-values.scss +16 -0
- package/src/styles/styles.scss +18 -17
|
@@ -0,0 +1 @@
|
|
|
1
|
+
["arrow-down", "arrow-left", "arrow-right", "arrow-top", "calendar", "cardealer", "checkbox_active", "checkbox_inactive", "checkbox_inner", "checkmark-circle", "checkmark-filled", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "circle", "clock", "close", "cog", "collapse-right", "credit", "diamond", "download", "drag1", "edit-circle", "efficiency", "electro-cable", "end", "export-all", "facebook", "file-download", "file-upload", "floating_button", "floating_button_clear", "ic-car", "ic-invoice", "ic-policy", "ic_GEZ", "ic_abbrechen-filled", "ic_abbrechen", "ic_back", "ic_bereifung", "ic_bezeichnung", "ic_booking", "ic_car", "ic_check", "ic_co2", "ic_credit-card", "ic_edit", "ic_equipment", "ic_eye", "ic_eye_active", "ic_gkm", "ic_heart", "ic_heart_filled", "ic_historie", "ic_home", "ic_home_new", "ic_info", "ic_kraftstoff", "ic_language", "ic_last", "ic_laufleistung", "ic_left", "ic_lkm", "ic_lock", "ic_menu", "ic_minus", "ic_new-car", "ic_pickup", "ic_pin", "ic_plus", "ic_radiobutton_active", "ic_radiobutton_inactive", "ic_return", "ic_schaltung", "ic_settings", "ic_shops", "ic_slider", "ic_steuer_versicherung", "ic_used-car", "ic_vertrag", "ic_wartung_verschleiss", "ic_zulassung", "instagram", "linkedin", "mail", "map", "mileage", "palette", "pdf", "polestar", "position", "price-tag", "profile-filled", "profile", "profile2", "question-circle", "question-filled", "question", "search", "security", "start", "submenu-dots", "support", "trash", "tumblr", "twitter", "upload", "user-circle", "users", "whatsapp", "width", "xing", "youtube", "zahlung_active", "zahlungsanforderung"]
|
|
@@ -21,20 +21,18 @@ export class IconComponent {
|
|
|
21
21
|
this.IconSize = IconSize;
|
|
22
22
|
this.Version = VERSION.full;
|
|
23
23
|
this.timestamp = 0;
|
|
24
|
-
this.iconToShow = this.icon;
|
|
25
24
|
}
|
|
26
25
|
ngOnInit() {
|
|
27
|
-
this.iconToShow = this.icon;
|
|
28
26
|
const d = new Date();
|
|
29
27
|
const n = d.getTime();
|
|
30
28
|
this.timestamp = n;
|
|
31
29
|
}
|
|
32
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, selector: "kms-icon", inputs: { icon: "icon", iconClass: "iconClass", iconStyle: "iconStyle", iconSize: "iconSize", size: "size", dontUseSprite: "dontUseSprite" }, ngImport: i0, template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, selector: "kms-icon", inputs: { icon: "icon", iconClass: "iconClass", iconStyle: "iconStyle", iconSize: "iconSize", size: "size", dontUseSprite: "dontUseSprite" }, ngImport: i0, template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n [style.width.px]=\"size\"\n [style.height.px]=\"size\"\n >\n <svg>\n <use\n [attr.xlink:href]=\"'assets/sprite.svg?Version=' + Version + '#' + icon\"\n ></use>\n </svg>\n </span>\n</ng-container>\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\n <object\n [data]=\"\n sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\n \"\n type=\"image/svg+xml\"\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n ></object>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
34
32
|
}
|
|
35
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, decorators: [{
|
|
36
34
|
type: Component,
|
|
37
|
-
args: [{ selector: 'kms-icon', template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span
|
|
35
|
+
args: [{ selector: 'kms-icon', template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n [style.width.px]=\"size\"\n [style.height.px]=\"size\"\n >\n <svg>\n <use\n [attr.xlink:href]=\"'assets/sprite.svg?Version=' + Version + '#' + icon\"\n ></use>\n </svg>\n </span>\n</ng-container>\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\n <object\n [data]=\"\n sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\n \"\n type=\"image/svg+xml\"\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n ></object>\n</ng-container>\n" }]
|
|
38
36
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { icon: [{
|
|
39
37
|
type: Input
|
|
40
38
|
}], iconClass: [{
|
|
@@ -48,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
48
46
|
}], dontUseSprite: [{
|
|
49
47
|
type: Input
|
|
50
48
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHbEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBUTNDLE1BQU0sT0FBTyxhQUFhO0lBeUN4QixZQUFtQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBdkIxQzs7O1dBR0c7UUFDTSxhQUFRLEdBQWEsUUFBUSxDQUFDLFFBQVEsQ0FBQztRQVFoRDs7V0FFRztRQUVNLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBRS9CLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsWUFBTyxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFFaEIsY0FBUyxHQUFHLENBQUMsQ0FBQztJQUV3QixDQUFDO0lBRTlDLFFBQVE7UUFDTixNQUFNLENBQUMsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ3JCLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztJQUNyQixDQUFDOytHQS9DVSxhQUFhO21HQUFiLGFBQWEsOExDZjFCLDZ0QkEwQkE7OzRGRFhhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTttR0FTWCxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFNRyxTQUFTO3NCQUFqQixLQUFLO2dCQU1HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUcsSUFBSTtzQkFBWixLQUFLO2dCQU1HLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBjb3B5cmlnaHQgS01TIEdtYkhcbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZFUlNJT04gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBJY29uU2l6ZSB9IGZyb20gJy4vaWNvblNpemUuZW51bSc7XG5pbXBvcnQgKiBhcyBjb2xvcnMgZnJvbSAnLi4vLi4vLi4vYXNzZXRzL2ljb25zLmpzb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrbXMtaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFJlcXVpcmVkOiBOYW1lIG9mIHRoZSBTVkcgaWNvbiBpbnNpZGUgeW91ciBzcHJpdGUgc2hlZXQgZmlsZSB3aXRoIG5hbWUgJ2ljb25zLnN2ZycuXG4gICAqIFBhc3MgJ25vbmUnIGlmIG5vIGljb24gc2hvdWxkIGJlIHJlbmRlcmVkLlxuICAgKi9cbiAgQElucHV0KCkgaWNvbiE6ICh0eXBlb2YgY29sb3JzKVtudW1iZXJdO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbDogRGlmZmVyZW50IGFwcGVhcmFuY2UgdmlhIENTUyBjbGFzcyBkZWZpbmVkIGluIHRoaXMgY29tcG9uZW50wrRzIHN0eWxlIHNoZWV0LlxuICAgKi9cbiAgQElucHV0KCkgaWNvbkNsYXNzITogc3RyaW5nIHwgJyc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsOiBEaWZmZXJlbnQgYXBwZWFyYW5jZSB2aWEgQ1NTIGlubGluZSBzdHlsZS5cbiAgICovXG5cbiAgQElucHV0KCkgaWNvblN0eWxlOiBhbnk7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsOiBEaWZmZXJlbnQgc2l6ZSB2aWEgQ1NTIGlubGluZSBzdHlsZS5cbiAgICogQGRlcHJlY2F0ZWQuIFBsZWFzZSB1c2Ugc2l6ZSBpbnN0ZWFkXG4gICAqL1xuICBASW5wdXQoKSBpY29uU2l6ZTogSWNvblNpemUgPSBJY29uU2l6ZS5GVUxMU0laRTtcblxuICAvKipcbiAgICogT3B0aW9uYWw6IERpZmZlcmVudCBzaXplIHZpYSBDU1MgaW5saW5lIHN0eWxlLlxuICAgKiBAZGVwcmVjYXRlZC4gUGxlYXNlIHVzZSBzaXplIGluc3RlYWRcbiAgICovXG4gIEBJbnB1dCgpIHNpemU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERvbnQgdXNlIGljb24gc3ByaXRlXG4gICAqL1xuXG4gIEBJbnB1dCgpIGRvbnRVc2VTcHJpdGUgPSBmYWxzZTtcblxuICBJY29uU2l6ZSA9IEljb25TaXplO1xuICBWZXJzaW9uID0gVkVSU0lPTi5mdWxsO1xuXG4gIHB1YmxpYyB0aW1lc3RhbXAgPSAwO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zdCBkID0gbmV3IERhdGUoKTtcbiAgICBjb25zdCBuID0gZC5nZXRUaW1lKCk7XG4gICAgdGhpcy50aW1lc3RhbXAgPSBuO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiaWNvbiAhPT0gJ25vbmUnICYmIGRvbnRVc2VTcHJpdGUgPT09IGZhbHNlXCI+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJpY29uIHt7IGljb25TaXplIH19XCJcbiAgICBbbmdDbGFzc109XCJpY29uQ2xhc3NcIlxuICAgIFtuZ1N0eWxlXT1cImljb25TdHlsZVwiXG4gICAgW3N0eWxlLndpZHRoLnB4XT1cInNpemVcIlxuICAgIFtzdHlsZS5oZWlnaHQucHhdPVwic2l6ZVwiXG4gID5cbiAgICA8c3ZnPlxuICAgICAgPHVzZVxuICAgICAgICBbYXR0ci54bGluazpocmVmXT1cIidhc3NldHMvc3ByaXRlLnN2Zz9WZXJzaW9uPScgKyBWZXJzaW9uICsgJyMnICsgaWNvblwiXG4gICAgICA+PC91c2U+XG4gICAgPC9zdmc+XG4gIDwvc3Bhbj5cbjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImljb24gIT09ICdub25lJyAmJiBkb250VXNlU3ByaXRlID09PSB0cnVlXCI+XG4gIDxvYmplY3RcbiAgICBbZGF0YV09XCJcbiAgICAgIHNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwoJ2Fzc2V0cy9pY29ucy8nICsgaWNvbiArICcnKVxuICAgIFwiXG4gICAgdHlwZT1cImltYWdlL3N2Zyt4bWxcIlxuICAgIGNsYXNzPVwiaWNvbiB7eyBpY29uU2l6ZSB9fVwiXG4gICAgW25nQ2xhc3NdPVwiaWNvbkNsYXNzXCJcbiAgICBbbmdTdHlsZV09XCJpY29uU3R5bGVcIlxuICA+PC9vYmplY3Q+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -642,20 +642,18 @@ class IconComponent {
|
|
|
642
642
|
this.IconSize = IconSize$1;
|
|
643
643
|
this.Version = VERSION.full;
|
|
644
644
|
this.timestamp = 0;
|
|
645
|
-
this.iconToShow = this.icon;
|
|
646
645
|
}
|
|
647
646
|
ngOnInit() {
|
|
648
|
-
this.iconToShow = this.icon;
|
|
649
647
|
const d = new Date();
|
|
650
648
|
const n = d.getTime();
|
|
651
649
|
this.timestamp = n;
|
|
652
650
|
}
|
|
653
651
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
654
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, selector: "kms-icon", inputs: { icon: "icon", iconClass: "iconClass", iconStyle: "iconStyle", iconSize: "iconSize", size: "size", dontUseSprite: "dontUseSprite" }, ngImport: i0, template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span
|
|
652
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, selector: "kms-icon", inputs: { icon: "icon", iconClass: "iconClass", iconStyle: "iconStyle", iconSize: "iconSize", size: "size", dontUseSprite: "dontUseSprite" }, ngImport: i0, template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n [style.width.px]=\"size\"\n [style.height.px]=\"size\"\n >\n <svg>\n <use\n [attr.xlink:href]=\"'assets/sprite.svg?Version=' + Version + '#' + icon\"\n ></use>\n </svg>\n </span>\n</ng-container>\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\n <object\n [data]=\"\n sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\n \"\n type=\"image/svg+xml\"\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n ></object>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
655
653
|
}
|
|
656
654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, decorators: [{
|
|
657
655
|
type: Component,
|
|
658
|
-
args: [{ selector: 'kms-icon', template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span
|
|
656
|
+
args: [{ selector: 'kms-icon', template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n [style.width.px]=\"size\"\n [style.height.px]=\"size\"\n >\n <svg>\n <use\n [attr.xlink:href]=\"'assets/sprite.svg?Version=' + Version + '#' + icon\"\n ></use>\n </svg>\n </span>\n</ng-container>\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\n <object\n [data]=\"\n sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\n \"\n type=\"image/svg+xml\"\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n ></object>\n</ng-container>\n" }]
|
|
659
657
|
}], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: { icon: [{
|
|
660
658
|
type: Input
|
|
661
659
|
}], iconClass: [{
|