npm - carbon-components-angular - Versions diffs - 3.12.5 → 3.13.2 - Mend

carbon-components-angular 3.12.5 → 3.13.2

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.

Files changed (130) hide show

package/combobox/combobox.component.js CHANGED Viewed

@@ -364,7 +364,7 @@ var ComboBox = /** @class */ (function () {
     ComboBox.decorators = [
         { type: Component, args: [{
                     selector: "ibm-combo-box",
-                    template: "\n\t\t<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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\t*ngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t",
+                    template: "\n\t\t<label *ngIf=\"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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\t*ngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t",
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,

package/combobox/combobox.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.component.js","sourceRoot":"","sources":["../src/combobox/combobox.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tOnChanges,\n\tContentChild,\n\tInput,\n\tOutput,\n\tHostListener,\n\tElementRef,\n\tViewChild,\n\tEventEmitter,\n\tAfterViewInit,\n\tAfterContentInit,\n\tHostBinding,\n\tTemplateRef\n} from \"@angular/core\";\nimport { AbstractDropdownView } from \"./../dropdown/abstract-dropdown-view.class\";\nimport { ListItem } from \"./../dropdown/list-item.interface\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { filter } from \"rxjs/operators\";\n\n/*\n ComboBoxes are similar to dropdowns, except a combobox provides an input field for users to search items and (optionally) add their own.\n * Multi-select comboboxes also provide \"pills\" of selected items.\n \n [See demo](../../?path=/story/combobox--basic)\n \n <example-url>../../iframe.html?id=combobox--basic</example-url>\n \n @export\n * @class ComboBox\n * @implements {OnChanges}\n * @implements {AfterViewInit}\n * @implements {AfterContentInit}\n /\n@Component({\n\tselector: \"ibm-combo-box\",\n\ttemplate: `\n\t\t<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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\tngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\tngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\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: ComboBox,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class ComboBox implements OnChanges, AfterViewInit, AfterContentInit {\n\tstatic comboBoxCount = 0;\n\t@Input() id = `dropdown-${ComboBox.comboBoxCount++}`;\n\t/*\n\t List of items to fill the content with.\n\t \n\t Example:\n\t * ```javascript\n\t * items = [\n\t \t\t{\n\t \t\t\tcontent: \"Abacus\",\n\t \t\t\tselected: false\n\t \t\t},\n\t \t\t{\n\t \t\t\tcontent: \"Byte\",\n\t \t\t\tselected: false,\n\t \t\t},\n\t \t\t{\n\t \t\t\tcontent: \"Computer\",\n\t \t\t\tselected: false\n\t \t\t},\n\t \t\t{\n\t \t\t\tcontent: \"Digital\",\n\t \t\t\tselected: false\n\t \t\t}\n\t * ];\n\t * ```\n\t \n\t /\n\t@Input() items: Array<ListItem> = [];\n\t/*\n\t Text to show when nothing is selected.\n\t /\n\t@Input() placeholder = \"Filter...\";\n\t/\n\t Combo box type (supporting single or multi selection of items).\n\t /\n\t@Input() type: \"single\" \| \"multi\" = \"single\";\n\t/\n\t Combo box render size.\n\t /\n\t@Input() size: \"sm\" \| \"md\" \| \"lg\" = \"md\";\n\t/\n\t Label for the combobox.\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 Set to `true` to disable combobox.\n\t /\n\t@HostBinding(\"attr.aria-disabled\") @Input() disabled = false;\n\t/\n\t Emits a ListItem\n\t \n\t Example:\n\t * ```javascript\n\t * {\n\t * \t\tcontent: \"one\",\n\t * \t\tselected: true\n\t * }\n\t * ```\n\t /\n\t@Output() selected = new EventEmitter<ListItem \| ListItem[]>();\n\t/\n\t Intended to be used to add items to the list.\n\t \n\t Emits an event that includes the current item list, the suggested index for the new item, and a simple ListItem\n\t \n\t Example:\n\t * ```javascript\n\t \t{\n\t \t\titems: [{content: \"one\", selected: true}, {content: \"two\", selected: true}],\n\t \t\tindex: 1,\n\t \t\tvalue: {\n\t \t\t\tcontent: \"some user string\",\n\t \t\t\tselected: false\n\t \t\t}\n\t \t}\n\t * ```\n\t \n\t \n\t * Example:\n\t * ```javascript\n\t * {\n\t \tafter: 1,\n\t \tvalue: \"some user string\"\n\t * }\n\t * ```\n\t /\n\t@Output() submit: EventEmitter<any> = new EventEmitter<any>();\n\t/* emits an empty event when the menu is closed /\n\t@Output() close: EventEmitter<any> = new EventEmitter<any>();\n\t/* ContentChild reference to the instantiated dropdown list /\n\t@ContentChild(AbstractDropdownView) view: AbstractDropdownView;\n\t@ViewChild(\"dropdownMenu\") dropdownMenu;\n\t@HostBinding(\"class.bx--list-box__wrapper\") hostClass = true;\n\t@HostBinding(\"attr.role\") role = \"combobox\";\n\t@HostBinding(\"style.display\") display = \"block\";\n\n\tpublic open = false;\n\n\t/* Selected items for multi-select combo-boxes. /\n\tpublic pills = [];\n\t/* used to update the displayValue /\n\tpublic selectedValue = \"\";\n\n\tprotected noop = this._noop.bind(this);\n\tprotected onTouchedCallback: () => void = this._noop;\n\tprotected propagateChangeCallback: (_: any) => void = this._noop;\n\n\t/\n\t Creates an instance of ComboBox.\n\t /\n\tconstructor(protected elementRef: ElementRef) {}\n\n\t/\n\t Lifecycle hook.\n\t * Updates pills if necessary.\n\t \n\t /\n\tngOnChanges(changes) {\n\t\tif (changes.items) {\n\t\t\tthis.view.items = changes.items.currentValue;\n\t\t\tthis.updateSelected();\n\t\t}\n\t}\n\n\t/*\n\t Sets initial state that depends on child components\n\t * Subscribes to select events and handles focus/filtering/initial list updates\n\t /\n\tngAfterContentInit() {\n\t\tif (this.view) {\n\t\t\tthis.view.type = this.type;\n\t\t\tthis.view.select.subscribe(event => {\n\t\t\t\tif (this.type === \"multi\") {\n\t\t\t\t\tthis.updatePills();\n\t\t\t\t\tthis.propagateChangeCallback(this.view.getSelected());\n\t\t\t\t} else {\n\t\t\t\t\tif (event.item && event.item.selected) {\n\t\t\t\t\t\tthis.selectedValue = event.item.content;\n\t\t\t\t\t\tthis.propagateChangeCallback(event.item);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.selectedValue = \"\";\n\t\t\t\t\t\tthis.propagateChangeCallback(null);\n\t\t\t\t\t}\n\t\t\t\t\t// not guarding these since the nativeElement has to be loaded\n\t\t\t\t\t// for select to even fire\n\t\t\t\t\tthis.elementRef.nativeElement.querySelector(\"input\").focus();\n\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t}\n\t\t\t\tthis.selected.emit(event);\n\t\t\t\tthis.view.filterBy(\"\");\n\t\t\t});\n\t\t\tthis.view.items = this.items;\n\t\t\t// update the rest of combobox with any pre-selected items\n\t\t\t// setTimeout just defers the call to the next check cycle\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.updateSelected();\n\t\t\t});\n\n\t\t\tthis.view.blurIntent.pipe(filter(v => v === \"top\")).subscribe(() => {\n\t\t\t\tthis.elementRef.nativeElement.querySelector(\".bx--text-input\").focus();\n\t\t\t});\n\t\t}\n\t}\n\n\t/\n\t Binds event handlers against the rendered view\n\t /\n\tngAfterViewInit() {\n\t\tdocument.addEventListener(\"click\", ev => {\n\t\t\tif (!this.elementRef.nativeElement.contains(ev.target)) {\n\t\t\t\tif (this.open) {\n\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t/\n\t Handles `Escape` key closing the dropdown, and arrow up/down focus to/from the dropdown list.\n\t /\n\t@HostListener(\"keydown\", [\"$event\"])\n\thostkeys(ev: KeyboardEvent) {\n\t\tif (ev.key === \"Escape\") {\n\t\t\tthis.closeDropdown();\n\t\t} else if ((ev.key === \"ArrowDown\" \|\| ev.key === \"Down\") // `\"Down\"` is IE specific value\n\t\t\t&& (!this.dropdownMenu \|\| !this.dropdownMenu.nativeElement.contains(ev.target))) {\n\t\t\tev.stopPropagation();\n\t\t\tthis.openDropdown();\n\t\t\tsetTimeout(() => this.view.getCurrentElement().focus(), 0);\n\t\t}\n\t}\n\n\t/\n\t * no-op method for null event listeners, and other no op calls\n\t /\n\t_noop() {}\n\n\t/\n\t * propagates the value provided from ngModel\n\t /\n\twriteValue(value: any) {\n\t\tif (value) {\n\t\t\tif (this.type === \"single\") {\n\t\t\t\tthis.view.propagateSelected([value]);\n\t\t\t} else {\n\t\t\t\tthis.view.propagateSelected(value);\n\t\t\t}\n\t\t}\n\t}\n\n\tonBlur() {\n\t\tthis.onTouchedCallback();\n\t}\n\n\tregisterOnChange(fn: any) {\n\t\tthis.propagateChangeCallback = fn;\n\t}\n\n\tregisterOnTouched(fn: any) {\n\t\tthis.onTouchedCallback = fn;\n\t}\n\n\t/\n\t Called by `n-pill-input` when the selected pills have changed.\n\t /\n\tpublic updatePills() {\n\t\tthis.pills = this.view.getSelected() \|\| [];\n\t\tthis.propagateChangeCallback(this.view.getSelected());\n\t}\n\n\tpublic clearSelected() {\n\t\tthis.items = this.items.map(item => {\n\t\t\tif (!item.disabled) {\n\t\t\t\titem.selected = false;\n\t\t\t}\n\t\t\treturn item;\n\t\t});\n\t\tthis.view.items = this.items;\n\t\tthis.updatePills();\n\t\t// clearSelected can only fire on type=multi\n\t\t// so we just emit getSelected() (just in case there's any disabled but selected items)\n\t\tthis.selected.emit(this.view.getSelected() as any);\n\t}\n\n\t/\n\t Closes the dropdown and emits the close event.\n\t /\n\tpublic closeDropdown() {\n\t\tthis.open = false;\n\t\tthis.close.emit();\n\t}\n\n\t/\n\t Opens the dropdown.\n\t /\n\tpublic openDropdown() {\n\t\tthis.open = true;\n\t}\n\n\t/\n\t Toggles the dropdown.\n\t /\n\tpublic toggleDropdown() {\n\t\tif (this.open) {\n\t\t\tthis.closeDropdown();\n\t\t} else {\n\t\t\tthis.openDropdown();\n\t\t}\n\t}\n\n\t/\n\t Sets the list group filter, and manages single select item selection.\n\t /\n\tpublic onSearch(searchString) {\n\t\tthis.view.filterBy(searchString);\n\t\tif (searchString !== \"\") {\n\t\t\tthis.openDropdown();\n\t\t} else {\n\t\t\tthis.selectedValue = \"\";\n\t\t}\n\t\tif (this.type === \"single\") {\n\t\t\t// deselect if the input doesn't match the content\n\t\t\t// of any given item\n\t\t\tconst matches = this.view.getListItems().some(item => item.content.toLowerCase().includes(searchString.toLowerCase()));\n\t\t\tif (!matches) {\n\t\t\t\tconst selected = this.view.getSelected();\n\t\t\t\tif (selected) {\n\t\t\t\t\tselected[0].selected = false;\n\t\t\t\t\t// notify that the selection has changed\n\t\t\t\t\tthis.view.select.emit({ item: selected[0] });\n\t\t\t\t\tthis.propagateChangeCallback(null);\n\t\t\t\t} else {\n\t\t\t\t\tthis.view.filterBy(\"\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Bubbles from `n-pill-input` when the user types a value and presses enter. Intended to be used to add items to the list.\n\t \n\t @param {any} ev event from `n-pill-input`, includes the typed value and the index of the pill the user typed after\n\t \n\t Example:\n\t * ```javascript\n\t \t{\n\t \tafter: 1,\n\t \tvalue: \"some user string\"\n\t \t}\n\t * ```\n\t */\n\tpublic onSubmit(ev) {\n\t\tlet index = 0;\n\t\tif (ev.after) {\n\t\t\tindex = this.view.getListItems().indexOf(ev.after) + 1;\n\t\t}\n\t\tthis.submit.emit({\n\t\t\titems: this.view.getListItems(),\n\t\t\tindex,\n\t\t\tvalue: {\n\t\t\t\tcontent: ev.value,\n\t\t\t\tselected: false\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\tprotected updateSelected() {\n\t\tconst selected = this.view.getSelected();\n\t\tif (selected) {\n\t\t\tif (this.type === \"multi\") {\n\t\t\t\tthis.updatePills();\n\t\t\t} else {\n\t\t\t\tthis.selectedValue = selected[0].content;\n\t\t\t\tthis.propagateChangeCallback(selected[0]);\n\t\t\t}\n\t\t}\n\t}\n}\n"]}
1	+ {"version":3,"file":"combobox.component.js","sourceRoot":"","sources":["../src/combobox/combobox.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EAET,YAAY,EACZ,KAAK,EACL,MAAM,EACN,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EAGZ,WAAW,EACX,WAAW,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC;;;;;;;;;;;;;GAaG;AACH;IA4LC;;OAEG;IACH,kBAAsB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QAlHnC,OAAE,GAAG,cAAY,QAAQ,CAAC,aAAa,EAAI,CAAC;QACrD;;;;;;;;;;;;;;;;;;;;;;;;;WAyBG;QACM,UAAK,GAAoB,EAAE,CAAC;QACrC;;WAEG;QACM,gBAAW,GAAG,WAAW,CAAC;QACnC;;WAEG;QACM,SAAI,GAAuB,QAAQ,CAAC;QAC7C;;WAEG;QACM,SAAI,GAAuB,IAAI,CAAC;QASzC;;WAEG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAC7D;;;;;;;;;;WAUG;QACO,aAAQ,GAAG,IAAI,YAAY,EAAyB,CAAC;QAC/D;;;;;;;;;;;;;;;;;;;;;;;;;WAyBG;QACO,WAAM,GAAsB,IAAI,YAAY,EAAO,CAAC;QAC9D,mDAAmD;QACzC,UAAK,GAAsB,IAAI,YAAY,EAAO,CAAC;QAIjB,cAAS,GAAG,IAAI,CAAC;QACnC,SAAI,GAAG,UAAU,CAAC;QACd,YAAO,GAAG,OAAO,CAAC;QAEzC,SAAI,GAAG,KAAK,CAAC;QAEpB,mDAAmD;QAC5C,UAAK,GAAG,EAAE,CAAC;QAClB,sCAAsC;QAC/B,kBAAa,GAAG,EAAE,CAAC;QAEhB,SAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,sBAAiB,GAAe,IAAI,CAAC,KAAK,CAAC;QAC3C,4BAAuB,GAAqB,IAAI,CAAC,KAAK,CAAC;IAKlB,CAAC;IAEhD;;;;OAIG;IACH,8BAAW,GAAX,UAAY,OAAO;QAClB,IAAI,OAAO,CAAC,KAAK,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC;YAC7C,IAAI,CAAC,cAAc,EAAE,CAAC;SACtB;IACF,CAAC;IAED;;;OAGG;IACH,qCAAkB,GAAlB;QAAA,iBAkCC;QAjCA,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAC3B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAA,KAAK;gBAC/B,IAAI,KAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBAC1B,KAAI,CAAC,WAAW,EAAE,CAAC;oBACnB,KAAI,CAAC,uBAAuB,CAAC,KAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;iBACtD;qBAAM;oBACN,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;wBACtC,KAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;wBACxC,KAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;qBACzC;yBAAM;wBACN,KAAI,CAAC,aAAa,GAAG,EAAE,CAAC;wBACxB,KAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;qBACnC;oBACD,8DAA8D;oBAC9D,0BAA0B;oBAC1B,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;oBAC7D,KAAI,CAAC,aAAa,EAAE,CAAC;iBACrB;gBACD,KAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC1B,KAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC7B,0DAA0D;YAC1D,0DAA0D;YAC1D,UAAU,CAAC;gBACV,KAAI,CAAC,cAAc,EAAE,CAAC;YACvB,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,KAAK,EAAX,CAAW,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC7D,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,KAAK,EAAE,CAAC;YACxE,CAAC,CAAC,CAAC;SACH;IACF,CAAC;IAED;;OAEG;IACH,kCAAe,GAAf;QAAA,iBAQC;QAPA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAA,EAAE;YACpC,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACvD,IAAI,KAAI,CAAC,IAAI,EAAE;oBACd,KAAI,CAAC,aAAa,EAAE,CAAC;iBACrB;aACD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED;;OAEG;IAEH,2BAAQ,GADR,UACS,EAAiB;QAD1B,iBAUC;QARA,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,EAAE;YACxB,IAAI,CAAC,aAAa,EAAE,CAAC;SACrB;aAAM,IAAI,CAAC,EAAE,CAAC,GAAG,KAAK,WAAW,IAAI,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,gCAAgC;eACrF,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE;YACjF,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,UAAU,CAAC,cAAM,OAAA,KAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAArC,CAAqC,EAAE,CAAC,CAAC,CAAC;SAC3D;IACF,CAAC;IAED;;OAEG;IACH,wBAAK,GAAL,cAAS,CAAC;IAEV;;OAEG;IACH,6BAAU,GAAV,UAAW,KAAU;QACpB,IAAI,KAAK,EAAE;YACV,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBAC3B,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;aACrC;iBAAM;gBACN,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;aACnC;SACD;IACF,CAAC;IAED,yBAAM,GAAN;QACC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC1B,CAAC;IAED,mCAAgB,GAAhB,UAAiB,EAAO;QACvB,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC;IACnC,CAAC;IAED,oCAAiB,GAAjB,UAAkB,EAAO;QACxB,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,8BAAW,GAAlB;QACC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IACvD,CAAC;IAEM,gCAAa,GAApB;QACC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI;YAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACtB;YACD,OAAO,IAAI,CAAC;QACb,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,4CAA4C;QAC5C,uFAAuF;QACvF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAS,CAAC,CAAC;IACpD,CAAC;IAED;;OAEG;IACI,gCAAa,GAApB;QACC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;IAED;;OAEG;IACI,+BAAY,GAAnB;QACC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,iCAAc,GAArB;QACC,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,aAAa,EAAE,CAAC;SACrB;aAAM;YACN,IAAI,CAAC,YAAY,EAAE,CAAC;SACpB;IACF,CAAC;IAED;;OAEG;IACI,2BAAQ,GAAf,UAAgB,YAAY;QAC3B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACjC,IAAI,YAAY,KAAK,EAAE,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAC;SACpB;aAAM;YACN,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;SACxB;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC3B,kDAAkD;YAClD,oBAAoB;YACpB,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,EAA/D,CAA+D,CAAC,CAAC;YACvH,IAAI,CAAC,OAAO,EAAE;gBACb,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACzC,IAAI,QAAQ,EAAE;oBACb,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;oBAC7B,wCAAwC;oBACxC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC7C,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;iBACnC;qBAAM;oBACN,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;iBACvB;aACD;SACD;IACF,CAAC;IAED;;;;;;;;;;;;OAYG;IACI,2BAAQ,GAAf,UAAgB,EAAE;QACjB,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,EAAE,CAAC,KAAK,EAAE;YACb,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACvD;QACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YAChB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YAC/B,KAAK,OAAA;YACL,KAAK,EAAE;gBACN,OAAO,EAAE,EAAE,CAAC,KAAK;gBACjB,QAAQ,EAAE,KAAK;aACf;SACD,CAAC,CAAC;IACJ,CAAC;IAEM,6BAAU,GAAjB,UAAkB,KAAK;QACtB,OAAO,KAAK,YAAY,WAAW,CAAC;IACrC,CAAC;IAES,iCAAc,GAAxB;QACC,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACzC,IAAI,QAAQ,EAAE;YACb,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;gBAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;aACnB;iBAAM;gBACN,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBACzC,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1C;SACD;IACF,CAAC;IAzVM,sBAAa,GAAG,CAAC,CAAC;;gBA5EzB,SAAS,SAAC;oBACV,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAE,i3EAgET;oBACD,SAAS,EAAE;wBACV;4BACC,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,QAAQ;4BACrB,KAAK,EAAE,IAAI;yBACX;qBACD;iBACD;;;;gBArGA,UAAU;;;qBAwGT,KAAK;wBA2BL,KAAK;8BAIL,KAAK;uBAIL,KAAK;uBAIL,KAAK;wBAIL,KAAK;6BAIL,KAAK;2BAIL,WAAW,SAAC,oBAAoB,cAAG,KAAK;2BAYxC,MAAM;yBA2BN,MAAM;wBAEN,MAAM;uBAEN,YAAY,SAAC,oBAAoB;+BACjC,SAAS,SAAC,cAAc;4BACxB,WAAW,SAAC,6BAA6B;uBACzC,WAAW,SAAC,WAAW;0BACvB,WAAW,SAAC,eAAe;2BAsF3B,YAAY,SAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;IAiKpC,eAAC;CAAA,AAtaD,IAsaC;SA3VY,QAAQ","sourcesContent":["import {\n\tComponent,\n\tOnChanges,\n\tContentChild,\n\tInput,\n\tOutput,\n\tHostListener,\n\tElementRef,\n\tViewChild,\n\tEventEmitter,\n\tAfterViewInit,\n\tAfterContentInit,\n\tHostBinding,\n\tTemplateRef\n} from \"@angular/core\";\nimport { AbstractDropdownView } from \"./../dropdown/abstract-dropdown-view.class\";\nimport { ListItem } from \"./../dropdown/list-item.interface\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { filter } from \"rxjs/operators\";\n\n/*\n ComboBoxes are similar to dropdowns, except a combobox provides an input field for users to search items and (optionally) add their own.\n * Multi-select comboboxes also provide \"pills\" of selected items.\n \n [See demo](../../?path=/story/combobox--basic)\n \n <example-url>../../iframe.html?id=combobox--basic</example-url>\n \n @export\n * @class ComboBox\n * @implements {OnChanges}\n * @implements {AfterViewInit}\n * @implements {AfterContentInit}\n /\n@Component({\n\tselector: \"ibm-combo-box\",\n\ttemplate: `\n\t\t<label ngIf=\"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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\tngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\tngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\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: ComboBox,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class ComboBox implements OnChanges, AfterViewInit, AfterContentInit {\n\tstatic comboBoxCount = 0;\n\t@Input() id = `dropdown-${ComboBox.comboBoxCount++}`;\n\t/\n\t List of items to fill the content with.\n\t \n\t Example:\n\t * ```javascript\n\t * items = [\n\t \t\t{\n\t \t\t\tcontent: \"Abacus\",\n\t \t\t\tselected: false\n\t \t\t},\n\t \t\t{\n\t \t\t\tcontent: \"Byte\",\n\t \t\t\tselected: false,\n\t \t\t},\n\t \t\t{\n\t \t\t\tcontent: \"Computer\",\n\t \t\t\tselected: false\n\t \t\t},\n\t \t\t{\n\t \t\t\tcontent: \"Digital\",\n\t \t\t\tselected: false\n\t \t\t}\n\t * ];\n\t * ```\n\t \n\t /\n\t@Input() items: Array<ListItem> = [];\n\t/*\n\t Text to show when nothing is selected.\n\t /\n\t@Input() placeholder = \"Filter...\";\n\t/\n\t Combo box type (supporting single or multi selection of items).\n\t /\n\t@Input() type: \"single\" \| \"multi\" = \"single\";\n\t/\n\t Combo box render size.\n\t /\n\t@Input() size: \"sm\" \| \"md\" \| \"lg\" = \"md\";\n\t/\n\t Label for the combobox.\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 Set to `true` to disable combobox.\n\t /\n\t@HostBinding(\"attr.aria-disabled\") @Input() disabled = false;\n\t/\n\t Emits a ListItem\n\t \n\t Example:\n\t * ```javascript\n\t * {\n\t * \t\tcontent: \"one\",\n\t * \t\tselected: true\n\t * }\n\t * ```\n\t /\n\t@Output() selected = new EventEmitter<ListItem \| ListItem[]>();\n\t/\n\t Intended to be used to add items to the list.\n\t \n\t Emits an event that includes the current item list, the suggested index for the new item, and a simple ListItem\n\t \n\t Example:\n\t * ```javascript\n\t \t{\n\t \t\titems: [{content: \"one\", selected: true}, {content: \"two\", selected: true}],\n\t \t\tindex: 1,\n\t \t\tvalue: {\n\t \t\t\tcontent: \"some user string\",\n\t \t\t\tselected: false\n\t \t\t}\n\t \t}\n\t * ```\n\t \n\t \n\t * Example:\n\t * ```javascript\n\t * {\n\t \tafter: 1,\n\t \tvalue: \"some user string\"\n\t * }\n\t * ```\n\t /\n\t@Output() submit: EventEmitter<any> = new EventEmitter<any>();\n\t/* emits an empty event when the menu is closed /\n\t@Output() close: EventEmitter<any> = new EventEmitter<any>();\n\t/* ContentChild reference to the instantiated dropdown list /\n\t@ContentChild(AbstractDropdownView) view: AbstractDropdownView;\n\t@ViewChild(\"dropdownMenu\") dropdownMenu;\n\t@HostBinding(\"class.bx--list-box__wrapper\") hostClass = true;\n\t@HostBinding(\"attr.role\") role = \"combobox\";\n\t@HostBinding(\"style.display\") display = \"block\";\n\n\tpublic open = false;\n\n\t/* Selected items for multi-select combo-boxes. /\n\tpublic pills = [];\n\t/* used to update the displayValue /\n\tpublic selectedValue = \"\";\n\n\tprotected noop = this._noop.bind(this);\n\tprotected onTouchedCallback: () => void = this._noop;\n\tprotected propagateChangeCallback: (_: any) => void = this._noop;\n\n\t/\n\t Creates an instance of ComboBox.\n\t /\n\tconstructor(protected elementRef: ElementRef) {}\n\n\t/\n\t Lifecycle hook.\n\t * Updates pills if necessary.\n\t \n\t /\n\tngOnChanges(changes) {\n\t\tif (changes.items) {\n\t\t\tthis.view.items = changes.items.currentValue;\n\t\t\tthis.updateSelected();\n\t\t}\n\t}\n\n\t/*\n\t Sets initial state that depends on child components\n\t * Subscribes to select events and handles focus/filtering/initial list updates\n\t /\n\tngAfterContentInit() {\n\t\tif (this.view) {\n\t\t\tthis.view.type = this.type;\n\t\t\tthis.view.select.subscribe(event => {\n\t\t\t\tif (this.type === \"multi\") {\n\t\t\t\t\tthis.updatePills();\n\t\t\t\t\tthis.propagateChangeCallback(this.view.getSelected());\n\t\t\t\t} else {\n\t\t\t\t\tif (event.item && event.item.selected) {\n\t\t\t\t\t\tthis.selectedValue = event.item.content;\n\t\t\t\t\t\tthis.propagateChangeCallback(event.item);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.selectedValue = \"\";\n\t\t\t\t\t\tthis.propagateChangeCallback(null);\n\t\t\t\t\t}\n\t\t\t\t\t// not guarding these since the nativeElement has to be loaded\n\t\t\t\t\t// for select to even fire\n\t\t\t\t\tthis.elementRef.nativeElement.querySelector(\"input\").focus();\n\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t}\n\t\t\t\tthis.selected.emit(event);\n\t\t\t\tthis.view.filterBy(\"\");\n\t\t\t});\n\t\t\tthis.view.items = this.items;\n\t\t\t// update the rest of combobox with any pre-selected items\n\t\t\t// setTimeout just defers the call to the next check cycle\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.updateSelected();\n\t\t\t});\n\n\t\t\tthis.view.blurIntent.pipe(filter(v => v === \"top\")).subscribe(() => {\n\t\t\t\tthis.elementRef.nativeElement.querySelector(\".bx--text-input\").focus();\n\t\t\t});\n\t\t}\n\t}\n\n\t/\n\t Binds event handlers against the rendered view\n\t /\n\tngAfterViewInit() {\n\t\tdocument.addEventListener(\"click\", ev => {\n\t\t\tif (!this.elementRef.nativeElement.contains(ev.target)) {\n\t\t\t\tif (this.open) {\n\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t/\n\t Handles `Escape` key closing the dropdown, and arrow up/down focus to/from the dropdown list.\n\t /\n\t@HostListener(\"keydown\", [\"$event\"])\n\thostkeys(ev: KeyboardEvent) {\n\t\tif (ev.key === \"Escape\") {\n\t\t\tthis.closeDropdown();\n\t\t} else if ((ev.key === \"ArrowDown\" \|\| ev.key === \"Down\") // `\"Down\"` is IE specific value\n\t\t\t&& (!this.dropdownMenu \|\| !this.dropdownMenu.nativeElement.contains(ev.target))) {\n\t\t\tev.stopPropagation();\n\t\t\tthis.openDropdown();\n\t\t\tsetTimeout(() => this.view.getCurrentElement().focus(), 0);\n\t\t}\n\t}\n\n\t/\n\t * no-op method for null event listeners, and other no op calls\n\t /\n\t_noop() {}\n\n\t/\n\t * propagates the value provided from ngModel\n\t /\n\twriteValue(value: any) {\n\t\tif (value) {\n\t\t\tif (this.type === \"single\") {\n\t\t\t\tthis.view.propagateSelected([value]);\n\t\t\t} else {\n\t\t\t\tthis.view.propagateSelected(value);\n\t\t\t}\n\t\t}\n\t}\n\n\tonBlur() {\n\t\tthis.onTouchedCallback();\n\t}\n\n\tregisterOnChange(fn: any) {\n\t\tthis.propagateChangeCallback = fn;\n\t}\n\n\tregisterOnTouched(fn: any) {\n\t\tthis.onTouchedCallback = fn;\n\t}\n\n\t/\n\t Called by `n-pill-input` when the selected pills have changed.\n\t /\n\tpublic updatePills() {\n\t\tthis.pills = this.view.getSelected() \|\| [];\n\t\tthis.propagateChangeCallback(this.view.getSelected());\n\t}\n\n\tpublic clearSelected() {\n\t\tthis.items = this.items.map(item => {\n\t\t\tif (!item.disabled) {\n\t\t\t\titem.selected = false;\n\t\t\t}\n\t\t\treturn item;\n\t\t});\n\t\tthis.view.items = this.items;\n\t\tthis.updatePills();\n\t\t// clearSelected can only fire on type=multi\n\t\t// so we just emit getSelected() (just in case there's any disabled but selected items)\n\t\tthis.selected.emit(this.view.getSelected() as any);\n\t}\n\n\t/\n\t Closes the dropdown and emits the close event.\n\t /\n\tpublic closeDropdown() {\n\t\tthis.open = false;\n\t\tthis.close.emit();\n\t}\n\n\t/\n\t Opens the dropdown.\n\t /\n\tpublic openDropdown() {\n\t\tthis.open = true;\n\t}\n\n\t/\n\t Toggles the dropdown.\n\t /\n\tpublic toggleDropdown() {\n\t\tif (this.open) {\n\t\t\tthis.closeDropdown();\n\t\t} else {\n\t\t\tthis.openDropdown();\n\t\t}\n\t}\n\n\t/\n\t Sets the list group filter, and manages single select item selection.\n\t /\n\tpublic onSearch(searchString) {\n\t\tthis.view.filterBy(searchString);\n\t\tif (searchString !== \"\") {\n\t\t\tthis.openDropdown();\n\t\t} else {\n\t\t\tthis.selectedValue = \"\";\n\t\t}\n\t\tif (this.type === \"single\") {\n\t\t\t// deselect if the input doesn't match the content\n\t\t\t// of any given item\n\t\t\tconst matches = this.view.getListItems().some(item => item.content.toLowerCase().includes(searchString.toLowerCase()));\n\t\t\tif (!matches) {\n\t\t\t\tconst selected = this.view.getSelected();\n\t\t\t\tif (selected) {\n\t\t\t\t\tselected[0].selected = false;\n\t\t\t\t\t// notify that the selection has changed\n\t\t\t\t\tthis.view.select.emit({ item: selected[0] });\n\t\t\t\t\tthis.propagateChangeCallback(null);\n\t\t\t\t} else {\n\t\t\t\t\tthis.view.filterBy(\"\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Bubbles from `n-pill-input` when the user types a value and presses enter. Intended to be used to add items to the list.\n\t \n\t @param {any} ev event from `n-pill-input`, includes the typed value and the index of the pill the user typed after\n\t \n\t Example:\n\t * ```javascript\n\t \t{\n\t \tafter: 1,\n\t \tvalue: \"some user string\"\n\t \t}\n\t * ```\n\t */\n\tpublic onSubmit(ev) {\n\t\tlet index = 0;\n\t\tif (ev.after) {\n\t\t\tindex = this.view.getListItems().indexOf(ev.after) + 1;\n\t\t}\n\t\tthis.submit.emit({\n\t\t\titems: this.view.getListItems(),\n\t\t\tindex,\n\t\t\tvalue: {\n\t\t\t\tcontent: ev.value,\n\t\t\t\tselected: false\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\tprotected updateSelected() {\n\t\tconst selected = this.view.getSelected();\n\t\tif (selected) {\n\t\t\tif (this.type === \"multi\") {\n\t\t\t\tthis.updatePills();\n\t\t\t} else {\n\t\t\t\tthis.selectedValue = selected[0].content;\n\t\t\t\tthis.propagateChangeCallback(selected[0]);\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/combobox/combobox.component.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- [{"__symbolic":"module","version":4,"metadata":{"ComboBox":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"ibm-combo-box","template":"\n\t\t<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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\tngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\t*ngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":103,"character":12},"useExisting":{"__symbolic":"reference","name":"ComboBox"},"multi":true}]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":2}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":2}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":2}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":2}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":2}}]}],"helperText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":162,"character":2},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":37}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":174,"character":2}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":2}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":203,"character":2}}]}],"view":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":205,"character":2},"arguments":[{"__symbolic":"reference","module":"./../dropdown/abstract-dropdown-view.class","name":"AbstractDropdownView","line":205,"character":15}]}]}],"dropdownMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":206,"character":2},"arguments":["dropdownMenu"]}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":207,"character":2},"arguments":["class.bx--list-box__wrapper"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":208,"character":2},"arguments":["attr.role"]}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":209,"character":2},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":225,"character":35}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"hostkeys":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":295,"character":2},"arguments":["keydown",["$event"]]}]}],"_noop":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"updatePills":[{"__symbolic":"method"}],"clearSelected":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"isTemplate":[{"__symbolic":"method"}],"updateSelected":[{"__symbolic":"method"}]},"statics":{"comboBoxCount":0}}}}]
1	+ [{"__symbolic":"module","version":4,"metadata":{"ComboBox":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"ibm-combo-box","template":"\n\t\t<label ngIf=\"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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\tngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\tngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":103,"character":12},"useExisting":{"__symbolic":"reference","name":"ComboBox"},"multi":true}]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":2}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":2}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":2}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":2}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":2}}]}],"helperText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":162,"character":2},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":37}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":174,"character":2}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":2}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":203,"character":2}}]}],"view":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":205,"character":2},"arguments":[{"__symbolic":"reference","module":"./../dropdown/abstract-dropdown-view.class","name":"AbstractDropdownView","line":205,"character":15}]}]}],"dropdownMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":206,"character":2},"arguments":["dropdownMenu"]}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":207,"character":2},"arguments":["class.bx--list-box__wrapper"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":208,"character":2},"arguments":["attr.role"]}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":209,"character":2},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":225,"character":35}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"hostkeys":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":295,"character":2},"arguments":["keydown",["$event"]]}]}],"_noop":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"updatePills":[{"__symbolic":"method"}],"clearSelected":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"isTemplate":[{"__symbolic":"method"}],"updateSelected":[{"__symbolic":"method"}]},"statics":{"comboBoxCount":0}}}}]

