@net7/components 3.12.2 → 3.12.3
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/esm2020/lib/components/input-select/input-select.mjs +3 -3
- package/esm2020/lib/components/input-select/input-select.mock.mjs +10 -4
- package/esm2020/lib/components/loader/loader.mjs +3 -3
- package/fesm2015/net7-components.mjs +13 -7
- package/fesm2015/net7-components.mjs.map +1 -1
- package/fesm2020/net7-components.mjs +13 -7
- package/fesm2020/net7-components.mjs.map +1 -1
- package/lib/components/input-select/input-select.d.ts +33 -18
- package/package.json +1 -1
- package/src/lib/styles/components/_button.scss +14 -17
- package/src/lib/styles/components/_input-select.scss +17 -3
- package/src/lib/styles/components/_loader.scss +11 -33
|
@@ -12,13 +12,13 @@ export class InputSelectComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
InputSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"
|
|
15
|
+
InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n [hidden]=\"option.hidden\"\n [ngClass]=\"option.classes\">\n {{ option.label }}\n </option>\n </select>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"
|
|
18
|
+
args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n [hidden]=\"option.hidden\"\n [ngClass]=\"option.classes\">\n {{ option.label }}\n </option>\n </select>\n</div>\n" }]
|
|
19
19
|
}], propDecorators: { data: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], emit: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2lucHV0LXNlbGVjdC9pbnB1dC1zZWxlY3QudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtc2VsZWN0L2lucHV0LXNlbGVjdC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2QjtBQUM3QixrQkFBa0I7QUFDbEIsNkJBQTZCO0FBRTdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFrRmpELE1BQU0sT0FBTyxvQkFBb0I7SUFLL0IsUUFBUSxDQUFDLFlBQVksRUFBRSxLQUFNO1FBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUMvQyxDQUFDOztpSEFSVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiwrRkN0RmpDLDJ1QkFtQkE7MkZEbUVhLG9CQUFvQjtrQkFKaEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBSWxCLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gSU5QVVQtU0VMRUNULnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRTZWxlY3RPcHRpb24ge1xuICAvKipcbiAgICogVGhlIHJlbmRlcmVkIHRleHQgZm9yIHRoZSA8b3B0aW9uPiBlbGVtZW50XG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGV2ZW50IHZhbHVlIGZvciB0aGUgPG9wdGlvbj4gZWxlbWVudC5cbiAgICogSWYgdGhlIHZhbHVlIGlzIGVtcHR5IHN0cmluZywgdGhlIG9wdGlvbiB3aWxsXG4gICAqIGJlIHJlbmRlcmVkIGFzIHBsYWNlaG9sZGVyLlxuICAgKi9cbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgLyoqXG4gICAqIFNldHMgdGhlIG9wdGlvbiBhcyBkZWZhdWx0IChzZWxlY3RlZClcbiAgICovXG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFByZXZlbnRzIHRoZSB1c2VyIGZyb20gc2VsZWN0aW5nIHRoaXMgb3B0aW9uXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQcmV2ZW50cyB0aGUgb3B0aW9uIGZyb20gYXBwZWFyaW5nIGluIHRoZSBsaXN0XG4gICAqL1xuICBoaWRkZW4/OiBib29sZWFuO1xuICAvKipcbiAgICogQWRkaXRpb25hbCBIVE1MIGNsYXNzZXMgZm9yIHRoZSBvcHRpb25cbiAgICovXG4gIGNsYXNzZXM/OiBzdHJpbmc7XG59XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbnB1dFNlbGVjdFxuICpcbiAqIEBwcm9wZXJ0eSBpZCAocmVxdWlyZWQpXG4gKiBAcHJvcGVydHkgb3B0aW9ucyAocmVxdWlyZWQpXG4gKiBAcHJvcGVydHkgbGFiZWwgKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IGRpc2FibGVkIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBpY29uIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBwYXlsb2FkIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBjbGFzc2VzIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBfbWV0YSAob3B0aW9uYWwpXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRTZWxlY3REYXRhIHtcbiAgLyoqXG4gICAqIEEgdW5pcXVlIElEIGZvciB0aGUgc2VsZWN0IGl0ZW1cbiAgICovXG4gIGlkOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYXJyYXkgb2YgPG9wdGlvbj4gZWxlbWVudHNcbiAgICovXG4gIG9wdGlvbnM6IEFycmF5PElucHV0U2VsZWN0T3B0aW9uPjtcbiAgLyoqXG4gICAqIExhYmVsIGZvciB0aGUgPHNlbGVjdD4gZWxlbWVudFxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBQcmV2ZW50cyB0aGUgdXNlciBmcm9tIGNoYW5naW5nIGFueSBvcHRpb25cbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEZvcmNlcyB0aGUgdXNlciB0byBzZWxlY3QgYW4gb3B0aW9uXG4gICAqL1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQYXlsb2FkIGZvciB0aGUgc2VsZWN0J3MgY2hhbmdlIGV2ZW50XG4gICAqL1xuICBwYXlsb2FkPzogYW55O1xuICAvKipcbiAgICogQWRkaXRpb25hbCBIVE1MIENsYXNzZXNcbiAgICovXG4gIGNsYXNzZXM/OiBhbnk7XG4gIC8qKlxuICAgKiBBZGRpdGlvbmFsIGRhdGEgZm9yIHRoZSBjb21wb25lbnQncyBsb2dpY1xuICAgKi9cbiAgX21ldGE/OiBhbnk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ243LWlucHV0LXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1zZWxlY3QuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRTZWxlY3RDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBJbnB1dFNlbGVjdERhdGE7XG5cbiAgQElucHV0KCkgZW1pdDogYW55O1xuXG4gIG9uQ2hhbmdlKGlucHV0UGF5bG9hZCwgdmFsdWU/KSB7XG4gICAgaWYgKCF0aGlzLmVtaXQpIHJldHVybjtcbiAgICB0aGlzLmVtaXQoJ2NoYW5nZScsIHsgaW5wdXRQYXlsb2FkLCB2YWx1ZSB9KTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImRhdGEgYXMgaW5wdXRcIlxuICAgICBjbGFzcz1cIm43LWlucHV0LXNlbGVjdFwiPlxuICA8bGFiZWwgKm5nSWY9XCJpbnB1dC5sYWJlbFwiXG4gICAgICAgICBmb3I9XCJ7eyBpbnB1dC5pZCB9fVwiIFtpbm5lckhUTUxdPVwiaW5wdXQubGFiZWxcIj48L2xhYmVsPlxuICA8c2VsZWN0IChjaGFuZ2UpPVwib25DaGFuZ2UoaW5wdXQucGF5bG9hZCwgJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAgICAgICAgIGlkPVwie3sgaW5wdXQuaWQgfX1cIlxuICAgICAgICAgIGNsYXNzPVwibjctZmFjZXRfX2lucHV0LXNlbGVjdCB7eyBpbnB1dC5jbGFzc2VzIHx8ICcnIH19XCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiaW5wdXQuZGlzYWJsZWRcIlxuICAgICAgICAgIFtyZXF1aXJlZF09XCJpbnB1dC5yZXF1aXJlZFwiPlxuICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBpbnB1dC5vcHRpb25zXCJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIm9wdGlvbi5kaXNhYmxlZFwiXG4gICAgICAgICAgICBbc2VsZWN0ZWRdPVwib3B0aW9uLnNlbGVjdGVkXCJcbiAgICAgICAgICAgIFtoaWRkZW5dPVwib3B0aW9uLmhpZGRlblwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJvcHRpb24uY2xhc3Nlc1wiPlxuICAgICAgICB7eyBvcHRpb24ubGFiZWwgfX1cbiAgICA8L29wdGlvbj5cbiAgPC9zZWxlY3Q+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
export const INPUT_SELECT_MOCK = {
|
|
2
2
|
id: 'input-select-1',
|
|
3
|
+
required: true,
|
|
3
4
|
options: [
|
|
4
|
-
{
|
|
5
|
+
{
|
|
6
|
+
value: '',
|
|
7
|
+
label: 'Select...',
|
|
8
|
+
selected: true,
|
|
9
|
+
hidden: true,
|
|
10
|
+
},
|
|
5
11
|
{ value: 1, label: 'Option 1' },
|
|
6
|
-
{ value: 2, label: 'Option 2' },
|
|
7
|
-
{ value: 3, label: 'Option 3'
|
|
12
|
+
{ value: 2, label: 'Option 2', disabled: true },
|
|
13
|
+
{ value: 3, label: 'Option 3' },
|
|
8
14
|
{ value: 4, label: 'Option 4' },
|
|
9
15
|
],
|
|
10
16
|
payload: 'select',
|
|
11
17
|
};
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2VsZWN0Lm1vY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtc2VsZWN0L2lucHV0LXNlbGVjdC5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFvQjtJQUNoRCxFQUFFLEVBQUUsZ0JBQWdCO0lBQ3BCLFFBQVEsRUFBRSxJQUFJO0lBQ2QsT0FBTyxFQUFFO1FBQ1A7WUFDRSxLQUFLLEVBQUUsRUFBRTtZQUNULEtBQUssRUFBRSxXQUFXO1lBQ2xCLFFBQVEsRUFBRSxJQUFJO1lBQ2QsTUFBTSxFQUFFLElBQUk7U0FDYjtRQUNELEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO1FBQy9CLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7UUFDL0MsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7UUFDL0IsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7S0FDaEM7SUFDRCxPQUFPLEVBQUUsUUFBUTtDQUNsQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXRTZWxlY3REYXRhIH0gZnJvbSAnLi9pbnB1dC1zZWxlY3QnO1xuXG5leHBvcnQgY29uc3QgSU5QVVRfU0VMRUNUX01PQ0s6IElucHV0U2VsZWN0RGF0YSA9IHtcbiAgaWQ6ICdpbnB1dC1zZWxlY3QtMScsXG4gIHJlcXVpcmVkOiB0cnVlLFxuICBvcHRpb25zOiBbXG4gICAge1xuICAgICAgdmFsdWU6ICcnLFxuICAgICAgbGFiZWw6ICdTZWxlY3QuLi4nLFxuICAgICAgc2VsZWN0ZWQ6IHRydWUsXG4gICAgICBoaWRkZW46IHRydWUsXG4gICAgfSxcbiAgICB7IHZhbHVlOiAxLCBsYWJlbDogJ09wdGlvbiAxJyB9LFxuICAgIHsgdmFsdWU6IDIsIGxhYmVsOiAnT3B0aW9uIDInLCBkaXNhYmxlZDogdHJ1ZSB9LFxuICAgIHsgdmFsdWU6IDMsIGxhYmVsOiAnT3B0aW9uIDMnIH0sXG4gICAgeyB2YWx1ZTogNCwgbGFiZWw6ICdPcHRpb24gNCcgfSxcbiAgXSxcbiAgcGF5bG9hZDogJ3NlbGVjdCcsXG59O1xuIl19
|
|
@@ -6,11 +6,11 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
export class LoaderComponent {
|
|
7
7
|
}
|
|
8
8
|
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<
|
|
9
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>" });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'n7-loader', template: "<
|
|
12
|
+
args: [{ selector: 'n7-loader', template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>" }]
|
|
13
13
|
}], propDecorators: { data: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}] } });
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRlci9sb2FkZXIudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbG9hZGVyL2xvYWRlci5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2QjtBQUM3QixZQUFZO0FBQ1osNkJBQTZCO0FBRTdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQXVCakQsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7Z0dBQWYsZUFBZSwyRUMzQjVCLGtGQUE4RTsyRkQyQmpFLGVBQWU7a0JBSjNCLFNBQVM7K0JBQ0UsV0FBVzs4QkFJSCxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIExPQURFUi50c1xuLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgTG9hZGVyQ29tcG9uZW50J3MgXCJkYXRhXCJcbiAqXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgX21ldGEgKG9wdGlvbmFsKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIExvYWRlckRhdGEge1xuICAgIC8qKlxuICAgICAqIGFkZGl0aW9uYWwgaHRtbCBjbGFzc2VzXG4gICAgICovXG4gICAgY2xhc3Nlcz86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBhZGRpdGlvbmFsIGluZm9cbiAgICAgKi9cbiAgICBfbWV0YT86IGFueTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctbG9hZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHB1YmxpYyBkYXRhOiBMb2FkZXJEYXRhO1xufVxuIiwiPHNwYW4gY2xhc3M9XCJuNy1sb2FkZXIge3sgZGF0YSAmJiBkYXRhLmNsYXNzZXMgPyBkYXRhLmNsYXNzZXMgOiAnJyB9fVwiPjwvc3Bhbj4iXX0=
|
|
@@ -435,10 +435,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
435
435
|
class LoaderComponent {
|
|
436
436
|
}
|
|
437
437
|
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
438
|
-
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<
|
|
438
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>" });
|
|
439
439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
440
440
|
type: Component,
|
|
441
|
-
args: [{ selector: 'n7-loader', template: "<
|
|
441
|
+
args: [{ selector: 'n7-loader', template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>" }]
|
|
442
442
|
}], propDecorators: { data: [{
|
|
443
443
|
type: Input
|
|
444
444
|
}] } });
|
|
@@ -761,10 +761,10 @@ class InputSelectComponent {
|
|
|
761
761
|
}
|
|
762
762
|
}
|
|
763
763
|
InputSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
764
|
-
InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"
|
|
764
|
+
InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n [hidden]=\"option.hidden\"\n [ngClass]=\"option.classes\">\n {{ option.label }}\n </option>\n </select>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
765
765
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, decorators: [{
|
|
766
766
|
type: Component,
|
|
767
|
-
args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"
|
|
767
|
+
args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n [hidden]=\"option.hidden\"\n [ngClass]=\"option.classes\">\n {{ option.label }}\n </option>\n </select>\n</div>\n" }]
|
|
768
768
|
}], propDecorators: { data: [{
|
|
769
769
|
type: Input
|
|
770
770
|
}], emit: [{
|
|
@@ -7278,11 +7278,17 @@ const INPUT_LINK_MOCK = {
|
|
|
7278
7278
|
|
|
7279
7279
|
const INPUT_SELECT_MOCK = {
|
|
7280
7280
|
id: 'input-select-1',
|
|
7281
|
+
required: true,
|
|
7281
7282
|
options: [
|
|
7282
|
-
{
|
|
7283
|
+
{
|
|
7284
|
+
value: '',
|
|
7285
|
+
label: 'Select...',
|
|
7286
|
+
selected: true,
|
|
7287
|
+
hidden: true,
|
|
7288
|
+
},
|
|
7283
7289
|
{ value: 1, label: 'Option 1' },
|
|
7284
|
-
{ value: 2, label: 'Option 2' },
|
|
7285
|
-
{ value: 3, label: 'Option 3'
|
|
7290
|
+
{ value: 2, label: 'Option 2', disabled: true },
|
|
7291
|
+
{ value: 3, label: 'Option 3' },
|
|
7286
7292
|
{ value: 4, label: 'Option 4' },
|
|
7287
7293
|
],
|
|
7288
7294
|
payload: 'select',
|