@apipass/inputs 0.2.5-alpha.3 → 0.2.5-alpha.6
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/bundles/apipass-inputs.umd.js +23 -21
- package/bundles/apipass-inputs.umd.js.map +1 -1
- package/bundles/apipass-inputs.umd.min.js +2 -2
- package/bundles/apipass-inputs.umd.min.js.map +1 -1
- package/custom-select/custom-select.component.d.ts +4 -0
- package/esm2015/custom-select/custom-select.component.js +15 -12
- package/fesm2015/apipass-inputs.js +12 -10
- package/fesm2015/apipass-inputs.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/material/core'), require('@apipass/pipes'), require('@angular/material/input'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('lodash'), require('@angular-material-extensions/password-strength'), require('@apipass/icons'), require('rxjs'), require('rxjs/operators'), require('@ng-select/ng-select'), require('mat-select-filter'), require('@angular/cdk/overlay'), require('ngx-drag-drop'), require('@angular/router'), require('brace'), require('brace/theme/monokai'), require('@apipass/buttons')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@apipass/inputs', ['exports', '@angular/core', '@angular/forms', '@angular/common', '@angular/material/form-field', '@angular/material/select', '@angular/material/core', '@apipass/pipes', '@angular/material/input', '@angular/material/icon', '@angular/material/tooltip', 'lodash', '@angular-material-extensions/password-strength', '@apipass/icons', 'rxjs', 'rxjs/operators', '@ng-select/ng-select', 'mat-select-filter', '@angular/cdk/overlay', 'ngx-drag-drop', '@angular/router', 'brace', 'brace/theme/monokai', '@apipass/buttons'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.inputs = {}), global.ng.core, global.ng.forms, global.ng.common, global.ng.material.formField, global.ng.material.select, global.ng.material.core, global.i6, global.ng.material.input, global.ng.material.icon, global.ng.material.tooltip, global.lodash, global.i5$1, global.i3$1, global.rxjs, global.rxjs.operators, global.i1$3, global.matSelectFilter, global.ng.cdk.overlay, global.i6$1, global.ng.router, null, null, global.i1$
|
|
5
|
-
}(this, (function (exports, i0, i4, i1$2, i1, i1$1, i5, i6, i3, i5$2, i2, lodash, i5$1, i3$1, rxjs, operators, i1$3, matSelectFilter,
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.inputs = {}), global.ng.core, global.ng.forms, global.ng.common, global.ng.material.formField, global.ng.material.select, global.ng.material.core, global.i6, global.ng.material.input, global.ng.material.icon, global.ng.material.tooltip, global.lodash, global.i5$1, global.i3$1, global.rxjs, global.rxjs.operators, global.i1$3, global.matSelectFilter, global.ng.cdk.overlay, global.i6$1, global.ng.router, null, null, global.i1$5));
|
|
5
|
+
}(this, (function (exports, i0, i4, i1$2, i1, i1$1, i5, i6, i3, i5$2, i2, lodash, i5$1, i3$1, rxjs, operators, i1$3, matSelectFilter, i1$4, i6$1, i1$6, brace, monokai, i1$5) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/*! *****************************************************************************
|
|
8
8
|
Copyright (c) Microsoft Corporation.
|
|
@@ -1564,7 +1564,8 @@
|
|
|
1564
1564
|
var _c3$1 = function () { return { standalone: true }; };
|
|
1565
1565
|
var _c4 = function (a0, a1) { return { "fa-caret-down": a0, "fa-caret-up": a1 }; };
|
|
1566
1566
|
var CustomSelectComponent = /** @class */ (function () {
|
|
1567
|
-
function CustomSelectComponent() {
|
|
1567
|
+
function CustomSelectComponent(sso) {
|
|
1568
|
+
this.sso = sso;
|
|
1568
1569
|
this.disabled = false;
|
|
1569
1570
|
this.items = [];
|
|
1570
1571
|
this.allowTyping = false;
|
|
@@ -1583,6 +1584,7 @@
|
|
|
1583
1584
|
};
|
|
1584
1585
|
this.onChangeCallback = function () {
|
|
1585
1586
|
};
|
|
1587
|
+
this.scrollStrategy = this.sso.block();
|
|
1586
1588
|
}
|
|
1587
1589
|
CustomSelectComponent.prototype.onBlur = function (target) {
|
|
1588
1590
|
if (this.allowTyping) {
|
|
@@ -1710,7 +1712,7 @@
|
|
|
1710
1712
|
};
|
|
1711
1713
|
return CustomSelectComponent;
|
|
1712
1714
|
}());
|
|
1713
|
-
CustomSelectComponent.ɵfac = function CustomSelectComponent_Factory(t) { return new (t || CustomSelectComponent)(); };
|
|
1715
|
+
CustomSelectComponent.ɵfac = function CustomSelectComponent_Factory(t) { return new (t || CustomSelectComponent)(i0.ɵɵdirectiveInject(i1$4.ScrollStrategyOptions)); };
|
|
1714
1716
|
CustomSelectComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CustomSelectComponent, selectors: [["custom-select"]], viewQuery: function CustomSelectComponent_Query(rf, ctx) {
|
|
1715
1717
|
if (rf & 1) {
|
|
1716
1718
|
i0.ɵɵviewQuery(_c0$4, true);
|
|
@@ -1732,7 +1734,7 @@
|
|
|
1732
1734
|
provide: i4.NG_VALUE_ACCESSOR,
|
|
1733
1735
|
useExisting: i0.forwardRef(function () { return CustomSelectComponent; }),
|
|
1734
1736
|
multi: true
|
|
1735
|
-
}])], decls: 11, vars:
|
|
1737
|
+
}])], decls: 11, vars: 18, consts: [[1, "custom-select-input"], ["trigger", ""], ["cdkOverlayOrigin", "", "appearance", "fill", "autocomplete", "off", 1, "custom-select-component", 3, "ngClass"], ["origin", "cdkOverlayOrigin"], ["matInput", "", "dndDropzone", "", "autocomplete", "off", 3, "placeholder", "ngModel", "ngModelOptions", "disabled", "focus", "blur", "ngModelChange", "keyup", "click", "dndDrop"], ["input", ""], ["title", "Remover", "class", "remove-icon", 3, "click", 4, "ngIf"], [1, "open-icon", 3, "click"], [1, "fas", 3, "ngClass"], [1, "custom-select-component"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayMinWidth"], ["title", "Remover", 1, "remove-icon", 3, "click"], [1, "fa", "fa-times"], [1, "ul-ac"], [1, "li-search", "search-input-item"], ["appearance", "fill", 1, "apipass-input-text", "search-input-item"], ["matInput", "", "aria-autocomplete", "none", "autocomplete", "off", 1, "search-input-item", 3, "placeholder", "ngModel", "ngModelChange", "blur"], ["class", "clickable", 3, "click", "mousedown", 4, "ngFor", "ngForOf"], [1, "li-add", 3, "mousedown", "click"], [1, "fa", "fa-plus-circle"], [1, "clickable", 3, "click", "mousedown"]], template: function CustomSelectComponent_Template(rf, ctx) {
|
|
1736
1738
|
if (rf & 1) {
|
|
1737
1739
|
i0.ɵɵelementStart(0, "div", 0, 1);
|
|
1738
1740
|
i0.ɵɵelementStart(2, "mat-form-field", 2, 3);
|
|
@@ -1753,17 +1755,17 @@
|
|
|
1753
1755
|
if (rf & 2) {
|
|
1754
1756
|
var _r1 = i0.ɵɵreference(3);
|
|
1755
1757
|
i0.ɵɵadvance(2);
|
|
1756
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
1758
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2$1, ctx.opened));
|
|
1757
1759
|
i0.ɵɵadvance(2);
|
|
1758
|
-
i0.ɵɵproperty("placeholder", ctx.placeHolder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(
|
|
1760
|
+
i0.ɵɵproperty("placeholder", ctx.placeHolder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(14, _c3$1))("disabled", ctx.disabled);
|
|
1759
1761
|
i0.ɵɵadvance(2);
|
|
1760
1762
|
i0.ɵɵproperty("ngIf", ctx.allowRemove);
|
|
1761
1763
|
i0.ɵɵadvance(2);
|
|
1762
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(
|
|
1764
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(15, _c4, !ctx.opened, ctx.opened));
|
|
1763
1765
|
i0.ɵɵadvance(2);
|
|
1764
|
-
i0.ɵɵproperty("
|
|
1766
|
+
i0.ɵɵproperty("cdkConnectedOverlayPanelClass", "custom-select-overlay-panel")("cdkConnectedOverlayScrollStrategy", ctx.scrollStrategy)("cdkConnectedOverlayOrigin", _r1)("cdkConnectedOverlayOpen", ctx.opened)("cdkConnectedOverlayMinWidth", ctx._triggerRect == null ? null : ctx._triggerRect.width);
|
|
1765
1767
|
}
|
|
1766
|
-
}, directives: [i1.MatFormField,
|
|
1768
|
+
}, directives: [i1.MatFormField, i1$4.CdkOverlayOrigin, i1$2.NgClass, i3.MatInput, i4.DefaultValueAccessor, i6$1.DndDropzoneDirective, i4.NgControlStatus, i4.NgModel, i1$2.NgIf, i1$4.CdkConnectedOverlay, i1$2.NgForOf], pipes: [i6.SelectFilterPipe], styles: [".custom-select-component[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%], .custom-select-overlay-panel{cursor:pointer}.custom-select-component[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-overlay-panel input{background:#fff!important;height:37px}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac{background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;margin-top:-1px;padding:0;position:relative;width:100%}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li{cursor:pointer;font-size:12px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, .custom-select-overlay-panel .ul-ac li:hover{background:#bbbcbc}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li .mat-form-field-flex{height:37px!important}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input{height:auto}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac .li-add{border-top:1px solid #d3d3d3}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac .li-add .fa{color:#ff8f17;padding-right:5px}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%], .custom-select-overlay-panel .selected{background-color:#898a8a!important}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-overlay-panel .selected .fa{color:#fff!important}.custom-select-component[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-overlay-panel .remove-icon i{color:red;margin-right:10px}.custom-select-component[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%], .custom-select-overlay-panel .open-icon{cursor:pointer}.custom-select-component[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-overlay-panel .open-icon i{color:rgba(0,0,0,.54)}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%], .custom-select-overlay-panel .li-search{border-bottom:1px solid #ccc!important;cursor:default!important}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]:hover, .custom-select-input[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]:hover, .custom-select-overlay-panel .li-search:hover{background:#fff!important}.custom-select-component[_ngcontent-%COMP%] .select-open[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .select-open[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-overlay-panel .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}"] });
|
|
1767
1769
|
/*@__PURE__*/ (function () {
|
|
1768
1770
|
i0.ɵsetClassMetadata(CustomSelectComponent, [{
|
|
1769
1771
|
type: i0.Component,
|
|
@@ -1777,7 +1779,7 @@
|
|
|
1777
1779
|
multi: true
|
|
1778
1780
|
}]
|
|
1779
1781
|
}]
|
|
1780
|
-
}],
|
|
1782
|
+
}], function () { return [{ type: i1$4.ScrollStrategyOptions }]; }, { disabled: [{
|
|
1781
1783
|
type: i0.Input
|
|
1782
1784
|
}], items: [{
|
|
1783
1785
|
type: i0.Input
|
|
@@ -2553,7 +2555,7 @@
|
|
|
2553
2555
|
i0.ɵɵadvance(1);
|
|
2554
2556
|
i0.ɵɵproperty("selected", ctx.value === false || ctx.value === undefined)("label", ctx.falseLabel)("icon", ctx.falseIconPrefix)("suffixIcon", ctx.falseIconSuffix)("btnDisabled", ctx.disabled);
|
|
2555
2557
|
}
|
|
2556
|
-
}, directives: [i1$
|
|
2558
|
+
}, directives: [i1$5.PrimaryButtonComponent], styles: [".input-boolean{display:flex;flex-wrap:wrap;width:100%}.input-boolean primary-button:first-child{margin-right:5px}.input-boolean primary-button button:not(.selected){background:#fff;border:1px solid var(--color-fonts-tertiary);color:var(--color-fonts-tertiary);cursor:pointer}.input-boolean primary-button button:not(.selected):hover{color:#fff}.input-boolean primary-button button:not(.selected).mat-button-disabled{color:var(--color-fonts-tertiary)!important;cursor:default!important;pointer-events:none!important}.input-boolean primary-button button.selected{cursor:default;pointer-events:none}.input-boolean primary-button button.selected,.input-boolean primary-button button.selected:hover{background:#fff;border:1px solid var(--color-primary);color:var(--color-primary)}.input-boolean primary-button button.selected.mat-button-disabled{background:var(--color-fonts-tertiary);color:#fff!important;cursor:default!important;pointer-events:none!important}"], encapsulation: 2 });
|
|
2557
2559
|
var ɵInputBooleanComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(InputBooleanComponent);
|
|
2558
2560
|
/*@__PURE__*/ (function () {
|
|
2559
2561
|
i0.ɵsetClassMetadata(InputBooleanComponent, [{
|
|
@@ -2623,7 +2625,7 @@
|
|
|
2623
2625
|
}());
|
|
2624
2626
|
InputsModule.ɵmod = i0.ɵɵdefineNgModule({ type: InputsModule });
|
|
2625
2627
|
InputsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function InputsModule_Factory(t) { return new (t || InputsModule)(); }, providers: [], imports: [[
|
|
2626
|
-
i1$
|
|
2628
|
+
i1$6.RouterModule.forChild([]),
|
|
2627
2629
|
i1$2.CommonModule,
|
|
2628
2630
|
i4.FormsModule,
|
|
2629
2631
|
i1.MatFormFieldModule,
|
|
@@ -2637,8 +2639,8 @@
|
|
|
2637
2639
|
i3$1.IconsModule,
|
|
2638
2640
|
i2.MatTooltipModule,
|
|
2639
2641
|
i6$1.DndModule,
|
|
2640
|
-
i1$
|
|
2641
|
-
|
|
2642
|
+
i1$5.ButtonsModule,
|
|
2643
|
+
i1$4.OverlayModule,
|
|
2642
2644
|
]] });
|
|
2643
2645
|
(function () {
|
|
2644
2646
|
(typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(InputsModule, { declarations: [MatSelectInfiniteScrollDirective,
|
|
@@ -2654,7 +2656,7 @@
|
|
|
2654
2656
|
FieldComponent,
|
|
2655
2657
|
AceEditorComponent,
|
|
2656
2658
|
AceEditorDirective,
|
|
2657
|
-
DebouceInputDirective], imports: [i1$
|
|
2659
|
+
DebouceInputDirective], imports: [i1$6.RouterModule, i1$2.CommonModule,
|
|
2658
2660
|
i4.FormsModule,
|
|
2659
2661
|
i1.MatFormFieldModule,
|
|
2660
2662
|
i3.MatInputModule,
|
|
@@ -2667,8 +2669,8 @@
|
|
|
2667
2669
|
i3$1.IconsModule,
|
|
2668
2670
|
i2.MatTooltipModule,
|
|
2669
2671
|
i6$1.DndModule,
|
|
2670
|
-
i1$
|
|
2671
|
-
|
|
2672
|
+
i1$5.ButtonsModule,
|
|
2673
|
+
i1$4.OverlayModule], exports: [SelectBoxComponent,
|
|
2672
2674
|
SelectEnumComponent,
|
|
2673
2675
|
InputTextComponent,
|
|
2674
2676
|
InputNumberComponent,
|
|
@@ -2687,7 +2689,7 @@
|
|
|
2687
2689
|
type: i0.NgModule,
|
|
2688
2690
|
args: [{
|
|
2689
2691
|
imports: [
|
|
2690
|
-
i1$
|
|
2692
|
+
i1$6.RouterModule.forChild([]),
|
|
2691
2693
|
i1$2.CommonModule,
|
|
2692
2694
|
i4.FormsModule,
|
|
2693
2695
|
i1.MatFormFieldModule,
|
|
@@ -2701,8 +2703,8 @@
|
|
|
2701
2703
|
i3$1.IconsModule,
|
|
2702
2704
|
i2.MatTooltipModule,
|
|
2703
2705
|
i6$1.DndModule,
|
|
2704
|
-
i1$
|
|
2705
|
-
|
|
2706
|
+
i1$5.ButtonsModule,
|
|
2707
|
+
i1$4.OverlayModule,
|
|
2706
2708
|
],
|
|
2707
2709
|
declarations: [
|
|
2708
2710
|
MatSelectInfiniteScrollDirective,
|