package/combobox/combobox.component.ngfactory.js CHANGED Viewed

@@ -33,25 +33,26 @@ import * as i5 from "./combobox.component";
 var styles_ComboBox = [];
 var RenderType_ComboBox = i0.ɵcrt({ encapsulation: 2, styles: styles_ComboBox, data: {} });
 export { RenderType_ComboBox as RenderType_ComboBox };
-function View_ComboBox_1(_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.label; _ck(_v, 1, 0, currVal_0); }); }
-function View_ComboBox_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
-function View_ComboBox_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_3)), 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.label; _ck(_v, 1, 0, currVal_0); }, null); }
-function View_ComboBox_5(_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.helperText; _ck(_v, 1, 0, currVal_0); }); }
-function View_ComboBox_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
-function View_ComboBox_6(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_7)), 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); }
-function View_ComboBox_4(_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_ComboBox_5)), 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_ComboBox_6)), 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); }
-function View_ComboBox_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "div", [["class", "bx--list-box__selection bx--list-box__selection--multi"], ["role", "button"], ["tabindex", "0"], ["title", "Clear all selected items"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
+function View_ComboBox_2(_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.label; _ck(_v, 1, 0, currVal_0); }); }
+function View_ComboBox_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
+function View_ComboBox_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_4)), 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.label; _ck(_v, 1, 0, currVal_0); }, null); }
+function View_ComboBox_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "label", [["class", "bx--label"]], [[8, "htmlFor", 0]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_2)), 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_ComboBox_3)), 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_1 = !_co.isTemplate(_co.label); _ck(_v, 2, 0, currVal_1); var currVal_2 = _co.isTemplate(_co.label); _ck(_v, 4, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.id; _ck(_v, 0, 0, currVal_0); }); }
+function View_ComboBox_6(_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.helperText; _ck(_v, 1, 0, currVal_0); }); }
+function View_ComboBox_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
+function View_ComboBox_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_8)), 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); }
+function View_ComboBox_5(_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_ComboBox_6)), 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_ComboBox_7)), 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); }
+function View_ComboBox_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "div", [["class", "bx--list-box__selection bx--list-box__selection--multi"], ["role", "button"], ["tabindex", "0"], ["title", "Clear all selected items"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
         var pd_0 = (_co.clearSelected() !== false);
         ad = (pd_0 && ad);
     } return ad; }, null, null)), (_l()(), i0.ɵted(1, null, [" ", " "])), (_l()(), i0.ɵeld(2, 0, null, null, 1, ":svg:svg", [["aria-hidden", "true"], ["focusable", "false"], ["height", "16"], ["preserveAspectRatio", "xMidYMid meet"], ["role", "img"], ["style", "will-change: transform;"], ["viewBox", "0 0 16 16"], ["width", "16"], ["xmlns", "http://www.w3.org/2000/svg"]], null, null, null, null, null)), (_l()(), i0.ɵeld(3, 0, null, null, 0, ":svg:path", [["d", "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"]], null, null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.pills.length; _ck(_v, 1, 0, currVal_0); }); }
