@inspark/inspark-components 1.0.42 → 1.0.43

package/full/fesm5/inspark-inspark-components.js

@@ -756,6 +756,8 @@ var InputTextComponent = /** @class */ (function () {
         this.onTouched = fn;
     };
     InputTextComponent.prototype.clear = function () {
+        this.value = '';
+        this.propagateChange('');
         this.onClick.emit('');
     };
     InputTextComponent.prototype.onChange = function (_) {
@@ -880,7 +882,7 @@ var InputTextComponent = /** @class */ (function () {
     InputTextComponent = InputTextComponent_1 = __decorate([
         Component({
             selector: 'in-input-text',
-            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",
+            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=\"submit\"\n            [attr.title]=\"'Reset' | translate\">\n      <i class=\"fa fa-close\"></i>\n    </button>\n  </div>\n</label>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -2338,7 +2340,7 @@ var ToolbarComponent = /** @class */ (function () {
             template: "<div class=\"toolbar-wrapper\">\n  <in-sticky top=\"60\">\n\n    <div class=\"c-panel toolbar-container\">\n      <div class=\"c-toolbar\">\n        <div class=\"c-toolbar__side-left\">\n          <div class=\"c-toolbar__title\">{{title}}</div>\n        </div>\n        <div class=\"c-toolbar__side-center\">\n\n        </div>\n        <div class=\"c-toolbar__side-right\">\n          <ng-content></ng-content>\n        </div>\n\n      </div>\n    </div>\n  </in-sticky>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             entryComponents: [],
-            styles: [".toolbar-wrapper{padding-bottom:4px}.toolbar-container{padding:8px;position:relative}:host{position:sticky;z-index:2}.c-toolbar{display:inline-flex;width:100%}.c-toolbar__side-left{flex:1;text-align:left}.c-toolbar__title{display:inline-flex;vertical-align:middle;font-size:22px}.c-toolbar__side-right{display:flex;text-align:right}.add-widget{position:fixed;right:16px;bottom:16px}.widget-container{position:absolute;left:0;top:40px;right:0;bottom:0;overflow:auto}.widget-block{position:absolute;left:5px;top:5px;right:5px;bottom:5px}.sidebar{background:var(--main-background);position:absolute;left:0;top:35px;bottom:0;height:100vh;z-index:100;width:300px;box-shadow:0 0 3px 8px rgba(0,0,0,.1);overflow:auto}.right-side{display:flex;align-items:center;justify-content:flex-end;flex:1}.right-side>*{margin-left:5px}.left-side{white-space:nowrap;display:flex;align-items:center;justify-content:flex-start}.left-side>*{margin-right:5px}.controls-panel{height:41px;border-radius:2px;padding:4px 0;margin:0 5px 5px;display:flex}.dashboard-list{position:relative}.title{font-size:22px}"]
+            styles: [".toolbar-wrapper{padding-bottom:4px}.toolbar-container{padding:8px;position:relative}:host{position:-webkit-sticky;position:sticky;z-index:2}.c-toolbar{display:inline-flex;width:100%}.c-toolbar__side-left{flex:1;text-align:left}.c-toolbar__title{display:inline-flex;vertical-align:middle;font-size:22px}.c-toolbar__side-right{display:flex;text-align:right}.add-widget{position:fixed;right:16px;bottom:16px}.widget-container{position:absolute;left:0;top:40px;right:0;bottom:0;overflow:auto}.widget-block{position:absolute;left:5px;top:5px;right:5px;bottom:5px}.sidebar{background:var(--main-background);position:absolute;left:0;top:35px;bottom:0;height:100vh;z-index:100;width:300px;box-shadow:0 0 3px 8px rgba(0,0,0,.1);overflow:auto}.right-side{display:flex;align-items:center;justify-content:flex-end;flex:1}.right-side>*{margin-left:5px}.left-side{white-space:nowrap;display:flex;align-items:center;justify-content:flex-start}.left-side>*{margin-right:5px}.controls-panel{height:41px;border-radius:2px;padding:4px 0;margin:0 5px 5px;display:flex}.dashboard-list{position:relative}.title{font-size:22px}"]
         }),
         __metadata("design:paramtypes", [ElementRef, ChangeDetectorRef, Router])
     ], ToolbarComponent);