@inspark/inspark-components 1.0.38 → 1.0.40
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/full/bundles/inspark-inspark-components.umd.js +44 -9
- package/full/bundles/inspark-inspark-components.umd.js.map +1 -1
- package/full/bundles/inspark-inspark-components.umd.min.js +1 -1
- package/full/bundles/inspark-inspark-components.umd.min.js.map +1 -1
- package/full/components/button/button.component.d.ts +1 -0
- package/full/components/content-toggle/content-toggle.component.d.ts +6 -3
- package/full/components/dropdown/dropdown.component.d.ts +1 -0
- package/full/esm2015/components/button/button.component.js +10 -2
- package/full/esm2015/components/content-toggle/content-toggle.component.js +28 -9
- package/full/esm2015/components/dropdown/dropdown.component.js +5 -1
- package/full/esm2015/components/input-text/input-text.component.js +3 -3
- package/full/esm5/components/button/button.component.js +14 -2
- package/full/esm5/components/content-toggle/content-toggle.component.js +28 -9
- package/full/esm5/components/dropdown/dropdown.component.js +5 -1
- package/full/esm5/components/input-text/input-text.component.js +3 -3
- package/full/fesm2015/inspark-inspark-components.js +41 -10
- package/full/fesm2015/inspark-inspark-components.js.map +1 -1
- package/full/fesm5/inspark-inspark-components.js +45 -10
- package/full/fesm5/inspark-inspark-components.js.map +1 -1
- package/full/inspark-inspark-components.metadata.json +1 -1
- package/full/package.json +1 -1
- package/interface/package.json +1 -1
- package/package.json +1 -1
|
@@ -181,7 +181,7 @@ var InputTextComponent = /** @class */ (function () {
|
|
|
181
181
|
InputTextComponent = InputTextComponent_1 = __decorate([
|
|
182
182
|
Component({
|
|
183
183
|
selector: 'in-input-text',
|
|
184
|
-
template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n <span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n <span\n *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n class=\"constraints-message__warning u-text_uppercase\">\n {{'maxlength: ' | translate}} {{maxlength}}</span>\n </span>\n <
|
|
184
|
+
template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n <span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n <span\n *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n class=\"constraints-message__warning u-text_uppercase\">\n {{'maxlength: ' | translate}} {{maxlength}}</span>\n </span>\n <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\n <input (blur)=\"this.blur.emit($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"this.focus.emit($event)\"\n (input)=\"onChange($event)\"\n [(ngModel)]=\"value\"\n [autocomplete]=\"autocomplete? 'on':'off'\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n [maxlength]=\"maxlength\"\n [name]=\"name\"\n [ngClass]=\"{'c-input_opaque' : opacity === false,\n 'c-input_shadowed' : shadow,\n 'c-input_large' : large,\n 'c-input_small' : small,\n 'c-input_margin_padding': widget,\n 'c-input_padding_right': forms}\"\n [ngModelOptions]=\"{standalone: true}\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [size]=\"size\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n class=\"search-box c-input field_{{id}}\"\n [type]=\"type\">\n <button (click)=\"clear()\"\n class=\"button-reset empty\"\n [ngClass]=\"{empty: display}\"\n type=\"reset\"\n [attr.title]=\"'Reset' | translate\">\n <i class=\"fa fa-close\"></i>\n </button>\n </div>\n</label>\n",
|
|
185
185
|
providers: [
|
|
186
186
|
{
|
|
187
187
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -189,10 +189,10 @@ var InputTextComponent = /** @class */ (function () {
|
|
|
189
189
|
multi: true,
|
|
190
190
|
}
|
|
191
191
|
],
|
|
192
|
-
styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}"]
|
|
192
|
+
styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px;width:100%}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}"]
|
|
193
193
|
})
|
|
194
194
|
], InputTextComponent);
|
|
195
195
|
return InputTextComponent;
|
|
196
196
|
}());
|
|
197
197
|
export { InputTextComponent };
|
|
198
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
198
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5zcGFyay9pbnNwYXJrLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQVksTUFBTSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQ2xILE9BQU8sRUFBb0MsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQW9CcEY7SUFBQTtRQUVXLFNBQUksR0FBRyxJQUFJLENBQUM7UUFDWixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUNwQixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUNkLGNBQVMsR0FBRyxNQUFNLENBQUM7UUFDbkIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsT0FBRSxHQUFHLElBQUksQ0FBQztRQUNWLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFFZCxZQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ2YsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxTQUFJLEdBQUcsTUFBTSxDQUFDO1FBTWIsVUFBSyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzlDLFNBQUksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM3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QUM7Q0FBQSxBQWpGRCxJQWlGQztTQWpGWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1RyZWVUYWJsZU1vZHVsZX0gZnJvbSAncHJpbWVuZy9wcmltZW5nJztcbmltcG9ydCB7UGlwZXNNb2R1bGV9IGZyb20gJy4uLy4uL3BpcGVzL3BpcGVzLm1vZHVsZSc7XG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1RhYmxlQ29tcG9uZW50TW9kdWxlfSBmcm9tICcuLi90YWJsZS90YWJsZS5jb21wb25lbnQnO1xuaW1wb3J0IHtUcmVlVGFibGVDb21wb25lbnR9IGZyb20gJy4uL3RyZWUtdGFibGUvdHJlZS10YWJsZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1pbnB1dC10ZXh0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW5wdXRUZXh0Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH1cbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuXG4gIEBJbnB1dCgpIG5hbWUgPSBudWxsO1xuICBASW5wdXQoKSBhdXRvY29tcGxldGUgPSB0cnVlO1xuICBASW5wdXQoKSBsYWJlbCA9IG51bGw7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yID0gbnVsbDtcbiAgQElucHV0KCkgc2l6ZSA9IDEwMDAwMDtcbiAgQElucHV0KCkgbWF4bGVuZ3RoID0gMTAwMDAwO1xuICBASW5wdXQoKSB3aWR0aCA9ICcnO1xuICBASW5wdXQoKSBkaXNwbGF5ID0gdHJ1ZTtcbiAgQElucHV0KCkgbGFyZ2UgPSB0cnVlO1xuICBASW5wdXQoKSBzbWFsbCA9IGZhbHNlO1xuICBASW5wdXQoKSB3aWRnZXQgPSBmYWxzZTtcbiAgQElucHV0KCkgZm9ybXMgPSBmYWxzZTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgaWQgPSBudWxsO1xuICBASW5wdXQoKSB0ZXN0SWQgPSBudWxsO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgb3BhY2l0eSA9IHRydWU7XG4gIEBJbnB1dCgpIHNoYWRvdyA9IGZhbHNlO1xuICBASW5wdXQoKSByaWdodCA9IGZhbHNlO1xuICBASW5wdXQoKSB0eXBlID0gJ3RleHQnO1xuICBASW5wdXQoKSBzdGVwOiBudW1iZXI7XG4gIEBJbnB1dCgpIG1pbjogbnVtYmVyO1xuICBASW5wdXQoKSBtYXg6IG51bWJlcjtcblxuXG4gIEBPdXRwdXQoKSBmb2N1czogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBibHVyOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICB2YWx1ZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXcml0ZSBmb3JtIHZhbHVlIHRvIHRoZSBET00gZWxlbWVudCAobW9kZWwgPT4gdmlldylcbiAgICovXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBXcml0ZSBmb3JtIGRpc2FibGVkIHN0YXRlIHRvIHRoZSBET00gZWxlbWVudCAobW9kZWwgPT4gdmlldylcbiAgICovXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBmb3JtIHdoZW4gRE9NIGVsZW1lbnQgdmFsdWUgY2hhbmdlcyAodmlldyA9PiBtb2RlbClcbiAgICovXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIC8vIFN0b3JlIHRoZSBwcm92aWRlZCBmdW5jdGlvbiBhcyBhbiBpbnRlcm5hbCBtZXRob2QuXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgZm9ybSB3aGVuIERPTSBlbGVtZW50IGlzIGJsdXJyZWQgKHZpZXcgPT4gbW9kZWwpXG4gICAqL1xuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgLy8gU3RvcmUgdGhlIHByb3ZpZGVkIGZ1bmN0aW9uIGFzIGFuIGludGVybmFsIG1ldGhvZC5cbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7XG4gIH1cblxuICBjbGVhcigpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgnJyk7XG4gIH1cblxuICBvbkNoYW5nZShfOiBhbnkpIHtcbiAgICBpZiAodGhpcy50eXBlID09PSAnbnVtYmVyJykge1xuICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UoK3RoaXMudmFsdWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG9uVG91Y2hlZCgpIHtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate, __metadata } from 'tslib';
|
|
2
|
-
import { Pipe, NgModule, Injectable, ComponentFactoryResolver, ApplicationRef, Injector, EventEmitter, ChangeDetectorRef, Input, ViewChild, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, forwardRef, ElementRef, TemplateRef, Directive, HostListener, ContentChildren, QueryList, NO_ERRORS_SCHEMA } from '@angular/core';
|
|
2
|
+
import { Pipe, NgModule, Injectable, ComponentFactoryResolver, ApplicationRef, Injector, EventEmitter, ChangeDetectorRef, Input, ViewChild, HostBinding, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, forwardRef, ElementRef, TemplateRef, Directive, HostListener, ContentChildren, QueryList, NO_ERRORS_SCHEMA } from '@angular/core';
|
|
3
3
|
import { TranslateService, TranslateModule } from '@ngx-translate/core';
|
|
4
4
|
export { TranslateModule } from '@ngx-translate/core';
|
|
5
5
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
@@ -496,6 +496,9 @@ let ButtonComponent = class ButtonComponent extends Button {
|
|
|
496
496
|
this._linkType = 'auto';
|
|
497
497
|
this.isMaterialIcon = false;
|
|
498
498
|
}
|
|
499
|
+
get pointerEvents() {
|
|
500
|
+
return this.disabled ? 'none' : 'auto';
|
|
501
|
+
}
|
|
499
502
|
ngOnInit() {
|
|
500
503
|
this.updateData();
|
|
501
504
|
}
|
|
@@ -633,6 +636,11 @@ __decorate([
|
|
|
633
636
|
ViewChild(Menu, { static: false }),
|
|
634
637
|
__metadata("design:type", Menu)
|
|
635
638
|
], ButtonComponent.prototype, "_menu", void 0);
|
|
639
|
+
__decorate([
|
|
640
|
+
HostBinding('style.pointer-events'),
|
|
641
|
+
__metadata("design:type", String),
|
|
642
|
+
__metadata("design:paramtypes", [])
|
|
643
|
+
], ButtonComponent.prototype, "pointerEvents", null);
|
|
636
644
|
__decorate([
|
|
637
645
|
Output(),
|
|
638
646
|
__metadata("design:type", EventEmitter)
|
|
@@ -836,7 +844,7 @@ __decorate([
|
|
|
836
844
|
InputTextComponent = InputTextComponent_1 = __decorate([
|
|
837
845
|
Component({
|
|
838
846
|
selector: 'in-input-text',
|
|
839
|
-
template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n <span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n <span\n *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n class=\"constraints-message__warning u-text_uppercase\">\n {{'maxlength: ' | translate}} {{maxlength}}</span>\n </span>\n <
|
|
847
|
+
template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n <span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n <span\n *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n class=\"constraints-message__warning u-text_uppercase\">\n {{'maxlength: ' | translate}} {{maxlength}}</span>\n </span>\n <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\n <input (blur)=\"this.blur.emit($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"this.focus.emit($event)\"\n (input)=\"onChange($event)\"\n [(ngModel)]=\"value\"\n [autocomplete]=\"autocomplete? 'on':'off'\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n [maxlength]=\"maxlength\"\n [name]=\"name\"\n [ngClass]=\"{'c-input_opaque' : opacity === false,\n 'c-input_shadowed' : shadow,\n 'c-input_large' : large,\n 'c-input_small' : small,\n 'c-input_margin_padding': widget,\n 'c-input_padding_right': forms}\"\n [ngModelOptions]=\"{standalone: true}\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [size]=\"size\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n class=\"search-box c-input field_{{id}}\"\n [type]=\"type\">\n <button (click)=\"clear()\"\n class=\"button-reset empty\"\n [ngClass]=\"{empty: display}\"\n type=\"reset\"\n [attr.title]=\"'Reset' | translate\">\n <i class=\"fa fa-close\"></i>\n </button>\n </div>\n</label>\n",
|
|
840
848
|
providers: [
|
|
841
849
|
{
|
|
842
850
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -844,7 +852,7 @@ InputTextComponent = InputTextComponent_1 = __decorate([
|
|
|
844
852
|
multi: true,
|
|
845
853
|
}
|
|
846
854
|
],
|
|
847
|
-
styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}"]
|
|
855
|
+
styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px;width:100%}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}"]
|
|
848
856
|
})
|
|
849
857
|
], InputTextComponent);
|
|
850
858
|
|
|
@@ -1192,6 +1200,10 @@ __decorate([
|
|
|
1192
1200
|
Input(),
|
|
1193
1201
|
__metadata("design:type", String)
|
|
1194
1202
|
], DropdownComponent.prototype, "name", void 0);
|
|
1203
|
+
__decorate([
|
|
1204
|
+
Input(),
|
|
1205
|
+
__metadata("design:type", Number)
|
|
1206
|
+
], DropdownComponent.prototype, "defaultValue", void 0);
|
|
1195
1207
|
__decorate([
|
|
1196
1208
|
Input(),
|
|
1197
1209
|
__metadata("design:type", Object)
|
|
@@ -3378,15 +3390,26 @@ ModalInputTextComponent = __decorate([
|
|
|
3378
3390
|
let ContentToggleComponent = class ContentToggleComponent {
|
|
3379
3391
|
constructor(cdr) {
|
|
3380
3392
|
this.cdr = cdr;
|
|
3381
|
-
this.
|
|
3393
|
+
this.defaultOpen = true;
|
|
3394
|
+
this.isOpen = this.defaultOpen;
|
|
3382
3395
|
this.icon = null;
|
|
3383
3396
|
this.manualArrow = true;
|
|
3384
3397
|
this.toggle = new EventEmitter();
|
|
3385
3398
|
}
|
|
3386
|
-
|
|
3387
|
-
this.isOpen =
|
|
3388
|
-
|
|
3389
|
-
this.
|
|
3399
|
+
ngOnInit() {
|
|
3400
|
+
this.isOpen = this.defaultOpen;
|
|
3401
|
+
console.log('defaultOpen', this.defaultOpen);
|
|
3402
|
+
console.log('isOpen', this.isOpen);
|
|
3403
|
+
}
|
|
3404
|
+
toggleOpen(e) {
|
|
3405
|
+
// Получаем родительский элемент div
|
|
3406
|
+
const parentElement = this.elementButtons.nativeElement;
|
|
3407
|
+
// Проверяем, входит ли цель события в родительский элемент
|
|
3408
|
+
if (!parentElement.contains(e.target)) {
|
|
3409
|
+
this.isOpen = !this.isOpen;
|
|
3410
|
+
this.toggle.emit(this.isOpen);
|
|
3411
|
+
this.cdr.detectChanges();
|
|
3412
|
+
}
|
|
3390
3413
|
}
|
|
3391
3414
|
};
|
|
3392
3415
|
ContentToggleComponent.ctorParameters = () => [
|
|
@@ -3396,6 +3419,10 @@ __decorate([
|
|
|
3396
3419
|
Input(),
|
|
3397
3420
|
__metadata("design:type", Object)
|
|
3398
3421
|
], ContentToggleComponent.prototype, "label", void 0);
|
|
3422
|
+
__decorate([
|
|
3423
|
+
Input(),
|
|
3424
|
+
__metadata("design:type", Boolean)
|
|
3425
|
+
], ContentToggleComponent.prototype, "defaultOpen", void 0);
|
|
3399
3426
|
__decorate([
|
|
3400
3427
|
Input(),
|
|
3401
3428
|
__metadata("design:type", Object)
|
|
@@ -3412,11 +3439,15 @@ __decorate([
|
|
|
3412
3439
|
Output(),
|
|
3413
3440
|
__metadata("design:type", EventEmitter)
|
|
3414
3441
|
], ContentToggleComponent.prototype, "toggle", void 0);
|
|
3442
|
+
__decorate([
|
|
3443
|
+
ViewChild('buttons', { static: true }),
|
|
3444
|
+
__metadata("design:type", ElementRef)
|
|
3445
|
+
], ContentToggleComponent.prototype, "elementButtons", void 0);
|
|
3415
3446
|
ContentToggleComponent = __decorate([
|
|
3416
3447
|
Component({
|
|
3417
3448
|
selector: 'in-content-toggle',
|
|
3418
|
-
template: "<div class=\"block\" (click)=\"toggleOpen()\" tabIndex=\"1\">\n <span [ngClass]=\"{arrow: true, close: !isOpen}\">\n <in-svg *ngIf=\"manualArrow\" [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\n <ng-content select=\"[arrow]\"></ng-content>\n </span>\n <span class=\"label\">\n <in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg>\n {{label}}\n </span>\n <span class=\"counter\">\n <ng-content select=\"[header]\"></ng-content>\n
|
|
3419
|
-
styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block:hover{background:var(--colorBgLevel2)}.block>span{display:inline-block;margin-right:4px}.block .label{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block .counter{display:flex;align-items:center;padding-right:8px}.block .arrow{margin-right:0}.block .arrow.close{transform:rotate(-90deg)}.label-icon{margin-right:4px;width:16px;height:16px}"]
|
|
3449
|
+
template: "<div class=\"block\" (click)=\"toggleOpen($event)\" tabIndex=\"1\">\n <span [ngClass]=\"{arrow: true, close: !isOpen}\">\n <in-svg *ngIf=\"manualArrow\" [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\n <ng-content select=\"[arrow]\"></ng-content>\n </span>\n <span class=\"label\">\n <in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg>\n {{label}}\n </span>\n <span class=\"counter\">\n <ng-content select=\"[header]\"></ng-content>\n </span>\n <div class=\"buttons\" #buttons>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n</div>\n<div class=\"container\" *ngIf=\"isOpen\">\n <ng-content select=\"[body]\"></ng-content>\n</div>\n",
|
|
3450
|
+
styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block .buttons{flex:1;display:flex;justify-content:flex-end}.block:hover{background:var(--colorBgLevel2)}.block>span{display:inline-block;margin-right:4px}.block .label{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block .counter{display:flex;align-items:center;padding-right:8px}.block .arrow{margin-right:0}.block .arrow.close{transform:rotate(-90deg)}.label-icon{margin-right:4px;width:16px;height:16px}"]
|
|
3420
3451
|
}),
|
|
3421
3452
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
3422
3453
|
], ContentToggleComponent);
|