-function View_ComboBox_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, [[1, 0], ["dropdownMenu", 1]], null, 1, "div", [], null, null, null, null, null)), i0.ɵncd(null, 0)], null, null); }
-export function View_ComboBox_0(_l) { return i0.ɵvid(0, [i0.ɵqud(671088640, 1, { dropdownMenu: 0 }), (_l()(), i0.ɵeld(1, 0, null, null, 4, "label", [["class", "bx--label"]], [[8, "htmlFor", 0]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_1)), 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_ComboBox_2)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_4)), i0.ɵdid(7, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(8, 0, null, null, 12, "div", [["class", "bx--combo-box bx--list-box"]], null, null, null, null, null)), i0.ɵdid(9, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(10, { "bx--multi-select": 0 }), (_l()(), i0.ɵeld(11, 0, null, null, 7, "div", [["aria-haspopup", "true"], ["aria-label", "close menu"], ["class", "bx--list-box__field"], ["role", "button"], ["tabindex", "0"], ["type", "button"]], [[1, "aria-expanded", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
+function View_ComboBox_10(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, [[1, 0], ["dropdownMenu", 1]], null, 1, "div", [], null, null, null, null, null)), i0.ɵncd(null, 0)], null, null); }
+export function View_ComboBox_0(_l) { return i0.ɵvid(0, [i0.ɵqud(671088640, 1, { dropdownMenu: 0 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_1)), 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_ComboBox_5)), i0.ɵdid(4, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(5, 0, null, null, 12, "div", [["class", "bx--combo-box bx--list-box"]], null, null, null, null, null)), i0.ɵdid(6, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(7, { "bx--multi-select": 0 }), (_l()(), i0.ɵeld(8, 0, null, null, 7, "div", [["aria-haspopup", "true"], ["aria-label", "close menu"], ["class", "bx--list-box__field"], ["role", "button"], ["tabindex", "0"], ["type", "button"]], [[1, "aria-expanded", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
         var pd_0 = (_co.toggleDropdown() !== false);
         ad = (pd_0 && ad);
-    } return ad; }, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_8)), i0.ɵdid(13, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(14, 0, null, null, 0, "input", [["aria-label", "ListBox input field"], ["autocomplete", "off"], ["class", "bx--text-input"], ["role", "combobox"]], [[8, "id", 0], [8, "disabled", 0], [8, "value", 0], [8, "placeholder", 0]], [[null, "keyup"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("keyup" === en)) {
+    } return ad; }, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_9)), i0.ɵdid(10, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(11, 0, null, null, 0, "input", [["aria-label", "ListBox input field"], ["autocomplete", "off"], ["class", "bx--text-input"], ["role", "combobox"]], [[8, "id", 0], [8, "disabled", 0], [8, "value", 0], [8, "placeholder", 0]], [[null, "keyup"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("keyup" === en)) {
         var pd_0 = (_co.onSearch($event.target.value) !== false);
         ad = (pd_0 && ad);
-    } return ad; }, null, null)), (_l()(), i0.ɵeld(15, 0, null, null, 3, "ibm-icon-chevron-down16", [["ariaLabel", "Close menu"], ["class", "bx--list-box__menu-icon"]], null, null, null, i2.View_ChevronDown16_0, i2.RenderType_ChevronDown16)), i0.ɵdid(16, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(17, { "bx--list-box__menu-icon--open": 0 }), i0.ɵdid(18, 49152, null, 0, i3.ChevronDown16, [], { ariaLabel: [0, "ariaLabel"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_9)), i0.ɵdid(20, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = !_co.isTemplate(_co.label); _ck(_v, 3, 0, currVal_1); var currVal_2 = _co.isTemplate(_co.label); _ck(_v, 5, 0, currVal_2); var currVal_3 = _co.helperText; _ck(_v, 7, 0, currVal_3); var currVal_4 = "bx--combo-box bx--list-box"; var currVal_5 = _ck(_v, 10, 0, (_co.type === "multi")); _ck(_v, 9, 0, currVal_4, currVal_5); var currVal_7 = ((_co.type === "multi") && (_co.pills.length > 0)); _ck(_v, 13, 0, currVal_7); var currVal_12 = "bx--list-box__menu-icon"; var currVal_13 = _ck(_v, 17, 0, _co.open); _ck(_v, 16, 0, currVal_12, currVal_13); var currVal_14 = "Close menu"; _ck(_v, 18, 0, currVal_14); var currVal_15 = _co.open; _ck(_v, 20, 0, currVal_15); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.id; _ck(_v, 1, 0, currVal_0); var currVal_6 = _co.open; _ck(_v, 11, 0, currVal_6); var currVal_8 = _co.id; var currVal_9 = _co.disabled; var currVal_10 = _co.selectedValue; var currVal_11 = _co.placeholder; _ck(_v, 14, 0, currVal_8, currVal_9, currVal_10, currVal_11); }); }
+    } return ad; }, null, null)), (_l()(), i0.ɵeld(12, 0, null, null, 3, "ibm-icon-chevron-down16", [["ariaLabel", "Close menu"], ["class", "bx--list-box__menu-icon"]], null, null, null, i2.View_ChevronDown16_0, i2.RenderType_ChevronDown16)), i0.ɵdid(13, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(14, { "bx--list-box__menu-icon--open": 0 }), i0.ɵdid(15, 49152, null, 0, i3.ChevronDown16, [], { ariaLabel: [0, "ariaLabel"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_ComboBox_10)), i0.ɵdid(17, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.label; _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.helperText; _ck(_v, 4, 0, currVal_1); var currVal_2 = "bx--combo-box bx--list-box"; var currVal_3 = _ck(_v, 7, 0, (_co.type === "multi")); _ck(_v, 6, 0, currVal_2, currVal_3); var currVal_5 = ((_co.type === "multi") && (_co.pills.length > 0)); _ck(_v, 10, 0, currVal_5); var currVal_10 = "bx--list-box__menu-icon"; var currVal_11 = _ck(_v, 14, 0, _co.open); _ck(_v, 13, 0, currVal_10, currVal_11); var currVal_12 = "Close menu"; _ck(_v, 15, 0, currVal_12); var currVal_13 = _co.open; _ck(_v, 17, 0, currVal_13); }, function (_ck, _v) { var _co = _v.component; var currVal_4 = _co.open; _ck(_v, 8, 0, currVal_4); var currVal_6 = _co.id; var currVal_7 = _co.disabled; var currVal_8 = _co.selectedValue; var currVal_9 = _co.placeholder; _ck(_v, 11, 0, currVal_6, currVal_7, currVal_8, currVal_9); }); }
 export function View_ComboBox_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "ibm-combo-box", [], [[1, "aria-disabled", 0], [2, "bx--list-box__wrapper", null], [1, "role", 0], [4, "display", null]], [[null, "keydown"]], function (_v, en, $event) { var ad = true; if (("keydown" === en)) {
         var pd_0 = (i0.ɵnov(_v, 2).hostkeys($event) !== false);
         ad = (pd_0 && ad);

package/combobox/combobox.component.ngfactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.component.ngfactory.js","sourceRoot":"","sources":["../src/combobox/combobox.component.ngfactory.ts","../src/combobox/combobox.component.ts.ComboBox.html"],"names":[],"mappings":";;;;;;;;;;;;;;;mDCEG,6EAAyC,KAAA,2IAAS;;mDAClD,6LAAkE,sFAA3B,mBAA0B,QAAjE,YAAkE,EAA3B,SAA0B;~~mDAGjE~~,6EAA8C,KAAA,gJAAc;;mDAC5D,6LAA4E,sFAAhC,mBAA+B,aAA3E,YAA4E,EAAhC,SAA+B;mDAF5E,8GAAsD,KACrD,wKAA8C,IAC9C,wKAA4E,iDAD9D,mCAA+B,cAA7C,YAA8C,EAAhC,SAA+B,GAChC,kCAA8B,cAA3C,YAA4E,EAA/D,SAA8B;mDAc1C,iRAMkC,YAJjC;;wBAAyB;MAF1B,wBAMkC,KAAA,kCAEjC,MAAA,uUASoB,KACnB,uKAAuF,wDAZvD,yDAEjC;~~mDA6BF~~,qGAEc,IACb,eAAY;sGA5Dd,~~mHAAoC~~,~~KACnC~~,~~wKAAyC,IACzC,wKAAkE,IAEnE,~~wKAAsD,IAItD,6RAEqD,GAApD,~~mCAAmD~~,MACnD,~~0SAQ4B~~,YAA3B;;wBAA0B;MAR3B,wBAQ4B,KAC3B,yKAMkC,IAelC,0TAS8B,YAN7B;;wBAAuC;MAHxC,wBAS8B,KAC7B,sXAGwB,GAFvB,gDAAmD,KADpD,uFAGwB,IAG1B,~~yKAEc~~,~~iDA1DA~~,~~mCAA0B~~,~~SAAxC~~,~~YAAyC~~,~~EAA3B~~,~~SAA0B~~,~~GAC3B~~,~~kCAAyB,SAAtC,YAAkE,EAArD,SAAyB,GAElC,~~mBAAkB,aAAvB,YAAsD,EAAjD,SAAkB,GAKtB,4CAAkC,EAClC,~~oDAAmD~~,IAFpD,YAEqD,EADpD,SAAkC,EAClC,SAAmD,GAWjD,gEAA4C,IAD7C,aAMkC,EALjC,SAA4C,GAgC3C,0CAA+B,EAD/B,mCAAmD,QADpD,aAGwB,EADvB,UAA+B,EAD/B,UAAmD,GAEnD,6BAAsB,EAHvB,aAGwB,EAAvB,UAAsB,GAKxB,oBAAY,OAFb,aAEc,EAAb,UAAY,~~mDA3DP~~,~~mBAAU,KAAjB,YAAoC,EAA7B,SAAU,GAYf,~~mBAA2B,OAD5B,~~aAQ4B~~,EAP3B,SAA2B,GA8B1B,mBAAS,KACT,mBAAqB,WAErB,~~oBAAuB~~,gBAKvB,~~oBAA2B~~,cAT5B,aAS8B,EAR7B,SAAS,EACT,SAAqB,EAErB,~~UAAuB~~,EAKvB,~~UAA2B~~","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\tngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\t*ngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t"]}
1	+ {"version":3,"file":"combobox.component.ngfactory.js","sourceRoot":"","sources":["../src/combobox/combobox.component.ngfactory.ts","../src/combobox/combobox.component.ts.ComboBox.html"],"names":[],"mappings":";;;;;;;;;;;;;;;mDCEG,6EAAyC,KAAA,2IAAS;;mDAClD,6LAAkE,sFAA3B,mBAA0B,QAAjE,YAAkE,EAA3B,SAA0B;mDAFlE,mHAAkD,KACjD,wKAAyC,IACzC,wKAAkE,iDADpD,mCAA0B,SAAxC,YAAyC,EAA3B,SAA0B,GAC3B,kCAAyB,SAAtC,YAAkE,EAArD,SAAyB,mDAFlB,mBAAU,KAA/B,YAAkD,EAA7B,SAAU;mDAK9B,6EAA8C,KAAA,gJAAc;;mDAC5D,6LAA4E,sFAAhC,mBAA+B,aAA3E,YAA4E,EAAhC,SAA+B;mDAF5E,8GAAsD,KACrD,wKAA8C,IAC9C,wKAA4E,iDAD9D,mCAA+B,cAA7C,YAA8C,EAAhC,SAA+B,GAChC,kCAA8B,cAA3C,YAA4E,EAA/D,SAA8B;mDAc1C,iRAMkC,YAJjC;;wBAAyB;MAF1B,wBAMkC,KAAA,kCAEjC,MAAA,uUASoB,KACnB,uKAAuF,wDAZvD,yDAEjC;oDA6BF,qGAEc,IACb,eAAY;sGA5Dd,wKAAkD,IAIlD,wKAAsD,IAItD,6RAEqD,GAApD,kCAAmD,MACnD,ySAQ4B,YAA3B;;wBAA0B;MAR3B,wBAQ4B,KAC3B,yKAMkC,IAelC,0TAS8B,YAN7B;;wBAAuC;MAHxC,wBAS8B,KAC7B,sXAGwB,GAFvB,gDAAmD,KADpD,uFAGwB,IAG1B,0KAEc,iDA3DR,mBAAa,QAApB,YAAkD,EAA3C,SAAa,GAIf,mBAAkB,aAAvB,YAAsD,EAAjD,SAAkB,GAKtB,4CAAkC,EAClC,mDAAmD,IAFpD,YAEqD,EADpD,SAAkC,EAClC,SAAmD,GAWjD,gEAA4C,IAD7C,aAMkC,EALjC,SAA4C,GAgC3C,0CAA+B,EAD/B,mCAAmD,QADpD,aAGwB,EADvB,UAA+B,EAD/B,UAAmD,GAEnD,6BAAsB,EAHvB,aAGwB,EAAvB,UAAsB,GAKxB,oBAAY,OAFb,aAEc,EAAb,UAAY,mDA/CZ,mBAA2B,OAD5B,YAQ4B,EAP3B,SAA2B,GA8B1B,mBAAS,KACT,mBAAqB,WAErB,mBAAuB,gBAKvB,mBAA2B,cAT5B,aAS8B,EAR7B,SAAS,EACT,SAAqB,EAErB,SAAuB,EAKvB,SAA2B","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<label ngIf=\"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\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\tngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\tngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t"]}

package/combobox/combobox.module.ngfactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.module.ngfactory.js","sourceRoot":"","sources":["../src/combobox/combobox.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './combobox.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '../dropdown/dropdown.component';\nimport * as i4 from '../dropdown/list/dropdown-list.component';\nimport * as i5 from '../dropdown/scrollable-list.directive';\nimport * as i6 from '@carbon/icons-angular/lib/chevron--down/16';\nimport * as i7 from '@carbon/icons-angular/lib/close/16';\nimport * as i8 from './combobox.component';\nimport * as i9 from '../dropdown/dropdown.module';\nexport const ComboBoxModuleNgFactory:i0.NgModuleFactory<i1.ComboBoxModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dropdown = (<any>(null as any));\nvar _decl0_12:i4.DropdownList = (<any>(null as any));\nvar _decl0_13:i5.ScrollableList = (<any>(null as any));\nvar _decl0_14:i6.ChevronDown16 = (<any>(null as any));\nvar _decl0_15:i6.ChevronDown16Directive = (<any>(null as any));\nvar _decl0_16:i7.Close16 = (<any>(null as any));\nvar _decl0_17:i7.Close16Directive = (<any>(null as any));\nvar _decl0_18:i8.ComboBox = (<any>(null as any));\nvar _decl0_19:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_20:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_21:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_22:i2.JsonPipe = (<any>(null as any));\nvar _decl0_23:i2.SlicePipe = (<any>(null as any));\nvar _decl0_24:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_25:i2.PercentPipe = (<any>(null as any));\nvar _decl0_26:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_27:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_28:i2.DatePipe = (<any>(null as any));\nvar _decl0_29:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_30:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_31:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_32:i2.CommonModule = (<any>(null as any));\nvar _decl0_36:i9.DropdownModule = (<any>(null as any));\nvar _decl0_34:i6.ChevronDown16Module = (<any>(null as any));\nvar _decl0_35:i7.Close16Module = (<any>(null as any));\nvar _decl0_37:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_38:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ComboBox_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ComboBox_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_18.id;\n currVal_0;\n const currVal_1:any = !_decl0_18.~~isTemplate(_decl0_18.label)~~;\n currVal_1;\n const currVal_2:any = ~~_decl0_18.isTemplate(_decl0_18.label);\n currVal_2;\n const currVal_3:any = _decl0_18.helperText;\n currVal_3;\n const currVal_4:any =~~ 'bx--combo-box bx--list-box';\n ~~currVal_4~~;\n const ~~currVal_5~~:any = (<any>{'bx--multi-select':(_decl0_18.type === 'multi')});\n ~~currVal_5~~;\n const ~~currVal_6~~:any = _decl0_18.open;\n ~~currVal_6~~;\n const ~~currVal_7~~:any = ((_decl0_18.type === 'multi') && (_decl0_18.pills.length > 0));\n ~~currVal_7~~;\n const ~~currVal_8~~:any = _decl0_18.id;\n ~~currVal_8~~;\n const ~~currVal_9~~:any = _decl0_18.disabled;\n ~~currVal_9~~;\n const ~~currVal_10~~:any = _decl0_18.selectedValue;\n ~~currVal_10~~;\n const ~~currVal_11~~:any = _decl0_18.placeholder;\n ~~currVal_11~~;\n const ~~currVal_12~~:any = 'bx--list-box__menu-icon';\n ~~currVal_12~~;\n const ~~currVal_13~~:any = (<any>{'bx--list-box__menu-icon--open':_decl0_18.open});\n ~~currVal_13~~;\n const ~~currVal_14~~:any = 'Close menu';\n ~~currVal_14~~;\n const ~~currVal_15~~:any = _decl0_18.open;\n ~~currVal_15~~;\n const ~~pd_16~~:any = ((<any>_decl0_18.toggleDropdown()) !== false);\n const ~~pd_17~~:any = ((<any>_decl0_18.onSearch(_any.target.value)) !== false);\n}\n"]}
1	+ {"version":3,"file":"combobox.module.ngfactory.js","sourceRoot":"","sources":["../src/combobox/combobox.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './combobox.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '../dropdown/dropdown.component';\nimport * as i4 from '../dropdown/list/dropdown-list.component';\nimport * as i5 from '../dropdown/scrollable-list.directive';\nimport * as i6 from '@carbon/icons-angular/lib/chevron--down/16';\nimport * as i7 from '@carbon/icons-angular/lib/close/16';\nimport * as i8 from './combobox.component';\nimport * as i9 from '../dropdown/dropdown.module';\nexport const ComboBoxModuleNgFactory:i0.NgModuleFactory<i1.ComboBoxModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dropdown = (<any>(null as any));\nvar _decl0_12:i4.DropdownList = (<any>(null as any));\nvar _decl0_13:i5.ScrollableList = (<any>(null as any));\nvar _decl0_14:i6.ChevronDown16 = (<any>(null as any));\nvar _decl0_15:i6.ChevronDown16Directive = (<any>(null as any));\nvar _decl0_16:i7.Close16 = (<any>(null as any));\nvar _decl0_17:i7.Close16Directive = (<any>(null as any));\nvar _decl0_18:i8.ComboBox = (<any>(null as any));\nvar _decl0_19:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_20:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_21:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_22:i2.JsonPipe = (<any>(null as any));\nvar _decl0_23:i2.SlicePipe = (<any>(null as any));\nvar _decl0_24:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_25:i2.PercentPipe = (<any>(null as any));\nvar _decl0_26:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_27:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_28:i2.DatePipe = (<any>(null as any));\nvar _decl0_29:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_30:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_31:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_32:i2.CommonModule = (<any>(null as any));\nvar _decl0_36:i9.DropdownModule = (<any>(null as any));\nvar _decl0_34:i6.ChevronDown16Module = (<any>(null as any));\nvar _decl0_35:i7.Close16Module = (<any>(null as any));\nvar _decl0_37:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_38:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ComboBox_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ComboBox_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_18.label;\n currVal_0;\n const currVal_1:any = _decl0_18.helperText;\n currVal_1;\n const currVal_2:any = 'bx--combo-box bx--list-box';\n currVal_2;\n const currVal_3:any = (<any>{'bx--multi-select':(_decl0_18.type === 'multi')});\n currVal_3;\n const currVal_4:any = _decl0_18.open;\n currVal_4;\n const currVal_5:any = ((_decl0_18.type === 'multi') && (_decl0_18.pills.length > 0));\n currVal_5;\n const currVal_6:any = _decl0_18.id;\n currVal_6;\n const currVal_7:any = _decl0_18.disabled;\n currVal_7;\n const currVal_8:any = _decl0_18.selectedValue;\n currVal_8;\n const currVal_9:any = _decl0_18.placeholder;\n currVal_9;\n const currVal_10:any = 'bx--list-box__menu-icon';\n currVal_10;\n const currVal_11:any = (<any>{'bx--list-box__menu-icon--open':_decl0_18.open});\n currVal_11;\n const currVal_12:any = 'Close menu';\n currVal_12;\n const currVal_13:any = _decl0_18.open;\n currVal_13;\n const pd_14:any = ((<any>_decl0_18.toggleDropdown()) !== false);\n const pd_15:any = ((<any>_decl0_18.onSearch(_any.target.value)) !== false);\n}\n"]}

package/datepicker-input/datepicker-input.component.js CHANGED Viewed

@@ -63,7 +63,7 @@ var DatePickerInput = /** @class */ (function () {
     DatePickerInput.decorators = [
         { type: Component, args: [{
                     selector: "ibm-date-picker-input",
-                    template: "\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t",
+                    template: "\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label *ngIf=\"label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t",
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,

package/datepicker-input/datepicker-input.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datepicker-input.component.js","sourceRoot":"","sources":["../src/datepicker-input/datepicker-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,UAAU,EACV,WAAW,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;IAiFC,yBAAsB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QA9B5C;;;WAGG;QACM,SAAI,GAAkC,QAAQ,CAAC;QAE/C,OAAE,GAAG,gBAAc,eAAe,CAAC,eAAe,EAAI,CAAC;QAEvD,YAAO,GAAG,KAAK,CAAC;QAIhB,gBAAW,GAAG,YAAY,CAAC;QAE3B,YAAO,GAAG,4BAA4B,CAAC;QAEtC,gBAAW,GAAyB,IAAI,YAAY,EAAE,CAAC;QAExD,UAAK,GAAqB,MAAM,CAAC;QAEjC,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAAG,KAAK,CAAC;QAIhB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAG,EAAE,CAAC;QAuBpB,cAAS,GAAc,cAAO,CAAC,CAAC;QAEhC,oBAAe,GAAG,UAAC,CAAM,IAAM,CAAC,CAAC;IAvBc,CAAC;IAEhD,kCAAQ,GAAR,UAAS,KAAK;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;IAClB,CAAC;IAEM,oCAAU,GAAjB,UAAkB,KAAU;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,CAAC;IAEM,0CAAgB,GAAvB,UAAwB,EAAO;QAC9B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC3B,CAAC;IAEM,2CAAiB,GAAxB,UAAyB,EAAO;QAC/B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACrB,CAAC;IAMM,oCAAU,GAAjB,UAAkB,KAAK;QACtB,OAAO,KAAK,YAAY,WAAW,CAAC;IACrC,CAAC;IA3Dc,+BAAe,GAAG,CAAC,CAAC;;gBAjDnC,SAAS,SAAC;oBACV,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,~~w8CAqCT~~;oBACD,SAAS,EAAE;wBACV;4BACC,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,eAAe;4BAC5B,KAAK,EAAE,IAAI;yBACX;qBACD;iBACD;;;;gBApDA,UAAU;;;uBA4DT,KAAK;qBAEL,KAAK;0BAEL,KAAK;wBAEL,KAAK;8BAEL,KAAK;0BAEL,KAAK;8BAEL,MAAM;wBAEN,KAAK;2BAEL,KAAK;0BAEL,KAAK;8BAEL,KAAK;2BAEL,KAAK;wBAEL,KAAK;;IA8BP,sBAAC;CAAA,AA7GD,IA6GC;SA7DY,eAAe","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tElementRef,\n\tTemplateRef\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\n@Component({\n\tselector: \"ibm-date-picker-input\",\n\ttemplate: `\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: DatePickerInput,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class DatePickerInput {\n\tprivate static datePickerCount = 0;\n\n\t/*\n\t Select a calendar type for the `model`.\n\t * Internal purposes only.\n\t */\n\t@Input() type: \"simple\" \| \"single\" \| \"range\" = \"simple\";\n\n\t@Input() id = `datepicker-${DatePickerInput.datePickerCount++}`;\n\n\t@Input() hasIcon = false;\n\n\t@Input() label: string \| TemplateRef<any>;\n\n\t@Input() placeholder = \"mm/dd/yyyy\";\n\n\t@Input() pattern = \"^\\\\d{1,2}/\\\\d{1,2}/\\\\d{4}$\";\n\n\t@Output() valueChange: EventEmitter<string> = new EventEmitter();\n\n\t@Input() theme: \"light\" \| \"dark\" = \"dark\";\n\n\t@Input() disabled = false;\n\n\t@Input() invalid = false;\n\n\t@Input() invalidText: string \| TemplateRef<any>;\n\n\t@Input() skeleton = false;\n\n\t@Input() value = \"\";\n\n\tconstructor(protected elementRef: ElementRef) {}\n\n\tonChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.valueChange.emit(this.value);\n\t\tthis.propagateChange(this.value);\n\t\tthis.onTouched();\n\t}\n\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\tonTouched: () => any = () => {};\n\n\tpropagateChange = (_: any) => {};\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n"]}
1	+ {"version":3,"file":"datepicker-input.component.js","sourceRoot":"","sources":["../src/datepicker-input/datepicker-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,UAAU,EACV,WAAW,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;IAiFC,yBAAsB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QA9B5C;;;WAGG;QACM,SAAI,GAAkC,QAAQ,CAAC;QAE/C,OAAE,GAAG,gBAAc,eAAe,CAAC,eAAe,EAAI,CAAC;QAEvD,YAAO,GAAG,KAAK,CAAC;QAIhB,gBAAW,GAAG,YAAY,CAAC;QAE3B,YAAO,GAAG,4BAA4B,CAAC;QAEtC,gBAAW,GAAyB,IAAI,YAAY,EAAE,CAAC;QAExD,UAAK,GAAqB,MAAM,CAAC;QAEjC,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAAG,KAAK,CAAC;QAIhB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAG,EAAE,CAAC;QAuBpB,cAAS,GAAc,cAAO,CAAC,CAAC;QAEhC,oBAAe,GAAG,UAAC,CAAM,IAAM,CAAC,CAAC;IAvBc,CAAC;IAEhD,kCAAQ,GAAR,UAAS,KAAK;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;IAClB,CAAC;IAEM,oCAAU,GAAjB,UAAkB,KAAU;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,CAAC;IAEM,0CAAgB,GAAvB,UAAwB,EAAO;QAC9B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC3B,CAAC;IAEM,2CAAiB,GAAxB,UAAyB,EAAO;QAC/B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACrB,CAAC;IAMM,oCAAU,GAAjB,UAAkB,KAAK;QACtB,OAAO,KAAK,YAAY,WAAW,CAAC;IACrC,CAAC;IA3Dc,+BAAe,GAAG,CAAC,CAAC;;gBAjDnC,SAAS,SAAC;oBACV,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,w9CAqCT;oBACD,SAAS,EAAE;wBACV;4BACC,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,eAAe;4BAC5B,KAAK,EAAE,IAAI;yBACX;qBACD;iBACD;;;;gBApDA,UAAU;;;uBA4DT,KAAK;qBAEL,KAAK;0BAEL,KAAK;wBAEL,KAAK;8BAEL,KAAK;0BAEL,KAAK;8BAEL,MAAM;wBAEN,KAAK;2BAEL,KAAK;0BAEL,KAAK;8BAEL,KAAK;2BAEL,KAAK;wBAEL,KAAK;;IA8BP,sBAAC;CAAA,AA7GD,IA6GC;SA7DY,eAAe","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tElementRef,\n\tTemplateRef\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\n@Component({\n\tselector: \"ibm-date-picker-input\",\n\ttemplate: `\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label ngIf=\"label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: DatePickerInput,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class DatePickerInput {\n\tprivate static datePickerCount = 0;\n\n\t/\n\t Select a calendar type for the `model`.\n\t * Internal purposes only.\n\t */\n\t@Input() type: \"simple\" \| \"single\" \| \"range\" = \"simple\";\n\n\t@Input() id = `datepicker-${DatePickerInput.datePickerCount++}`;\n\n\t@Input() hasIcon = false;\n\n\t@Input() label: string \| TemplateRef<any>;\n\n\t@Input() placeholder = \"mm/dd/yyyy\";\n\n\t@Input() pattern = \"^\\\\d{1,2}/\\\\d{1,2}/\\\\d{4}$\";\n\n\t@Output() valueChange: EventEmitter<string> = new EventEmitter();\n\n\t@Input() theme: \"light\" \| \"dark\" = \"dark\";\n\n\t@Input() disabled = false;\n\n\t@Input() invalid = false;\n\n\t@Input() invalidText: string \| TemplateRef<any>;\n\n\t@Input() skeleton = false;\n\n\t@Input() value = \"\";\n\n\tconstructor(protected elementRef: ElementRef) {}\n\n\tonChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.valueChange.emit(this.value);\n\t\tthis.propagateChange(this.value);\n\t\tthis.onTouched();\n\t}\n\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\tonTouched: () => any = () => {};\n\n\tpropagateChange = (_: any) => {};\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n"]}

package/datepicker-input/datepicker-input.component.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- [{"__symbolic":"module","version":4,"metadata":{"DatePickerInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ibm-date-picker-input","template":"\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":52,"character":12},"useExisting":{"__symbolic":"reference","name":"DatePickerInput"},"multi":true}]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":2}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":2}}]}],"hasIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":2}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":2}}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":2}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":2}}]}],"invalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":2}}]}],"invalidText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":2}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":91,"character":35}]}],"onChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"isTemplate":[{"__symbolic":"method"}]},"statics":{"datePickerCount":0}}}}]
1	+ [{"__symbolic":"module","version":4,"metadata":{"DatePickerInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ibm-date-picker-input","template":"\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label ngIf=\"label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":52,"character":12},"useExisting":{"__symbolic":"reference","name":"DatePickerInput"},"multi":true}]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":2}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":2}}]}],"hasIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":2}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":2}}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":2}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":2}}]}],"invalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":2}}]}],"invalidText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":2}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":91,"character":35}]}],"onChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"isTemplate":[{"__symbolic":"method"}]},"statics":{"datePickerCount":0}}}}]

