mis-crystal-design-system 18.0.13-test-9 → 18.0.14
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/input-stepper/input-stepper/input-stepper.component.mjs +13 -10
- package/esm2022/table/public_api.mjs +1 -2
- package/esm2022/table/table.component.mjs +59 -95
- package/esm2022/table/table.module.mjs +5 -16
- package/fesm2022/mis-crystal-design-system-input-stepper.mjs +12 -9
- package/fesm2022/mis-crystal-design-system-input-stepper.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-table.mjs +459 -795
- package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
- package/package.json +12 -12
- package/styles/mis-old-icon-styles.scss +5 -5
- package/table/filter/filter.component.d.ts +1 -1
- package/table/public_api.d.ts +0 -1
- package/table/table.component.d.ts +1 -16
- package/table/table.module.d.ts +4 -5
- package/assets/icons/action-config.svg +0 -3
- package/assets/icons/action-delete.svg +0 -3
- package/assets/icons/action-edit.svg +0 -3
- package/assets/icons/action-history.svg +0 -87
- package/assets/icons/action-upload.svg +0 -10
- package/esm2022/table/actions-cell/actions-cell.component.mjs +0 -289
- package/table/actions-cell/actions-cell.component.d.ts +0 -32
|
@@ -7,9 +7,7 @@ import { TableFilterComponent } from "./filter/filter.component";
|
|
|
7
7
|
import { CheckboxModule } from "mis-crystal-design-system/checkbox";
|
|
8
8
|
import { ScrollingModule } from "@angular/cdk/scrolling";
|
|
9
9
|
import { SortIconsDirective } from "./sort-icons.directive";
|
|
10
|
-
import { ActionsCellComponent } from "./actions-cell/actions-cell.component";
|
|
11
10
|
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "@angular/common";
|
|
13
11
|
export class TableModule {
|
|
14
12
|
static forRoot() {
|
|
15
13
|
return { ngModule: TableModule, providers: [] };
|
|
@@ -26,8 +24,7 @@ export class TableModule {
|
|
|
26
24
|
SubTableComponent,
|
|
27
25
|
TableFilterComponent,
|
|
28
26
|
CustomTableCellDirective,
|
|
29
|
-
SortIconsDirective
|
|
30
|
-
ActionsCellComponent
|
|
27
|
+
SortIconsDirective
|
|
31
28
|
],
|
|
32
29
|
imports: [CommonModule, CheckboxModule, ScrollingModule],
|
|
33
30
|
exports: [
|
|
@@ -35,8 +32,7 @@ export class TableModule {
|
|
|
35
32
|
SubTableComponent,
|
|
36
33
|
TableFilterComponent,
|
|
37
34
|
CustomTableCellDirective,
|
|
38
|
-
SortIconsDirective
|
|
39
|
-
ActionsCellComponent
|
|
35
|
+
SortIconsDirective
|
|
40
36
|
]
|
|
41
37
|
}]
|
|
42
38
|
}], null, null); })();
|
|
@@ -44,16 +40,9 @@ export class TableModule {
|
|
|
44
40
|
SubTableComponent,
|
|
45
41
|
TableFilterComponent,
|
|
46
42
|
CustomTableCellDirective,
|
|
47
|
-
SortIconsDirective,
|
|
48
|
-
ActionsCellComponent], imports: [CommonModule, CheckboxModule, ScrollingModule], exports: [TableComponent,
|
|
43
|
+
SortIconsDirective], imports: [CommonModule, CheckboxModule, ScrollingModule], exports: [TableComponent,
|
|
49
44
|
SubTableComponent,
|
|
50
45
|
TableFilterComponent,
|
|
51
46
|
CustomTableCellDirective,
|
|
52
|
-
SortIconsDirective
|
|
53
|
-
|
|
54
|
-
i0.ɵɵsetComponentScope(TableComponent, [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgStyle, SubTableComponent,
|
|
55
|
-
TableFilterComponent,
|
|
56
|
-
CustomTableCellDirective,
|
|
57
|
-
SortIconsDirective,
|
|
58
|
-
ActionsCellComponent], []);
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvdGFibGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDakUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBcUI3RSxNQUFNLE9BQU8sV0FBVztJQUN0QixNQUFNLENBQUMsT0FBTztRQUNaLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQztJQUNsRCxDQUFDOzRHQUhVLFdBQVc7bUVBQVgsV0FBVzt1RUFWWixZQUFZLEVBQUUsY0FBYyxFQUFFLGVBQWU7O2lGQVU1QyxXQUFXO2NBbkJ2QixRQUFRO2VBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLGNBQWM7b0JBQ2QsaUJBQWlCO29CQUNqQixvQkFBb0I7b0JBQ3BCLHdCQUF3QjtvQkFDeEIsa0JBQWtCO29CQUNsQixvQkFBb0I7aUJBQ3JCO2dCQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDO2dCQUN4RCxPQUFPLEVBQUU7b0JBQ1AsY0FBYztvQkFDZCxpQkFBaUI7b0JBQ2pCLG9CQUFvQjtvQkFDcEIsd0JBQXdCO29CQUN4QixrQkFBa0I7b0JBQ2xCLG9CQUFvQjtpQkFDckI7YUFDRjs7d0ZBQ1ksV0FBVyxtQkFqQnBCLGNBQWM7UUFDZCxpQkFBaUI7UUFDakIsb0JBQW9CO1FBQ3BCLHdCQUF3QjtRQUN4QixrQkFBa0I7UUFDbEIsb0JBQW9CLGFBRVosWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLGFBRXJELGNBQWM7UUFDZCxpQkFBaUI7UUFDakIsb0JBQW9CO1FBQ3BCLHdCQUF3QjtRQUN4QixrQkFBa0I7UUFDbEIsb0JBQW9CO3VCQWRwQixjQUFjLGdEQUNkLGlCQUFpQjtJQUNqQixvQkFBb0I7SUFDcEIsd0JBQXdCO0lBQ3hCLGtCQUFrQjtJQUNsQixvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBUYWJsZUNvbXBvbmVudCB9IGZyb20gXCIuL3RhYmxlLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgQ3VzdG9tVGFibGVDZWxsRGlyZWN0aXZlIH0gZnJvbSBcIi4vY3VzdG9tLXRhYmxlLWNlbGwuZGlyZWN0aXZlXCI7XG5pbXBvcnQgeyBTdWJUYWJsZUNvbXBvbmVudCB9IGZyb20gXCIuL3N1Yi10YWJsZS9zdWItdGFibGUuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBUYWJsZUZpbHRlckNvbXBvbmVudCB9IGZyb20gXCIuL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBDaGVja2JveE1vZHVsZSB9IGZyb20gXCJtaXMtY3J5c3RhbC1kZXNpZ24tc3lzdGVtL2NoZWNrYm94XCI7XG5pbXBvcnQgeyBTY3JvbGxpbmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3Njcm9sbGluZ1wiO1xuaW1wb3J0IHsgU29ydEljb25zRGlyZWN0aXZlIH0gZnJvbSBcIi4vc29ydC1pY29ucy5kaXJlY3RpdmVcIjtcbmltcG9ydCB7IEFjdGlvbnNDZWxsQ29tcG9uZW50IH0gZnJvbSBcIi4vYWN0aW9ucy1jZWxsL2FjdGlvbnMtY2VsbC5jb21wb25lbnRcIjtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgVGFibGVDb21wb25lbnQsIFxuICAgIFN1YlRhYmxlQ29tcG9uZW50LCBcbiAgICBUYWJsZUZpbHRlckNvbXBvbmVudCwgXG4gICAgQ3VzdG9tVGFibGVDZWxsRGlyZWN0aXZlLFxuICAgIFNvcnRJY29uc0RpcmVjdGl2ZSxcbiAgICBBY3Rpb25zQ2VsbENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDaGVja2JveE1vZHVsZSwgU2Nyb2xsaW5nTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIFRhYmxlQ29tcG9uZW50LCBcbiAgICBTdWJUYWJsZUNvbXBvbmVudCwgXG4gICAgVGFibGVGaWx0ZXJDb21wb25lbnQsIFxuICAgIEN1c3RvbVRhYmxlQ2VsbERpcmVjdGl2ZSxcbiAgICBTb3J0SWNvbnNEaXJlY3RpdmUsXG4gICAgQWN0aW9uc0NlbGxDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZU1vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8VGFibGVNb2R1bGU+IHtcbiAgICByZXR1cm4geyBuZ01vZHVsZTogVGFibGVNb2R1bGUsIHByb3ZpZGVyczogW10gfTtcbiAgfVxufVxuIl19
|
|
47
|
+
SortIconsDirective] }); })();
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvdGFibGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDakUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFtQjVELE1BQU0sT0FBTyxXQUFXO0lBQ3RCLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDO0lBQ2xELENBQUM7NEdBSFUsV0FBVzttRUFBWCxXQUFXO3VFQVRaLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZTs7aUZBUzVDLFdBQVc7Y0FqQnZCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osY0FBYztvQkFDZCxpQkFBaUI7b0JBQ2pCLG9CQUFvQjtvQkFDcEIsd0JBQXdCO29CQUN4QixrQkFBa0I7aUJBQ25CO2dCQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDO2dCQUN4RCxPQUFPLEVBQUU7b0JBQ1AsY0FBYztvQkFDZCxpQkFBaUI7b0JBQ2pCLG9CQUFvQjtvQkFDcEIsd0JBQXdCO29CQUN4QixrQkFBa0I7aUJBQ25CO2FBQ0Y7O3dGQUNZLFdBQVcsbUJBZnBCLGNBQWM7UUFDZCxpQkFBaUI7UUFDakIsb0JBQW9CO1FBQ3BCLHdCQUF3QjtRQUN4QixrQkFBa0IsYUFFVixZQUFZLEVBQUUsY0FBYyxFQUFFLGVBQWUsYUFFckQsY0FBYztRQUNkLGlCQUFpQjtRQUNqQixvQkFBb0I7UUFDcEIsd0JBQXdCO1FBQ3hCLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFRhYmxlQ29tcG9uZW50IH0gZnJvbSBcIi4vdGFibGUuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBDdXN0b21UYWJsZUNlbGxEaXJlY3RpdmUgfSBmcm9tIFwiLi9jdXN0b20tdGFibGUtY2VsbC5kaXJlY3RpdmVcIjtcbmltcG9ydCB7IFN1YlRhYmxlQ29tcG9uZW50IH0gZnJvbSBcIi4vc3ViLXRhYmxlL3N1Yi10YWJsZS5jb21wb25lbnRcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IFRhYmxlRmlsdGVyQ29tcG9uZW50IH0gZnJvbSBcIi4vZmlsdGVyL2ZpbHRlci5jb21wb25lbnRcIjtcbmltcG9ydCB7IENoZWNrYm94TW9kdWxlIH0gZnJvbSBcIm1pcy1jcnlzdGFsLWRlc2lnbi1zeXN0ZW0vY2hlY2tib3hcIjtcbmltcG9ydCB7IFNjcm9sbGluZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jZGsvc2Nyb2xsaW5nXCI7XG5pbXBvcnQgeyBTb3J0SWNvbnNEaXJlY3RpdmUgfSBmcm9tIFwiLi9zb3J0LWljb25zLmRpcmVjdGl2ZVwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBUYWJsZUNvbXBvbmVudCwgXG4gICAgU3ViVGFibGVDb21wb25lbnQsIFxuICAgIFRhYmxlRmlsdGVyQ29tcG9uZW50LCBcbiAgICBDdXN0b21UYWJsZUNlbGxEaXJlY3RpdmUsXG4gICAgU29ydEljb25zRGlyZWN0aXZlXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENoZWNrYm94TW9kdWxlLCBTY3JvbGxpbmdNb2R1bGVdLFxuICBleHBvcnRzOiBbXG4gICAgVGFibGVDb21wb25lbnQsIFxuICAgIFN1YlRhYmxlQ29tcG9uZW50LCBcbiAgICBUYWJsZUZpbHRlckNvbXBvbmVudCwgXG4gICAgQ3VzdG9tVGFibGVDZWxsRGlyZWN0aXZlLFxuICAgIFNvcnRJY29uc0RpcmVjdGl2ZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxUYWJsZU1vZHVsZT4ge1xuICAgIHJldHVybiB7IG5nTW9kdWxlOiBUYWJsZU1vZHVsZSwgcHJvdmlkZXJzOiBbXSB9O1xuICB9XG59XG4iXX0=
|
|
@@ -5,7 +5,8 @@ import * as i2 from '@angular/common';
|
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
|
|
7
7
|
const _c0 = a0 => ({ "max-width": a0 });
|
|
8
|
-
const _c1 = a0 => ({ "
|
|
8
|
+
const _c1 = a0 => ({ "cursor": a0 });
|
|
9
|
+
const _c2 = a0 => ({ "disabled": a0 });
|
|
9
10
|
class InputStepperComponent {
|
|
10
11
|
constructor(sanitizer) {
|
|
11
12
|
this.sanitizer = sanitizer;
|
|
@@ -24,8 +25,10 @@ class InputStepperComponent {
|
|
|
24
25
|
</svg>`);
|
|
25
26
|
}
|
|
26
27
|
increment() {
|
|
27
|
-
if (this.value === this.maxLimit)
|
|
28
|
+
if (this.value === this.maxLimit) {
|
|
29
|
+
this.emitValueChange();
|
|
28
30
|
return;
|
|
31
|
+
}
|
|
29
32
|
this.value++;
|
|
30
33
|
this.emitValueChange();
|
|
31
34
|
}
|
|
@@ -47,7 +50,7 @@ class InputStepperComponent {
|
|
|
47
50
|
this.valueChange.emit(this.value);
|
|
48
51
|
}
|
|
49
52
|
static { this.ɵfac = function InputStepperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InputStepperComponent)(i0.ɵɵdirectiveInject(i1.DomSanitizer)); }; }
|
|
50
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputStepperComponent, selectors: [["mis-input-stepper"]], inputs: { value: "value", width: "width", minLimit: "minLimit", maxLimit: "maxLimit" }, outputs: { valueChange: "valueChange" }, decls: 6, vars:
|
|
53
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputStepperComponent, selectors: [["mis-input-stepper"]], inputs: { value: "value", width: "width", minLimit: "minLimit", maxLimit: "maxLimit" }, outputs: { valueChange: "valueChange" }, decls: 6, vars: 18, consts: [[1, "nudger", 3, "ngStyle"], [3, "click", "ngStyle"], [3, "innerHtml", "ngClass"], ["type", "text", "readonly", "", 3, "input", "value"]], template: function InputStepperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
51
54
|
i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
|
|
52
55
|
i0.ɵɵlistener("click", function InputStepperComponent_Template_button_click_1_listener() { return ctx.decrement(); });
|
|
53
56
|
i0.ɵɵelement(2, "span", 2);
|
|
@@ -60,22 +63,22 @@ class InputStepperComponent {
|
|
|
60
63
|
i0.ɵɵelement(5, "span", 2);
|
|
61
64
|
i0.ɵɵelementEnd()();
|
|
62
65
|
} if (rf & 2) {
|
|
63
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(
|
|
66
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(8, _c0, ctx.width));
|
|
64
67
|
i0.ɵɵadvance();
|
|
65
|
-
i0.ɵɵproperty("
|
|
68
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c1, ctx.value === ctx.minLimit ? "not-allowed" : "pointer"));
|
|
66
69
|
i0.ɵɵadvance();
|
|
67
|
-
i0.ɵɵproperty("innerHtml", ctx.svgMinusIcon, i0.ɵɵsanitizeHtml);
|
|
70
|
+
i0.ɵɵproperty("innerHtml", ctx.svgMinusIcon, i0.ɵɵsanitizeHtml)("ngClass", i0.ɵɵpureFunction1(12, _c2, ctx.value === ctx.minLimit));
|
|
68
71
|
i0.ɵɵadvance();
|
|
69
72
|
i0.ɵɵproperty("value", ctx.value);
|
|
70
73
|
i0.ɵɵadvance();
|
|
71
|
-
i0.ɵɵproperty("
|
|
74
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c1, ctx.value === ctx.maxLimit ? "not-allowed" : "pointer"));
|
|
72
75
|
i0.ɵɵadvance();
|
|
73
|
-
i0.ɵɵproperty("innerHtml", ctx.svgPlusIcon, i0.ɵɵsanitizeHtml);
|
|
76
|
+
i0.ɵɵproperty("innerHtml", ctx.svgPlusIcon, i0.ɵɵsanitizeHtml)("ngClass", i0.ɵɵpureFunction1(16, _c2, ctx.value === ctx.maxLimit));
|
|
74
77
|
} }, dependencies: [i2.NgClass, i2.NgStyle], styles: [".nudger[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937B2;border-radius:4px}button[_ngcontent-%COMP%]{cursor:pointer;border:none;background-color:#fff;transition:background-color .3s;color:#0937b2}button[_ngcontent-%COMP%]:hover{background-color:#fff}input[_ngcontent-%COMP%]{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width: 600px){.nudger[_ngcontent-%COMP%]{max-width:150px}}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:not-allowed}.nudger[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:inline-block;width:18px;height:18px}"] }); }
|
|
75
78
|
}
|
|
76
79
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputStepperComponent, [{
|
|
77
80
|
type: Component,
|
|
78
|
-
args: [{ selector: 'mis-input-stepper', template: "<div class=\"nudger\" [ngStyle]=\"{'max-width': width }\">\n <button (click)=\"decrement()\" [
|
|
81
|
+
args: [{ selector: 'mis-input-stepper', template: "<div class=\"nudger\" [ngStyle]=\"{'max-width': width }\">\n <button (click)=\"decrement()\" [ngStyle]=\"{'cursor': value === minLimit ? 'not-allowed' : 'pointer'}\">\n <span [innerHtml]=\"svgMinusIcon\" [ngClass]=\"{'disabled': value === minLimit}\"></span>\n </button>\n <input type=\"text\" [value]=\"value\" (input)=\"onInputChange($event.target.value)\" readonly>\n <button (click)=\"increment()\" [ngStyle]=\"{'cursor': value === maxLimit ? 'not-allowed' : 'pointer'}\">\n <span [innerHtml]=\"svgPlusIcon\" [ngClass]=\"{'disabled': value === maxLimit}\"></span>\n </button>\n</div>\n ", styles: [".nudger{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937B2;border-radius:4px}button{cursor:pointer;border:none;background-color:#fff;transition:background-color .3s;color:#0937b2}button:hover{background-color:#fff}input{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width: 600px){.nudger{max-width:150px}}.disabled{opacity:.6;cursor:not-allowed}.nudger span{display:inline-block;width:18px;height:18px}\n"] }]
|
|
79
82
|
}], () => [{ type: i1.DomSanitizer }], { value: [{
|
|
80
83
|
type: Input
|
|
81
84
|
}], width: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-input-stepper.mjs","sources":["../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.ts","../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.html","../../../projects/mis-components/input-stepper/input-stepper.module.ts","../../../projects/mis-components/input-stepper/mis-crystal-design-system-input-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Component({\n selector: 'mis-input-stepper',\n templateUrl: './input-stepper.component.html',\n styleUrls: ['./input-stepper.component.css']\n})\nexport class InputStepperComponent {\n svgMinusIcon: SafeHtml;\n svgPlusIcon: SafeHtml;\n @Input() value: number = 1;\n @Input() width?: string = '200px';\n @Input() minLimit : number = 0;\n @Input() maxLimit: number = 2;\n @Output() valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n constructor(private sanitizer: DomSanitizer) {\n this.svgMinusIcon = this.sanitizer.bypassSecurityTrustHtml(`\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 9.11705C3 8.63819 3.3833 8.25 3.85612 8.25H14.1439C14.6167 8.25 15 8.63819 15 9.11705C15 9.59591 14.6167 9.9841 14.1439 9.9841H3.85612C3.3833 9.9841 3 9.59591 3 9.11705Z\" fill=\"#0937B2\"/>\n </svg>`);\n this.svgPlusIcon = this.sanitizer.bypassSecurityTrustHtml(`\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.85677 3.86705C9.85677 3.38819 9.47347 3 9.00066 3C8.52784 3 8.14454 3.38819 8.14454 3.86705V8.13159H3.85612C3.3833 8.13159 3 8.51978 3 8.99864C3 9.4775 3.3833 9.8657 3.85612 9.8657H8.14454V14.1329C8.14454 14.6118 8.52784 15 9.00066 15C9.47347 15 9.85677 14.6118 9.85677 14.1329V9.8657H14.1439C14.6167 9.8657 15 9.4775 15 8.99864C15 8.51978 14.6167 8.13159 14.1439 8.13159H9.85677V3.86705Z\" fill=\"#0937B2\"/>\n </svg>`);\n }\n\n increment() {\n if(this.value === this.maxLimit)
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-input-stepper.mjs","sources":["../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.ts","../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.html","../../../projects/mis-components/input-stepper/input-stepper.module.ts","../../../projects/mis-components/input-stepper/mis-crystal-design-system-input-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Component({\n selector: 'mis-input-stepper',\n templateUrl: './input-stepper.component.html',\n styleUrls: ['./input-stepper.component.css']\n})\nexport class InputStepperComponent {\n svgMinusIcon: SafeHtml;\n svgPlusIcon: SafeHtml;\n @Input() value: number = 1;\n @Input() width?: string = '200px';\n @Input() minLimit : number = 0;\n @Input() maxLimit: number = 2;\n @Output() valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n constructor(private sanitizer: DomSanitizer) {\n this.svgMinusIcon = this.sanitizer.bypassSecurityTrustHtml(`\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 9.11705C3 8.63819 3.3833 8.25 3.85612 8.25H14.1439C14.6167 8.25 15 8.63819 15 9.11705C15 9.59591 14.6167 9.9841 14.1439 9.9841H3.85612C3.3833 9.9841 3 9.59591 3 9.11705Z\" fill=\"#0937B2\"/>\n </svg>`);\n this.svgPlusIcon = this.sanitizer.bypassSecurityTrustHtml(`\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.85677 3.86705C9.85677 3.38819 9.47347 3 9.00066 3C8.52784 3 8.14454 3.38819 8.14454 3.86705V8.13159H3.85612C3.3833 8.13159 3 8.51978 3 8.99864C3 9.4775 3.3833 9.8657 3.85612 9.8657H8.14454V14.1329C8.14454 14.6118 8.52784 15 9.00066 15C9.47347 15 9.85677 14.6118 9.85677 14.1329V9.8657H14.1439C14.6167 9.8657 15 9.4775 15 8.99864C15 8.51978 14.6167 8.13159 14.1439 8.13159H9.85677V3.86705Z\" fill=\"#0937B2\"/>\n </svg>`);\n }\n\n increment() {\n if(this.value === this.maxLimit){\n this.emitValueChange();\n return;\n }\n this.value++;\n this.emitValueChange();\n }\n\n decrement() {\n if (this.value > 0) {\n this.value--;\n this.emitValueChange();\n }\n }\n\n onInputChange(newValue: string) {\n const parsedValue = parseInt(newValue, 10);\n if (!isNaN(parsedValue)) {\n this.value = parsedValue;\n this.emitValueChange();\n }\n }\n\n private emitValueChange() {\n console.log(\"value change\", this.value);\n this.valueChange.emit(this.value);\n }\n\n}\n","<div class=\"nudger\" [ngStyle]=\"{'max-width': width }\">\n <button (click)=\"decrement()\" [ngStyle]=\"{'cursor': value === minLimit ? 'not-allowed' : 'pointer'}\">\n <span [innerHtml]=\"svgMinusIcon\" [ngClass]=\"{'disabled': value === minLimit}\"></span>\n </button>\n <input type=\"text\" [value]=\"value\" (input)=\"onInputChange($event.target.value)\" readonly>\n <button (click)=\"increment()\" [ngStyle]=\"{'cursor': value === maxLimit ? 'not-allowed' : 'pointer'}\">\n <span [innerHtml]=\"svgPlusIcon\" [ngClass]=\"{'disabled': value === maxLimit}\"></span>\n </button>\n</div>\n ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InputStepperComponent } from './input-stepper/input-stepper.component';\n\n\n\n@NgModule({\n declarations: [\n InputStepperComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n InputStepperComponent\n ]\n})\nexport class InputStepperModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|