@simpleangularcontrols/sac-bootstrap4 16.0.0-rc.2 → 16.0.0-rc.21
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/README.md +17 -17
- package/components/browser/browser.d.ts +6 -6
- package/components/browser/browser.d.ts.map +1 -1
- package/controls/buttons/button.d.ts.map +1 -1
- package/controls/buttons/button.module.d.ts.map +1 -1
- package/controls/buttons/index.d.ts +2 -0
- package/controls/buttons/index.d.ts.map +1 -0
- package/controls/checkbox/checkbox.d.ts +5 -5
- package/controls/checkbox/checkbox.d.ts.map +1 -1
- package/controls/checkbox/checkbox.module.d.ts.map +1 -1
- package/controls/checkbox/radiobutton.d.ts +7 -3
- package/controls/checkbox/radiobutton.d.ts.map +1 -1
- package/controls/checkbox/radiobuttons.d.ts +5 -5
- package/controls/checkbox/radiobuttons.d.ts.map +1 -1
- package/controls/confirm/confirm.service.d.ts +10 -11
- package/controls/confirm/confirm.service.d.ts.map +1 -1
- package/controls/contextmenu/contextmenu.d.ts +6 -6
- package/controls/contextmenu/contextmenu.d.ts.map +1 -1
- package/controls/contextmenu/contextmenu.module.d.ts.map +1 -1
- package/controls/contextmenu/contextmenuanchor.d.ts +2 -2
- package/controls/contextmenu/contextmenuanchor.d.ts.map +1 -1
- package/controls/contextmenu/contextmenucontainer.d.ts +2 -2
- package/controls/contextmenu/contextmenucontainer.d.ts.map +1 -1
- package/controls/contextmenu/contextmenuitembutton.d.ts +3 -4
- package/controls/contextmenu/contextmenuitembutton.d.ts.map +1 -1
- package/controls/contextmenu/contextmenuitemsplitter.d.ts.map +1 -1
- package/controls/datetime/date.d.ts +9 -8
- package/controls/datetime/date.d.ts.map +1 -1
- package/controls/datetime/dateselector.d.ts.map +1 -1
- package/controls/datetime/datetime.d.ts +9 -8
- package/controls/datetime/datetime.d.ts.map +1 -1
- package/controls/datetime/datetime.module.d.ts.map +1 -1
- package/controls/datetime/time.d.ts +9 -8
- package/controls/datetime/time.d.ts.map +1 -1
- package/controls/dialog/dialog.d.ts +4 -4
- package/controls/dialog/dialog.d.ts.map +1 -1
- package/controls/dialog/index.d.ts +2 -0
- package/controls/dialog/index.d.ts.map +1 -0
- package/controls/form/form.d.ts +3 -11
- package/controls/form/form.d.ts.map +1 -1
- package/controls/form/inheritform.directive.d.ts +16 -39
- package/controls/form/inheritform.directive.d.ts.map +1 -1
- package/controls/grid/grid.d.ts +6 -6
- package/controls/grid/grid.d.ts.map +1 -1
- package/controls/grid/grid.module.d.ts.map +1 -1
- package/controls/grid/gridbutton.d.ts +5 -11
- package/controls/grid/gridbutton.d.ts.map +1 -1
- package/controls/grid/gridcolumn.d.ts +1 -1
- package/controls/grid/gridcolumn.d.ts.map +1 -1
- package/controls/grid/gridimage.d.ts +0 -5
- package/controls/grid/gridimage.d.ts.map +1 -1
- package/controls/grid/paging.d.ts.map +1 -1
- package/controls/input/input.d.ts +5 -5
- package/controls/input/input.d.ts.map +1 -1
- package/controls/input/input.module.d.ts.map +1 -1
- package/controls/input/inputarea.d.ts +5 -5
- package/controls/input/inputarea.d.ts.map +1 -1
- package/controls/input/inputcurrency.d.ts +5 -5
- package/controls/input/inputcurrency.d.ts.map +1 -1
- package/controls/input/inputdecimal.d.ts +5 -5
- package/controls/input/inputdecimal.d.ts.map +1 -1
- package/controls/input/inputemail.d.ts +5 -5
- package/controls/input/inputemail.d.ts.map +1 -1
- package/controls/input/inputinteger.d.ts +5 -5
- package/controls/input/inputinteger.d.ts.map +1 -1
- package/controls/input/inputpassword.d.ts +5 -5
- package/controls/input/inputpassword.d.ts.map +1 -1
- package/controls/input/inputsearch.d.ts +5 -5
- package/controls/input/inputsearch.d.ts.map +1 -1
- package/controls/layout/formlayout.directive.d.ts +7 -0
- package/controls/layout/formlayout.directive.d.ts.map +1 -0
- package/controls/layout/layout.module.d.ts +13 -0
- package/controls/layout/layout.module.d.ts.map +1 -0
- package/controls/layout/tocontrolheight.pipe.d.ts +13 -0
- package/controls/layout/tocontrolheight.pipe.d.ts.map +1 -0
- package/controls/layout/tocontrolwidthcss.pipe.d.ts +20 -0
- package/controls/layout/tocontrolwidthcss.pipe.d.ts.map +1 -0
- package/controls/layout/tolabelheight.pipe.d.ts +13 -0
- package/controls/layout/tolabelheight.pipe.d.ts.map +1 -0
- package/controls/layout/tolabelwidthcss.pipe.d.ts +14 -0
- package/controls/layout/tolabelwidthcss.pipe.d.ts.map +1 -0
- package/controls/list/dropdown.d.ts +19 -19
- package/controls/list/dropdown.d.ts.map +1 -1
- package/controls/list/dropdown.module.d.ts.map +1 -1
- package/controls/list/listbox.d.ts +17 -17
- package/controls/list/listbox.d.ts.map +1 -1
- package/controls/multilanguage/multilanguage.module.d.ts.map +1 -1
- package/controls/multilanguage/multilanguageinput.d.ts +5 -5
- package/controls/multilanguage/multilanguageinput.d.ts.map +1 -1
- package/controls/multilanguage/multilanguageinputarea.d.ts +5 -5
- package/controls/multilanguage/multilanguageinputarea.d.ts.map +1 -1
- package/controls/multilanguage/multilanguagemenu.d.ts +6 -6
- package/controls/multilanguage/multilanguagemenu.d.ts.map +1 -1
- package/controls/multilanguage/multilanguagemenuanchor.d.ts +2 -2
- package/controls/multilanguage/multilanguagemenuanchor.d.ts.map +1 -1
- package/controls/multilanguage/multilanguagemenucontainer.d.ts +2 -2
- package/controls/multilanguage/multilanguagemenucontainer.d.ts.map +1 -1
- package/controls/multilanguage/multilanguagemenuitembutton.d.ts +3 -3
- package/controls/multilanguage/multilanguagemenuitembutton.d.ts.map +1 -1
- package/controls/static/formcontainer.d.ts +7 -7
- package/controls/static/formcontainer.d.ts.map +1 -1
- package/controls/static/staticlabel.d.ts +5 -5
- package/controls/static/staticlabel.d.ts.map +1 -1
- package/controls/static/staticlabel.module.d.ts.map +1 -1
- package/controls/tabs/tab.d.ts +1 -1
- package/controls/tabs/tab.d.ts.map +1 -1
- package/controls/tinymce/tinymce.d.ts +6 -6
- package/controls/tinymce/tinymce.d.ts.map +1 -1
- package/controls/tooltip/tooltip.d.ts +38 -0
- package/controls/tooltip/tooltip.d.ts.map +1 -0
- package/controls/tooltip/tooltip.module.d.ts +9 -0
- package/controls/tooltip/tooltip.module.d.ts.map +1 -0
- package/controls/treeview/treeview.d.ts +18 -0
- package/controls/treeview/treeview.d.ts.map +1 -0
- package/controls/treeview/treeview.module.d.ts +9 -0
- package/controls/treeview/treeview.module.d.ts.map +1 -0
- package/controls/upload/dropzonemultiple.d.ts +7 -7
- package/controls/upload/dropzonemultiple.d.ts.map +1 -1
- package/controls/upload/dropzonesingle.d.ts +7 -7
- package/controls/upload/dropzonesingle.d.ts.map +1 -1
- package/controls/upload/upload.d.ts +7 -7
- package/controls/upload/upload.d.ts.map +1 -1
- package/controls/upload/upload.module.d.ts.map +1 -1
- package/controls/upload/uploadmultiple.d.ts +7 -7
- package/controls/upload/uploadmultiple.d.ts.map +1 -1
- package/controls/validation/validationsummary.d.ts +5 -5
- package/controls/validation/validationsummary.d.ts.map +1 -1
- package/esm2022/components/browser/browser.mjs +19 -15
- package/esm2022/components/browser/browser.module.mjs +1 -1
- package/esm2022/controls/buttons/button.mjs +5 -5
- package/esm2022/controls/buttons/button.module.mjs +5 -9
- package/esm2022/controls/buttons/index.mjs +2 -0
- package/esm2022/controls/checkbox/checkbox.mjs +27 -20
- package/esm2022/controls/checkbox/checkbox.module.mjs +15 -5
- package/esm2022/controls/checkbox/radiobutton.mjs +18 -9
- package/esm2022/controls/checkbox/radiobuttons.mjs +28 -20
- package/esm2022/controls/confirm/confirm.mjs +3 -3
- package/esm2022/controls/confirm/confirm.module.mjs +1 -1
- package/esm2022/controls/confirm/confirm.service.mjs +31 -16
- package/esm2022/controls/contextmenu/contextmenu.mjs +16 -24
- package/esm2022/controls/contextmenu/contextmenu.module.mjs +12 -8
- package/esm2022/controls/contextmenu/contextmenuanchor.mjs +5 -4
- package/esm2022/controls/contextmenu/contextmenucontainer.mjs +5 -4
- package/esm2022/controls/contextmenu/contextmenuitembutton.mjs +22 -13
- package/esm2022/controls/contextmenu/contextmenuitemsplitter.mjs +14 -4
- package/esm2022/controls/contextmenu/index.mjs +1 -1
- package/esm2022/controls/datetime/date.mjs +39 -18
- package/esm2022/controls/datetime/dateselector.mjs +5 -10
- package/esm2022/controls/datetime/datetime.mjs +36 -18
- package/esm2022/controls/datetime/datetime.module.mjs +27 -10
- package/esm2022/controls/datetime/time.mjs +36 -18
- package/esm2022/controls/dialog/dialog.mjs +16 -12
- package/esm2022/controls/dialog/dialog.module.mjs +1 -1
- package/esm2022/controls/dialog/index.mjs +2 -0
- package/esm2022/controls/form/form.mjs +6 -17
- package/esm2022/controls/form/form.module.mjs +1 -1
- package/esm2022/controls/form/inheritform.directive.mjs +46 -63
- package/esm2022/controls/grid/grid.mjs +14 -16
- package/esm2022/controls/grid/grid.module.mjs +36 -9
- package/esm2022/controls/grid/gridbutton.mjs +11 -35
- package/esm2022/controls/grid/gridcolumn.mjs +6 -5
- package/esm2022/controls/grid/gridcolumnaction.mjs +3 -3
- package/esm2022/controls/grid/gridimage.mjs +5 -17
- package/esm2022/controls/grid/paging.mjs +7 -12
- package/esm2022/controls/input/input.mjs +30 -15
- package/esm2022/controls/input/input.module.mjs +36 -6
- package/esm2022/controls/input/inputarea.mjs +30 -15
- package/esm2022/controls/input/inputcurrency.mjs +30 -15
- package/esm2022/controls/input/inputdecimal.mjs +30 -15
- package/esm2022/controls/input/inputemail.mjs +30 -15
- package/esm2022/controls/input/inputinteger.mjs +30 -15
- package/esm2022/controls/input/inputpassword.mjs +30 -15
- package/esm2022/controls/input/inputsearch.mjs +29 -14
- package/esm2022/controls/layout/formlayout.directive.mjs +16 -0
- package/esm2022/controls/layout/layout.module.mjs +44 -0
- package/esm2022/controls/layout/tocontrolheight.pipe.mjs +35 -0
- package/esm2022/controls/layout/tocontrolwidthcss.pipe.mjs +56 -0
- package/esm2022/controls/layout/tolabelheight.pipe.mjs +35 -0
- package/esm2022/controls/layout/tolabelwidthcss.pipe.mjs +40 -0
- package/esm2022/controls/list/dropdown.mjs +55 -44
- package/esm2022/controls/list/dropdown.module.mjs +5 -11
- package/esm2022/controls/list/list.module.mjs +2 -2
- package/esm2022/controls/list/listbox.mjs +54 -44
- package/esm2022/controls/multilanguage/multilanguage.module.mjs +8 -4
- package/esm2022/controls/multilanguage/multilanguageinput.mjs +30 -17
- package/esm2022/controls/multilanguage/multilanguageinputarea.mjs +30 -17
- package/esm2022/controls/multilanguage/multilanguagemenu.mjs +12 -11
- package/esm2022/controls/multilanguage/multilanguagemenuanchor.mjs +5 -4
- package/esm2022/controls/multilanguage/multilanguagemenucontainer.mjs +5 -4
- package/esm2022/controls/multilanguage/multilanguagemenuitembutton.mjs +21 -11
- package/esm2022/controls/static/formcontainer.mjs +29 -18
- package/esm2022/controls/static/staticlabel.mjs +29 -14
- package/esm2022/controls/static/staticlabel.module.mjs +8 -6
- package/esm2022/controls/tabs/tab.mjs +8 -10
- package/esm2022/controls/tabs/tabitem.mjs +3 -3
- package/esm2022/controls/tabs/tabs.module.mjs +1 -1
- package/esm2022/controls/tinymce/tinymce.mjs +30 -20
- package/esm2022/controls/tinymce/tinymce.module.mjs +1 -1
- package/esm2022/controls/tooltip/tooltip.mjs +51 -0
- package/esm2022/controls/tooltip/tooltip.module.mjs +18 -0
- package/esm2022/controls/treeview/treeview.mjs +71 -0
- package/esm2022/controls/treeview/treeview.module.mjs +18 -0
- package/esm2022/controls/upload/dropzonemultiple.mjs +34 -15
- package/esm2022/controls/upload/dropzonesingle.mjs +34 -15
- package/esm2022/controls/upload/upload.mjs +31 -15
- package/esm2022/controls/upload/upload.module.mjs +12 -5
- package/esm2022/controls/upload/uploadmultiple.mjs +32 -15
- package/esm2022/controls/validation/validationsummary.mjs +12 -20
- package/esm2022/controls/validation/validationsummary.module.mjs +1 -1
- package/esm2022/controls/wizard/wizard.mjs +3 -3
- package/esm2022/controls/wizard/wizard.module.mjs +1 -1
- package/esm2022/controls/wizard/wizarditem.mjs +1 -1
- package/esm2022/public_api.mjs +36 -25
- package/fesm2022/simpleangularcontrols-sac-bootstrap4.mjs +1392 -751
- package/fesm2022/simpleangularcontrols-sac-bootstrap4.mjs.map +1 -1
- package/package.json +37 -36
- package/public_api.d.ts +35 -24
- package/public_api.d.ts.map +1 -1
- package/simpleangularcontrols-sac-bootstrap4-16.0.0-rc.21.tgz +0 -0
- package/simpleangularcontrols-sac-bootstrap4-16.0.0-rc.2.tgz +0 -0
|
@@ -1,23 +1,28 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { SacToControlHeightPipe } from '../layout/tocontrolheight.pipe';
|
|
2
|
+
import { SacToControlWidthCssPipe } from '../layout/tocontrolwidthcss.pipe';
|
|
3
|
+
import { SacToLabelHeightPipe } from '../layout/tolabelheight.pipe';
|
|
4
|
+
import { SacToLabelWidthCssPipe } from '../layout/tolabelwidthcss.pipe';
|
|
5
|
+
import { SacTooltipComponent } from '../tooltip/tooltip';
|
|
5
6
|
import { AsyncPipe, NgClass, NgIf } from '@angular/common';
|
|
7
|
+
import { Component, Host, Optional, forwardRef } from '@angular/core';
|
|
8
|
+
import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
9
|
+
import { SacInputPasswordCommon, SacTestingAttributePipe } from '@simpleangularcontrols/sac-common';
|
|
6
10
|
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "../
|
|
11
|
+
import * as i1 from "../layout/formlayout.directive";
|
|
8
12
|
/**
|
|
9
13
|
* Input Box für Passwörter
|
|
10
14
|
*/
|
|
11
15
|
class SacInputPasswordComponent extends SacInputPasswordCommon {
|
|
16
|
+
// #region Constructors
|
|
12
17
|
/**
|
|
13
|
-
*
|
|
14
|
-
* @param
|
|
15
|
-
* @param injector
|
|
18
|
+
* Constructor
|
|
19
|
+
* @param formLayout SacFormLayout to define scoped layout settings
|
|
20
|
+
* @param injector Injector for injecting services
|
|
16
21
|
*/
|
|
17
|
-
constructor(
|
|
18
|
-
super(
|
|
22
|
+
constructor(formLayout, injector) {
|
|
23
|
+
super(formLayout, injector);
|
|
19
24
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputPasswordComponent, deps: [{ token: i1.
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputPasswordComponent, deps: [{ token: i1.SacFormLayoutDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
26
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputPasswordComponent, isStandalone: true, selector: "sac-inputpassword", providers: [
|
|
22
27
|
{
|
|
23
28
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -29,7 +34,7 @@ class SacInputPasswordComponent extends SacInputPasswordCommon {
|
|
|
29
34
|
multi: true,
|
|
30
35
|
useExisting: forwardRef(() => SacInputPasswordComponent),
|
|
31
36
|
},
|
|
32
|
-
], usesInheritance: true, ngImport: i0, template: "<div
|
|
37
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group row\"\n [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n [class.input-group]=\"passwordeye\"\n [class.is-invalid]=\"passwordeye && isinlineerrorenabled && invalid && (dirty || touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n [type]=\"passwordeyevisible ? 'text' : 'password'\"\n class=\"form-control\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n autocomplete=\"new-password\"\n [class.is-invalid]=\"invalid && (dirty || touched)\"\n [ngClass]=\"[componentHeight | toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div\n *ngIf=\"passwordeye\"\n class=\"input-group-append\">\n <a\n class=\"btn btn-outline-secondary\"\n (click)=\"onTogglePasswordEye()\"\n ><span [ngClass]=\"passwordeyevisible ? PasswordEyeVisibleIcon : PasswordEyeHiddenIcon\"></span>\n </a>\n </div>\n <div\n *ngIf=\"!passwordeye && isinlineerrorenabled && invalid && (dirty || touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() | async }}\n </div>\n </div>\n <div\n *ngIf=\"passwordeye && isinlineerrorenabled && invalid && (dirty || touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() | async }}\n </div>\n <small\n *ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight | toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SacToLabelWidthCssPipe, name: "toLabelWidthCss" }, { kind: "pipe", type: SacToControlWidthCssPipe, name: "toControlWidthCss" }, { kind: "pipe", type: SacToLabelHeightPipe, name: "toLabelHeight" }, { kind: "pipe", type: SacToControlHeightPipe, name: "toControlHeight" }, { kind: "component", type: SacTooltipComponent, selector: "sac-tooltip" }, { kind: "pipe", type: SacTestingAttributePipe, name: "testingattribute" }] }); }
|
|
33
38
|
}
|
|
34
39
|
export { SacInputPasswordComponent };
|
|
35
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputPasswordComponent, decorators: [{
|
|
@@ -45,10 +50,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
45
50
|
multi: true,
|
|
46
51
|
useExisting: forwardRef(() => SacInputPasswordComponent),
|
|
47
52
|
},
|
|
48
|
-
],
|
|
49
|
-
|
|
53
|
+
], standalone: true, imports: [
|
|
54
|
+
NgClass,
|
|
55
|
+
NgIf,
|
|
56
|
+
AsyncPipe,
|
|
57
|
+
SacToLabelWidthCssPipe,
|
|
58
|
+
SacToControlWidthCssPipe,
|
|
59
|
+
SacToLabelHeightPipe,
|
|
60
|
+
SacToControlHeightPipe,
|
|
61
|
+
SacTooltipComponent,
|
|
62
|
+
SacTestingAttributePipe,
|
|
63
|
+
], template: "<div\n class=\"form-group row\"\n [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n [class.input-group]=\"passwordeye\"\n [class.is-invalid]=\"passwordeye && isinlineerrorenabled && invalid && (dirty || touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n [type]=\"passwordeyevisible ? 'text' : 'password'\"\n class=\"form-control\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n autocomplete=\"new-password\"\n [class.is-invalid]=\"invalid && (dirty || touched)\"\n [ngClass]=\"[componentHeight | toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div\n *ngIf=\"passwordeye\"\n class=\"input-group-append\">\n <a\n class=\"btn btn-outline-secondary\"\n (click)=\"onTogglePasswordEye()\"\n ><span [ngClass]=\"passwordeyevisible ? PasswordEyeVisibleIcon : PasswordEyeHiddenIcon\"></span>\n </a>\n </div>\n <div\n *ngIf=\"!passwordeye && isinlineerrorenabled && invalid && (dirty || touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() | async }}\n </div>\n </div>\n <div\n *ngIf=\"passwordeye && isinlineerrorenabled && invalid && (dirty || touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() | async }}\n </div>\n <small\n *ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight | toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n" }]
|
|
64
|
+
}], ctorParameters: function () { return [{ type: i1.SacFormLayoutDirective, decorators: [{
|
|
50
65
|
type: Host
|
|
51
66
|
}, {
|
|
52
67
|
type: Optional
|
|
53
68
|
}] }, { type: i0.Injector }]; } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRwYXNzd29yZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA0L3NyYy9jb250cm9scy9pbnB1dC9pbnB1dHBhc3N3b3JkLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDQvc3JjL2NvbnRyb2xzL2lucHV0L2lucHV0cGFzc3dvcmQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsYUFBYSxFQUNiLGlCQUFpQixHQUNsQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRTNEOztHQUVHO0FBQ0gsTUFxQmEseUJBQTBCLFNBQVEsc0JBQXNCO0lBQ25FOzs7O09BSUc7SUFDSCxZQUNzQixNQUF3QixFQUM1QyxRQUFrQjtRQUVsQixLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzFCLENBQUM7K0dBWFUseUJBQXlCO21HQUF6Qix5QkFBeUIsZ0VBakJ6QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSx5QkFBeUI7YUFDdkM7WUFDRDtnQkFDRSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQzthQUN6RDtTQUNGLGlEQzVCSCx3akNBa0NBLDRDREZZLE9BQU8sb0ZBQUUsSUFBSSx3RkFBRSxTQUFTLG1DQUZuQixDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDOztTQUlsRSx5QkFBeUI7NEZBQXpCLHlCQUF5QjtrQkFyQnJDLFNBQVM7K0JBQ0UsbUJBQW1CLGFBR2xCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsMkJBQTJCO3lCQUN2Qzt3QkFDRDs0QkFDRSxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMEJBQTBCLENBQUM7eUJBQ3pEO3FCQUNGLGlCQUVjLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLENBQUMsY0FDakUsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLENBQUM7OzBCQVNoQyxJQUFJOzswQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBIb3N0LCBJbmplY3RvciwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBDb250cm9sQ29udGFpbmVyLFxyXG4gIE5HX1ZBTElEQVRPUlMsXHJcbiAgTkdfVkFMVUVfQUNDRVNTT1IsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTYWNJbnB1dFBhc3N3b3JkQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcclxuaW1wb3J0IHsgU2FjRm9ybURpcmVjdGl2ZSB9IGZyb20gJy4uL2Zvcm0vZm9ybSc7XHJcbmltcG9ydCB7IEFzeW5jUGlwZSwgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG4vKipcclxuICogSW5wdXQgQm94IGbDvHIgUGFzc3fDtnJ0ZXJcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2FjLWlucHV0cGFzc3dvcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dHBhc3N3b3JkLmh0bWwnLFxyXG4gIC8vIFZhbHVlIEFjY2VzcyBQcm92aWRlciByZWdpc3RyaWVyZW4sIGRhbWl0IFdlcnQgdmlhIE1vZGVsIGdlc2NocmllYmVuIHVuZCBnZWxlc2VuIHdlcmRlbiBrYW5uXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICBtdWx0aTogdHJ1ZSxcclxuICAgICAgdXNlRXhpc3Rpbmc6IFNhY0lucHV0UGFzc3dvcmRDb21wb25lbnQsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxyXG4gICAgICBtdWx0aTogdHJ1ZSxcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjSW5wdXRQYXNzd29yZENvbXBvbmVudCksXHJcbiAgICB9LFxyXG4gIF0sXHJcbiAgLy8gVmlldyBQcm92aWRlciwgZGFtaXQgZGFzIEZvcm11bGFyIGFuIGRhcyBDb250cm9sIGdlYnVuZGVuIHdlcmRlbiBrYW5uXHJcbiAgdmlld1Byb3ZpZGVyczogW3sgcHJvdmlkZTogQ29udHJvbENvbnRhaW5lciwgdXNlRXhpc3Rpbmc6IFNhY0Zvcm1EaXJlY3RpdmUgfV0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdDbGFzcywgTmdJZiwgQXN5bmNQaXBlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhY0lucHV0UGFzc3dvcmRDb21wb25lbnQgZXh0ZW5kcyBTYWNJbnB1dFBhc3N3b3JkQ29tbW9uIHtcclxuICAvKipcclxuICAgKiBLb25zdHJ1a3RvclxyXG4gICAqIEBwYXJhbSBwYXJlbnQgRm9ybXVsYXJcclxuICAgKiBAcGFyYW0gaW5qZWN0b3IgQW5ndWxhciBEZXBlbmRlbmN5IEluamVjdGlvbiBTZXJ2aWNlXHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBASG9zdCgpIEBPcHRpb25hbCgpIHBhcmVudDogU2FjRm9ybURpcmVjdGl2ZSxcclxuICAgIGluamVjdG9yOiBJbmplY3RvclxyXG4gICkge1xyXG4gICAgc3VwZXIocGFyZW50LCBpbmplY3Rvcik7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIHJvd1wiPlxyXG4gIDxsYWJlbFxyXG4gICAgZm9yPVwie3tuYW1lfX1cIlxyXG4gICAgY2xhc3M9XCJjb2wtMTIgY29sLWZvcm0tbGFiZWxcIlxyXG4gICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAgJ2NvbC1zbS0nICsgbGFiZWxzaXplIDogJ3NyLW9ubHknIF1cIlxyXG4gICAgPnt7bGFiZWx9fTwvbGFiZWxcclxuICA+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJjb2wtMTJcIlxyXG4gICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAnY29sLXNtLScgKyBfaW5wdXRzaXplIDogJ2NvbC1zbS0xMiddXCJcclxuICA+XHJcbiAgICA8aW5wdXRcclxuICAgICAgaWQ9XCJ7e25hbWV9fVwiXHJcbiAgICAgIG5hbWU9XCJ7e25hbWV9fVwiXHJcbiAgICAgIHR5cGU9XCJwYXNzd29yZFwiXHJcbiAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sIGZvcm0tY29udHJvbC1zbVwiXHJcbiAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgKGJsdXIpPVwib25Ub3VjaCgpXCJcclxuICAgICAgKGlucHV0KT1cInNldFZhbHVlKCRldmVudC50YXJnZXQudmFsdWUpXCJcclxuICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heGxlbmd0aFwiXHJcbiAgICAgIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cInsnaXMtaW52YWxpZCc6IGludmFsaWQgJiYgKGRpcnR5IHx8IHRvdWNoZWQpIH1cIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXHJcbiAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXHJcbiAgICAvPlxyXG4gICAgPGRpdlxyXG4gICAgICAqbmdJZj1cImlzaW5saW5lZXJyb3JlbmFibGVkICYmIGludmFsaWQgJiYgKGRpcnR5IHx8IHRvdWNoZWQpXCJcclxuICAgICAgY2xhc3M9XCJpbnZhbGlkLWZlZWRiYWNrXCJcclxuICAgID5cclxuICAgICAge3sgR2V0RXJyb3JNZXNzYWdlKCkgfCBhc3luYyB9fVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRwYXNzd29yZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA0L3NyYy9jb250cm9scy9pbnB1dC9pbnB1dHBhc3N3b3JkLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDQvc3JjL2NvbnRyb2xzL2lucHV0L2lucHV0cGFzc3dvcmQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBRXBHOztHQUVHO0FBQ0gsTUE2QmEseUJBQTBCLFNBQVEsc0JBQXNCO0lBQ2pFLHVCQUF1QjtJQUV2Qjs7OztPQUlHO0lBQ0gsWUFBZ0MsVUFBa0MsRUFBRSxRQUFrQjtRQUNsRixLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBVlEseUJBQXlCO21HQUF6Qix5QkFBeUIsZ0VBekJ2QjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSx5QkFBeUI7YUFDekM7WUFDRDtnQkFDSSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQzthQUMzRDtTQUNKLGlEQzdCTCxpd0hBeUZBLDRDRHpEUSxPQUFPLG9GQUNQLElBQUksd0ZBQ0osU0FBUyx5Q0FDVCxzQkFBc0IsbURBQ3RCLHdCQUF3QixxREFDeEIsb0JBQW9CLGlEQUNwQixzQkFBc0Isd0RBQ3RCLG1CQUFtQixtREFDbkIsdUJBQXVCOztTQUdsQix5QkFBeUI7NEZBQXpCLHlCQUF5QjtrQkE3QnJDLFNBQVM7K0JBQ0ksbUJBQW1CLGFBR2xCO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsMkJBQTJCO3lCQUN6Qzt3QkFDRDs0QkFDSSxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMEJBQTBCLENBQUM7eUJBQzNEO3FCQUNKLGNBQ1csSUFBSSxXQUNQO3dCQUNMLE9BQU87d0JBQ1AsSUFBSTt3QkFDSixTQUFTO3dCQUNULHNCQUFzQjt3QkFDdEIsd0JBQXdCO3dCQUN4QixvQkFBb0I7d0JBQ3BCLHNCQUFzQjt3QkFDdEIsbUJBQW1CO3dCQUNuQix1QkFBdUI7cUJBQzFCOzswQkFVWSxJQUFJOzswQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2FjRm9ybUxheW91dERpcmVjdGl2ZSB9IGZyb20gJy4uL2xheW91dC9mb3JtbGF5b3V0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTYWNUb0NvbnRyb2xIZWlnaHRQaXBlIH0gZnJvbSAnLi4vbGF5b3V0L3RvY29udHJvbGhlaWdodC5waXBlJztcbmltcG9ydCB7IFNhY1RvQ29udHJvbFdpZHRoQ3NzUGlwZSB9IGZyb20gJy4uL2xheW91dC90b2NvbnRyb2x3aWR0aGNzcy5waXBlJztcbmltcG9ydCB7IFNhY1RvTGFiZWxIZWlnaHRQaXBlIH0gZnJvbSAnLi4vbGF5b3V0L3RvbGFiZWxoZWlnaHQucGlwZSc7XG5pbXBvcnQgeyBTYWNUb0xhYmVsV2lkdGhDc3NQaXBlIH0gZnJvbSAnLi4vbGF5b3V0L3RvbGFiZWx3aWR0aGNzcy5waXBlJztcbmltcG9ydCB7IFNhY1Rvb2x0aXBDb21wb25lbnQgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAnO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0NsYXNzLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdCwgSW5qZWN0b3IsIE9wdGlvbmFsLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNhY0lucHV0UGFzc3dvcmRDb21tb24sIFNhY1Rlc3RpbmdBdHRyaWJ1dGVQaXBlIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuLyoqXG4gKiBJbnB1dCBCb3ggZsO8ciBQYXNzd8O2cnRlclxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NhYy1pbnB1dHBhc3N3b3JkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW5wdXRwYXNzd29yZC5odG1sJyxcbiAgICAvLyBWYWx1ZSBBY2Nlc3MgUHJvdmlkZXIgcmVnaXN0cmllcmVuLCBkYW1pdCBXZXJ0IHZpYSBNb2RlbCBnZXNjaHJpZWJlbiB1bmQgZ2VsZXNlbiB3ZXJkZW4ga2FublxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IFNhY0lucHV0UGFzc3dvcmRDb21wb25lbnQsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0lucHV0UGFzc3dvcmRDb21wb25lbnQpLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIE5nQ2xhc3MsXG4gICAgICAgIE5nSWYsXG4gICAgICAgIEFzeW5jUGlwZSxcbiAgICAgICAgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSxcbiAgICAgICAgU2FjVG9Db250cm9sV2lkdGhDc3NQaXBlLFxuICAgICAgICBTYWNUb0xhYmVsSGVpZ2h0UGlwZSxcbiAgICAgICAgU2FjVG9Db250cm9sSGVpZ2h0UGlwZSxcbiAgICAgICAgU2FjVG9vbHRpcENvbXBvbmVudCxcbiAgICAgICAgU2FjVGVzdGluZ0F0dHJpYnV0ZVBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjSW5wdXRQYXNzd29yZENvbXBvbmVudCBleHRlbmRzIFNhY0lucHV0UGFzc3dvcmRDb21tb24ge1xuICAgIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICAvKipcbiAgICAgKiBDb25zdHJ1Y3RvclxuICAgICAqIEBwYXJhbSBmb3JtTGF5b3V0IFNhY0Zvcm1MYXlvdXQgdG8gZGVmaW5lIHNjb3BlZCBsYXlvdXQgc2V0dGluZ3NcbiAgICAgKiBAcGFyYW0gaW5qZWN0b3IgSW5qZWN0b3IgZm9yIGluamVjdGluZyBzZXJ2aWNlc1xuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKEBIb3N0KCkgQE9wdGlvbmFsKCkgZm9ybUxheW91dDogU2FjRm9ybUxheW91dERpcmVjdGl2ZSwgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGZvcm1MYXlvdXQsIGluamVjdG9yKTtcbiAgICB9XG5cbiAgICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZm9ybS1ncm91cCByb3dcIlxuICAgIFthdHRyLmRhdGEtZTJlLWtleV09XCJuYW1lIHwgdGVzdGluZ2F0dHJpYnV0ZSA6IGUyZWlkZW50aWZpZXJcIj5cbiAgICA8bGFiZWxcbiAgICAgICAgZm9yPVwie3sgbmFtZSB9fVwiXG4gICAgICAgIGNsYXNzPVwiY29sLTEyIGNvbC1mb3JtLWxhYmVsIGQtZmxleFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltkaXNhYmxlbGFiZWwgPT09IGZhbHNlID8gKHRoaXMubGFiZWxTaXplcyB8IHRvTGFiZWxXaWR0aENzcykgOiAnc3Itb25seScsIGNvbXBvbmVudEhlaWdodCB8IHRvTGFiZWxIZWlnaHRdXCJcbiAgICAgICAgW2NsYXNzLnJlcXVpcmVkXT1cImlzcmVxdWlyZWRcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0IGZsZXgtZ3Jvdy0wXCJcbiAgICAgICAgICAgIFtjbGFzcy5mbGV4LXNtLWdyb3ctMV09XCJzcGxpdGxhYmVsYW5kaGVscHRleHRcIj5cbiAgICAgICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c2FjLXRvb2x0aXBcbiAgICAgICAgICAgICpuZ0lmPVwiaGVscHRleHRtb2RlID09PSAndG9vbHRpcCcgJiYgaGVscHRleHRcIlxuICAgICAgICAgICAgW3Rvb2x0aXB0ZXh0XT1cImhlbHB0ZXh0XCJcbiAgICAgICAgICAgIFtpbmxpbmVtb2RlXT1cInRydWVcIj5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiSGVscHRleHRUb29sdGlwSWNvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJtbC0xXCI+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc2FjLXRvb2x0aXA+XG4gICAgPC9sYWJlbD5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiY29sLTEyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAodGhpcy5sYWJlbFNpemVzIHwgdG9Db250cm9sV2lkdGhDc3MpIDogJyddXCJcbiAgICAgICAgW2NsYXNzLmQtZmxleF09XCJoZWxwdGV4dG1vZGUgPT09ICd0b29sdGlwJyAmJiBoZWxwdGV4dCAmJiBkaXNhYmxlbGFiZWxcIj5cbiAgICAgICAgPGRpdiBbY2xhc3MuZmxleC1ncm93LTFdPVwiaGVscHRleHRtb2RlID09PSAndG9vbHRpcCcgJiYgaGVscHRleHQgJiYgZGlzYWJsZWxhYmVsXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgW2NsYXNzLmlucHV0LWdyb3VwXT1cInBhc3N3b3JkZXllXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuaXMtaW52YWxpZF09XCJwYXNzd29yZGV5ZSAmJiBpc2lubGluZWVycm9yZW5hYmxlZCAmJiBpbnZhbGlkICYmIChkaXJ0eSB8fCB0b3VjaGVkKVwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICBpZD1cInt7IG5hbWUgfX1cIlxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwie3sgbmFtZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cInBhc3N3b3JkZXlldmlzaWJsZSA/ICd0ZXh0JyA6ICdwYXNzd29yZCdcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgKGJsdXIpPVwib25Ub3VjaCgpXCJcbiAgICAgICAgICAgICAgICAgICAgKGlucHV0KT1cInNldFZhbHVlKCRldmVudC50YXJnZXQudmFsdWUpXCJcbiAgICAgICAgICAgICAgICAgICAgKGtleXByZXNzKT1cIm9uS2V5UHJlc3MoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXh0ZXh0bGVuZ3RoXCJcbiAgICAgICAgICAgICAgICAgICAgYXV0b2NvbXBsZXRlPVwibmV3LXBhc3N3b3JkXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmlzLWludmFsaWRdPVwiaW52YWxpZCAmJiAoZGlydHkgfHwgdG91Y2hlZClcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJbY29tcG9uZW50SGVpZ2h0IHwgdG9Db250cm9sSGVpZ2h0XVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJpc2Rpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCIgLz5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwicGFzc3dvcmRleWVcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImlucHV0LWdyb3VwLWFwcGVuZFwiPlxuICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuLW91dGxpbmUtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvblRvZ2dsZVBhc3N3b3JkRXllKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPjxzcGFuIFtuZ0NsYXNzXT1cInBhc3N3b3JkZXlldmlzaWJsZSA/IFBhc3N3b3JkRXllVmlzaWJsZUljb24gOiBQYXNzd29yZEV5ZUhpZGRlbkljb25cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIXBhc3N3b3JkZXllICYmIGlzaW5saW5lZXJyb3JlbmFibGVkICYmIGludmFsaWQgJiYgKGRpcnR5IHx8IHRvdWNoZWQpXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbnZhbGlkLWZlZWRiYWNrXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IEdldEVycm9yTWVzc2FnZSgpIHwgYXN5bmMgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwicGFzc3dvcmRleWUgJiYgaXNpbmxpbmVlcnJvcmVuYWJsZWQgJiYgaW52YWxpZCAmJiAoZGlydHkgfHwgdG91Y2hlZClcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaW52YWxpZC1mZWVkYmFja1wiPlxuICAgICAgICAgICAgICAgIHt7IEdldEVycm9yTWVzc2FnZSgpIHwgYXN5bmMgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPHNtYWxsXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJoZWxwdGV4dG1vZGUgPT09ICd0ZXh0JyAmJiBoZWxwdGV4dFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLXRleHQgdGV4dC1tdXRlZFwiPlxuICAgICAgICAgICAgICAgIHt7IGhlbHB0ZXh0IH19XG4gICAgICAgICAgICA8L3NtYWxsPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cImhlbHB0ZXh0bW9kZSA9PT0gJ3Rvb2x0aXAnICYmIGhlbHB0ZXh0ICYmIGRpc2FibGVsYWJlbFwiXG4gICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbC1wbGFpbnRleHQgYWxpZ24tc2VsZi10b3AgbWwtMiBtci0xIHctYXV0b1wiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJbY29tcG9uZW50SGVpZ2h0IHwgdG9Db250cm9sSGVpZ2h0XVwiPlxuICAgICAgICAgICAgPHNhYy10b29sdGlwXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXB0ZXh0XT1cImhlbHB0ZXh0XCJcbiAgICAgICAgICAgICAgICBbaW5saW5lbW9kZV09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiSGVscHRleHRUb29sdGlwSWNvblwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtMVwiPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvc2FjLXRvb2x0aXA+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,22 +1,28 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SacToControlHeightPipe } from '../layout/tocontrolheight.pipe';
|
|
2
|
+
import { SacToControlWidthCssPipe } from '../layout/tocontrolwidthcss.pipe';
|
|
3
|
+
import { SacToLabelHeightPipe } from '../layout/tolabelheight.pipe';
|
|
4
|
+
import { SacToLabelWidthCssPipe } from '../layout/tolabelwidthcss.pipe';
|
|
5
|
+
import { SacTooltipComponent } from '../tooltip/tooltip';
|
|
6
|
+
import { NgClass, NgIf } from '@angular/common';
|
|
7
|
+
import { Component, Host, Optional, forwardRef } from '@angular/core';
|
|
2
8
|
import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { SacInputSearchCommon } from '@simpleangularcontrols/sac-common';
|
|
4
|
-
import { NgIf, NgClass } from '@angular/common';
|
|
9
|
+
import { SacInputSearchCommon, SacTestingAttributePipe } from '@simpleangularcontrols/sac-common';
|
|
5
10
|
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "../
|
|
11
|
+
import * as i1 from "../layout/formlayout.directive";
|
|
7
12
|
/**
|
|
8
13
|
* Input Box für Suche
|
|
9
14
|
*/
|
|
10
15
|
class SacInputSearchComponent extends SacInputSearchCommon {
|
|
16
|
+
// #region Constructors
|
|
11
17
|
/**
|
|
12
|
-
*
|
|
13
|
-
* @param
|
|
14
|
-
* @param injector
|
|
18
|
+
* Constructor
|
|
19
|
+
* @param formLayout SacFormLayout to define scoped layout settings
|
|
20
|
+
* @param injector Injector for injecting services
|
|
15
21
|
*/
|
|
16
|
-
constructor(
|
|
17
|
-
super(
|
|
22
|
+
constructor(formLayout, injector) {
|
|
23
|
+
super(formLayout, injector);
|
|
18
24
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputSearchComponent, deps: [{ token: i1.
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputSearchComponent, deps: [{ token: i1.SacFormLayoutDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
26
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputSearchComponent, isStandalone: true, selector: "sac-inputsearch", providers: [
|
|
21
27
|
{
|
|
22
28
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -28,7 +34,7 @@ class SacInputSearchComponent extends SacInputSearchCommon {
|
|
|
28
34
|
multi: true,
|
|
29
35
|
useExisting: forwardRef(() => SacInputSearchComponent),
|
|
30
36
|
},
|
|
31
|
-
], usesInheritance: true, ngImport: i0, template: "<div
|
|
37
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n <label\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"search\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty || touched)\"\n [ngClass]=\"[componentHeight | toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div class=\"input-group-append\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n id=\"{{ name }}_search\"\n (click)=\"searchClick()\">\n <i\n *ngIf=\"buttonmode === 'icon' || buttonmode === 'mixed'\"\n [class]=\"iconname\"\n [class.mr-2]=\"buttonmode === 'mixed'\"></i>\n <ng-container *ngIf=\"buttonmode === 'text' || buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\n </button>\n </div>\n </div>\n <small\n *ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight | toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SacToLabelWidthCssPipe, name: "toLabelWidthCss" }, { kind: "pipe", type: SacToControlWidthCssPipe, name: "toControlWidthCss" }, { kind: "pipe", type: SacToLabelHeightPipe, name: "toLabelHeight" }, { kind: "pipe", type: SacToControlHeightPipe, name: "toControlHeight" }, { kind: "component", type: SacTooltipComponent, selector: "sac-tooltip" }, { kind: "pipe", type: SacTestingAttributePipe, name: "testingattribute" }] }); }
|
|
32
38
|
}
|
|
33
39
|
export { SacInputSearchComponent };
|
|
34
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputSearchComponent, decorators: [{
|
|
@@ -44,10 +50,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
44
50
|
multi: true,
|
|
45
51
|
useExisting: forwardRef(() => SacInputSearchComponent),
|
|
46
52
|
},
|
|
47
|
-
], standalone: true, imports: [
|
|
48
|
-
|
|
53
|
+
], standalone: true, imports: [
|
|
54
|
+
NgIf,
|
|
55
|
+
NgClass,
|
|
56
|
+
SacToLabelWidthCssPipe,
|
|
57
|
+
SacToControlWidthCssPipe,
|
|
58
|
+
SacToLabelHeightPipe,
|
|
59
|
+
SacToControlHeightPipe,
|
|
60
|
+
SacTooltipComponent,
|
|
61
|
+
SacTestingAttributePipe,
|
|
62
|
+
], template: "<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n <label\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"search\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty || touched)\"\n [ngClass]=\"[componentHeight | toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div class=\"input-group-append\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n id=\"{{ name }}_search\"\n (click)=\"searchClick()\">\n <i\n *ngIf=\"buttonmode === 'icon' || buttonmode === 'mixed'\"\n [class]=\"iconname\"\n [class.mr-2]=\"buttonmode === 'mixed'\"></i>\n <ng-container *ngIf=\"buttonmode === 'text' || buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\n </button>\n </div>\n </div>\n <small\n *ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight | toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n" }]
|
|
63
|
+
}], ctorParameters: function () { return [{ type: i1.SacFormLayoutDirective, decorators: [{
|
|
49
64
|
type: Host
|
|
50
65
|
}, {
|
|
51
66
|
type: Optional
|
|
52
67
|
}] }, { type: i0.Injector }]; } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRzZWFyY2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNC9zcmMvY29udHJvbHMvaW5wdXQvaW5wdXRzZWFyY2gudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNC9zcmMvY29udHJvbHMvaW5wdXQvaW5wdXRzZWFyY2guaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFFbEc7O0dBRUc7QUFDSCxNQTRCYSx1QkFBd0IsU0FBUSxvQkFBb0I7SUFDN0QsdUJBQXVCO0lBRXZCOzs7O09BSUc7SUFDSCxZQUFnQyxVQUFrQyxFQUFFLFFBQWtCO1FBQ2xGLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDaEMsQ0FBQzsrR0FWUSx1QkFBdUI7bUdBQXZCLHVCQUF1Qiw4REF4QnJCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLHVCQUF1QjthQUN2QztZQUNEO2dCQUNJLE9BQU8sRUFBRSxhQUFhO2dCQUN0QixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO2FBQ3pEO1NBQ0osaURDN0JMLG1uSEFzRkEsNENEdERRLElBQUksNkZBQ0osT0FBTywrRUFDUCxzQkFBc0IsbURBQ3RCLHdCQUF3QixxREFDeEIsb0JBQW9CLGlEQUNwQixzQkFBc0Isd0RBQ3RCLG1CQUFtQixtREFDbkIsdUJBQXVCOztTQUdsQix1QkFBdUI7NEZBQXZCLHVCQUF1QjtrQkE1Qm5DLFNBQVM7K0JBQ0ksaUJBQWlCLGFBR2hCO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcseUJBQXlCO3lCQUN2Qzt3QkFDRDs0QkFDSSxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsd0JBQXdCLENBQUM7eUJBQ3pEO3FCQUNKLGNBQ1csSUFBSSxXQUNQO3dCQUNMLElBQUk7d0JBQ0osT0FBTzt3QkFDUCxzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3dCQUNwQixzQkFBc0I7d0JBQ3RCLG1CQUFtQjt3QkFDbkIsdUJBQXVCO3FCQUMxQjs7MEJBVVksSUFBSTs7MEJBQUksUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNhY0Zvcm1MYXlvdXREaXJlY3RpdmUgfSBmcm9tICcuLi9sYXlvdXQvZm9ybWxheW91dC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2FjVG9Db250cm9sSGVpZ2h0UGlwZSB9IGZyb20gJy4uL2xheW91dC90b2NvbnRyb2xoZWlnaHQucGlwZSc7XG5pbXBvcnQgeyBTYWNUb0NvbnRyb2xXaWR0aENzc1BpcGUgfSBmcm9tICcuLi9sYXlvdXQvdG9jb250cm9sd2lkdGhjc3MucGlwZSc7XG5pbXBvcnQgeyBTYWNUb0xhYmVsSGVpZ2h0UGlwZSB9IGZyb20gJy4uL2xheW91dC90b2xhYmVsaGVpZ2h0LnBpcGUnO1xuaW1wb3J0IHsgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSB9IGZyb20gJy4uL2xheW91dC90b2xhYmVsd2lkdGhjc3MucGlwZSc7XG5pbXBvcnQgeyBTYWNUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwJztcbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0LCBJbmplY3RvciwgT3B0aW9uYWwsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTElEQVRPUlMsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2FjSW5wdXRTZWFyY2hDb21tb24sIFNhY1Rlc3RpbmdBdHRyaWJ1dGVQaXBlIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuLyoqXG4gKiBJbnB1dCBCb3ggZsO8ciBTdWNoZVxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NhYy1pbnB1dHNlYXJjaCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2lucHV0c2VhcmNoLmh0bWwnLFxuICAgIC8vIFZhbHVlIEFjY2VzcyBQcm92aWRlciByZWdpc3RyaWVyZW4sIGRhbWl0IFdlcnQgdmlhIE1vZGVsIGdlc2NocmllYmVuIHVuZCBnZWxlc2VuIHdlcmRlbiBrYW5uXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogU2FjSW5wdXRTZWFyY2hDb21wb25lbnQsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0lucHV0U2VhcmNoQ29tcG9uZW50KSxcbiAgICAgICAgfSxcbiAgICBdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBOZ0lmLFxuICAgICAgICBOZ0NsYXNzLFxuICAgICAgICBTYWNUb0xhYmVsV2lkdGhDc3NQaXBlLFxuICAgICAgICBTYWNUb0NvbnRyb2xXaWR0aENzc1BpcGUsXG4gICAgICAgIFNhY1RvTGFiZWxIZWlnaHRQaXBlLFxuICAgICAgICBTYWNUb0NvbnRyb2xIZWlnaHRQaXBlLFxuICAgICAgICBTYWNUb29sdGlwQ29tcG9uZW50LFxuICAgICAgICBTYWNUZXN0aW5nQXR0cmlidXRlUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNJbnB1dFNlYXJjaENvbXBvbmVudCBleHRlbmRzIFNhY0lucHV0U2VhcmNoQ29tbW9uIHtcbiAgICAvLyAjcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gICAgLyoqXG4gICAgICogQ29uc3RydWN0b3JcbiAgICAgKiBAcGFyYW0gZm9ybUxheW91dCBTYWNGb3JtTGF5b3V0IHRvIGRlZmluZSBzY29wZWQgbGF5b3V0IHNldHRpbmdzXG4gICAgICogQHBhcmFtIGluamVjdG9yIEluamVjdG9yIGZvciBpbmplY3Rpbmcgc2VydmljZXNcbiAgICAgKi9cbiAgICBjb25zdHJ1Y3RvcihASG9zdCgpIEBPcHRpb25hbCgpIGZvcm1MYXlvdXQ6IFNhY0Zvcm1MYXlvdXREaXJlY3RpdmUsIGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihmb3JtTGF5b3V0LCBpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgLy8gI2VuZHJlZ2lvbiBDb25zdHJ1Y3RvcnNcbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cInJvdyBmb3JtLWdyb3VwXCJcbiAgICBbY2xhc3Mubm8tZ3V0dGVyc109XCJkaXNhYmxlbGFiZWxcIlxuICAgIFthdHRyLmRhdGEtZTJlLWtleV09XCJuYW1lIHwgdGVzdGluZ2F0dHJpYnV0ZSA6IGUyZWlkZW50aWZpZXJcIj5cbiAgICA8bGFiZWxcbiAgICAgICAgaWQ9XCJ7eyBuYW1lIH19X2xhYmVsXCJcbiAgICAgICAgZm9yPVwie3sgbmFtZSB9fVwiXG4gICAgICAgIGNsYXNzPVwiY29sLTEyIGNvbC1mb3JtLWxhYmVsIGQtZmxleFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltkaXNhYmxlbGFiZWwgPT09IGZhbHNlID8gKHRoaXMubGFiZWxTaXplcyB8IHRvTGFiZWxXaWR0aENzcykgOiAnc3Itb25seScsIGNvbXBvbmVudEhlaWdodCB8IHRvTGFiZWxIZWlnaHRdXCJcbiAgICAgICAgW2NsYXNzLnJlcXVpcmVkXT1cImlzcmVxdWlyZWRcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJmbGV4LWdyb3ctMFwiXG4gICAgICAgICAgICBbY2xhc3MuZmxleC1zbS1ncm93LTFdPVwic3BsaXRsYWJlbGFuZGhlbHB0ZXh0XCI+XG4gICAgICAgICAgICB7eyBsYWJlbCB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNhYy10b29sdGlwXG4gICAgICAgICAgICAqbmdJZj1cImhlbHB0ZXh0bW9kZSA9PT0gJ3Rvb2x0aXAnICYmIGhlbHB0ZXh0XCJcbiAgICAgICAgICAgIFt0b29sdGlwdGV4dF09XCJoZWxwdGV4dFwiXG4gICAgICAgICAgICBbaW5saW5lbW9kZV09XCJ0cnVlXCI+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIkhlbHB0ZXh0VG9vbHRpcEljb25cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtMVwiPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NhYy10b29sdGlwPlxuICAgIDwvbGFiZWw+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImNvbC0xMlwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltkaXNhYmxlbGFiZWwgPT09IGZhbHNlID8gKHRoaXMubGFiZWxTaXplcyB8IHRvQ29udHJvbFdpZHRoQ3NzKSA6ICcnXVwiXG4gICAgICAgIFtjbGFzcy5kLWZsZXhdPVwiaGVscHRleHRtb2RlID09PSAndG9vbHRpcCcgJiYgaGVscHRleHQgJiYgZGlzYWJsZWxhYmVsXCI+XG4gICAgICAgIDxkaXYgW2NsYXNzLmZsZXgtZ3Jvdy0xXT1cImhlbHB0ZXh0bW9kZSA9PT0gJ3Rvb2x0aXAnICYmIGhlbHB0ZXh0ICYmIGRpc2FibGVsYWJlbFwiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5wdXQtZ3JvdXBcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5pbnB1dC1ncm91cC1zbV09XCJjb21wb25lbnRIZWlnaHQgPT09IENvbnRyb2xIZWlnaHQuU21hbGxcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5pbnB1dC1ncm91cC1sZ109XCJjb21wb25lbnRIZWlnaHQgPT09IENvbnRyb2xIZWlnaHQuTGFyZ2VcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJ7eyBuYW1lIH19XCJcbiAgICAgICAgICAgICAgICAgICAgbmFtZT1cInt7IG5hbWUgfX1cIlxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgIGlucHV0bW9kZT1cInNlYXJjaFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICAgICAoYmx1cik9XCJvblRvdWNoKClcIlxuICAgICAgICAgICAgICAgICAgICAoaW5wdXQpPVwic2V0VmFsdWUoJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAgICAgICAgICAgICAgICAgICAoa2V5cHJlc3MpPVwib25LZXlQcmVzcygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heHRleHRsZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuaXMtaW52YWxpZF09XCJpbnZhbGlkICYmIChkaXJ0eSB8fCB0b3VjaGVkKVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIltjb21wb25lbnRIZWlnaHQgfCB0b0NvbnRyb2xIZWlnaHRdXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImlzZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiAvPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cC1hcHBlbmRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ0biBidG4tc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwie3sgbmFtZSB9fV9zZWFyY2hcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlYXJjaENsaWNrKClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJidXR0b25tb2RlID09PSAnaWNvbicgfHwgYnV0dG9ubW9kZSA9PT0gJ21peGVkJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzXT1cImljb25uYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MubXItMl09XCJidXR0b25tb2RlID09PSAnbWl4ZWQnXCI+PC9pPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJ1dHRvbm1vZGUgPT09ICd0ZXh0JyB8fCBidXR0b25tb2RlID09PSAnbWl4ZWQnXCI+e3sgYnV0dG9udGV4dCB9fTwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPHNtYWxsXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJoZWxwdGV4dG1vZGUgPT09ICd0ZXh0JyAmJiBoZWxwdGV4dFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLXRleHQgdGV4dC1tdXRlZFwiPlxuICAgICAgICAgICAgICAgIHt7IGhlbHB0ZXh0IH19XG4gICAgICAgICAgICA8L3NtYWxsPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cImhlbHB0ZXh0bW9kZSA9PT0gJ3Rvb2x0aXAnICYmIGhlbHB0ZXh0ICYmIGRpc2FibGVsYWJlbFwiXG4gICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbC1wbGFpbnRleHQgYWxpZ24tc2VsZi10b3AgbWwtMiBtci0xIHctYXV0b1wiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJbY29tcG9uZW50SGVpZ2h0IHwgdG9Db250cm9sSGVpZ2h0XVwiPlxuICAgICAgICAgICAgPHNhYy10b29sdGlwXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXB0ZXh0XT1cImhlbHB0ZXh0XCJcbiAgICAgICAgICAgICAgICBbaW5saW5lbW9kZV09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiSGVscHRleHRUb29sdGlwSWNvblwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtMVwiPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvc2FjLXRvb2x0aXA+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { SacFormLayoutCommon } from '@simpleangularcontrols/sac-common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
class SacFormLayoutDirective extends SacFormLayoutCommon {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacFormLayoutDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SacFormLayoutDirective, isStandalone: true, selector: "[sacFormLayout]", usesInheritance: true, ngImport: i0 }); }
|
|
7
|
+
}
|
|
8
|
+
export { SacFormLayoutDirective };
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacFormLayoutDirective, decorators: [{
|
|
10
|
+
type: Directive,
|
|
11
|
+
args: [{
|
|
12
|
+
selector: '[sacFormLayout]',
|
|
13
|
+
standalone: true,
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWxheW91dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNC9zcmMvY29udHJvbHMvbGF5b3V0L2Zvcm1sYXlvdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7O0FBRXhFLE1BSWEsc0JBQXVCLFNBQVEsbUJBQW1COytHQUFsRCxzQkFBc0I7bUdBQXRCLHNCQUFzQjs7U0FBdEIsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBSmxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNGb3JtTGF5b3V0Q29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NhY0Zvcm1MYXlvdXRdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjRm9ybUxheW91dERpcmVjdGl2ZSBleHRlbmRzIFNhY0Zvcm1MYXlvdXRDb21tb24ge31cbiJdfQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SacFormLayoutDirective } from './formlayout.directive';
|
|
4
|
+
import { SacToControlHeightPipe } from './tocontrolheight.pipe';
|
|
5
|
+
import { SacToControlWidthCssPipe } from './tocontrolwidthcss.pipe';
|
|
6
|
+
import { SacToLabelHeightPipe } from './tolabelheight.pipe';
|
|
7
|
+
import { SacToLabelWidthCssPipe } from './tolabelwidthcss.pipe';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
class SACBootstrap4LayoutModule {
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap4LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap4LayoutModule, imports: [CommonModule,
|
|
12
|
+
SacFormLayoutDirective,
|
|
13
|
+
SacToControlHeightPipe,
|
|
14
|
+
SacToControlWidthCssPipe,
|
|
15
|
+
SacToLabelHeightPipe,
|
|
16
|
+
SacToLabelWidthCssPipe], exports: [SacFormLayoutDirective,
|
|
17
|
+
SacToControlHeightPipe,
|
|
18
|
+
SacToControlWidthCssPipe,
|
|
19
|
+
SacToLabelHeightPipe,
|
|
20
|
+
SacToLabelWidthCssPipe] }); }
|
|
21
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap4LayoutModule, imports: [CommonModule] }); }
|
|
22
|
+
}
|
|
23
|
+
export { SACBootstrap4LayoutModule };
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap4LayoutModule, decorators: [{
|
|
25
|
+
type: NgModule,
|
|
26
|
+
args: [{
|
|
27
|
+
imports: [
|
|
28
|
+
CommonModule,
|
|
29
|
+
SacFormLayoutDirective,
|
|
30
|
+
SacToControlHeightPipe,
|
|
31
|
+
SacToControlWidthCssPipe,
|
|
32
|
+
SacToLabelHeightPipe,
|
|
33
|
+
SacToLabelWidthCssPipe,
|
|
34
|
+
],
|
|
35
|
+
exports: [
|
|
36
|
+
SacFormLayoutDirective,
|
|
37
|
+
SacToControlHeightPipe,
|
|
38
|
+
SacToControlWidthCssPipe,
|
|
39
|
+
SacToLabelHeightPipe,
|
|
40
|
+
SacToLabelWidthCssPipe,
|
|
41
|
+
],
|
|
42
|
+
}]
|
|
43
|
+
}] });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA0L3NyYy9jb250cm9scy9sYXlvdXQvbGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFFaEUsTUFpQmEseUJBQXlCOytHQUF6Qix5QkFBeUI7Z0hBQXpCLHlCQUF5QixZQWZsQyxZQUFZO1lBQ1osc0JBQXNCO1lBQ3RCLHNCQUFzQjtZQUN0Qix3QkFBd0I7WUFDeEIsb0JBQW9CO1lBQ3BCLHNCQUFzQixhQUd0QixzQkFBc0I7WUFDdEIsc0JBQXNCO1lBQ3RCLHdCQUF3QjtZQUN4QixvQkFBb0I7WUFDcEIsc0JBQXNCO2dIQUdiLHlCQUF5QixZQWZsQyxZQUFZOztTQWVILHlCQUF5Qjs0RkFBekIseUJBQXlCO2tCQWpCckMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixzQkFBc0I7d0JBQ3RCLHNCQUFzQjt3QkFDdEIsd0JBQXdCO3dCQUN4QixvQkFBb0I7d0JBQ3BCLHNCQUFzQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjt3QkFDdEIsc0JBQXNCO3dCQUN0Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjt3QkFDcEIsc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2FjRm9ybUxheW91dERpcmVjdGl2ZSB9IGZyb20gJy4vZm9ybWxheW91dC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2FjVG9Db250cm9sSGVpZ2h0UGlwZSB9IGZyb20gJy4vdG9jb250cm9saGVpZ2h0LnBpcGUnO1xuaW1wb3J0IHsgU2FjVG9Db250cm9sV2lkdGhDc3NQaXBlIH0gZnJvbSAnLi90b2NvbnRyb2x3aWR0aGNzcy5waXBlJztcbmltcG9ydCB7IFNhY1RvTGFiZWxIZWlnaHRQaXBlIH0gZnJvbSAnLi90b2xhYmVsaGVpZ2h0LnBpcGUnO1xuaW1wb3J0IHsgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSB9IGZyb20gJy4vdG9sYWJlbHdpZHRoY3NzLnBpcGUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNhY0Zvcm1MYXlvdXREaXJlY3RpdmUsXG4gICAgU2FjVG9Db250cm9sSGVpZ2h0UGlwZSxcbiAgICBTYWNUb0NvbnRyb2xXaWR0aENzc1BpcGUsXG4gICAgU2FjVG9MYWJlbEhlaWdodFBpcGUsXG4gICAgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNhY0Zvcm1MYXlvdXREaXJlY3RpdmUsXG4gICAgU2FjVG9Db250cm9sSGVpZ2h0UGlwZSxcbiAgICBTYWNUb0NvbnRyb2xXaWR0aENzc1BpcGUsXG4gICAgU2FjVG9MYWJlbEhlaWdodFBpcGUsXG4gICAgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU0FDQm9vdHN0cmFwNExheW91dE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import { ControlHeight } from '@simpleangularcontrols/sac-common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
class SacToControlHeightPipe {
|
|
5
|
+
// #region Public Methods
|
|
6
|
+
/**
|
|
7
|
+
* Returns the CSS class that defines the height for the control
|
|
8
|
+
* @param value ControlHeight value or null
|
|
9
|
+
*/
|
|
10
|
+
transform(value) {
|
|
11
|
+
// Return default value
|
|
12
|
+
if (!value) {
|
|
13
|
+
return '';
|
|
14
|
+
}
|
|
15
|
+
switch (value) {
|
|
16
|
+
case ControlHeight.Small:
|
|
17
|
+
return 'form-control-sm';
|
|
18
|
+
case ControlHeight.Large:
|
|
19
|
+
return 'form-control-lg';
|
|
20
|
+
default:
|
|
21
|
+
return '';
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToControlHeightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
25
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SacToControlHeightPipe, isStandalone: true, name: "toControlHeight" }); }
|
|
26
|
+
}
|
|
27
|
+
export { SacToControlHeightPipe };
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToControlHeightPipe, decorators: [{
|
|
29
|
+
type: Pipe,
|
|
30
|
+
args: [{
|
|
31
|
+
name: 'toControlHeight',
|
|
32
|
+
standalone: true,
|
|
33
|
+
}]
|
|
34
|
+
}] });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9jb250cm9saGVpZ2h0LnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNC9zcmMvY29udHJvbHMvbGF5b3V0L3RvY29udHJvbGhlaWdodC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFbEUsTUFJYSxzQkFBc0I7SUFDakMseUJBQXlCO0lBRXpCOzs7T0FHRztJQUNJLFNBQVMsQ0FBQyxLQUEyQjtRQUMxQyx1QkFBdUI7UUFDdkIsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNWLE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFFRCxRQUFRLEtBQUssRUFBRTtZQUNiLEtBQUssYUFBYSxDQUFDLEtBQUs7Z0JBQ3RCLE9BQU8saUJBQWlCLENBQUM7WUFDM0IsS0FBSyxhQUFhLENBQUMsS0FBSztnQkFDdEIsT0FBTyxpQkFBaUIsQ0FBQztZQUMzQjtnQkFDRSxPQUFPLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQzsrR0FyQlUsc0JBQXNCOzZHQUF0QixzQkFBc0I7O1NBQXRCLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQUpsQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxpQkFBaUI7b0JBQ3ZCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xIZWlnaHQgfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuXG5AUGlwZSh7XG4gIG5hbWU6ICd0b0NvbnRyb2xIZWlnaHQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNUb0NvbnRyb2xIZWlnaHRQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIC8vICNyZWdpb24gUHVibGljIE1ldGhvZHNcblxuICAvKipcbiAgICogUmV0dXJucyB0aGUgQ1NTIGNsYXNzIHRoYXQgZGVmaW5lcyB0aGUgaGVpZ2h0IGZvciB0aGUgY29udHJvbFxuICAgKiBAcGFyYW0gdmFsdWUgQ29udHJvbEhlaWdodCB2YWx1ZSBvciBudWxsXG4gICAqL1xuICBwdWJsaWMgdHJhbnNmb3JtKHZhbHVlOiBDb250cm9sSGVpZ2h0IHwgbnVsbCk6IHN0cmluZyB7XG4gICAgLy8gUmV0dXJuIGRlZmF1bHQgdmFsdWVcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuXG4gICAgc3dpdGNoICh2YWx1ZSkge1xuICAgICAgY2FzZSBDb250cm9sSGVpZ2h0LlNtYWxsOlxuICAgICAgICByZXR1cm4gJ2Zvcm0tY29udHJvbC1zbSc7XG4gICAgICBjYXNlIENvbnRyb2xIZWlnaHQuTGFyZ2U6XG4gICAgICAgIHJldHVybiAnZm9ybS1jb250cm9sLWxnJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiAnJztcbiAgICB9XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uIFB1YmxpYyBNZXRob2RzXG59XG4iXX0=
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
class SacToControlWidthCssPipe {
|
|
4
|
+
// #region Public Methods
|
|
5
|
+
/**
|
|
6
|
+
* Get CSS classes from label width configuration to set control size
|
|
7
|
+
* @param value Configuration with grid columns for different viewports
|
|
8
|
+
* @returns string with css classe for bootstrap3
|
|
9
|
+
*/
|
|
10
|
+
transform(value) {
|
|
11
|
+
const classes = [];
|
|
12
|
+
if (value.labelSizeXs) {
|
|
13
|
+
classes.push('col-' + this.calcControlSize(value.labelSizeXs));
|
|
14
|
+
}
|
|
15
|
+
if (value.labelSizeSm) {
|
|
16
|
+
classes.push('col-sm-' + this.calcControlSize(value.labelSizeSm));
|
|
17
|
+
}
|
|
18
|
+
if (value.labelSizeMd) {
|
|
19
|
+
classes.push('col-md-' + this.calcControlSize(value.labelSizeMd));
|
|
20
|
+
}
|
|
21
|
+
if (value.labelSizeLg) {
|
|
22
|
+
classes.push('col-lg-' + this.calcControlSize(value.labelSizeLg));
|
|
23
|
+
}
|
|
24
|
+
if (value.labelSizeXl) {
|
|
25
|
+
classes.push('col-xl-' + this.calcControlSize(value.labelSizeXl));
|
|
26
|
+
}
|
|
27
|
+
return classes.join(' ');
|
|
28
|
+
}
|
|
29
|
+
// #endregion Public Methods
|
|
30
|
+
// #region Private Methods
|
|
31
|
+
/**
|
|
32
|
+
* calculate the control size
|
|
33
|
+
* @param labelsize grid size of label
|
|
34
|
+
* @returns grid size for control. should be between 1 and 12
|
|
35
|
+
*/
|
|
36
|
+
calcControlSize(labelsize) {
|
|
37
|
+
if (labelsize === 12) {
|
|
38
|
+
return 12;
|
|
39
|
+
}
|
|
40
|
+
if (!labelsize) {
|
|
41
|
+
return 12;
|
|
42
|
+
}
|
|
43
|
+
return 12 - labelsize;
|
|
44
|
+
}
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToControlWidthCssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
46
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SacToControlWidthCssPipe, isStandalone: true, name: "toControlWidthCss" }); }
|
|
47
|
+
}
|
|
48
|
+
export { SacToControlWidthCssPipe };
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToControlWidthCssPipe, decorators: [{
|
|
50
|
+
type: Pipe,
|
|
51
|
+
args: [{
|
|
52
|
+
name: 'toControlWidthCss',
|
|
53
|
+
standalone: true,
|
|
54
|
+
}]
|
|
55
|
+
}] });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9jb250cm9sd2lkdGhjc3MucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA0L3NyYy9jb250cm9scy9sYXlvdXQvdG9jb250cm9sd2lkdGhjc3MucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFHcEQsTUFJYSx3QkFBd0I7SUFDbkMseUJBQXlCO0lBRXpCOzs7O09BSUc7SUFDSSxTQUFTLENBQUMsS0FBcUI7UUFDcEMsTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFDO1FBRTdCLElBQUksS0FBSyxDQUFDLFdBQVcsRUFBRTtZQUNyQixPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1NBQ2hFO1FBRUQsSUFBSSxLQUFLLENBQUMsV0FBVyxFQUFFO1lBQ3JCLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7U0FDbkU7UUFFRCxJQUFJLEtBQUssQ0FBQyxXQUFXLEVBQUU7WUFDckIsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztTQUNuRTtRQUVELElBQUksS0FBSyxDQUFDLFdBQVcsRUFBRTtZQUNyQixPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1NBQ25FO1FBRUQsSUFBSSxLQUFLLENBQUMsV0FBVyxFQUFFO1lBQ3JCLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7U0FDbkU7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELDRCQUE0QjtJQUU1QiwwQkFBMEI7SUFFMUI7Ozs7T0FJRztJQUNLLGVBQWUsQ0FBQyxTQUFpQjtRQUN2QyxJQUFJLFNBQVMsS0FBSyxFQUFFLEVBQUU7WUFDcEIsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUVELElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDZCxPQUFPLEVBQUUsQ0FBQztTQUNYO1FBRUQsT0FBTyxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBQ3hCLENBQUM7K0dBckRVLHdCQUF3Qjs2R0FBeEIsd0JBQXdCOztTQUF4Qix3QkFBd0I7NEZBQXhCLHdCQUF3QjtrQkFKcEMsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsbUJBQW1CO29CQUN6QixVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJU2FjTGFiZWxTaXplcyB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ3RvQ29udHJvbFdpZHRoQ3NzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjVG9Db250cm9sV2lkdGhDc3NQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIC8vICNyZWdpb24gUHVibGljIE1ldGhvZHNcblxuICAvKipcbiAgICogR2V0IENTUyBjbGFzc2VzIGZyb20gbGFiZWwgd2lkdGggY29uZmlndXJhdGlvbiB0byBzZXQgY29udHJvbCBzaXplXG4gICAqIEBwYXJhbSB2YWx1ZSBDb25maWd1cmF0aW9uIHdpdGggZ3JpZCBjb2x1bW5zIGZvciBkaWZmZXJlbnQgdmlld3BvcnRzXG4gICAqIEByZXR1cm5zIHN0cmluZyB3aXRoIGNzcyBjbGFzc2UgZm9yIGJvb3RzdHJhcDNcbiAgICovXG4gIHB1YmxpYyB0cmFuc2Zvcm0odmFsdWU6IElTYWNMYWJlbFNpemVzKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc2VzOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgaWYgKHZhbHVlLmxhYmVsU2l6ZVhzKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ2NvbC0nICsgdGhpcy5jYWxjQ29udHJvbFNpemUodmFsdWUubGFiZWxTaXplWHMpKTtcbiAgICB9XG5cbiAgICBpZiAodmFsdWUubGFiZWxTaXplU20pIHtcbiAgICAgIGNsYXNzZXMucHVzaCgnY29sLXNtLScgKyB0aGlzLmNhbGNDb250cm9sU2l6ZSh2YWx1ZS5sYWJlbFNpemVTbSkpO1xuICAgIH1cblxuICAgIGlmICh2YWx1ZS5sYWJlbFNpemVNZCkge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdjb2wtbWQtJyArIHRoaXMuY2FsY0NvbnRyb2xTaXplKHZhbHVlLmxhYmVsU2l6ZU1kKSk7XG4gICAgfVxuXG4gICAgaWYgKHZhbHVlLmxhYmVsU2l6ZUxnKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ2NvbC1sZy0nICsgdGhpcy5jYWxjQ29udHJvbFNpemUodmFsdWUubGFiZWxTaXplTGcpKTtcbiAgICB9XG5cbiAgICBpZiAodmFsdWUubGFiZWxTaXplWGwpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgnY29sLXhsLScgKyB0aGlzLmNhbGNDb250cm9sU2l6ZSh2YWx1ZS5sYWJlbFNpemVYbCkpO1xuICAgIH1cblxuICAgIHJldHVybiBjbGFzc2VzLmpvaW4oJyAnKTtcbiAgfVxuXG4gIC8vICNlbmRyZWdpb24gUHVibGljIE1ldGhvZHNcblxuICAvLyAjcmVnaW9uIFByaXZhdGUgTWV0aG9kc1xuXG4gIC8qKlxuICAgKiBjYWxjdWxhdGUgdGhlIGNvbnRyb2wgc2l6ZVxuICAgKiBAcGFyYW0gbGFiZWxzaXplIGdyaWQgc2l6ZSBvZiBsYWJlbFxuICAgKiBAcmV0dXJucyBncmlkIHNpemUgZm9yIGNvbnRyb2wuIHNob3VsZCBiZSBiZXR3ZWVuIDEgYW5kIDEyXG4gICAqL1xuICBwcml2YXRlIGNhbGNDb250cm9sU2l6ZShsYWJlbHNpemU6IG51bWJlcikge1xuICAgIGlmIChsYWJlbHNpemUgPT09IDEyKSB7XG4gICAgICByZXR1cm4gMTI7XG4gICAgfVxuXG4gICAgaWYgKCFsYWJlbHNpemUpIHtcbiAgICAgIHJldHVybiAxMjtcbiAgICB9XG5cbiAgICByZXR1cm4gMTIgLSBsYWJlbHNpemU7XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uIFByaXZhdGUgTWV0aG9kc1xufVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import { ControlHeight } from '@simpleangularcontrols/sac-common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
class SacToLabelHeightPipe {
|
|
5
|
+
// #region Public Methods
|
|
6
|
+
/**
|
|
7
|
+
* Returns the CSS class that defines the height for the control
|
|
8
|
+
* @param value ControlHeight value or null
|
|
9
|
+
*/
|
|
10
|
+
transform(value) {
|
|
11
|
+
// Return default value
|
|
12
|
+
if (!value) {
|
|
13
|
+
return '';
|
|
14
|
+
}
|
|
15
|
+
switch (value) {
|
|
16
|
+
case ControlHeight.Small:
|
|
17
|
+
return 'col-form-label-sm';
|
|
18
|
+
case ControlHeight.Large:
|
|
19
|
+
return 'col-form-label-lg';
|
|
20
|
+
default:
|
|
21
|
+
return '';
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToLabelHeightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
25
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SacToLabelHeightPipe, isStandalone: true, name: "toLabelHeight" }); }
|
|
26
|
+
}
|
|
27
|
+
export { SacToLabelHeightPipe };
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToLabelHeightPipe, decorators: [{
|
|
29
|
+
type: Pipe,
|
|
30
|
+
args: [{
|
|
31
|
+
name: 'toLabelHeight',
|
|
32
|
+
standalone: true,
|
|
33
|
+
}]
|
|
34
|
+
}] });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9sYWJlbGhlaWdodC5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDQvc3JjL2NvbnRyb2xzL2xheW91dC90b2xhYmVsaGVpZ2h0LnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUVsRSxNQUlhLG9CQUFvQjtJQUMvQix5QkFBeUI7SUFFekI7OztPQUdHO0lBQ0ksU0FBUyxDQUFDLEtBQTJCO1FBQzFDLHVCQUF1QjtRQUN2QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUVELFFBQVEsS0FBSyxFQUFFO1lBQ2IsS0FBSyxhQUFhLENBQUMsS0FBSztnQkFDdEIsT0FBTyxtQkFBbUIsQ0FBQztZQUM3QixLQUFLLGFBQWEsQ0FBQyxLQUFLO2dCQUN0QixPQUFPLG1CQUFtQixDQUFDO1lBQzdCO2dCQUNFLE9BQU8sRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDOytHQXJCVSxvQkFBb0I7NkdBQXBCLG9CQUFvQjs7U0FBcEIsb0JBQW9COzRGQUFwQixvQkFBb0I7a0JBSmhDLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLGVBQWU7b0JBQ3JCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xIZWlnaHQgfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuXG5AUGlwZSh7XG4gIG5hbWU6ICd0b0xhYmVsSGVpZ2h0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjVG9MYWJlbEhlaWdodFBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgLy8gI3JlZ2lvbiBQdWJsaWMgTWV0aG9kc1xuXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBDU1MgY2xhc3MgdGhhdCBkZWZpbmVzIHRoZSBoZWlnaHQgZm9yIHRoZSBjb250cm9sXG4gICAqIEBwYXJhbSB2YWx1ZSBDb250cm9sSGVpZ2h0IHZhbHVlIG9yIG51bGxcbiAgICovXG4gIHB1YmxpYyB0cmFuc2Zvcm0odmFsdWU6IENvbnRyb2xIZWlnaHQgfCBudWxsKTogc3RyaW5nIHtcbiAgICAvLyBSZXR1cm4gZGVmYXVsdCB2YWx1ZVxuICAgIGlmICghdmFsdWUpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG5cbiAgICBzd2l0Y2ggKHZhbHVlKSB7XG4gICAgICBjYXNlIENvbnRyb2xIZWlnaHQuU21hbGw6XG4gICAgICAgIHJldHVybiAnY29sLWZvcm0tbGFiZWwtc20nO1xuICAgICAgY2FzZSBDb250cm9sSGVpZ2h0LkxhcmdlOlxuICAgICAgICByZXR1cm4gJ2NvbC1mb3JtLWxhYmVsLWxnJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiAnJztcbiAgICB9XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uIFB1YmxpYyBNZXRob2RzXG59XG4iXX0=
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
class SacToLabelWidthCssPipe {
|
|
4
|
+
// #region Public Methods
|
|
5
|
+
/**
|
|
6
|
+
* Get CSS classes from label width configuration to set label size
|
|
7
|
+
* @param value Configuration with grid columns for different viewports
|
|
8
|
+
* @returns string with css classe for bootstrap3
|
|
9
|
+
*/
|
|
10
|
+
transform(value) {
|
|
11
|
+
const classes = [];
|
|
12
|
+
if (value.labelSizeXs) {
|
|
13
|
+
classes.push('col-' + value.labelSizeXs);
|
|
14
|
+
}
|
|
15
|
+
if (value.labelSizeSm) {
|
|
16
|
+
classes.push('col-sm-' + value.labelSizeSm);
|
|
17
|
+
}
|
|
18
|
+
if (value.labelSizeMd) {
|
|
19
|
+
classes.push('col-md-' + value.labelSizeMd);
|
|
20
|
+
}
|
|
21
|
+
if (value.labelSizeLg) {
|
|
22
|
+
classes.push('col-lg-' + value.labelSizeLg);
|
|
23
|
+
}
|
|
24
|
+
if (value.labelSizeXl) {
|
|
25
|
+
classes.push('col-xl-' + value.labelSizeXl);
|
|
26
|
+
}
|
|
27
|
+
return classes.join(' ');
|
|
28
|
+
}
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToLabelWidthCssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
30
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SacToLabelWidthCssPipe, isStandalone: true, name: "toLabelWidthCss" }); }
|
|
31
|
+
}
|
|
32
|
+
export { SacToLabelWidthCssPipe };
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacToLabelWidthCssPipe, decorators: [{
|
|
34
|
+
type: Pipe,
|
|
35
|
+
args: [{
|
|
36
|
+
name: 'toLabelWidthCss',
|
|
37
|
+
standalone: true,
|
|
38
|
+
}]
|
|
39
|
+
}] });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9sYWJlbHdpZHRoY3NzLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNC9zcmMvY29udHJvbHMvbGF5b3V0L3RvbGFiZWx3aWR0aGNzcy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQUdwRCxNQUlhLHNCQUFzQjtJQUNqQyx5QkFBeUI7SUFFekI7Ozs7T0FJRztJQUNJLFNBQVMsQ0FBQyxLQUFxQjtRQUNwQyxNQUFNLE9BQU8sR0FBYSxFQUFFLENBQUM7UUFFN0IsSUFBSSxLQUFLLENBQUMsV0FBVyxFQUFFO1lBQ3JCLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUMxQztRQUVELElBQUksS0FBSyxDQUFDLFdBQVcsRUFBRTtZQUNyQixPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDN0M7UUFFRCxJQUFJLEtBQUssQ0FBQyxXQUFXLEVBQUU7WUFDckIsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQzdDO1FBRUQsSUFBSSxLQUFLLENBQUMsV0FBVyxFQUFFO1lBQ3JCLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUM3QztRQUVELElBQUksS0FBSyxDQUFDLFdBQVcsRUFBRTtZQUNyQixPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDN0M7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FoQ1Usc0JBQXNCOzZHQUF0QixzQkFBc0I7O1NBQXRCLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQUpsQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxpQkFBaUI7b0JBQ3ZCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElTYWNMYWJlbFNpemVzIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuQFBpcGUoe1xuICBuYW1lOiAndG9MYWJlbFdpZHRoQ3NzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICAvLyAjcmVnaW9uIFB1YmxpYyBNZXRob2RzXG5cbiAgLyoqXG4gICAqIEdldCBDU1MgY2xhc3NlcyBmcm9tIGxhYmVsIHdpZHRoIGNvbmZpZ3VyYXRpb24gdG8gc2V0IGxhYmVsIHNpemVcbiAgICogQHBhcmFtIHZhbHVlIENvbmZpZ3VyYXRpb24gd2l0aCBncmlkIGNvbHVtbnMgZm9yIGRpZmZlcmVudCB2aWV3cG9ydHNcbiAgICogQHJldHVybnMgc3RyaW5nIHdpdGggY3NzIGNsYXNzZSBmb3IgYm9vdHN0cmFwM1xuICAgKi9cbiAgcHVibGljIHRyYW5zZm9ybSh2YWx1ZTogSVNhY0xhYmVsU2l6ZXMpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNsYXNzZXM6IHN0cmluZ1tdID0gW107XG5cbiAgICBpZiAodmFsdWUubGFiZWxTaXplWHMpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgnY29sLScgKyB2YWx1ZS5sYWJlbFNpemVYcyk7XG4gICAgfVxuXG4gICAgaWYgKHZhbHVlLmxhYmVsU2l6ZVNtKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ2NvbC1zbS0nICsgdmFsdWUubGFiZWxTaXplU20pO1xuICAgIH1cblxuICAgIGlmICh2YWx1ZS5sYWJlbFNpemVNZCkge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdjb2wtbWQtJyArIHZhbHVlLmxhYmVsU2l6ZU1kKTtcbiAgICB9XG5cbiAgICBpZiAodmFsdWUubGFiZWxTaXplTGcpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgnY29sLWxnLScgKyB2YWx1ZS5sYWJlbFNpemVMZyk7XG4gICAgfVxuXG4gICAgaWYgKHZhbHVlLmxhYmVsU2l6ZVhsKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ2NvbC14bC0nICsgdmFsdWUubGFiZWxTaXplWGwpO1xuICAgIH1cblxuICAgIHJldHVybiBjbGFzc2VzLmpvaW4oJyAnKTtcbiAgfVxuXG4gIC8vICNlbmRyZWdpb24gUHVibGljIE1ldGhvZHNcbn1cbiJdfQ==
|