package/datepicker-input/datepicker-input.component.ngfactory.js CHANGED Viewed

@@ -33,18 +33,19 @@ import * as i5 from "./datepicker-input.component";
 var styles_DatePickerInput = [];
 var RenderType_DatePickerInput = i0.ɵcrt({ encapsulation: 2, styles: styles_DatePickerInput, data: {} });
 export { RenderType_DatePickerInput as RenderType_DatePickerInput };
-function View_DatePickerInput_1(_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.label; _ck(_v, 1, 0, currVal_0); }); }
-function View_DatePickerInput_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
-function View_DatePickerInput_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_3)), 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.label; _ck(_v, 1, 0, currVal_0); }, null); }
-function View_DatePickerInput_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 0, "input", [["autocomplete", "off"], ["class", "bx--date-picker__input"], ["type", "text"]], [[8, "value", 0], [8, "pattern", 0], [8, "placeholder", 0], [8, "id", 0], [8, "disabled", 0]], [[null, "change"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("change" === en)) {
+function View_DatePickerInput_2(_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.label; _ck(_v, 1, 0, currVal_0); }); }
+function View_DatePickerInput_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
+function View_DatePickerInput_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_4)), 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.label; _ck(_v, 1, 0, currVal_0); }, null); }
+function View_DatePickerInput_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "label", [["class", "bx--label"]], [[8, "htmlFor", 0]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_2)), 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_DatePickerInput_3)), 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_1 = !_co.isTemplate(_co.label); _ck(_v, 2, 0, currVal_1); var currVal_2 = _co.isTemplate(_co.label); _ck(_v, 4, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.id; _ck(_v, 0, 0, currVal_0); }); }
+function View_DatePickerInput_5(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 0, "input", [["autocomplete", "off"], ["class", "bx--date-picker__input"], ["type", "text"]], [[8, "value", 0], [8, "pattern", 0], [8, "placeholder", 0], [8, "id", 0], [8, "disabled", 0]], [[null, "change"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("change" === en)) {
         var pd_0 = (_co.onChange($event) !== false);
         ad = (pd_0 && ad);
     } return ad; }, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.value; var currVal_1 = _co.pattern; var currVal_2 = _co.placeholder; var currVal_3 = _co.id; var currVal_4 = _co.disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4); }); }
