carbon-components-angular 3.52.3 → 3.53.3

package/bundle/carbon-angular.umd.js

@@ -218,7 +218,7 @@ new u.Version("6.1.0");
  *
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
- */let Oi=class{constructor(t,e){this.domSanitizer=t,this.router=e,this.navigation=new u.EventEmitter,this.skeleton=!1,this.ariaCurrent="page",this.current=!1,this.itemClass=!0}set href(t){this._href=t}get href(){return this.domSanitizer.bypassSecurityTrustUrl(this._href)}useTemplate(){return this.skeleton||this._href||this.route}navigate(t){if(this.router&&this.route){t.preventDefault();const e=this.router.navigate(this.route,this.routeExtras);this.navigation.emit(e)}}};a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Oi.prototype,"href",null),a([Object(u.Input)(),l("design:type",Array)],Oi.prototype,"route",void 0),a([Object(u.Input)(),l("design:type",Object)],Oi.prototype,"routeExtras",void 0),a([Object(u.Output)(),l("design:type",Object)],Oi.prototype,"navigation",void 0),a([Object(u.Input)(),l("design:type",Object)],Oi.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Oi.prototype,"ariaCurrent",void 0),a([Object(u.HostBinding)("class.bx--breadcrumb-item--current"),Object(u.Input)(),l("design:type",Object)],Oi.prototype,"current",void 0),a([Object(u.HostBinding)("class.bx--breadcrumb-item"),l("design:type",Object)],Oi.prototype,"itemClass",void 0),Oi=a([Object(u.Component)({selector:"ibm-breadcrumb-item",template:'\n\t<a\n\t\tclass="bx--link"\n\t\t[href]="(skeleton ? \'/#\' : href)"\n\t\t(click)="navigate($event)"\n\t\t[attr.aria-current]="(current ? ariaCurrent : null)"\n\t\t*ngIf="useTemplate(); else content">\n\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t</a>\n\t<ng-template #content>\n\t\t<ng-content></ng-content>\n\t</ng-template>'}),s(1,Object(u.Optional)()),l("design:paramtypes",[Ht.DomSanitizer,Gn])],Oi);let wi=class{constructor(t,e){this.domSanitizer=t,this.router=e,this.noTrailingSlash=!1,this.navigation=new u.EventEmitter,this._skeleton=!1}set skeleton(t){this._skeleton=t,this.updateChildren()}get skeleton(){return this._skeleton}set threshold(t){this._threshold=t,(isNaN(t)||t<4)&&(this._threshold=4)}get threshold(){return this._threshold}get shouldShowContent(){return!this.items}get shouldShowOverflow(){return!!this.items&&this.items.length>this.threshold}get first(){return this.shouldShowOverflow?this.items[0]:null}get overflowItems(){return this.shouldShowOverflow?this.items.slice(1,this.items.length-2):[]}get secondLast(){return this.shouldShowOverflow?this.items[this.items.length-2]:null}get last(){return this.shouldShowOverflow?this.items[this.items.length-1]:null}ngAfterContentInit(){this.updateChildren()}navigate(t,e){if(this.router&&e.route){t.preventDefault();const n=this.router.navigate(e.route,e.routeExtras);this.navigation.emit(n)}}updateChildren(){this.children&&this.children.toArray().forEach(t=>t.skeleton=this.skeleton)}};a([Object(u.ContentChildren)(Oi),l("design:type",u.QueryList)],wi.prototype,"children",void 0),a([Object(u.Input)(),l("design:type",Array)],wi.prototype,"items",void 0),a([Object(u.Input)(),l("design:type",Object)],wi.prototype,"noTrailingSlash",void 0),a([Object(u.Input)(),l("design:type",String)],wi.prototype,"ariaLabel",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],wi.prototype,"skeleton",null),a([Object(u.Input)(),l("design:type",Number),l("design:paramtypes",[Number])],wi.prototype,"threshold",null),a([Object(u.Output)(),l("design:type",Object)],wi.prototype,"navigation",void 0),wi=a([Object(u.Component)({selector:"ibm-breadcrumb",template:'\n\t<nav #nav class="bx--breadcrumb"\n\t\t[ngClass]="{\n\t\t\t\'bx--skeleton\' : skeleton,\n\t\t\t\'bx--breadcrumb--no-trailing-slash\' : noTrailingSlash\n\t\t}"\n\t\t[attr.aria-label]="ariaLabel">\n\t\t<ng-template [ngIf]="shouldShowContent">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]="!shouldShowOverflow">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor="let item of items"\n\t\t\t\t[href]="item.href"\n\t\t\t\t[route]="item.route"\n\t\t\t\t[routeExtras]="item.routeExtras"\n\t\t\t\t[current]="item.current"\n\t\t\t\t[ariaCurrent]="item.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!item.template">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="item.template"\n\t\t\t\t\t[ngTemplateOutlet]="item.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: item }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]="shouldShowOverflow">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t[href]="first?.href"\n\t\t\t\t[route]="first?.route"\n\t\t\t\t[routeExtras]="first?.routeExtras"\n\t\t\t\t[current]="first?.current"\n\t\t\t\t[ariaCurrent]="first?.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!first?.template">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="first?.template"\n\t\t\t\t\t[ngTemplateOutlet]="first?.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: first }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class="bx--overflow-menu-options__option"\n\t\t\t\t\t\t*ngFor="let item of overflowItems">\n\t\t\t\t\t\t<a class="bx--overflow-menu-options__btn"\n\t\t\t\t\t\t\thref="{{item?.href}}"\n\t\t\t\t\t\t\t(click)="navigate($event, item)"\n\t\t\t\t\t\t\tstyle="text-decoration: none;">\n\t\t\t\t\t\t\t<ng-container *ngIf="!item?.template">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf="item?.template"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]="item?.template"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: item }">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t[href]="secondLast?.href"\n\t\t\t\t[route]="secondLast?.route"\n\t\t\t\t[routeExtras]="secondLast?.routeExtras"\n\t\t\t\t[current]="secondLast?.current"\n\t\t\t\t[ariaCurrent]="secondLast?.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!secondLast?.template">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="secondLast?.template"\n\t\t\t\t\t[ngTemplateOutlet]="secondLast?.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: secondLast }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t[href]="last?.href"\n\t\t\t\t[route]="last?.route"\n\t\t\t\t[routeExtras]="last?.routeExtras"\n\t\t\t\t[current]="last?.current"\n\t\t\t\t[ariaCurrent]="last?.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!last?.template">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="last?.template"\n\t\t\t\t\t[ngTemplateOutlet]="last?.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: last }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>'}),s(1,Object(u.Optional)()),l("design:paramtypes",[Ht.DomSanitizer,Gn])],wi);let Ci=class{};Ci=a([Object(u.NgModule)({declarations:[wi,Oi],exports:[wi,Oi],imports:[h.CommonModule,Pt]})],Ci);let xi=class{constructor(){this.ibmButton="primary",this.size="normal",this.skeleton=!1,this.toolbarAction=!1,this.overflowMenu=!1}get baseClass(){return!this.toolbarAction}get primaryButton(){return"primary"===this.ibmButton}get secondaryButton(){return"secondary"===this.ibmButton}get tertiaryButton(){return"tertiary"===this.ibmButton}get ghostButton(){return"ghost"===this.ibmButton}get dangerButton(){return"danger"===this.ibmButton||"danger--primary"===this.ibmButton}get smallSize(){return"sm"===this.size}get fieldSize(){return"field"===this.size}ngOnInit(){this.ibmButton||(this.ibmButton="primary")}};a([Object(u.Input)(),l("design:type",String)],xi.prototype,"ibmButton",void 0),a([Object(u.Input)(),l("design:type",String)],xi.prototype,"size",void 0),a([Object(u.HostBinding)("class.bx--btn"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"baseClass",null),a([Object(u.HostBinding)("class.bx--btn--primary"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"primaryButton",null),a([Object(u.HostBinding)("class.bx--btn--secondary"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"secondaryButton",null),a([Object(u.HostBinding)("class.bx--btn--tertiary"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"tertiaryButton",null),a([Object(u.HostBinding)("class.bx--btn--ghost"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"ghostButton",null),a([Object(u.HostBinding)("class.bx--btn--danger"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"dangerButton",null),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],xi.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--btn--sm"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"smallSize",null),a([Object(u.HostBinding)("class.bx--btn--field"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"fieldSize",null),a([Object(u.HostBinding)("class.bx--toolbar-action"),l("design:type",Object)],xi.prototype,"toolbarAction",void 0),a([Object(u.HostBinding)("class.bx--overflow-menu"),l("design:type",Object)],xi.prototype,"overflowMenu",void 0),xi=a([Object(u.Directive)({selector:"[ibmButton]"})],xi);let ji=class{};ji=a([Object(u.NgModule)({declarations:[xi],exports:[xi],imports:[h.CommonModule]})],ji);var Ii,Si,ki=n(4);!function(t){t[t.Init=0]="Init",t[t.Indeterminate=1]="Indeterminate",t[t.Checked=2]="Checked",t[t.Unchecked=3]="Unchecked"}(Si||(Si={}));class Ei{}let Ti=Ii=class{constructor(t){this.changeDetectorRef=t,this.size="md",this.inline=!1,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id=`checkbox-${Ii.checkboxCount}`,this.ariaLabel="",this.change=new u.EventEmitter,this.indeterminateChange=new u.EventEmitter,this._checked=!1,this._indeterminate=!1,this.currentCheckboxState=Si.Init,this.onTouched=()=>{},this.propagateChange=t=>{},Ii.checkboxCount++}get indeterminate(){return this._indeterminate}set indeterminate(t){let e=this._indeterminate!==t;this._indeterminate=t,e?this.transitionCheckboxState(Si.Indeterminate):this.transitionCheckboxState(this.checked?Si.Checked:Si.Unchecked),this.indeterminateChange.emit(this._indeterminate)}get checked(){return this._checked}set checked(t){t!==this.checked&&(this._indeterminate&&Promise.resolve().then(()=>{this._indeterminate=!1,this.indeterminateChange.emit(this._indeterminate)}),this._checked=t,this.changeDetectorRef.markForCheck())}get checkboxWrapperClass(){return!this.inline}get formItemClass(){return!this.inline}toggle(){this.checked=!this.checked}writeValue(t){this.checked=!!t}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}onChange(t){t.stopPropagation()}onClick(t){this.disabled||(this.toggle(),this.transitionCheckboxState(this._checked?Si.Checked:Si.Unchecked),this.emitChangeEvent())}transitionCheckboxState(t){let e=this.currentCheckboxState;t===Si.Indeterminate&&(this.checked=!1,this.inputCheckbox.nativeElement.indeterminate=!0),e!==t&&(this.currentCheckboxState=t)}emitChangeEvent(){let t=new Ei;t.source=this,t.checked=this.checked,this.propagateChange(this.checked),this.change.emit(t)}ngAfterViewInit(){this.indeterminate&&(this.inputCheckbox.nativeElement.indeterminate=!0,this.checked=!1)}};Ti.checkboxCount=0,a([Object(u.Input)(),l("design:type",String)],Ti.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Boolean)],Ti.prototype,"nested",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"inline",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"hideLabel",void 0),a([Object(u.Input)(),l("design:type",String)],Ti.prototype,"name",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Boolean)],Ti.prototype,"required",void 0),a([Object(u.Input)(),l("design:type",String)],Ti.prototype,"value",void 0),a([Object(u.Input)("aria-label"),l("design:type",Object)],Ti.prototype,"ariaLabel",void 0),a([Object(u.Input)("aria-labelledby"),l("design:type",String)],Ti.prototype,"ariaLabelledby",void 0),a([Object(u.Input)(),l("design:type",Boolean),l("design:paramtypes",[Boolean])],Ti.prototype,"indeterminate",null),a([Object(u.Input)(),l("design:type",Boolean),l("design:paramtypes",[Boolean])],Ti.prototype,"checked",null),a([Object(u.HostBinding)("class.bx--checkbox-wrapper"),l("design:type",Object),l("design:paramtypes",[])],Ti.prototype,"checkboxWrapperClass",null),a([Object(u.HostBinding)("class.bx--form-item"),l("design:type",Object),l("design:paramtypes",[])],Ti.prototype,"formItemClass",null),a([Object(u.Output)(),l("design:type",Object)],Ti.prototype,"change",void 0),a([Object(u.Output)(),l("design:type",Object)],Ti.prototype,"indeterminateChange",void 0),a([Object(u.ViewChild)("inputCheckbox"),l("design:type",u.ElementRef)],Ti.prototype,"inputCheckbox",void 0),Ti=Ii=a([Object(u.Component)({selector:"ibm-checkbox",template:'\n\t\t<input\n\t\t\t#inputCheckbox\n\t\t\tclass="bx--checkbox"\n\t\t\ttype="checkbox"\n\t\t\t[id]="id"\n\t\t\t[value]="value"\n\t\t\t[name]="name"\n\t\t\t[required]="required"\n\t\t\t[checked]="checked"\n\t\t\t[disabled]="disabled"\n\t\t\t[indeterminate]="indeterminate"\n\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t[attr.aria-checked]="(indeterminate ? \'mixed\' : checked)"\n\t\t\t(change)="onChange($event)"\n\t\t\t(click)="onClick($event)">\n\t\t<label\n\t\t\t[for]="id"\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\tclass="bx--checkbox-label"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\' : skeleton\n\t\t\t}">\n\t\t\t<span [ngClass]="{\'bx--visually-hidden\' : hideLabel}">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t</label>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Ii,multi:!0}],changeDetection:u.ChangeDetectionStrategy.OnPush}),l("design:paramtypes",[u.ChangeDetectorRef])],Ti);let _i=class{};_i=a([Object(u.NgModule)({declarations:[Ti],exports:[Ti],imports:[h.CommonModule,ki.FormsModule]})],_i);var Li,Di,Ai=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-copy16",template:'\n    <svg\n      ibmIconCopy16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),Mi=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M14 5v9H5V5h9m0-1H5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z"></path><path d="M2 9H1V2a1 1 0 0 1 1-1h7v1H2z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","copy16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","copy16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCopy16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Ri=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Ai,Mi],exports:[Ai,Mi]}]}],t}(),Pi=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-chevron-down16",template:'\n    <svg\n      ibmIconChevronDown16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),Hi=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","chevron-down16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","chevron-down16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconChevronDown16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Bi=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Pi,Hi],exports:[Pi,Hi]}]}],t}();!function(t){t.single="single",t.multi="multi",t.inline="inline"}(Di||(Di={}));let Ni=Li=class{constructor(t){this.i18n=t,this.display=Di.single,this.translations=this.i18n.get().CODE_SNIPPET,this.theme="dark",this.feedbackText=this.translations.COPIED,this.feedbackTimeout=2e3,this.expanded=!1,this.skeleton=!1,this.snippetClass=!0,this.showFeedback=!1,this.hasExpandButton=null,Li.codeSnippetCount++}get snippetSingleClass(){return this.display===Di.single}get snippetMultiClass(){return this.display===Di.multi}get snippetInlineClass(){return this.display===Di.inline}get snippetInlineLightClass(){return this.display===Di.inline&&"light"===this.theme}get btnCopyClass(){return this.display===Di.inline}get displayStyle(){return this.display!==Di.inline?"block":null}get attrType(){return this.display===Di.inline?"button":null}get shouldShowExpandButton(){return null===this.hasExpandButton?this.hasExpandButton:this.canExpand()}toggleSnippetExpansion(){this.expanded=!this.expanded}copyCode(){const t=document.createElement("textarea");t.value=this.code.nativeElement.innerText||this.code.nativeElement.textContent,t.setAttribute("readonly",""),t.style.position="absolute",t.style.right="-99999px",document.body.appendChild(t);const e=document.getSelection().rangeCount?document.getSelection().getRangeAt(0):null;t.select(),document.execCommand("copy"),document.body.removeChild(t),e&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(e))}onCopyButtonClicked(){this.copyCode(),this.showFeedback=!0,setTimeout(()=>{this.showFeedback=!1},this.feedbackTimeout)}ngAfterViewInit(){setTimeout(()=>{this.canExpand()?this.hasExpandButton=!0:this.hasExpandButton=!1})}hostClick(){this.display===Di.inline&&this.onCopyButtonClicked()}canExpand(){return this.code&&this.code.nativeElement.getBoundingClientRect().height>255&&"multi"===this.display}};Ni.codeSnippetCount=0,a([Object(u.Input)(),l("design:type",String)],Ni.prototype,"display",void 0),a([Object(u.Input)(),l("design:type",Object)],Ni.prototype,"translations",void 0),a([Object(u.Input)(),l("design:type",String)],Ni.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],Ni.prototype,"feedbackText",void 0),a([Object(u.Input)(),l("design:type",Object)],Ni.prototype,"feedbackTimeout",void 0),a([Object(u.HostBinding)("class.bx--snippet--expand"),Object(u.Input)(),l("design:type",Object)],Ni.prototype,"expanded",void 0),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],Ni.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--snippet"),l("design:type",Object)],Ni.prototype,"snippetClass",void 0),a([Object(u.HostBinding)("class.bx--snippet--single"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetSingleClass",null),a([Object(u.HostBinding)("class.bx--snippet--multi"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetMultiClass",null),a([Object(u.HostBinding)("class.bx--snippet--inline"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetInlineClass",null),a([Object(u.HostBinding)("class.bx--snippet--light"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetInlineLightClass",null),a([Object(u.HostBinding)("class.bx--btn--copy"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"btnCopyClass",null),a([Object(u.HostBinding)("style.display"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"displayStyle",null),a([Object(u.HostBinding)("attr.type"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"attrType",null),a([Object(u.ViewChild)("code"),l("design:type",Object)],Ni.prototype,"code",void 0),a([Object(u.HostListener)("click"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],Ni.prototype,"hostClick",null),Ni=Li=a([Object(u.Component)({selector:"ibm-code-snippet",template:'\n\t\t<ng-container *ngIf="display === \'inline\'; else notInline">\n\t\t\t<ng-container *ngTemplateOutlet="codeTemplate"></ng-container>\n\t\t\t<ng-container *ngTemplateOutlet="feedbackTemplate"></ng-container>\n\t\t</ng-container>\n\n\t\t<ng-template #notInline>\n\t\t\t<div class="bx--snippet-container" [attr.aria-label]="translations.CODE_SNIPPET_TEXT">\n\t\t\t\t<ng-container *ngIf="skeleton">\n\t\t\t\t\t<span *ngIf="display === \'single\'; else multiSkeleton"></span>\n\t\t\t\t\t<ng-template #multiSkeleton>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</ng-container>\n\t\t\t\t<pre *ngIf="!skeleton"><ng-container *ngTemplateOutlet="codeTemplate"></ng-container></pre>\n\t\t\t</div>\n\t\t\t<button\n\t\t\t\t*ngIf="!skeleton"\n\t\t\t\tclass="bx--snippet-button"\n\t\t\t\t[attr.aria-label]="translations.COPY_CODE"\n\t\t\t\t(click)="onCopyButtonClicked()"\n\t\t\t\ttabindex="0">\n\t\t\t\t<ibm-icon-copy16 class="bx--snippet__icon"></ibm-icon-copy16>\n\t\t\t\t<ng-container *ngTemplateOutlet="feedbackTemplate"></ng-container>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\t*ngIf="shouldShowExpandButton"\n\t\t\t\tclass="bx--btn bx--btn--ghost bx--btn--sm bx--snippet-btn--expand"\n\t\t\t\t(click)="toggleSnippetExpansion()"\n\t\t\t\ttype="button">\n\t\t\t\t<span class="bx--snippet-btn--text">{{expanded ? translations.SHOW_LESS : translations.SHOW_MORE}}</span>\n\t\t\t\t<ibm-icon-chevron-down16 class="bx--icon-chevron--down" [ariaLabel]="translations.SHOW_MORE_ICON"></ibm-icon-chevron-down16>\n\t\t\t</button>\n\t\t</ng-template>\n\n\t\t<ng-template #codeTemplate>\n\t\t\t<code #code><ng-content></ng-content></code>\n\t\t</ng-template>\n\n\t\t<ng-template #feedbackTemplate>\n\t\t\t<div\n\t\t\tclass="bx--btn--copy__feedback"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--btn--copy__feedback--displayed\': showFeedback\n\t\t\t}"\n\t\t\t[attr.data-feedback]="feedbackText">\n\t\t\t</div>\n\t\t</ng-template>\n\t'}),l("design:paramtypes",[Ct])],Ni);let Fi=class{};Fi=a([Object(u.NgModule)({declarations:[Ni],exports:[Ni],imports:[h.CommonModule,ki.FormsModule,St,Ri,Bi]})],Fi);var Ui,Vi=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-close16",template:'\n    <svg\n      ibmIconClose16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),zi=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><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></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","close16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","close16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconClose16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Wi=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Vi,zi],exports:[Vi,zi]}]}],t}(),Gi=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-warning-filled16",template:'\n    <svg\n      ibmIconWarningFilled16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),$i=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1C4.2 1 1 4.2 1 8s3.2 7 7 7 7-3.1 7-7-3.1-7-7-7zm-.5 3h1v5h-1V4zm.5 8.2c-.4 0-.8-.4-.8-.8s.3-.8.8-.8c.4 0 .8.4.8.8s-.4.8-.8.8z"></path><path d="M7.5 4h1v5h-1V4zm.5 8.2c-.4 0-.8-.4-.8-.8s.3-.8.8-.8c.4 0 .8.4.8.8s-.4.8-.8.8z" data-icon-path="inner-path" opacity="0"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","warning-filled16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","warning-filled16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconWarningFilled16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),qi=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Gi,$i],exports:[Gi,$i]}]}],t}();class Ji{constructor(){this.type="single",this.size="md"}set items(t){}get items(){}getNextItem(){}hasNextElement(){}getNextElement(){}getPrevItem(){}hasPrevElement(){}getPrevElement(){}getSelected(){}getCurrentItem(){}getCurrentElement(){}getListItems(){}propagateSelected(t){}filterBy(t){}initFocus(){}onItemsReady(t){}}a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Ji.prototype,"items",null),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Ji.prototype,"select",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Ji.prototype,"blurIntent",void 0);let Yi=Ui=class{constructor(t,e,n){this.elementRef=t,this.documentService=e,this.i18n=n,this.id=`dropdown-${Ui.comboBoxCount++}`,this.items=[],this.type="single",this.size="md",this.invalid=!1,this.maxLength=null,this.disabled=!1,this.selected=new u.EventEmitter,this.submit=new u.EventEmitter,this.close=new u.EventEmitter,this.search=new u.EventEmitter,this.hostClass=!0,this.role="combobox",this.display="block",this.open=!1,this.showClearButton=!1,this.pills=[],this.selectedValue="",this.noop=this._noop.bind(this),this.onTouchedCallback=this._noop,this.propagateChangeCallback=this._noop,this._placeholder=this.i18n.getOverridable("COMBOBOX.PLACEHOLDER"),this._closeMenuAria=this.i18n.getOverridable("COMBOBOX.A11Y.CLOSE_MENU"),this._openMenuAria=this.i18n.getOverridable("COMBOBOX.A11Y.OPEN_MENU"),this._clearSelectionsTitle=this.i18n.getOverridable("COMBOBOX.CLEAR_SELECTIONS"),this._clearSelectionsAria=this.i18n.getOverridable("COMBOBOX.A11Y.CLEAR_SELECTIONS"),this._clearSelectionTitle=this.i18n.getOverridable("COMBOBOX.CLEAR_SELECTED"),this._clearSelectionAria=this.i18n.getOverridable("COMBOBOX.A11Y.CLEAR_SELECTED")}set placeholder(t){this._placeholder.override(t)}get placeholder(){return this._placeholder.value}set openMenuAria(t){this._openMenuAria.override(t)}get openMenuAria(){return this._openMenuAria.value}set closeMenuAria(t){this._closeMenuAria.override(t)}get closeMenuAria(){return this._closeMenuAria.value}set clearSelectionsTitle(t){this._clearSelectionsTitle.override(t)}get clearSelectionsTitle(){return this._clearSelectionsTitle.value}set clearSelectionsAria(t){this._clearSelectionsAria.override(t)}get clearSelectionsAria(){return this._clearSelectionsAria.value}set clearSelectionTitle(t){this._clearSelectionTitle.override(t)}get clearSelectionTitle(){return this._clearSelectionTitle.value}set clearSelectionAria(t){this._clearSelectionAria.override(t)}get clearSelectionAria(){return this._clearSelectionAria.value}ngOnChanges(t){t.items&&(this.view.items=t.items.currentValue,this.onSearch(this.input.nativeElement.value,!1),this.updateSelected())}ngAfterContentInit(){this.view&&(this.view.type=this.type,this.view.select.subscribe(t=>{"multi"===this.type?(this.updatePills(),this.propagateChangeCallback(this.view.getSelected())):(t.item&&t.item.selected?(this.showClearButton=!0,this.selectedValue=t.item.content,this.propagateChangeCallback(t.item)):(this.selectedValue="",this.propagateChangeCallback(null)),this.elementRef.nativeElement.querySelector("input").focus(),this.view.filterBy(""),this.closeDropdown()),this.selected.emit(t)}),setTimeout(()=>{this.updateSelected()}),this.view.blurIntent.pipe(Object(V.filter)(t=>"top"===t)).subscribe(()=>{this.elementRef.nativeElement.querySelector(".bx--text-input").focus()}))}ngAfterViewInit(){this.documentService.handleClick(t=>{this.elementRef.nativeElement.contains(t.target)||this.open&&this.closeDropdown()})}hostkeys(t){"Escape"===t.key?this.closeDropdown():"ArrowDown"!==t.key&&"Down"!==t.key||this.dropdownMenu&&this.dropdownMenu.nativeElement.contains(t.target)||(t.stopPropagation(),this.openDropdown(),setTimeout(()=>this.view.getCurrentElement().focus(),0))}_noop(){}writeValue(t){t&&("single"===this.type?this.view.propagateSelected([t]):this.view.propagateSelected(t))}onBlur(){this.onTouchedCallback()}registerOnChange(t){this.propagateChangeCallback=t}registerOnTouched(t){this.onTouchedCallback=t}updatePills(){this.pills=this.view.getSelected()||[],this.propagateChangeCallback(this.view.getSelected())}clearSelected(){this.items=this.items.map(t=>(t.disabled||(t.selected=!1),t)),this.view.items=this.items,this.updatePills(),this.selected.emit(this.view.getSelected())}closeDropdown(){this.open=!1,this.close.emit()}openDropdown(){this.disabled||(this.open=!0)}toggleDropdown(){this.open?this.closeDropdown():this.openDropdown()}onSearch(t,e=!0){if(e&&this.search.emit(t),t&&"single"===this.type?this.showClearButton=!0:this.showClearButton=!1,this.view.filterBy(t),""!==t?this.openDropdown():this.selectedValue="","single"===this.type){if(!this.view.getListItems().some(e=>e.content.toLowerCase().includes(t.toLowerCase()))){const t=this.view.getSelected();t&&t[0]?(t[0].selected=!1,this.view.select.emit({item:t[0]}),this.propagateChangeCallback(null)):this.view.filterBy("")}}}onSubmit(t){this.submit.emit({items:this.view.getListItems(),index:0,value:{content:t.target.value,selected:!1}})}clearInput(t){t.stopPropagation(),t.preventDefault(),this.clearSelected(),this.input.nativeElement.value="",this.selectedValue="",this.closeDropdown(),this.showClearButton=!1}isTemplate(t){return t instanceof u.TemplateRef}updateSelected(){const t=this.view.getSelected();"multi"===this.type?this.updatePills():t&&t[0]&&(this.selectedValue=t[0].content,this.propagateChangeCallback(t[0]))}};Yi.comboBoxCount=0,a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Array)],Yi.prototype,"items",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"placeholder",null),a([Object(u.Input)(),l("design:type",String)],Yi.prototype,"type",void 0),a([Object(u.Input)(),l("design:type",String)],Yi.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"helperText",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Number)],Yi.prototype,"maxLength",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"openMenuAria",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"closeMenuAria",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionsTitle",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionsAria",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionTitle",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionAria",null),a([Object(u.HostBinding)("attr.aria-disabled"),Object(u.Input)(),l("design:type",Object)],Yi.prototype,"disabled",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"selected",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"submit",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"close",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"search",void 0),a([Object(u.ContentChild)(Ji),l("design:type",Ji)],Yi.prototype,"view",void 0),a([Object(u.ViewChild)("dropdownMenu"),l("design:type",Object)],Yi.prototype,"dropdownMenu",void 0),a([Object(u.ViewChild)("input"),l("design:type",u.ElementRef)],Yi.prototype,"input",void 0),a([Object(u.HostBinding)("class.bx--list-box__wrapper"),l("design:type",Object)],Yi.prototype,"hostClass",void 0),a([Object(u.HostBinding)("attr.role"),l("design:type",Object)],Yi.prototype,"role",void 0),a([Object(u.HostBinding)("style.display"),l("design:type",Object)],Yi.prototype,"display",void 0),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[KeyboardEvent]),l("design:returntype",void 0)],Yi.prototype,"hostkeys",null),Yi=Ui=a([Object(u.Component)({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\t[ngClass]="{\n\t\t\t\t\'bx--multi-select\': type === \'multi\',\n\t\t\t\t\'bx--combo-box\': type === \'single\' || !pills.length\n\t\t\t}"\n\t\t\tclass="bx--combo-box bx--list-box"\n\t\t\trole="listbox"\n\t\t\t[attr.data-invalid]="(invalid ? true : null)">\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\ttype="button"\n\t\t\t\ttabindex="-1"\n\t\t\t\t[attr.aria-label]="label"\n\t\t\t\taria-haspopup="true"\n\t\t\t\t(click)="toggleDropdown()"\n\t\t\t\t[id]="id">\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\t(keydown.enter)="clearSelected()"\n\t\t\t\t\trole="button"\n\t\t\t\t\tclass="bx--tag--filter bx--list-box__selection--multi"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[title]="clearSelectionsTitle"\n\t\t\t\t\t[attr.aria-label]="clearSelectionAria">\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#input\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(keydown.enter)="onSubmit($event)"\n\t\t\t\t\t[value]="selectedValue"\n\t\t\t\t\tclass="bx--text-input"\n\t\t\t\t\trole="searchbox"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-aria-labelledby]="id"\n\t\t\t\t\t[attr.maxlength]="maxLength"\n\t\t\t\t\taria-haspopup="true"\n\t\t\t\t\tautocomplete="list"\n\t\t\t\t\t[placeholder]="placeholder"/>\n\t\t\t\t<ibm-icon-warning-filled16 *ngIf="invalid" class="bx--list-box__invalid-icon"></ibm-icon-warning-filled16>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf="showClearButton"\n\t\t\t\t\trole="button"\n\t\t\t\t\tclass="bx--list-box__selection"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-label]="clearSelectionAria"\n\t\t\t\t\t[title]="clearSelectionTitle"\n\t\t\t\t\t(click)="clearInput($event)">\n\t\t\t\t\t<ibm-icon-close16></ibm-icon-close16>\n\t\t\t\t</div>\n\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t[ngClass]="{\'bx--list-box__menu-icon--open\': open}"\n\t\t\t\t\tclass="bx--list-box__menu-icon"\n\t\t\t\t\t[title]="open ? closeMenuAria : openMenuAria"\n\t\t\t\t\t[ariaLabel]="open ? closeMenuAria : openMenuAria">\n\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\t<div *ngIf="invalid">\n\t\t\t<div *ngIf="!isTemplate(invalidText)" class="bx--form-requirement">{{ invalidText }}</div>\n\t\t\t<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t</div>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Ui,multi:!0}]}),l("design:paramtypes",[u.ElementRef,it,Ct])],Yi);const Ki={top:0,left:0};let Qi=class{constructor(t,e){this.placeholderService=t,this.animationFrameService=e,this.animationFrameSubscription=new S.Subscription,this._offset=Ki}set offset(t){this._offset=Object.assign({},Ki,t)}get offset(){return this._offset}appendToBody(t,e,n){e.style.display="block";const i=document.createElement("div");return i.className=`dropdown ${n}`,i.style.width=t.offsetWidth+"px",i.style.position="absolute",i.appendChild(e),this.placeholderService.hasPlaceholderRef()?this.placeholderService.appendElement(i):document.body.appendChild(i),this.menuInstance=i,this.animationFrameSubscription=this.animationFrameService.tick.subscribe(()=>{this.positionDropdown(t,i)}),i}appendToDropdown(t){if(!this.menuInstance)return;const e=this.menuInstance,n=e.firstElementChild;return this.menuInstance=null,n.style.display="none",t.appendChild(n),this.animationFrameSubscription.unsubscribe(),this.placeholderService.hasPlaceholderRef()&&this.placeholderService.hasElement(e)?this.placeholderService.removeElement(e):document.body.contains(e)&&document.body.removeChild(e),e}updatePosition(t){this.positionDropdown(t,this.menuInstance)}ngOnDestroy(){this.animationFrameSubscription.unsubscribe()}positionDropdown(t,e){if(!e)return;let n=0;const i=e.querySelector(".bx--list-box__menu");if(t.getBoundingClientRect().left!==i.getBoundingClientRect().left){t.getBoundingClientRect().left-i.getBoundingClientRect().left+i.getBoundingClientRect().right>(window.innerWidth||document.documentElement.clientWidth)&&(n=t.offsetWidth-i.offsetWidth)}else i.getBoundingClientRect().right>(window.innerWidth||document.documentElement.clientWidth)&&(n=t.offsetWidth-i.offsetWidth);let o=$.findAbsolute(t,e,"bottom");o=$.addOffset(o,this.offset.top,this.offset.left+n),$.setElement(e,o)}};var Xi;Qi=a([Object(u.Injectable)(),l("design:paramtypes",[k,Z])],Qi);let Zi=Xi=class{constructor(t,e,n,i,o){this.elementRef=t,this.i18n=e,this.dropdownService=n,this.appRef=i,this.elementService=o,this.id=`dropdown-${Xi.dropdownCount++}`,this.placeholder="",this.displayValue="",this.clearText=this.i18n.get().DROPDOWN.CLEAR,this.size="md",this.type="single",this.theme="dark",this.disabled=!1,this.skeleton=!1,this.inline=!1,this.disableArrowKeys=!1,this.invalid=!1,this.invalidText="",this.appendInline=!1,this.menuButtonLabel=this.i18n.get().DROPDOWN.OPEN,this.selectedLabel=this.i18n.get().DROPDOWN.SELECTED,this.selected=new u.EventEmitter,this.onClose=new u.EventEmitter,this.close=new u.EventEmitter,this.hostClass=!0,this.menuIsClosed=!0,this.dropUp=!1,this.noop=this._noop.bind(this),this.outsideClick=this._outsideClick.bind(this),this.outsideKey=this._outsideKey.bind(this),this.keyboardNav=this._keyboardNav.bind(this),this.visibilitySubscription=new S.Subscription,this.onTouchedCallback=this._noop,this.writtenValue=[],this.propagateChange=t=>{}}set appendToBody(t){console.warn("`appendToBody` has been deprecated. Dropdowns now append to the body by default."),console.warn("Ensure you have an `ibm-placeholder` in your app."),console.warn("Use `appendInline` if you need to position your dropdowns within the normal page flow."),this.appendInline=!t}get appendToBody(){return!this.appendInline}set value(t){console.warn("Dropdown `value` property has been deprecated. Use `itemValueKey` instead"),this.itemValueKey=t}get value(){return this.itemValueKey}ngOnInit(){this.view&&(this.view.type=this.type)}ngAfterContentInit(){this.view&&(this.writtenValue&&this.writtenValue.length&&this.writeValue(this.writtenValue),this.view.type=this.type,this.view.size=this.size,this.view.select.subscribe(t=>{if("multi"===this.type)if(this.itemValueKey&&this.view.getSelected()){const t=this.view.getSelected().map(t=>t[this.itemValueKey]);this.propagateChange(t)}else this.propagateChange(this.view.getSelected());else this.closeMenu(),t.item&&t.item.selected?this.itemValueKey?this.propagateChange(t.item[this.itemValueKey]):this.propagateChange(t.item):this.propagateChange(null);t&&!t.isUpdate&&this.selected.emit(t),this.appRef.tick()}))}ngOnDestroy(){this.appendToBody&&this._appendToDropdown()}writeValue(t){this.writtenValue=t,this.view.onItemsReady(()=>{if(t)if("single"===this.type)if(this.itemValueKey){const e=Object.assign({},this.view.getListItems().find(e=>e[this.itemValueKey]===t));e.selected=!0,this.view.propagateSelected([e])}else this.view.propagateSelected([t]);else if(this.itemValueKey){let e=[];for(const n of t)for(const t of this.view.getListItems())t[this.itemValueKey]===n&&e.push(Object.assign({},t,{selected:!0}));this.view.propagateSelected(e)}else this.view.propagateSelected(t);else this.view.propagateSelected([t])})}onBlur(){this.onTouchedCallback()}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouchedCallback=t}setDisabledState(t){this.disabled=t}onKeyDown(t){if("Escape"!==t.key&&"Esc"!==t.key||this.menuIsClosed||t.stopImmediatePropagation(),"Escape"===t.key||"Esc"===t.key)t.preventDefault(),this.closeMenu(),this.dropdownButton.nativeElement.focus();else if(this.menuIsClosed&&(" "===t.key||"ArrowDown"===t.key||"ArrowUp"===t.key||"Spacebar"===t.key||"Down"===t.key||"Up"===t.key)){if(this.disableArrowKeys&&("ArrowDown"===t.key||"ArrowUp"===t.key||"Down"===t.key||"Up"===t.key))return;t.preventDefault(),this.openMenu()}!this.menuIsClosed&&"Tab"===t.key&&this.dropdownMenu.nativeElement.contains(t.target)&&this.closeMenu(),!this.menuIsClosed&&"Tab"===t.key&&t.shiftKey&&this.closeMenu(),"multi"!==this.type&&this.menuIsClosed&&this.closedDropdownNavigation(t)}closedDropdownNavigation(t){if("ArrowDown"===t.key||"Down"===t.key){t.preventDefault(),this.view.getCurrentItem().selected=!1;let e=this.view.getNextItem();e&&(e.selected=!0)}else if("ArrowUp"===t.key||"Up"===t.key){t.preventDefault(),this.view.getCurrentItem().selected=!1;let e=this.view.getPrevItem();e&&(e.selected=!0)}}getDisplayStringValue(){if(!this.view)return;let t=this.view.getSelected();return!t.length||this.displayValue&&this.isRenderString()?t.length&&this.isRenderString()?Object(S.of)(this.displayValue):Object(S.of)(this.placeholder):"multi"===this.type?Object(S.of)(this.placeholder):Object(S.of)(t[0].content)}isRenderString(){return"string"==typeof this.displayValue}getRenderTemplateContext(){if(!this.view)return;let t=this.view.getSelected();return"multi"===this.type?{items:t}:t&&t.length>0?{item:t[0]}:{}}getSelectedCount(){if(this.view.getSelected())return this.view.getSelected().length}clearSelected(){if(!this.disabled){for(const t of this.view.getListItems())t.selected=!1;this.selected.emit([]),this.propagateChange([])}}valueSelected(){return!!this.view.getSelected()}_noop(){}_outsideClick(t){this.elementRef.nativeElement.contains(t.target)||this.dropdownMenu.nativeElement.contains(t.target)||this.closeMenu()}_outsideKey(t){!this.menuIsClosed&&"Tab"===t.key&&this.dropdownMenu.nativeElement.contains(t.target)&&this.closeMenu()}_keyboardNav(t){"Escape"!==t.key&&"Esc"!==t.key||this.menuIsClosed||t.stopImmediatePropagation(),"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),this.closeMenu(),this.dropdownButton.nativeElement.focus()):this.menuIsClosed||"Tab"!==t.key||(this.dropdownButton.nativeElement.focus(),this.dropdownButton.nativeElement.dispatchEvent(new KeyboardEvent("keydown",{bubbles:!0,cancelable:!0,key:"Tab"})),this.closeMenu())}_appendToDropdown(){this.dropdownService.appendToDropdown(this.elementRef.nativeElement),this.dropdownMenu.nativeElement.removeEventListener("keydown",this.keyboardNav,!0)}_appendToBody(){this.dropdownService.appendToBody(this.dropdownButton.nativeElement,this.dropdownMenu.nativeElement,this.elementRef.nativeElement.className),this.dropdownMenu.nativeElement.addEventListener("keydown",this.keyboardNav,!0)}openMenu(){if(0!==this.view.getListItems().length){if(this.menuIsClosed=!1,!this.appendInline){const t=this.dropdownButton.nativeElement,e=this.elementRef.nativeElement;this.visibilitySubscription=this.elementService.visibility(t,e).subscribe(t=>{this.dropdownService.updatePosition(this.dropdownButton.nativeElement),t.visible||this.closeMenu()}),this._appendToBody()}setTimeout(()=>{const t=this.dropdownMenu.nativeElement.getBoundingClientRect();t.bottom>window.innerHeight?window.innerHeight-t.top>100?this.view.enableScroll&&this.view.enableScroll():this.dropUp=!0:this.dropUp=!1},0),document.body.firstElementChild.addEventListener("click",this.noop,!0),document.body.firstElementChild.addEventListener("keydown",this.noop,!0),document.addEventListener("click",this.outsideClick,!0),document.addEventListener("keydown",this.outsideKey,!0),setTimeout(()=>this.view.initFocus(),0)}}closeMenu(){this.menuIsClosed||(this.menuIsClosed=!0,this.onClose.emit(),this.close.emit(),this.dropdownButton.nativeElement.focus(),this.view.disableScroll&&this.view.disableScroll(),this.appendInline||(this.visibilitySubscription.unsubscribe(),this._appendToDropdown()),document.body.firstElementChild.removeEventListener("click",this.noop,!0),document.body.firstElementChild.removeEventListener("keydown",this.noop,!0),document.removeEventListener("click",this.outsideClick,!0),document.removeEventListener("keydown",this.outsideKey,!0))}toggleMenu(){this.menuIsClosed?this.openMenu():this.closeMenu()}isTemplate(t){return t instanceof u.TemplateRef}};Zi.dropdownCount=0,a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"helperText",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"placeholder",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"displayValue",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"clearText",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"type",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"inline",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"disableArrowKeys",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Zi.prototype,"appendToBody",null),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"appendInline",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"scrollableContainer",void 0),a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Zi.prototype,"value",null),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"itemValueKey",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"menuButtonLabel",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"selectedLabel",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Zi.prototype,"selected",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Zi.prototype,"onClose",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Zi.prototype,"close",void 0),a([Object(u.ContentChild)(Ji),l("design:type",Ji)],Zi.prototype,"view",void 0),a([Object(u.ViewChild)("dropdownButton"),l("design:type",Object)],Zi.prototype,"dropdownButton",void 0),a([Object(u.ViewChild)("dropdownMenu"),l("design:type",Object)],Zi.prototype,"dropdownMenu",void 0),a([Object(u.HostBinding)("class.bx--dropdown__wrapper"),l("design:type",Object)],Zi.prototype,"hostClass",void 0),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[KeyboardEvent]),l("design:returntype",void 0)],Zi.prototype,"onKeyDown",null),Zi=Xi=a([Object(u.Component)({selector:"ibm-dropdown",template:'\n\t<label *ngIf="label" class="bx--label">\n\t\t<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>\n\t\t<ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>\n\t</label>\n\t<div *ngIf="helperText" class="bx--form__helper-text">\n\t\t<ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container>\n\t\t<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>\n\t</div>\n\t<div\n\t\t[id]="id"\n\t\tclass="bx--dropdown bx--list-box"\n\t\t[ngClass]="{\n\t\t\t\'bx--dropdown--light\': theme === \'light\',\n\t\t\t\'bx--list-box--inline\': inline,\n\t\t\t\'bx--skeleton\': skeleton,\n\t\t\t\'bx--dropdown--disabled bx--list-box--disabled\': disabled,\n\t\t\t\'bx--dropdown--invalid\': invalid\n\t\t}">\n\t\t<div\n\t\t\trole="button"\n\t\t\ttype="button"\n\t\t\t#dropdownButton\n\t\t\tclass="bx--list-box__field"\n\t\t\t[ngClass]="{\'a\': !menuIsClosed}"\n\t\t\t[attr.aria-expanded]="!menuIsClosed"\n\t\t\t[attr.aria-disabled]="disabled"\n\t\t\t(click)="disabled ? $event.stopPropagation() : toggleMenu()"\n\t\t\t(blur)="onBlur()"\n\t\t\t[attr.disabled]="disabled ? true : null"\n\t\t\t[tabindex]="disabled ? -1 : 0">\n\t\t\t<div\n\t\t\t\t(click)="clearSelected()"\n\t\t\t\t(keydown.enter)="clearSelected()"\n\t\t\t\t*ngIf="type === \'multi\' && getSelectedCount() > 0"\n\t\t\t\tclass="bx--tag--filter bx--list-box__selection--multi"\n\t\t\t\ttabindex="0"\n\t\t\t\t[title]="clearText">\n\t\t\t\t{{getSelectedCount()}}\n\t\t\t\t<svg\n\t\t\t\t\tfocusable="false"\n\t\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\t\tstyle="will-change: transform;"\n\t\t\t\t\trole="img"\n\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\twidth="16"\n\t\t\t\t\theight="16"\n\t\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\t\taria-hidden="true">\n\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</svg>\n\t\t\t</div>\n\t\t\t<span *ngIf="isRenderString()" class="bx--list-box__label">{{getDisplayStringValue() | async}}</span>\n\t\t\t<ng-template\n\t\t\t\t*ngIf="!isRenderString()"\n\t\t\t\t[ngTemplateOutletContext]="getRenderTemplateContext()"\n\t\t\t\t[ngTemplateOutlet]="displayValue">\n\t\t\t</ng-template>\n\t\t\t<svg ibmIconWarningFilled16\n\t\t\t\t*ngIf="invalid"\n\t\t\t\tclass="bx--dropdown__invalid-icon">\n\t\t\t</svg>\n\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t*ngIf="!skeleton"\n\t\t\t\tclass="bx--list-box__menu-icon"\n\t\t\t\t[attr.aria-label]="menuButtonLabel"\n\t\t\t\t[ngClass]="{\'bx--list-box__menu-icon--open\': !menuIsClosed }">\n\t\t\t</ibm-icon-chevron-down16>\n\t\t</div>\n\t\t<div\n\t\t\t#dropdownMenu\n\t\t\t[ngClass]="{\n\t\t\t\t\'drop-up\': dropUp\n\t\t\t}">\n\t\t\t<ng-content *ngIf="!menuIsClosed"></ng-content>\n\t\t</div>\n\t</div>\n\t<div *ngIf="invalid" class="bx--form-requirement">\n\t\t{{invalidText}}\n\t</div>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Xi,multi:!0}]}),l("design:paramtypes",[u.ElementRef,Ct,Qi,u.ApplicationRef,nt])],Zi);var to;let eo=to=class{constructor(t,e){this.elementRef=t,this.i18n=e,this.ariaLabel=this.i18n.get().DROPDOWN_LIST.LABEL,this.listTpl=null,this.select=new u.EventEmitter,this.scroll=new u.EventEmitter,this.blurIntent=new u.EventEmitter,this.type="single",this.size="md",this.displayItems=[],this.index=-1,this._items=[]}set items(t){Object(S.isObservable)(t)?(this._itemsSubscription&&this._itemsSubscription.unsubscribe(),this._itemsReady=new S.Observable(e=>{this._itemsSubscription=t.subscribe(t=>{this.updateList(t),e.next(!0),e.complete()})}),this.onItemsReady(null)):this.updateList(t),this._originalItems=t}get items(){return this._originalItems}ngAfterViewInit(){this.index=this.getListItems().findIndex(t=>t.selected),this.setupFocusObservable()}ngOnDestroy(){this.focusJump&&this.focusJump.unsubscribe(),this._itemsSubscription&&this._itemsSubscription.unsubscribe()}updateList(t){this._items=t.map(t=>Object.assign({},t)),this.displayItems=this._items,this.index=this._items.findIndex(t=>t.selected),this.setupFocusObservable(),setTimeout(()=>{if(this.getSelected()===[])if("single"===this.type)this.select.emit({item:this._items.find(t=>t.selected),isUpdate:!0});else{const t=this.getSelected()||[];t.isUpdate=!0,this.select.emit(t)}})}filterBy(t=""){this.displayItems=t?this.getListItems().filter(e=>e.content.toLowerCase().includes(t.toLowerCase())):this.getListItems(),this.index=0}setupFocusObservable(){this.focusJump&&this.focusJump.unsubscribe();let t=Array.from(this.list.nativeElement.querySelectorAll("li"));var e,n;this.focusJump=(e=this.list.nativeElement,n=t,Object(S.fromEvent)(e,"keydown").pipe(Object(V.debounceTime)(150),Object(V.map)(t=>{let e=n.find(e=>e.textContent.trim().toLowerCase().startsWith(t.key));if(e)return e}),Object(V.filter)(t=>!!t))).subscribe(t=>{t.focus()})}getNextItem(){return this.index<this.displayItems.length-1&&this.index++,this.displayItems[this.index]}hasNextElement(){return this.index<this.displayItems.length-1}getNextElement(){this.index<this.displayItems.length-1&&this.index++;let t=this.listElementList.toArray()[this.index].nativeElement;return this.displayItems[this.index].disabled?this.getNextElement():t}getPrevItem(){return this.index>0&&this.index--,this.displayItems[this.index]}hasPrevElement(){return this.index>0}getPrevElement(){this.index>0&&this.index--;let t=this.listElementList.toArray()[this.index].nativeElement;return this.displayItems[this.index].disabled?this.getPrevElement():t}getCurrentItem(){return this.index<0?this.displayItems[0]:this.displayItems[this.index]}getCurrentElement(){return this.index<0?this.listElementList.first.nativeElement:this.listElementList.toArray()[this.index].nativeElement}getListItems(){return this._items}getSelected(){let t=this.getListItems().filter(t=>t.selected);return 0===t.length?[]:t}propagateSelected(t){Array.isArray(t)||console.error(`${this.constructor.name}.propagateSelected expects an Array<ListItem>, got ${JSON.stringify(t)}`),this.onItemsReady(()=>{for(let e of this.getListItems()){let n=Object.assign({},e);delete n.selected,n=JSON.stringify(n);for(let i of t){let t=Object.assign({},i);if(delete t.selected,t=JSON.stringify(t),n.includes(t)){e.selected=i.selected;break}e.selected=!1}}})}initFocus(){this.index<0&&(this.index=0),this.getCurrentElement().focus()}doKeyDown(t,e){"Enter"===t.key||" "===t.key||"Spacebar"===t.key?(this.listElementList.some(e=>e.nativeElement===t.target)&&t.preventDefault(),"Enter"===t.key&&this.doClick(t,e)):"ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Down"!==t.key&&"Up"!==t.key||(t.preventDefault(),"ArrowDown"===t.key||"Down"===t.key?this.hasNextElement()?this.getNextElement().focus():this.blurIntent.emit("bottom"):"ArrowUp"!==t.key&&"Up"!==t.key||(this.hasPrevElement()?this.getPrevElement().focus():this.blurIntent.emit("top")))}doClick(t,e){if(t.preventDefault(),!e.disabled){if("single"===this.type){e.selected=!0;for(let t of this.getListItems())e!==t&&(t.selected=!1);this.select.emit({item:e})}else e.selected=!e.selected,this.select.emit(this.getSelected());this.index=this.getListItems().indexOf(e)}}onItemFocus(t){const e=this.listElementList.toArray()[t].nativeElement;e.classList.add("bx--list-box__menu-item--highlighted"),e.tabIndex=0}onItemBlur(t){const e=this.listElementList.toArray()[t].nativeElement;e.classList.remove("bx--list-box__menu-item--highlighted"),e.tabIndex=-1}emitScroll(t){const e={atTop:0===t.srcElement.scrollTop,atBottom:t.srcElement.scrollHeight-t.srcElement.scrollTop===t.srcElement.clientHeight,event:t};this.scroll.emit(e)}onItemsReady(t){(this._itemsReady||Object(S.of)(!0)).pipe(Object(V.first)()).subscribe(t)}};a([Object(u.Input)(),l("design:type",Object)],eo.prototype,"ariaLabel",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],eo.prototype,"items",null),a([Object(u.Input)(),l("design:type",Object)],eo.prototype,"listTpl",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],eo.prototype,"select",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],eo.prototype,"scroll",void 0),a([Object(u.Output)(),l("design:type",Object)],eo.prototype,"blurIntent",void 0),a([Object(u.ViewChild)("list"),l("design:type",u.ElementRef)],eo.prototype,"list",void 0),a([Object(u.Input)(),l("design:type",String)],eo.prototype,"type",void 0),a([Object(u.ViewChildren)("listItem"),l("design:type",u.QueryList)],eo.prototype,"listElementList",void 0),eo=to=a([Object(u.Component)({selector:"ibm-dropdown-list",template:'\n\t\t<ul\n\t\t\t#list\n\t\t\trole="listbox"\n\t\t\tclass="bx--list-box__menu bx--multi-select"\n\t\t\t(scroll)="emitScroll($event)"\n\t\t\t[attr.aria-label]="ariaLabel">\n\t\t\t<li\n\t\t\t\trole="option"\n\t\t\t\t*ngFor="let item of displayItems; let i = index"\n\t\t\t\t(click)="doClick($event, item)"\n\t\t\t\t(keydown)="doKeyDown($event, item)"\n\t\t\t\t(focus)="onItemFocus(i)"\n\t\t\t\t(blur)="onItemBlur(i)"\n\t\t\t\tclass="bx--list-box__menu-item"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'bx--list-box__menu-item--active\': item.selected,\n\t\t\t\t\tdisabled: item.disabled\n\t\t\t\t}"\n\t\t\t\t[title]="item.content">\n\t\t\t\t<div\n\t\t\t\t\t#listItem\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tclass="bx--list-box__menu-item__option">\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf="!listTpl && type === \'multi\'"\n\t\t\t\t\t\tclass="bx--form-item bx--checkbox-wrapper">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[attr.data-contained-checkbox-state]="item.selected"\n\t\t\t\t\t\t\tclass="bx--checkbox-label">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass="bx--checkbox"\n\t\t\t\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t\t\t\t[checked]="item.selected"\n\t\t\t\t\t\t\t\t[disabled]="item.disabled"\n\t\t\t\t\t\t\t\ttabindex="-1">\n\t\t\t\t\t\t\t<span class="bx--checkbox-appearance"></span>\n\t\t\t\t\t\t\t<span class="bx--checkbox-label-text">{{item.content}}</span>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ng-container *ngIf="!listTpl && type === \'single\'">{{item.content}}</ng-container>\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t*ngIf="listTpl"\n\t\t\t\t\t\t[ngTemplateOutletContext]="{item: item}"\n\t\t\t\t\t\t[ngTemplateOutlet]="listTpl">\n\t\t\t\t\t</ng-template>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t</ul>',providers:[{provide:Ji,useExisting:to}]}),l("design:paramtypes",[u.ElementRef,Ct])],eo);let no=class{constructor(t){this.elementRef=t,this.nScrollableList=null,this.scrollEnabled=!0,this.scrollBy=10,this.canScrollUp=!1,this.canScrollDown=!1,this.list=this.elementRef.nativeElement}ngOnChanges(t){t.scrollEnabled&&(t.scrollEnabled.currentValue?(this.list.style.overflow="hidden",this.scrollUpTarget.style.display="flex",this.scrollDownTarget.style.display="flex",this.canScrollUp=!0,this.canScrollDown=!0,this.updateScrollHeight(),this.checkScrollArrows(),setTimeout(()=>{this.checkScrollArrows()})):(this.scrollUpTarget.style.display="none",this.scrollDownTarget.style.display="none",this.canScrollUp=!1,this.canScrollDown=!1,this.list.style.height=null,this.list.style.overflow=null,clearInterval(this.hoverScrollInterval)))}ngAfterViewInit(){this.nScrollableList&&(this.list=this.elementRef.nativeElement.querySelector(this.nScrollableList)),this.scrollUpTarget.addEventListener("mouseover",()=>this.onHoverUp(!0)),this.scrollUpTarget.addEventListener("mouseout",()=>this.onHoverUp(!1)),this.scrollDownTarget.addEventListener("mouseover",()=>this.onHoverDown(!0)),this.scrollDownTarget.addEventListener("mouseout",()=>this.onHoverDown(!1))}updateScrollHeight(){if(this.scrollEnabled){const t=this.elementRef.nativeElement.parentElement.getBoundingClientRect(),e=this.list.getBoundingClientRect().top-t.top,n=t.height-(t.bottom-window.innerHeight)-e-40;this.list.style.height=`${n}px`}}checkScrollArrows(){const t=this.scrollUpTarget.offsetHeight,e=this.scrollDownTarget.offsetHeight;0===this.list.scrollTop?(this.canScrollUp&&(this.list.style.height=`${parseInt(this.list.style.height,10)+t}px`),this.scrollUpTarget.style.display="none",this.canScrollUp=!1):this.list.scrollTop===this.list.scrollTopMax?(this.canScrollDown&&(this.list.style.height=`${parseInt(this.list.style.height,10)+e}px`),this.scrollDownTarget.style.display="none",this.canScrollDown=!1):(this.canScrollUp||(this.list.style.height=`${parseInt(this.list.style.height,10)-t}px`),this.canScrollDown||(this.list.style.height=`${parseInt(this.list.style.height,10)-e}px`),this.scrollUpTarget.style.display="flex",this.scrollDownTarget.style.display="flex",this.canScrollUp=!0,this.canScrollDown=!0)}onWheel(t){t.deltaY<0?this.list.scrollTop-=this.scrollBy:this.list.scrollTop+=this.scrollBy,this.list.scrollTop!==this.list.scrollTopMax&&0!==this.list.scrollTop&&(t.preventDefault(),t.stopPropagation()),this.checkScrollArrows()}onTouchStart(t){t.touches[0]&&(this.lastTouch=t.touches[0].clientY)}onTouchMove(t){if(t.preventDefault(),t.stopPropagation(),t.touches[0]){const e=t.touches[0];this.list.scrollTop+=this.lastTouch-e.clientY,this.lastTouch=e.clientY,this.checkScrollArrows()}}hoverScrollBy(t,e){t?this.hoverScrollInterval=setInterval(()=>{this.list.scrollTop+=e,this.checkScrollArrows()},1):clearInterval(this.hoverScrollInterval)}onHoverUp(t){this.hoverScrollBy(t,-3)}onHoverDown(t){this.hoverScrollBy(t,3)}onKeyDown(t){"ArrowDown"!==t.key&&"ArrowUp"!==t.key||this.checkScrollArrows()}};a([Object(u.Input)(),l("design:type",String)],no.prototype,"nScrollableList",void 0),a([Object(u.Input)(),l("design:type",Object)],no.prototype,"scrollEnabled",void 0),a([Object(u.Input)(),l("design:type",HTMLElement)],no.prototype,"scrollUpTarget",void 0),a([Object(u.Input)(),l("design:type",HTMLElement)],no.prototype,"scrollDownTarget",void 0),a([Object(u.Input)(),l("design:type",Object)],no.prototype,"scrollBy",void 0),a([Object(u.HostListener)("wheel",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onWheel",null),a([Object(u.HostListener)("touchstart",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onTouchStart",null),a([Object(u.HostListener)("touchmove",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onTouchMove",null),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onKeyDown",null),no=a([Object(u.Directive)({selector:"[ibmScrollableList]",exportAs:"scrollable-list"}),l("design:paramtypes",[u.ElementRef])],no);let io=class{};io=a([Object(u.NgModule)({declarations:[Zi,eo,no],exports:[Zi,eo,no],imports:[h.CommonModule,ki.FormsModule,St,L,Bi,qi,at],providers:[Qi]})],io);let oo=class{};oo=a([Object(u.NgModule)({declarations:[Yi],exports:[Yi,io],imports:[h.CommonModule,io,Bi,Wi,St,qi,at]})],oo);let ro=class{constructor(){this.name="option",this.selected=new u.EventEmitter,this.switcherClass="bx--content-switcher-btn",this.selectedClass=!1,this.role="tab",this.ariaSelected=!1,this.tabindex="-1",this._active=!1}set active(t){this._active=t,this.selectedClass=t,this.ariaSelected=t,this.tabindex=t?"0":"-1"}get active(){return this._active}hostClick(){this.active=!0,this.selected.emit(!0)}onFocus(){this.active=!0,this.selected.emit(!0)}};a([Object(u.Input)(),l("design:type",Boolean),l("design:paramtypes",[Boolean])],ro.prototype,"active",null),a([Object(u.Input)(),l("design:type",Object)],ro.prototype,"name",void 0),a([Object(u.Output)(),l("design:type",Object)],ro.prototype,"selected",void 0),a([Object(u.HostBinding)("class"),l("design:type",Object)],ro.prototype,"switcherClass",void 0),a([Object(u.HostBinding)("class.bx--content-switcher--selected"),l("design:type",Object)],ro.prototype,"selectedClass",void 0),a([Object(u.HostBinding)("attr.role"),l("design:type",Object)],ro.prototype,"role",void 0),a([Object(u.HostBinding)("attr.aria-selected"),l("design:type",Object)],ro.prototype,"ariaSelected",void 0),a([Object(u.HostBinding)("attr.tabIndex"),l("design:type",Object)],ro.prototype,"tabindex",void 0),a([Object(u.HostListener)("click"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],ro.prototype,"hostClick",null),a([Object(u.HostListener)("focus"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],ro.prototype,"onFocus",null),ro=a([Object(u.Directive)({selector:"[ibmContentOption]"})],ro);let ao=class{constructor(t){this.elementRef=t,this.ariaLabel="content switcher",this.selected=new u.EventEmitter}set label(t){console.warn("`label` is deprecated (to be removed in next major version). Use `ariaLabel` instead."),this.ariaLabel=t}get label(){return console.warn("`label` is deprecated (to be removed in next major version). Use `ariaLabel` instead."),this.ariaLabel}ngAfterViewInit(){this.options.find(t=>t.active)||setTimeout(()=>this.options.first.active=!0),this.options.forEach(t=>{t.selected.subscribe(e=>{const n=t;this.options.forEach(t=>{t!==n&&(t.active=!1)}),this.selected.emit(n)})})}hostkeys(t){const e=Array.from(this.elementRef.nativeElement.querySelectorAll("[ibmContentOption]"));switch(t.key){case"Right":case"ArrowRight":if(t.preventDefault(),P(t,e))e[0].focus();else{const n=e.findIndex(e=>e===t.target);e[n+1].focus()}break;case"Left":case"ArrowLeft":if(t.preventDefault(),R(t,e))e[e.length-1].focus();else{const n=e.findIndex(e=>e===t.target);e[n-1].focus()}break;case"Home":t.preventDefault(),e[0].focus();break;case"End":t.preventDefault(),e[e.length-1].focus()}}};a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],ao.prototype,"label",null),a([Object(u.Input)(),l("design:type",Object)],ao.prototype,"ariaLabel",void 0),a([Object(u.Output)(),l("design:type",Object)],ao.prototype,"selected",void 0),a([Object(u.ContentChildren)(ro),l("design:type",u.QueryList)],ao.prototype,"options",void 0),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[KeyboardEvent]),l("design:returntype",void 0)],ao.prototype,"hostkeys",null),ao=a([Object(u.Component)({selector:"ibm-content-switcher",template:'\n\t\t<div\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\tclass="bx--content-switcher"\n\t\t\trole="tablist">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t'}),l("design:paramtypes",[u.ElementRef])],ao);let so=class{};var lo;so=a([Object(u.NgModule)({declarations:[ao,ro],exports:[ao,ro],imports:[h.CommonModule]})],so);let co=lo=class{constructor(t){this.elementRef=t,this.type="simple",this.id=`datepicker-${lo.datePickerCount++}`,this.hasIcon=!1,this.placeholder="mm/dd/yyyy",this.pattern="^\\d{1,2}/\\d{1,2}/\\d{4}$",this.valueChange=new u.EventEmitter,this.theme="dark",this.disabled=!1,this.invalid=!1,this.skeleton=!1,this.value="",this.onTouched=()=>{},this.propagateChange=t=>{}}onChange(t){this.value=t.target.value,this.valueChange.emit(this.value),this.propagateChange(this.value),this.onTouched()}writeValue(t){this.value=t}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}isTemplate(t){return t instanceof u.TemplateRef}};co.datePickerCount=0,a([Object(u.Input)(),l("design:type",String)],co.prototype,"type",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"hasIcon",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"placeholder",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"pattern",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],co.prototype,"valueChange",void 0),a([Object(u.Input)(),l("design:type",String)],co.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"value",void 0),a([Object(u.ViewChild)("input"),l("design:type",u.ElementRef)],co.prototype,"input",void 0),co=lo=a([Object(u.Component)({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\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<svg ibmIconCalendar16 class="bx--date-picker__icon"></svg>\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</div>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:lo,multi:!0}]}),l("design:paramtypes",[u.ElementRef])],co);var po=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-calendar16",template:'\n    <svg\n      ibmIconCalendar16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),uo=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M13 2h-2V1h-1v1H6V1H5v1H3c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h10c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm0 11H3V6h10v7zm0-8H3V3h2v1h1V3h4v1h1V3h2v2z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","calendar16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","calendar16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCalendar16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),ho=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[po,uo],exports:[po,uo]}]}],t}();let go=class{};go=a([Object(u.NgModule)({declarations:[co],exports:[co],imports:[h.CommonModule,ho]})],go);var bo=n(7),mo=n.n(bo),fo=n(6),vo=n.n(fo);const yo=(t,e,n)=>n.months[e?"shorthand":"longhand"][t],Oo=".flatpickr-current-month",wo=".numInputWrapper",Co="cur-month",xo=!1,jo=t=>{const e=()=>{if(!t.yearElements)return;const e=yo(t.currentMonth,!0===xo,t.l10n);t.yearElements.forEach(t=>{const n=t.closest(Oo);Array.prototype.forEach.call(n.querySelectorAll(".cur-month"),t=>{t.textContent=e})})};return{onMonthChange:e,onValueUpdate:e,onOpen:e,onReady:[()=>{t.monthElements&&t.yearElements&&(t.monthElements.forEach(t=>{t.parentNode&&t.parentNode.removeChild(t)}),t.monthElements.splice(0,t.monthElements.length,...t.monthElements.map(()=>{const e=t._createElement("span",Co);return e.textContent=yo(t.currentMonth,!0===xo,t.l10n),t.yearElements[0].closest(Oo).insertBefore(e,t.yearElements[0].closest(wo)),e})))},e,()=>{t.loadedPlugins.push("carbonFlatpickrMonthSelectPlugin")}]}};var Io,So=n(8),ko=n.n(So);let Eo=Io=class{constructor(t,e){this.elementRef=t,this.elementService=e,this.range=!1,this.dateFormat="m/d/Y",this.language="en",this.placeholder="mm/dd/yyyy",this.pattern="^\\d{1,2}/\\d{1,2}/\\d{4}$",this.id=`datepicker-${Io.datePickerCount++}`,this.theme="dark",this.disabled=!1,this.invalid=!1,this.skeleton=!1,this.plugins=[],this.valueChange=new u.EventEmitter,this._value=[],this._flatpickrOptions={allowInput:!0},this.flatpickrBaseOptions={mode:"single",dateFormat:"m/d/Y",plugins:this.plugins,onOpen:()=>{this.updateClassNames(),this.updateCalendarListeners()},value:this.value},this.flatpickrInstance=null,this.visibilitySubscription=new S.Subscription,this.onTouched=()=>{},this.propagateChange=t=>{},this.preventCalendarClose=t=>t.stopPropagation()}set value(t){t||(t=[]),this._value=t}get value(){return this._value}set flatpickrOptions(t){this._flatpickrOptions=Object.assign({},this._flatpickrOptions,t)}get flatpickrOptions(){const t=[...this.plugins,jo];return this.range&&t.push(mo()({input:`#${this.id}-rangeInput`,position:"left"})),Object.assign({},this._flatpickrOptions,this.flatpickrBaseOptions,{mode:this.range?"range":"single",plugins:t,dateFormat:this.dateFormat,locale:ko.a[this.language]})}set flatpickrOptionsRange(t){console.warn("flatpickrOptionsRange is deprecated, use flatpickrOptions and set the range to true instead"),this.range=!0,this.flatpickrOptions=t}get flatpickrOptionsRange(){return console.warn("flatpickrOptionsRange is deprecated, use flatpickrOptions and set the range to true instead"),this.flatpickrOptions}ngOnChanges(t){if(this.isFlatpickrLoaded()){let e=this.flatpickrInstance.selectedDates;t.value&&this.didDateValueChange(t.value.currentValue,t.value.previousValue)&&(e=t.value.currentValue),this.flatpickrInstance=vo()(`#${this.id}`,this.flatpickrOptions),this.setDateValues(e)}}ngAfterViewInit(){this.visibilitySubscription=this.elementService.visibility(this.elementRef.nativeElement,this.elementRef.nativeElement).subscribe(t=>{this.isFlatpickrLoaded()&&this.flatpickrInstance.isOpen&&(this.flatpickrInstance._positionCalendar(this.elementRef.nativeElement.querySelector(`#${this.id}`)),t.visible||this.flatpickrInstance.close())})}ngAfterViewChecked(){this.isFlatpickrLoaded()||(this.flatpickrInstance=vo()(`#${this.id}`,this.flatpickrOptions),this.isFlatpickrLoaded()&&this.value.length>0&&this.setDateValues(this.value))}onFocus(){if(this.range)if(this.rangeInput.input.nativeElement===document.activeElement&&this.flatpickrInstance.selectedDates[1]){const t=this.flatpickrInstance.selectedDates[1].getMonth();this.flatpickrInstance.changeMonth(t,!1)}else if(this.input.input.nativeElement===document.activeElement&&this.flatpickrInstance.selectedDates[0]){const t=this.flatpickrInstance.selectedDates[0].getMonth();this.flatpickrInstance.changeMonth(t,!1)}this.onTouched()}writeValue(t){this.value=t,this.isFlatpickrLoaded()&&this.flatpickrInstance.config&&this.setDateValues(this.value)}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}ngOnDestroy(){this.isFlatpickrLoaded()&&(this.flatpickrInstance.destroy(),this.visibilitySubscription.unsubscribe())}onValueChange(t){if(this.isFlatpickrLoaded()){const e=this.flatpickrInstance.parseDate(t,this.dateFormat);this.range?this.setDateValues([e,this.flatpickrInstance.selectedDates[1]]):this.setDateValues([e]),this.doSelect(this.flatpickrInstance.selectedDates)}}onRangeValueChange(t){if(this.isFlatpickrLoaded()){const e=this.flatpickrInstance.parseDate(t,this.dateFormat);this.setDateValues([this.flatpickrInstance.selectedDates[0],e]),this.doSelect(this.flatpickrInstance.selectedDates)}}openCalendar(t){if(this.range){if(t.input.nativeElement.click(),t===this.input&&this.flatpickrInstance.selectedDates[0]){const t=this.flatpickrInstance.selectedDates[0].getMonth();this.flatpickrInstance.currentYear=this.flatpickrInstance.selectedDates[0].getFullYear(),this.flatpickrInstance.changeMonth(t,!1)}}else this.flatpickrInstance.open()}updateCalendarListeners(){const t=document.querySelectorAll(".flatpickr-calendar");Array.from(t).forEach(t=>{t.removeEventListener("click",this.preventCalendarClose),t.addEventListener("click",this.preventCalendarClose)})}updateClassNames(){if(!this.elementRef)return;const t=document.querySelectorAll(".flatpickr-calendar"),e=document.querySelectorAll(".flatpickr-month"),n=document.querySelectorAll(".flatpickr-weekdays"),i=document.querySelectorAll(".flatpickr-weekday"),o=document.querySelectorAll(".flatpickr-days"),r=document.querySelectorAll(".flatpickr-day"),a=(t,e)=>{Array.from(e).forEach(e=>{e.classList.contains(t)||e.classList.add(t)})};a("bx--date-picker__calendar",t),a("bx--date-picker__month",e),a("bx--date-picker__weekdays",n),a("bx--date-picker__days",o),Array.from(i).forEach(t=>{t.innerHTML=t.innerHTML.replace(/\s+/g,""),t.classList.add("bx--date-picker__weekday")}),Array.from(r).forEach(t=>{t.classList.add("bx--date-picker__day"),this.value&&(t.classList.contains("today")&&this.value.length>0?t.classList.add("no-border"):t.classList.contains("today")&&0===this.value.length&&t.classList.remove("no-border"))})}setDateValues(t){if(this.isFlatpickrLoaded()){const e=this.elementRef.nativeElement.querySelector(`#${this.id}`),n=this.elementRef.nativeElement.querySelector(`#${this.id}-rangeInput`);this.flatpickrInstance.setDate(t);let i="";if("string"==typeof this.flatpickrInstance.selectedDates[0]?(i=this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[0],this.dateFormat),i=this.flatpickrInstance.formatDate(i,this.dateFormat)):this.flatpickrInstance.selectedDates[0]&&(i=this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[0],this.dateFormat)),n){let t="";"string"==typeof this.flatpickrInstance.selectedDates[1]?(t=this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[1].toString(),this.dateFormat),t=this.flatpickrInstance.formatDate(t,this.dateFormat)):this.flatpickrInstance.selectedDates[1]&&(t=this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[1],this.dateFormat)),setTimeout(()=>{n.value=t,e.value=i})}}}doSelect(t){this.valueChange.emit(t),this.propagateChange(t)}didDateValueChange(t,e){return t[0]!==e[0]||t[1]!==e[1]}isFlatpickrLoaded(){return!!this.flatpickrInstance&&!!this.flatpickrInstance.setDate}};Eo.datePickerCount=0,a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"range",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"dateFormat",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"language",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",String)],Eo.prototype,"rangeLabel",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"placeholder",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"pattern",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Array),l("design:paramtypes",[Array])],Eo.prototype,"value",null),a([Object(u.Input)(),l("design:type",String)],Eo.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"plugins",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Eo.prototype,"flatpickrOptions",null),a([Object(u.ViewChild)("input"),l("design:type",co)],Eo.prototype,"input",void 0),a([Object(u.ViewChild)("rangeInput"),l("design:type",co)],Eo.prototype,"rangeInput",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Eo.prototype,"valueChange",void 0),a([Object(u.HostListener)("focusin"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],Eo.prototype,"onFocus",null),Eo=Io=a([Object(u.Component)({selector:"ibm-date-picker",template:'\n\t<div class="bx--form-item">\n\t\t<div class="bx--form-item">\n\t\t\t<div\n\t\t\t\tclass="bx--date-picker"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'bx--date-picker--range\' : range,\n\t\t\t\t\t\'bx--date-picker--single\' : !range,\n\t\t\t\t\t\'bx--date-picker--light\' : theme === \'light\',\n\t\t\t\t\t\'bx--skeleton\' : skeleton\n\t\t\t\t}">\n\t\t\t\t<div class="bx--date-picker-container">\n\t\t\t\t\t<ibm-date-picker-input\n\t\t\t\t\t\t#input\n\t\t\t\t\t\t[label]="label"\n\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t[pattern]="pattern"\n\t\t\t\t\t\t[id]="id"\n\t\t\t\t\t\t[type]="(range ? \'range\' : \'single\')"\n\t\t\t\t\t\t[hasIcon]="(range ? false : true)"\n\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t\t(valueChange)="onValueChange($event)"\n\t\t\t\t\t\t(click)="openCalendar(input)">\n\t\t\t\t\t</ibm-date-picker-input>\n\t\t\t\t</div>\n\n\t\t\t\t<div *ngIf="range" class="bx--date-picker-container">\n\t\t\t\t\t<ibm-date-picker-input\n\t\t\t\t\t\t#rangeInput\n\t\t\t\t\t\t[label]="rangeLabel"\n\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t[pattern]="pattern"\n\t\t\t\t\t\t[id]="id + \'-rangeInput\'"\n\t\t\t\t\t\t[type]="(range ? \'range\' : \'single\')"\n\t\t\t\t\t\t[hasIcon]="(range ? true : null)"\n\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t\t(valueChange)="onRangeValueChange($event)"\n\t\t\t\t\t\t(click)="openCalendar(rangeInput)">\n\t\t\t\t\t</ibm-date-picker-input>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t',styles:[".dayContainer {\n\t\t\tjustify-content: initial;\n\t\t}"],providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Io,multi:!0}],encapsulation:u.ViewEncapsulation.None}),l("design:paramtypes",[u.ElementRef,nt])],Eo);let To=class{};To=a([Object(u.NgModule)({declarations:[Eo],exports:[Eo,go],imports:[h.CommonModule,go,at]})],To);let _o=class{constructor(t,e){this.elementRef=t,this.sanitizer=e}set src(t){this._src=this.sanitizer.bypassSecurityTrustResourceUrl(t)}get src(){return this._src}ngOnInit(){document.querySelector("html").style.overflow="hidden",document.querySelector(".sb-show-main").classList.add("full-page")}ngOnDestroy(){document.querySelector("html").style.overflow="auto",document.querySelector(".sb-show-main").classList.remove("full-page")}onLoad(){const t=this.elementRef.nativeElement.querySelector("#docsIframe"),e=(t.contentDocument||t.contentWindow.document).querySelector("body"),n=e.querySelector(".content");n.style.width="100%",n.style.left=0,e.querySelector(".hidden-xs.menu").style.display="none"}};a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],_o.prototype,"src",null),_o=a([Object(u.Component)({selector:"ibm-documentation",template:'\n\t\t<iframe\n\t\t\tid="docsIframe"\n\t\t\tstyle="width: 100vw; height: 100vh;"\n\t\t\t(load)="onLoad()"\n\t\t\t[src]="src">\n\t\t</iframe>\n\t'}),l("design:paramtypes",[u.ElementRef,Ht.DomSanitizer])],_o);let Lo=class{};Lo=a([Object(u.NgModule)({declarations:[_o],exports:[_o],imports:[h.CommonModule]})],Lo);var Do,Ao=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-checkmark-filled16",template:'\n    <svg\n      ibmIconCheckmarkFilled16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),Mo=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zM7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z"></path><path d="M7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z" data-icon-path="inner-path" opacity="0"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","checkmark-filled16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","checkmark-filled16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCheckmarkFilled16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Ro=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Ao,Mo],exports:[Ao,Mo]}]}],t}();const Po=()=>{};let Ho=Do=class{constructor(t){this.i18n=t,this.buttonText=this.i18n.get().FILE_UPLOADER.OPEN,this.buttonType="primary",this.accept=[],this.multiple=!0,this.skeleton=!1,this.drop=!1,this.fileUploaderId=`file-uploader-${Do.fileUploaderCount}`,this.files=new Set,this.filesChange=new u.EventEmitter,this.dragOver=!1,this.onTouchedCallback=Po,this.onChangeCallback=Po,Do.fileUploaderCount++}get value(){return this.files}set value(t){t!==this.files&&(this.files=t,this.onChangeCallback(t))}onBlur(){this.onTouchedCallback()}get fileList(){return Array.from(this.fileInput.nativeElement.files)}writeValue(t){t!==this.value&&(this.files=t)}createFileItem(t){return{uploaded:!1,state:"edit",invalid:!1,invalidText:"",file:t}}onFilesAdded(){this.multiple||this.files.clear();for(let t of this.fileList){const e=this.createFileItem(t);this.files.add(e),this.filesChange.emit(this.files)}this.value=this.files}onDragOver(t){t.stopPropagation(),t.preventDefault(),this.dragOver=!0}onDragLeave(t){t.stopPropagation(),t.preventDefault(),this.dragOver=!1}onDrop(t){t.stopPropagation(),t.preventDefault(),Array.from(t.dataTransfer.files).filter(({name:t,type:e})=>{const n=t.split(".").pop().replace(/^/,".");return this.accept.includes(e)||this.accept.includes(n)||!this.accept.length}).forEach(t=>{if(!this.files.size||this.multiple){const e=this.createFileItem(t);this.files.add(e),this.filesChange.emit(this.files)}}),this.value=this.files,this.dragOver=!1}removeFile(t){this.files.delete(t),this.fileInput.nativeElement.value="",this.filesChange.emit(this.files)}isTemplate(t){return t instanceof u.TemplateRef}registerOnTouched(t){this.onTouchedCallback=t}registerOnChange(t){this.onChangeCallback=t}};Ho.fileUploaderCount=0,a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"buttonText",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"buttonType",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"title",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"description",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"accept",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"multiple",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"drop",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"dropText",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"fileUploaderId",void 0),a([Object(u.ViewChild)("fileInput"),l("design:type",Object)],Ho.prototype,"fileInput",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"files",void 0),a([Object(u.Output)(),l("design:type",Object)],Ho.prototype,"filesChange",void 0),Ho=Do=a([Object(u.Component)({selector:"ibm-file-uploader",template:'\n\t\t<ng-container *ngIf="!skeleton; else skeletonTemplate">\n\t\t\t<label [for]="fileUploaderId" class="bx--file--label">{{title}}</label>\n\t\t\t<p class="bx--label-description">{{description}}</p>\n\t\t\t<div class="bx--file">\n\t\t\t\t<label *ngIf="drop" class="bx--file-browse-btn">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="bx--file__drop-container"\n\t\t\t\t\t\t[ngClass]="{\'bx--file__drop-container--drag-over\': dragOver}"\n\t\t\t\t\t\trole="button"\n\t\t\t\t\t\t(click)="fileInput.click()"\n\t\t\t\t\t\t[attr.for]="fileUploaderId"\n\t\t\t\t\t\t(dragover)="onDragOver($event)"\n\t\t\t\t\t\t(dragleave)="onDragLeave($event)"\n\t\t\t\t\t\t(drop)="onDrop($event)">\n\t\t\t\t\t\t<ng-container *ngIf="!isTemplate(dropText)">{{dropText}}</ng-container>\n\t\t\t\t\t\t<ng-template *ngIf="isTemplate(dropText)" [ngTemplateOutlet]="dropText"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t\t<button\n\t\t\t\t\t*ngIf="!drop"\n\t\t\t\t\ttype="button"\n\t\t\t\t\t[ibmButton]="buttonType"\n\t\t\t\t\t(click)="fileInput.click()"\n\t\t\t\t\t[attr.for]="fileUploaderId"\n\t\t\t\t\t[size]="size">\n\t\t\t\t\t{{buttonText}}\n\t\t\t\t</button>\n\t\t\t\t<input\n\t\t\t\t\t#fileInput\n\t\t\t\t\ttype="file"\n\t\t\t\t\tclass="bx--file-input"\n\t\t\t\t\t[accept]="accept"\n\t\t\t\t\t[id]="fileUploaderId"\n\t\t\t\t\t[multiple]="multiple"\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\t(change)="onFilesAdded()"/>\n\t\t\t\t<div class="bx--file-container">\n\t\t\t\t\t<div *ngFor="let fileItem of files">\n\t\t\t\t\t\t<ibm-file [fileItem]="fileItem" (remove)="removeFile(fileItem)"></ibm-file>\n\t\t\t\t\t\t<div *ngIf="fileItem.invalid" class="bx--form-requirement">\n\t\t\t\t\t\t\t{{fileItem.invalidText}}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<div class="bx--skeleton__text" style="width: 100px"></div>\n\t\t\t<div class="bx--skeleton__text" style="width: 225px"></div>\n\t\t\t<button ibmButton skeleton="true"></button>\n\t\t</ng-template>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Do,multi:!0}]}),l("design:paramtypes",[Ct])],Ho);let Bo=class{constructor(t){this.i18n=t,this.translations=this.i18n.get().FILE_UPLOADER,this.remove=new u.EventEmitter,this.selectedFile=!0}get isInvalidText(){return this.fileItem.invalidText}ngOnDestroy(){this.remove.emit()}};a([Object(u.Input)(),l("design:type",Object)],Bo.prototype,"translations",void 0),a([Object(u.Input)(),l("design:type",Object)],Bo.prototype,"fileItem",void 0),a([Object(u.Output)(),l("design:type",Object)],Bo.prototype,"remove",void 0),a([Object(u.HostBinding)("class.bx--file__selected-file"),l("design:type",Object)],Bo.prototype,"selectedFile",void 0),a([Object(u.HostBinding)("class.bx--file__selected-file--invalid"),l("design:type",Object),l("design:paramtypes",[])],Bo.prototype,"isInvalidText",null),Bo=a([Object(u.Component)({selector:"ibm-file",template:'\n\t\t<p class="bx--file-filename">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf="fileItem.state === \'edit\'"\n\t\t\tclass="bx--file__state-container"\n\t\t\t(click)="remove.emit()"\n\t\t\t(keyup.enter)="remove.emit()"\n\t\t\t(keyup.space)="remove.emit()"\n\t\t\ttabindex="0">\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf="isInvalidText"\n\t\t\t\tclass="bx--file--invalid">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass="bx--file-close"\n\t\t\t\t[ariaLabel]="translations.REMOVE_BUTTON">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf="fileItem.state === \'upload\'">\n\t\t\t<div class="bx--inline-loading__animation">\n\t\t\t\t<ibm-loading size="sm"></ibm-loading>\n\t\t\t</div>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf="fileItem.state === \'complete\'"\n\t\t\tclass="bx--file__state-container"\n\t\t\ttabindex="0">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass="bx--file-complete"\n\t\t\t\t[ariaLabel]="translations.CHECKMARK">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t'}),l("design:paramtypes",[Ct])],Bo);let No=class{constructor(t){this.i18n=t,this.title=this.i18n.get().LOADING.TITLE,this.isActive=!0,this.size="normal",this.overlay=!1}};a([Object(u.Input)(),l("design:type",Object)],No.prototype,"title",void 0),a([Object(u.Input)(),l("design:type",Object)],No.prototype,"isActive",void 0),a([Object(u.Input)(),l("design:type",String)],No.prototype,"size",void 0),a([Object(u.Input)(),Object(u.HostBinding)("class.bx--loading-overlay"),l("design:type",Object)],No.prototype,"overlay",void 0),No=a([Object(u.Component)({selector:"ibm-loading",template:'\n\t\t<div\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--loading--small\': size === \'sm\',\n\t\t\t\t\'bx--loading--stop\': !isActive && !overlay,\n\t\t\t\t\'bx--loading-overlay--stop\': !isActive && overlay\n\t\t\t}"\n\t\t\tclass="bx--loading">\n\t\t\t<svg class="bx--loading__svg" viewBox="-75 -75 150 150">\n\t\t\t\t<title>{{title}}</title>\n\t\t\t\t<circle class="bx--loading__stroke" cx="0" cy="0" r="37.5" />\n\t\t\t</svg>\n\t\t</div>\n\t'}),l("design:paramtypes",[Ct])],No);let Fo=class{};Fo=a([Object(u.NgModule)({declarations:[No],exports:[No],imports:[h.CommonModule,St]})],Fo);const Uo=Bo;let Vo=class{};var zo,Wo;Vo=a([Object(u.NgModule)({declarations:[Ho,Bo],exports:[Ho,Bo],imports:[h.CommonModule,ji,Fo,Wi,Ro,qi]})],Vo),function(t){t[t.Init=0]="Init",t[t.Indeterminate=1]="Indeterminate",t[t.Checked=2]="Checked",t[t.Unchecked=3]="Unchecked"}(Wo||(Wo={}));class Go{}let $o=zo=class extends Ti{constructor(t,e){super(t),this.changeDetectorRef=t,this.i18n=e,this.size="md",this.skeleton=!1,this.id="toggle-"+zo.toggleCount,this.change=new u.EventEmitter,this._offValues=this.i18n.getOverridable("TOGGLE.OFF"),this._onValues=this.i18n.getOverridable("TOGGLE.ON"),zo.toggleCount++}set offText(t){this._offValues.override(t)}get offText(){return this._offValues.value}set onText(t){this._onValues.override(t)}get onText(){return this._onValues.value}getOffText(){return this._offValues.subject}getOnText(){return this._onValues.subject}emitChangeEvent(){let t=new Go;t.source=this,t.checked=this.checked,this.propagateChange(this.checked),this.change.emit(t)}isTemplate(t){return t instanceof u.TemplateRef}};$o.toggleCount=0,a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],$o.prototype,"offText",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],$o.prototype,"onText",null),a([Object(u.Input)(),l("design:type",Object)],$o.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",String)],$o.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Object)],$o.prototype,"skeleton",void 0),a([Object(u.Output)(),l("design:type",Object)],$o.prototype,"change",void 0),$o=zo=a([Object(u.Component)({selector:"ibm-toggle",template:'\n\t\t<label *ngIf="label" [id]="ariaLabelledby" 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<input\n\t\t\tclass="bx--toggle"\n\t\t\ttype="checkbox"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--toggle--small\': size === \'sm\',\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}"\n\t\t\t[id]="id"\n\t\t\t[value]="value"\n\t\t\t[name]="name"\n\t\t\t[required]="required"\n\t\t\t[checked]="checked"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t[attr.aria-checked]="checked"\n\t\t\t(change)="onChange($event)"\n\t\t\t(click)="onClick($event)">\n\t\t<label\n\t\t\tclass="bx--toggle__label"\n\t\t\t[for]="id"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}">\n\t\t\t<span class="bx--toggle__text--left">{{(!skeleton ? getOffText() : null) | async }}</span>\n\t\t\t<span class="bx--toggle__appearance">\n\t\t\t\t<svg *ngIf="size === \'sm\'" class="bx--toggle__check" width="6px" height="5px" viewBox="0 0 6 5">\n\t\t\t\t\t<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t<span class="bx--toggle__text--right">{{(!skeleton ? getOnText() : null) | async}}</span>\n\t\t</label>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:zo,multi:!0}]}),l("design:paramtypes",[u.ChangeDetectorRef,Ct])],$o);let qo=class{};qo=a([Object(u.NgModule)({declarations:[$o],exports:[$o],imports:[h.CommonModule,ki.FormsModule,St]})],qo);class Jo{constructor(t,e){this.source=t,this.value=e}}var Yo;let Ko=Yo=class{constructor(){this.checked=!1,this.name="",this.disabled=!1,this.labelPlacement="right",this.required=!1,this.value="",this.skeleton=!1,this.id=`radio-${Yo.radioCount++}`,this.ariaLabel="",this.change=new u.EventEmitter,this.role="radio",this.hostClass=!0,this._labelledby="",this.radioChangeHandler=t=>{}}set ariaLabelledby(t){this._labelledby=t}get ariaLabelledby(){return this._labelledby?this._labelledby:`label-${this.id}`}get labelLeft(){return"left"===this.labelPlacement}onChange(t){t.stopPropagation(),this.checked=t.target.checked;const e=new Jo(this,this.value);this.change.emit(e),this.radioChangeHandler(e)}registerRadioChangeHandler(t){this.radioChangeHandler=t}};var Qo;Ko.radioCount=0,a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"checked",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"name",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",String)],Ko.prototype,"labelPlacement",void 0),a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Ko.prototype,"ariaLabelledby",null),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"required",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"value",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"ariaLabel",void 0),a([Object(u.Output)(),l("design:type",Object)],Ko.prototype,"change",void 0),a([Object(u.HostBinding)("attr.role"),l("design:type",Object)],Ko.prototype,"role",void 0),a([Object(u.HostBinding)("class.bx--radio-button-wrapper"),l("design:type",Object)],Ko.prototype,"hostClass",void 0),a([Object(u.HostBinding)("class.bx--radio-button-wrapper--label-left"),l("design:type",Object),l("design:paramtypes",[])],Ko.prototype,"labelLeft",null),Ko=Yo=a([Object(u.Component)({selector:"ibm-radio",template:'\n\t\t<input\n\t\t\t*ngIf="!skeleton"\n\t\t\tclass="bx--radio-button"\n\t\t\ttype="radio"\n\t\t\t[checked]="checked"\n\t\t\t[disabled]="disabled"\n\t\t\t[name]="name"\n\t\t\t[id]="id"\n\t\t\t[required]="required"\n\t\t\t[value]="value"\n\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t(change)="onChange($event)">\n\t\t<div *ngIf="skeleton" class="bx--radio-button bx--skeleton"></div>\n\t\t<label\n\t\t\tclass="bx--radio-button__label"\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}"\n\t\t\t[for]="id"\n\t\t\tid="label-{{id}}">\n\t\t\t<span class="bx--radio-button__appearance"></span>\n\t\t\t<ng-content></ng-content>\n\t\t</label>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Yo,multi:!0}]})],Ko);let Xo=Qo=class{constructor(){this.orientation="horizontal",this.labelPlacement="right",this.change=new u.EventEmitter,this.disabled=!1,this.radioButtonGroupClass=!0,this.isInitialized=!1,this._disabled=!1,this._skeleton=!1,this._value=null,this._selected=null,this._name=`radio-group-${Qo.radioGroupCount++}`,this.onTouched=()=>{},this.propagateChange=t=>{}}set selected(t){this._selected=t,this.value=t?t.value:null,this.checkSelectedRadio()}get selected(){return this._selected}set value(t){this._value!==t&&(this._value=t,this.updateSelectedRadioFromValue(),this.checkSelectedRadio())}get value(){return this._value}set name(t){this._name=t,this.updateRadios()}get name(){return this._name}get skeleton(){return this._skeleton}set skeleton(t){this._skeleton=t,this.updateChildren()}checkSelectedRadio(){this.selected&&!this._selected.checked&&(this.selected.checked=!0)}updateSelectedRadioFromValue(){let t=null!=this._selected&&this._selected.value===this._value;this.radios&&!t&&(this._selected=null,this.radios.forEach(t=>{(t.checked||t.value===this._value)&&(this._selected=t)}))}emitChangeEvent(t){this.change.emit(t),this.propagateChange(t.value),this.onTouched()}updateRadioNames(){console.warn("updateRadioNames had been deprecated. Use updateRadios instead"),this.updateRadios()}updateRadios(){this.radios&&setTimeout(()=>{this.radios.forEach(t=>t.name=this.name),"left"===this.labelPlacement&&this.radios.forEach(t=>t.labelPlacement="left")})}writeValue(t){this.value=t}ngAfterContentInit(){this.radios.changes.subscribe(()=>{this.updateRadios(),this.updateRadioChangeHandler()}),this.updateChildren(),this.updateRadioChangeHandler()}ngAfterViewInit(){this.updateRadios()}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}updateChildren(){this.radios&&this.radios.forEach(t=>t.skeleton=this.skeleton)}updateRadioChangeHandler(){this.radios.forEach(t=>{t.registerRadioChangeHandler(t=>{this._selected=t.source,this._value=t.value,this.emitChangeEvent(t)})})}};Xo.radioGroupCount=0,a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"orientation",void 0),a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"labelPlacement",void 0),a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"ariaLabel",void 0),a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"ariaLabelledby",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Xo.prototype,"change",void 0),a([Object(u.ContentChildren)(Object(u.forwardRef)(()=>Ko)),l("design:type",u.QueryList)],Xo.prototype,"radios",void 0),a([Object(u.Input)(),l("design:type",Ko),l("design:paramtypes",[Ko])],Xo.prototype,"selected",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Xo.prototype,"value",null),a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Xo.prototype,"name",null),a([Object(u.Input)(),l("design:type",Object)],Xo.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Xo.prototype,"skeleton",null),a([Object(u.HostBinding)("class.bx--form-item"),l("design:type",Object)],Xo.prototype,"radioButtonGroupClass",void 0),Xo=Qo=a([Object(u.Component)({selector:"ibm-radio-group",template:"\n\t\t<div\n\t\t\tclass=\"bx--radio-button-group\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--radio-button-group--vertical': orientation === 'vertical',\n\t\t\t\t'bx--radio-button-group--label-left': orientation === 'vertical' && labelPlacement === 'left'\n\t\t\t}\"\n\t\t\trole=\"radiogroup\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t",providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Qo,multi:!0}]})],Xo);let Zo=class{};Zo=a([Object(u.NgModule)({declarations:[Ko,Xo],exports:[Ko,Xo],imports:[h.CommonModule,ki.FormsModule]})],Zo);let tr=class{constructor(){this.theme="dark",this.baseClass=!0,this.invalid=!1,this.skeleton=!1}get isLightTheme(){return"light"===this.theme}};var er;a([Object(u.Input)(),l("design:type",String)],tr.prototype,"theme",void 0),a([Object(u.HostBinding)("class.bx--text-area"),l("design:type",Object)],tr.prototype,"baseClass",void 0),a([Object(u.HostBinding)("class.bx--text-area--invalid"),Object(u.Input)(),l("design:type",Object)],tr.prototype,"invalid",void 0),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],tr.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--text-area--light"),l("design:type",Object),l("design:paramtypes",[])],tr.prototype,"isLightTheme",null),tr=a([Object(u.Directive)({selector:"[ibmTextArea]"})],tr);let nr=er=class{constructor(){this.labelInputID="ibm-label-"+er.labelCounter,this.wrapperClass="bx--text-input__field-wrapper",this.labelState="",this.skeleton=!1,this.invalid=!1,this.labelClass=!0,er.labelCounter++}ngAfterContentInit(){this.textArea&&(this.wrapperClass="bx--text-area__wrapper"),this.wrapper.nativeElement.querySelector("input,textarea,div").setAttribute("id",this.labelInputID)}isTemplate(t){return t instanceof u.TemplateRef}};nr.labelCounter=0,a([Object(u.Input)(),l("design:type",String)],nr.prototype,"labelState",void 0),a([Object(u.Input)(),l("design:type",Object)],nr.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",String)],nr.prototype,"helperText",void 0),a([Object(u.Input)(),l("design:type",Object)],nr.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object)],nr.prototype,"invalid",void 0),a([Object(u.ViewChild)("wrapper"),l("design:type",u.ElementRef)],nr.prototype,"wrapper",void 0),a([Object(u.ContentChild)(tr),l("design:type",tr)],nr.prototype,"textArea",void 0),a([Object(u.HostBinding)("class.bx--form-item"),l("design:type",Object)],nr.prototype,"labelClass",void 0),nr=er=a([Object(u.Component)({selector:"ibm-label",template:'\n\t\t<label\n\t\t\t[for]="labelInputID"\n\t\t\tclass="bx--label"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}">\n\t\t\t<ng-content></ng-content>\n\t\t</label>\n\t\t<div *ngIf="!skeleton && helperText" class="bx--form__helper-text">{{helperText}}</div>\n\t\t<div [class]="wrapperClass" [attr.data-invalid]="(invalid ? true : null)" #wrapper>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf="invalid"\n\t\t\t\tclass="bx--text-input__invalid-icon bx--text-area__invalid-icon">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ng-content select="input,textarea,div"></ng-content>\n\t\t</div>\n\t\t<div *ngIf="invalid" class="bx--form-requirement">\n\t\t\t<ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>\n\t\t\t<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t</div>\n\t'}),l("design:paramtypes",[])],nr);let ir=class{constructor(){this.theme="dark",this.inputClass=!0,this.invalid=!1,this.skeleton=!1}get isLightTheme(){return"light"===this.theme}};a([Object(u.Input)(),l("design:type",String)],ir.prototype,"theme",void 0),a([Object(u.HostBinding)("class.bx--text-input"),l("design:type",Object)],ir.prototype,"inputClass",void 0),a([Object(u.HostBinding)("class.bx--text-input--invalid"),Object(u.Input)(),l("design:type",Object)],ir.prototype,"invalid",void 0),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],ir.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--text-input--light"),l("design:type",Object),l("design:paramtypes",[])],ir.prototype,"isLightTheme",null),ir=a([Object(u.Directive)({selector:"[ibmText]"})],ir);let or=class{};or=a([Object(u.NgModule)({declarations:[nr,ir,tr],exports:[nr,ir,tr],imports:[h.CommonModule,ki.FormsModule,qi]})],or);let rr=class{};rr=a([Object(u.NgModule)({exports:[_i,qo,Zo,or,ji],imports:[h.CommonModule,ki.FormsModule,_i,qo,Zo,or,ji]})],rr);let ar=class{constructor(){this.baseClass=!0,this.condensed=!1}};a([Object(u.HostBinding)("class.bx--grid"),l("design:type",Object)],ar.prototype,"baseClass",void 0),a([Object(u.HostBinding)("class.bx--grid--condensed"),Object(u.Input)(),l("design:type",Object)],ar.prototype,"condensed",void 0),ar=a([Object(u.Directive)({selector:"[ibmGrid]"})],ar);let sr=class{constructor(){this.gutter=!0,this.leftGutter=!0,this.rightGutter=!0,this.baseClass=!0,this.condensed=!1}get showGutter(){return!this.gutter}get showLeftGutter(){return!this.leftGutter}get showRightGutter(){return!this.rightGutter}};a([Object(u.Input)(),l("design:type",Object)],sr.prototype,"gutter",void 0),a([Object(u.Input)(),l("design:type",Object)],sr.prototype,"leftGutter",void 0),a([Object(u.Input)(),l("design:type",Object)],sr.prototype,"rightGutter",void 0),a([Object(u.HostBinding)("class.bx--row"),l("design:type",Object)],sr.prototype,"baseClass",void 0),a([Object(u.HostBinding)("class.bx--row--condensed"),Object(u.Input)(),l("design:type",Object)],sr.prototype,"condensed",void 0),a([Object(u.HostBinding)("class.bx--no-gutter"),l("design:type",Object),l("design:paramtypes",[])],sr.prototype,"showGutter",null),a([Object(u.HostBinding)("class.bx--no-gutter--left"),l("design:type",Object),l("design:paramtypes",[])],sr.prototype,"showLeftGutter",null),a([Object(u.HostBinding)("class.bx--no-gutter--right"),l("design:type",Object),l("design:paramtypes",[])],sr.prototype,"showRightGutter",null),sr=a([Object(u.Directive)({selector:"[ibmRow]"})],sr);let lr=class{constructor(){this.class="",this.columnNumbers={},this.offsets={},this._columnClasses=[]}get columnClasses(){return this._columnClasses.join(" ")}set(t){this._columnClasses=t.split(" ")}ngOnInit(){try{const t=Object.keys(this.columnNumbers);t.length<=0&&this._columnClasses.push("bx--col"),t.forEach(t=>{"nobreak"===this.columnNumbers[t]?this._columnClasses.push(`bx--col-${t}`):this._columnClasses.push(`bx--col-${t}-${this.columnNumbers[t]}`)}),Object.keys(this.offsets).forEach(t=>{this._columnClasses.push(`bx--offset-${t}-${this.offsets[t]}`)})}catch(t){console.error(`Malformed \`offsets\` or \`columnNumbers\`: ${t}`)}this.class&&this._columnClasses.push(this.class)}};a([Object(u.Input)(),l("design:type",Object)],lr.prototype,"class",void 0),a([Object(u.Input)(),l("design:type",Object)],lr.prototype,"columnNumbers",void 0),a([Object(u.Input)(),l("design:type",Object)],lr.prototype,"offsets",void 0),a([Object(u.HostBinding)("class"),l("design:type",String),l("design:paramtypes",[])],lr.prototype,"columnClasses",null),lr=a([Object(u.Directive)({selector:"[ibmCol]"})],lr);let cr=class{};cr=a([Object(u.NgModule)({declarations:[lr,ar,sr],exports:[lr,ar,sr],imports:[h.CommonModule]})],cr);var dr,pr=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-checkmark16",template:'\n    <svg\n      ibmIconCheckmark16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),ur=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M6 10.6L2.5 7.1l-.7.7 3.5 3.5.7.7 7.1-7.1-.7-.7z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","checkmark16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","checkmark16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCheckmark16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),hr=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[pr,ur],exports:[pr,ur]}]}],t}();!function(t){t.Hidden="hidden",t.Inactive="inactive",t.Active="active",t.Finished="finished",t.Error="error"}(dr||(dr={}));let gr=class{constructor(){this.InlineLoadingState=dr,this.state=dr.Active,this.successDelay=1500,this.onSuccess=new u.EventEmitter,this.loadingClass=!0}get isActive(){return this.state===dr.Active}set isActive(t){this.state=t?dr.Active:dr.Inactive}get success(){return this.state===dr.Finished}set success(t){this.state=t?dr.Finished:dr.Error,this.state===dr.Finished&&setTimeout(()=>{this.onSuccess.emit()},this.successDelay)}};a([Object(u.Input)(),l("design:type",String)],gr.prototype,"state",void 0),a([Object(u.Input)(),l("design:type",String)],gr.prototype,"loadingText",void 0),a([Object(u.Input)(),l("design:type",String)],gr.prototype,"successText",void 0),a([Object(u.Input)(),l("design:type",Object)],gr.prototype,"successDelay",void 0),a([Object(u.Input)(),l("design:type",String)],gr.prototype,"errorText",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Boolean])],gr.prototype,"isActive",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Boolean])],gr.prototype,"success",null),a([Object(u.Output)(),l("design:type",u.EventEmitter)],gr.prototype,"onSuccess",void 0),a([Object(u.HostBinding)("class.bx--inline-loading"),l("design:type",Object)],gr.prototype,"loadingClass",void 0),gr=a([Object(u.Component)({selector:"ibm-inline-loading",template:'\n\t\t<div *ngIf="state !== InlineLoadingState.Hidden"\n\t\t\tclass="bx--inline-loading__animation">\n\t\t\t<div\n\t\t\t\t*ngIf="state === InlineLoadingState.Inactive || state === InlineLoadingState.Active"\n\t\t\t\tclass="bx--loading bx--loading--small"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'bx--loading--stop\': state === InlineLoadingState.Inactive\n\t\t\t\t}">\n\t\t\t\t<svg class="bx--loading__svg" viewBox="-75 -75 150 150">\n\t\t\t\t\t<circle class="bx--loading__background" cx="0" cy="0" r="30" />\n\t\t\t\t\t<circle class="bx--loading__stroke" cx="0" cy="0" r="30" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<svg\n\t\t\t\t*ngIf="state === InlineLoadingState.Finished"\n\t\t\t\tclass="bx--inline-loading__checkmark-container bx--inline-loading__svg"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tviewBox="0 0 10 10">\n\t\t\t\t<polyline class="bx--inline-loading__checkmark" points="0.74 3.4 3.67 6.34 9.24 0.74"></polyline>\n\t\t\t</svg>\n\t\t\t<svg\n\t\t\t\t*ngIf="state === InlineLoadingState.Error"\n\t\t\t\tclass="bx--inline-loading--error"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tviewBox="0 0 16 16">\n\t\t\t\t<path d="M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z"></path>\n\t\t\t\t<path fill="none" d="M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z" data-icon-path="inner-path" opacity="0"></path>\n\t\t\t</svg>\n\n\t\t</div>\n\t\t<p\n\t\t\t*ngIf="state === InlineLoadingState.Inactive || state === InlineLoadingState.Active"\n\t\t\tclass="bx--inline-loading__text">{{loadingText}}</p>\n\t\t<p *ngIf="state === InlineLoadingState.Finished" class="bx--inline-loading__text">{{successText}}</p>\n\t\t<p *ngIf="state === InlineLoadingState.Error" class="bx--inline-loading__text">{{errorText}}</p>\n\t'})],gr);let br=class{};br=a([Object(u.NgModule)({declarations:[gr],exports:[gr],imports:[h.CommonModule,hr]})],br);let mr=class{constructor(){this.baseClass=!0}set disabled(t){this._disabled=t,this.tabindex=this.disabled?-1:null}get disabled(){return this._disabled}};a([Object(u.HostBinding)("class.bx--link"),l("design:type",Object)],mr.prototype,"baseClass",void 0),a([Object(u.HostBinding)("attr.tabindex"),l("design:type",Object)],mr.prototype,"tabindex",void 0),a([Object(u.Input)(),Object(u.HostBinding)("attr.aria-disabled"),Object(u.HostBinding)("class.bx--link--disabled"),l("design:type",Boolean),l("design:paramtypes",[Boolean])],mr.prototype,"disabled",null),mr=a([Object(u.Directive)({selector:"[ibmLink]"})],mr);let fr=class{};fr=a([Object(u.NgModule)({declarations:[mr],exports:[mr],imports:[h.CommonModule]})],fr);let vr=class{constructor(){this.wrapper=!0}};a([Object(u.HostBinding)("class.bx--list__item"),l("design:type",Object)],vr.prototype,"wrapper",void 0),vr=a([Object(u.Directive)({selector:"[ibmListItem]"})],vr);let yr=class{constructor(t){this.elementRef=t}get ordered(){return!this.nested&&"OL"===this.elementRef.nativeElement.tagName}get unordered(){return!this.nested&&"UL"===this.elementRef.nativeElement.tagName}get nested(){return"LI"===this.elementRef.nativeElement.parentElement.tagName}};a([Object(u.HostBinding)("class.bx--list--ordered"),l("design:type",Object),l("design:paramtypes",[])],yr.prototype,"ordered",null),a([Object(u.HostBinding)("class.bx--list--unordered"),l("design:type",Object),l("design:paramtypes",[])],yr.prototype,"unordered",null),a([Object(u.HostBinding)("class.bx--list--nested"),l("design:type",Object),l("design:paramtypes",[])],yr.prototype,"nested",null),yr=a([Object(u.Directive)({selector:"[ibmList]"}),l("design:paramtypes",[u.ElementRef])],yr);let Or=class{};Or=a([Object(u.NgModule)({declarations:[vr,yr],exports:[vr,yr],imports:[h.CommonModule]})],Or);let wr=class{constructor(t){this.placeholderService=t}ngOnInit(){console.warn("`ibm-modal-placeholder` has been deprecated in favour of `ibm-placeholder`"),this.placeholderService.registerViewContainerRef(this.viewContainerRef)}};a([Object(u.ViewChild)("modalplaceholder",{read:u.ViewContainerRef}),l("design:type",u.ViewContainerRef)],wr.prototype,"viewContainerRef",void 0),wr=a([Object(u.Component)({selector:"ibm-modal-placeholder",template:"<div #modalplaceholder></div>"}),l("design:paramtypes",[k])],wr);class Cr{constructor(){this.close=new u.EventEmitter}closeModal(){this.close.emit()}}a([Object(u.Output)(),l("design:type",Object)],Cr.prototype,"close",void 0);let xr=class extends Cr{constructor(t="default",e,n,i,o,r=null,a=[],s){super(),this.modalType=t,this.modalLabel=e,this.modalTitle=n,this.modalContent=i,this.size=o,this.hasScrollingContent=r,this.buttons=a,this.onClose=s;for(let t=0;t<this.buttons.length;t++){const e=this.buttons[t];e.id||(e.id=`alert-modal-button-${t}`),e.type||(e.type="secondary")}}ngAfterViewInit(){if(!this.content)return!1;const t=this.content.nativeElement;t.scrollHeight>t.clientHeight?t.tabIndex=0:t.tabIndex=-1}buttonClicked(t){const e=this.buttons[t];e.click&&e.click(),this.closeModal()}dismissModal(t){this.onClose&&!1===this.onClose(t)||this.closeModal()}};var jr;a([Object(u.ViewChild)("content"),l("design:type",Object)],xr.prototype,"content",void 0),xr=a([Object(u.Component)({selector:"ibm-alert-modal",template:'\n\t\t<ibm-modal\n\t\t\t[size]="size"\n\t\t\t[theme]="modalType"\n\t\t\t[hasScrollingContent]="hasScrollingContent"\n\t\t\t[modalLabel]="modalTitle"\n\t\t\t(overlaySelected)="dismissModal(\'overlay\')">\n\t\t\t<ibm-modal-header (closeSelect)="dismissModal(\'close\')">\n\t\t\t\t<p class="bx--modal-header__label bx--type-delta">{{modalLabel}}</p>\n\t\t\t\t<p class="bx--modal-header__heading bx--type-beta">{{modalTitle}}</p>\n\t\t\t</ibm-modal-header>\n\t\t\t<div #content class="bx--modal-content">\n\t\t\t\t<p [innerHTML]="modalContent"></p>\n\t\t\t</div>\n\t\t\t<ibm-modal-footer *ngIf="buttons.length > 0">\n\t\t\t\t<ng-container *ngFor="let button of buttons; let i = index">\n\t\t\t\t\t<button\n\t\t\t\t\t\t[ibmButton]="button.type"\n\t\t\t\t\t\t(click)="buttonClicked(i)"\n\t\t\t\t\t\t[id]="button.id"\n\t\t\t\t\t\t[attr.modal-primary-focus]="(button.type.indexOf(\'primary\') !== -1 ? \'\' : null)">\n\t\t\t\t\t\t{{button.text}}\n\t\t\t\t\t</button>\n\t\t\t\t</ng-container>\n\t\t\t</ibm-modal-footer>\n\t\t</ibm-modal>\n\t'}),s(0,Object(u.Inject)("modalType")),s(1,Object(u.Inject)("modalLabel")),s(2,Object(u.Inject)("modalTitle")),s(3,Object(u.Inject)("modalContent")),s(4,Object(u.Inject)("size")),s(5,Object(u.Inject)("hasScrollingContent")),s(6,Object(u.Inject)("buttons")),s(7,Object(u.Inject)("close")),l("design:paramtypes",[Object,String,String,String,String,Boolean,Object,Function])],xr);let Ir=jr=class{constructor(t,e){this.resolver=t,this.placeholderService=e}create(t){t=Object.assign({},{inputs:{}},t);const e=Object.keys(t.inputs).map(e=>({provide:e,useValue:t.inputs[e]})),n=u.Injector.create(e),i=this.resolver.resolveComponentFactory(t.component);let o=document.activeElement,r=this.placeholderService.createComponent(i,n);return r.previouslyFocusedElement=o,r.instance.close.subscribe(t=>{this.placeholderService.destroyComponent(r),jr.modalList=jr.modalList.filter(t=>t!==r)}),r.onDestroy(()=>{o.focus()}),jr.modalList.push(r),r}show(t){for(let e of Object.keys(t))if(["modalType","modalLabel","modalTitle","modalContent"].includes(e))try{throw new Error(`${e} is deprecated, use ${e.replace("modal","").toLowerCase()} instead`)}catch(t){console.warn(t)}return this.create({component:xr,inputs:{modalType:t.type||t.modalType,modalLabel:t.label||t.modalLabel,modalTitle:t.title||t.modalTitle,modalContent:t.content||t.modalContent,hasScrollingContent:t.hasScrollingContent||null,size:t.size,buttons:t.buttons||[],close:t.close||(()=>{})}})}destroy(t=-1){t>=jr.modalList.length||0===jr.modalList.length||(t<0&&(t=jr.modalList.length-1),this.placeholderService.destroyComponent(jr.modalList[t]),jr.modalList.splice(t,1))}};Ir.modalList=[],Ir=jr=a([Object(u.Injectable)(),l("design:paramtypes",[u.ComponentFactoryResolver,k])],Ir);function Sr(t,e){return void 0===e&&(e=null),{type:4,styles:e,timings:t}}function kr(t){return{type:6,styles:t,offset:null}}function Er(t,e,n){return void 0===n&&(n=null),{type:1,expr:t,animation:e,options:n}}
+ */let Oi=class{constructor(t,e){this.domSanitizer=t,this.router=e,this.navigation=new u.EventEmitter,this.skeleton=!1,this.ariaCurrent="page",this.current=!1,this.itemClass=!0}set href(t){this._href=t}get href(){return this.domSanitizer.bypassSecurityTrustUrl(this._href)}useTemplate(){return this.skeleton||this._href||this.route}navigate(t){if(this.router&&this.route){t.preventDefault();const e=this.router.navigate(this.route,this.routeExtras);this.navigation.emit(e)}}};a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Oi.prototype,"href",null),a([Object(u.Input)(),l("design:type",Array)],Oi.prototype,"route",void 0),a([Object(u.Input)(),l("design:type",Object)],Oi.prototype,"routeExtras",void 0),a([Object(u.Output)(),l("design:type",Object)],Oi.prototype,"navigation",void 0),a([Object(u.Input)(),l("design:type",Object)],Oi.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Oi.prototype,"ariaCurrent",void 0),a([Object(u.HostBinding)("class.bx--breadcrumb-item--current"),Object(u.Input)(),l("design:type",Object)],Oi.prototype,"current",void 0),a([Object(u.HostBinding)("class.bx--breadcrumb-item"),l("design:type",Object)],Oi.prototype,"itemClass",void 0),Oi=a([Object(u.Component)({selector:"ibm-breadcrumb-item",template:'\n\t<a\n\t\tclass="bx--link"\n\t\t[href]="(skeleton ? \'/#\' : href)"\n\t\t(click)="navigate($event)"\n\t\t[attr.aria-current]="(current ? ariaCurrent : null)"\n\t\t*ngIf="useTemplate(); else content">\n\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t</a>\n\t<ng-template #content>\n\t\t<ng-content></ng-content>\n\t</ng-template>'}),s(1,Object(u.Optional)()),l("design:paramtypes",[Ht.DomSanitizer,Gn])],Oi);let wi=class{constructor(t,e){this.domSanitizer=t,this.router=e,this.noTrailingSlash=!1,this.navigation=new u.EventEmitter,this._skeleton=!1}set skeleton(t){this._skeleton=t,this.updateChildren()}get skeleton(){return this._skeleton}set threshold(t){this._threshold=t,(isNaN(t)||t<4)&&(this._threshold=4)}get threshold(){return this._threshold}get shouldShowContent(){return!this.items}get shouldShowOverflow(){return!!this.items&&this.items.length>this.threshold}get first(){return this.shouldShowOverflow?this.items[0]:null}get overflowItems(){return this.shouldShowOverflow?this.items.slice(1,this.items.length-2):[]}get secondLast(){return this.shouldShowOverflow?this.items[this.items.length-2]:null}get last(){return this.shouldShowOverflow?this.items[this.items.length-1]:null}ngAfterContentInit(){this.updateChildren()}navigate(t,e){if(this.router&&e.route){t.preventDefault();const n=this.router.navigate(e.route,e.routeExtras);this.navigation.emit(n)}}updateChildren(){this.children&&this.children.toArray().forEach(t=>t.skeleton=this.skeleton)}};a([Object(u.ContentChildren)(Oi),l("design:type",u.QueryList)],wi.prototype,"children",void 0),a([Object(u.Input)(),l("design:type",Array)],wi.prototype,"items",void 0),a([Object(u.Input)(),l("design:type",Object)],wi.prototype,"noTrailingSlash",void 0),a([Object(u.Input)(),l("design:type",String)],wi.prototype,"ariaLabel",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],wi.prototype,"skeleton",null),a([Object(u.Input)(),l("design:type",Number),l("design:paramtypes",[Number])],wi.prototype,"threshold",null),a([Object(u.Output)(),l("design:type",Object)],wi.prototype,"navigation",void 0),wi=a([Object(u.Component)({selector:"ibm-breadcrumb",template:'\n\t<nav #nav class="bx--breadcrumb"\n\t\t[ngClass]="{\n\t\t\t\'bx--skeleton\' : skeleton,\n\t\t\t\'bx--breadcrumb--no-trailing-slash\' : noTrailingSlash\n\t\t}"\n\t\t[attr.aria-label]="ariaLabel">\n\t\t<ng-template [ngIf]="shouldShowContent">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]="!shouldShowOverflow">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor="let item of items"\n\t\t\t\t[href]="item.href"\n\t\t\t\t[route]="item.route"\n\t\t\t\t[routeExtras]="item.routeExtras"\n\t\t\t\t[current]="item.current"\n\t\t\t\t[ariaCurrent]="item.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!item.template">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="item.template"\n\t\t\t\t\t[ngTemplateOutlet]="item.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: item }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]="shouldShowOverflow">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t[href]="first?.href"\n\t\t\t\t[route]="first?.route"\n\t\t\t\t[routeExtras]="first?.routeExtras"\n\t\t\t\t[current]="first?.current"\n\t\t\t\t[ariaCurrent]="first?.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!first?.template">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="first?.template"\n\t\t\t\t\t[ngTemplateOutlet]="first?.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: first }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class="bx--overflow-menu-options__option"\n\t\t\t\t\t\t*ngFor="let item of overflowItems">\n\t\t\t\t\t\t<a class="bx--overflow-menu-options__btn"\n\t\t\t\t\t\t\thref="{{item?.href}}"\n\t\t\t\t\t\t\t(click)="navigate($event, item)"\n\t\t\t\t\t\t\tstyle="text-decoration: none;">\n\t\t\t\t\t\t\t<ng-container *ngIf="!item?.template">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf="item?.template"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]="item?.template"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: item }">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t[href]="secondLast?.href"\n\t\t\t\t[route]="secondLast?.route"\n\t\t\t\t[routeExtras]="secondLast?.routeExtras"\n\t\t\t\t[current]="secondLast?.current"\n\t\t\t\t[ariaCurrent]="secondLast?.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!secondLast?.template">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="secondLast?.template"\n\t\t\t\t\t[ngTemplateOutlet]="secondLast?.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: secondLast }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t[href]="last?.href"\n\t\t\t\t[route]="last?.route"\n\t\t\t\t[routeExtras]="last?.routeExtras"\n\t\t\t\t[current]="last?.current"\n\t\t\t\t[ariaCurrent]="last?.ariaCurrent"\n\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t<ng-container *ngIf="!last?.template">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf="last?.template"\n\t\t\t\t\t[ngTemplateOutlet]="last?.template"\n\t\t\t\t\t[ngTemplateOutletContext]="{ $implicit: last }">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>'}),s(1,Object(u.Optional)()),l("design:paramtypes",[Ht.DomSanitizer,Gn])],wi);let Ci=class{};Ci=a([Object(u.NgModule)({declarations:[wi,Oi],exports:[wi,Oi],imports:[h.CommonModule,Pt]})],Ci);let xi=class{constructor(){this.ibmButton="primary",this.size="normal",this.skeleton=!1,this.toolbarAction=!1,this.overflowMenu=!1}get baseClass(){return!this.toolbarAction}get primaryButton(){return"primary"===this.ibmButton}get secondaryButton(){return"secondary"===this.ibmButton}get tertiaryButton(){return"tertiary"===this.ibmButton}get ghostButton(){return"ghost"===this.ibmButton}get dangerButton(){return"danger"===this.ibmButton||"danger--primary"===this.ibmButton}get smallSize(){return"sm"===this.size}get fieldSize(){return"field"===this.size}ngOnInit(){this.ibmButton||(this.ibmButton="primary")}};a([Object(u.Input)(),l("design:type",String)],xi.prototype,"ibmButton",void 0),a([Object(u.Input)(),l("design:type",String)],xi.prototype,"size",void 0),a([Object(u.HostBinding)("class.bx--btn"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"baseClass",null),a([Object(u.HostBinding)("class.bx--btn--primary"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"primaryButton",null),a([Object(u.HostBinding)("class.bx--btn--secondary"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"secondaryButton",null),a([Object(u.HostBinding)("class.bx--btn--tertiary"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"tertiaryButton",null),a([Object(u.HostBinding)("class.bx--btn--ghost"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"ghostButton",null),a([Object(u.HostBinding)("class.bx--btn--danger"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"dangerButton",null),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],xi.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--btn--sm"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"smallSize",null),a([Object(u.HostBinding)("class.bx--btn--field"),l("design:type",Object),l("design:paramtypes",[])],xi.prototype,"fieldSize",null),a([Object(u.HostBinding)("class.bx--toolbar-action"),l("design:type",Object)],xi.prototype,"toolbarAction",void 0),a([Object(u.HostBinding)("class.bx--overflow-menu"),l("design:type",Object)],xi.prototype,"overflowMenu",void 0),xi=a([Object(u.Directive)({selector:"[ibmButton]"})],xi);let ji=class{};ji=a([Object(u.NgModule)({declarations:[xi],exports:[xi],imports:[h.CommonModule]})],ji);var Ii,Si,ki=n(4);!function(t){t[t.Init=0]="Init",t[t.Indeterminate=1]="Indeterminate",t[t.Checked=2]="Checked",t[t.Unchecked=3]="Unchecked"}(Si||(Si={}));class Ei{}let Ti=Ii=class{constructor(t){this.changeDetectorRef=t,this.size="md",this.inline=!1,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id=`checkbox-${Ii.checkboxCount}`,this.ariaLabel="",this.change=new u.EventEmitter,this.indeterminateChange=new u.EventEmitter,this._checked=!1,this._indeterminate=!1,this.currentCheckboxState=Si.Init,this.onTouched=()=>{},this.propagateChange=t=>{},Ii.checkboxCount++}get indeterminate(){return this._indeterminate}set indeterminate(t){let e=this._indeterminate!==t;this._indeterminate=t,e?this.transitionCheckboxState(Si.Indeterminate):this.transitionCheckboxState(this.checked?Si.Checked:Si.Unchecked),this.indeterminateChange.emit(this._indeterminate)}get checked(){return this._checked}set checked(t){t!==this.checked&&(this._indeterminate&&Promise.resolve().then(()=>{this._indeterminate=!1,this.indeterminateChange.emit(this._indeterminate)}),this._checked=t,this.changeDetectorRef.markForCheck())}get checkboxWrapperClass(){return!this.inline}get formItemClass(){return!this.inline}toggle(){this.checked=!this.checked}writeValue(t){this.checked=!!t}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}onChange(t){t.stopPropagation()}onClick(t){this.disabled||(this.toggle(),this.transitionCheckboxState(this._checked?Si.Checked:Si.Unchecked),this.emitChangeEvent())}transitionCheckboxState(t){let e=this.currentCheckboxState;t===Si.Indeterminate&&(this.checked=!1,this.inputCheckbox.nativeElement.indeterminate=!0),e!==t&&(this.currentCheckboxState=t)}emitChangeEvent(){let t=new Ei;t.source=this,t.checked=this.checked,this.propagateChange(this.checked),this.change.emit(t)}ngAfterViewInit(){this.indeterminate&&(this.inputCheckbox.nativeElement.indeterminate=!0,this.checked=!1)}};Ti.checkboxCount=0,a([Object(u.Input)(),l("design:type",String)],Ti.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Boolean)],Ti.prototype,"nested",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"inline",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"hideLabel",void 0),a([Object(u.Input)(),l("design:type",String)],Ti.prototype,"name",void 0),a([Object(u.Input)(),l("design:type",Object)],Ti.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Boolean)],Ti.prototype,"required",void 0),a([Object(u.Input)(),l("design:type",String)],Ti.prototype,"value",void 0),a([Object(u.Input)("aria-label"),l("design:type",Object)],Ti.prototype,"ariaLabel",void 0),a([Object(u.Input)("aria-labelledby"),l("design:type",String)],Ti.prototype,"ariaLabelledby",void 0),a([Object(u.Input)(),l("design:type",Boolean),l("design:paramtypes",[Boolean])],Ti.prototype,"indeterminate",null),a([Object(u.Input)(),l("design:type",Boolean),l("design:paramtypes",[Boolean])],Ti.prototype,"checked",null),a([Object(u.HostBinding)("class.bx--checkbox-wrapper"),l("design:type",Object),l("design:paramtypes",[])],Ti.prototype,"checkboxWrapperClass",null),a([Object(u.HostBinding)("class.bx--form-item"),l("design:type",Object),l("design:paramtypes",[])],Ti.prototype,"formItemClass",null),a([Object(u.Output)(),l("design:type",Object)],Ti.prototype,"change",void 0),a([Object(u.Output)(),l("design:type",Object)],Ti.prototype,"indeterminateChange",void 0),a([Object(u.ViewChild)("inputCheckbox"),l("design:type",u.ElementRef)],Ti.prototype,"inputCheckbox",void 0),Ti=Ii=a([Object(u.Component)({selector:"ibm-checkbox",template:'\n\t\t<input\n\t\t\t#inputCheckbox\n\t\t\tclass="bx--checkbox"\n\t\t\ttype="checkbox"\n\t\t\t[id]="id"\n\t\t\t[attr.value]="value"\n\t\t\t[attr.name]="name"\n\t\t\t[required]="required"\n\t\t\t[checked]="checked"\n\t\t\t[disabled]="disabled"\n\t\t\t[indeterminate]="indeterminate"\n\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t[attr.aria-checked]="(indeterminate ? \'mixed\' : checked)"\n\t\t\t(change)="onChange($event)"\n\t\t\t(click)="onClick($event)">\n\t\t<label\n\t\t\t[for]="id"\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\tclass="bx--checkbox-label"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\' : skeleton\n\t\t\t}">\n\t\t\t<span [ngClass]="{\'bx--visually-hidden\' : hideLabel}">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t</label>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Ii,multi:!0}],changeDetection:u.ChangeDetectionStrategy.OnPush}),l("design:paramtypes",[u.ChangeDetectorRef])],Ti);let _i=class{};_i=a([Object(u.NgModule)({declarations:[Ti],exports:[Ti],imports:[h.CommonModule,ki.FormsModule]})],_i);var Li,Di,Ai=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-copy16",template:'\n    <svg\n      ibmIconCopy16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),Mi=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M14 5v9H5V5h9m0-1H5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z"></path><path d="M2 9H1V2a1 1 0 0 1 1-1h7v1H2z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","copy16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","copy16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCopy16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Ri=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Ai,Mi],exports:[Ai,Mi]}]}],t}(),Pi=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-chevron-down16",template:'\n    <svg\n      ibmIconChevronDown16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),Hi=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","chevron-down16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","chevron-down16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconChevronDown16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Bi=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Pi,Hi],exports:[Pi,Hi]}]}],t}();!function(t){t.single="single",t.multi="multi",t.inline="inline"}(Di||(Di={}));let Ni=Li=class{constructor(t){this.i18n=t,this.display=Di.single,this.translations=this.i18n.get().CODE_SNIPPET,this.theme="dark",this.feedbackText=this.translations.COPIED,this.feedbackTimeout=2e3,this.expanded=!1,this.skeleton=!1,this.snippetClass=!0,this.showFeedback=!1,this.hasExpandButton=null,Li.codeSnippetCount++}get snippetSingleClass(){return this.display===Di.single}get snippetMultiClass(){return this.display===Di.multi}get snippetInlineClass(){return this.display===Di.inline}get snippetInlineLightClass(){return this.display===Di.inline&&"light"===this.theme}get btnCopyClass(){return this.display===Di.inline}get displayStyle(){return this.display!==Di.inline?"block":null}get attrType(){return this.display===Di.inline?"button":null}get shouldShowExpandButton(){return null===this.hasExpandButton?this.hasExpandButton:this.canExpand()}toggleSnippetExpansion(){this.expanded=!this.expanded}copyCode(){const t=document.createElement("textarea");t.value=this.code.nativeElement.innerText||this.code.nativeElement.textContent,t.setAttribute("readonly",""),t.style.position="absolute",t.style.right="-99999px",document.body.appendChild(t);const e=document.getSelection().rangeCount?document.getSelection().getRangeAt(0):null;t.select(),document.execCommand("copy"),document.body.removeChild(t),e&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(e))}onCopyButtonClicked(){this.copyCode(),this.showFeedback=!0,setTimeout(()=>{this.showFeedback=!1},this.feedbackTimeout)}ngAfterViewInit(){setTimeout(()=>{this.canExpand()?this.hasExpandButton=!0:this.hasExpandButton=!1})}hostClick(){this.display===Di.inline&&this.onCopyButtonClicked()}canExpand(){return this.code&&this.code.nativeElement.getBoundingClientRect().height>255&&"multi"===this.display}};Ni.codeSnippetCount=0,a([Object(u.Input)(),l("design:type",String)],Ni.prototype,"display",void 0),a([Object(u.Input)(),l("design:type",Object)],Ni.prototype,"translations",void 0),a([Object(u.Input)(),l("design:type",String)],Ni.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],Ni.prototype,"feedbackText",void 0),a([Object(u.Input)(),l("design:type",Object)],Ni.prototype,"feedbackTimeout",void 0),a([Object(u.HostBinding)("class.bx--snippet--expand"),Object(u.Input)(),l("design:type",Object)],Ni.prototype,"expanded",void 0),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],Ni.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--snippet"),l("design:type",Object)],Ni.prototype,"snippetClass",void 0),a([Object(u.HostBinding)("class.bx--snippet--single"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetSingleClass",null),a([Object(u.HostBinding)("class.bx--snippet--multi"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetMultiClass",null),a([Object(u.HostBinding)("class.bx--snippet--inline"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetInlineClass",null),a([Object(u.HostBinding)("class.bx--snippet--light"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"snippetInlineLightClass",null),a([Object(u.HostBinding)("class.bx--btn--copy"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"btnCopyClass",null),a([Object(u.HostBinding)("style.display"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"displayStyle",null),a([Object(u.HostBinding)("attr.type"),l("design:type",Object),l("design:paramtypes",[])],Ni.prototype,"attrType",null),a([Object(u.ViewChild)("code"),l("design:type",Object)],Ni.prototype,"code",void 0),a([Object(u.HostListener)("click"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],Ni.prototype,"hostClick",null),Ni=Li=a([Object(u.Component)({selector:"ibm-code-snippet",template:'\n\t\t<ng-container *ngIf="display === \'inline\'; else notInline">\n\t\t\t<ng-container *ngTemplateOutlet="codeTemplate"></ng-container>\n\t\t\t<ng-container *ngTemplateOutlet="feedbackTemplate"></ng-container>\n\t\t</ng-container>\n\n\t\t<ng-template #notInline>\n\t\t\t<div class="bx--snippet-container" [attr.aria-label]="translations.CODE_SNIPPET_TEXT">\n\t\t\t\t<ng-container *ngIf="skeleton">\n\t\t\t\t\t<span *ngIf="display === \'single\'; else multiSkeleton"></span>\n\t\t\t\t\t<ng-template #multiSkeleton>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</ng-container>\n\t\t\t\t<pre *ngIf="!skeleton"><ng-container *ngTemplateOutlet="codeTemplate"></ng-container></pre>\n\t\t\t</div>\n\t\t\t<button\n\t\t\t\t*ngIf="!skeleton"\n\t\t\t\tclass="bx--snippet-button"\n\t\t\t\t[attr.aria-label]="translations.COPY_CODE"\n\t\t\t\t(click)="onCopyButtonClicked()"\n\t\t\t\ttabindex="0">\n\t\t\t\t<ibm-icon-copy16 class="bx--snippet__icon"></ibm-icon-copy16>\n\t\t\t\t<ng-container *ngTemplateOutlet="feedbackTemplate"></ng-container>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\t*ngIf="shouldShowExpandButton"\n\t\t\t\tclass="bx--btn bx--btn--ghost bx--btn--sm bx--snippet-btn--expand"\n\t\t\t\t(click)="toggleSnippetExpansion()"\n\t\t\t\ttype="button">\n\t\t\t\t<span class="bx--snippet-btn--text">{{expanded ? translations.SHOW_LESS : translations.SHOW_MORE}}</span>\n\t\t\t\t<ibm-icon-chevron-down16 class="bx--icon-chevron--down" [ariaLabel]="translations.SHOW_MORE_ICON"></ibm-icon-chevron-down16>\n\t\t\t</button>\n\t\t</ng-template>\n\n\t\t<ng-template #codeTemplate>\n\t\t\t<code #code><ng-content></ng-content></code>\n\t\t</ng-template>\n\n\t\t<ng-template #feedbackTemplate>\n\t\t\t<div\n\t\t\tclass="bx--btn--copy__feedback"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--btn--copy__feedback--displayed\': showFeedback\n\t\t\t}"\n\t\t\t[attr.data-feedback]="feedbackText">\n\t\t\t</div>\n\t\t</ng-template>\n\t'}),l("design:paramtypes",[Ct])],Ni);let Fi=class{};Fi=a([Object(u.NgModule)({declarations:[Ni],exports:[Ni],imports:[h.CommonModule,ki.FormsModule,St,Ri,Bi]})],Fi);var Ui,Vi=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-close16",template:'\n    <svg\n      ibmIconClose16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),zi=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><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></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","close16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","close16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconClose16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Wi=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Vi,zi],exports:[Vi,zi]}]}],t}(),Gi=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-warning-filled16",template:'\n    <svg\n      ibmIconWarningFilled16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),$i=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1C4.2 1 1 4.2 1 8s3.2 7 7 7 7-3.1 7-7-3.1-7-7-7zm-.5 3h1v5h-1V4zm.5 8.2c-.4 0-.8-.4-.8-.8s.3-.8.8-.8c.4 0 .8.4.8.8s-.4.8-.8.8z"></path><path d="M7.5 4h1v5h-1V4zm.5 8.2c-.4 0-.8-.4-.8-.8s.3-.8.8-.8c.4 0 .8.4.8.8s-.4.8-.8.8z" data-icon-path="inner-path" opacity="0"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","warning-filled16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","warning-filled16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconWarningFilled16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),qi=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Gi,$i],exports:[Gi,$i]}]}],t}();class Ji{constructor(){this.type="single",this.size="md"}set items(t){}get items(){}getNextItem(){}hasNextElement(){}getNextElement(){}getPrevItem(){}hasPrevElement(){}getPrevElement(){}getSelected(){}getCurrentItem(){}getCurrentElement(){}getListItems(){}propagateSelected(t){}filterBy(t){}initFocus(){}onItemsReady(t){}}a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Ji.prototype,"items",null),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Ji.prototype,"select",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Ji.prototype,"blurIntent",void 0);let Yi=Ui=class{constructor(t,e,n){this.elementRef=t,this.documentService=e,this.i18n=n,this.id=`dropdown-${Ui.comboBoxCount++}`,this.items=[],this.type="single",this.size="md",this.invalid=!1,this.maxLength=null,this.disabled=!1,this.selected=new u.EventEmitter,this.submit=new u.EventEmitter,this.close=new u.EventEmitter,this.search=new u.EventEmitter,this.hostClass=!0,this.role="combobox",this.display="block",this.open=!1,this.showClearButton=!1,this.pills=[],this.selectedValue="",this.noop=this._noop.bind(this),this.onTouchedCallback=this._noop,this.propagateChangeCallback=this._noop,this._placeholder=this.i18n.getOverridable("COMBOBOX.PLACEHOLDER"),this._closeMenuAria=this.i18n.getOverridable("COMBOBOX.A11Y.CLOSE_MENU"),this._openMenuAria=this.i18n.getOverridable("COMBOBOX.A11Y.OPEN_MENU"),this._clearSelectionsTitle=this.i18n.getOverridable("COMBOBOX.CLEAR_SELECTIONS"),this._clearSelectionsAria=this.i18n.getOverridable("COMBOBOX.A11Y.CLEAR_SELECTIONS"),this._clearSelectionTitle=this.i18n.getOverridable("COMBOBOX.CLEAR_SELECTED"),this._clearSelectionAria=this.i18n.getOverridable("COMBOBOX.A11Y.CLEAR_SELECTED")}set placeholder(t){this._placeholder.override(t)}get placeholder(){return this._placeholder.value}set openMenuAria(t){this._openMenuAria.override(t)}get openMenuAria(){return this._openMenuAria.value}set closeMenuAria(t){this._closeMenuAria.override(t)}get closeMenuAria(){return this._closeMenuAria.value}set clearSelectionsTitle(t){this._clearSelectionsTitle.override(t)}get clearSelectionsTitle(){return this._clearSelectionsTitle.value}set clearSelectionsAria(t){this._clearSelectionsAria.override(t)}get clearSelectionsAria(){return this._clearSelectionsAria.value}set clearSelectionTitle(t){this._clearSelectionTitle.override(t)}get clearSelectionTitle(){return this._clearSelectionTitle.value}set clearSelectionAria(t){this._clearSelectionAria.override(t)}get clearSelectionAria(){return this._clearSelectionAria.value}ngOnChanges(t){t.items&&(this.view.items=t.items.currentValue,this.onSearch(this.input.nativeElement.value,!1),this.updateSelected())}ngAfterContentInit(){this.view&&(this.view.type=this.type,this.view.select.subscribe(t=>{"multi"===this.type?(this.updatePills(),this.propagateChangeCallback(this.view.getSelected())):(t.item&&t.item.selected?(this.showClearButton=!0,this.selectedValue=t.item.content,this.propagateChangeCallback(t.item)):(this.selectedValue="",this.propagateChangeCallback(null)),this.elementRef.nativeElement.querySelector("input").focus(),this.view.filterBy(""),this.closeDropdown()),this.selected.emit(t)}),setTimeout(()=>{this.updateSelected()}),this.view.blurIntent.pipe(Object(V.filter)(t=>"top"===t)).subscribe(()=>{this.elementRef.nativeElement.querySelector(".bx--text-input").focus()}))}ngAfterViewInit(){this.documentService.handleClick(t=>{this.elementRef.nativeElement.contains(t.target)||this.open&&this.closeDropdown()})}hostkeys(t){"Escape"===t.key?this.closeDropdown():"ArrowDown"!==t.key&&"Down"!==t.key||this.dropdownMenu&&this.dropdownMenu.nativeElement.contains(t.target)||(t.stopPropagation(),this.openDropdown(),setTimeout(()=>this.view.getCurrentElement().focus(),0))}_noop(){}writeValue(t){t&&("single"===this.type?this.view.propagateSelected([t]):this.view.propagateSelected(t))}onBlur(){this.onTouchedCallback()}registerOnChange(t){this.propagateChangeCallback=t}registerOnTouched(t){this.onTouchedCallback=t}updatePills(){this.pills=this.view.getSelected()||[],this.propagateChangeCallback(this.view.getSelected())}clearSelected(){this.items=this.items.map(t=>(t.disabled||(t.selected=!1),t)),this.view.items=this.items,this.updatePills(),this.selected.emit(this.view.getSelected())}closeDropdown(){this.open=!1,this.close.emit()}openDropdown(){this.disabled||(this.open=!0)}toggleDropdown(){this.open?this.closeDropdown():this.openDropdown()}onSearch(t,e=!0){if(e&&this.search.emit(t),this.showClearButton=t&&"single"===this.type,this.view.filterBy(t),""!==t?this.openDropdown():this.selectedValue="","single"===this.type){if(!this.view.getListItems().some(e=>e.content.toLowerCase().includes(t.toLowerCase()))){const t=this.view.getSelected();t&&t[0]?(t[0].selected=!1,this.view.select.emit({item:t[0]}),this.propagateChangeCallback(null)):this.view.filterBy("")}}}onSubmit(t){this.submit.emit({items:this.view.getListItems(),index:0,value:{content:t.target.value,selected:!1}})}clearInput(t){t.stopPropagation(),t.preventDefault(),this.clearSelected(),this.input.nativeElement.value="",this.selectedValue="",this.closeDropdown(),this.showClearButton=!1}isTemplate(t){return t instanceof u.TemplateRef}updateSelected(){const t=this.view.getSelected();"multi"===this.type?this.updatePills():t&&t[0]&&(this.selectedValue=t[0].content,this.showClearButton=!0,this.propagateChangeCallback(t[0]))}};Yi.comboBoxCount=0,a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Array)],Yi.prototype,"items",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"placeholder",null),a([Object(u.Input)(),l("design:type",String)],Yi.prototype,"type",void 0),a([Object(u.Input)(),l("design:type",String)],Yi.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"helperText",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],Yi.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Number)],Yi.prototype,"maxLength",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"openMenuAria",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"closeMenuAria",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionsTitle",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionsAria",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionTitle",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Yi.prototype,"clearSelectionAria",null),a([Object(u.HostBinding)("attr.aria-disabled"),Object(u.Input)(),l("design:type",Object)],Yi.prototype,"disabled",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"selected",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"submit",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"close",void 0),a([Object(u.Output)(),l("design:type",Object)],Yi.prototype,"search",void 0),a([Object(u.ContentChild)(Ji),l("design:type",Ji)],Yi.prototype,"view",void 0),a([Object(u.ViewChild)("dropdownMenu"),l("design:type",Object)],Yi.prototype,"dropdownMenu",void 0),a([Object(u.ViewChild)("input"),l("design:type",u.ElementRef)],Yi.prototype,"input",void 0),a([Object(u.HostBinding)("class.bx--list-box__wrapper"),l("design:type",Object)],Yi.prototype,"hostClass",void 0),a([Object(u.HostBinding)("attr.role"),l("design:type",Object)],Yi.prototype,"role",void 0),a([Object(u.HostBinding)("style.display"),l("design:type",Object)],Yi.prototype,"display",void 0),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[KeyboardEvent]),l("design:returntype",void 0)],Yi.prototype,"hostkeys",null),Yi=Ui=a([Object(u.Component)({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\t[ngClass]="{\n\t\t\t\t\'bx--multi-select\': type === \'multi\',\n\t\t\t\t\'bx--combo-box\': type === \'single\' || !pills.length,\n\t\t\t\t\'bx--list-box--disabled\': disabled\n\t\t\t}"\n\t\t\tclass="bx--combo-box bx--list-box"\n\t\t\trole="listbox"\n\t\t\t[attr.data-invalid]="(invalid ? true : null)">\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\ttype="button"\n\t\t\t\ttabindex="-1"\n\t\t\t\t[attr.aria-label]="label"\n\t\t\t\taria-haspopup="true"\n\t\t\t\t(click)="toggleDropdown()"\n\t\t\t\t[id]="id">\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\t(keydown.enter)="clearSelected()"\n\t\t\t\t\trole="button"\n\t\t\t\t\tclass="bx--tag--filter bx--list-box__selection--multi"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[title]="clearSelectionsTitle"\n\t\t\t\t\t[attr.aria-label]="clearSelectionAria">\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#input\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(keydown.enter)="onSubmit($event)"\n\t\t\t\t\t[value]="selectedValue"\n\t\t\t\t\tclass="bx--text-input"\n\t\t\t\t\t[ngClass]="{\'bx--text-input--empty\': !showClearButton}"\n\t\t\t\t\trole="searchbox"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-aria-labelledby]="id"\n\t\t\t\t\t[attr.maxlength]="maxLength"\n\t\t\t\t\taria-haspopup="true"\n\t\t\t\t\tautocomplete="list"\n\t\t\t\t\t[placeholder]="placeholder"/>\n\t\t\t\t<ibm-icon-warning-filled16 *ngIf="invalid" class="bx--list-box__invalid-icon"></ibm-icon-warning-filled16>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf="showClearButton"\n\t\t\t\t\trole="button"\n\t\t\t\t\tclass="bx--list-box__selection"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-label]="clearSelectionAria"\n\t\t\t\t\t[title]="clearSelectionTitle"\n\t\t\t\t\t(click)="clearInput($event)">\n\t\t\t\t\t<ibm-icon-close16></ibm-icon-close16>\n\t\t\t\t</div>\n\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t[ngClass]="{\'bx--list-box__menu-icon--open\': open}"\n\t\t\t\t\tclass="bx--list-box__menu-icon"\n\t\t\t\t\t[title]="open ? closeMenuAria : openMenuAria"\n\t\t\t\t\t[ariaLabel]="open ? closeMenuAria : openMenuAria">\n\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\t<div *ngIf="invalid">\n\t\t\t<div *ngIf="!isTemplate(invalidText)" class="bx--form-requirement">{{ invalidText }}</div>\n\t\t\t<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t</div>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Ui,multi:!0}]}),l("design:paramtypes",[u.ElementRef,it,Ct])],Yi);const Ki={top:0,left:0};let Qi=class{constructor(t,e){this.placeholderService=t,this.animationFrameService=e,this.animationFrameSubscription=new S.Subscription,this._offset=Ki}set offset(t){this._offset=Object.assign({},Ki,t)}get offset(){return this._offset}appendToBody(t,e,n){e.style.display="block";const i=document.createElement("div");return i.className=`dropdown ${n}`,i.style.width=t.offsetWidth+"px",i.style.position="absolute",i.appendChild(e),this.placeholderService.hasPlaceholderRef()?this.placeholderService.appendElement(i):document.body.appendChild(i),this.menuInstance=i,this.animationFrameSubscription=this.animationFrameService.tick.subscribe(()=>{this.positionDropdown(t,i)}),i}appendToDropdown(t){if(!this.menuInstance)return;const e=this.menuInstance,n=e.firstElementChild;return this.menuInstance=null,n.style.display="none",t.appendChild(n),this.animationFrameSubscription.unsubscribe(),this.placeholderService.hasPlaceholderRef()&&this.placeholderService.hasElement(e)?this.placeholderService.removeElement(e):document.body.contains(e)&&document.body.removeChild(e),e}updatePosition(t){this.positionDropdown(t,this.menuInstance)}ngOnDestroy(){this.animationFrameSubscription.unsubscribe()}positionDropdown(t,e){if(!e)return;let n=0;const i=e.querySelector(".bx--list-box__menu");if(t.getBoundingClientRect().left!==i.getBoundingClientRect().left){t.getBoundingClientRect().left-i.getBoundingClientRect().left+i.getBoundingClientRect().right>(window.innerWidth||document.documentElement.clientWidth)&&(n=t.offsetWidth-i.offsetWidth)}else i.getBoundingClientRect().right>(window.innerWidth||document.documentElement.clientWidth)&&(n=t.offsetWidth-i.offsetWidth);let o=$.findAbsolute(t,e,"bottom");o=$.addOffset(o,this.offset.top,this.offset.left+n),$.setElement(e,o)}};var Xi;Qi=a([Object(u.Injectable)(),l("design:paramtypes",[k,Z])],Qi);let Zi=Xi=class{constructor(t,e,n,i,o){this.elementRef=t,this.i18n=e,this.dropdownService=n,this.appRef=i,this.elementService=o,this.id=`dropdown-${Xi.dropdownCount++}`,this.placeholder="",this.displayValue="",this.clearText=this.i18n.get().DROPDOWN.CLEAR,this.size="md",this.type="single",this.theme="dark",this.disabled=!1,this.skeleton=!1,this.inline=!1,this.disableArrowKeys=!1,this.invalid=!1,this.invalidText="",this.appendInline=!1,this.menuButtonLabel=this.i18n.get().DROPDOWN.OPEN,this.selectedLabel=this.i18n.get().DROPDOWN.SELECTED,this.selected=new u.EventEmitter,this.onClose=new u.EventEmitter,this.close=new u.EventEmitter,this.hostClass=!0,this.menuIsClosed=!0,this.dropUp=!1,this.noop=this._noop.bind(this),this.outsideClick=this._outsideClick.bind(this),this.outsideKey=this._outsideKey.bind(this),this.keyboardNav=this._keyboardNav.bind(this),this.visibilitySubscription=new S.Subscription,this.onTouchedCallback=this._noop,this.writtenValue=[],this.propagateChange=t=>{}}set appendToBody(t){console.warn("`appendToBody` has been deprecated. Dropdowns now append to the body by default."),console.warn("Ensure you have an `ibm-placeholder` in your app."),console.warn("Use `appendInline` if you need to position your dropdowns within the normal page flow."),this.appendInline=!t}get appendToBody(){return!this.appendInline}set value(t){console.warn("Dropdown `value` property has been deprecated. Use `itemValueKey` instead"),this.itemValueKey=t}get value(){return this.itemValueKey}ngOnInit(){this.view&&(this.view.type=this.type)}ngAfterContentInit(){this.view&&(this.writtenValue&&this.writtenValue.length&&this.writeValue(this.writtenValue),this.view.type=this.type,this.view.size=this.size,this.view.select.subscribe(t=>{if("multi"===this.type)if(this.itemValueKey&&this.view.getSelected()){const t=this.view.getSelected().map(t=>t[this.itemValueKey]);this.propagateChange(t)}else this.propagateChange(this.view.getSelected());else this.closeMenu(),t.item&&t.item.selected?this.itemValueKey?this.propagateChange(t.item[this.itemValueKey]):this.propagateChange(t.item):this.propagateChange(null);t&&!t.isUpdate&&this.selected.emit(t),this.appRef.tick()}))}ngOnDestroy(){this.appendToBody&&this._appendToDropdown()}writeValue(t){this.writtenValue=t,this.view.onItemsReady(()=>{if(t)if("single"===this.type)if(this.itemValueKey){const e=Object.assign({},this.view.getListItems().find(e=>e[this.itemValueKey]===t));e.selected=!0,this.view.propagateSelected([e])}else this.view.propagateSelected([t]);else if(this.itemValueKey){let e=[];for(const n of t)for(const t of this.view.getListItems())t[this.itemValueKey]===n&&e.push(Object.assign({},t,{selected:!0}));this.view.propagateSelected(e)}else this.view.propagateSelected(t);else this.view.propagateSelected([t])})}onBlur(){this.onTouchedCallback()}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouchedCallback=t}setDisabledState(t){this.disabled=t}onKeyDown(t){if("Escape"!==t.key&&"Esc"!==t.key||this.menuIsClosed||t.stopImmediatePropagation(),"Escape"===t.key||"Esc"===t.key)t.preventDefault(),this.closeMenu(),this.dropdownButton.nativeElement.focus();else if(this.menuIsClosed&&(" "===t.key||"ArrowDown"===t.key||"ArrowUp"===t.key||"Spacebar"===t.key||"Down"===t.key||"Up"===t.key)){if(this.disableArrowKeys&&("ArrowDown"===t.key||"ArrowUp"===t.key||"Down"===t.key||"Up"===t.key))return;t.preventDefault(),this.openMenu()}!this.menuIsClosed&&"Tab"===t.key&&this.dropdownMenu.nativeElement.contains(t.target)&&this.closeMenu(),!this.menuIsClosed&&"Tab"===t.key&&t.shiftKey&&this.closeMenu(),"multi"!==this.type&&this.menuIsClosed&&this.closedDropdownNavigation(t)}closedDropdownNavigation(t){if("ArrowDown"===t.key||"Down"===t.key){t.preventDefault(),this.view.getCurrentItem().selected=!1;let e=this.view.getNextItem();e&&(e.selected=!0)}else if("ArrowUp"===t.key||"Up"===t.key){t.preventDefault(),this.view.getCurrentItem().selected=!1;let e=this.view.getPrevItem();e&&(e.selected=!0)}}getDisplayStringValue(){if(!this.view)return;let t=this.view.getSelected();return!t.length||this.displayValue&&this.isRenderString()?t.length&&this.isRenderString()?Object(S.of)(this.displayValue):Object(S.of)(this.placeholder):"multi"===this.type?Object(S.of)(this.placeholder):Object(S.of)(t[0].content)}isRenderString(){return"string"==typeof this.displayValue}getRenderTemplateContext(){if(!this.view)return;let t=this.view.getSelected();return"multi"===this.type?{items:t}:t&&t.length>0?{item:t[0]}:{}}getSelectedCount(){if(this.view.getSelected())return this.view.getSelected().length}clearSelected(){if(!this.disabled){for(const t of this.view.getListItems())t.selected=!1;this.selected.emit([]),this.propagateChange([])}}valueSelected(){return!!this.view.getSelected()}_noop(){}_outsideClick(t){this.elementRef.nativeElement.contains(t.target)||this.dropdownMenu.nativeElement.contains(t.target)||this.closeMenu()}_outsideKey(t){!this.menuIsClosed&&"Tab"===t.key&&this.dropdownMenu.nativeElement.contains(t.target)&&this.closeMenu()}_keyboardNav(t){"Escape"!==t.key&&"Esc"!==t.key||this.menuIsClosed||t.stopImmediatePropagation(),"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),this.closeMenu(),this.dropdownButton.nativeElement.focus()):this.menuIsClosed||"Tab"!==t.key||(this.dropdownButton.nativeElement.focus(),this.dropdownButton.nativeElement.dispatchEvent(new KeyboardEvent("keydown",{bubbles:!0,cancelable:!0,key:"Tab"})),this.closeMenu())}_appendToDropdown(){this.dropdownService.appendToDropdown(this.elementRef.nativeElement),this.dropdownMenu.nativeElement.removeEventListener("keydown",this.keyboardNav,!0)}_appendToBody(){this.dropdownService.appendToBody(this.dropdownButton.nativeElement,this.dropdownMenu.nativeElement,this.elementRef.nativeElement.className),this.dropdownMenu.nativeElement.addEventListener("keydown",this.keyboardNav,!0)}openMenu(){if(0!==this.view.getListItems().length){if(this.menuIsClosed=!1,!this.appendInline){const t=this.dropdownButton.nativeElement,e=this.elementRef.nativeElement;this.visibilitySubscription=this.elementService.visibility(t,e).subscribe(t=>{this.dropdownService.updatePosition(this.dropdownButton.nativeElement),t.visible||this.closeMenu()}),this._appendToBody()}setTimeout(()=>{const t=this.dropdownMenu.nativeElement.getBoundingClientRect();t.bottom>window.innerHeight?window.innerHeight-t.top>100?this.view.enableScroll&&this.view.enableScroll():this.dropUp=!0:this.dropUp=!1},0),document.body.firstElementChild.addEventListener("click",this.noop,!0),document.body.firstElementChild.addEventListener("keydown",this.noop,!0),document.addEventListener("click",this.outsideClick,!0),document.addEventListener("keydown",this.outsideKey,!0),setTimeout(()=>this.view.initFocus(),0)}}closeMenu(){this.menuIsClosed||(this.menuIsClosed=!0,this.onClose.emit(),this.close.emit(),this.dropdownButton.nativeElement.focus(),this.view.disableScroll&&this.view.disableScroll(),this.appendInline||(this.visibilitySubscription.unsubscribe(),this._appendToDropdown()),document.body.firstElementChild.removeEventListener("click",this.noop,!0),document.body.firstElementChild.removeEventListener("keydown",this.noop,!0),document.removeEventListener("click",this.outsideClick,!0),document.removeEventListener("keydown",this.outsideKey,!0))}toggleMenu(){this.menuIsClosed?this.openMenu():this.closeMenu()}isTemplate(t){return t instanceof u.TemplateRef}};Zi.dropdownCount=0,a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"helperText",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"placeholder",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"displayValue",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"clearText",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"type",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"inline",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"disableArrowKeys",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Zi.prototype,"appendToBody",null),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"appendInline",void 0),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"scrollableContainer",void 0),a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Zi.prototype,"value",null),a([Object(u.Input)(),l("design:type",String)],Zi.prototype,"itemValueKey",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"menuButtonLabel",void 0),a([Object(u.Input)(),l("design:type",Object)],Zi.prototype,"selectedLabel",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Zi.prototype,"selected",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Zi.prototype,"onClose",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Zi.prototype,"close",void 0),a([Object(u.ContentChild)(Ji),l("design:type",Ji)],Zi.prototype,"view",void 0),a([Object(u.ViewChild)("dropdownButton"),l("design:type",Object)],Zi.prototype,"dropdownButton",void 0),a([Object(u.ViewChild)("dropdownMenu"),l("design:type",Object)],Zi.prototype,"dropdownMenu",void 0),a([Object(u.HostBinding)("class.bx--dropdown__wrapper"),l("design:type",Object)],Zi.prototype,"hostClass",void 0),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[KeyboardEvent]),l("design:returntype",void 0)],Zi.prototype,"onKeyDown",null),Zi=Xi=a([Object(u.Component)({selector:"ibm-dropdown",template:'\n\t<label *ngIf="label" class="bx--label">\n\t\t<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>\n\t\t<ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>\n\t</label>\n\t<div *ngIf="helperText" class="bx--form__helper-text">\n\t\t<ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container>\n\t\t<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>\n\t</div>\n\t<div\n\t\t[id]="id"\n\t\tclass="bx--dropdown bx--list-box"\n\t\t[ngClass]="{\n\t\t\t\'bx--dropdown--light\': theme === \'light\',\n\t\t\t\'bx--list-box--inline\': inline,\n\t\t\t\'bx--skeleton\': skeleton,\n\t\t\t\'bx--dropdown--disabled bx--list-box--disabled\': disabled,\n\t\t\t\'bx--dropdown--invalid\': invalid\n\t\t}">\n\t\t<div\n\t\t\trole="button"\n\t\t\ttype="button"\n\t\t\t#dropdownButton\n\t\t\tclass="bx--list-box__field"\n\t\t\t[ngClass]="{\'a\': !menuIsClosed}"\n\t\t\t[attr.aria-expanded]="!menuIsClosed"\n\t\t\t[attr.aria-disabled]="disabled"\n\t\t\t(click)="disabled ? $event.stopPropagation() : toggleMenu()"\n\t\t\t(blur)="onBlur()"\n\t\t\t[attr.disabled]="disabled ? true : null"\n\t\t\t[tabindex]="disabled ? -1 : 0">\n\t\t\t<div\n\t\t\t\t(click)="clearSelected()"\n\t\t\t\t(keydown.enter)="clearSelected()"\n\t\t\t\t*ngIf="type === \'multi\' && getSelectedCount() > 0"\n\t\t\t\tclass="bx--tag--filter bx--list-box__selection--multi"\n\t\t\t\ttabindex="0"\n\t\t\t\t[title]="clearText">\n\t\t\t\t{{getSelectedCount()}}\n\t\t\t\t<svg\n\t\t\t\t\tfocusable="false"\n\t\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\t\tstyle="will-change: transform;"\n\t\t\t\t\trole="img"\n\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\twidth="16"\n\t\t\t\t\theight="16"\n\t\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\t\taria-hidden="true">\n\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</svg>\n\t\t\t</div>\n\t\t\t<span *ngIf="isRenderString()" class="bx--list-box__label">{{getDisplayStringValue() | async}}</span>\n\t\t\t<ng-template\n\t\t\t\t*ngIf="!isRenderString()"\n\t\t\t\t[ngTemplateOutletContext]="getRenderTemplateContext()"\n\t\t\t\t[ngTemplateOutlet]="displayValue">\n\t\t\t</ng-template>\n\t\t\t<svg ibmIconWarningFilled16\n\t\t\t\t*ngIf="invalid"\n\t\t\t\tclass="bx--dropdown__invalid-icon">\n\t\t\t</svg>\n\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t*ngIf="!skeleton"\n\t\t\t\tclass="bx--list-box__menu-icon"\n\t\t\t\t[attr.aria-label]="menuButtonLabel"\n\t\t\t\t[ngClass]="{\'bx--list-box__menu-icon--open\': !menuIsClosed }">\n\t\t\t</ibm-icon-chevron-down16>\n\t\t</div>\n\t\t<div\n\t\t\t#dropdownMenu\n\t\t\t[ngClass]="{\n\t\t\t\t\'drop-up\': dropUp\n\t\t\t}">\n\t\t\t<ng-content *ngIf="!menuIsClosed"></ng-content>\n\t\t</div>\n\t</div>\n\t<div *ngIf="invalid" class="bx--form-requirement">\n\t\t{{invalidText}}\n\t</div>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Xi,multi:!0}]}),l("design:paramtypes",[u.ElementRef,Ct,Qi,u.ApplicationRef,nt])],Zi);var to;let eo=to=class{constructor(t,e){this.elementRef=t,this.i18n=e,this.ariaLabel=this.i18n.get().DROPDOWN_LIST.LABEL,this.listTpl=null,this.select=new u.EventEmitter,this.scroll=new u.EventEmitter,this.blurIntent=new u.EventEmitter,this.type="single",this.size="md",this.displayItems=[],this.index=-1,this._items=[]}set items(t){Object(S.isObservable)(t)?(this._itemsSubscription&&this._itemsSubscription.unsubscribe(),this._itemsReady=new S.Observable(e=>{this._itemsSubscription=t.subscribe(t=>{this.updateList(t),e.next(!0),e.complete()})}),this.onItemsReady(null)):this.updateList(t),this._originalItems=t}get items(){return this._originalItems}ngAfterViewInit(){this.index=this.getListItems().findIndex(t=>t.selected),this.setupFocusObservable()}ngOnDestroy(){this.focusJump&&this.focusJump.unsubscribe(),this._itemsSubscription&&this._itemsSubscription.unsubscribe()}updateList(t){this._items=t.map(t=>Object.assign({},t)),this.displayItems=this._items,this.index=this._items.findIndex(t=>t.selected),this.setupFocusObservable(),setTimeout(()=>{if(this.getSelected()===[])if("single"===this.type)this.select.emit({item:this._items.find(t=>t.selected),isUpdate:!0});else{const t=this.getSelected()||[];t.isUpdate=!0,this.select.emit(t)}})}filterBy(t=""){this.displayItems=t?this.getListItems().filter(e=>e.content.toLowerCase().includes(t.toLowerCase())):this.getListItems(),this.index=0}setupFocusObservable(){this.focusJump&&this.focusJump.unsubscribe();let t=Array.from(this.list.nativeElement.querySelectorAll("li"));var e,n;this.focusJump=(e=this.list.nativeElement,n=t,Object(S.fromEvent)(e,"keydown").pipe(Object(V.debounceTime)(150),Object(V.map)(t=>{let e=n.find(e=>e.textContent.trim().toLowerCase().startsWith(t.key));if(e)return e}),Object(V.filter)(t=>!!t))).subscribe(t=>{t.focus()})}getNextItem(){return this.index<this.displayItems.length-1&&this.index++,this.displayItems[this.index]}hasNextElement(){return this.index<this.displayItems.length-1}getNextElement(){this.index<this.displayItems.length-1&&this.index++;let t=this.listElementList.toArray()[this.index].nativeElement;return this.displayItems[this.index].disabled?this.getNextElement():t}getPrevItem(){return this.index>0&&this.index--,this.displayItems[this.index]}hasPrevElement(){return this.index>0}getPrevElement(){this.index>0&&this.index--;let t=this.listElementList.toArray()[this.index].nativeElement;return this.displayItems[this.index].disabled?this.getPrevElement():t}getCurrentItem(){return this.index<0?this.displayItems[0]:this.displayItems[this.index]}getCurrentElement(){return this.index<0?this.listElementList.first.nativeElement:this.listElementList.toArray()[this.index].nativeElement}getListItems(){return this._items}getSelected(){let t=this.getListItems().filter(t=>t.selected);return 0===t.length?[]:t}propagateSelected(t){Array.isArray(t)||console.error(`${this.constructor.name}.propagateSelected expects an Array<ListItem>, got ${JSON.stringify(t)}`),this.onItemsReady(()=>{for(let e of this.getListItems()){let n=Object.assign({},e);delete n.selected,n=JSON.stringify(n);for(let i of t){let t=Object.assign({},i);if(delete t.selected,t=JSON.stringify(t),n.includes(t)){e.selected=i.selected;break}e.selected=!1}}})}initFocus(){this.index<0&&(this.index=0),this.getCurrentElement().focus()}doKeyDown(t,e){"Enter"===t.key||" "===t.key||"Spacebar"===t.key?(this.listElementList.some(e=>e.nativeElement===t.target)&&t.preventDefault(),"Enter"===t.key&&this.doClick(t,e)):"ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Down"!==t.key&&"Up"!==t.key||(t.preventDefault(),"ArrowDown"===t.key||"Down"===t.key?this.hasNextElement()?this.getNextElement().focus():this.blurIntent.emit("bottom"):"ArrowUp"!==t.key&&"Up"!==t.key||(this.hasPrevElement()?this.getPrevElement().focus():this.blurIntent.emit("top")))}doClick(t,e){if(t.preventDefault(),!e.disabled){if("single"===this.type){e.selected=!0;for(let t of this.getListItems())e!==t&&(t.selected=!1);this.select.emit({item:e})}else e.selected=!e.selected,this.select.emit(this.getSelected());this.index=this.getListItems().indexOf(e)}}onItemFocus(t){const e=this.listElementList.toArray()[t].nativeElement;e.classList.add("bx--list-box__menu-item--highlighted"),e.tabIndex=0}onItemBlur(t){const e=this.listElementList.toArray()[t].nativeElement;e.classList.remove("bx--list-box__menu-item--highlighted"),e.tabIndex=-1}emitScroll(t){const e={atTop:0===t.srcElement.scrollTop,atBottom:t.srcElement.scrollHeight-t.srcElement.scrollTop===t.srcElement.clientHeight,event:t};this.scroll.emit(e)}onItemsReady(t){(this._itemsReady||Object(S.of)(!0)).pipe(Object(V.first)()).subscribe(t)}};a([Object(u.Input)(),l("design:type",Object)],eo.prototype,"ariaLabel",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],eo.prototype,"items",null),a([Object(u.Input)(),l("design:type",Object)],eo.prototype,"listTpl",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],eo.prototype,"select",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],eo.prototype,"scroll",void 0),a([Object(u.Output)(),l("design:type",Object)],eo.prototype,"blurIntent",void 0),a([Object(u.ViewChild)("list"),l("design:type",u.ElementRef)],eo.prototype,"list",void 0),a([Object(u.Input)(),l("design:type",String)],eo.prototype,"type",void 0),a([Object(u.ViewChildren)("listItem"),l("design:type",u.QueryList)],eo.prototype,"listElementList",void 0),eo=to=a([Object(u.Component)({selector:"ibm-dropdown-list",template:'\n\t\t<ul\n\t\t\t#list\n\t\t\trole="listbox"\n\t\t\tclass="bx--list-box__menu bx--multi-select"\n\t\t\t(scroll)="emitScroll($event)"\n\t\t\t[attr.aria-label]="ariaLabel">\n\t\t\t<li\n\t\t\t\trole="option"\n\t\t\t\t*ngFor="let item of displayItems; let i = index"\n\t\t\t\t(click)="doClick($event, item)"\n\t\t\t\t(keydown)="doKeyDown($event, item)"\n\t\t\t\t(focus)="onItemFocus(i)"\n\t\t\t\t(blur)="onItemBlur(i)"\n\t\t\t\tclass="bx--list-box__menu-item"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'bx--list-box__menu-item--active\': item.selected,\n\t\t\t\t\tdisabled: item.disabled\n\t\t\t\t}"\n\t\t\t\t[title]="item.content">\n\t\t\t\t<div\n\t\t\t\t\t#listItem\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tclass="bx--list-box__menu-item__option">\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf="!listTpl && type === \'multi\'"\n\t\t\t\t\t\tclass="bx--form-item bx--checkbox-wrapper">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[attr.data-contained-checkbox-state]="item.selected"\n\t\t\t\t\t\t\tclass="bx--checkbox-label">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass="bx--checkbox"\n\t\t\t\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t\t\t\t[checked]="item.selected"\n\t\t\t\t\t\t\t\t[disabled]="item.disabled"\n\t\t\t\t\t\t\t\ttabindex="-1">\n\t\t\t\t\t\t\t<span class="bx--checkbox-appearance"></span>\n\t\t\t\t\t\t\t<span class="bx--checkbox-label-text">{{item.content}}</span>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ng-container *ngIf="!listTpl && type === \'single\'">{{item.content}}</ng-container>\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t*ngIf="listTpl"\n\t\t\t\t\t\t[ngTemplateOutletContext]="{item: item}"\n\t\t\t\t\t\t[ngTemplateOutlet]="listTpl">\n\t\t\t\t\t</ng-template>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t</ul>',providers:[{provide:Ji,useExisting:to}]}),l("design:paramtypes",[u.ElementRef,Ct])],eo);let no=class{constructor(t){this.elementRef=t,this.nScrollableList=null,this.scrollEnabled=!0,this.scrollBy=10,this.canScrollUp=!1,this.canScrollDown=!1,this.list=this.elementRef.nativeElement}ngOnChanges(t){t.scrollEnabled&&(t.scrollEnabled.currentValue?(this.list.style.overflow="hidden",this.scrollUpTarget.style.display="flex",this.scrollDownTarget.style.display="flex",this.canScrollUp=!0,this.canScrollDown=!0,this.updateScrollHeight(),this.checkScrollArrows(),setTimeout(()=>{this.checkScrollArrows()})):(this.scrollUpTarget.style.display="none",this.scrollDownTarget.style.display="none",this.canScrollUp=!1,this.canScrollDown=!1,this.list.style.height=null,this.list.style.overflow=null,clearInterval(this.hoverScrollInterval)))}ngAfterViewInit(){this.nScrollableList&&(this.list=this.elementRef.nativeElement.querySelector(this.nScrollableList)),this.scrollUpTarget.addEventListener("mouseover",()=>this.onHoverUp(!0)),this.scrollUpTarget.addEventListener("mouseout",()=>this.onHoverUp(!1)),this.scrollDownTarget.addEventListener("mouseover",()=>this.onHoverDown(!0)),this.scrollDownTarget.addEventListener("mouseout",()=>this.onHoverDown(!1))}updateScrollHeight(){if(this.scrollEnabled){const t=this.elementRef.nativeElement.parentElement.getBoundingClientRect(),e=this.list.getBoundingClientRect().top-t.top,n=t.height-(t.bottom-window.innerHeight)-e-40;this.list.style.height=`${n}px`}}checkScrollArrows(){const t=this.scrollUpTarget.offsetHeight,e=this.scrollDownTarget.offsetHeight;0===this.list.scrollTop?(this.canScrollUp&&(this.list.style.height=`${parseInt(this.list.style.height,10)+t}px`),this.scrollUpTarget.style.display="none",this.canScrollUp=!1):this.list.scrollTop===this.list.scrollTopMax?(this.canScrollDown&&(this.list.style.height=`${parseInt(this.list.style.height,10)+e}px`),this.scrollDownTarget.style.display="none",this.canScrollDown=!1):(this.canScrollUp||(this.list.style.height=`${parseInt(this.list.style.height,10)-t}px`),this.canScrollDown||(this.list.style.height=`${parseInt(this.list.style.height,10)-e}px`),this.scrollUpTarget.style.display="flex",this.scrollDownTarget.style.display="flex",this.canScrollUp=!0,this.canScrollDown=!0)}onWheel(t){t.deltaY<0?this.list.scrollTop-=this.scrollBy:this.list.scrollTop+=this.scrollBy,this.list.scrollTop!==this.list.scrollTopMax&&0!==this.list.scrollTop&&(t.preventDefault(),t.stopPropagation()),this.checkScrollArrows()}onTouchStart(t){t.touches[0]&&(this.lastTouch=t.touches[0].clientY)}onTouchMove(t){if(t.preventDefault(),t.stopPropagation(),t.touches[0]){const e=t.touches[0];this.list.scrollTop+=this.lastTouch-e.clientY,this.lastTouch=e.clientY,this.checkScrollArrows()}}hoverScrollBy(t,e){t?this.hoverScrollInterval=setInterval(()=>{this.list.scrollTop+=e,this.checkScrollArrows()},1):clearInterval(this.hoverScrollInterval)}onHoverUp(t){this.hoverScrollBy(t,-3)}onHoverDown(t){this.hoverScrollBy(t,3)}onKeyDown(t){"ArrowDown"!==t.key&&"ArrowUp"!==t.key||this.checkScrollArrows()}};a([Object(u.Input)(),l("design:type",String)],no.prototype,"nScrollableList",void 0),a([Object(u.Input)(),l("design:type",Object)],no.prototype,"scrollEnabled",void 0),a([Object(u.Input)(),l("design:type",HTMLElement)],no.prototype,"scrollUpTarget",void 0),a([Object(u.Input)(),l("design:type",HTMLElement)],no.prototype,"scrollDownTarget",void 0),a([Object(u.Input)(),l("design:type",Object)],no.prototype,"scrollBy",void 0),a([Object(u.HostListener)("wheel",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onWheel",null),a([Object(u.HostListener)("touchstart",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onTouchStart",null),a([Object(u.HostListener)("touchmove",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onTouchMove",null),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],no.prototype,"onKeyDown",null),no=a([Object(u.Directive)({selector:"[ibmScrollableList]",exportAs:"scrollable-list"}),l("design:paramtypes",[u.ElementRef])],no);let io=class{};io=a([Object(u.NgModule)({declarations:[Zi,eo,no],exports:[Zi,eo,no],imports:[h.CommonModule,ki.FormsModule,St,L,Bi,qi,at],providers:[Qi]})],io);let oo=class{};oo=a([Object(u.NgModule)({declarations:[Yi],exports:[Yi,io],imports:[h.CommonModule,io,Bi,Wi,St,qi,at]})],oo);let ro=class{constructor(){this.name="option",this.selected=new u.EventEmitter,this.switcherClass="bx--content-switcher-btn",this.selectedClass=!1,this.role="tab",this.ariaSelected=!1,this.tabindex="-1",this._active=!1}set active(t){this._active=t,this.selectedClass=t,this.ariaSelected=t,this.tabindex=t?"0":"-1"}get active(){return this._active}hostClick(){this.active=!0,this.selected.emit(!0)}onFocus(){this.active=!0,this.selected.emit(!0)}};a([Object(u.Input)(),l("design:type",Boolean),l("design:paramtypes",[Boolean])],ro.prototype,"active",null),a([Object(u.Input)(),l("design:type",Object)],ro.prototype,"name",void 0),a([Object(u.Output)(),l("design:type",Object)],ro.prototype,"selected",void 0),a([Object(u.HostBinding)("class"),l("design:type",Object)],ro.prototype,"switcherClass",void 0),a([Object(u.HostBinding)("class.bx--content-switcher--selected"),l("design:type",Object)],ro.prototype,"selectedClass",void 0),a([Object(u.HostBinding)("attr.role"),l("design:type",Object)],ro.prototype,"role",void 0),a([Object(u.HostBinding)("attr.aria-selected"),l("design:type",Object)],ro.prototype,"ariaSelected",void 0),a([Object(u.HostBinding)("attr.tabIndex"),l("design:type",Object)],ro.prototype,"tabindex",void 0),a([Object(u.HostListener)("click"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],ro.prototype,"hostClick",null),a([Object(u.HostListener)("focus"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],ro.prototype,"onFocus",null),ro=a([Object(u.Directive)({selector:"[ibmContentOption]"})],ro);let ao=class{constructor(t){this.elementRef=t,this.ariaLabel="content switcher",this.selected=new u.EventEmitter}set label(t){console.warn("`label` is deprecated (to be removed in next major version). Use `ariaLabel` instead."),this.ariaLabel=t}get label(){return console.warn("`label` is deprecated (to be removed in next major version). Use `ariaLabel` instead."),this.ariaLabel}ngAfterViewInit(){this.options.find(t=>t.active)||setTimeout(()=>this.options.first.active=!0),this.options.forEach(t=>{t.selected.subscribe(e=>{const n=t;this.options.forEach(t=>{t!==n&&(t.active=!1)}),this.selected.emit(n)})})}hostkeys(t){const e=Array.from(this.elementRef.nativeElement.querySelectorAll("[ibmContentOption]"));switch(t.key){case"Right":case"ArrowRight":if(t.preventDefault(),P(t,e))e[0].focus();else{const n=e.findIndex(e=>e===t.target);e[n+1].focus()}break;case"Left":case"ArrowLeft":if(t.preventDefault(),R(t,e))e[e.length-1].focus();else{const n=e.findIndex(e=>e===t.target);e[n-1].focus()}break;case"Home":t.preventDefault(),e[0].focus();break;case"End":t.preventDefault(),e[e.length-1].focus()}}};a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],ao.prototype,"label",null),a([Object(u.Input)(),l("design:type",Object)],ao.prototype,"ariaLabel",void 0),a([Object(u.Output)(),l("design:type",Object)],ao.prototype,"selected",void 0),a([Object(u.ContentChildren)(ro),l("design:type",u.QueryList)],ao.prototype,"options",void 0),a([Object(u.HostListener)("keydown",["$event"]),l("design:type",Function),l("design:paramtypes",[KeyboardEvent]),l("design:returntype",void 0)],ao.prototype,"hostkeys",null),ao=a([Object(u.Component)({selector:"ibm-content-switcher",template:'\n\t\t<div\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\tclass="bx--content-switcher"\n\t\t\trole="tablist">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t'}),l("design:paramtypes",[u.ElementRef])],ao);let so=class{};var lo;so=a([Object(u.NgModule)({declarations:[ao,ro],exports:[ao,ro],imports:[h.CommonModule]})],so);let co=lo=class{constructor(t){this.elementRef=t,this.type="simple",this.id=`datepicker-${lo.datePickerCount++}`,this.hasIcon=!1,this.placeholder="mm/dd/yyyy",this.pattern="^\\d{1,2}/\\d{1,2}/\\d{4}$",this.valueChange=new u.EventEmitter,this.theme="dark",this.disabled=!1,this.invalid=!1,this.skeleton=!1,this.value="",this.onTouched=()=>{},this.propagateChange=t=>{}}onChange(t){this.value=t.target.value,this.valueChange.emit(this.value),this.propagateChange(this.value),this.onTouched()}writeValue(t){this.value=t}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}isTemplate(t){return t instanceof u.TemplateRef}};co.datePickerCount=0,a([Object(u.Input)(),l("design:type",String)],co.prototype,"type",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"hasIcon",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"placeholder",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"pattern",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],co.prototype,"valueChange",void 0),a([Object(u.Input)(),l("design:type",String)],co.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],co.prototype,"value",void 0),a([Object(u.ViewChild)("input"),l("design:type",u.ElementRef)],co.prototype,"input",void 0),co=lo=a([Object(u.Component)({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\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<svg ibmIconCalendar16 class="bx--date-picker__icon"></svg>\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</div>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:lo,multi:!0}]}),l("design:paramtypes",[u.ElementRef])],co);var po=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-calendar16",template:'\n    <svg\n      ibmIconCalendar16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),uo=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M13 2h-2V1h-1v1H6V1H5v1H3c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h10c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm0 11H3V6h10v7zm0-8H3V3h2v1h1V3h4v1h1V3h2v2z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","calendar16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","calendar16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCalendar16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),ho=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[po,uo],exports:[po,uo]}]}],t}();let go=class{};go=a([Object(u.NgModule)({declarations:[co],exports:[co],imports:[h.CommonModule,ho]})],go);var bo=n(7),mo=n.n(bo),fo=n(6),vo=n.n(fo);const yo=(t,e,n)=>n.months[e?"shorthand":"longhand"][t],Oo=".flatpickr-current-month",wo=".numInputWrapper",Co="cur-month",xo=!1,jo=t=>{const e=()=>{if(!t.yearElements)return;const e=yo(t.currentMonth,!0===xo,t.l10n);t.yearElements.forEach(t=>{const n=t.closest(Oo);Array.prototype.forEach.call(n.querySelectorAll(".cur-month"),t=>{t.textContent=e})})};return{onMonthChange:e,onValueUpdate:e,onOpen:e,onReady:[()=>{t.monthElements&&t.yearElements&&(t.monthElements.forEach(t=>{t.parentNode&&t.parentNode.removeChild(t)}),t.monthElements.splice(0,t.monthElements.length,...t.monthElements.map(()=>{const e=t._createElement("span",Co);return e.textContent=yo(t.currentMonth,!0===xo,t.l10n),t.yearElements[0].closest(Oo).insertBefore(e,t.yearElements[0].closest(wo)),e})))},e,()=>{t.loadedPlugins.push("carbonFlatpickrMonthSelectPlugin")}]}};var Io,So=n(8),ko=n.n(So);let Eo=Io=class{constructor(t,e){this.elementRef=t,this.elementService=e,this.range=!1,this.dateFormat="m/d/Y",this.language="en",this.placeholder="mm/dd/yyyy",this.pattern="^\\d{1,2}/\\d{1,2}/\\d{4}$",this.id=`datepicker-${Io.datePickerCount++}`,this.theme="dark",this.disabled=!1,this.invalid=!1,this.skeleton=!1,this.plugins=[],this.valueChange=new u.EventEmitter,this._value=[],this._flatpickrOptions={allowInput:!0},this.flatpickrBaseOptions={mode:"single",dateFormat:"m/d/Y",plugins:this.plugins,onOpen:()=>{this.updateClassNames(),this.updateCalendarListeners()},value:this.value},this.flatpickrInstance=null,this.visibilitySubscription=new S.Subscription,this.onTouched=()=>{},this.propagateChange=t=>{},this.preventCalendarClose=t=>t.stopPropagation()}set value(t){t||(t=[]),this._value=t}get value(){return this._value}set flatpickrOptions(t){this._flatpickrOptions=Object.assign({},this._flatpickrOptions,t)}get flatpickrOptions(){const t=[...this.plugins,jo];return this.range&&t.push(mo()({input:`#${this.id}-rangeInput`,position:"left"})),Object.assign({},this._flatpickrOptions,this.flatpickrBaseOptions,{mode:this.range?"range":"single",plugins:t,dateFormat:this.dateFormat,locale:ko.a[this.language]})}set flatpickrOptionsRange(t){console.warn("flatpickrOptionsRange is deprecated, use flatpickrOptions and set the range to true instead"),this.range=!0,this.flatpickrOptions=t}get flatpickrOptionsRange(){return console.warn("flatpickrOptionsRange is deprecated, use flatpickrOptions and set the range to true instead"),this.flatpickrOptions}ngOnChanges(t){if(this.isFlatpickrLoaded()){let e=this.flatpickrInstance.selectedDates;t.value&&this.didDateValueChange(t.value.currentValue,t.value.previousValue)&&(e=t.value.currentValue),this.flatpickrInstance=vo()(`#${this.id}`,this.flatpickrOptions),this.setDateValues(e)}}ngAfterViewInit(){this.visibilitySubscription=this.elementService.visibility(this.elementRef.nativeElement,this.elementRef.nativeElement).subscribe(t=>{this.isFlatpickrLoaded()&&this.flatpickrInstance.isOpen&&(this.flatpickrInstance._positionCalendar(this.elementRef.nativeElement.querySelector(`#${this.id}`)),t.visible||this.flatpickrInstance.close())})}ngAfterViewChecked(){this.isFlatpickrLoaded()||(this.flatpickrInstance=vo()(`#${this.id}`,this.flatpickrOptions),this.isFlatpickrLoaded()&&this.value.length>0&&this.setDateValues(this.value))}onFocus(){if(this.range)if(this.rangeInput.input.nativeElement===document.activeElement&&this.flatpickrInstance.selectedDates[1]){const t=this.flatpickrInstance.selectedDates[1].getMonth();this.flatpickrInstance.changeMonth(t,!1)}else if(this.input.input.nativeElement===document.activeElement&&this.flatpickrInstance.selectedDates[0]){const t=this.flatpickrInstance.selectedDates[0].getMonth();this.flatpickrInstance.changeMonth(t,!1)}this.onTouched()}writeValue(t){this.value=t,this.isFlatpickrLoaded()&&this.flatpickrInstance.config&&this.setDateValues(this.value)}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}ngOnDestroy(){this.isFlatpickrLoaded()&&(this.flatpickrInstance.destroy(),this.visibilitySubscription.unsubscribe())}onValueChange(t){if(this.isFlatpickrLoaded()){const e=this.flatpickrInstance.parseDate(t,this.dateFormat);this.range?this.setDateValues([e,this.flatpickrInstance.selectedDates[1]]):this.setDateValues([e]),this.doSelect(this.flatpickrInstance.selectedDates)}}onRangeValueChange(t){if(this.isFlatpickrLoaded()){const e=this.flatpickrInstance.parseDate(t,this.dateFormat);this.setDateValues([this.flatpickrInstance.selectedDates[0],e]),this.doSelect(this.flatpickrInstance.selectedDates)}}openCalendar(t){if(this.range){if(t.input.nativeElement.click(),t===this.input&&this.flatpickrInstance.selectedDates[0]){const t=this.flatpickrInstance.selectedDates[0].getMonth();this.flatpickrInstance.currentYear=this.flatpickrInstance.selectedDates[0].getFullYear(),this.flatpickrInstance.changeMonth(t,!1)}}else this.flatpickrInstance.open()}updateCalendarListeners(){const t=document.querySelectorAll(".flatpickr-calendar");Array.from(t).forEach(t=>{t.removeEventListener("click",this.preventCalendarClose),t.addEventListener("click",this.preventCalendarClose)})}updateClassNames(){if(!this.elementRef)return;const t=document.querySelectorAll(".flatpickr-calendar"),e=document.querySelectorAll(".flatpickr-month"),n=document.querySelectorAll(".flatpickr-weekdays"),i=document.querySelectorAll(".flatpickr-weekday"),o=document.querySelectorAll(".flatpickr-days"),r=document.querySelectorAll(".flatpickr-day"),a=(t,e)=>{Array.from(e).forEach(e=>{e.classList.contains(t)||e.classList.add(t)})};a("bx--date-picker__calendar",t),a("bx--date-picker__month",e),a("bx--date-picker__weekdays",n),a("bx--date-picker__days",o),Array.from(i).forEach(t=>{t.innerHTML=t.innerHTML.replace(/\s+/g,""),t.classList.add("bx--date-picker__weekday")}),Array.from(r).forEach(t=>{t.classList.add("bx--date-picker__day"),this.value&&(t.classList.contains("today")&&this.value.length>0?t.classList.add("no-border"):t.classList.contains("today")&&0===this.value.length&&t.classList.remove("no-border"))})}setDateValues(t){if(this.isFlatpickrLoaded()){const e=this.elementRef.nativeElement.querySelector(`#${this.id}`),n=this.elementRef.nativeElement.querySelector(`#${this.id}-rangeInput`);this.flatpickrInstance.setDate(t);let i="";if("string"==typeof this.flatpickrInstance.selectedDates[0]?(i=this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[0],this.dateFormat),i=this.flatpickrInstance.formatDate(i,this.dateFormat)):this.flatpickrInstance.selectedDates[0]&&(i=this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[0],this.dateFormat)),n){let t="";"string"==typeof this.flatpickrInstance.selectedDates[1]?(t=this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[1].toString(),this.dateFormat),t=this.flatpickrInstance.formatDate(t,this.dateFormat)):this.flatpickrInstance.selectedDates[1]&&(t=this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[1],this.dateFormat)),setTimeout(()=>{n.value=t,e.value=i})}}}doSelect(t){this.valueChange.emit(t),this.propagateChange(t)}didDateValueChange(t,e){return t[0]!==e[0]||t[1]!==e[1]}isFlatpickrLoaded(){return!!this.flatpickrInstance&&!!this.flatpickrInstance.setDate}};Eo.datePickerCount=0,a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"range",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"dateFormat",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"language",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",String)],Eo.prototype,"rangeLabel",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"placeholder",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"pattern",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Array),l("design:paramtypes",[Array])],Eo.prototype,"value",null),a([Object(u.Input)(),l("design:type",String)],Eo.prototype,"theme",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"invalid",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Eo.prototype,"plugins",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Eo.prototype,"flatpickrOptions",null),a([Object(u.ViewChild)("input"),l("design:type",co)],Eo.prototype,"input",void 0),a([Object(u.ViewChild)("rangeInput"),l("design:type",co)],Eo.prototype,"rangeInput",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Eo.prototype,"valueChange",void 0),a([Object(u.HostListener)("focusin"),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],Eo.prototype,"onFocus",null),Eo=Io=a([Object(u.Component)({selector:"ibm-date-picker",template:'\n\t<div class="bx--form-item">\n\t\t<div class="bx--form-item">\n\t\t\t<div\n\t\t\t\tclass="bx--date-picker"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'bx--date-picker--range\' : range,\n\t\t\t\t\t\'bx--date-picker--single\' : !range,\n\t\t\t\t\t\'bx--date-picker--light\' : theme === \'light\',\n\t\t\t\t\t\'bx--skeleton\' : skeleton\n\t\t\t\t}">\n\t\t\t\t<div class="bx--date-picker-container">\n\t\t\t\t\t<ibm-date-picker-input\n\t\t\t\t\t\t#input\n\t\t\t\t\t\t[label]="label"\n\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t[pattern]="pattern"\n\t\t\t\t\t\t[id]="id"\n\t\t\t\t\t\t[type]="(range ? \'range\' : \'single\')"\n\t\t\t\t\t\t[hasIcon]="(range ? false : true)"\n\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t\t(valueChange)="onValueChange($event)"\n\t\t\t\t\t\t(click)="openCalendar(input)">\n\t\t\t\t\t</ibm-date-picker-input>\n\t\t\t\t</div>\n\n\t\t\t\t<div *ngIf="range" class="bx--date-picker-container">\n\t\t\t\t\t<ibm-date-picker-input\n\t\t\t\t\t\t#rangeInput\n\t\t\t\t\t\t[label]="rangeLabel"\n\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t[pattern]="pattern"\n\t\t\t\t\t\t[id]="id + \'-rangeInput\'"\n\t\t\t\t\t\t[type]="(range ? \'range\' : \'single\')"\n\t\t\t\t\t\t[hasIcon]="(range ? true : null)"\n\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t\t(valueChange)="onRangeValueChange($event)"\n\t\t\t\t\t\t(click)="openCalendar(rangeInput)">\n\t\t\t\t\t</ibm-date-picker-input>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t',styles:[".dayContainer {\n\t\t\tjustify-content: initial;\n\t\t}"],providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Io,multi:!0}],encapsulation:u.ViewEncapsulation.None}),l("design:paramtypes",[u.ElementRef,nt])],Eo);let To=class{};To=a([Object(u.NgModule)({declarations:[Eo],exports:[Eo,go],imports:[h.CommonModule,go,at]})],To);let _o=class{constructor(t,e){this.elementRef=t,this.sanitizer=e}set src(t){this._src=this.sanitizer.bypassSecurityTrustResourceUrl(t)}get src(){return this._src}ngOnInit(){document.querySelector("html").style.overflow="hidden",document.querySelector(".sb-show-main").classList.add("full-page")}ngOnDestroy(){document.querySelector("html").style.overflow="auto",document.querySelector(".sb-show-main").classList.remove("full-page")}onLoad(){const t=this.elementRef.nativeElement.querySelector("#docsIframe"),e=(t.contentDocument||t.contentWindow.document).querySelector("body"),n=e.querySelector(".content");n.style.width="100%",n.style.left=0,e.querySelector(".hidden-xs.menu").style.display="none"}};a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],_o.prototype,"src",null),_o=a([Object(u.Component)({selector:"ibm-documentation",template:'\n\t\t<iframe\n\t\t\tid="docsIframe"\n\t\t\tstyle="width: 100vw; height: 100vh;"\n\t\t\t(load)="onLoad()"\n\t\t\t[src]="src">\n\t\t</iframe>\n\t'}),l("design:paramtypes",[u.ElementRef,Ht.DomSanitizer])],_o);let Lo=class{};Lo=a([Object(u.NgModule)({declarations:[_o],exports:[_o],imports:[h.CommonModule]})],Lo);var Do,Ao=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-checkmark-filled16",template:'\n    <svg\n      ibmIconCheckmarkFilled16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),Mo=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zM7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z"></path><path d="M7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z" data-icon-path="inner-path" opacity="0"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","checkmark-filled16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","checkmark-filled16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCheckmarkFilled16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),Ro=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[Ao,Mo],exports:[Ao,Mo]}]}],t}();const Po=()=>{};let Ho=Do=class{constructor(t){this.i18n=t,this.buttonText=this.i18n.get().FILE_UPLOADER.OPEN,this.buttonType="primary",this.accept=[],this.multiple=!0,this.skeleton=!1,this.drop=!1,this.fileUploaderId=`file-uploader-${Do.fileUploaderCount}`,this.files=new Set,this.disabled=!1,this.filesChange=new u.EventEmitter,this.dragOver=!1,this.onTouchedCallback=Po,this.onChangeCallback=Po,Do.fileUploaderCount++}get value(){return this.files}set value(t){t!==this.files&&(this.files=t,this.onChangeCallback(t))}onBlur(){this.onTouchedCallback()}get fileList(){return Array.from(this.fileInput.nativeElement.files)}writeValue(t){t!==this.value&&(this.files=t)}createFileItem(t){return{uploaded:!1,state:"edit",invalid:!1,invalidText:"",file:t}}onFilesAdded(){this.multiple||this.files.clear();for(let t of this.fileList){const e=this.createFileItem(t);this.files.add(e),this.filesChange.emit(this.files)}this.value=this.files}onDragOver(t){t.stopPropagation(),t.preventDefault(),this.dragOver=!0}onDragLeave(t){t.stopPropagation(),t.preventDefault(),this.dragOver=!1}onDrop(t){t.stopPropagation(),t.preventDefault(),Array.from(t.dataTransfer.files).filter(({name:t,type:e})=>{const n=t.split(".").pop().replace(/^/,".");return this.accept.includes(e)||this.accept.includes(n)||!this.accept.length}).forEach(t=>{if(!this.files.size||this.multiple){const e=this.createFileItem(t);this.files.add(e),this.filesChange.emit(this.files)}}),this.value=this.files,this.dragOver=!1}removeFile(t){this.files&&this.files.delete(t),this.fileInput.nativeElement.value="",this.filesChange.emit(this.files)}isTemplate(t){return t instanceof u.TemplateRef}registerOnTouched(t){this.onTouchedCallback=t}registerOnChange(t){this.onChangeCallback=t}};Ho.fileUploaderCount=0,a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"buttonText",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"buttonType",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"title",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"description",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"accept",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"multiple",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",String)],Ho.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"drop",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"dropText",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"fileUploaderId",void 0),a([Object(u.ViewChild)("fileInput"),l("design:type",Object)],Ho.prototype,"fileInput",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"files",void 0),a([Object(u.Input)(),l("design:type",Object)],Ho.prototype,"disabled",void 0),a([Object(u.Output)(),l("design:type",Object)],Ho.prototype,"filesChange",void 0),Ho=Do=a([Object(u.Component)({selector:"ibm-file-uploader",template:'\n\t\t<ng-container *ngIf="!skeleton; else skeletonTemplate">\n\t\t\t<label [for]="fileUploaderId" class="bx--file--label">{{title}}</label>\n\t\t\t<p class="bx--label-description">{{description}}</p>\n\t\t\t<div class="bx--file">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf="drop"\n\t\t\t\t\tclass="bx--file-browse-btn"\n\t\t\t\t\t[ngClass]="{\'bx--file-browse-btn--disabled\': disabled}">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="bx--file__drop-container"\n\t\t\t\t\t\t[ngClass]="{\'bx--file__drop-container--drag-over\': dragOver}"\n\t\t\t\t\t\trole="button"\n\t\t\t\t\t\t(click)="fileInput.click()"\n\t\t\t\t\t\t[attr.for]="fileUploaderId"\n\t\t\t\t\t\t(dragover)="onDragOver($event)"\n\t\t\t\t\t\t(dragleave)="onDragLeave($event)"\n\t\t\t\t\t\t(drop)="onDrop($event)">\n\t\t\t\t\t\t<ng-container *ngIf="!isTemplate(dropText)">{{dropText}}</ng-container>\n\t\t\t\t\t\t<ng-template *ngIf="isTemplate(dropText)" [ngTemplateOutlet]="dropText"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t\t<button\n\t\t\t\t\t*ngIf="!drop"\n\t\t\t\t\ttype="button"\n\t\t\t\t\t[ibmButton]="buttonType"\n\t\t\t\t\t(click)="fileInput.click()"\n\t\t\t\t\t[attr.for]="fileUploaderId"\n\t\t\t\t\t[size]="size"\n\t\t\t\t\t[disabled]="disabled">\n\t\t\t\t\t{{buttonText}}\n\t\t\t\t</button>\n\t\t\t\t<input\n\t\t\t\t\t#fileInput\n\t\t\t\t\ttype="file"\n\t\t\t\t\tclass="bx--file-input"\n\t\t\t\t\t[accept]="accept"\n\t\t\t\t\t[id]="fileUploaderId"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[multiple]="multiple"\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\t(change)="onFilesAdded()"/>\n\t\t\t\t<div class="bx--file-container">\n\t\t\t\t\t<div *ngFor="let fileItem of files">\n\t\t\t\t\t\t<ibm-file [fileItem]="fileItem" (remove)="removeFile(fileItem)"></ibm-file>\n\t\t\t\t\t\t<div *ngIf="fileItem.invalid" class="bx--form-requirement">\n\t\t\t\t\t\t\t{{fileItem.invalidText}}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<div class="bx--skeleton__text" style="width: 100px"></div>\n\t\t\t<div class="bx--skeleton__text" style="width: 225px"></div>\n\t\t\t<button ibmButton skeleton="true"></button>\n\t\t</ng-template>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Do,multi:!0}]}),l("design:paramtypes",[Ct])],Ho);let Bo=class{constructor(t){this.i18n=t,this.translations=this.i18n.get().FILE_UPLOADER,this.remove=new u.EventEmitter,this.selectedFile=!0}get isInvalidText(){return this.fileItem.invalidText}ngOnDestroy(){this.remove.emit()}};a([Object(u.Input)(),l("design:type",Object)],Bo.prototype,"translations",void 0),a([Object(u.Input)(),l("design:type",Object)],Bo.prototype,"fileItem",void 0),a([Object(u.Output)(),l("design:type",Object)],Bo.prototype,"remove",void 0),a([Object(u.HostBinding)("class.bx--file__selected-file"),l("design:type",Object)],Bo.prototype,"selectedFile",void 0),a([Object(u.HostBinding)("class.bx--file__selected-file--invalid"),l("design:type",Object),l("design:paramtypes",[])],Bo.prototype,"isInvalidText",null),Bo=a([Object(u.Component)({selector:"ibm-file",template:'\n\t\t<p class="bx--file-filename">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf="fileItem.state === \'edit\'"\n\t\t\tclass="bx--file__state-container"\n\t\t\t(click)="remove.emit()"\n\t\t\t(keyup.enter)="remove.emit()"\n\t\t\t(keyup.space)="remove.emit()"\n\t\t\ttabindex="0">\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf="isInvalidText"\n\t\t\t\tclass="bx--file--invalid">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass="bx--file-close"\n\t\t\t\t[ariaLabel]="translations.REMOVE_BUTTON">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf="fileItem.state === \'upload\'">\n\t\t\t<div class="bx--inline-loading__animation">\n\t\t\t\t<ibm-loading size="sm"></ibm-loading>\n\t\t\t</div>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf="fileItem.state === \'complete\'"\n\t\t\tclass="bx--file__state-container"\n\t\t\ttabindex="0">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass="bx--file-complete"\n\t\t\t\t[ariaLabel]="translations.CHECKMARK">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t'}),l("design:paramtypes",[Ct])],Bo);let No=class{constructor(t){this.i18n=t,this.title=this.i18n.get().LOADING.TITLE,this.isActive=!0,this.size="normal",this.overlay=!1}};a([Object(u.Input)(),l("design:type",Object)],No.prototype,"title",void 0),a([Object(u.Input)(),l("design:type",Object)],No.prototype,"isActive",void 0),a([Object(u.Input)(),l("design:type",String)],No.prototype,"size",void 0),a([Object(u.Input)(),Object(u.HostBinding)("class.bx--loading-overlay"),l("design:type",Object)],No.prototype,"overlay",void 0),No=a([Object(u.Component)({selector:"ibm-loading",template:'\n\t\t<div\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--loading--small\': size === \'sm\',\n\t\t\t\t\'bx--loading--stop\': !isActive && !overlay,\n\t\t\t\t\'bx--loading-overlay--stop\': !isActive && overlay\n\t\t\t}"\n\t\t\tclass="bx--loading">\n\t\t\t<svg class="bx--loading__svg" viewBox="-75 -75 150 150">\n\t\t\t\t<title>{{title}}</title>\n\t\t\t\t<circle class="bx--loading__stroke" cx="0" cy="0" r="37.5" />\n\t\t\t</svg>\n\t\t</div>\n\t'}),l("design:paramtypes",[Ct])],No);let Fo=class{};Fo=a([Object(u.NgModule)({declarations:[No],exports:[No],imports:[h.CommonModule,St]})],Fo);const Uo=Bo;let Vo=class{};var zo,Wo;Vo=a([Object(u.NgModule)({declarations:[Ho,Bo],exports:[Ho,Bo],imports:[h.CommonModule,ji,Fo,Wi,Ro,qi]})],Vo),function(t){t[t.Init=0]="Init",t[t.Indeterminate=1]="Indeterminate",t[t.Checked=2]="Checked",t[t.Unchecked=3]="Unchecked"}(Wo||(Wo={}));class Go{}let $o=zo=class extends Ti{constructor(t,e){super(t),this.changeDetectorRef=t,this.i18n=e,this.size="md",this.skeleton=!1,this.id="toggle-"+zo.toggleCount,this.change=new u.EventEmitter,this._offValues=this.i18n.getOverridable("TOGGLE.OFF"),this._onValues=this.i18n.getOverridable("TOGGLE.ON"),zo.toggleCount++}set offText(t){this._offValues.override(t)}get offText(){return this._offValues.value}set onText(t){this._onValues.override(t)}get onText(){return this._onValues.value}getOffText(){return this._offValues.subject}getOnText(){return this._onValues.subject}emitChangeEvent(){let t=new Go;t.source=this,t.checked=this.checked,this.propagateChange(this.checked),this.change.emit(t)}isTemplate(t){return t instanceof u.TemplateRef}};$o.toggleCount=0,a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],$o.prototype,"offText",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],$o.prototype,"onText",null),a([Object(u.Input)(),l("design:type",Object)],$o.prototype,"label",void 0),a([Object(u.Input)(),l("design:type",String)],$o.prototype,"size",void 0),a([Object(u.Input)(),l("design:type",Object)],$o.prototype,"skeleton",void 0),a([Object(u.Output)(),l("design:type",Object)],$o.prototype,"change",void 0),$o=zo=a([Object(u.Component)({selector:"ibm-toggle",template:'\n\t\t<label *ngIf="label" [id]="ariaLabelledby" 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<input\n\t\t\tclass="bx--toggle"\n\t\t\ttype="checkbox"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--toggle--small\': size === \'sm\',\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}"\n\t\t\t[id]="id"\n\t\t\t[value]="value"\n\t\t\t[name]="name"\n\t\t\t[required]="required"\n\t\t\t[checked]="checked"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t[attr.aria-checked]="checked"\n\t\t\t(change)="onChange($event)"\n\t\t\t(click)="onClick($event)">\n\t\t<label\n\t\t\tclass="bx--toggle__label"\n\t\t\t[for]="id"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}">\n\t\t\t<span class="bx--toggle__text--left">{{(!skeleton ? getOffText() : null) | async }}</span>\n\t\t\t<span class="bx--toggle__appearance">\n\t\t\t\t<svg *ngIf="size === \'sm\'" class="bx--toggle__check" width="6px" height="5px" viewBox="0 0 6 5">\n\t\t\t\t\t<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t<span class="bx--toggle__text--right">{{(!skeleton ? getOnText() : null) | async}}</span>\n\t\t</label>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:zo,multi:!0}]}),l("design:paramtypes",[u.ChangeDetectorRef,Ct])],$o);let qo=class{};qo=a([Object(u.NgModule)({declarations:[$o],exports:[$o],imports:[h.CommonModule,ki.FormsModule,St]})],qo);class Jo{constructor(t,e){this.source=t,this.value=e}}var Yo;let Ko=Yo=class{constructor(){this.checked=!1,this.name="",this.disabled=!1,this.labelPlacement="right",this.required=!1,this.value="",this.skeleton=!1,this.id=`radio-${Yo.radioCount++}`,this.ariaLabel="",this.change=new u.EventEmitter,this.role="radio",this.hostClass=!0,this._labelledby="",this.radioChangeHandler=t=>{}}set ariaLabelledby(t){this._labelledby=t}get ariaLabelledby(){return this._labelledby?this._labelledby:`label-${this.id}`}get labelLeft(){return"left"===this.labelPlacement}onChange(t){t.stopPropagation(),this.checked=t.target.checked;const e=new Jo(this,this.value);this.change.emit(e),this.radioChangeHandler(e)}registerRadioChangeHandler(t){this.radioChangeHandler=t}};var Qo;Ko.radioCount=0,a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"checked",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"name",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",String)],Ko.prototype,"labelPlacement",void 0),a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Ko.prototype,"ariaLabelledby",null),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"required",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"value",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"id",void 0),a([Object(u.Input)(),l("design:type",Object)],Ko.prototype,"ariaLabel",void 0),a([Object(u.Output)(),l("design:type",Object)],Ko.prototype,"change",void 0),a([Object(u.HostBinding)("attr.role"),l("design:type",Object)],Ko.prototype,"role",void 0),a([Object(u.HostBinding)("class.bx--radio-button-wrapper"),l("design:type",Object)],Ko.prototype,"hostClass",void 0),a([Object(u.HostBinding)("class.bx--radio-button-wrapper--label-left"),l("design:type",Object),l("design:paramtypes",[])],Ko.prototype,"labelLeft",null),Ko=Yo=a([Object(u.Component)({selector:"ibm-radio",template:'\n\t\t<input\n\t\t\t*ngIf="!skeleton"\n\t\t\tclass="bx--radio-button"\n\t\t\ttype="radio"\n\t\t\t[checked]="checked"\n\t\t\t[disabled]="disabled"\n\t\t\t[name]="name"\n\t\t\t[id]="id"\n\t\t\t[required]="required"\n\t\t\t[value]="value"\n\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t(change)="onChange($event)">\n\t\t<div *ngIf="skeleton" class="bx--radio-button bx--skeleton"></div>\n\t\t<label\n\t\t\tclass="bx--radio-button__label"\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}"\n\t\t\t[for]="id"\n\t\t\tid="label-{{id}}">\n\t\t\t<span class="bx--radio-button__appearance"></span>\n\t\t\t<ng-content></ng-content>\n\t\t</label>\n\t',providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Yo,multi:!0}]})],Ko);let Xo=Qo=class{constructor(){this.orientation="horizontal",this.labelPlacement="right",this.change=new u.EventEmitter,this.disabled=!1,this.radioButtonGroupClass=!0,this.isInitialized=!1,this._disabled=!1,this._skeleton=!1,this._value=null,this._selected=null,this._name=`radio-group-${Qo.radioGroupCount++}`,this.onTouched=()=>{},this.propagateChange=t=>{}}set selected(t){this._selected=t,this.value=t?t.value:null,this.checkSelectedRadio()}get selected(){return this._selected}set value(t){this._value!==t&&(this._value=t,this.updateSelectedRadioFromValue(),this.checkSelectedRadio())}get value(){return this._value}set name(t){this._name=t,this.updateRadios()}get name(){return this._name}get skeleton(){return this._skeleton}set skeleton(t){this._skeleton=t,this.updateChildren()}checkSelectedRadio(){this.selected&&!this._selected.checked&&(this.selected.checked=!0)}updateSelectedRadioFromValue(){let t=null!=this._selected&&this._selected.value===this._value;this.radios&&!t&&(this._selected=null,this.radios.forEach(t=>{(t.checked||t.value===this._value)&&(this._selected=t)}))}emitChangeEvent(t){this.change.emit(t),this.propagateChange(t.value),this.onTouched()}updateRadioNames(){console.warn("updateRadioNames had been deprecated. Use updateRadios instead"),this.updateRadios()}updateRadios(){this.radios&&setTimeout(()=>{this.radios.forEach(t=>t.name=this.name),"left"===this.labelPlacement&&this.radios.forEach(t=>t.labelPlacement="left")})}writeValue(t){this.value=t}ngAfterContentInit(){this.radios.changes.subscribe(()=>{this.updateRadios(),this.updateRadioChangeHandler()}),this.updateChildren(),this.updateRadioChangeHandler()}ngAfterViewInit(){this.updateRadios()}registerOnChange(t){this.propagateChange=t}registerOnTouched(t){this.onTouched=t}updateChildren(){this.radios&&this.radios.forEach(t=>t.skeleton=this.skeleton)}updateRadioChangeHandler(){this.radios.forEach(t=>{t.registerRadioChangeHandler(t=>{this._selected=t.source,this._value=t.value,this.emitChangeEvent(t)})})}};Xo.radioGroupCount=0,a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"orientation",void 0),a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"labelPlacement",void 0),a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"ariaLabel",void 0),a([Object(u.Input)(),l("design:type",String)],Xo.prototype,"ariaLabelledby",void 0),a([Object(u.Output)(),l("design:type",u.EventEmitter)],Xo.prototype,"change",void 0),a([Object(u.ContentChildren)(Object(u.forwardRef)(()=>Ko)),l("design:type",u.QueryList)],Xo.prototype,"radios",void 0),a([Object(u.Input)(),l("design:type",Ko),l("design:paramtypes",[Ko])],Xo.prototype,"selected",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Xo.prototype,"value",null),a([Object(u.Input)(),l("design:type",String),l("design:paramtypes",[String])],Xo.prototype,"name",null),a([Object(u.Input)(),l("design:type",Object)],Xo.prototype,"disabled",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Object])],Xo.prototype,"skeleton",null),a([Object(u.HostBinding)("class.bx--form-item"),l("design:type",Object)],Xo.prototype,"radioButtonGroupClass",void 0),Xo=Qo=a([Object(u.Component)({selector:"ibm-radio-group",template:"\n\t\t<div\n\t\t\tclass=\"bx--radio-button-group\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--radio-button-group--vertical': orientation === 'vertical',\n\t\t\t\t'bx--radio-button-group--label-left': orientation === 'vertical' && labelPlacement === 'left'\n\t\t\t}\"\n\t\t\trole=\"radiogroup\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t",providers:[{provide:ki.NG_VALUE_ACCESSOR,useExisting:Qo,multi:!0}]})],Xo);let Zo=class{};Zo=a([Object(u.NgModule)({declarations:[Ko,Xo],exports:[Ko,Xo],imports:[h.CommonModule,ki.FormsModule]})],Zo);let tr=class{constructor(){this.theme="dark",this.baseClass=!0,this.invalid=!1,this.skeleton=!1}get isLightTheme(){return"light"===this.theme}};var er;a([Object(u.Input)(),l("design:type",String)],tr.prototype,"theme",void 0),a([Object(u.HostBinding)("class.bx--text-area"),l("design:type",Object)],tr.prototype,"baseClass",void 0),a([Object(u.HostBinding)("class.bx--text-area--invalid"),Object(u.Input)(),l("design:type",Object)],tr.prototype,"invalid",void 0),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],tr.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--text-area--light"),l("design:type",Object),l("design:paramtypes",[])],tr.prototype,"isLightTheme",null),tr=a([Object(u.Directive)({selector:"[ibmTextArea]"})],tr);let nr=er=class{constructor(){this.labelInputID="ibm-label-"+er.labelCounter,this.wrapperClass="bx--text-input__field-wrapper",this.labelState="",this.skeleton=!1,this.invalid=!1,this.labelClass=!0,er.labelCounter++}ngAfterContentInit(){this.textArea&&(this.wrapperClass="bx--text-area__wrapper"),this.wrapper.nativeElement.querySelector("input,textarea,div").setAttribute("id",this.labelInputID)}isTemplate(t){return t instanceof u.TemplateRef}};nr.labelCounter=0,a([Object(u.Input)(),l("design:type",String)],nr.prototype,"labelState",void 0),a([Object(u.Input)(),l("design:type",Object)],nr.prototype,"skeleton",void 0),a([Object(u.Input)(),l("design:type",String)],nr.prototype,"helperText",void 0),a([Object(u.Input)(),l("design:type",Object)],nr.prototype,"invalidText",void 0),a([Object(u.Input)(),l("design:type",Object)],nr.prototype,"invalid",void 0),a([Object(u.ViewChild)("wrapper"),l("design:type",u.ElementRef)],nr.prototype,"wrapper",void 0),a([Object(u.ContentChild)(tr),l("design:type",tr)],nr.prototype,"textArea",void 0),a([Object(u.HostBinding)("class.bx--form-item"),l("design:type",Object)],nr.prototype,"labelClass",void 0),nr=er=a([Object(u.Component)({selector:"ibm-label",template:'\n\t\t<label\n\t\t\t[for]="labelInputID"\n\t\t\tclass="bx--label"\n\t\t\t[ngClass]="{\n\t\t\t\t\'bx--skeleton\': skeleton\n\t\t\t}">\n\t\t\t<ng-content></ng-content>\n\t\t</label>\n\t\t<div *ngIf="!skeleton && helperText" class="bx--form__helper-text">{{helperText}}</div>\n\t\t<div [class]="wrapperClass" [attr.data-invalid]="(invalid ? true : null)" #wrapper>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf="invalid"\n\t\t\t\tclass="bx--text-input__invalid-icon bx--text-area__invalid-icon">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ng-content select="input,textarea,div"></ng-content>\n\t\t</div>\n\t\t<div *ngIf="invalid" class="bx--form-requirement">\n\t\t\t<ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>\n\t\t\t<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t</div>\n\t'}),l("design:paramtypes",[])],nr);let ir=class{constructor(){this.theme="dark",this.inputClass=!0,this.invalid=!1,this.skeleton=!1}get isLightTheme(){return"light"===this.theme}};a([Object(u.Input)(),l("design:type",String)],ir.prototype,"theme",void 0),a([Object(u.HostBinding)("class.bx--text-input"),l("design:type",Object)],ir.prototype,"inputClass",void 0),a([Object(u.HostBinding)("class.bx--text-input--invalid"),Object(u.Input)(),l("design:type",Object)],ir.prototype,"invalid",void 0),a([Object(u.HostBinding)("class.bx--skeleton"),Object(u.Input)(),l("design:type",Object)],ir.prototype,"skeleton",void 0),a([Object(u.HostBinding)("class.bx--text-input--light"),l("design:type",Object),l("design:paramtypes",[])],ir.prototype,"isLightTheme",null),ir=a([Object(u.Directive)({selector:"[ibmText]"})],ir);let or=class{};or=a([Object(u.NgModule)({declarations:[nr,ir,tr],exports:[nr,ir,tr],imports:[h.CommonModule,ki.FormsModule,qi]})],or);let rr=class{};rr=a([Object(u.NgModule)({exports:[_i,qo,Zo,or,ji],imports:[h.CommonModule,ki.FormsModule,_i,qo,Zo,or,ji]})],rr);let ar=class{constructor(){this.baseClass=!0,this.condensed=!1}};a([Object(u.HostBinding)("class.bx--grid"),l("design:type",Object)],ar.prototype,"baseClass",void 0),a([Object(u.HostBinding)("class.bx--grid--condensed"),Object(u.Input)(),l("design:type",Object)],ar.prototype,"condensed",void 0),ar=a([Object(u.Directive)({selector:"[ibmGrid]"})],ar);let sr=class{constructor(){this.gutter=!0,this.leftGutter=!0,this.rightGutter=!0,this.baseClass=!0,this.condensed=!1}get showGutter(){return!this.gutter}get showLeftGutter(){return!this.leftGutter}get showRightGutter(){return!this.rightGutter}};a([Object(u.Input)(),l("design:type",Object)],sr.prototype,"gutter",void 0),a([Object(u.Input)(),l("design:type",Object)],sr.prototype,"leftGutter",void 0),a([Object(u.Input)(),l("design:type",Object)],sr.prototype,"rightGutter",void 0),a([Object(u.HostBinding)("class.bx--row"),l("design:type",Object)],sr.prototype,"baseClass",void 0),a([Object(u.HostBinding)("class.bx--row--condensed"),Object(u.Input)(),l("design:type",Object)],sr.prototype,"condensed",void 0),a([Object(u.HostBinding)("class.bx--no-gutter"),l("design:type",Object),l("design:paramtypes",[])],sr.prototype,"showGutter",null),a([Object(u.HostBinding)("class.bx--no-gutter--left"),l("design:type",Object),l("design:paramtypes",[])],sr.prototype,"showLeftGutter",null),a([Object(u.HostBinding)("class.bx--no-gutter--right"),l("design:type",Object),l("design:paramtypes",[])],sr.prototype,"showRightGutter",null),sr=a([Object(u.Directive)({selector:"[ibmRow]"})],sr);let lr=class{constructor(){this.class="",this.columnNumbers={},this.offsets={},this._columnClasses=[]}get columnClasses(){return this._columnClasses.join(" ")}set(t){this._columnClasses=t.split(" ")}ngOnInit(){try{const t=Object.keys(this.columnNumbers);t.length<=0&&this._columnClasses.push("bx--col"),t.forEach(t=>{"nobreak"===this.columnNumbers[t]?this._columnClasses.push(`bx--col-${t}`):this._columnClasses.push(`bx--col-${t}-${this.columnNumbers[t]}`)}),Object.keys(this.offsets).forEach(t=>{this._columnClasses.push(`bx--offset-${t}-${this.offsets[t]}`)})}catch(t){console.error(`Malformed \`offsets\` or \`columnNumbers\`: ${t}`)}this.class&&this._columnClasses.push(this.class)}};a([Object(u.Input)(),l("design:type",Object)],lr.prototype,"class",void 0),a([Object(u.Input)(),l("design:type",Object)],lr.prototype,"columnNumbers",void 0),a([Object(u.Input)(),l("design:type",Object)],lr.prototype,"offsets",void 0),a([Object(u.HostBinding)("class"),l("design:type",String),l("design:paramtypes",[])],lr.prototype,"columnClasses",null),lr=a([Object(u.Directive)({selector:"[ibmCol]"})],lr);let cr=class{};cr=a([Object(u.NgModule)({declarations:[lr,ar,sr],exports:[lr,ar,sr],imports:[h.CommonModule]})],cr);var dr,pr=function(){function t(){this.focusable=!1}return t.decorators=[{type:u.Component,args:[{selector:"ibm-icon-checkmark16",template:'\n    <svg\n      ibmIconCheckmark16\n      [ariaLabel]="ariaLabel"\n      [ariaLabelledby]="ariaLabelledby"\n      [ariaHidden]="ariaHidden"\n      [title]="title"\n      [isFocusable]="focusable"\n      [attr.class]="innerClass">\n    </svg>\n  '}]}],t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],focusable:[{type:u.Input}],innerClass:[{type:u.Input}]},t}(),ur=function(){function t(t){this.elementRef=t,this.isFocusable=!1}return t.prototype.ngAfterViewInit=function(){var e=this.elementRef.nativeElement;e.setAttribute("xmlns","http://www.w3.org/2000/svg");for(var n=(new DOMParser).parseFromString('<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M6 10.6L2.5 7.1l-.7.7 3.5 3.5.7.7 7.1-7.1-.7-.7z"></path></svg>',"image/svg+xml").documentElement.firstChild;n;)e.appendChild(e.ownerDocument.importNode(n,!0)),n=n.nextSibling;for(var i=v({width:16,height:16,viewBox:"0 0 16 16",title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString()}),o=Object.keys(i),r=0;r<o.length;r++){var a=o[r],s=i[a];"title"!==a&&(s&&e.setAttribute(a,s))}if(i.title){var l=document.createElement("title");l.textContent=i.title,t.titleIdCounter++,l.setAttribute("id","checkmark16-"+t.titleIdCounter),e.appendChild(l),e.setAttribute("aria-labelledby","checkmark16-"+t.titleIdCounter)}},t.titleIdCounter=0,t.decorators=[{type:u.Directive,args:[{selector:"[ibmIconCheckmark16]"}]}],t.ctorParameters=function(){return[{type:u.ElementRef}]},t.propDecorators={ariaLabel:[{type:u.Input}],ariaLabelledby:[{type:u.Input}],ariaHidden:[{type:u.Input}],title:[{type:u.Input}],isFocusable:[{type:u.Input}]},t}(),hr=function(){function t(){}return t.decorators=[{type:u.NgModule,args:[{declarations:[pr,ur],exports:[pr,ur]}]}],t}();!function(t){t.Hidden="hidden",t.Inactive="inactive",t.Active="active",t.Finished="finished",t.Error="error"}(dr||(dr={}));let gr=class{constructor(){this.InlineLoadingState=dr,this.state=dr.Active,this.successDelay=1500,this.onSuccess=new u.EventEmitter,this.loadingClass=!0}get isActive(){return this.state===dr.Active}set isActive(t){this.state=t?dr.Active:dr.Inactive}get success(){return this.state===dr.Finished}set success(t){this.state=t?dr.Finished:dr.Error,this.state===dr.Finished&&setTimeout(()=>{this.onSuccess.emit()},this.successDelay)}};a([Object(u.Input)(),l("design:type",String)],gr.prototype,"state",void 0),a([Object(u.Input)(),l("design:type",String)],gr.prototype,"loadingText",void 0),a([Object(u.Input)(),l("design:type",String)],gr.prototype,"successText",void 0),a([Object(u.Input)(),l("design:type",Object)],gr.prototype,"successDelay",void 0),a([Object(u.Input)(),l("design:type",String)],gr.prototype,"errorText",void 0),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Boolean])],gr.prototype,"isActive",null),a([Object(u.Input)(),l("design:type",Object),l("design:paramtypes",[Boolean])],gr.prototype,"success",null),a([Object(u.Output)(),l("design:type",u.EventEmitter)],gr.prototype,"onSuccess",void 0),a([Object(u.HostBinding)("class.bx--inline-loading"),l("design:type",Object)],gr.prototype,"loadingClass",void 0),gr=a([Object(u.Component)({selector:"ibm-inline-loading",template:'\n\t\t<div *ngIf="state !== InlineLoadingState.Hidden"\n\t\t\tclass="bx--inline-loading__animation">\n\t\t\t<div\n\t\t\t\t*ngIf="state === InlineLoadingState.Inactive || state === InlineLoadingState.Active"\n\t\t\t\tclass="bx--loading bx--loading--small"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'bx--loading--stop\': state === InlineLoadingState.Inactive\n\t\t\t\t}">\n\t\t\t\t<svg class="bx--loading__svg" viewBox="-75 -75 150 150">\n\t\t\t\t\t<circle class="bx--loading__background" cx="0" cy="0" r="30" />\n\t\t\t\t\t<circle class="bx--loading__stroke" cx="0" cy="0" r="30" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<svg\n\t\t\t\t*ngIf="state === InlineLoadingState.Finished"\n\t\t\t\tclass="bx--inline-loading__checkmark-container bx--inline-loading__svg"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tviewBox="0 0 10 10">\n\t\t\t\t<polyline class="bx--inline-loading__checkmark" points="0.74 3.4 3.67 6.34 9.24 0.74"></polyline>\n\t\t\t</svg>\n\t\t\t<svg\n\t\t\t\t*ngIf="state === InlineLoadingState.Error"\n\t\t\t\tclass="bx--inline-loading--error"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tviewBox="0 0 16 16">\n\t\t\t\t<path d="M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z"></path>\n\t\t\t\t<path fill="none" d="M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z" data-icon-path="inner-path" opacity="0"></path>\n\t\t\t</svg>\n\n\t\t</div>\n\t\t<p\n\t\t\t*ngIf="state === InlineLoadingState.Inactive || state === InlineLoadingState.Active"\n\t\t\tclass="bx--inline-loading__text">{{loadingText}}</p>\n\t\t<p *ngIf="state === InlineLoadingState.Finished" class="bx--inline-loading__text">{{successText}}</p>\n\t\t<p *ngIf="state === InlineLoadingState.Error" class="bx--inline-loading__text">{{errorText}}</p>\n\t'})],gr);let br=class{};br=a([Object(u.NgModule)({declarations:[gr],exports:[gr],imports:[h.CommonModule,hr]})],br);let mr=class{constructor(){this.baseClass=!0}set disabled(t){this._disabled=t,this.tabindex=this.disabled?-1:null}get disabled(){return this._disabled}};a([Object(u.HostBinding)("class.bx--link"),l("design:type",Object)],mr.prototype,"baseClass",void 0),a([Object(u.HostBinding)("attr.tabindex"),l("design:type",Object)],mr.prototype,"tabindex",void 0),a([Object(u.Input)(),Object(u.HostBinding)("attr.aria-disabled"),Object(u.HostBinding)("class.bx--link--disabled"),l("design:type",Boolean),l("design:paramtypes",[Boolean])],mr.prototype,"disabled",null),mr=a([Object(u.Directive)({selector:"[ibmLink]"})],mr);let fr=class{};fr=a([Object(u.NgModule)({declarations:[mr],exports:[mr],imports:[h.CommonModule]})],fr);let vr=class{constructor(){this.wrapper=!0}};a([Object(u.HostBinding)("class.bx--list__item"),l("design:type",Object)],vr.prototype,"wrapper",void 0),vr=a([Object(u.Directive)({selector:"[ibmListItem]"})],vr);let yr=class{constructor(t){this.elementRef=t}get ordered(){return!this.nested&&"OL"===this.elementRef.nativeElement.tagName}get unordered(){return!this.nested&&"UL"===this.elementRef.nativeElement.tagName}get nested(){return"LI"===this.elementRef.nativeElement.parentElement.tagName}};a([Object(u.HostBinding)("class.bx--list--ordered"),l("design:type",Object),l("design:paramtypes",[])],yr.prototype,"ordered",null),a([Object(u.HostBinding)("class.bx--list--unordered"),l("design:type",Object),l("design:paramtypes",[])],yr.prototype,"unordered",null),a([Object(u.HostBinding)("class.bx--list--nested"),l("design:type",Object),l("design:paramtypes",[])],yr.prototype,"nested",null),yr=a([Object(u.Directive)({selector:"[ibmList]"}),l("design:paramtypes",[u.ElementRef])],yr);let Or=class{};Or=a([Object(u.NgModule)({declarations:[vr,yr],exports:[vr,yr],imports:[h.CommonModule]})],Or);let wr=class{constructor(t){this.placeholderService=t}ngOnInit(){console.warn("`ibm-modal-placeholder` has been deprecated in favour of `ibm-placeholder`"),this.placeholderService.registerViewContainerRef(this.viewContainerRef)}};a([Object(u.ViewChild)("modalplaceholder",{read:u.ViewContainerRef}),l("design:type",u.ViewContainerRef)],wr.prototype,"viewContainerRef",void 0),wr=a([Object(u.Component)({selector:"ibm-modal-placeholder",template:"<div #modalplaceholder></div>"}),l("design:paramtypes",[k])],wr);class Cr{constructor(){this.close=new u.EventEmitter}closeModal(){this.close.emit()}}a([Object(u.Output)(),l("design:type",Object)],Cr.prototype,"close",void 0);let xr=class extends Cr{constructor(t="default",e,n,i,o,r=null,a=[],s){super(),this.modalType=t,this.modalLabel=e,this.modalTitle=n,this.modalContent=i,this.size=o,this.hasScrollingContent=r,this.buttons=a,this.onClose=s;for(let t=0;t<this.buttons.length;t++){const e=this.buttons[t];e.id||(e.id=`alert-modal-button-${t}`),e.type||(e.type="secondary")}}ngAfterViewInit(){if(!this.content)return!1;const t=this.content.nativeElement;t.scrollHeight>t.clientHeight?t.tabIndex=0:t.tabIndex=-1}buttonClicked(t){const e=this.buttons[t];e.click&&e.click(),this.closeModal()}dismissModal(t){this.onClose&&!1===this.onClose(t)||this.closeModal()}};var jr;a([Object(u.ViewChild)("content"),l("design:type",Object)],xr.prototype,"content",void 0),xr=a([Object(u.Component)({selector:"ibm-alert-modal",template:'\n\t\t<ibm-modal\n\t\t\t[size]="size"\n\t\t\t[theme]="modalType"\n\t\t\t[hasScrollingContent]="hasScrollingContent"\n\t\t\t[modalLabel]="modalTitle"\n\t\t\t(overlaySelected)="dismissModal(\'overlay\')">\n\t\t\t<ibm-modal-header (closeSelect)="dismissModal(\'close\')">\n\t\t\t\t<p class="bx--modal-header__label bx--type-delta">{{modalLabel}}</p>\n\t\t\t\t<p class="bx--modal-header__heading bx--type-beta">{{modalTitle}}</p>\n\t\t\t</ibm-modal-header>\n\t\t\t<div #content class="bx--modal-content">\n\t\t\t\t<p [innerHTML]="modalContent"></p>\n\t\t\t</div>\n\t\t\t<ibm-modal-footer *ngIf="buttons.length > 0">\n\t\t\t\t<ng-container *ngFor="let button of buttons; let i = index">\n\t\t\t\t\t<button\n\t\t\t\t\t\t[ibmButton]="button.type"\n\t\t\t\t\t\t(click)="buttonClicked(i)"\n\t\t\t\t\t\t[id]="button.id"\n\t\t\t\t\t\t[attr.modal-primary-focus]="(button.type.indexOf(\'primary\') !== -1 ? \'\' : null)">\n\t\t\t\t\t\t{{button.text}}\n\t\t\t\t\t</button>\n\t\t\t\t</ng-container>\n\t\t\t</ibm-modal-footer>\n\t\t</ibm-modal>\n\t'}),s(0,Object(u.Inject)("modalType")),s(1,Object(u.Inject)("modalLabel")),s(2,Object(u.Inject)("modalTitle")),s(3,Object(u.Inject)("modalContent")),s(4,Object(u.Inject)("size")),s(5,Object(u.Inject)("hasScrollingContent")),s(6,Object(u.Inject)("buttons")),s(7,Object(u.Inject)("close")),l("design:paramtypes",[Object,String,String,String,String,Boolean,Object,Function])],xr);let Ir=jr=class{constructor(t,e){this.resolver=t,this.placeholderService=e}create(t){t=Object.assign({},{inputs:{}},t);const e=Object.keys(t.inputs).map(e=>({provide:e,useValue:t.inputs[e]})),n=u.Injector.create(e),i=this.resolver.resolveComponentFactory(t.component);let o=document.activeElement,r=this.placeholderService.createComponent(i,n);return r.previouslyFocusedElement=o,r.instance.close.subscribe(t=>{this.placeholderService.destroyComponent(r),jr.modalList=jr.modalList.filter(t=>t!==r)}),r.onDestroy(()=>{o.focus()}),jr.modalList.push(r),r}show(t){for(let e of Object.keys(t))if(["modalType","modalLabel","modalTitle","modalContent"].includes(e))try{throw new Error(`${e} is deprecated, use ${e.replace("modal","").toLowerCase()} instead`)}catch(t){console.warn(t)}return this.create({component:xr,inputs:{modalType:t.type||t.modalType,modalLabel:t.label||t.modalLabel,modalTitle:t.title||t.modalTitle,modalContent:t.content||t.modalContent,hasScrollingContent:t.hasScrollingContent||null,size:t.size,buttons:t.buttons||[],close:t.close||(()=>{})}})}destroy(t=-1){t>=jr.modalList.length||0===jr.modalList.length||(t<0&&(t=jr.modalList.length-1),this.placeholderService.destroyComponent(jr.modalList[t]),jr.modalList.splice(t,1))}};Ir.modalList=[],Ir=jr=a([Object(u.Injectable)(),l("design:paramtypes",[u.ComponentFactoryResolver,k])],Ir);function Sr(t,e){return void 0===e&&(e=null),{type:4,styles:e,timings:t}}function kr(t){return{type:6,styles:t,offset:null}}function Er(t,e,n){return void 0===n&&(n=null),{type:1,expr:t,animation:e,options:n}}
 /**
  * @license
  * Copyright Google Inc. All Rights Reserved.