carbon-components-angular 3.9.2 → 3.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/carbon-angular.umd.js +1 -1
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/docs/documentation/classes/NumberChange.html +0 -2
- package/docs/documentation/components/Number.html +28 -32
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/{main.89f369e150326d2b6db6.bundle.js → main.e71ec014aa45dc1d6679.bundle.js} +2 -2
- package/docs/storybook/{main.89f369e150326d2b6db6.bundle.js.map → main.e71ec014aa45dc1d6679.bundle.js.map} +1 -1
- package/docs/storybook/{runtime~main.89f369e150326d2b6db6.bundle.js → runtime~main.e71ec014aa45dc1d6679.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.89f369e150326d2b6db6.bundle.js.map → runtime~main.e71ec014aa45dc1d6679.bundle.js.map} +1 -1
- package/docs/storybook/{vendors~main.89f369e150326d2b6db6.bundle.js → vendors~main.e71ec014aa45dc1d6679.bundle.js} +1 -1
- package/docs/storybook/{vendors~main.89f369e150326d2b6db6.bundle.js.map → vendors~main.e71ec014aa45dc1d6679.bundle.js.map} +1 -1
- package/number-input/number.component.js +1 -1
- package/number-input/number.component.js.map +1 -1
- package/number-input/number.component.metadata.json +1 -1
- package/number-input/number.component.ngfactory.js +8 -10
- package/number-input/number.component.ngfactory.js.map +1 -1
- package/number-input/number.module.ngfactory.js.map +1 -1
- package/package.json +1 -1
|
@@ -158,7 +158,7 @@ var Number = /** @class */ (function () {
|
|
|
158
158
|
Number.decorators = [
|
|
159
159
|
{ type: Component, args: [{
|
|
160
160
|
selector: "ibm-number",
|
|
161
|
-
template: "\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<
|
|
161
|
+
template: "\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--number__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[min]=\"min\"\n\t\t\t\t\t[max]=\"max\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[required]=\"required\"\n\t\t\t\t\t(input)=\"onNumberInputChange($event)\"/>\n\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\tclass=\"bx--number__invalid\"\n\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t<div *ngIf=\"!skeleton\" class=\"bx--number__controls\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn up-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onIncrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-up16></ibm-icon-caret-up16>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn down-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onDecrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-down16></ibm-icon-caret-down16>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t",
|
|
162
162
|
providers: [
|
|
163
163
|
{
|
|
164
164
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number.component.js","sourceRoot":"","sources":["../src/number-input/number.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,EACN,WAAW,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAwB,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAEzC;;;;GAIG;AACH;IAAA;IAaA,CAAC;IAAD,mBAAC;AAAD,CAAC,AAbD,IAaC;;AAED;;;;;;;;GAQG;AACH;
|
|
1
|
+
{"version":3,"file":"number.component.js","sourceRoot":"","sources":["../src/number-input/number.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tHostBinding,\n\tEventEmitter,\n\tOutput,\n\tTemplateRef\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\nimport { isNullOrUndefined } from \"util\";\n\n/**\n * Used to emit changes performed on number input components.\n * @export\n * @class NumberChange\n */\nexport class NumberChange {\n\t/**\n\t * Contains the `Number` that has been changed.\n\t * @type {Number}\n\t * @memberof NumberChange\n\t */\n\tsource: Number;\n\t/**\n\t * The value of the `Number` field encompassed in the `NumberChange` class.\n\t * @type {number}\n\t * @memberof NumberChange\n\t */\n\tvalue: number;\n}\n\n/**\n * [See demo](../../?path=/story/number--basic)\n *\n * <example-url>../../iframe.html?id=number--basic</example-url>\n *\n * @export\n * @class Number\n * @implements {ControlValueAccessor}\n */\n@Component({\n\tselector: \"ibm-number\",\n\ttemplate: `\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--number__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[min]=\"min\"\n\t\t\t\t\t[max]=\"max\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[required]=\"required\"\n\t\t\t\t\t(input)=\"onNumberInputChange($event)\"/>\n\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\tclass=\"bx--number__invalid\"\n\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t<div *ngIf=\"!skeleton\" class=\"bx--number__controls\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn up-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onIncrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-up16></ibm-icon-caret-up16>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn down-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onDecrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-down16></ibm-icon-caret-down16>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Number,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Number implements ControlValueAccessor {\n\t/**\n\t * Variable used for creating unique ids for number input components.\n\t */\n\tstatic numberCount = 0;\n\n\t@HostBinding(\"class.bx--form-item\") containerClass = true;\n\n\t/**\n\t * `light` or `dark` number input theme.\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\t/**\n\t * Set to `true` for a disabled number input.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a loading number component.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` for an invalid number component.\n\t */\n\t@Input() invalid = false;\n\t/**\n\t * The unique id for the number component.\n\t */\n\t@Input() id = `number-${Number.numberCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value = 0;\n\t/**\n\t * Sets the min attribute on the `input` element.\n\t */\n\t@Input() min;\n\t/**\n\t * Sets the max attribute on the `input` element.\n\t */\n\t@Input() max;\n\t/**\n\t * Sets the text inside the `label` tag.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Sets the optional helper text.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\t/**\n\t * Sets the invalid text.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\t/**\n\t * Emits event notifying other classes when a change in state occurs in the input.\n\t */\n\t@Output() change = new EventEmitter<NumberChange>();\n\n\t/**\n\t * Creates an instance of `Number`.\n\t * @memberof Number\n\t */\n\tconstructor() {\n\t\tNumber.numberCount++;\n\t}\n\n\t/**\n\t * This is the initial value set to the component\n\t * @param value The input value.\n\t */\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t * @param {any} fn\n\t * @memberof Number\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the number input is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * Sets the disabled state through the model\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n\n\t/**\n\t * Called when number input is blurred. Needed to properly implement `ControlValueAccessor`.\n\t * @memberof Number\n\t */\n\tonTouched: () => any = () => {};\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t * @memberof Number\n\t */\n\tpropagateChange = (_: any) => {};\n\n\t/**\n\t * Adds 1 to the current `value`.\n\t */\n\tonIncrement(): void {\n\t\tif (isNullOrUndefined(this.max) || this.value < this.max) {\n\t\t\tthis.value++;\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\t/**\n\t * Subtracts 1 to the current `value`.\n\t */\n\tonDecrement(): void {\n\t\tif (isNullOrUndefined(this.min) || this.value > this.min) {\n\t\t\tthis.value--;\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\t/**\n\t * Creates a class of `NumberChange` to emit the change in the `Number`.\n\t */\n\temitChangeEvent(): void {\n\t\tlet event = new NumberChange();\n\t\tevent.source = this;\n\t\tevent.value = this.value;\n\t\tthis.change.emit(event);\n\t\tthis.propagateChange(this.value);\n\t}\n\n\tonNumberInputChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.emitChangeEvent();\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"NumberChange":{"__symbolic":"class"},"Number":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"ibm-number","template":"\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"NumberChange":{"__symbolic":"class"},"Number":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"ibm-number","template":"\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--number__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[min]=\"min\"\n\t\t\t\t\t[max]=\"max\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[required]=\"required\"\n\t\t\t\t\t(input)=\"onNumberInputChange($event)\"/>\n\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\tclass=\"bx--number__invalid\"\n\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t<div *ngIf=\"!skeleton\" class=\"bx--number__controls\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn up-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onIncrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-up16></ibm-icon-caret-up16>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn down-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onDecrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-down16></ibm-icon-caret-down16>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":102,"character":12},"useExisting":{"__symbolic":"reference","name":"Number"},"multi":true}]}]}],"members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":114,"character":2},"arguments":["class.bx--form-item"]}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":2}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":2}}]}],"invalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":2}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":2}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":2}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":2}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":2}}]}],"helperText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":2}}]}],"invalidText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":2}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":167,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onIncrement":[{"__symbolic":"method"}],"onDecrement":[{"__symbolic":"method"}],"emitChangeEvent":[{"__symbolic":"method"}],"onNumberInputChange":[{"__symbolic":"method"}],"isTemplate":[{"__symbolic":"method"}]},"statics":{"numberCount":0}}}}]
|
|
@@ -46,24 +46,22 @@ function View_Number_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, n
|
|
|
46
46
|
function View_Number_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
47
47
|
function View_Number_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_9)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutlet: [0, "ngTemplateOutlet"] }, null), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.helperText; _ck(_v, 1, 0, currVal_0); }, null); }
|
|
48
48
|
function View_Number_6(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "div", [["class", "bx--form__helper-text"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_7)), i0.ɵdid(2, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_8)), i0.ɵdid(4, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.isTemplate(_co.helperText); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.isTemplate(_co.helperText); _ck(_v, 4, 0, currVal_1); }, null); }
|
|
49
|
-
function View_Number_10(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "
|
|
50
|
-
function View_Number_11(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null,
|
|
51
|
-
function View_Number_12(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-warning-filled16", [["class", "bx--number__invalid"], ["style", "display: inherit;"]], null, null, null, i2.View_WarningFilled16_0, i2.RenderType_WarningFilled16)), i0.ɵdid(1, 49152, null, 0, i3.WarningFilled16, [], null, null)], null, null); }
|
|
52
|
-
function View_Number_13(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 6, "div", [["class", "bx--number__controls"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 2, "button", [["aria-atomic", "true"], ["aria-live", "polite"], ["class", "bx--number__control-btn up-icon"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
49
|
+
function View_Number_10(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-warning-filled16", [["class", "bx--number__invalid"], ["style", "display: inherit;"]], null, null, null, i2.View_WarningFilled16_0, i2.RenderType_WarningFilled16)), i0.ɵdid(1, 49152, null, 0, i3.WarningFilled16, [], null, null)], null, null); }
|
|
50
|
+
function View_Number_11(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 6, "div", [["class", "bx--number__controls"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 2, "button", [["aria-atomic", "true"], ["aria-live", "polite"], ["class", "bx--number__control-btn up-icon"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
53
51
|
var pd_0 = (_co.onIncrement() !== false);
|
|
54
52
|
ad = (pd_0 && ad);
|
|
55
53
|
} return ad; }, null, null)), (_l()(), i0.ɵeld(2, 0, null, null, 1, "ibm-icon-caret-up16", [], null, null, null, i4.View_CaretUp16_0, i4.RenderType_CaretUp16)), i0.ɵdid(3, 49152, null, 0, i5.CaretUp16, [], null, null), (_l()(), i0.ɵeld(4, 0, null, null, 2, "button", [["aria-atomic", "true"], ["aria-live", "polite"], ["class", "bx--number__control-btn down-icon"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
56
54
|
var pd_0 = (_co.onDecrement() !== false);
|
|
57
55
|
ad = (pd_0 && ad);
|
|
58
56
|
} return ad; }, null, null)), (_l()(), i0.ɵeld(5, 0, null, null, 1, "ibm-icon-caret-down16", [], null, null, null, i6.View_CaretDown16_0, i6.RenderType_CaretDown16)), i0.ɵdid(6, 49152, null, 0, i7.CaretDown16, [], null, null)], null, null); }
|
|
59
|
-
function
|
|
60
|
-
function
|
|
61
|
-
function
|
|
62
|
-
function
|
|
63
|
-
export function View_Number_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_1)), i0.ɵdid(1, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_2)), i0.ɵdid(3, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_6)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(6, 0, null, null,
|
|
57
|
+
function View_Number_13(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.invalidText; _ck(_v, 1, 0, currVal_0); }); }
|
|
58
|
+
function View_Number_15(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
59
|
+
function View_Number_14(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_15)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutlet: [0, "ngTemplateOutlet"] }, null), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.invalidText; _ck(_v, 1, 0, currVal_0); }, null); }
|
|
60
|
+
function View_Number_12(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "div", [["class", "bx--form-requirement"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_13)), i0.ɵdid(2, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_14)), i0.ɵdid(4, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.isTemplate(_co.invalidText); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.isTemplate(_co.invalidText); _ck(_v, 4, 0, currVal_1); }, null); }
|
|
61
|
+
export function View_Number_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_1)), i0.ɵdid(1, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_2)), i0.ɵdid(3, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_6)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(6, 0, null, null, 10, "div", [["class", "bx--number"], ["data-numberinput", ""]], [[1, "data-invalid", 0]], null, null, null, null)), i0.ɵdid(7, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(8, { "bx--number--light": 0, "bx--number--nolabel": 1, "bx--number--helpertext": 2, "bx--skeleton": 3 }), (_l()(), i0.ɵeld(9, 0, null, null, 5, "div", [["class", "bx--number__input-wrapper"]], null, null, null, null, null)), (_l()(), i0.ɵeld(10, 0, null, null, 0, "input", [["type", "number"]], [[8, "id", 0], [8, "value", 0], [8, "min", 0], [8, "max", 0], [8, "disabled", 0], [8, "required", 0]], [[null, "input"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("input" === en)) {
|
|
64
62
|
var pd_0 = (_co.onNumberInputChange($event) !== false);
|
|
65
63
|
ad = (pd_0 && ad);
|
|
66
|
-
} return ad; }, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null,
|
|
64
|
+
} return ad; }, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_10)), i0.ɵdid(12, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_11)), i0.ɵdid(14, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Number_12)), i0.ɵdid(16, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.skeleton && _co.label); _ck(_v, 1, 0, currVal_0); var currVal_1 = (!_co.skeleton && _co.label); _ck(_v, 3, 0, currVal_1); var currVal_2 = _co.helperText; _ck(_v, 5, 0, currVal_2); var currVal_4 = "bx--number"; var currVal_5 = _ck(_v, 8, 0, (_co.theme === "light"), !_co.label, _co.helperText, _co.skeleton); _ck(_v, 7, 0, currVal_4, currVal_5); var currVal_12 = (!_co.skeleton && _co.invalid); _ck(_v, 12, 0, currVal_12); var currVal_13 = !_co.skeleton; _ck(_v, 14, 0, currVal_13); var currVal_14 = _co.invalid; _ck(_v, 16, 0, currVal_14); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = (_co.invalid ? true : null); _ck(_v, 6, 0, currVal_3); var currVal_6 = _co.id; var currVal_7 = _co.value; var currVal_8 = _co.min; var currVal_9 = _co.max; var currVal_10 = _co.disabled; var currVal_11 = _co.required; _ck(_v, 10, 0, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11); }); }
|
|
67
65
|
export function View_Number_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ibm-number", [], [[2, "bx--form-item", null]], null, null, View_Number_0, RenderType_Number)), i0.ɵprd(5120, null, i8.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i9.Number]), i0.ɵdid(2, 49152, null, 0, i9.Number, [], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 2).containerClass; _ck(_v, 0, 0, currVal_0); }); }
|
|
68
66
|
var NumberNgFactory = i0.ɵccf("ibm-number", i9.Number, View_Number_Host_0, { theme: "theme", disabled: "disabled", skeleton: "skeleton", invalid: "invalid", id: "id", required: "required", value: "value", min: "min", max: "max", label: "label", helperText: "helperText", invalidText: "invalidText" }, { change: "change" }, []);
|
|
69
67
|
export { NumberNgFactory as NumberNgFactory };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number.component.ngfactory.js","sourceRoot":"","sources":["../src/number-input/number.component.ngfactory.ts","../src/number-input/number.component.ts.Number.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;iDCCE,iHAAgE;iDAE/D,6EAAyC,KAAA,2IAAS;;iDAClD,2LAAkE,sFAA3B,mBAA0B,QAAjE,YAAkE,EAA3B,SAA0B;iDAFlE,mHAA+D,KAC9D,sKAAyC,IACzC,sKAAkE,iDADpD,mCAA0B,SAAxC,YAAyC,EAA3B,SAA0B,GAC3B,kCAAyB,SAAtC,YAAkE,EAArD,SAAyB,mDAFL,mBAAU,KAA5C,YAA+D,EAA7B,SAAU;iDAK3C,6EAA8C,KAAA,gJAAc;;iDAC5D,2LAA4E,sFAAhC,mBAA+B,aAA3E,YAA4E,EAAhC,SAA+B;iDAF5E,8GAAsD,KACrD,sKAA8C,IAC9C,sKAA4E,iDAD9D,mCAA+B,cAA7C,YAA8C,EAAhC,SAA+B,GAChC,kCAA8B,cAA3C,YAA4E,EAA/D,SAA8B;
|
|
1
|
+
{"version":3,"file":"number.component.ngfactory.js","sourceRoot":"","sources":["../src/number-input/number.component.ngfactory.ts","../src/number-input/number.component.ts.Number.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;iDCCE,iHAAgE;iDAE/D,6EAAyC,KAAA,2IAAS;;iDAClD,2LAAkE,sFAA3B,mBAA0B,QAAjE,YAAkE,EAA3B,SAA0B;iDAFlE,mHAA+D,KAC9D,sKAAyC,IACzC,sKAAkE,iDADpD,mCAA0B,SAAxC,YAAyC,EAA3B,SAA0B,GAC3B,kCAAyB,SAAtC,YAAkE,EAArD,SAAyB,mDAFL,mBAAU,KAA5C,YAA+D,EAA7B,SAAU;iDAK3C,6EAA8C,KAAA,gJAAc;;iDAC5D,2LAA4E,sFAAhC,mBAA+B,aAA3E,YAA4E,EAAhC,SAA+B;iDAF5E,8GAAsD,KACrD,sKAA8C,IAC9C,sKAA4E,iDAD9D,mCAA+B,cAA7C,YAA8C,EAAhC,SAA+B,GAChC,kCAA8B,cAA3C,YAA4E,EAA/D,SAA8B;kDAsB1C,iRAG2B;kDAE3B,6GAAoD,KACnD,iOAIyB,YAAxB;;wBAAuB;MAJxB,wBAIyB,KACxB,yLAAqB,IAEtB,mOAIyB,YAAxB;;wBAAuB;MAJxB,wBAIyB,KACxB,iMAAuB;kDAKzB,6EAA+C,KAAA,iJAAe;;kDAC9D,4LAA8E,sFAAjC,mBAAgC,cAA7E,YAA8E,EAAjC,SAAgC;kDAF9E,6GAAkD,KACjD,uKAA+C,IAC/C,uKAA8E,iDADhE,mCAAgC,eAA9C,YAA+C,EAAjC,SAAgC,GACjC,kCAA+B,eAA5C,YAA8E,EAAjE,SAA+B;wDArD9C,sKAAgE,IAChE,sKAA+D,IAI/D,sKAAsD,IAItD,2TASI,GALH,6GAKE,MACF,kHAAuC,KACtC,sPAQwC,YAAvC;;wBAAqC;MARtC,wBAQwC,KACxC,wKAG2B,IAE3B,wKAAoD,IAiBrD,wKAAkD,iDAnD5C,oCAAyB,SAAhC,YAAgE,EAAzD,SAAyB,GACzB,qCAA0B,SAAjC,YAA+D,EAAxD,SAA0B,GAI5B,mBAAkB,aAAvB,YAAsD,EAAjD,SAAkB,GAOtB,4BAAkB,EAClB,sFAKE,YATH,YASI,EANH,SAAkB,EAClB,SAKE,GAYA,sCAA4B,WAD7B,aAG2B,EAF1B,UAA4B,GAIxB,qBAAiB,WAAtB,aAAoD,EAA/C,UAAiB,GAiBlB,oBAAe,UAApB,aAAkD,EAA7C,UAAe,mDAxCpB,0CAA6C,GAF9C,YASI,EAPH,SAA6C,GAW3C,mBAAS,KACT,mBAAe,QACf,mBAAW,MACX,mBAAW,MACX,oBAAqB,WACrB,oBAAqB,WAPtB,aAQwC,EANvC,SAAS,EACT,SAAe,EACf,SAAW,EACX,SAAW,EACX,UAAqB,EACrB,UAAqB","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--number__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[min]=\"min\"\n\t\t\t\t\t[max]=\"max\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[required]=\"required\"\n\t\t\t\t\t(input)=\"onNumberInputChange($event)\"/>\n\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\tclass=\"bx--number__invalid\"\n\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t<div *ngIf=\"!skeleton\" class=\"bx--number__controls\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn up-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onIncrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-up16></ibm-icon-caret-up16>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn down-icon\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onDecrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-down16></ibm-icon-caret-down16>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number.module.ngfactory.js","sourceRoot":"","sources":["../src/number-input/number.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './number.module';\nimport * as i2 from '@angular/forms';\nimport * as i3 from '@angular/common';\nimport * as i4 from '@carbon/icons-angular/lib/caret--up/16';\nimport * as i5 from '@carbon/icons-angular/lib/caret--down/16';\nimport * as i6 from '@carbon/icons-angular/lib/warning--filled/16';\nimport * as i7 from './number.component';\nexport const NumberModuleNgFactory:i0.NgModuleFactory<i1.NumberModule> = (null as any);\nvar _decl0_0:i2.ɵangular_packages_forms_forms_bg = (<any>(null as any));\nvar _decl0_1:i2.NgSelectOption = (<any>(null as any));\nvar _decl0_2:i2.ɵangular_packages_forms_forms_r = (<any>(null as any));\nvar _decl0_3:i2.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_4:i2.ɵangular_packages_forms_forms_bd = (<any>(null as any));\nvar _decl0_5:i2.ɵangular_packages_forms_forms_bf = (<any>(null as any));\nvar _decl0_6:i2.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_7:i2.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_8:i2.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_9:i2.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_10:i2.NgControlStatus = (<any>(null as any));\nvar _decl0_11:i2.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_12:i2.RequiredValidator = (<any>(null as any));\nvar _decl0_13:i2.MinLengthValidator = (<any>(null as any));\nvar _decl0_14:i2.MaxLengthValidator = (<any>(null as any));\nvar _decl0_15:i2.PatternValidator = (<any>(null as any));\nvar _decl0_16:i2.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_17:i2.EmailValidator = (<any>(null as any));\nvar _decl0_18:i2.NgModel = (<any>(null as any));\nvar _decl0_19:i2.NgModelGroup = (<any>(null as any));\nvar _decl0_20:i2.NgForm = (<any>(null as any));\nvar _decl0_21:i3.NgClass = (<any>(null as any));\nvar _decl0_22:i3.NgComponentOutlet = (<any>(null as any));\nvar _decl0_23:i3.NgForOf<any> = (<any>(null as any));\nvar _decl0_24:i3.NgIf = (<any>(null as any));\nvar _decl0_25:i3.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_26:i3.NgStyle = (<any>(null as any));\nvar _decl0_27:i3.NgSwitch = (<any>(null as any));\nvar _decl0_28:i3.NgSwitchCase = (<any>(null as any));\nvar _decl0_29:i3.NgSwitchDefault = (<any>(null as any));\nvar _decl0_30:i3.NgPlural = (<any>(null as any));\nvar _decl0_31:i3.NgPluralCase = (<any>(null as any));\nvar _decl0_32:i4.CaretUp16 = (<any>(null as any));\nvar _decl0_33:i4.CaretUp16Directive = (<any>(null as any));\nvar _decl0_34:i5.CaretDown16 = (<any>(null as any));\nvar _decl0_35:i5.CaretDown16Directive = (<any>(null as any));\nvar _decl0_36:i6.WarningFilled16 = (<any>(null as any));\nvar _decl0_37:i6.WarningFilled16Directive = (<any>(null as any));\nvar _decl0_38:i7.Number = (<any>(null as any));\nvar _decl0_39:i3.AsyncPipe = (<any>(null as any));\nvar _decl0_40:i3.UpperCasePipe = (<any>(null as any));\nvar _decl0_41:i3.LowerCasePipe = (<any>(null as any));\nvar _decl0_42:i3.JsonPipe = (<any>(null as any));\nvar _decl0_43:i3.SlicePipe = (<any>(null as any));\nvar _decl0_44:i3.DecimalPipe = (<any>(null as any));\nvar _decl0_45:i3.PercentPipe = (<any>(null as any));\nvar _decl0_46:i3.TitleCasePipe = (<any>(null as any));\nvar _decl0_47:i3.CurrencyPipe = (<any>(null as any));\nvar _decl0_48:i3.DatePipe = (<any>(null as any));\nvar _decl0_49:i3.I18nPluralPipe = (<any>(null as any));\nvar _decl0_50:i3.I18nSelectPipe = (<any>(null as any));\nvar _decl0_51:i3.KeyValuePipe = (<any>(null as any));\nvar _decl0_52:i2.FormsModule = (<any>(null as any));\nvar _decl0_53:i3.CommonModule = (<any>(null as any));\nvar _decl0_54:i4.CaretUp16Module = (<any>(null as any));\nvar _decl0_55:i5.CaretDown16Module = (<any>(null as any));\nvar _decl0_56:i6.WarningFilled16Module = (<any>(null as any));\nvar _decl0_57:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_58:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Number_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Number_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_38.skeleton && _decl0_38.label);\n currVal_0;\n const currVal_1:any = (!_decl0_38.skeleton && _decl0_38.label);\n currVal_1;\n const currVal_2:any = _decl0_38.helperText;\n currVal_2;\n const currVal_3:any = 'bx--number';\n currVal_3;\n const currVal_4:any = (<any>{'bx--number--light':(_decl0_38.theme === 'light'),'bx--number--nolabel':!_decl0_38.label,\n 'bx--number--helpertext':_decl0_38.helperText,'bx--skeleton':_decl0_38.skeleton});\n currVal_4;\n const currVal_5:any = (_decl0_38.invalid? true: null);\n currVal_5;\n const currVal_6:any =
|
|
1
|
+
{"version":3,"file":"number.module.ngfactory.js","sourceRoot":"","sources":["../src/number-input/number.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './number.module';\nimport * as i2 from '@angular/forms';\nimport * as i3 from '@angular/common';\nimport * as i4 from '@carbon/icons-angular/lib/caret--up/16';\nimport * as i5 from '@carbon/icons-angular/lib/caret--down/16';\nimport * as i6 from '@carbon/icons-angular/lib/warning--filled/16';\nimport * as i7 from './number.component';\nexport const NumberModuleNgFactory:i0.NgModuleFactory<i1.NumberModule> = (null as any);\nvar _decl0_0:i2.ɵangular_packages_forms_forms_bg = (<any>(null as any));\nvar _decl0_1:i2.NgSelectOption = (<any>(null as any));\nvar _decl0_2:i2.ɵangular_packages_forms_forms_r = (<any>(null as any));\nvar _decl0_3:i2.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_4:i2.ɵangular_packages_forms_forms_bd = (<any>(null as any));\nvar _decl0_5:i2.ɵangular_packages_forms_forms_bf = (<any>(null as any));\nvar _decl0_6:i2.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_7:i2.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_8:i2.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_9:i2.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_10:i2.NgControlStatus = (<any>(null as any));\nvar _decl0_11:i2.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_12:i2.RequiredValidator = (<any>(null as any));\nvar _decl0_13:i2.MinLengthValidator = (<any>(null as any));\nvar _decl0_14:i2.MaxLengthValidator = (<any>(null as any));\nvar _decl0_15:i2.PatternValidator = (<any>(null as any));\nvar _decl0_16:i2.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_17:i2.EmailValidator = (<any>(null as any));\nvar _decl0_18:i2.NgModel = (<any>(null as any));\nvar _decl0_19:i2.NgModelGroup = (<any>(null as any));\nvar _decl0_20:i2.NgForm = (<any>(null as any));\nvar _decl0_21:i3.NgClass = (<any>(null as any));\nvar _decl0_22:i3.NgComponentOutlet = (<any>(null as any));\nvar _decl0_23:i3.NgForOf<any> = (<any>(null as any));\nvar _decl0_24:i3.NgIf = (<any>(null as any));\nvar _decl0_25:i3.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_26:i3.NgStyle = (<any>(null as any));\nvar _decl0_27:i3.NgSwitch = (<any>(null as any));\nvar _decl0_28:i3.NgSwitchCase = (<any>(null as any));\nvar _decl0_29:i3.NgSwitchDefault = (<any>(null as any));\nvar _decl0_30:i3.NgPlural = (<any>(null as any));\nvar _decl0_31:i3.NgPluralCase = (<any>(null as any));\nvar _decl0_32:i4.CaretUp16 = (<any>(null as any));\nvar _decl0_33:i4.CaretUp16Directive = (<any>(null as any));\nvar _decl0_34:i5.CaretDown16 = (<any>(null as any));\nvar _decl0_35:i5.CaretDown16Directive = (<any>(null as any));\nvar _decl0_36:i6.WarningFilled16 = (<any>(null as any));\nvar _decl0_37:i6.WarningFilled16Directive = (<any>(null as any));\nvar _decl0_38:i7.Number = (<any>(null as any));\nvar _decl0_39:i3.AsyncPipe = (<any>(null as any));\nvar _decl0_40:i3.UpperCasePipe = (<any>(null as any));\nvar _decl0_41:i3.LowerCasePipe = (<any>(null as any));\nvar _decl0_42:i3.JsonPipe = (<any>(null as any));\nvar _decl0_43:i3.SlicePipe = (<any>(null as any));\nvar _decl0_44:i3.DecimalPipe = (<any>(null as any));\nvar _decl0_45:i3.PercentPipe = (<any>(null as any));\nvar _decl0_46:i3.TitleCasePipe = (<any>(null as any));\nvar _decl0_47:i3.CurrencyPipe = (<any>(null as any));\nvar _decl0_48:i3.DatePipe = (<any>(null as any));\nvar _decl0_49:i3.I18nPluralPipe = (<any>(null as any));\nvar _decl0_50:i3.I18nSelectPipe = (<any>(null as any));\nvar _decl0_51:i3.KeyValuePipe = (<any>(null as any));\nvar _decl0_52:i2.FormsModule = (<any>(null as any));\nvar _decl0_53:i3.CommonModule = (<any>(null as any));\nvar _decl0_54:i4.CaretUp16Module = (<any>(null as any));\nvar _decl0_55:i5.CaretDown16Module = (<any>(null as any));\nvar _decl0_56:i6.WarningFilled16Module = (<any>(null as any));\nvar _decl0_57:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_58:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Number_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Number_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_38.skeleton && _decl0_38.label);\n currVal_0;\n const currVal_1:any = (!_decl0_38.skeleton && _decl0_38.label);\n currVal_1;\n const currVal_2:any = _decl0_38.helperText;\n currVal_2;\n const currVal_3:any = 'bx--number';\n currVal_3;\n const currVal_4:any = (<any>{'bx--number--light':(_decl0_38.theme === 'light'),'bx--number--nolabel':!_decl0_38.label,\n 'bx--number--helpertext':_decl0_38.helperText,'bx--skeleton':_decl0_38.skeleton});\n currVal_4;\n const currVal_5:any = (_decl0_38.invalid? true: null);\n currVal_5;\n const currVal_6:any = _decl0_38.id;\n currVal_6;\n const currVal_7:any = _decl0_38.value;\n currVal_7;\n const currVal_8:any = _decl0_38.min;\n currVal_8;\n const currVal_9:any = _decl0_38.max;\n currVal_9;\n const currVal_10:any = _decl0_38.disabled;\n currVal_10;\n const currVal_11:any = _decl0_38.required;\n currVal_11;\n const currVal_12:any = (!_decl0_38.skeleton && _decl0_38.invalid);\n currVal_12;\n const currVal_13:any = !_decl0_38.skeleton;\n currVal_13;\n const currVal_14:any = _decl0_38.invalid;\n currVal_14;\n const pd_15:any = ((<any>_decl0_38.onNumberInputChange(_any)) !== false);\n}\n"]}
|