-function View_DatePickerInput_6(_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); }); }
-function View_DatePickerInput_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
-function View_DatePickerInput_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_8)), 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); }
-function View_DatePickerInput_5(_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_DatePickerInput_6)), 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_DatePickerInput_7)), 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); }
-export function View_DatePickerInput_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 16, "div", [["class", "bx--form-item"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 15, "div", [["class", "bx--date-picker"]], null, null, null, null, null)), i0.ɵdid(2, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(3, { "bx--date-picker--single": 0, "bx--date-picker--range": 1, "bx--date-picker--light": 2, "bx--skeleton": 3 }), (_l()(), i0.ɵeld(4, 0, null, null, 12, "div", [["class", "bx--date-picker-container"]], null, null, null, null, null)), (_l()(), i0.ɵeld(5, 0, null, null, 4, "label", [["class", "bx--label"]], [[8, "htmlFor", 0]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_1)), i0.ɵdid(7, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_2)), i0.ɵdid(9, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(10, 0, null, null, 4, "div", [["class", "bx--date-picker-input__wrapper"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_4)), i0.ɵdid(12, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(13, 0, null, null, 1, "ibm-icon-calendar16", [["class", "bx--date-picker__icon"]], null, null, null, i2.View_Calendar16_0, i2.RenderType_Calendar16)), i0.ɵdid(14, 49152, null, 0, i3.Calendar16, [], null, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_5)), 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 = "bx--date-picker"; var currVal_1 = _ck(_v, 3, 0, (_co.type === "single"), (_co.type === "range"), (_co.theme === "light"), _co.skeleton); _ck(_v, 2, 0, currVal_0, currVal_1); var currVal_3 = !_co.isTemplate(_co.label); _ck(_v, 7, 0, currVal_3); var currVal_4 = _co.isTemplate(_co.label); _ck(_v, 9, 0, currVal_4); var currVal_5 = !_co.skeleton; _ck(_v, 12, 0, currVal_5); var currVal_6 = _co.invalid; _ck(_v, 16, 0, currVal_6); }, function (_ck, _v) { var _co = _v.component; var currVal_2 = _co.id; _ck(_v, 5, 0, currVal_2); }); }
+function View_DatePickerInput_7(_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); }); }
+function View_DatePickerInput_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
+function View_DatePickerInput_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_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.invalidText; _ck(_v, 1, 0, currVal_0); }, null); }
+function View_DatePickerInput_6(_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_DatePickerInput_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_DatePickerInput_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.invalidText); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.isTemplate(_co.invalidText); _ck(_v, 4, 0, currVal_1); }, null); }
+export function View_DatePickerInput_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 13, "div", [["class", "bx--form-item"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 12, "div", [["class", "bx--date-picker"]], null, null, null, null, null)), i0.ɵdid(2, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(3, { "bx--date-picker--single": 0, "bx--date-picker--range": 1, "bx--date-picker--light": 2, "bx--skeleton": 3 }), (_l()(), i0.ɵeld(4, 0, null, null, 9, "div", [["class", "bx--date-picker-container"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_1)), i0.ɵdid(6, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(7, 0, null, null, 4, "div", [["class", "bx--date-picker-input__wrapper"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_5)), i0.ɵdid(9, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(10, 0, null, null, 1, "ibm-icon-calendar16", [["class", "bx--date-picker__icon"]], null, null, null, i2.View_Calendar16_0, i2.RenderType_Calendar16)), i0.ɵdid(11, 49152, null, 0, i3.Calendar16, [], null, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_DatePickerInput_6)), i0.ɵdid(13, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = "bx--date-picker"; var currVal_1 = _ck(_v, 3, 0, (_co.type === "single"), (_co.type === "range"), (_co.theme === "light"), _co.skeleton); _ck(_v, 2, 0, currVal_0, currVal_1); var currVal_2 = _co.label; _ck(_v, 6, 0, currVal_2); var currVal_3 = !_co.skeleton; _ck(_v, 9, 0, currVal_3); var currVal_4 = _co.invalid; _ck(_v, 13, 0, currVal_4); }, null); }
 export function View_DatePickerInput_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ibm-date-picker-input", [], null, null, null, View_DatePickerInput_0, RenderType_DatePickerInput)), i0.ɵprd(5120, null, i4.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i5.DatePickerInput]), i0.ɵdid(2, 49152, null, 0, i5.DatePickerInput, [i0.ElementRef], null, null)], null, null); }
 var DatePickerInputNgFactory = i0.ɵccf("ibm-date-picker-input", i5.DatePickerInput, View_DatePickerInput_Host_0, { type: "type", id: "id", hasIcon: "hasIcon", label: "label", placeholder: "placeholder", pattern: "pattern", theme: "theme", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", skeleton: "skeleton", value: "value" }, { valueChange: "valueChange" }, []);
 export { DatePickerInputNgFactory as DatePickerInputNgFactory };

package/datepicker-input/datepicker-input.component.ngfactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datepicker-input.component.ngfactory.js","sourceRoot":"","sources":["../src/datepicker-input/datepicker-input.component.ngfactory.ts","../src/datepicker-input/datepicker-input.component.ts.DatePickerInput.html"],"names":[],"mappings":";;;;;;;;;;;;;;;0DCWK,6EAAyC,KAAA,2IAAS;;0DAClD,oMAAkE,sFAA3B,mBAA0B,QAAjE,YAAkE,EAA3B,SAA0B;~~0DAGjE~~,0SAU8B,YAA7B;;wBAA2B;MAV5B,wBAU8B,wDAL7B,mBAAe,QACf,mBAAmB,UACnB,mBAA2B,cAC3B,mBAAU,KACV,mBAAqB,WATtB,YAU8B,EAL7B,SAAe,EACf,SAAmB,EACnB,SAA2B,EAC3B,SAAU,EACV,SAAqB;0DAOtB,6EAA+C,KAAA,iJAAe;;0DAC9D,oMAA8E,sFAAjC,mBAAgC,cAA7E,YAA8E,EAAjC,SAAgC;0DAF9E,6GAAkD,KACjD,+KAA+C,IAC/C,+KAA8E,iDADhE,mCAAgC,eAA9C,YAA+C,EAAjC,SAAgC,GACjC,kCAA+B,eAA5C,YAA8E,EAAjE,SAA+B;iEA/BhD,uGAA2B,KAC1B,kRAMI,GALH,sHAKE,MACF,~~mHAAuC~~,KACtC~~,mHAAoC,KACnC~~,+~~KAAyC~~,~~IACzC,+KAAkE~~,~~IAEnE~~,~~wHAA4C,~~KAC3C,~~gLAU8B,~~IAC7B,gOAC+B,IAGjC,gLAAkD,iDA5B/C,iCAAuB,EAC3B,2GAKE,YANH,YAMI,EANC,SAAuB,EAC3B,SAKE,~~GAGc~~,~~mCAA0B~~,~~SAAxC~~,~~YAAyC~~,~~EAA3B~~,~~SAA0B~~,~~GAC3B~~,~~kCAAyB,SAAtC,YAAkE,EAArD,SAAyB,GAIrC,~~oBAAiB,WADlB,~~aAU8B~~,EAT7B,SAAiB,GAcd,mBAAe,UAApB,aAAkD,EAA7C,SAAe~~,mDApBb,mBAAU,KAAjB,YAAoC,EAA7B,SAAU~~","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t"]}
1	+ {"version":3,"file":"datepicker-input.component.ngfactory.js","sourceRoot":"","sources":["../src/datepicker-input/datepicker-input.component.ngfactory.ts","../src/datepicker-input/datepicker-input.component.ts.DatePickerInput.html"],"names":[],"mappings":";;;;;;;;;;;;;;;0DCWK,6EAAyC,KAAA,2IAAS;;0DAClD,oMAAkE,sFAA3B,mBAA0B,QAAjE,YAAkE,EAA3B,SAA0B;0DAFlE,mHAAkD,KACjD,+KAAyC,IACzC,+KAAkE,iDADpD,mCAA0B,SAAxC,YAAyC,EAA3B,SAA0B,GAC3B,kCAAyB,SAAtC,YAAkE,EAArD,SAAyB,mDAFlB,mBAAU,KAA/B,YAAkD,EAA7B,SAAU;0DAK9B,0SAU8B,YAA7B;;wBAA2B;MAV5B,wBAU8B,wDAL7B,mBAAe,QACf,mBAAmB,UACnB,mBAA2B,cAC3B,mBAAU,KACV,mBAAqB,WATtB,YAU8B,EAL7B,SAAe,EACf,SAAmB,EACnB,SAA2B,EAC3B,SAAU,EACV,SAAqB;0DAOtB,6EAA+C,KAAA,iJAAe;;0DAC9D,oMAA8E,sFAAjC,mBAAgC,cAA7E,YAA8E,EAAjC,SAAgC;0DAF9E,6GAAkD,KACjD,+KAA+C,IAC/C,+KAA8E,iDADhE,mCAAgC,eAA9C,YAA+C,EAAjC,SAAgC,GACjC,kCAA+B,eAA5C,YAA8E,EAAjE,SAA+B;iEA/BhD,uGAA2B,KAC1B,kRAMI,GALH,sHAKE,MACF,kHAAuC,KACtC,+KAAkD,IAIlD,uHAA4C,KAC3C,+KAU8B,IAC7B,gOAC+B,IAGjC,gLAAkD,iDA5B/C,iCAAuB,EAC3B,2GAKE,YANH,YAMI,EANC,SAAuB,EAC3B,SAKE,GAEM,mBAAa,QAApB,YAAkD,EAA3C,SAAa,GAMlB,oBAAiB,WADlB,YAU8B,EAT7B,SAAiB,GAcd,mBAAe,UAApB,aAAkD,EAA7C,SAAe","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label ngIf=\"label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t"]}

package/datepicker-input/datepicker-input.module.ngfactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datepicker-input.module.ngfactory.js","sourceRoot":"","sources":["../src/datepicker-input/datepicker-input.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './datepicker-input.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/calendar/16';\nimport * as i4 from './datepicker-input.component';\nexport const DatePickerInputModuleNgFactory:i0.NgModuleFactory<i1.DatePickerInputModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Calendar16 = (<any>(null as any));\nvar _decl0_12:i3.Calendar16Directive = (<any>(null as any));\nvar _decl0_13:i4.DatePickerInput = (<any>(null as any));\nvar _decl0_14:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_15:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_16:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_17:i2.JsonPipe = (<any>(null as any));\nvar _decl0_18:i2.SlicePipe = (<any>(null as any));\nvar _decl0_19:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_20:i2.PercentPipe = (<any>(null as any));\nvar _decl0_21:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_22:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_23:i2.DatePipe = (<any>(null as any));\nvar _decl0_24:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_25:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_26:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_27:i2.CommonModule = (<any>(null as any));\nvar _decl0_28:i3.Calendar16Module = (<any>(null as any));\nvar _decl0_29:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_30:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_DatePickerInput_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_DatePickerInput_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--date-picker';\n currVal_0;\n const currVal_1:any = (<any>{'bx--date-picker--single':(_decl0_13.type === 'single'),\n 'bx--date-picker--range':(_decl0_13.type === 'range'),'bx--date-picker--light':(_decl0_13.theme === 'light'),\n 'bx--skeleton':_decl0_13.skeleton});\n currVal_1;\n const currVal_2:any = _decl0_13.id;\n currVal_2;\n const currVal_3:any = !_decl0_13.~~isTemplate(_decl0_13.label)~~;\n currVal_3;\n const currVal_4:any = _decl0_13.~~isTemplate(_decl0_13.label)~~;\n currVal_4;\n ~~const currVal_5:any = !_decl0_13.skeleton;\n currVal_5;\n const currVal_6:any = _decl0_13.invalid;\n currVal_6;\n~~}\n"]}
1	+ {"version":3,"file":"datepicker-input.module.ngfactory.js","sourceRoot":"","sources":["../src/datepicker-input/datepicker-input.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './datepicker-input.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/calendar/16';\nimport * as i4 from './datepicker-input.component';\nexport const DatePickerInputModuleNgFactory:i0.NgModuleFactory<i1.DatePickerInputModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Calendar16 = (<any>(null as any));\nvar _decl0_12:i3.Calendar16Directive = (<any>(null as any));\nvar _decl0_13:i4.DatePickerInput = (<any>(null as any));\nvar _decl0_14:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_15:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_16:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_17:i2.JsonPipe = (<any>(null as any));\nvar _decl0_18:i2.SlicePipe = (<any>(null as any));\nvar _decl0_19:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_20:i2.PercentPipe = (<any>(null as any));\nvar _decl0_21:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_22:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_23:i2.DatePipe = (<any>(null as any));\nvar _decl0_24:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_25:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_26:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_27:i2.CommonModule = (<any>(null as any));\nvar _decl0_28:i3.Calendar16Module = (<any>(null as any));\nvar _decl0_29:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_30:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_DatePickerInput_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_DatePickerInput_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--date-picker';\n currVal_0;\n const currVal_1:any = (<any>{'bx--date-picker--single':(_decl0_13.type === 'single'),\n 'bx--date-picker--range':(_decl0_13.type === 'range'),'bx--date-picker--light':(_decl0_13.theme === 'light'),\n 'bx--skeleton':_decl0_13.skeleton});\n currVal_1;\n const currVal_2:any = _decl0_13.label;\n currVal_2;\n const currVal_3:any = !_decl0_13.skeleton;\n currVal_3;\n const currVal_4:any = _decl0_13.invalid;\n currVal_4;\n}\n"]}

package/dialog/dialog.module.ngfactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.module.ngfactory.js","sourceRoot":"","sources":["../src/dialog/dialog.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './dialog.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '../placeholder/placeholder.component';\nimport * as i4 from './dialog.component';\nimport * as i5 from './tooltip/tooltip.component';\nimport * as i6 from './tooltip/tooltip-definition.component';\nimport * as i7 from './tooltip/tooltip-icon.component';\nimport * as i8 from './overflow-menu/overflow-menu.component';\nimport * as i9 from './overflow-menu/overflow-menu-pane.component';\nimport * as i10 from './dialog.directive';\nimport * as i11 from './tooltip/tooltip.directive';\nimport * as i12 from './tooltip/ellipsis-tooltip.directive';\nimport * as i13 from './overflow-menu/overflow-menu.directive';\nimport * as i14 from './overflow-menu/overflow-menu-option.component';\nimport * as i15 from './dialog-placeholder.component';\nimport * as i16 from '../i18n/replace.pipe';\nimport * as i17 from '../i18n/i18n.module';\nimport * as i18 from '../placeholder/placeholder.module';\nimport * as i19 from '../experimental.module';\nexport const DialogModuleNgFactory:i0.NgModuleFactory<i1.DialogModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Placeholder = (<any>(null as any));\nvar _decl0_12:i4.Dialog = (<any>(null as any));\nvar _decl0_13:i5.Tooltip = (<any>(null as any));\nvar _decl0_14:i6.TooltipDefinition = (<any>(null as any));\nvar _decl0_15:i7.TooltipIcon = (<any>(null as any));\nvar _decl0_16:i8.OverflowMenu = (<any>(null as any));\nvar _decl0_17:i9.OverflowMenuPane = (<any>(null as any));\nvar _decl0_18:i10.DialogDirective = (<any>(null as any));\nvar _decl0_19:i11.TooltipDirective = (<any>(null as any));\nvar _decl0_20:i12.EllipsisTooltip = (<any>(null as any));\nvar _decl0_21:i13.OverflowMenuDirective = (<any>(null as any));\nvar _decl0_22:i14.OverflowMenuOption = (<any>(null as any));\nvar _decl0_23:i15.DialogPlaceholder = (<any>(null as any));\nvar _decl0_24:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_25:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_26:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_27:i2.JsonPipe = (<any>(null as any));\nvar _decl0_28:i2.SlicePipe = (<any>(null as any));\nvar _decl0_29:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_30:i2.PercentPipe = (<any>(null as any));\nvar _decl0_31:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_32:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_33:i2.DatePipe = (<any>(null as any));\nvar _decl0_34:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_35:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_36:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_37:i16.ReplacePipe = (<any>(null as any));\nvar _decl0_38:i2.CommonModule = (<any>(null as any));\nvar _decl0_39:i17.I18nModule = (<any>(null as any));\nvar _decl0_40:i18.PlaceholderModule = (<any>(null as any));\nvar _decl0_41:i19.ExperimentalModule = (<any>(null as any));\nvar _decl0_42:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_43:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Dialog_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Dialog_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tooltip_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tooltip_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_13.dialogConfig.compID;\n currVal_0;\n const currVal_1:any = _decl0_13.role;\n currVal_1;\n const currVal_2:any = _decl0_13.~~hasContentTemplate~~;\n currVal_2;\n const currVal_3:any = !_decl0_13.hasContentTemplate;\n currVal_3;\n}\nfunction _View_TooltipDefinition_Host_3_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TooltipDefinition_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_14.id;\n currVal_0;\n const currVal_1:any = (<any>{'bx--tooltip--definition__bottom':(_decl0_14.placement === 'bottom'),\n 'bx--tooltip--definition__top':(_decl0_14.placement === 'top')});\n currVal_1;\n const currVal_2:any = _decl0_14.id;\n currVal_2;\n const currVal_3:any = _decl0_14.content;\n currVal_3;\n const currVal_4:any = _decl0_14.content;\n currVal_4;\n}\nfunction _View_TooltipIcon_Host_4_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TooltipIcon_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--tooltip__trigger';\n currVal_0;\n const currVal_1:any = (<any>{'bx--tooltip--icon__bottom':(_decl0_15.placement === 'bottom'),\n 'bx--tooltip--icon__top':(_decl0_15.placement === 'top')});\n currVal_1;\n const currVal_2:any = _decl0_15.content;\n currVal_2;\n}\nfunction _View_OverflowMenu_Host_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_OverflowMenu_5_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--overflow-menu';\n currVal_0;\n const currVal_1:any = (<any>{'bx--overflow-menu--open':_decl0_16.open});\n currVal_1;\n const currVal_2:any = 'bottom';\n currVal_2;\n const currVal_3:any = _any;\n currVal_3;\n const currVal_4:any = _decl0_16.flip;\n currVal_4;\n const currVal_5:any = _decl0_16.buttonLabel;\n currVal_5;\n const pd_6:any = ((<any>(_decl0_16.open = true)) !== false);\n const pd_7:any = ((<any>(_decl0_16.open = false)) !== false);\n}\nfunction _View_OverflowMenuPane_Host_6_0():void {\n var _any:any = (null as any);\n}\nfunction _View_OverflowMenuPane_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--overflow-menu-options bx--overflow-menu-options--open';\n currVal_0;\n const currVal_1:any = (<any>{'bx--overflow-menu--flip':_decl0_17.dialogConfig.flip});\n currVal_1;\n const currVal_2:any = _decl0_17.dialogConfig.menuLabel;\n currVal_2;\n const currVal_3:any = _decl0_17.dialogConfig.menuLabel;\n currVal_3;\n const currVal_4:any = (<any>{overflowMenu:_decl0_17});\n currVal_4;\n const currVal_5:any = _decl0_17.dialogConfig.content;\n currVal_5;\n const pd_6:any = ((<any>_decl0_17.doClose()) !== false);\n}\nfunction _View_OverflowMenuOption_Host_7_0():void {\n var _any:any = (null as any);\n}\nfunction _View_OverflowMenuOption_7_0():void {\n var _any:any = (null as any);\n const currVal_0:any = !_decl0_22.href;\n currVal_0;\n const currVal_1:any = _decl0_22.href;\n currVal_1;\n}\nfunction _View_DialogPlaceholder_Host_8_0():void {\n var _any:any = (null as any);\n}\nfunction _View_DialogPlaceholder_8_0():void {\n var _any:any = (null as any);\n}\n"]}
1	+ {"version":3,"file":"dialog.module.ngfactory.js","sourceRoot":"","sources":["../src/dialog/dialog.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './dialog.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '../placeholder/placeholder.component';\nimport * as i4 from './dialog.component';\nimport * as i5 from './tooltip/tooltip.component';\nimport * as i6 from './tooltip/tooltip-definition.component';\nimport * as i7 from './tooltip/tooltip-icon.component';\nimport * as i8 from './overflow-menu/overflow-menu.component';\nimport * as i9 from './overflow-menu/overflow-menu-pane.component';\nimport * as i10 from './dialog.directive';\nimport * as i11 from './tooltip/tooltip.directive';\nimport * as i12 from './tooltip/ellipsis-tooltip.directive';\nimport * as i13 from './overflow-menu/overflow-menu.directive';\nimport * as i14 from './overflow-menu/overflow-menu-option.component';\nimport * as i15 from './dialog-placeholder.component';\nimport * as i16 from '../i18n/replace.pipe';\nimport * as i17 from '../i18n/i18n.module';\nimport * as i18 from '../placeholder/placeholder.module';\nimport * as i19 from '../experimental.module';\nexport const DialogModuleNgFactory:i0.NgModuleFactory<i1.DialogModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Placeholder = (<any>(null as any));\nvar _decl0_12:i4.Dialog = (<any>(null as any));\nvar _decl0_13:i5.Tooltip = (<any>(null as any));\nvar _decl0_14:i6.TooltipDefinition = (<any>(null as any));\nvar _decl0_15:i7.TooltipIcon = (<any>(null as any));\nvar _decl0_16:i8.OverflowMenu = (<any>(null as any));\nvar _decl0_17:i9.OverflowMenuPane = (<any>(null as any));\nvar _decl0_18:i10.DialogDirective = (<any>(null as any));\nvar _decl0_19:i11.TooltipDirective = (<any>(null as any));\nvar _decl0_20:i12.EllipsisTooltip = (<any>(null as any));\nvar _decl0_21:i13.OverflowMenuDirective = (<any>(null as any));\nvar _decl0_22:i14.OverflowMenuOption = (<any>(null as any));\nvar _decl0_23:i15.DialogPlaceholder = (<any>(null as any));\nvar _decl0_24:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_25:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_26:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_27:i2.JsonPipe = (<any>(null as any));\nvar _decl0_28:i2.SlicePipe = (<any>(null as any));\nvar _decl0_29:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_30:i2.PercentPipe = (<any>(null as any));\nvar _decl0_31:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_32:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_33:i2.DatePipe = (<any>(null as any));\nvar _decl0_34:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_35:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_36:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_37:i16.ReplacePipe = (<any>(null as any));\nvar _decl0_38:i2.CommonModule = (<any>(null as any));\nvar _decl0_39:i17.I18nModule = (<any>(null as any));\nvar _decl0_40:i18.PlaceholderModule = (<any>(null as any));\nvar _decl0_41:i19.ExperimentalModule = (<any>(null as any));\nvar _decl0_42:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_43:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Dialog_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Dialog_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tooltip_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tooltip_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_13.dialogConfig.compID;\n currVal_0;\n const currVal_1:any = _decl0_13.role;\n currVal_1;\n const currVal_2:any = _decl0_13.placement;\n currVal_2;\n const currVal_3:any = _decl0_13.hasContentTemplate;\n currVal_3;\n const currVal_4:any = !_decl0_13.hasContentTemplate;\n currVal_4;\n}\nfunction _View_TooltipDefinition_Host_3_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TooltipDefinition_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_14.id;\n currVal_0;\n const currVal_1:any = (<any>{'bx--tooltip--definition__bottom':(_decl0_14.placement === 'bottom'),\n 'bx--tooltip--definition__top':(_decl0_14.placement === 'top')});\n currVal_1;\n const currVal_2:any = _decl0_14.id;\n currVal_2;\n const currVal_3:any = _decl0_14.content;\n currVal_3;\n const currVal_4:any = _decl0_14.content;\n currVal_4;\n}\nfunction _View_TooltipIcon_Host_4_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TooltipIcon_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--tooltip__trigger';\n currVal_0;\n const currVal_1:any = (<any>{'bx--tooltip--icon__bottom':(_decl0_15.placement === 'bottom'),\n 'bx--tooltip--icon__top':(_decl0_15.placement === 'top')});\n currVal_1;\n const currVal_2:any = _decl0_15.content;\n currVal_2;\n}\nfunction _View_OverflowMenu_Host_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_OverflowMenu_5_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--overflow-menu';\n currVal_0;\n const currVal_1:any = (<any>{'bx--overflow-menu--open':_decl0_16.open});\n currVal_1;\n const currVal_2:any = 'bottom';\n currVal_2;\n const currVal_3:any = _any;\n currVal_3;\n const currVal_4:any = _decl0_16.flip;\n currVal_4;\n const currVal_5:any = _decl0_16.buttonLabel;\n currVal_5;\n const pd_6:any = ((<any>(_decl0_16.open = true)) !== false);\n const pd_7:any = ((<any>(_decl0_16.open = false)) !== false);\n}\nfunction _View_OverflowMenuPane_Host_6_0():void {\n var _any:any = (null as any);\n}\nfunction _View_OverflowMenuPane_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--overflow-menu-options bx--overflow-menu-options--open';\n currVal_0;\n const currVal_1:any = (<any>{'bx--overflow-menu--flip':_decl0_17.dialogConfig.flip});\n currVal_1;\n const currVal_2:any = _decl0_17.dialogConfig.menuLabel;\n currVal_2;\n const currVal_3:any = _decl0_17.dialogConfig.menuLabel;\n currVal_3;\n const currVal_4:any = (<any>{overflowMenu:_decl0_17});\n currVal_4;\n const currVal_5:any = _decl0_17.dialogConfig.content;\n currVal_5;\n const pd_6:any = ((<any>_decl0_17.doClose()) !== false);\n}\nfunction _View_OverflowMenuOption_Host_7_0():void {\n var _any:any = (null as any);\n}\nfunction _View_OverflowMenuOption_7_0():void {\n var _any:any = (null as any);\n const currVal_0:any = !_decl0_22.href;\n currVal_0;\n const currVal_1:any = _decl0_22.href;\n currVal_1;\n}\nfunction _View_DialogPlaceholder_Host_8_0():void {\n var _any:any = (null as any);\n}\nfunction _View_DialogPlaceholder_8_0():void {\n var _any:any = (null as any);\n}\n"]}

package/dialog/tooltip/tooltip.component.js CHANGED Viewed

@@ -31,6 +31,7 @@ var __extends = (this && this.__extends) || (function () {
 import { Component, TemplateRef, HostBinding } from "@angular/core";
 import { getFocusElementList } from "./../../common/tab.service";
 import { Dialog } from "./../dialog.component";
+import { position } from "@carbon/utils-position";
 /**
  * Extend the `Dialog` component to create a tooltip for exposing content.
  */
@@ -54,6 +55,18 @@ var Tooltip = /** @class */ (function (_super) {
      * Check whether there is a template for the `Tooltip` content.
      */
     Tooltip.prototype.onDialogInit = function () {
+        this.addGap["bottom"] = function (pos) {
+            return position.addOffset(pos, 3, 0);
+        };
+        this.addGap["top"] = function (pos) {
+            return position.addOffset(pos, -10, 0);
+        };
+        this.addGap["left"] = function (pos) {
+            return position.addOffset(pos, -3, -6);
+        };
+        this.addGap["right"] = function (pos) {
+            return position.addOffset(pos, -3, 6);
+        };
         this.hasContentTemplate = this.dialogConfig.content instanceof TemplateRef;
     };
     Tooltip.prototype.afterDialogViewInit = function () {
@@ -66,7 +79,7 @@ var Tooltip = /** @class */ (function (_super) {
     Tooltip.decorators = [
         { type: Component, args: [{
                     selector: "ibm-tooltip",
-                    template: "\n\t\t<div\n\t\t\t#dialog\n\t\t\t[id]=\"dialogConfig.compID\"\n\t\t\t[attr.role]=\"role\"\n\t\t\tclass=\"bx--tooltip bx--tooltip--shown\">\n\t\t\t<span class=\"bx--tooltip__caret\" aria-hidden=\"true\"></span>\n\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"hasContentTemplate\"\n\t\t\t\t\t[ngTemplateOutlet]=\"dialogConfig.content\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{tooltip: this}\">\n\t\t\t</ng-template>\n\t\t\t<p\n\t\t\t\t*ngIf=\"!hasContentTemplate\">\n\t\t\t\t{{dialogConfig.content}}\n\t\t\t</p>\n\t\t</div>\n\t\t"
+                    template: "\n\t\t<div\n\t\t\t#dialog\n\t\t\t[id]=\"dialogConfig.compID\"\n\t\t\t[attr.role]=\"role\"\n\t\t\t[attr.data-floating-menu-direction]=\"placement\"\n\t\t\tclass=\"bx--tooltip bx--tooltip--shown\">\n\t\t\t<span class=\"bx--tooltip__caret\" aria-hidden=\"true\"></span>\n\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"hasContentTemplate\"\n\t\t\t\t\t[ngTemplateOutlet]=\"dialogConfig.content\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{tooltip: this}\">\n\t\t\t</ng-template>\n\t\t\t<p\n\t\t\t\t*ngIf=\"!hasContentTemplate\">\n\t\t\t\t{{dialogConfig.content}}\n\t\t\t</p>\n\t\t</div>\n\t\t"
                 },] },
     ];
     Tooltip.propDecorators = {