{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"}]}],"init":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"instant":[{"__symbolic":"method"}]},"statics":{"MaxLength":10,"MaxRecentSelected":5}},"ErrorMessagesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"a-error-messages","template":"\n            <div class=\"ui-g\">\n                    <small *ngIf=\"hasMessage()\"\n                        class=\"ui-g-12 ui-message ui-messages-error ui-corner-all\">\n                        {{ errorMsg }}\n                    </small>\n            </div>\n    ","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ErrorManagerService"}]}],"ngOnInit":[{"__symbolic":"method"}],"hasMessage":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}]}},"ModalContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":35,"character":28}]}],"closeModal":[{"__symbolic":"method"}]}},"ModalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":81,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":108,"character":29}]}],"registerViewContainerRef":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]},"statics":{"OUTPUT_PARAMETERS":["onClose","onConfirm","onCancel"]}},"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"aw-modal","template":"<div #modal></div>\n","styles":[""]}]}],"members":{"viewContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["modal",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":31}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ModalService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CurrencyFormatPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":27,"character":1},"arguments":[{"name":"currencyFormat","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":34,"character":38}]}],"transform":[{"__symbolic":"method"}]}},"BaseComponent":{"__symbolic":"class","members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"omitPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":91,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"WidgetSize":{"__symbolic":"interface"},"WidgetSizeColumns":{"xsmall":1,"small":3,"medium":6,"large":9,"xlarge":12},"ComponentReference":{"__symbolic":"interface"},"DomUtilsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":29,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"hasClass":[{"__symbolic":"method"}],"hasParent":[{"__symbolic":"method"}],"closest":[{"__symbolic":"method"}],"insertIntoParentNgContent":[{"__symbolic":"method"}],"browserDimentions":[{"__symbolic":"method"}],"elementDimensions":[{"__symbolic":"method"}]}},"EmbeddedItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":83,"character":1},"arguments":[{"selector":"[embeddedItem]"}]}],"members":{"embeddedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":102,"character":40}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"EmbededItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"ErrorManagerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":32,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"errorMessage":[{"__symbolic":"method"}]}},"GenericContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"selector":"aw-generic-container","template":"<ng-content></ng-content>","styles":[]}]}],"members":{"bindings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"tagName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":81,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":81,"character":62}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"doRender":[{"__symbolic":"method"}]},"statics":{"DefaultTagName":"div"}},"IncludeComponentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":106,"character":1},"arguments":[{"selector":"aw-include-component"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":5}}]}],"bindings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":166,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":167,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":168,"character":27},{"__symbolic":"reference","name":"ComponentRegistry"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createWrapperElementIfAny":[{"__symbolic":"method"}],"doRenderComponent":[{"__symbolic":"method"}],"placeTheComponent":[{"__symbolic":"method"}],"createContentElementIfAny":[{"__symbolic":"method"}],"ngContent":[{"__symbolic":"method"}],"ngContentElement":[{"__symbolic":"method"}],"componentReference":[{"__symbolic":"method"}],"applyBindings":[{"__symbolic":"method"}],"resolveComponentType":[{"__symbolic":"method"}],"resolveDirective":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]},"statics":{"NgContent":"ngcontent","NgContentElement":"ngcontentElement"}},"ComponentRegistry":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":28,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":33,"character":29}]}],"initialize":[{"__symbolic":"method"}],"registerType":[{"__symbolic":"method"}],"registerTypes":[{"__symbolic":"method"}]}},"AWCoreComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":33,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EmbeddedItemDirective"},{"__symbolic":"reference","name":"IncludeComponentDirective"},{"__symbolic":"reference","name":"GenericContainerComponent"},{"__symbolic":"reference","name":"ErrorMessagesComponent"},{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"CurrencyFormatPipe"},{"__symbolic":"reference","name":"NgForSetDirective"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"AwNameDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"GenericContainerComponent"},{"__symbolic":"reference","name":"ModalComponent"}],"exports":[{"__symbolic":"reference","name":"EmbeddedItemDirective"},{"__symbolic":"reference","name":"IncludeComponentDirective"},{"__symbolic":"reference","name":"GenericContainerComponent"},{"__symbolic":"reference","name":"ErrorMessagesComponent"},{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"CurrencyFormatPipe"},{"__symbolic":"reference","name":"NgForSetDirective"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"AwNameDirective"}]}]}],"members":{}},"BaseFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"isStandalone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":143,"character":18},"arguments":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":143,"character":25}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":144,"character":18}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":144,"character":30}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":144,"character":42},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":143,"character":50},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"checkInitForm":[{"__symbolic":"method"}],"doRegister":[{"__symbolic":"method"}],"registerFormControl":[{"__symbolic":"method"}],"formGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":5}}]}],"canSetType":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"LayoutStacked":"stacked","LayoutInline":"inline"}},"DataTypeProviderRegistry":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":28,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"registerProvider":[{"__symbolic":"method"}],"bestMatchForClass":[{"__symbolic":"method"}],"bestMatchForType":[{"__symbolic":"method"}]}},"DataProvider":{"__symbolic":"class","arity":1,"members":{"expectedCount":[{"__symbolic":"method"}],"dataForParams":[{"__symbolic":"method"}],"fetch":[{"__symbolic":"method"}],"data":[{"__symbolic":"method"}],"canCRUD":[{"__symbolic":"method"}],"canQuery":[{"__symbolic":"method"}],"insert":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"query":[{"__symbolic":"method"}]}},"DataProviders":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":31,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataTypeProviderRegistry"}]}],"find":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}]}},"DataFinders":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":43,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"find":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"initFinders":[{"__symbolic":"method"}]}},"DataFinder":{"__symbolic":"class","members":{"accepts":[{"__symbolic":"method"}],"forData":[{"__symbolic":"method"}],"instantMatch":[{"__symbolic":"method"}],"instantMatchWithSelections":[{"__symbolic":"method"}],"match":[{"__symbolic":"method"}],"matchWithSelections":[{"__symbolic":"method"}]}},"QueryType":{"FullText":0,"FullTextOutline":1,"Predicate":2,"FullTextAndPredicate":3},"FullTextArrayDataFinder":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DataFinder"},"members":{"accepts":[{"__symbolic":"method"}],"forData":[{"__symbolic":"method"}],"instantMatch":[{"__symbolic":"method"}],"instantMatchWithSelections":[{"__symbolic":"method"}],"matches":[{"__symbolic":"method"}],"match":[{"__symbolic":"method"}],"matchWithSelections":[{"__symbolic":"method"}],"hasObjectValue":[{"__symbolic":"method"}]}},"DATA_SOURCE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":27,"character":31},"arguments":["DATA_SOURCE"]},"ArrayDataProvider":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"DataProvider"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":31,"character":41,"context":{"typeName":"T"},"module":"./core/data/array-data-provider"}]}]}],"expectedCount":[{"__symbolic":"method"}],"dataForParams":[{"__symbolic":"method"}],"fetch":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}]}},"NgForSetDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[ngForSet]"}]}],"members":{"onItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AwNameDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":111,"character":1},"arguments":[{"selector":"[awName]"}]}],"members":{"ext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":123,"character":20},{"__symbolic":"reference","name":"AwNameStore"},{"__symbolic":"reference","module":"@aribaui/core","name":"AppConfig","line":125,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addElementToStore":[{"__symbolic":"method"}],"createName":[{"__symbolic":"method"}],"getTagName":[{"__symbolic":"method"}],"getAncestorId":[{"__symbolic":"method"}],"getParentName":[{"__symbolic":"method"}],"spacesToUnderscore":[{"__symbolic":"method"}]}},"AwNameStore":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"collides":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]}},"FormTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":182,"character":1},"arguments":[{"selector":"aw-form-table","providers":[{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"FormTableComponent"}}],"template":"<form class=\"w-form-table ui-g ui-fluid\" [formGroup]=\"formGroup\"\n      [ngClass]=\"styleClass\"\n      (ngSubmit)=\"onSubmitForm(formGroup.value)\" novalidate>\n\n    <div class=\"ui-g-12 ui-g-nopad\">\n\n        <div class=\"ui-g\">\n            <ng-content></ng-content>\n        </div>\n\n    </div>\n</form>\n\n","styles":[".page-container>form{margin-top:1em}.w-form-table button{float:right}"]}]}],"members":{"labelsOnTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":5}}]}],"useFiveZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":5}}]}],"editabilityCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":5}}]}],"onSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":221,"character":5}}]}],"leftZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":229,"character":5},"arguments":[{"__symbolic":"reference","name":"LeftZoneComponent"}]}]}],"middleZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":231,"character":5},"arguments":[{"__symbolic":"reference","name":"MiddleZoneComponent"}]}]}],"rightZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":233,"character":5},"arguments":[{"__symbolic":"reference","name":"RightZoneComponent"}]}]}],"topZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":235,"character":5},"arguments":[{"__symbolic":"reference","name":"TopZoneComponent"}]}]}],"bottomZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":237,"character":5},"arguments":[{"__symbolic":"reference","name":"BottomZoneComponent"}]}]}],"formFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":240,"character":5},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"},{"descendants":true}]}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":243,"character":5},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":256,"character":28}]}],"ngOnChanges":[{"__symbolic":"method"}],"onSubmitForm":[{"__symbolic":"method"}],"isLabelsOnTop":[{"__symbolic":"method"}],"isFormEditable":[{"__symbolic":"method"}],"applyColumns":[{"__symbolic":"method"}],"hasAnyZones":[{"__symbolic":"method"}],"isTwoZoneReady":[{"__symbolic":"method"}],"isThreeZoneReady":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"updateFormFields":[{"__symbolic":"method"}],"adjustLayout":[{"__symbolic":"method"}]}},"FormRowComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"aw-form-row","providers":[{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"FormRowComponent"}}],"template":"<div *ngIf=\"!hidden\"\n     class=\"w-form-row ui-g\"\n     [class.highlight-row]=\"highlightRow\"\n     [class.required]=\"required\"\n     [class.label-on-top]=\"labelsOnTop\"\n     [class.label-on-side]=\"!labelsOnTop\"\n     [class.has-danger]=\"!formControl.valid && !formControl.pristine \"\n     [ngClass]=\"styleClass\">\n\n    <div class=\"control-label ui-g-12 ui-g-nopad\"\n         *ngIf=\"!noLabelLayout\"\n         [class.ui-md-3]=\"!labelsOnTop\">\n        <label [class.sr-only]=\"noLabelLayout\">{{label}}</label>\n    </div>\n\n    <div class=\"control-value ui-g-nopad\" [ngClass]=\"size\"\n         [class.read-only]=\"!editable\">\n        <ng-content></ng-content>\n        <a-error-messages [control]=\"formControl\"></a-error-messages>\n    </div>\n</div>\n","styles":[".required label:after{content:\"*\";color:red}/deep/ .highlight-row{background-color:#f7f8fa}.w-form-row.highlight-row{background-color:#f7f8fa}.w-form-row.label-on-top{padding-bottom:13px}.w-form-row.label-on-top .control-label,.w-form-row.label-on-top .control-value{padding-top:0;padding-bottom:0}.w-form-row.label-on-top .control-label{padding-bottom:12px}.w-form-row.label-on-side .control-label,.w-form-row.label-on-side .control-value{padding-top:0;padding-bottom:0}.w-form-row.label-on-side .control-label ::ng-deep .w-string-field,.w-form-row.label-on-side .control-value ::ng-deep .w-string-field{line-height:36px}.w-form-row.label-on-side .control-label ::ng-deep .sap-icon,.w-form-row.label-on-side .control-value ::ng-deep .sap-icon{line-height:26px}.w-form-row.label-on-side .control-label label,.w-form-row.label-on-side .control-value label{line-height:36px}.w-form-row.label-on-side .control-label .fa,.w-form-row.label-on-side .control-value .fa{line-height:18px}.w-form-row .w-form-row{padding-top:.5em;padding-bottom:.5em}.control-label{color:#636363}.u-validation-error{border-color:red}"]}]}],"members":{"noLabelLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}}]}],"highlightRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"minLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"customAsyncValidators":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"customValidators":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"isNestedLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":123,"character":5},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":131,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":131,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":131,"character":41},"arguments":[{"__symbolic":"reference","name":"FormTableComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":128,"character":28},{"__symbolic":"reference","name":"FormTableComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":5}}]}],"ngDoCheck":[{"__symbolic":"method"}],"registerValidators":[{"__symbolic":"method"}],"dynSize":[{"__symbolic":"method"}]}},"TopZoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"aw-top","template":"<ng-content></ng-content>"}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":5},"arguments":["class"]}]}]}},"LeftZoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":43,"character":1},"arguments":[{"selector":"aw-left","template":"<ng-content></ng-content>"}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":5},"arguments":["class"]}]}]}},"MiddleZoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":55,"character":1},"arguments":[{"selector":"aw-middle","template":"<ng-content></ng-content>"}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":5},"arguments":["class"]}]}]}},"RightZoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":68,"character":1},"arguments":[{"selector":"aw-right","template":"<ng-content></ng-content>"}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":74,"character":5},"arguments":["class"]}]}]}},"BottomZoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":81,"character":1},"arguments":[{"selector":"aw-bottom","template":"<ng-content></ng-content>"}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":87,"character":5},"arguments":["class"]}]}]}},"AWFormTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormTableComponent"},{"__symbolic":"reference","name":"FormRowComponent"},{"__symbolic":"reference","name":"TopZoneComponent"},{"__symbolic":"reference","name":"LeftZoneComponent"},{"__symbolic":"reference","name":"RightZoneComponent"},{"__symbolic":"reference","name":"MiddleZoneComponent"},{"__symbolic":"reference","name":"BottomZoneComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":48,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":49,"character":8},{"__symbolic":"reference","module":"primeng/components/inputtext/inputtext","name":"InputTextModule","line":50,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"entryComponents":[{"__symbolic":"reference","name":"FormTableComponent"},{"__symbolic":"reference","name":"FormRowComponent"},{"__symbolic":"reference","name":"TopZoneComponent"},{"__symbolic":"reference","name":"LeftZoneComponent"},{"__symbolic":"reference","name":"RightZoneComponent"},{"__symbolic":"reference","name":"MiddleZoneComponent"},{"__symbolic":"reference","name":"BottomZoneComponent"}],"exports":[{"__symbolic":"reference","name":"FormTableComponent"},{"__symbolic":"reference","name":"FormRowComponent"},{"__symbolic":"reference","name":"TopZoneComponent"},{"__symbolic":"reference","name":"LeftZoneComponent"},{"__symbolic":"reference","name":"RightZoneComponent"},{"__symbolic":"reference","name":"MiddleZoneComponent"},{"__symbolic":"reference","name":"BottomZoneComponent"}]}]}],"members":{}},"ɵb":{"__symbolic":"reference","name":"AWCardModule"},"ɵc":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":86,"character":13},"useExisting":{"__symbolic":"reference","name":"CheckBoxListComponent"},"multi":true},"ɵd":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":85,"character":13},"useExisting":{"__symbolic":"reference","name":"DropdownComponent"},"multi":true},"ɵe":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":73,"character":13},"useExisting":{"__symbolic":"reference","name":"RadioButtonListComponent"},"multi":true},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"aw-card-top","host":{"class":"w-card-ztop","$quoted$":["class"]}}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":43,"character":1},"arguments":[{"selector":"aw-card-bottom","host":{"class":"w-card-zbottom","$quoted$":["class"]}}]}],"members":{}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":81,"character":1},"arguments":[{"selector":"aw-card-title","host":{"class":"w-card-title","$quoted$":["class"]}}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":98,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":98,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":554,"character":1},"arguments":[{"selector":"[initNesting]"}]}],"members":{"setLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":560,"character":5}}]}],"setCurrrentItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":564,"character":5}}]}],"setParentItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":568,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"OutlineForComponent"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"aw-sidenav","template":"<div [ngClass]=\"getSidenavClass()\">\n    <div class=\"sidenav-content\">\n        <a *ngFor=\"let item of items\" [routerLink]=\"item.link\">\n            <span class=\"sidenav-icon\"><i [ngClass]=\"'sap-icon ' + item.icon\"></i></span>\n            {{item.label}}\n        </a>\n    </div>\n</div>\n","styles":[".sidenav{height:100%;width:0;position:fixed;z-index:1;top:50px;left:0;background-color:#363636;overflow-x:hidden;padding-top:20px;transition:.5s}.sidenav-active{width:250px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:16px;color:#fff;display:block;transition:.3s}.sidenav a:hover{background-color:#111}.sidenav-icon{font-size:30px;color:#ccc;margin-right:10px}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":50,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":50,"character":59}]}],"getSidenavClass":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"aw-section-actions","template":"<ng-content></ng-content> "}]}],"members":{}},"ɵl":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":76,"character":13},"useExisting":{"__symbolic":"reference","name":"RichTextAreaComponent"},"multi":true},"ɵm":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":84,"character":13},"useExisting":{"__symbolic":"reference","name":"CheckboxComponent"},"multi":true},"ɵn":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":113,"character":13},"useExisting":{"__symbolic":"reference","name":"RadioButtonComponent"},"multi":true},"ɵo":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":42,"character":13},"useExisting":{"__symbolic":"reference","name":"ListComponent"},"multi":true},"BasicNavigatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":100,"character":1},"arguments":[{"selector":"aw-basic-navigator","template":"<p-toolbar *ngIf=\"showTop\" [class]=\"'w-basic-navigator'\">\n    <div class=\"ui-toolbar-group-left\">\n\n        <a class=\"nav-brand\" href=\"#\" *ngIf=\"showBrand\">\n            <ng-template [ngIf]=\"!hasBrandTemplate()\">\n                <img src=\"{{assetFolder}}/{{brandImg}}\" height=\"30\" alt=\"\">\n                <span class=\"nav-brand-title\">Ariba</span>\n            </ng-template>\n\n            <ng-template [embeddedItem]=\"brandTemplate\" [item]=\"context\"\n                         *ngIf=\"hasBrandTemplate()\"></ng-template>\n        </a>\n\n    </div>\n\n    <div class=\"ui-toolbar-group-right\">\n        <ng-template [ngIf]=\"!hasButtonTemplate()\">\n\n            <aw-button *ngIf=\"showCancelButton\" [style]=\"'secondary'\"\n                       (action)=\"onCancelAction.emit($event)\">\n                {{cancelActionLabel}}\n            </aw-button>\n\n            <aw-button (action)=\"onOKAction.emit($event)\">\n                {{okActionLabel}}\n            </aw-button>\n\n\n        </ng-template>\n        <ng-template [embeddedItem]=\"buttonsTemplate\" [item]=\"context\"\n                     *ngIf=\"hasButtonTemplate()\"></ng-template>\n    </div>\n\n</p-toolbar>\n\n<ng-content></ng-content>\n\n<p-toolbar *ngIf=\"showBottom\">\n\n    <div class=\"ui-toolbar-group-right\">\n        <ng-template [ngIf]=\"!hasButtonTemplate()\">\n\n            <aw-button *ngIf=\"showCancelButton\" [style]=\"'secondary'\"\n                       (action)=\"onCancelAction.emit($event)\">\n                {{cancelActionLabel}}\n            </aw-button>\n\n            <aw-button (action)=\"onOKAction.emit($event)\">\n                {{okActionLabel}}\n            </aw-button>\n        </ng-template>\n        <ng-template [embeddedItem]=\"buttonsTemplate\" [item]=\"context\"\n                     *ngIf=\"hasButtonTemplate()\"></ng-template>\n    </div>\n\n</p-toolbar>\n\n\n\n","styles":["a.nav-brand{vertical-align:middle;line-height:inherit;text-decoration:none;color:#2d353c}a.nav-brand:focus,a.nav-brand:hover{text-decoration:none}a.nav-brand span{vertical-align:middle}.nav-brand img{display:inline-block;vertical-align:middle;padding:3px}"]}]}],"members":{"showTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":5}}]}],"showBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"showBrand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":5}}]}],"brandImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":5}}]}],"okActionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":5}}]}],"cancelActionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":5}}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"showCancelButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":5}}]}],"onOKAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":184,"character":5}}]}],"onCancelAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":192,"character":5}}]}],"buttonsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":199,"character":5},"arguments":["buttons"]}]}],"brandTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":205,"character":5},"arguments":["brand"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":210,"character":21},{"__symbolic":"reference","module":"@aribaui/core","name":"AppConfig","line":210,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"hasButtonTemplate":[{"__symbolic":"method"}],"hasBrandTemplate":[{"__symbolic":"method"}]}},"ButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":61,"character":1},"arguments":[{"selector":"aw-button","template":"<button\n    pButton\n    [attr.type]=\"type\"\n    [attr.name]=\"name\"\n    [ngClass]=\"buttonClass\"\n    [disabled]=\"disabled\"\n    [attr.value]=\"value\"\n    (click)=\"clicked($event)\">\n\n    <ng-content></ng-content>\n</button>\n","styles":[".ui-button-link{color:#337ab7;font-weight:400;border-radius:0;background-color:transparent}.ui-button-link,.ui-button-link.active,.ui-button-link:active,.ui-button-link:focus,.ui-button-link:hover,.ui-button-link[disabled]{border-color:transparent}.ui-button-link:focus,.ui-button-link:hover{color:#337ab7;-webkit-text-decoration:#337ab7;text-decoration:#337ab7;background-color:transparent}.ui-button-link[disabled]:focus,.ui-button-link[disabled]:hover{color:#2399e5;text-decoration:none}.ui-button{margin-right:5px}.btn-mid{height:36px;padding:5px 10px}.btn-lg{height:42px;font-size:16px;padding:5px 12px}.btn-sm{height:30px;font-size:12px;padding:5px 10px}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":125,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":125,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"clicked":[{"__symbolic":"method"}]}},"ButtonStyle":{"__symbolic":"interface"},"CheckBoxListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":92,"character":1},"arguments":[{"selector":"aw-checkbox-list","providers":[{"__symbolic":"reference","name":"ɵc"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"CheckBoxListComponent"}}],"template":"<div *ngFor=\"let item of list; let i = index\" class=\"ui-g\">\n\n    <!-- in the future we should be able to to support inline and stack-->\n    <div class=\"ui-g-12\">\n        <aw-checkbox [(ngModel)]=\"model\"\n                     (ngModelChange)=\"onChange($event)\"\n                     [editable]=\"editable\"\n                     [isStandalone]=\"false\"\n                     [name]=\"name\"\n                     [value]=\"i\"\n                     [label]=\"labelValue(item)\">\n\n        </aw-checkbox>\n    </div>\n\n</div>\n\n","styles":[""]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"selections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":5}}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":5}}]}],"labelFormatter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":142,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":142,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":142,"character":41},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":140,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":141,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"labelValue":[{"__symbolic":"method"}],"value":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"CHOOSER_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":140,"character":13},"useExisting":{"__symbolic":"reference","name":"ChooserComponent"},"multi":true},"ChooserComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":146,"character":1},"arguments":[{"selector":"aw-chooser","providers":[{"__symbolic":"reference","name":"CHOOSER_CONTROL_VALUE_ACCESSOR"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"ChooserComponent"}},{"provide":{"__symbolic":"reference","name":"DATA_SOURCE"},"useClass":{"__symbolic":"reference","name":"ChooserDataSource"},"deps":[{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"}]}],"template":"<div class=\"w-chooser \">\n\n    <p-autoComplete #autoCompplete [(ngModel)]=\"internalChooserModel\"\n                    [suggestions]=\"dataSource.state.matches\"\n                    [multiple]=\"dataSource.state.multiselect\"\n                    [dropdown]=\"!dataSource.state.multiselect\"\n                    [minLength]=\"minLenForSearch\"\n                    [placeholder]=\"placeHolder\"\n                    [delay]=\"delay\"\n                    [disabled]=\"disabled\"\n                    (onDropdownClick)=\"onDropdownClick($event)\"\n                    (completeMethod)=\"match($event.query)\"\n                    (onSelect)=\"selectItem($event)\"\n                    (onUnselect)=\"removeValue($event)\">\n\n\n        <ng-template let-internalChooserModel pTemplate=\"item\">\n            <ng-template [ngIf]=\"!hasMenuTemplate()\">\n                {{ displayItem(internalChooserModel) }}\n            </ng-template>\n            <ng-template [embeddedItem]=\"menuTemplate\" [item]=\"internalChooserModel\"\n                         *ngIf=\"hasMenuTemplate()\"></ng-template>\n        </ng-template>\n    </p-autoComplete>\n\n    <!--\n        Wrap whole selection with one extra element so we can move it around\n\n         see: selectionAppendTo\n    -->\n    <span #selectionView>\n        <div class=\"w-chooser-selections\"\n             *ngIf=\"multiselect && dataSource.state.recentSelectedObjects.length > 0\">\n\n        <ng-template [ngIf]=\"!hasSelectionTemplate()\">\n\n            <!-- no selection template render it as it is from CORE-->\n            <ul class=\"ui-autocomplete-multiple-container ui-widget ui-state-default \"\n                [ngClass]=\"{'ui-state-disabled':disabled,'ui-state-focus':autoCompleteComponent.focus}\">\n\n                <li #token *ngFor=\"let item of dataSource.state.recentSelectedObjects\"\n                    class=\"ui-autocomplete-token ui-state-highlight ui-corner-all\" tabindex=\"0\"\n                    (keyup.delete)=\"removeValue(item)\"\n                    (keyup.backspace)=\"removeValue(item)\">\n\t\t\t\t\t<span class=\"ui-autocomplete-token-icon sap-icon icon-decline\"\n                          (click)=\"removeValue(item)\"></span>\n                    <span class=\"ui-autocomplete-token-label\">{{ displayItem(item) }}</span>\n                </li>\n            </ul>\n        </ng-template>\n\n            <!--Yes there is selection template let's iterate and push each item to be rendered-->\n        <ng-template ngFor [ngForOf]=\"dataSource.state.recentSelectedObjects\" let-item>\n            <ng-template [embeddedItem]=\"selectionTemplate\" [item]=\"item\"\n                         *ngIf=\"hasSelectionTemplate()\"></ng-template>\n        </ng-template>\n\n        <ng-template [ngIf]=\"dataSource.showMoreSelected()\">\n\t\t\t<span class=\"more-selected\">\n\t\t\t\t<aw-hyperlink [size]=\"'small'\" (action)=\"dataSource.state.toggleAllSelected()\">\n\t\t\t\t\t{{moreSelectString()}}\n\t\t\t\t</aw-hyperlink>\n\t\t\t</span>\n        </ng-template>\n    </div>\n    </span>\n\n\n</div>\n\n","styles":["/deep/ .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,/deep/ .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container{width:100%}/deep/ .w-chooser .ui-autocomplete-multiple{line-height:normal}/deep/ .w-chooser .ui-autocomplete-input{width:100%}/deep/ .w-chooser .ui-autocomplete-dropdown.ui-button{right:0;position:absolute;border:0;width:30px;background:0 0}/deep/ .w-chooser .ui-autocomplete-dropdown.ui-button .pi{font-family:\"SAP icon fonts\";color:#767676;cursor:pointer;font-size:1.4em;margin-left:-.85em}/deep/ .w-chooser .ui-autocomplete-dropdown.ui-button .pi-caret-down:before{content:'\\e1ef'}/deep/ .w-chooser .ui-autocomplete-dropdown.ui-button input{padding-right:30px}/deep/ .w-chooser .ui-autocomplete-input-token{padding:0;margin:0;vertical-align:baseline;width:inherit}/deep/ .w-chooser .ui-autocomplete-input-token .fa{font-family:\"SAP icon fonts\";color:#767676;cursor:pointer;font-size:1.2em}/deep/ .w-chooser .ui-autocomplete-input-token .fa-search:before{content:'\\e00d'}/deep/ .w-chooser .ui-autocomplete-input-token input{width:inherit;padding-right:25px}/deep/ .w-chooser .ui-autocomplete-input-token span{position:absolute;right:5px;top:0;padding-top:.6em}/deep/ .w-chooser .ui-autocomplete-dropdown{height:36px}/deep/ .w-chooser .ui-autocomplete-panel .ui-autocomplete-list-item{padding:.65em 2em .65em .64em;margin:0}/deep/ body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container{padding:.4em .5em .4em 1em}.w-chooser-selections{margin-top:2px}.w-chooser-selections ul{margin:0;padding:0}.w-chooser-selections .ui-autocomplete-multiple-container{border:0}.w-chooser-selections .ui-autocomplete-multiple-container .ui-autocomplete-token{font-size:.85em;letter-spacing:.1px;font-weight:400;padding:0;background:#e0f2ff;margin-right:5px;margin-bottom:5px}.w-chooser-selections .ui-autocomplete-multiple-container .ui-autocomplete-token-label{padding:4px 21px 4px 5px}.w-chooser-selections .ui-autocomplete-multiple-container .ui-autocomplete-token-icon{font-size:.78em;padding-right:.28em}.w-chooser-selections .ui-autocomplete-multiple-container .sap-icon{line-height:inherit}.w-chooser-selections .more-selected{display:inline-block}"]}]}],"members":{"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":5}}]}],"minLenForSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":5}}]}],"valueTransformer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":5}}]}],"multiselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":5}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":5}}]}],"selectionAppendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":5}}]}],"delay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":5}}]}],"destinationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":5}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":219,"character":5}}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":226,"character":5}}]}],"menuTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":246,"character":5},"arguments":["menuItem"]}]}],"selectionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":250,"character":5},"arguments":["selectionItem"]}]}],"autoCompleteComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":253,"character":5},"arguments":["autoCompplete"]}]}],"selectionViewElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":256,"character":5},"arguments":["selectionView"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":266,"character":17},"arguments":[{"__symbolic":"reference","name":"DATA_SOURCE"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":267,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":267,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":267,"character":41},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":265,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":265,"character":63},{"__symbolic":"reference","name":"ChooserDataSource"},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"match":[{"__symbolic":"method"}],"onDropdownClick":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"removeValue":[{"__symbolic":"method"}],"displayItem":[{"__symbolic":"method"}],"moreSelectString":[{"__symbolic":"method"}],"singleValueSelected":[{"__symbolic":"method"}],"hasMenuTemplate":[{"__symbolic":"method"}],"hasSelectionTemplate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"initDatasource":[{"__symbolic":"method"}],"initInternalModel":[{"__symbolic":"method"}]}},"ChooserState":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChooserSelectionState"},{"__symbolic":"reference","name":"boolean"}]}],"updatedSelectedObjects":[{"__symbolic":"method"}],"toggleAllSelected":[{"__symbolic":"method"}],"selectedObject":[{"__symbolic":"method"}],"selectedObjects":[{"__symbolic":"method"}],"setSelectionState":[{"__symbolic":"method"}]}},"DefaultSelectionState":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ChooserSelectionState"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"boolean"}]}],"setSelectionState":[{"__symbolic":"method"}],"selectedObject":[{"__symbolic":"method"}],"selectedObjects":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}]}},"ChooserSelectionState":{"__symbolic":"class","members":{"setSelectionState":[{"__symbolic":"method"}],"selectedObject":[{"__symbolic":"method"}],"selectedObjects":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}]}},"CURRENCY_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":40,"character":13},"useExisting":{"__symbolic":"reference","name":"CurrencyComponent"},"multi":true},"CurrencyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"aw-currency","providers":[{"__symbolic":"reference","name":"CURRENCY_CONTROL_VALUE_ACCESSOR"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"CurrencyComponent"}}],"template":"<ng-template [ngIf]=\"editable\">\n    <div class=\"w-currency-field ui-fluid\" [formGroup]=\"formGroup\">\n        <div class=\"ui-g \">\n            <div class=\"ui-g-8 ui-g-nopad \">\n                <input #currencyInput\n                       pInputText\n                       type=\"text\" class=\"w-text-field currency-format\"\n                       [attr.name]=\"name\"\n                       [attr.placeholder]=\"placeHolder\"\n                       [value]=\"displayValue\"\n                       (focus)=\"onFocus(currencyInput)\"\n                       (blur)=\"onBlur(currencyInput)\"\n                       [disabled]=\"disabled\">\n            </div>\n            <div class=\"ui-g-4 ui-g-nopad w-cc-field\">\n                <aw-dropdown *ngIf=\"!readonlyCurrencyCode\"\n                             [isStandalone]=\"false\" [list]=\"currencies\"\n                             [selection]=\"money.currency\"\n                             (onSelection)=\"onSelection($event)\"\n                             [disabled]=\"disabled\">\n\n                </aw-dropdown>\n                <div *ngIf=\"readonlyCurrencyCode\" class=\"w-cc-readonly-field\">{{money.currency}}</div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<!-- currency:'USD':true -->\n\n<ng-template [ngIf]=\"!editable\">\n    <aw-string value=\"{{displayValue}} {{ getMoneyCurrency() }}\"></aw-string>\n</ng-template>\n","styles":[".w-currency-field [readonly],.w-currency-type-field [readonly]{background-color:#fff}.w-currency-field input,.w-currency-type-field input{min-width:80px}.w-currency-field i.fa,.w-currency-type-field i.fa{cursor:pointer}.w-currency-field{margin-top:0}.w-currency-field /deep/ .ui-dropdown{min-width:80px}.w-cc-field{display:flex;align-items:center}.w-cc-readonly-field{padding-left:5px;color:#969696}.no-gutter>[class*=ui-g-]{padding-right:0;padding-left:0}"]}]}],"members":{"money":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"readonlyCurrencyCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"currencySelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"precision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":104,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":104,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":104,"character":41},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":103,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"initCurrencies":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onSelection":[{"__symbolic":"method"}],"formatCurrency":[{"__symbolic":"method"}],"getMoneyCurrency":[{"__symbolic":"method"}],"currencies":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":225,"character":5}}]}],"writeValue":[{"__symbolic":"method"}]}},"Money":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}],"getTypes":[{"__symbolic":"method"}],"className":[{"__symbolic":"method"}],"$proto":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"clone":[{"__symbolic":"method"}]}},"DateAndTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":106,"character":1},"arguments":[{"selector":"aw-date-time","providers":[{"__symbolic":"reference","name":"DATETIME_CONTROL_VALUE_ACCESSOR"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"DateAndTimeComponent"}}],"template":"<ng-template [ngIf]=\"editable\">\n\n    <div class=\"w-datetime \" [class.has-time]=\"showTime\" [formGroup]=\"formGroup\">\n\n        <p-calendar formControlName=\"{{name}}\"\n                    [defaultDate]=\"defaultDate\"\n                    [showIcon]=\"showIcon\"\n                    dateFormat=\"{{showTime ? formatNameWithTime : formatPattern}}\"\n                    [yearNavigator]=\"showNavigation\"\n                    [monthNavigator]=\"showNavigation\"\n                    [yearRange]=\"yearRange\"\n                    placeholder=\"{{showTime ? formatNameWithTime.toUpperCase() : formatPattern.toUpperCase()}}\"\n                    (onSelect)=\"onDateChange($event)\"\n                    [timeOnly]=\"!showDate\"\n                    [readonlyInput]=\"true\"\n                    [locale]=\"i18n\">\n        </p-calendar>\n\n        <p-calendar *ngIf=\"showTime\"\n                    icon=\"icon-history\"\n                    formControlName=\"{{name}}\"\n                    [hourFormat]=\"hourFormat\"\n                    [defaultDate]=\"defaultDate\"\n                    [showIcon]=\"showIcon\"\n                    [timeOnly]=\"showTime\"\n                    [showTime]=\"showTime\"\n                    [placeholder]=\"timePlaceHolder\"\n                    (onSelect)=\"onDateChange($event)\"\n                    [locale]=\"i18n\">\n        </p-calendar>\n\n    </div>\n</ng-template>\n\n<ng-template [ngIf]=\"!editable\">\n    <aw-string value=\"{{value | date: formatPatternNG}}\"></aw-string>\n</ng-template>\n","styles":["/deep/ .w-datetime .ui-calendar button{border:0;width:0}/deep/ .w-datetime .ui-calendar.ui-calendar-w-btn .ui-inputtext{width:100%}/deep/ .ui-calendar .ui-calendar-button .ui-button-icon-left{font-family:\"SAP icon fonts\";color:#199de0;cursor:pointer;font-size:1.4em}/deep/ .ui-calendar .ui-calendar-button .ui-button-icon-left.pi-calendar:before{content:'\\e0e0'}/deep/ .ui-calendar .ui-calendar-button .ui-button-icon-left.icon-history:before{content:'\\e02d'}/deep/ .ui-datepicker{width:24.28em;line-height:25px;padding:0;border-color:#979797;box-shadow:none}/deep/ .ui-datepicker .ui-datepicker-header{padding:.92em 0;font-weight:400;color:#000;font-size:1em}/deep/ .ui-datepicker .ui-datepicker-next,/deep/ .ui-datepicker .ui-datepicker-prev{top:1em}/deep/ .ui-datepicker .ui-datepicker-prev{left:.2em}/deep/ .ui-datepicker .ui-datepicker-next{right:.2em}/deep/ .ui-datepicker table{font-size:1em;margin:0 0 1.5em}/deep/ .ui-datepicker th{font-weight:400;background-color:#ececec;color:#363636;padding:.786em 1.07em}/deep/ .ui-datepicker td{padding:.1em}/deep/ .ui-datepicker td a{text-align:center;width:2.7em;height:2.7em;line-height:2.7em;padding:0;border-radius:50%}/deep/ .ui-datepicker td a.ui-state-default{border-color:transparent}/deep/ .ui-datepicker td a.ui-state-active{background-color:#199de0;color:#fff}/deep/ .ui-datepicker .pi{font-size:1em}/deep/ .ui-datepicker .pi.pi-chevron-left:before{content:'\\e1ee'}/deep/ .ui-datepicker .pi.pi-chevron-right:before{content:'\\e1ed'}/deep/ .ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover{border-color:transparent;background-color:rgba(25,157,224,.7);opacity:.75;color:#363636}/deep/ .ui-datepicker-timeonly{width:100%}/deep/ .ui-timepicker{font-size:1.14em;color:#767676;font-weight:400}/deep/ .ui-timepicker .pi{font-size:1em}/deep/ .ui-timepicker .pi.pi-chevron-up:before{content:'\\e1f0'}/deep/ .ui-timepicker .pi.pi-chevron-down:before{content:'\\e1ef'}/deep/ .ui-timepicker>div{margin-left:0}/deep/ .ui-timepicker .ui-separator{width:.1em;min-width:.1em}/deep/ .ui-timepicker .ui-separator .pi{font-size:0}/deep/ .ui-datepicker-trigger{background-color:transparent}/deep/ .ui-datepicker-trigger.ui-button:enabled:hover,/deep/ .ui-datepicker-trigger.ui-button:focus{background-color:transparent}/deep/ .has-time{display:flex;flex-wrap:nowrap}/deep/ .has-time p-calendar:first-child{width:55%;margin-right:14px}/deep/ .has-time p-calendar:last-child{width:45%}/deep/ .has-time p-calendar:last-child .ui-datepicker{padding:0}/deep/ .has-time .ui-button-icon-left{line-height:18px}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":5}}]}],"formatPattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":5}}]}],"formatPatternNG":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":5}}]}],"showNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"yearRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":5}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":5}}]}],"showTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":5}}]}],"showDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":5}}]}],"hourFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":5}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":191,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":212,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":212,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":212,"character":41},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":211,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"initTranslations":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]},"statics":{"NgTime12":"hh:mm a","NgTime24":"HH.mm a"}},"DATETIME_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":101,"character":13},"useExisting":{"__symbolic":"reference","name":"DateAndTimeComponent"},"multi":true},"DialogComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ModalContainer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":92,"character":1},"arguments":[{"selector":"aw-dialog","template":"<p-dialog [header]=\"title\" [(visible)]=\"visible\"\n          [modal]=\"modal\" [closable]=\"closable\" [width]=\"width\" [height]=\"height\"\n          [styleClass]=\"styleClass\" [appendTo]=\"appendTo\" (onShow)=\"open()\" (onHide)=\"close()\">\n\n    <p-header *ngIf=\"hasHeader()\">\n        <ng-content select=\"aw-dialog-header\"></ng-content>\n    </p-header>\n\n    {{body}}\n    <ng-content></ng-content>\n\n    <p-footer *ngIf=\"hasFooter()\">\n        <div class=\"dialog-footer-separator\"></div>\n        <ng-content select=\"aw-dialog-footer\"></ng-content>\n    </p-footer>\n</p-dialog>\n","styles":["::ng-deep .ui-dialog .ui-dialog-titlebar{background-color:#f2f2f2;padding:15px 20px}::ng-deep .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover{border-color:transparent}::ng-deep .ui-widget-header{font-weight:400;font-size:16px}::ng-deep .ui-dialog .ui-dialog-content{padding:15px 20px;line-height:1.3em}::ng-deep .ui-dialog .ui-widget-content{border:none}::ng-deep .ui-dialog.ui-widget-content{border:none;box-shadow:0 2px 10px 0 rgba(0,0,0,.3)}::ng-deep .ui-dialog .dialog-footer-separator{border-top:1px solid #d7d7d7;height:14px}::ng-deep .ui-dialog .ui-dialog-footer{padding:0 20px 15px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}}]}],"body":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"visibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":115,"character":5}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":5}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":5}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":5}}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":5}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":151,"character":5},"arguments":[{"__symbolic":"reference","name":"DialogHeaderComponent"}]}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":156,"character":5},"arguments":[{"__symbolic":"reference","name":"DialogFooterComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":159,"character":28}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"hasHeader":[{"__symbolic":"method"}],"hasFooter":[{"__symbolic":"method"}]}},"DialogHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"aw-dialog-header","template":"<ng-content></ng-content>"}]}],"members":{}},"DialogFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"aw-dialog-footer","template":"<ng-content></ng-content>"}]}],"members":{}},"ConfirmationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ModalContainer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":105,"character":1},"arguments":[{"selector":"aw-confirmation","template":"<aw-dialog [title]=\"title\" [(visible)]=\"visible\"\n           [modal]=\"true\" [closable]=\"closable\" [width]=\"width\" [height]=\"height\"\n           [styleClass]=\"styleClass\" [appendTo]=\"appendTo\" (onOpen)=\"open()\" (onClose)=\"close()\">\n\n    <aw-dialog-header *ngIf=\"hasHeader()\">\n        <ng-content select=\"aw-confirmation-header\"></ng-content>\n    </aw-dialog-header>\n\n    {{body}}\n    <ng-content></ng-content>\n\n\n    <aw-dialog-footer *ngIf=\"hasFooter(); else defaultFooter\">\n        <ng-content select=\"aw-confirmation-footer\"></ng-content>\n    </aw-dialog-footer>\n\n    <ng-template #defaultFooter>\n        <aw-dialog-footer>\n            <aw-button name=\"confirm\" [style]=\"'primary'\" (action)=\"confirm()\">\n                {{confirmActionLabel}}\n            </aw-button>\n\n            <aw-button name=\"cancel\" [style]=\"'secondary'\" (action)=\"cancel()\">\n                {{cancelActionLabel}}\n            </aw-button>\n\n        </aw-dialog-footer>\n    </ng-template>\n\n</aw-dialog>\n","styles":[".confirmation-footer-separator{border-top:1px solid #d7d7d7;height:14px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"body":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":5}}]}],"confirmActionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":5}}]}],"cancelActionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":5}}]}],"visibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":146,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":5}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":5}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":5}}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":170,"character":5}}]}],"onConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":176,"character":5}}]}],"onCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":5}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":188,"character":5},"arguments":[{"__symbolic":"reference","name":"ConfirmationHeaderComponent"}]}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":193,"character":5},"arguments":[{"__symbolic":"reference","name":"ConfirmationFooterComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":196,"character":28}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"hasHeader":[{"__symbolic":"method"}],"hasFooter":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}]}},"ConfirmationHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"aw-confirmation-header","template":"<ng-content></ng-content>"}]}],"members":{}},"ConfirmationFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"aw-confirmation-footer","template":"<ng-content></ng-content>"}]}],"members":{}},"OverlayComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ModalContainer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":90,"character":1},"arguments":[{"selector":"aw-overlay","template":"<p-overlayPanel [dismissable]=\"dismissable\" [showCloseIcon]=\"showCloseIcon\"\n                [styleClass]=\"styleClass\" [appendTo]=\"appendTo\"\n                (onHide)=\"onClosed($event)\">\n    <ng-content></ng-content>\n</p-overlayPanel>\n","styles":["::ng-deep .ui-overlaypanel{border:1px solid #d7d7d7;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}::ng-deep .ui-overlaypanel-content{padding:2em 3.4em .6em 1.43em}::ng-deep .ui-overlaypanel-close{border-radius:0;top:.5em;right:.5em}::ng-deep .ui-overlaypanel-close.ui-state-default{border:none}"]}]}],"members":{"dismissable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"showCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":5}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":5}}]}],"beforeClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":5}}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":5}}]}],"overlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":137,"character":5},"arguments":[{"__symbolic":"reference","module":"primeng/primeng","name":"OverlayPanel","line":137,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":140,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onOpened":[{"__symbolic":"method"}],"onClosed":[{"__symbolic":"method"}]}},"DropdownComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":91,"character":1},"arguments":[{"selector":"aw-dropdown","providers":[{"__symbolic":"reference","name":"ɵd"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"DropdownComponent"}}],"template":"<div class=\"w-dropdown\" [formGroup]=\"formGroup\">\n\n    <ng-template [ngIf]=\"isStandalone\">\n        <p-dropdown [options]=\"internalList\"\n                    [formControlName]=\"name\"\n                    [placeholder]=\"noSelectionString\"\n                    [autoWidth]=\"false\"\n                    [filter]=\"showFilter()\"\n                    (onChange)=\"onItemSelection($event)\">\n\n            <ng-template let-item pTemplate=\"item\">\n                <ng-template [ngIf]=\"!hasEmbeddedTemplate() && itemExist(item)\">\n                    {{item.label }}\n                </ng-template>\n\n                <ng-template [embeddedItem]=\"itemTemplate\" [item]=\"item\"\n                             *ngIf=\"hasEmbeddedTemplate() && itemExist(item)\">\n\n                </ng-template>\n            </ng-template>\n\n\n        </p-dropdown>\n    </ng-template>\n</div>\n\n\n<!-- no formControl Name here. ngModel cannot have formGroup around -->\n<ng-template [ngIf]=\"!isStandalone\">\n    <div class=\"w-dropdown\">\n        <p-dropdown [options]=\"internalList\"\n                    [(ngModel)]=\"selection\"\n                    [placeholder]=\"noSelectionString\"\n                    [autoWidth]=\"false\"\n                    [filter]=\"showFilter()\"\n                    (onChange)=\"onItemSelection($event)\">\n\n            <ng-template let-item pTemplate=\"item\">\n\n                <ng-template [ngIf]=\"!hasEmbeddedTemplate() && itemExist(item)\">\n                    {{item.label }}\n                </ng-template>\n                <ng-template [embeddedItem]=\"itemTemplate\" [item]=\"item\"\n                             *ngIf=\"hasEmbeddedTemplate() && itemExist(item)\">\n                </ng-template>\n            </ng-template>\n        </p-dropdown>\n    </div>\n</ng-template>\n","styles":["/deep/ .ui-dropdown-panel{z-index:10010!important;top:35px!important}/deep/ .ui-dropdown-panel .ui-dropdown-items-wrapper{max-height:none!important}/deep/ .ui-dropdown-panel .ui-dropdown-item{padding:.65em 2em .65em .64em;margin:0}/deep/ .ui-dropdown-panel .ui-dropdown-filter-container{width:100%}/deep/ .ui-dropdown-panel .ui-dropdown-filter-container .fa{top:1.2em}/deep/ .ui-dropdown-panel .ui-dropdown-list{padding:1em 0}/deep/ .w-dropdown:not(.ng-dirty) label{color:#969696}/deep/ .w-dropdown .ui-dropdown-trigger.ui-corner-right{border-left:none;color:#969696}/deep/ .w-dropdown .ui-dropdown-trigger .pi{font-family:\"SAP icon fonts\";color:#767676;cursor:pointer;font-size:1.4em;margin-left:-.85em}/deep/ .w-dropdown .ui-dropdown-trigger .pi-caret-down:before{content:'\\e1ef'}/deep/ .w-dropdown .ui-dropdown-label{padding-right:2.4em}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}}]}],"noSelectionString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":5}}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":129,"character":5}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":148,"character":5},"arguments":["itemTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":159,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":159,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":159,"character":41},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":158,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"hasEmbeddedTemplate":[{"__symbolic":"method"}],"itemExist":[{"__symbolic":"method"}],"showFilter":[{"__symbolic":"method"}],"onItemSelection":[{"__symbolic":"method"}],"displayItem":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]},"statics":{"MaxNumShown":10}},"GCChooserState":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ChooserSelectionState"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"GenericChooserComponent"}]}],"setSelectionState":[{"__symbolic":"method"}],"selectedObject":[{"__symbolic":"method"}],"selectedObjects":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}]}},"GenericChooserComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":56,"character":1},"arguments":[{"selector":"aw-generic-chooser","providers":[{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"GenericChooserComponent"}},{"provide":{"__symbolic":"reference","name":"DATA_SOURCE"},"useClass":{"__symbolic":"reference","name":"ChooserDataSource"},"deps":[{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"}]}],"template":"<ng-container [ngSwitch]=\"type\">\n\n    <ng-template [ngSwitchCase]=\"'Checkbox'\">\n        <aw-checkbox-list [list]=\"list\"\n                          [editable]=\"editable\"\n                          [selections]=\"selection\"\n                          [name]=\"name\"\n                          [disabled]=\"disabled\"\n                          [labelFormatter]=\"displayValue\"\n                          (onSelection)=\"onSelection($event)\">\n        </aw-checkbox-list>\n    </ng-template>\n\n\n    <ng-template [ngSwitchCase]=\"'Radio'\">\n        <aw-radiobutton-list [list]=\"list\"\n                             [selection]=\"selection\"\n                             [editable]=\"editable\"\n                             [name]=\"name\"\n                             [disabled]=\"disabled\"\n                             [labelFormatter]=\"displayValue\"\n                             (onSelection)=\"onSelection($event)\">\n        </aw-radiobutton-list>\n    </ng-template>\n\n    <ng-template [ngSwitchCase]=\"'Dropdown'\">\n        <aw-dropdown [list]=\"list\"\n                     [isStandalone]=\"false\"\n                     [editable]=\"editable\"\n                     [noSelectionString]=\"noSelectionString\"\n                     [selection]=\"selection\"\n                     [disabled]=\"disabled\"\n                     [name]=\"name\"\n                     (onSelection)=\"onSelection($event)\">\n            <ng-template #itemTemplate let-item>\n\n                <!-- todo: allow to pass a PIPE to do some additional formatting -->\n                {{ displayValue(item.value) }}\n            </ng-template>\n        </aw-dropdown>\n    </ng-template>\n\n\n    <ng-template [ngSwitchCase]=\"'Chooser'\">\n        <aw-chooser #chooser\n                    [editable]=\"editable\"\n                    [isStandalone]=\"false\"\n                    [name]=\"name\"\n                    [multiselect]=\"multiselect\"\n                    [dataSource]=\"dataSource\"\n                    [valueTransformer]=\"displayValue\"\n                    [disabled]=\"disabled\">\n\n        </aw-chooser>\n\n    </ng-template>\n\n</ng-container>\n","styles":[""]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}}]}],"object":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"destinationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"choiceProviderParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"multiselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}}]}],"displayKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":5}}]}],"noSelectionString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":148,"character":17},"arguments":[{"__symbolic":"reference","name":"DATA_SOURCE"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":149,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":149,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":149,"character":41},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":147,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":147,"character":65},{"__symbolic":"reference","name":"ChooserDataSource"},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"initType":[{"__symbolic":"method"}],"validateRequired":[{"__symbolic":"method"}],"displayValue":[{"__symbolic":"method"}],"onSelection":[{"__symbolic":"method"}]}},"HyperlinkComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":61,"character":1},"arguments":[{"selector":"aw-hyperlink","template":"<a [attr.type]=\"type\"\n   [attr.href]=\"href\"\n   [attr.rel]=\"rel\"\n   [attr.target]=\"target\"\n   [ngClass]=\"linkClass\"\n   [class.disabled]=\"disabled\"\n   (click)=\"clicked($event)\">\n\n    <ng-content></ng-content>\n</a>\n","styles":[".link{color:#0275d8;cursor:pointer}.link.link-bh{color:#0275d8}.link.link-bh:hover{text-decoration:underline;cursor:pointer}.link-sm{font-size:.875em}.link-mid{font-size:1em}.link-lg{font-size:1.25em}.link.disabled{pointer-events:none;cursor:default;color:#ddd}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"rel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":118,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"clicked":[{"__symbolic":"method"}]}},"LinkSize":{"__symbolic":"interface"},"INPUT_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":59,"character":13},"useExisting":{"__symbolic":"reference","name":"InputFieldComponent"},"multi":true},"InputFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":65,"character":1},"arguments":[{"selector":"aw-input-field","providers":[{"__symbolic":"reference","name":"INPUT_CONTROL_VALUE_ACCESSOR"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"InputFieldComponent"}}],"template":"<div *ngIf=\"editable\" [formGroup]=\"formGroup\" class=\"w-input-wrapper\">\n\n    <input pInputText\n           #inputFieldValue\n           [attr.name]=\"name\"\n           [attr.type]=\"type\"\n           class=\"w-input-field\"\n           [ngClass]=\"styleClass\"\n           [class.has-icon]=\"icon\"\n           placeholder=\"{{placeHolder}}\"\n           [class.u-validation-error]=\"!(formControl.valid || (formControl.pristine))\"\n           formControlName=\"{{name}}\"\n           (keydown)=\"onKeyDown(inputFieldValue)\"\n           (blur)=\"onBlur(inputFieldValue)\"\n           [value]=\"displayValue\">\n    <span *ngIf=\"icon\" class=\"sap-icon\" [ngClass]=\"icon\"></span>\n</div>\n\n\n<ng-template [ngIf]=\"!editable\">\n    <aw-string [value]=\"displayValue\"></aw-string>\n</ng-template>\n","styles":[".w-input-wrapper{position:relative}.w-input-field{padding-right:35px}.w-input-field~span{top:13px;position:absolute;right:15px}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"precision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"bigDecimal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":123,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":123,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":123,"character":41},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":122,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"canSetType":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"formatNumber":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"RadioButtonListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":79,"character":1},"arguments":[{"selector":"aw-radiobutton-list","providers":[{"__symbolic":"reference","name":"ɵe"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"RadioButtonListComponent"}}],"template":"<div *ngFor=\"let item of list;  let i = index\" class=\"ui-g\">\n\n    <div class=\"ui-g-12\">\n        <aw-radiobutton\n            [(ngModel)]=\"model\"\n            (ngModelChange)=\"onChange($event)\"\n            [isStandalone]=\"false\"\n            [name]=\"name\"\n            [value]=\"i\"\n            [label]=\"labelValue(item)\">\n        </aw-radiobutton>\n    </div>\n\n</div>\n","styles":[""]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"labelFormatter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":129,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":129,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":129,"character":41},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":128,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"labelValue":[{"__symbolic":"method"}],"value":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"StringComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":65,"character":1},"arguments":[{"selector":"aw-string","template":"\n        <span class=\"w-string-field\" [innerHTML]=\"value\"></span>\n    ","styles":[".w-string-field{display:inline-block}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":82,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":82,"character":41},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":81,"character":28},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":81,"character":60},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}}]}]}},"TEXTAREA_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":52,"character":13},"useExisting":{"__symbolic":"reference","name":"TextAreaComponent"},"multi":true},"TextAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"aw-text-area","providers":[{"__symbolic":"reference","name":"TEXTAREA_CONTROL_VALUE_ACCESSOR"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"TextAreaComponent"}}],"template":"<div *ngIf=\"editable\" [formGroup]=\"formGroup\">\n\n\t<textarea\n        pInputTextarea\n        [attr.name]=\"name\"\n        class=\"w-text-area\"\n        [class.u-validation-error]=\"!(formControl.valid || (formControl.pristine))\"\n        [class.disabled]=\"disabled\"\n        formControlName=\"{{name}}\"\n        [rows]=\"rows\"\n        [cols]=\"columns\"\n        [autoResize]=\"autoResize\"\n        [attr.placeholder]=\"placeHolder\"\n\n    ></textarea>\n\n</div>\n\n\n<ng-template [ngIf]=\"!editable\">\n    <aw-string [value]=\"value\"></aw-string>\n</ng-template>\n","styles":[""]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"autoResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":100,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":100,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":100,"character":41},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":99,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"OutlineForComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":194,"character":1},"arguments":[{"selector":"aw-outline-for, [awOutlineFor]","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":200,"character":8},"arguments":["section",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":201,"character":12},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":201,"character":23},"arguments":[{"overflow-y":"hidden","height":"*","opacity":"1","$quoted$":["overflow-y","height","opacity"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":207,"character":12},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":207,"character":26},"arguments":[{"height":"0","opacity":"0","overflow-y":"hidden","$quoted$":["height","opacity","overflow-y"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":213,"character":12},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":213,"character":36},"arguments":["200ms ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":214,"character":12},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":214,"character":36},"arguments":["200ms ease-in"]}]}]]}],"template":"<!--\n    Starts with the list, where nestingLevel is -1.\n    call template outlineItems to iterate and render each item\n-->\n<ng-container [ngIf]=\"list\" *ngTemplateOutlet=\"outlineItems;\n            context:{ $implicit: list, nestingLevel: 0, parentItem: null, expanded: true}\">\n</ng-container>\n\n<!--\n    Main Entry point for the recursion. this is called by the block above as well as byt the inner\n    piece that calls this template recursively again when an item has children\n-->\n<ng-template #outlineItems let-children let-nestingLevel=\"nestingLevel\"\n             let-parent=\"parentItem\" let-expanded=\"expanded\">\n\n    <ng-template ngFor let-item [ngForOf]=\"children\" let-rowIndex=\"index\">\n\n        <ng-container *ngTemplateOutlet=\"outlineItem;\n            context:{ $implicit: item, nestingLevel: nestingLevel, parentItem: parent,\n            expanded: expanded, rowIndex:rowIndex}\">\n        </ng-container>\n\n        <!--\n\n            Recursion piece:\n\n            For non embedded case when even if its not expanded we need to iterate children\n            as we want to apply animation that should go with ngIf which inside the outineItem\n            template\n\n            Dont recurse/ render items that are not visible.\n        -->\n\n        <ng-template [ngIf]=\"hasChildren(item) && (isExpanded(item, nestingLevel) || !embedded) && isVisible(item)\">\n            <ng-container *ngTemplateOutlet=\"outlineItems;\n                        context:{ $implicit: childrenForItem(item),\n                                nestingLevel: nestingLevel+1,\n                                expanded: isExpanded(item, nestingLevel),\n                                parentItem:item }\">\n            </ng-container>\n        </ng-template>\n    </ng-template>\n</ng-template>\n\n\n<!--\n    Renders actual outline node and applies animation while expanding and collapsing\n\n    [@section]=\"expanded || isExpanded(item) ? 'visible' : 'hidden'\"\n-->\n<ng-template #outlineItem let-item let-nestingLevel=\"nestingLevel\" let-parent=\"parentItem\"\n             let-rowIndex=\"rowIndex\"\n             let-expanded=\"expanded\">\n\n    <div class=\"w-outline-item\"\n         *ngIf=\"!embedded && expanded\"\n         [style.padding-left.px]=\"indentation(nestingLevel)\"\n         initNesting [setLevel]=\"nestingLevel\" [setParentItem]=\"parent\"\n         [setCurrrentItem]=\"item\"\n         [@section]\n         (@section.done)=\"onAnimationDone($event)\">\n\n        <ng-container *ngTemplateOutlet=\"controlTemplate;\n                        context:{ $implicit: item, nestingLevel: nestingLevel, rowIndex:rowIndex }\">\n        </ng-container>\n    </div>\n\n    <!--\n        When outline control is used as embedded meaning its inside e..g datatable we\n        cannot have any tags around it.\n\n        Todo: Refactor this in the way so we can do animation when table lines are\n        expanded. Since its embedded we can not have any wrapping element around, the template\n        is fully responsible\n    -->\n    <ng-template [ngIf]=\"embedded && expanded\"\n                 initNesting [setLevel]=\"nestingLevel\" [setParentItem]=\"parent\"\n                 [setCurrrentItem]=\"item\"\n    >\n        <ng-container #renderedItem *ngTemplateOutlet=\"controlTemplate;\n                        context:{ $implicit: item, nestingLevel: nestingLevel, rowIndex:rowIndex  }\">\n        </ng-container>\n    </ng-template>\n\n</ng-template>\n\n\n","styles":[".is-outline-animation>div,::ng-deep .w-outline-item{overflow:hidden}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":225,"character":5}}]}],"showExpansionControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":234,"character":5}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":241,"character":5}}]}],"filterOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":5}}]}],"expandAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":257,"character":5}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":266,"character":5}}]}],"indentationPerLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":274,"character":5}}]}],"externalTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":281,"character":5}}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":288,"character":5}}]}],"pushRootSectionOnNewLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":292,"character":5}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":311,"character":5}}]}],"onItemSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":319,"character":5}}]}],"onExpandChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":328,"character":5}}]}],"controlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":334,"character":5},"arguments":["outline"]}]}],"outlineItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":338,"character":5},"arguments":["renderedItem"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":367,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":368,"character":40},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":369,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":370,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"isTreeModelFormat":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}],"childrenForItem":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"doGetChildren":[{"__symbolic":"method"}],"toggleExpansion":[{"__symbolic":"method"}],"onAnimationDone":[{"__symbolic":"method"}],"indentation":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]}},"OutlineControlComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":68,"character":1},"arguments":[{"selector":"aw-outline-control","template":"<!--\n    Control is just the two flex box items for displaying expand/collapse icon and content\n\n    Since we animate only standalone/non-embedded case now then we need to also animate the icon\n    so we use only icon-slim-arrow-right and do tranformation on top of this to make it rotate.\n\n    If embedded case we use both icons icon-slim-arrow-right / icon-slim-arrow-down\n-->\n<div class=\"w-outline-control\"\n     [ngClass]=\"{'outline-u-unselectable-text': outlineFor.pushRootSectionOnNewLine && !item.$$parentItem}\">\n    <div class=\"outline-icon sap-icon\"\n         *ngIf=\"!outlineFor.pushRootSectionOnNewLine || !isRootItem\"\n         (click)=\"toggleExpansion($event)\"\n         [style.margin-left.px]=\"indentation\"\n         [ngClass]=\"calculateStyleClass()\">\n    </div>\n\n    <ng-container *ngIf=\"allowSelection; then withSelection else withoutSelection\">\n    </ng-container>\n</div>\n\n<!--\n We support two case for the content\n\n Selection: When you click on the content it will add extra class so you can style currently\n selected item as well as broadcast event outside so developer can hook in some custom logic\n\n If we dont support selection: Then clicking on the content is just like clicking on expandable\n icon, it toggles the state\n-->\n\n<ng-template #withSelection>\n     <span class=\"outline-content outline-content-selected\" *ngIf=\"!allowEdit && isSelected()\">\n        <ng-container *ngTemplateOutlet=\"ngContent\"></ng-container>\n    </span>\n    <span class=\"outline-content\" *ngIf=\"!allowEdit && !isSelected()\" (click)=\"select()\">\n        <ng-container *ngTemplateOutlet=\"ngContent\"></ng-container>\n    </span>\n\n</ng-template>\n\n\n<ng-template #withoutSelection>\n    <span *ngIf=\"!allowEdit\" class=\"outline-content\" (click)=\"toggleExpansion($event)\">\n        <ng-container *ngTemplateOutlet=\"ngContent\"></ng-container>\n    </span>\n    <span *ngIf=\"allowEdit\" class=\"outline-content\">\n        <ng-container *ngTemplateOutlet=\"ngContent\"></ng-container>\n    </span>\n</ng-template>\n\n\n<ng-template #ngContent>\n    <ng-content></ng-content>\n</ng-template>\n\n","styles":[".w-outline-control{overflow:hidden;display:flex;flex-wrap:nowrap;cursor:pointer}.w-outline-control .outline-icon{flex:0 0 15px;color:#ababab;font-size:14px;font-weight:700;min-width:11px;-ms-grid-row-align:center;align-self:center;transition:transform 50ms ease-in;transition:transform 50ms ease-in,-webkit-transform 50ms ease-in;-webkit-transform-origin:25% 65%;transform-origin:25% 65%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.w-outline-control .outline-icon.outline-icon-expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.w-outline-control .outline-content{flex:1 1 auto;flex-wrap:wrap;padding:0 4px}.w-outline-control .outline-content.outline-content-selected{cursor:default;font-weight:700}.outline-u-unselectable-text{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:auto}"]}]}],"members":{"allowSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"allowEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":112,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":112,"character":29},"arguments":[{"__symbolic":"reference","name":"OutlineState"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":114,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":114,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":114,"character":41},"arguments":[{"__symbolic":"reference","name":"OutlineControlComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":116,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":116,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":116,"character":41},"arguments":[{"__symbolic":"reference","name":"OutlineForComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":111,"character":28},{"__symbolic":"reference","name":"OutlineState"},{"__symbolic":"reference","name":"OutlineControlComponent"},{"__symbolic":"reference","name":"OutlineForComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"hasExpansionControl":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"calculateStyleClass":[{"__symbolic":"method"}],"toggleExpansion":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"prepareControl":[{"__symbolic":"method"}]}},"PageActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"aw-page-actions","template":"<div class=\"page-actions\">\n    <ng-content></ng-content>\n</div>\n","styles":[".page-actions{text-align:right;padding-top:0;padding-right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":36,"character":59}]}]}},"PageContentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"aw-page-content","template":"<ng-content></ng-content>","styles":[":host {width: 100%; padding: 0 .5em;}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":37,"character":59}]}]}},"PageFooterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":54,"character":1},"arguments":[{"selector":"aw-page-footer","template":"<div class=\"page-footer\">\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12 ui-md-8\">\n\n            <ng-content select=\".page-footer-logo\"></ng-content>\n\n            <div class=\"user-info\">\n                <ng-content select=\".page-footer-user-info\"></ng-content>\n            </div>\n\n            <ul class=\"footer-links\">\n                <li role=\"presentation\"><a href=\"http://www.ariba.com/legal/ariba_tou.cfm\">Terms of\n                    Use</a></li>\n                <li role=\"presentation\"><a\n                    href=\"http://www.ariba.com/legal/ariba_security_policy.cfm\">Security\n                    Disclosure</a></li>\n                <li role=\"presentation\"><a\n                    href=\"http://www.ariba.com/legal/ariba_privacy_statement.cfm\">Privacy\n                    Statement</a></li>\n                <li role=\"presentation\"><a\n                    href=\"http://www.ariba.com/legal/ariba-privacy-statement\">Cookie Statement</a>\n                </li>\n                <li role=\"presentation\"><a\n                    href=\"http://www.ariba.com/legal/ariba-privacy-statement\">Participant\n                    Statement</a></li>\n            </ul>\n        </div>\n\n        <div class=\"ui-g-12 ui-md-4\">\n            <div class=\"u-bottom-align\"></div>\n            <div class=\"u-hright copyright\">\n                <ng-content select=\".page-footer-copyright\"></ng-content>\n            </div>\n\n            <!-- Default Copyright -->\n            <div *ngIf=\"showDefaultCopyright\" class=\"u-hright copyright\">\n                <p>© 1996–2017 Ariba, Inc. All rights reserved</p>\n            </div>\n\n        </div>\n    </div>\n</div>\n","styles":[".page-footer{background:#fff;padding:15px 0 0;font-size:11px;border-top:1px solid #d7d7d7}.page-footer .user-info{color:#ccc}.page-footer .ui-g{margin:0 auto}.page-footer .copyright{color:#ccc}.footer-links{list-style:none;margin:0 -15px;padding:0;font-size:10px}.footer-links li{float:left}.footer-links:after,.footer-links:before{content:\" \";display:table}.footer-links:after{clear:both}.footer-links>li,.footer-links>li>a{position:relative;display:block}.footer-links>li>a{padding:10px 15px;color:#199de0}"]}]}],"members":{"copyright":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":65,"character":5},"arguments":["copyright"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":72,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":72,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"PageHeaderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":70,"character":1},"arguments":[{"selector":"aw-page-header","template":"<nav class=\"navbar page-header\" role=\"navigation\">\n\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12 ui-md-4 navbar-left\">\n\n        <span *ngIf=\"hasMenuItems()\">\n            <a (click)=\"showHideMenu()\">\n                <i class=\"sap-icon icon-paging\"></i>\n            </a>\n\n            <!-- Side menu -->\n            <aw-sidenav #sidemenu [items]=\"menuItems\"></aw-sidenav>\n        </span>\n            <!-- End Hamburger menu. -->\n\n            <!--  back action -->\n            <span class=\"back-action\">\n            <a (click)=\"backAction()\">\n                <i *ngIf=\"showBackAction\" class=\"sap-icon icon-arrow-left\" role=\"button\"></i>\n            </a>\n        </span>\n\n        </div>\n\n        <div class=\"ui-g-12 ui-md-4 navbar-center\">\n\n            <!-- central section.  Application can add Ariba-logo, search box, etc -->\n            <ng-content select=\".page-header-center\"></ng-content>\n        </div>\n\n        <div class=\"ui-g-12 ui-md-4 navbar-right\">\n        <span *ngIf=\"userName\">\n            <img id=\"userProfilePicture\" class=\"profile-logo\" aria-hidden=\"true\"\n                 [title]=\"userName\" src=\"{{assetFolder}}/images/default_image_small.png\">\n            <span class=\"profile-user\" title=\"{{userName}}\">{{userName}}</span>\n        </span>\n\n            <span *ngIf=\"!hideNotification\" class=\"notification-container\">\n\n            <i #notificationIcon class=\"ariba-icon icon-notification\"\n               (click)=\"toggleNotificationPanel()\"></i>\n            <span *ngIf=\"hasNotifications()\" class=\"notification-badge\" aria-hidden=\"true\">{{notifications.length}}</span>\n\n                <!-- Originally I was using p-overlay-panel, however, it doesn't position correctly under the notification icon.\n                     The positioning logic in prime ng needs some more investigation. So for now, use a div instead-->\n            <div *ngIf=\"showNotificationPanel\" class=\"notification-panel\">\n\n                <div class=\"notification-header\">\n                     Notifications\n                </div>\n\n                <ul class=\"notification-content\">\n                    <li *ngFor=\"let noti of notifications\" class=\"notification-item\">\n                        <a [routerLink]=\"noti.link\">\n                            <span class=\"notification-item-icon\"><i\n                                [ngClass]=\"'sap-icon ' + noti.icon\"></i></span>\n                            {{noti.label}}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </span>\n        </div>\n\n\n    </div>\n</nav>\n","styles":[".page-header i{font-size:32px}.page-header .icon-paging{font-size:30px;position:relative;top:2px}.back-action{display:inline-block;margin-left:15px}.back-action i{position:relative;top:3px}.navbar{background:#000;color:#fff}.navbar-left{padding-left:15px;height:50px}.navbar-center{text-align:center;height:50px}.navbar-right{text-align:right;height:50px}.profile-logo{width:30px;height:30px;position:relative;top:2px}.profile-user{vertical-align:super;margin-right:30px}.icon-notification:before{content:\"\\eA14\"}.navbar #sidebar-menu-icon{position:relative;top:.5em}.notification-container{position:relative;margin-right:20px;display:inline-block}.notification-badge{display:inline-block;padding:2px 5px;font-size:12px;font-weight:700;color:#fff;background-color:#c00;border-radius:10px;position:absolute;top:0;left:16px}.notification-panel{position:absolute;right:-27px;top:45px;width:350px;color:#767676;box-shadow:0 2px 10px 0 rgba(0,0,0,.13);background-color:#fff;overflow:hidden;transition:.3s ease-in-out}.notification-panel .notification-header{background-color:#f3f3f3;font-size:16px;height:50px;line-height:50px;text-align:center}.notification-panel .notification-content{padding:0;margin:0}.notification-panel .notification-item{height:50px;border-top:1px solid #d7d7d7;padding:15px 10px;white-space:nowrap;text-overflow:ellipsis}.notification-panel .notification-item a{color:#767676;text-decoration:none;line-height:35px}.notification-panel .notification-item:hover{background-color:#f7f8fa}.notification-panel .notification-item-icon{margin-right:15px;color:#767676;display:inline-block;margin-top:10px;vertical-align:middle}"]}]}],"members":{"menuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"notifications":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"hideNotification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"showBackAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"userName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":5},"arguments":["sidemenu"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":119,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":119,"character":59},{"__symbolic":"reference","module":"@aribaui/core","name":"RoutingService","line":120,"character":33}]}],"backAction":[{"__symbolic":"method"}],"hasMenuItems":[{"__symbolic":"method"}],"showHideMenu":[{"__symbolic":"method"}],"hasNotifications":[{"__symbolic":"method"}],"toggleNotificationPanel":[{"__symbolic":"method"}]}},"PageMenuItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}],"toString":[{"__symbolic":"method"}]}},"UserNotification":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}],"toString":[{"__symbolic":"method"}]}},"PageNotificationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"aw-page-notification","template":"<div class=\"page-notification\">\n    <div [class]=\"notificationClass()\">\n        <i [class]=\"notificationIcon()\"></i>\n        <span class=\"content\">\n              <span class=\"title\">{{notification.title}}</span>\n              <span class=\"description\">\n                    <ng-template *ngIf=\"notification.hasTemplate(); else description\"\n                                 [ngTemplateOutlet]=\"notification.contentTmpl\">\n                    </ng-template>\n                    <ng-template #description>{{notification.description}}</ng-template>\n              </span>\n      </span>\n    </div>\n</div>\n","styles":[".page-notification{margin:0 0 5px}.notification-error,.notification-info,.notification-success,.notification-warning{padding:9px 8px}.notification-error i,.notification-info i,.notification-success i,.notification-warning i{font-size:24px;margin:10px}.notification-success i{color:#58b957}.notification-info i{color:#199de0}.notification-warning i{color:#f90}.notification-error i{color:#c00}.notification-success{background-color:#f1f9f1;border:1px solid rgba(88,185,87,.5)}.notification-info{background-color:#edf8fd;border:1px solid rgba(25,157,224,.5)}.notification-warning{background-color:#fff8dd;border:1px solid rgba(255,153,0,.5)}.notification-error{background-color:#ffebeb;border:1px solid rgba(204,0,0,.5)}.icon-error:before{content:\"\\EA9D\"}.icon-warning:before{content:\"\\EA9C\"}.content{vertical-align:super}.title{font-weight:700;margin-right:10px}"]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":81,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":81,"character":59}]}],"notificationClass":[{"__symbolic":"method"}],"notificationIcon":[{"__symbolic":"method"}]}},"PageNotification":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":105,"character":29,"context":{"typeName":"PageNotificationType"},"module":"./widgets/page-notification/page-notification.component"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"hasTemplate":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}]}},"PageNotificationType":{"__symbolic":"interface"},"PageInitialized":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"toString":[{"__symbolic":"method"}]}},"PageDestroyed":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"toString":[{"__symbolic":"method"}]}},"PageWrapper":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":82,"character":28},{"__symbolic":"error","message":"Could not resolve type","line":82,"character":51,"context":{"typeName":"PageType"},"module":"./widgets/page-wrapper/page-wrapper"},{"__symbolic":"reference","name":"ComponentRegistry"},{"__symbolic":"reference","name":"PageLifeCycleService"}]}],"generatePageId":[{"__symbolic":"method"}],"getId":[{"__symbolic":"method"}]}},"PageLifeCycleService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":42,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"onPageInit":[{"__symbolic":"method"}],"onPageDestroy":[{"__symbolic":"method"}]}},"ObjectPageWrapperComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageWrapper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":98,"character":1},"arguments":[{"selector":"aw-object-page-wrapper","template":"<div class=\"page-wrapper\">\n    <ng-template [ngIf]=\"!hideHeader\">\n        <aw-include-component [name]='header.name'></aw-include-component>\n    </ng-template>\n\n    <div class=\"arc-object-detail\">\n\n        <div class=\"ui-g\">\n\n            <!-- page header -->\n            <div class=\"ui-g-12 page-title\">\n\n                <!-- page title -->\n                <div class=\"ui-g-8 ui-md-8 page-title-text\">{{title}}</div>\n\n                <div class=\"ui-g-4 ui-md-4 page-status\">\n                    <span class=\"object-status-label\">{{objectStatusLabel}} &nbsp;</span>\n                    <span class=\"object-status\">{{objectStatus}}</span>\n                </div>\n            </div>\n\n            <!-- page actions -->\n            <div class=\"ui-g-12 page-actions\" *ngIf=\"hasTopPageActions\">\n                <ng-template [embeddedItem]=\"actionsTemplate\"\n                             *ngIf=\"hasTopPageActions\"></ng-template>\n            </div>\n\n            <!-- object states  displays only if state exists. -->\n            <div class=\"ui-g-12 page-state\">\n                <div class=\"ui-g-3 page-state-left\" [class.content]=\"hasObjectStates()\">\n                    <ng-content select=\".page-state-left\"></ng-content>\n                </div>\n                <div class=\"ui-g-6 page-state-center\">\n                    <ng-container *ngIf=\"hasObjectStates()\">\n                        <aw-stepper [steps]=\"objectStates\"\n                                    [currentStep]=\"objectStateIndex\"></aw-stepper>\n                    </ng-container>\n                </div>\n                <div class=\"ui-g-3 page-state-right\">\n                    <ng-content select=\".page-state-right\"></ng-content>\n                </div>\n            </div>\n\n\n            <!-- Page Notification -->\n            <ng-template [ngIf]=\"hasNotifications()\">\n                <div class=\"ui-g-12 u-nopadding\">\n\n                    <aw-page-notification *ngFor=\"let notification of notifications\"\n                                          [notification]=\"notification\"></aw-page-notification>\n                </div>\n            </ng-template>\n\n            <!-- additional content -->\n            <ng-content select=\"aw-page-content\"></ng-content>\n\n        </div>\n\n    </div>\n\n    <!-- page actions -->\n    <div class=\"ui-g-12 page-actions-bottom\" *ngIf=\"hasBottomPageActions\">\n        <ng-template [embeddedItem]=\"actionsTemplate\"\n                     *ngIf=\"hasBottomPageActions\"></ng-template>\n\n    </div>\n\n    <div class=\"page-push\"></div>\n</div>\n\n<ng-template [ngIf]=\"!hideFooter\">\n    <aw-include-component [name]='footer.name'></aw-include-component>\n</ng-template>\n","styles":[".page-wrapper{background-color:#f2f2f2;min-height:100%;margin-bottom:-100px}.arc-object-detail{padding:20px}.page-title-text{font-size:22px;color:#000;padding:14px 0}.page-title{padding:5px 0;border-bottom:1px solid #d7d7d7}.page-actions{padding:15px 0 5px}.page-actions-bottom{padding:0 20px}.page-state,.page-state-center,.page-state-left,.page-state-right{padding:0}.content::after{content:'\\00a0';font-size:0}.page-title /deep/ .ui-button{min-width:100px}.page-status{text-align:right;padding:18px 0}.page-status .object-status-label{color:#767676}.page-status .object-status{font-weight:700;color:#038719}.page-push{height:100px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"objectType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}}]}],"objectStatusLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":5}}]}],"objectStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":5}}]}],"objectStates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":5}}]}],"currentState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":5}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":5}}]}],"hideHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":5}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":5}}]}],"hideFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":5}}]}],"pageActionPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":5}}]}],"actionsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":201,"character":5},"arguments":["pageActions"]}]}],"notifications":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":213,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":213,"character":59},{"__symbolic":"reference","name":"ComponentRegistry"},{"__symbolic":"reference","name":"PageLifeCycleService"}]}],"generatePageId":[{"__symbolic":"method"}],"hasNotifications":[{"__symbolic":"method"}],"hasObjectStates":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SectionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":166,"character":1},"arguments":[{"selector":"aw-section","template":"<div class=\"ui-g-12 section-container\"\n     [class.editing]=\"editable && editState && editMode === 'default'\">\n\n    <p-accordion (onOpen)=\"onSectionOpen($event)\" (onClose)=\"onSectionClose($event)\"\n                 [styleClass]=\"aClass()\">\n        <p-accordionTab #accordionTab [selected]=\"opened\" [disabled]=\"disableClose\">\n            <p-header>\n                <!-- title and description -->\n                <div class=\"section-header-container\">\n                    <div class=\"section-title\">{{title}}</div>\n                    <div *ngIf=\"hasDescription()\" class=\"section-description\">{{description}}</div>\n\n                    <!-- actions: Hide when in editing and editMode is default -->\n                    <div *ngIf=\"(editable && !editState && editMode === 'default') ||\n                        (editable && editMode === 'external')\"\n                         class=\"section-actions\">\n                        <aw-hyperlink (action)=\"onEditAction($event)\">\n                            <i class=\"sap-icon section-edit-action\" [ngClass]=\"actionIcon\"></i>\n                        </aw-hyperlink>\n                    </div>\n                </div>\n            </p-header>\n\n            <ng-content></ng-content>\n        </p-accordionTab>\n    </p-accordion>\n    <!--\n        need to put it outside of p-accordion otherwise button will inherit different\n        color scheme\n    -->\n    <div class=\"section-footer-container\" *ngIf=\"editable && editState &&\n            editMode === 'default'\">\n        <div class=\"footer-actions\">\n\n            <ng-template [ngIf]=\"!hasCustomActions()\">\n                <aw-button [style]=\"'secondary'\" size=\"small\"\n                           (action)=\"onCancelAction.emit($event)\">\n                    Cancel\n                </aw-button>\n                <aw-button size=\"small\" (action)=\"onSaveAction.emit($event)\">\n                    Save\n                </aw-button>\n            </ng-template>\n\n            <ng-content select=\"aw-section-actions\"></ng-content>\n        </div>\n    </div>\n</div>\n","styles":[".section-header-container{position:relative}.section-container{margin:10px 0;background-color:#fff;padding:.2em .5em;border:2px dashed transparent}.section-container.editing{border-color:#199de0}.section-container ::ng-deep .ui-accordion-header>a{display:flex}.section-container ::ng-deep .ui-accordion-header>a .ui-accordion-toggle-icon{flex:0 0 30px;padding-top:2px}.section-container ::ng-deep .ui-accordion-header>a p-header{flex:1 0}.section-container /deep/ .ui-accordion-header.ui-state-disabled{opacity:1}.section-title{font-size:1.1em}.section-description{font-size:.9em;padding:.6em 0 .2em}.section-footer-container{margin:1em 2em 0;padding:.8em 0 1.5em .8em;border-top:1px solid #d7d7d7}.section-footer-container .footer-actions{display:inline-block;text-align:right;width:100%}.section-actions{position:absolute;top:0;right:0;z-index:1}.section-actions /deep/ a.link,.section-actions /deep/ a.link:hover{padding:0;text-decoration:none}.section-edit-action{font-size:1.5em;position:relative;padding:.1em 0 .1em .5em;cursor:pointer}.section-edit-action.icon-edit{font-size:1.4em}.section-container /deep/ .ui-accordion-header{color:#363636;border:none;background:#fff!important;padding:0 1em}.section-container /deep/ .ui-accordion-content{border:none;padding:1em 2em}.section-container /deep/ .ui-accordion-header /deep/ a[role=tab]{padding:.75em 0;text-decoration:none}.section-container /deep/ .ui-accordion-header.ui-state-active /deep/ a[role=tab]{border-bottom:1px solid #d7d7d7;color:#363636}.section-container /deep/ .section-no-header /deep/ .ui-accordion-header{height:1px}.section-container /deep/ .section-no-header /deep/ .ui-accordion-header.ui-state-active /deep/ a[role=tab]{border-bottom:none}.section-container /deep/ .section-no-header /deep/ .ui-accordion-header .section-edit-action{cursor:pointer!important}:host /deep/ .ui-accordion-header /deep/ .pi.pi-caret-down,:host /deep/ .ui-accordion-header /deep/ .pi.pi-caret-right{font-family:\"SAP icon fonts\";font-size:1.1em;top:.8em;left:.1em;color:#767676;margin-top:0}:host /deep/ .ui-accordion-header.ui-state-disabled /deep/ .fa,:host /deep/ .ui-accordion-header.ui-state-disabled /deep/ .pi{display:none}:host /deep/ .ui-accordion-header /deep/ .pi.pi-caret-right:before{content:\"\\e1ed\"}:host /deep/ .ui-accordion-header /deep/ .pi.pi-caret-down:before{content:\"\\e1ef\"}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":5}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":5}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":5}}]}],"disableClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":5}}]}],"editState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":5}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":5}}]}],"actionIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":5}}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":228,"character":5}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":234,"character":5}}]}],"onEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":240,"character":5}}]}],"onCancelAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":247,"character":5}}]}],"onSaveAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":254,"character":5}}]}],"onEditingComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":258,"character":5}}]}],"accordionTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":271,"character":5},"arguments":["accordionTab"]}]}],"customActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":278,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵk"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":281,"character":35},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":281,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"isHeaderDisplayed":[{"__symbolic":"method"}],"aClass":[{"__symbolic":"method"}],"onEditAction":[{"__symbolic":"method"}],"hasDescription":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onSectionOpen":[{"__symbolic":"method"}],"onSectionClose":[{"__symbolic":"method"}],"hasCustomActions":[{"__symbolic":"method"}],"completeEditing":[{"__symbolic":"method"}]}},"SubSectionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":420,"character":1},"arguments":[{"selector":"aw-subsection","template":"\n                    <h4 class=\"subsection-title\">{{title}}</h4>\n                    <ng-content></ng-content>\n                 ","styles":[".subsection-title {color: #363636; }"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":434,"character":5}}]}]}},"RichTextAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":82,"character":1},"arguments":[{"selector":"aw-richtextarea","providers":[{"__symbolic":"reference","name":"ɵl"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"RichTextAreaComponent"}}],"template":"<ng-template [ngIf]=\"editable\">\n\n    <!-- Basic editor, also the default, which the most used features enabled. -->\n    <div *ngIf=\"type === EditorType.Default\">\n        <p-editor [(ngModel)]=\"value\" [styleClass]=\"styleClass\" [style]=\"{'height':'180px'}\"\n                  [placeholder]=\"placeHolder\">\n            <p-header>\n                    <span class=\"ql-formats\">\n                        <button class=\"ql-bold\" aria-label=\"Bold\"></button>\n                        <button class=\"ql-italic\" aria-label=\"Italic\"></button>\n                        <button class=\"ql-underline\" aria-label=\"Underline\"></button>\n                    </span>\n                <span class=\"ql-formats\">\n                        <button class=\"ql-list\" value=\"ordered\"></button>\n                        <button class=\"ql-list\" value=\"bullet\"></button>\n                    </span>\n                <span class=\"ql-formats\">\n                            <button value=\"left\" selected></button>\n                            <button value=\"center\"></button>\n                            <button value=\"right\"></button>\n                            <button value=\"justify\"></button>\n                    </span>\n            </p-header>\n        </p-editor>\n    </div>\n\n    <!-- Editor with all the features enabled -->\n    <div *ngIf=\"type === EditorType.Full\">\n        <p-editor [(ngModel)]=\"value\" [styleClass]=\"styleClass\" [style]=\"{'height':'180px'}\"\n                  [placeholder]=\"placeHolder\"></p-editor>\n    </div>\n\n    <!-- Editor with all Text formatting  -->\n    <div *ngIf=\"type === EditorType.TextFormat\">\n        <p-editor [(ngModel)]=\"value\" [styleClass]=\"styleClass\" [style]=\"{'height':'180px'}\"\n                  [placeholder]=\"placeHolder\">\n            <p-header>\n            <span class=\"ql-format-group\">\n              <select title=\"Font\" class=\"ql-font\">\n                <option value=\"sans-serif\" selected=\"\">Sans Serif</option>\n                <option value=\"serif\">Serif</option>\n                <option value=\"monospace\">Monospace</option>\n              </select>\n              <select title=\"Size\" class=\"ql-size\">\n                <option value=\"10px\">Small</option>\n                <option value=\"13px\" selected=\"\">Normal</option>\n                <option value=\"18px\">Large</option>\n                <option value=\"32px\">Huge</option>\n              </select>\n            </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-bold\" aria-label=\"Bold\"></button>\n                    <button class=\"ql-italic\" aria-label=\"Italic\"></button>\n                    <button class=\"ql-underline\" aria-label=\"Underline\"></button>\n                </span>\n                <span class=\"ql-format-group\">\n              <select title=\"Text Color\" class=\"ql-color\">\n                <option value=\"rgb(0, 0, 0)\" label=\"rgb(0, 0, 0)\" selected=\"\"></option>\n                <option value=\"rgb(230, 0, 0)\" label=\"rgb(230, 0, 0)\"></option>\n                <option value=\"rgb(255, 153, 0)\" label=\"rgb(255, 153, 0)\"></option>\n                <option value=\"rgb(255, 255, 0)\" label=\"rgb(255, 255, 0)\"></option>\n                <option value=\"rgb(0, 138, 0)\" label=\"rgb(0, 138, 0)\"></option>\n                <option value=\"rgb(0, 102, 204)\" label=\"rgb(0, 102, 204)\"></option>\n                <option value=\"rgb(153, 51, 255)\" label=\"rgb(153, 51, 255)\"></option>\n                <option value=\"rgb(255, 255, 255)\" label=\"rgb(255, 255, 255)\"></option>\n                <option value=\"rgb(250, 204, 204)\" label=\"rgb(250, 204, 204)\"></option>\n                <option value=\"rgb(255, 235, 204)\" label=\"rgb(255, 235, 204)\"></option>\n                <option value=\"rgb(255, 255, 204)\" label=\"rgb(255, 255, 204)\"></option>\n                <option value=\"rgb(204, 232, 204)\" label=\"rgb(204, 232, 204)\"></option>\n                <option value=\"rgb(204, 224, 245)\" label=\"rgb(204, 224, 245)\"></option>\n                <option value=\"rgb(235, 214, 255)\" label=\"rgb(235, 214, 255)\"></option>\n                <option value=\"rgb(187, 187, 187)\" label=\"rgb(187, 187, 187)\"></option>\n                <option value=\"rgb(240, 102, 102)\" label=\"rgb(240, 102, 102)\"></option>\n                <option value=\"rgb(255, 194, 102)\" label=\"rgb(255, 194, 102)\"></option>\n                <option value=\"rgb(255, 255, 102)\" label=\"rgb(255, 255, 102)\"></option>\n                <option value=\"rgb(102, 185, 102)\" label=\"rgb(102, 185, 102)\"></option>\n                <option value=\"rgb(102, 163, 224)\" label=\"rgb(102, 163, 224)\"></option>\n                <option value=\"rgb(194, 133, 255)\" label=\"rgb(194, 133, 255)\"></option>\n                <option value=\"rgb(136, 136, 136)\" label=\"rgb(136, 136, 136)\"></option>\n                <option value=\"rgb(161, 0, 0)\" label=\"rgb(161, 0, 0)\"></option>\n                <option value=\"rgb(178, 107, 0)\" label=\"rgb(178, 107, 0)\"></option>\n                <option value=\"rgb(178, 178, 0)\" label=\"rgb(178, 178, 0)\"></option>\n                <option value=\"rgb(0, 97, 0)\" label=\"rgb(0, 97, 0)\"></option>\n                <option value=\"rgb(0, 71, 178)\" label=\"rgb(0, 71, 178)\"></option>\n                <option value=\"rgb(107, 36, 178)\" label=\"rgb(107, 36, 178)\"></option>\n                <option value=\"rgb(68, 68, 68)\" label=\"rgb(68, 68, 68)\"></option>\n                <option value=\"rgb(92, 0, 0)\" label=\"rgb(92, 0, 0)\"></option>\n                <option value=\"rgb(102, 61, 0)\" label=\"rgb(102, 61, 0)\"></option>\n                <option value=\"rgb(102, 102, 0)\" label=\"rgb(102, 102, 0)\"></option>\n                <option value=\"rgb(0, 55, 0)\" label=\"rgb(0, 55, 0)\"></option>\n                <option value=\"rgb(0, 41, 102)\" label=\"rgb(0, 41, 102)\"></option>\n                <option value=\"rgb(61, 20, 102)\" label=\"rgb(61, 20, 102)\"></option>\n              </select>\n              <span class=\"ql-format-separator\"></span>\n              <select title=\"Background Color\" class=\"ql-background\">\n                <option value=\"rgb(0, 0, 0)\" label=\"rgb(0, 0, 0)\"></option>\n                <option value=\"rgb(230, 0, 0)\" label=\"rgb(230, 0, 0)\"></option>\n                <option value=\"rgb(255, 153, 0)\" label=\"rgb(255, 153, 0)\"></option>\n                <option value=\"rgb(255, 255, 0)\" label=\"rgb(255, 255, 0)\"></option>\n                <option value=\"rgb(0, 138, 0)\" label=\"rgb(0, 138, 0)\"></option>\n                <option value=\"rgb(0, 102, 204)\" label=\"rgb(0, 102, 204)\"></option>\n                <option value=\"rgb(153, 51, 255)\" label=\"rgb(153, 51, 255)\"></option>\n                <option value=\"rgb(255, 255, 255)\" label=\"rgb(255, 255, 255)\" selected=\"\"></option>\n                <option value=\"rgb(250, 204, 204)\" label=\"rgb(250, 204, 204)\"></option>\n                <option value=\"rgb(255, 235, 204)\" label=\"rgb(255, 235, 204)\"></option>\n                <option value=\"rgb(255, 255, 204)\" label=\"rgb(255, 255, 204)\"></option>\n                <option value=\"rgb(204, 232, 204)\" label=\"rgb(204, 232, 204)\"></option>\n                <option value=\"rgb(204, 224, 245)\" label=\"rgb(204, 224, 245)\"></option>\n                <option value=\"rgb(235, 214, 255)\" label=\"rgb(235, 214, 255)\"></option>\n                <option value=\"rgb(187, 187, 187)\" label=\"rgb(187, 187, 187)\"></option>\n                <option value=\"rgb(240, 102, 102)\" label=\"rgb(240, 102, 102)\"></option>\n                <option value=\"rgb(255, 194, 102)\" label=\"rgb(255, 194, 102)\"></option>\n                <option value=\"rgb(255, 255, 102)\" label=\"rgb(255, 255, 102)\"></option>\n                <option value=\"rgb(102, 185, 102)\" label=\"rgb(102, 185, 102)\"></option>\n                <option value=\"rgb(102, 163, 224)\" label=\"rgb(102, 163, 224)\"></option>\n                <option value=\"rgb(194, 133, 255)\" label=\"rgb(194, 133, 255)\"></option>\n                <option value=\"rgb(136, 136, 136)\" label=\"rgb(136, 136, 136)\"></option>\n                <option value=\"rgb(161, 0, 0)\" label=\"rgb(161, 0, 0)\"></option>\n                <option value=\"rgb(178, 107, 0)\" label=\"rgb(178, 107, 0)\"></option>\n                <option value=\"rgb(178, 178, 0)\" label=\"rgb(178, 178, 0)\"></option>\n                <option value=\"rgb(0, 97, 0)\" label=\"rgb(0, 97, 0)\"></option>\n                <option value=\"rgb(0, 71, 178)\" label=\"rgb(0, 71, 178)\"></option>\n                <option value=\"rgb(107, 36, 178)\" label=\"rgb(107, 36, 178)\"></option>\n                <option value=\"rgb(68, 68, 68)\" label=\"rgb(68, 68, 68)\"></option>\n                <option value=\"rgb(92, 0, 0)\" label=\"rgb(92, 0, 0)\"></option>\n                <option value=\"rgb(102, 61, 0)\" label=\"rgb(102, 61, 0)\"></option>\n                <option value=\"rgb(102, 102, 0)\" label=\"rgb(102, 102, 0)\"></option>\n                <option value=\"rgb(0, 55, 0)\" label=\"rgb(0, 55, 0)\"></option>\n                <option value=\"rgb(0, 41, 102)\" label=\"rgb(0, 41, 102)\"></option>\n                <option value=\"rgb(61, 20, 102)\" label=\"rgb(61, 20, 102)\"></option>\n              </select>\n            </span>\n                <span class=\"ql-formats\">\n                <button class=\"ql-list\" value=\"ordered\"></button>\n                <button class=\"ql-list\" value=\"bullet\"></button>\n            </span>\n                <span class=\"ql-formats\">\n                    <button value=\"left\" selected></button>\n                    <button value=\"center\"></button>\n                    <button value=\"right\"></button>\n                    <button value=\"justify\"></button>\n            </span>\n            </p-header>\n        </p-editor>\n    </div>\n\n    <!-- Custom header Text Editor -->\n    <div *ngIf=\"type === EditorType.Custom\">\n        <p-editor [(ngModel)]=\"value\" [styleClass]=\"styleClass\" [style]=\"{'height':'180px'}\"\n                  [placeholder]=\"placeHolder\">\n            <p-header>\n                <ng-content select=\"custom-header\"></ng-content>\n            </p-header>\n        </p-editor>\n    </div>\n\n</ng-template>\n\n\n<ng-template [ngIf]=\"!editable\">\n    <aw-string [value]=\"value\"></aw-string>\n</ng-template>\n","styles":["/deep/ .ui-editor-toolbar{background-color:#f5f5f5;border:1px solid #d7d7d7}/deep/ p-editor:active /deep/ .ui-editor-toolbar.ql-toolbar.ql-snow,/deep/ p-editor:focus /deep/ .ui-editor-toolbar.ql-toolbar.ql-snow,/deep/ p-editor:hover /deep/ .ui-editor-toolbar.ql-toolbar.ql-snow{border-color:#199de0}/deep/ p-editor:active /deep/ .ui-editor-content.ql-container.ql-snow,/deep/ p-editor:focus /deep/ .ui-editor-content.ql-container.ql-snow,/deep/ p-editor:hover /deep/ .ui-editor-content.ql-container.ql-snow{border-color:#199de0}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":112,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":112,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":112,"character":41},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":111,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"EditorType":{"Default":0,"Full":1,"TextFormat":2,"Custom":3},"CheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":90,"character":1},"arguments":[{"selector":"aw-checkbox","providers":[{"__symbolic":"reference","name":"ɵm"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"CheckboxComponent"}}],"template":"<span class=\"w-checkbox\">\n\n    <ng-template [ngIf]=\"editable && isFormType()\">\n        <p-checkbox [name]=\"name\" [value]=\"value\" [label]=\"label\"\n                    [(ngModel)]=\"model\"\n                    [binary]=\"isBinary\"\n                    (onChange)=\"onChange($event)\"\n                    [disabled]=\"disabled\"\n                    [class.u-validation-error]=\"!(formControl.valid || (formControl.pristine))\"\n        >\n        </p-checkbox>\n    </ng-template>\n\n\n    <ng-template [ngIf]=\"!isFormType()\">\n        <p-checkbox [binary]=\"isBinary\"\n                    [label]=\"label\"\n                    [(ngModel)]=\"model\"\n                    (onChange)=\"onChange($event)\"\n                    [disabled]=\"disabled\">\n        </p-checkbox>\n\n    </ng-template>\n</span>\n","styles":["/deep/ .ui-chkbox .ui-chkbox-box{width:22px;height:22px}/deep/ .ui-chkbox .pi{font-family:\"SAP icon fonts\";color:#199de0;cursor:pointer;font-size:1.07em;line-height:1.42em}/deep/ .ui-chkbox .pi.pi-check:before{content:'\\e05b'}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":5}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":150,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":150,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":150,"character":41},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":149,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"isFormType":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"RadioButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":119,"character":1},"arguments":[{"selector":"aw-radiobutton","providers":[{"__symbolic":"reference","name":"ɵn"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"RadioButtonComponent"}}],"template":"<span class=\"w-radiobutton\">\n\n    <ng-template [ngIf]=\"editable \">\n        <p-radioButton [name]=\"name\"\n                       [value]=\"value\"\n                       [label]=\"label\"\n                       [(ngModel)]=\"model\"\n                       [disabled]=\"disabled\"\n                       (ngModelChange)=\"onModelChange($event)\"\n                       [class.u-validation-error]=\"!(formControl.valid || (formControl.pristine))\">\n        </p-radioButton>\n    </ng-template>\n</span>\n","styles":["/deep/ .w-radiobutton .ui-radiobutton-box{width:23px;height:23px;line-height:23px}/deep/ .w-radiobutton .ui-radiobutton-icon{font-size:1.5em;line-height:1em}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":163,"character":18}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":163,"character":30}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":163,"character":42},"arguments":[{"__symbolic":"reference","name":"FormRowComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":162,"character":29},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"StepperComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"aw-stepper","template":"<div class=\"stepper-container\">\n    <div class=\"steps\">\n        <div class=\"step-spacing\"></div>\n\n        <ng-container *ngFor=\"let step of steps; let i=index; let last=last;\">\n            <div class=\"step\">\n                <aw-step [title]=\"step\" [color]=\"getStepColor(i)\"></aw-step>\n            </div>\n            <div *ngIf=\"!last\" class=\"step-connector\" [style.width]=\"connectorWidth\">\n                <div class=\"connector\" [style.borderBottomColor]=\"getConnectorColor(i)\"></div>\n            </div>\n        </ng-container>\n\n        <div class=\"step-spacing\"></div>\n    </div>\n\n    <div class=\"step-labels\"></div>\n</div>\n\n\n","styles":[".stepper-container{display:table;table-layout:fixed;width:100%}.steps{display:table-row}.step-spacing{display:table-cell;width:10%}.step{display:table-cell;width:32px}.step-connector{display:table-cell;vertical-align:middle}.connector{height:1px;border-bottom:3px solid #58b957}.step-labels{display:table-row;height:50px}"]}]}],"members":{"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"stepColorCompleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"stepColorCurrent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5}}]}],"stepColorRemaining":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"currentStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":125,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"getStepColor":[{"__symbolic":"method"}],"getConnectorColor":[{"__symbolic":"method"}],"nextStep":[{"__symbolic":"method"}],"prevStep":[{"__symbolic":"method"}]}},"StepComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"aw-step","template":"<div class=\"step-container\">\n    <div class=\"outer-circle\" [style.borderColor]=\"color\">\n        <div class=\"inner-circle\" [style.borderColor]=\"color\" [style.backgroundColor]=\"color\"></div>\n    </div>\n\n    <div class=\"step-title\">{{title}}</div>\n</div>\n\n","styles":[".step-container{position:relative;width:32px}.outer-circle{width:26px;height:26px;border-radius:50%;background-color:#fff;border:3px solid #58b957;position:relative}.inner-circle{width:8px;height:8px;border-radius:50%;border:2px solid #58b957;background-color:#58b957;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.step-title{position:absolute;width:150px;top:40px;left:-60px;text-align:center}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":58,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}]}},"AWInputFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InputFieldComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":8},{"__symbolic":"reference","module":"primeng/components/inputtext/inputtext","name":"InputTextModule","line":35,"character":8},{"__symbolic":"reference","name":"AWStringFieldModule"}],"entryComponents":[{"__symbolic":"reference","name":"InputFieldComponent"}],"exports":[{"__symbolic":"reference","name":"InputFieldComponent"},{"__symbolic":"reference","name":"AWStringFieldModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":44,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":45,"character":8}],"providers":[]}]}],"members":{}},"AWStringFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"StringComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":32,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"StringComponent"}],"exports":[{"__symbolic":"reference","name":"StringComponent"}],"providers":[]}]}],"members":{}},"AWBasicNavigatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BasicNavigatorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"ToolbarModule","line":34,"character":8},{"__symbolic":"reference","name":"AWButtonModule"},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"exports":[{"__symbolic":"reference","name":"BasicNavigatorComponent"}],"providers":[]}]}],"members":{}},"AWButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"ButtonModule","line":32,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"ButtonComponent"}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"}],"providers":[]}]}],"members":{}},"AWHyperlinkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HyperlinkComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":30,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"HyperlinkComponent"}],"exports":[{"__symbolic":"reference","name":"HyperlinkComponent"}],"providers":[]}]}],"members":{}},"AWCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":8}],"declarations":[{"__symbolic":"reference","name":"CardComponent"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"entryComponents":[{"__symbolic":"reference","name":"CardComponent"}],"exports":[{"__symbolic":"reference","name":"CardComponent"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"providers":[]}]}],"members":{}},"AWCheckBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"CheckboxModule","line":35,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"CheckboxComponent"}],"exports":[{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":43,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":44,"character":8}],"providers":[]}]}],"members":{}},"AWCheckBoxListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CheckBoxListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":8},{"__symbolic":"reference","name":"AWCheckBoxModule"}],"exports":[{"__symbolic":"reference","name":"CheckBoxListComponent"}],"providers":[]}]}],"members":{}},"AWChooserModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChooserComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":35,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":36,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"AutoCompleteModule","line":37,"character":8},{"__symbolic":"reference","name":"AWHyperlinkModule"},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"entryComponents":[{"__symbolic":"reference","name":"ChooserComponent"}],"exports":[{"__symbolic":"reference","name":"ChooserComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":48,"character":8}],"providers":[]}]}],"members":{}},"AWDropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":35,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DropdownModule","line":36,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"entryComponents":[{"__symbolic":"reference","name":"DropdownComponent"}],"exports":[{"__symbolic":"reference","name":"DropdownComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":44,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":45,"character":8}],"providers":[]}]}],"members":{}},"AWCurrencyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CurrencyComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":35,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":36,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"InputTextModule","line":37,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DropdownModule","line":38,"character":8},{"__symbolic":"reference","name":"AWDropdownModule"},{"__symbolic":"reference","name":"AWStringFieldModule"},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"entryComponents":[{"__symbolic":"reference","name":"CurrencyComponent"}],"exports":[{"__symbolic":"reference","name":"CurrencyComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":48,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":49,"character":8}],"providers":[{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":51,"character":16}]}]}],"members":{}},"AWDateAndTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DateAndTimeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"CalendarModule","line":15,"character":8},{"__symbolic":"reference","name":"AWStringFieldModule"}],"entryComponents":[{"__symbolic":"reference","name":"DateAndTimeComponent"}],"exports":[{"__symbolic":"reference","name":"DateAndTimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":8}]}]}],"members":{}},"AWDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DialogComponent"},{"__symbolic":"reference","name":"DialogHeaderComponent"},{"__symbolic":"reference","name":"DialogFooterComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","module":"primeng/dialog","name":"DialogModule","line":38,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"DialogComponent"},{"__symbolic":"reference","name":"DialogHeaderComponent"},{"__symbolic":"reference","name":"DialogFooterComponent"}],"exports":[{"__symbolic":"reference","name":"DialogComponent"},{"__symbolic":"reference","name":"DialogHeaderComponent"},{"__symbolic":"reference","name":"DialogFooterComponent"},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"providers":[]}]}],"members":{}},"AWGenericChooserModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":31,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GenericChooserComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":37,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":38,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","name":"AWDropdownModule"},{"__symbolic":"reference","name":"AWCheckBoxListModule"},{"__symbolic":"reference","name":"AWChooserModule"},{"__symbolic":"reference","name":"AWRadioButtonListModule"}],"entryComponents":[{"__symbolic":"reference","name":"GenericChooserComponent"}],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":49,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":50,"character":8},{"__symbolic":"reference","name":"GenericChooserComponent"}]}]}],"members":{}},"AWRadioButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RadioButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"RadioButtonModule","line":35,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"RadioButtonComponent"}],"exports":[{"__symbolic":"reference","name":"RadioButtonComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":42,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":43,"character":8}],"providers":[]}]}],"members":{}},"AWRadioButtonListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RadioButtonListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":8},{"__symbolic":"reference","name":"AWRadioButtonModule"}],"entryComponents":[{"__symbolic":"reference","name":"RadioButtonListComponent"}],"exports":[{"__symbolic":"reference","name":"RadioButtonListComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":42,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":43,"character":8}],"providers":[]}]}],"members":{}},"AWTextAreaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TextAreaComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"InputTextareaModule","line":35,"character":8},{"__symbolic":"reference","name":"AWStringFieldModule"}],"entryComponents":[{"__symbolic":"reference","name":"TextAreaComponent"}],"exports":[{"__symbolic":"reference","name":"TextAreaComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":44,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":45,"character":8}],"providers":[]}]}],"members":{}},"AWPageNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PageNotificationComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":30,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"PageNotificationComponent"}],"exports":[{"__symbolic":"reference","name":"PageNotificationComponent"}],"providers":[]}]}],"members":{}},"AWPageWrapperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ObjectPageWrapperComponent"},{"__symbolic":"reference","name":"PageActionsComponent"},{"__symbolic":"reference","name":"PageContentComponent"},{"__symbolic":"reference","name":"PageFooterComponent"},{"__symbolic":"reference","name":"PageHeaderComponent"},{"__symbolic":"reference","name":"ɵj"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":45,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":46,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","name":"AWStepperModule"},{"__symbolic":"reference","name":"AWPageNotificationModule"}],"entryComponents":[{"__symbolic":"reference","name":"PageFooterComponent"},{"__symbolic":"reference","name":"PageActionsComponent"},{"__symbolic":"reference","name":"PageContentComponent"},{"__symbolic":"reference","name":"PageHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"ObjectPageWrapperComponent"},{"__symbolic":"reference","name":"PageActionsComponent"},{"__symbolic":"reference","name":"PageContentComponent"},{"__symbolic":"reference","name":"PageFooterComponent"},{"__symbolic":"reference","name":"PageHeaderComponent"},{"__symbolic":"reference","name":"ɵj"}],"providers":[{"__symbolic":"reference","name":"PageLifeCycleService"}]}]}],"members":{}},"AWRichTextAreaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RichTextAreaComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":35,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"EditorModule","line":36,"character":8},{"__symbolic":"reference","name":"AWStringFieldModule"}],"entryComponents":[{"__symbolic":"reference","name":"RichTextAreaComponent"}],"exports":[{"__symbolic":"reference","name":"RichTextAreaComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":44,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":45,"character":8}],"providers":[]}]}],"members":{}},"AWSectionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":31,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SectionComponent"},{"__symbolic":"reference","name":"SubSectionComponent"},{"__symbolic":"reference","name":"ɵk"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"AccordionModule","line":39,"character":8},{"__symbolic":"reference","module":"@aribaui/core","name":"AribaCoreModule","line":40,"character":8},{"__symbolic":"reference","name":"AWStringFieldModule"},{"__symbolic":"reference","name":"AWHyperlinkModule"},{"__symbolic":"reference","name":"AWButtonModule"},{"__symbolic":"reference","module":"primeng/primeng","name":"SharedModule","line":44,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"SectionComponent"},{"__symbolic":"reference","name":"SubSectionComponent"},{"__symbolic":"reference","name":"ɵk"}],"exports":[{"__symbolic":"reference","name":"SectionComponent"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"SubSectionComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":56,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":57,"character":8}],"providers":[]}]}],"members":{}},"AWStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"StepComponent"},{"__symbolic":"reference","name":"StepperComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"entryComponents":[{"__symbolic":"reference","name":"StepComponent"},{"__symbolic":"reference","name":"StepperComponent"}],"exports":[{"__symbolic":"reference","name":"StepComponent"},{"__symbolic":"reference","name":"StepperComponent"}],"providers":[]}]}],"members":{}},"EditMode":{"__symbolic":"interface"},"ScrollableContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":99,"character":1},"arguments":[{"selector":"aw-scrollable","template":"<div class=\"w-scrollable\" [ngClass]=\"layoutClass\" [style.width]=\"width\"\n     [style.height]=\"height\">\n    <ng-content></ng-content>\n</div>\n","styles":[".w-scrollable{display:flex;display:-webkit-flex;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:overflow}.w-scrollable /deep/>*{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;margin:10px}.u-scrollable-fh{flex-flow:row nowrap;overflow-x:auto;overflow-y:hidden}.u-scrollable-fv{flex-flow:column nowrap;overflow-x:hidden;overflow-y:auto}.u-scrollable-fb{flex-flow:row nowrap;overflow-x:auto;overflow-y:auto}.u-scrollable-fv-row{flex-flow:row wrap;overflow-x:hidden;overflow-y:auto}.u-scrollable-fn{flex-flow:row wrap}.u-scrollable-al{justify-content:flex-start;-webkit-justify-content:flex-start}.u-scrollable-ar{justify-content:flex-end;-webkit-justify-content:flex-end}.u-scrollable-ac{justify-content:center;-webkit-justify-content:center}.u-scrollable-aj,.u-scrollable-aj-around{justify-content:space-between;-webkit-justify-content:space-between}"]}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":5}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":136,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":136,"character":60}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initDefault":[{"__symbolic":"method"}],"hasHorizontalScroll":[{"__symbolic":"method"}],"hasVerticalScroll":[{"__symbolic":"method"}]}},"ContainerItemsAlignment":{"__symbolic":"interface"},"ScrollingDirection":{"__symbolic":"interface"},"AWScrollableContainerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ScrollableContainerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":30,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"ScrollableContainerComponent"}],"exports":[{"__symbolic":"reference","name":"ScrollableContainerComponent"}],"providers":[]}]}],"members":{}},"AWConfirmationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":30,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ConfirmationComponent"},{"__symbolic":"reference","name":"ConfirmationHeaderComponent"},{"__symbolic":"reference","name":"ConfirmationFooterComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":37,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","name":"AWDialogModule"},{"__symbolic":"reference","name":"AWButtonModule"}],"entryComponents":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ConfirmationComponent"},{"__symbolic":"reference","name":"ConfirmationHeaderComponent"},{"__symbolic":"reference","name":"ConfirmationFooterComponent"}],"exports":[{"__symbolic":"reference","name":"ConfirmationComponent"},{"__symbolic":"reference","name":"ConfirmationHeaderComponent"},{"__symbolic":"reference","name":"ConfirmationFooterComponent"}],"providers":[]}]}],"members":{}},"ChooserDataSource":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"}]}],"init":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"showMoreSelected":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"instant":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"DSChooserInitParams":{"__symbolic":"interface"},"isDSChooserInitParams":{"__symbolic":"function","parameters":["init"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":201,"character":11},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"init"},"member":"obj"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":201,"character":34},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"init"},"member":"queryType"}]}}},"HoverCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":129,"character":1},"arguments":[{"selector":"aw-hover-card","template":"<span class=\"w-hc\">\n\n     <span class=\"w-hc-title\" *ngIf=\"actionButton\">\n         <ng-container *ngTemplateOutlet=\"actionButton\">\n         </ng-container>\n     </span>\n\n\n    <span class=\"w-hc-title\" *ngIf=\"!actionButton\">\n        <aw-string [value]=\"linkTitle\"></aw-string>\n        <span class=\"sap-icon icon-slim-arrow-down\" (mouseover)=\"openCard($event)\"></span>\n    </span>\n\n    <div class=\"w-hc-body\">\n\n         <aw-overlay #overlay [showCloseIcon]=\"forceClose\" [dismissable]=\"!forceClose\"\n                     [styleClass]=\"arrowClass\"\n                     [appendTo]=\"'body'\"\n                     (beforeClose)=\"beforeClose($event)\"\n                     (onClose)=\"cardClosed($event)\">\n             <ng-content></ng-content>\n        </aw-overlay>\n\n\n        <!-- this is workaround to create a dynamic _ngcontent  reference so we can refer to later on with dynamic\n                projection. We cannot really use componentFactory.create[injector, projectedContent] as what we\n                want to add is another angular component that needs to be still rendered.\n\n                Starting PrimeNG 6.1+ they put in ngIf which complicates programmatic creation of this\n                component and injecting another dynamic content into ngContent is hard, so we need to little\n                hacky hackity hack.\n\n                We have this extra span with a class that we use to insert out dynamic content using nativeElement\n                and its DOM manipulation and once the overlay is shown and ng-content appears we move \"u-ngcontent\"\n                to new location.\n\n         -->\n        <span class=\"u-ngcontent\" [style.display]=\"'none'\">\n        </span>\n    </div>\n</span>\n\n\n","styles":[".w-hc-title{padding-right:1.4em;position:relative;white-space:nowrap}.w-hc-title .sap-icon{font-size:1em;color:#00679e;position:absolute;padding-top:.2em;right:0}::ng-deep .ui-overlaypanel .ui-overlaypanel-content{padding:4em .5em .6em 1.43em}::ng-deep .w-hc-panel-arrow.u-hc-shadow-b{box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}::ng-deep .w-hc-panel-arrow.u-hc-shadow-t{box-shadow:0 -2px 4px 0 rgba(0,0,0,.2)}::ng-deep .w-hc-panel-arrow:after,::ng-deep .w-hc-panel-arrow:before{left:25%;border:solid transparent;content:\" \";height:0;width:0;position:absolute;pointer-events:none}::ng-deep .w-hc-panel-arrow:after{border-color:rgba(136,183,213,0);border-width:.7em;margin-left:-.7em}::ng-deep .w-hc-panel-arrow:before{border-color:rgba(255,136,56,0);border-width:.8em;margin-left:-.8em}::ng-deep .u-hc-arrow-ll:after,::ng-deep .u-hc-arrow-ll:before{left:25%}::ng-deep .u-hc-arrow-lr:after,::ng-deep .u-hc-arrow-lr:before{left:75%}::ng-deep .u-hc-arrow-sl:after,::ng-deep .u-hc-arrow-sl:before{left:10%}::ng-deep .u-hc-arrow-sr:after,::ng-deep .u-hc-arrow-sr:before{left:90%}::ng-deep .u-hc-arrow-t:after,::ng-deep .u-hc-arrow-t:before{bottom:100%}::ng-deep .u-hc-arrow-t:after{border-bottom-color:#fff}::ng-deep .u-hc-arrow-t:before{border-bottom-color:#d7d7d7}::ng-deep .u-hc-arrow-b:after,::ng-deep .u-hc-arrow-b:before{top:100%}::ng-deep .u-hc-arrow-b:after{border-top-color:#fff}::ng-deep .u-hc-arrow-b:before{border-top-color:#d7d7d7}"]}]}],"members":{"linkTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":5}}]}],"forceClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":5}}]}],"appendContentToBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":5}}]}],"awOverlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":179,"character":5},"arguments":["overlay"]}]}],"actionButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":183,"character":5},"arguments":["actionButton"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":222,"character":32},{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":222,"character":56},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":223,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"onAnimationStart":[{"__symbolic":"method"}],"injectDynamicContent":[{"__symbolic":"method"}],"initElements":[{"__symbolic":"method"}],"openCard":[{"__symbolic":"method"}],"cardOpened":[{"__symbolic":"method"}],"cardClosed":[{"__symbolic":"method"}],"beforeClose":[{"__symbolic":"method"}],"adjustCard":[{"__symbolic":"method"}],"applyStyleClass":[{"__symbolic":"method"}],"positionForCard":[{"__symbolic":"method"}],"alignmentForCard":[{"__symbolic":"method"}],"openForAdjustments":[{"__symbolic":"method"}],"closeForAdjustments":[{"__symbolic":"method"}],"calcLeftForAlignment":[{"__symbolic":"method"}]},"statics":{"ArrowPad":10,"SpacingLimit":50}},"ListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":110,"character":1},"arguments":[{"selector":"aw-list","providers":[{"__symbolic":"reference","name":"ɵo"},{"provide":{"__symbolic":"reference","name":"BaseFormComponent"},"useExisting":{"__symbolic":"reference","name":"ListComponent"}}],"template":"<p-listbox #listbox [options]=\"internalList\" [multiple]=\"isMultiple\" [checkbox]=\"showCheckbox\"\n           [(ngModel)]=\"selection\" [disabled]=\"disabled\" [style]=\"listStyle\" [showToggleAll]=\"false\"\n           (onChange)=\"onItemSelected($event)\" (onDblClick)=\"action.emit($event.value)\"\n           [readonly]=\"readOnly\"\n           [styleClass]=\"styleClass\">\n\n\n    <ng-template let-item pTemplate=\"item\">\n        <div class=\"w-li-wrapper\">\n            <div class=\"w-li-left\">\n                <ng-template *ngIf=\"hasLeftTempl(); else defaultLeft\"\n                             [ngTemplateOutlet]=\"lZoneTempl\"\n                             [ngTemplateOutletContext]=\"{$implicit: item}\"></ng-template>\n\n\n                <ng-template #defaultLeft>\n                    <span (click)=\"itemClicked($event, item, null)\">\n                        <aw-checkbox #check *ngIf=\"isMultiple && showCheckbox\"\n                                     [isStandalone]=\"false\"\n                                     [value]=\"listbox.isSelected(item)\"\n                                     type=\"action\">\n                    </aw-checkbox></span>\n                </ng-template>\n            </div>\n\n            <div class=\"w-li-middle\" (click)=\"itemClicked($event, item, null)\">\n\n                <ng-template *ngIf=\"hasMiddleTempl(); else defaultMiddle\"\n                             [ngTemplateOutlet]=\"mZoneTempl\"\n                             [ngTemplateOutletContext]=\"{$implicit: item}\"></ng-template>\n\n                <ng-template #defaultMiddle>\n                    {{item.label}}\n                </ng-template>\n\n            </div>\n\n            <div class=\"w-li-right\" *ngIf=\"hasRightTempl()\">\n                <ng-template [ngTemplateOutlet]=\"rZoneTempl\"\n                             [ngTemplateOutletContext]=\"{$implicit: item}\">\n                </ng-template>\n\n            </div>\n        </div>\n    </ng-template>\n</p-listbox>\n","styles":["::ng-deep .ui-listbox-item>.ui-chkbox{display:none}::ng-deep .ui-listbox-item .ui-chkbox{margin-right:1em}.w-li-wrapper{display:flex;align-items:flex-start}.w-li-wrapper .w-li-left,.w-li-wrapper .w-li-right{flex:0 1 auto}.w-li-wrapper .w-li-middle{flex:1 1 auto}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":5}}]}],"selectionMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":5}}]}],"valueTransformer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":5}}]}],"borderless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":5}}]}],"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":179,"character":5}}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":186,"character":5}}]}],"onItemClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":194,"character":5}}]}],"pListBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":202,"character":5},"arguments":["listbox"]}]}],"lZoneTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":219,"character":5},"arguments":["left"]}]}],"mZoneTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":222,"character":5},"arguments":["middle"]}]}],"rZoneTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":225,"character":5},"arguments":["right"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":240,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":240,"character":29}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":240,"character":41},"arguments":[{"__symbolic":"reference","name":"BaseFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":239,"character":28},{"__symbolic":"reference","name":"BaseFormComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"itemClicked":[{"__symbolic":"method"}],"hasRightTempl":[{"__symbolic":"method"}],"hasLeftTempl":[{"__symbolic":"method"}],"hasMiddleTempl":[{"__symbolic":"method"}],"onItemSelected":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"initList":[{"__symbolic":"method"}],"displayValue":[{"__symbolic":"method"}]}},"AWListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":35,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"ListboxModule","line":36,"character":8},{"__symbolic":"reference","name":"AWCheckBoxModule"}],"entryComponents":[{"__symbolic":"reference","name":"ListComponent"}],"exports":[{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":45,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":46,"character":8}],"providers":[]}]}],"members":{}},"CardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":152,"character":1},"arguments":[{"selector":"aw-card","template":"<div class=\"w-card\" [style.width]=\"width\" [style.height]=\"height\"\n     [class.u-is-hover]=\"hasHover\"\n     (mouseenter)=\"onHover(true)\"\n     (mouseleave)=\"onHover(false)\"\n     [class.u-card-selected]=\"selected\"\n     [class.u-card-unselected]=\"!selected\"\n     [ngClass]=\"styleClass\"\n>\n\n    <div class=\"card-body ui-g\"  *ngIf=\"!showBodyTemplate()\">\n        <!-- Hover element that is triggered by mouseenter, mouseleave events-->\n        <div #hoverDiv *ngIf=\"hasHover\" class=\"u-card-hover\" (click)=\"onHoverAction.emit($event)\">\n            <span [style.width]=\"'100%'\" class=\"sap-icon\" [ngClass]=\"hoverIcon\"></span>\n        </div>\n        <!-- HEADER HAVING TITLE AND ICONS/ACTIONS-->\n        <div class=\"ui-g-12 ui-g-nopad w-card-header\">\n            <div class=\"w-card-ztitle ui-g-nopad\" (click)=\"toggleSelect($event)\"\n                 [class.u-card-pointer]=\"selectable\"\n                 [ngClass]=\"{'ui-g-9': hasAction || selectable, 'ui-g-11': !hasAction && !selectable}\">\n                <ng-content select=\"aw-card-title\"></ng-content>\n            </div>\n\n            <div *ngIf=\"hasAction || selectable\" class=\"w-card-zaction ui-g-nopad ui-g-3\">\n\n                <span *ngIf=\"selected && selectable\" class=\"sap-icon selection\"\n                      [class.u-card-pointer]=\"selectable\"\n                      [class.u-card-action-bg]=\"selected\"\n                      (click)=\"toggleSelect($event)\"\n                      [ngClass]=\"selectedIcon\"></span>\n\n\n                <span *ngIf=\"hasAction && (!selected || !selectable) \"\n                      class=\"sap-icon action\"\n                      [class.u-card-pointer]=\"true\"\n                      (click)=\"onActionClick($event)\"\n                      [ngClass]=\"actionIcon\"\n                ></span>\n            </div>\n        </div>\n\n        <!--TOP CARD SECTION-->\n        <div class=\"w-card-ztop ui-g-nopad ui-g-12 \"\n             (click)=\"toggleSelect($event)\"\n             [class.u-card-pointer]=\"selectable\">\n            <ng-content select=\"aw-card-top\"></ng-content>\n        </div>\n\n        <div class=\"ui-g-12 ui-g-nopad w-card-line-divider  \" *ngIf=\"showBottomSection()\"></div>\n        <!--BOTTOM CARD SECTION-->\n        <div *ngIf=\"showBottomSection()\" class=\"ui-g-12 ui-g-nopad w-card-zbottom\"\n             [class.u-card-pointer]=\"selectable\"\n             (click)=\"toggleSelect($event)\">\n            <ng-content select=\"aw-card-bottom\"></ng-content>\n        </div>\n    </div>\n\n    <div *ngIf=\"showBodyTemplate()\" class=\"w-card-user-cnt\" >\n        <ng-container *ngTemplateOutlet=\"bodyTemplate\">\n        </ng-container>\n    </div>\n\n</div>\n","styles":[".w-card{border:2px solid #0076cb;display:inline-block;overflow:hidden;color:#636363;box-sizing:border-box}.w-card-header{position:relative;height:30px;padding-left:1em}.w-card-ztitle{height:100%;padding-top:3px}.w-card-ztitle ::ng-deep .w-card-title{height:100%;width:100%;display:flex}.w-card-ztitle ::ng-deep .w-card-title>*{flex:0 1}.w-card-zaction{height:100%;display:inline-block;text-align:right}.w-card-zaction .sap-icon{width:29px;height:29px;text-align:center;display:inline-block;font-size:1.5em;line-height:1.4em}.w-card-zaction .sap-icon.selection{color:#fff}.w-card-zaction .sap-icon.action{color:#969696}.w-card-zbottom,.w-card-ztop{padding:1em}.w-card-line-divider{border-top:1px solid #d6d6d6;margin:0 14px}.w-card-user-cnt{width:100%;height:100%;position:relative;background-color:#eee}.u-card-hover{position:absolute;height:100%;width:100%;opacity:0;transition:.5s;background-color:#0076cb;z-index:100}.u-card-hover .sap-icon{text-align:center;display:inline-block;font-size:4em;color:#fff;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.u-card-action-bg{background:#0076cb}.u-is-hover{position:relative}.u-card-selected{border-color:#0076cb}.u-card-unselected{border-color:#d7d7d7}.u-card-hover,.u-card-pointer{cursor:pointer}"]}]}],"members":{"hasAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":5}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"selectedIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":5}}]}],"actionIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":5}}]}],"hasHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":5}}]}],"hoverIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":5}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":218,"character":5}}]}],"onAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":225,"character":5}}]}],"onHoverAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":232,"character":5}}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":239,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵg"}]}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":246,"character":5},"arguments":["body"]}]}],"hoverDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":250,"character":5},"arguments":["hoverDiv"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":262,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"showBottomSection":[{"__symbolic":"method"}],"toggleSelect":[{"__symbolic":"method"}],"onActionClick":[{"__symbolic":"method"}],"onHover":[{"__symbolic":"method"}],"showBodyTemplate":[{"__symbolic":"method"}]}},"OutlineState":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"collapseAll":[{"__symbolic":"method"}],"expandAll":[{"__symbolic":"method"}],"toggleExpansion":[{"__symbolic":"method"}],"updateNodes":[{"__symbolic":"method"}],"setExpansionState":[{"__symbolic":"method"}],"itemToKey":[{"__symbolic":"method"}],"setExpansionPath":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}]}},"Datatable2Component":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":126,"character":1},"arguments":[{"selector":"aw-datatable2","providers":[{"__symbolic":"reference","module":"primeng/components/utils/objectutils","name":"ObjectUtils","line":131,"character":8},{"__symbolic":"reference","name":"OutlineState"},{"provide":{"__symbolic":"reference","name":"DATA_SOURCE"},"useClass":{"__symbolic":"reference","name":"DT2DataSource"},"deps":[{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"}]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":135,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":136,"character":21},"member":"OnPush"},"template":"<!--\n    This template focus only on header and body rendering.\n\n    This datatable also supports frozen column and for this rendering it is pretty much transparent\n    as it received sets of column that it needs to render from the TableWrapper.\n\n    TableWrapper in case of frozen columns calls #headerRows and #bodyRows templates twice to\n    render to separate tables where one has frozen columns and another one has the rest and its\n    scrollable\n-->\n\n<aw-dt-wrapper #dtWrapper>\n    <ng-template #headingArea>\n        <ng-content select=\"aw-dt-header2\"></ng-content>\n    </ng-template>\n\n    <ng-template #headerRows let-colsToRender let-frozenView=\"frozenColumns\">\n        <ng-container\n            *ngTemplateOutlet=\"header; context:{$implicit: colsToRender, frozen:frozenView }\">\n        </ng-container>\n    </ng-template>\n\n    <ng-template #bodyRows let-colsToRender>\n        <ng-template [ngIf]=\"isOutline()\">\n            <ng-container\n                *ngTemplateOutlet=\"bodyOutline; context:{$implicit: colsToRender}\"></ng-container>\n        </ng-template>\n        <ng-template [ngIf]=\"!isOutline()\">\n            <ng-container\n                *ngTemplateOutlet=\"bodyPlain; context:{$implicit: colsToRender}\"></ng-container>\n        </ng-template>\n    </ng-template>\n</aw-dt-wrapper>\n\n\n<!--\n    Each rendering column has its own renderTemplate which define how things should be render.\n    Based on different column types this code should be transparent as we dont care on this\n    level what kind of column we are rendering.\n\n    Later on when we will support single/multi selection, this will be just another column extending\n    DTColumn and providing its own template\n\n    We pass into this template if we are rendering header, subHeader, or data\n-->\n<ng-template #header let-colsToRender let-frozen=\"frozen\">\n    <tr>\n        <ng-template ngFor let-col [ngForOf]=\"colsToRender\" let-lastCol=\"last\"\n                     let-columnIndex=\"index\">\n            <ng-container *ngTemplateOutlet=\"col.rendererTemplate;\n                context:{$implicit: true, isSubHeader:false,\n                localColumnIndex: columnIndex,\n                columnIndex:(frozen ? columnIndex: (columns.length + columnIndex))}\">\n            </ng-container>\n        </ng-template>\n    </tr>\n\n    <tr *ngIf=\"showSubHeader\">\n        <ng-template ngFor let-col [ngForOf]=\"colsToRender\" let-lastCol=\"last\">\n            <ng-container *ngTemplateOutlet=\"col.rendererTemplate;\n                context:{$implicit: true, isSubHeader:true}\">\n            </ng-container>\n        </ng-template>\n    </tr>\n</ng-template>\n\n\n<ng-template #bodyPlain let-colsToRender>\n\n    <tbody [ngClass]=\"{'dt-content dt-data-cells ': true, 'dt-is-hoverable-row': rowHover}\">\n\n    <ng-template ngFor let-rowData [ngForOf]=\"dataToRender\" let-even=\"even\" let-odd=\"odd\"\n                 let-rowIndex=\"index\" [ngForTrackBy]=\"rowTrackBy\">\n\n        <ng-container *ngTemplateOutlet=\"rowTemplate; context:{$implicit: rowData, even:even,\n                                          odd:odd, rowIndex:rowIndex, colsToRender:colsToRender}\">\n        </ng-container>\n\n        <ng-template [ngIf]=\"showDetailColumn(rowData)\">\n            <ng-container *ngTemplateOutlet=\"rowDetailColumn.rendererTemplate;\n                    context:{$implicit: false, data:rowData, rowIndex:(rowIndex)}\">\n            </ng-container>\n        </ng-template>\n\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"noData\"></ng-container>\n    </tbody>\n</ng-template>\n\n\n<ng-template #bodyOutline let-colsToRender>\n    <tbody #outlineFor awOutlineFor [list]=\"dataToRender\"\n           [format]=\"outlineFormat\"\n           [context]=\"context\"\n           [indentationPerLevel]=\"indentationPerLevel\"\n           [pushRootSectionOnNewLine]=\"pushRootSectionOnNewLine\"\n           [children]=\"children\" [expandAll]=\"expandAll\"\n           [state]=\"outlineState\"\n           [ngClass]=\"{'dt-content dt-data-cells ': true,\n                           'dt-is-hoverable-row': rowHover}\"\n           (onExpandChange)=\"onOutlineExpandChange($event)\">\n\n    <ng-template #outline let-rowData let-nestingLevel=\"nestingLevel\" let-rowIndex=\"rowIndex\">\n        <ng-container *ngTemplateOutlet=\"rowTemplate;\n                                context:{$implicit: rowData, nestingLevel:nestingLevel, colsToRender:colsToRender}\">\n        </ng-container>\n\n        <ng-template [ngIf]=\"showDetailColumn(rowData)\">\n            <ng-container *ngTemplateOutlet=\"rowDetailColumn.rendererTemplate;\n                    context:{$implicit: false, data:rowData, rowIndex:(rowIndex)}\">\n            </ng-container>\n        </ng-template>\n\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"noData\"></ng-container>\n    </tbody>\n</ng-template>\n\n<!--\n    Default template that is display when there are no data\n-->\n<ng-template #noData>\n    <tr *ngIf=\"isEmpty()\" class=\" dt-emptymessage-row\"\n        [style.visibility]=\"loading ? 'hidden' : 'visible'\">\n\n        <td [attr.colspan]=\"visibleColumns().length\" class=\"dt-emptymessage\">\n            <span *ngIf=\"!emptyMessageTemplate\">{{emptyMessage}}</span>\n            <ng-container *ngTemplateOutlet=\"emptyMessageTemplate\"></ng-container>\n        </td>\n    </tr>\n</ng-template>\n\n<!--\n    Template that renders actual row. Renders both header and body column. Each rendered\n    column has its own template called rendererTemplate that has all things that needs to be\n    rendered and we just tell the template if we are rendering header, subheader or body\n-->\n<ng-template #rowTemplate let-rowData let-even=\"event\" let-odd=\"odd\" let-rowIndex=\"rowIndex\"\n             let-nestingLevel=\"nestingLevel\" let-colsToRender=\"colsToRender\">\n\n\n    <tr #rowElement dtDraggableRow [dndRowIndex]=\"rowIndex\"\n        class=\"dt-body-row\"\n        (click)=\"onHandleRowClicked($event, rowData)\"\n        [attr.nestingLevel]=\"nestingLevel\"\n        [ngClass]=\"{'dt-even-row': even, 'dt-odd-row': odd,\n            'dt-row-selected': isRowSelected(rowData),\n            'dt-row-draggable': dndRowEnabled,\n            'dt-root-section': nestingLevel === 0 }\">\n\n        <ng-template ngFor let-col [ngForOf]=\"colsToRender\" let-colIndex=\"index\">\n            <ng-container *ngTemplateOutlet=\"col.rendererTemplate;\n                    context:{$implicit: false, data:rowData, rowIndex:rowIndex,\n                    columnIndex: colIndex, nestingLevel:nestingLevel}\">\n            </ng-container>\n        </ng-template>\n    </tr>\n</ng-template>\n\n\n","styles":[".w-datatable{position:relative;display:block;box-sizing:border-box}.w-datatable table{border-collapse:collapse;width:100%;table-layout:fixed}.w-datatable tbody,.w-datatable td,.w-datatable th{outline:0}.dt-cell-def,.dt-cell-def-selectable{border:1px solid transparent;padding:17px 16px;box-sizing:border-box}.dt-cell-def-selectable{cursor:pointer;width:100%;height:100%}th .dt-cell-def-selectable{border-width:4px 1px 1px;padding:14px 16px 17px}td .dt-cell-def-selectable{border-width:0 1px 0 5px;padding:17px 16px 17px 13px}.dt-data-cells tr.dt-is-highlight,.dt-data-cells tr.dt-is-hover{border-color:inherit;font-weight:inherit;cursor:pointer}.w-datatable-rtl{direction:rtl}.w-datatable-rtl.w-datatable-rtl.w-datatable thead th{text-align:right}.dt-root-section .dt-cell-def,.dt-root-section .dt-cell-def-selectable{background-color:#f3f6f8;padding:10px 16px;border-bottom-color:transparent;border-right-color:transparent}.dt-plain-layout .dt-is-active,.dt-plain-layout .dt-is-default,.dt-plain-layout .dt-is-highlight,.dt-plain-layout .dt-is-hover,.dt-plain-layout .dt-is-hoverable-row{border-right-color:transparent}.dt-is-active,.dt-is-default,.dt-is-highlight,.dt-is-hover,.dt-is-hoverable-row{border:1px solid #d7d7d7;background-color:#fff;color:#363636}.dt-row-selected td{background-color:rgba(238,255,238,.71)}.dt-is-active{border-color:#065d9c;color:#199de0}.dt-is-highlight{background-color:rgba(65,117,5,.18)}.dt-is-hidden{display:none}.dt-u-unselectable-text{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.dt-u-sortable{cursor:pointer}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":5}}]}],"destinationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":5}}]}],"tableStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":5}}]}],"bodyClassFn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":5}}]}],"isRowSelectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":5}}]}],"showTableHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":5}}]}],"pivotalLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":5}}]}],"initialSortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":5}}]}],"initialSortKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":5}}]}],"displayRowSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":220,"character":5}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":230,"character":5}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":5}}]}],"emptyMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":245,"character":5}}]}],"rowTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":5}}]}],"rowHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":259,"character":5}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":267,"character":5}}]}],"selectionMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":276,"character":5}}]}],"loadingIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":285,"character":5}}]}],"indentDetailRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":292,"character":5}}]}],"indentationPerLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":299,"character":5}}]}],"showSubHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":308,"character":5}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":316,"character":5}}]}],"showExpansionControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":326,"character":5}}]}],"expandAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":332,"character":5}}]}],"outlineFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":340,"character":5}}]}],"pushRootSectionOnNewLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":346,"character":5}}]}],"showRowDetailExpansionControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":354,"character":5}}]}],"showSelectionColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":361,"character":5}}]}],"showSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":369,"character":5}}]}],"showGlobalSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":376,"character":5}}]}],"scrollWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":385,"character":5}}]}],"dndRowEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":393,"character":5}}]}],"dndColumnEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":401,"character":5}}]}],"renderingMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":408,"character":5}}]}],"onSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":416,"character":5}}]}],"onRowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":424,"character":5}}]}],"onRowSelectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":434,"character":5}}]}],"onCellChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":442,"character":5}}]}],"onHeaderSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":449,"character":5}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":453,"character":5},"arguments":[{"__symbolic":"reference","name":"DTHeaderComponent2"}]}]}],"emptyMessageTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":461,"character":5},"arguments":["noDataTempl"]}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":468,"character":5},"arguments":["dtHeader"]}]}],"subHeaderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":474,"character":5},"arguments":["dtSubHeader"]}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":480,"character":5},"arguments":["dtBody"]}]}],"headerFilterTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":487,"character":5},"arguments":["headerFilter"]}]}],"colsQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":504,"character":5},"arguments":[{"__symbolic":"reference","name":"DTColumn2Component"}]}]}],"rowDetailColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":511,"character":5},"arguments":[{"__symbolic":"reference","name":"DTDetailRowComponent"}]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":520,"character":5}}]}],"onColumnReorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":529,"character":5}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":532,"character":5},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":625,"character":17},"arguments":[{"__symbolic":"reference","name":"DATA_SOURCE"}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":624,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":624,"character":52},{"__symbolic":"reference","name":"DT2DataSource"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":626,"character":39},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":627,"character":40},{"__symbolic":"reference","name":"OutlineState"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":629,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":630,"character":34}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":643,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initColumns":[{"__symbolic":"method"}],"isInternalColumn":[{"__symbolic":"method"}],"initDatasource":[{"__symbolic":"method"}],"initDetailColumnExpansion":[{"__symbolic":"method"}],"initColumnInfo":[{"__symbolic":"method"}],"toggleableColumns":[{"__symbolic":"method"}],"changeColVisibilityAll":[{"__symbolic":"method"}],"numberOfInvisibleColumns":[{"__symbolic":"method"}],"onCellSelectionChange":[{"__symbolic":"method"}],"onHeaderSelectionChange":[{"__symbolic":"method"}],"onHandleRowClicked":[{"__symbolic":"method"}],"onRowToggle":[{"__symbolic":"method"}],"onRowSelect":[{"__symbolic":"method"}],"onHandleOutlineRowToggleToChildren":[{"__symbolic":"method"}],"oHandleOutlineRowToggleToParent":[{"__symbolic":"method"}],"onDnDRowDrop":[{"__symbolic":"method"}],"onDnDColumnDrop":[{"__symbolic":"method"}],"doHandleDndRowXRossTable":[{"__symbolic":"method"}],"doHandleDndRowWithinTable":[{"__symbolic":"method"}],"doMoveColumns":[{"__symbolic":"method"}],"onOutlineExpandChange":[{"__symbolic":"method"}],"sortSingle":[{"__symbolic":"method"}],"handleDataChange":[{"__symbolic":"method"}],"updateDataToRender":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"isHeaderSelected":[{"__symbolic":"method"}],"isBodyCellSelected":[{"__symbolic":"method"}],"isRowSelected":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}],"hasFrozenColumns":[{"__symbolic":"method"}],"hasInvisibleSelectionColumn":[{"__symbolic":"method"}],"hasLeadingSelectColumn":[{"__symbolic":"method"}],"visibleColumns":[{"__symbolic":"method"}],"sortOrderingForString":[{"__symbolic":"method"}],"sortOrderingForNumber":[{"__symbolic":"method"}],"toggleAllColumns":[{"__symbolic":"method"}],"isToggleAllColumnSelected":[{"__symbolic":"method"}],"isToggleAllColumnDisabled":[{"__symbolic":"method"}],"showDetailColumn":[{"__symbolic":"method"}],"isOutline":[{"__symbolic":"method"}],"skipOutlineItem":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initFrozenColumns":[{"__symbolic":"method"}],"updateList":[{"__symbolic":"method"}],"canUseForDetailRow":[{"__symbolic":"method"}]}},"DTColumn2Component":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"aw-dt-column2","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":71,"character":19},"member":"None"},"template":"<!--\n    To make it more readable Each Column type has its own rendering template instead of putting\n    all this into datatable as this is more responsibility of the column. And the main goal\n    was try to be modular as possible. When There will be different types of columns\n\n    - Regular DTColumn (current implementation),\n    - SelectionColumn (Single/Multi select) - todo,\n    - DetailRow column, then pivotal collumn to render row/column/detail attributes - todo.\n\n    When implementing new column type you just inherit this DTColumnComponent and provide your\n    own rendering template and DT take care of the rest.\n\n    todo: We have SingleSelect, Multiselect rendering template that is Added programatically\n    todo: We have pivotal rendering template\n\n    columnIndex - ordinal number including left table in case of frozen column\n    localColumnIndex - ordinal number within one table\n\n-->\n<ng-template #renderingTemplate let-isHeader let-isSubHeader=\"isSubHeader\" let-column=\"column\"\n             let-dataToRender=\"data\"\n             let-localColumnIndex=\"localColumnIndex\"\n             let-columnIndex=\"columnIndex\"\n             let-rowIndex=\"rowIndex\">\n\n    <ng-template *ngIf=\"isHeader\" [ngTemplateOutlet]=\"colHeader\"\n                 [ngTemplateOutletContext]=\"{$implicit: isSubHeader, localColumnIndex: localColumnIndex,\n                 columnIndex:columnIndex, data: dataToRender,\n                 rowIndex:rowIndex}\">\n    </ng-template>\n\n    <ng-template *ngIf=\"!isHeader\" [ngTemplateOutlet]=\"colBody\"\n                 [ngTemplateOutletContext]=\"{$implicit: column, data:dataToRender, columnIndex:columnIndex, rowIndex:rowIndex}\">\n    </ng-template>\n</ng-template>\n\n\n<!--\n    Templates for header columns. Here we are rendering two types. Header and Subheader that we\n    usually use here as some kind of summary columns. Not really having summary at the bottom like other\n    DT.\n\n    TH column and their text are usually unselectable and most of these were inherited from\n    original PrimeNg DT even not many things got left after we refactor this but the idea is the\n    same.\n\n    Each cell has its dt-cell-def class that sets default styling like font, background, alignment\n    padding, etcs..\n\n\n-->\n<ng-template #colHeader let-isSubHeader let-columnIndex=\"columnIndex\" let-localColumnIndex=\"localColumnIndex\"\n             let-data=\"data\" let-rowIndex=\"rowIndex\">\n\n    <th #headerCell1 dtDraggableCol\n        [attr.index]=\"localColumnIndex\"\n        [dndIndex]=\"localColumnIndex\"\n        [class]=\"headerStyleClass||styleClass\" *ngIf=\"!isSubHeader\"\n        (click)=\"handleHeaderClick($event, headerCell1)\"\n        [ngClass]=\"{'dt-is-default dt-u-unselectable-text' :true,\n                    'dt-cell-def': dt.selectionMode !== 'cell' || (!dt.isOutline() || !dt.pivotalLayout),\n                    'dt-u-sortable': sortable,\n                    'dt-is-active': isSorted(),\n                    'dt-col-draggable': dt.dndColumnEnabled && isDraggable,\n                    'dt-is-hidden': !isVisible}\"\n        [attr.width]=\"width\"\n        [attr.align]=\"align\"\n        [attr.tabindex]=\"sortable ? 1 : null\"\n        [dtMaxWidth]=\"maxWidthPx\">\n\n        <div class=\"w-hdrt-icon-container\">\n            <span class=\"ariba-icon icon-grab\" *ngIf=\"dt.dndColumnEnabled && isDraggable\"></span>\n        </div>\n\n        <ng-template [ngIf]=\"dt.headerFilterTemplate && columnIndex === 0 \">\n            <ng-container *ngTemplateOutlet=\"dt.headerFilterTemplate\">\n            </ng-container>\n        </ng-template>\n        <!--\n            when cell are selectable we need two version where one wrap the cell content in div\n        -->\n        <ng-template [ngIf]=\"isHeaderSelectable()\">\n            <ng-container *ngTemplateOutlet=\"selectableHeaderCell; context: {$implicit: this}\">\n            </ng-container>\n        </ng-template>\n\n\n        <ng-template [ngIf]=\"!isHeaderSelectable()\">\n            <ng-container *ngTemplateOutlet=\"nonSelectableHeaderCell; context: {$implicit: this}\">\n            </ng-container>\n        </ng-template>\n    </th>\n\n    <th #headerCell2 [class]=\"headerStyleClass||styleClass\" *ngIf=\"isSubHeader\"\n        [attr.width]=\"width\"\n        [attr.align]=\"align\"\n        [ngClass]=\"{'dt-is-default dt-cell-def dt-sub-header dt-u-unselectable-text':true, 'dt-is-hidden': !isVisible}\"\n        [dtMaxWidth]=\"maxWidthPx\">\n\n        <span class=\"dt-col-title\" *ngIf=\"dt.showSubHeader && subHeaderTemplate\">\n            <ng-container *ngTemplateOutlet=\"subHeaderTemplate;\n                    context: {$implicit: this, rowData: data, rowIndex: rowIndex}\">\n            </ng-container>\n        </span>\n    </th>\n</ng-template>\n\n\n<!--\n    Template for the body = the TD. For the body and we might want to do the same for header we\n    allow to have calculated body class that comes from the application. So based on the data types\n    you might want to apply different class in order to apply custom styling.\n-->\n<ng-template #colBody let-data=\"data\" let-rowIndex=\"rowIndex\">\n\n    <td #cell [class]=\"dynamicBodyClass(data)\"\n        (click)=\"dt.onCellSelectionChange(cell, this, data)\"\n        [attr.width]=\"width\"\n        [attr.align]=\"align\"\n        [ngClass]=\"{ 'dt-is-default': true,\n        'dt-cell-def': !isCellSelectable(data),\n        'dt-is-hidden': !isVisible}\"\n        [dtMaxWidth]=\"maxWidthPx\"\n    >\n\n        <!--\n            Since we need to support cell selection when we need to draw border around it\n            We are wrapping such sells with div which gives us better flexibility\n        -->\n        <ng-template [ngIf]=\"isCellSelectable(data)\">\n            <ng-container *ngTemplateOutlet=\"selectableBodyCell;\n                        context: {$implicit: this, data: data, rowIndex: rowIndex }\">\n            </ng-container>\n\n        </ng-template>\n\n\n        <ng-template [ngIf]=\"!isCellSelectable(data)\">\n            <ng-container *ngTemplateOutlet=\"nonSelectableBodyCell;\n                        context: {$implicit: this, data: data, rowIndex: rowIndex}\">\n            </ng-container>\n        </ng-template>\n\n    </td>\n</ng-template>\n\n<!--\n    Todo: create better solution instead of using different template create directive that wraps\n    it with the div conditionally\n-->\n<ng-template #selectableHeaderCell let-data=\"data\" let-rowIndex=\"rowIndex\">\n\n    <div class=\"dt-cell-def-selectable\"\n         [ngClass]=\"{'dt-cell-selected': dt.isHeaderSelected(this)}\">\n        <ng-container *ngTemplateOutlet=\"headerCellContent;\n                        context: {$implicit: this, data: data, rowIndex: rowIndex}\">\n        </ng-container>\n    </div>\n</ng-template>\n\n\n<ng-template #nonSelectableHeaderCell let-data=\"data\" let-rowIndex=\"rowIndex\">\n    <ng-container *ngTemplateOutlet=\"headerCellContent;\n                        context: {$implicit: this, data: data, rowIndex: rowIndex}\">\n    </ng-container>\n</ng-template>\n\n\n<ng-template #headerCellContent let-data=\"data\" let-rowIndex=\"rowIndex\">\n    <span class=\"dt-col-title\" *ngIf=\"showColumnLabel && !headerTemplate\">\n                {{label}}\n    </span>\n\n    <span class=\"dt-col-title\" *ngIf=\"showColumnLabel && headerTemplate\">\n                    <ng-container *ngTemplateOutlet=\"headerTemplate;\n                        context: {$implicit: this, rowData: data, rowIndex: rowIndex }\">\n                    </ng-container>\n    </span>\n\n    <span class=\"dt-col-sortable-icon sap-icon icon-sort\" *ngIf=\"sortable\"\n          [ngClass]=\"{'icon-sort-descending': (getSortOrder() == -1),\n                           'icon-sort-ascending': (getSortOrder() == 1)}\">\n    </span>\n</ng-template>\n\n\n<ng-template #selectableBodyCell let-data=\"data\" let-rowIndex=\"rowIndex\">\n    <div class=\"dt-cell-def-selectable\"\n         [ngClass]=\"{'dt-cell-selected': dt.isBodyCellSelected(this, data)}\">\n        <ng-container *ngTemplateOutlet=\"bodyCellContent;\n                        context: {$implicit: this, data: data, rowIndex: rowIndex}\">\n        </ng-container>\n    </div>\n</ng-template>\n\n\n<ng-template #nonSelectableBodyCell let-data=\"data\" let-rowIndex=\"rowIndex\">\n    <ng-container *ngTemplateOutlet=\"bodyCellContent;\n                        context: {$implicit: this, data: data, rowIndex: rowIndex}\">\n    </ng-container>\n</ng-template>\n\n\n<ng-template #bodyCellContent let-data=\"data\" let-rowIndex=\"rowIndex\">\n    <!--\n           when no template is used use our FieldPath to access the object value based on the\n           key binding\n        -->\n    <span class=\"dt-col-cell-data\" *ngIf=\"!bodyTemplate\">\n            {{dt.getValue(data, key)}}\n        </span>\n\n\n    <!--\n        In case application wants to provide their own cell component they use\n        #body ng-template to do so.\n    -->\n    <span class=\"dt-col-cell-data\" *ngIf=\"bodyTemplate\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate;\n            context: {$implicit: this, rowData: data, rowIndex: rowIndex}\"></ng-container>\n        </span>\n</ng-template>\n","styles":[".dt-sortable-col{cursor:pointer}.dt-col-sortable-icon{display:inline-block;margin-left:.125em}th.dt-cell-def{font-weight:400;color:#4a4a4a}th.dt-is-default{background-color:#f2f2f2;white-space:nowrap}th.dt-is-default.dt-cell-def:not(.dt-sub-header){border-bottom-color:#f2f2f2}th.dt-sub-header{background-color:#fff}th .dt-cell-selected{border-color:#58b957}td .dt-cell-selected{border-left-color:#4f9fcf}.dt-root-section .dt-selection-column,.dt-selection-column{width:46px;padding:0 12px}.dt-pivot-layout td.dt-selection-column,th.dt-selection-column{border-right-color:transparent}thead tr:first-child th{border-top-color:transparent}tbody tr:last-child:not(.dt-drag-row-bottom) td{border-bottom-color:transparent}td:first-child,th:first-child{border-left-color:transparent}td:last-child,th:last-child{border-right-color:transparent}tbody .dt-drag-row-top>td{background:linear-gradient(0deg,#fff 0,#fff 97%,#0271d2 100%)}tbody .dt-drag-row-bottom>td{background:linear-gradient(180deg,#fff 0,#fff 97%,#0271d2 100%)}tbody .dt-drag-row-both>td{background:linear-gradient(0deg,#0271d2 0,#fff 3%,#fff 97%,#0271d2 100%)}tbody .dt-row-dragging>td{background-color:#ececec;color:#b9b9b9}tbody .dt-row-dragging .ui-state-active{opacity:.5;cursor:not-allowed}.w-hdrt-icon-container{display:flex;width:100%;align-items:center;justify-content:center;opacity:0;cursor:pointer}.w-hdrt-icon-container:hover{opacity:1}.w-hdrt-icon-container .ariba-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}.w-hdrt-icon-container .ariba-icon:hover{cursor:-webkit-grab;cursor:grab}tbody .dt-col-dragging{background-color:#ececec;color:#b9b9b9}thead .dt-drag-col-left{background:linear-gradient(90deg,#7bbaf9 2px,#f2f2f2 2px)}thead .dt-drag-col-right{background:linear-gradient(270deg,#7bbaf9 2px,#f2f2f2 2px)}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"bodyClassFn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"isVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":5}}]}],"sortOrdering":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"showColumnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":5}}]}],"showSubHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":5}}]}],"headerStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"bodyStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":5}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":5}}]}],"isDraggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":5}}]}],"isDroppable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":5}}]}],"useGlobalHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":5}}]}],"useGlobalSubHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":5}}]}],"useGlobalBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":5}}]}],"isDataColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":5}}]}],"frozen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":223,"character":5}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":233,"character":5}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":5}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":251,"character":5}}]}],"rendererTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":257,"character":5},"arguments":["renderingTemplate"]}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":263,"character":5},"arguments":["header"]}]}],"subHeaderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":269,"character":5},"arguments":["subHeader"]}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":275,"character":5},"arguments":["body"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":303,"character":28},{"__symbolic":"reference","name":"DomUtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleHeaderClick":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"dynamicBodyClass":[{"__symbolic":"method"}],"isRowSelectable":[{"__symbolic":"method"}],"isCellSelectable":[{"__symbolic":"method"}],"isHeaderSelectable":[{"__symbolic":"method"}],"getSortOrder":[{"__symbolic":"method"}],"isSorted":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"postInitialize":[{"__symbolic":"method"}],"isValueColumn":[{"__symbolic":"method"}],"indentForControl":[{"__symbolic":"method"}],"toggleVisibility":[{"__symbolic":"method"}],"widthToPx":[{"__symbolic":"method"}],"isColumnInView":[{"__symbolic":"method"}],"scrollingContainerRect":[{"__symbolic":"method"}],"scrollingContainer":[{"__symbolic":"method"}],"myRect":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}]}},"DTHeaderComponent2":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"aw-dt-header2","template":"<ng-content></ng-content>"}]}],"members":{}},"DTDetailRowComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DTColumn2Component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"aw-dt-detail-column","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":37,"character":19},"member":"None"},"template":"<!--\n    Renders application defined detail column. This template just renders a detail row and\n    not expansion control. This is implemented by different DtColumn implementation and its added\n    (will be) added programmatically during column initialization\n-->\n<ng-template #renderingTemplate let-column=\"column\" let-rowData=\"data\">\n\n    <tr #detailRowElement class=\"dt-body-row dt-detail-row\">\n\n        <td *ngIf=\"dt.hasInvisibleSelectionColumn()\" width=\"1px\"></td>\n        <td *ngIf=\"visibleLeadingCols() > 0\" colspan=\"visibleLeadingCols()\" width=\"1px\">\n            &nbsp;&nbsp;\n        </td>\n        <td [attr.colspan]=\"dt.startOfFirstDataColumn\" [class]=\"dynamicBodyClass(rowData)\"\n            [ngClass]=\"{ 'dt-is-default dt-cell-def': true}\">\n\n            <ng-container\n                *ngTemplateOutlet=\"bodyTemplate; context:{$implicit: this, rowData:rowData}\">\n            </ng-container>\n        </td>\n    </tr>\n</ng-template>\n\n","styles":[""]}]}],"members":{"isVisibleFn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"showRowLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":59,"character":28},{"__symbolic":"reference","name":"DomUtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"visibleLeadingCols":[{"__symbolic":"method"}],"showDetailRow":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}]}},"DetailRowExpansionState":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵs"}]}],"toggle":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}],"itemToKey":[{"__symbolic":"method"}]}},"Datatable2State":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"Ascending":1,"Descending":-1}},"DTDSInitParams":{"__symbolic":"interface"},"EntityDef2":{"__symbolic":"interface"},"isDTInitParams":{"__symbolic":"function","parameters":["init"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":553,"character":11},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"init"},"member":"obj"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":553,"character":34},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"init"},"member":"queryType"}]}},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":553,"character":63},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"init"},"member":"entity"}]}}},"DT2DataSource":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"}]}],"init":[{"__symbolic":"method"}],"fetch":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"insert":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"reorderRows":[{"__symbolic":"method"}]},"statics":{"MaxLimit":100}},"DTMultiSelectColumnComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DTColumn2Component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"aw-dt-multi-select-column","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":19},"member":"None"},"template":"<!--\n    Manages multi selection and renders checkboxes both for header in case [showSelectAll] is\n    enabled as well as each checkbox per row\n-->\n<ng-template #renderingTemplate let-isHeader let-isSubHeader=\"isSubHeader\" let-column=\"column\"\n             let-dataToRender=\"data\"\n             let-level=\"nestingLevel\"\n             let-columnIndex=\"columnIndex\"\n             let-rowIndex=\"rowIndex\">\n\n    <ng-template *ngIf=\"isHeader\" [ngTemplateOutlet]=\"colHeader\"\n                 [ngTemplateOutletContext]=\"{$implicit: isSubHeader, columnIndex:columnIndex,\n                 level:level}\">\n    </ng-template>\n\n    <ng-template *ngIf=\"!isHeader\" [ngTemplateOutlet]=\"colBody\"\n                 [ngTemplateOutletContext]=\"{$implicit: column, level:level,\n                    data:dataToRender,rowIndex:rowIndex}\">\n    </ng-template>\n</ng-template>\n\n\n<ng-template #colHeader let-isSubHeader let-columnIndex=\"columnIndex\">\n    <th [ngClass]=\"{'dt-is-default dt-u-unselectable-text dt-selection-column' :true,\n                    'dt-cell-def': true,\n                    'dt-sub-header': isSubHeader,\n                    'dt-is-hidden': !dt.showSelectionColumn}\" align=\"center\">\n\n        <ng-template [ngIf]=\"dt.showSelectAll\">\n            <aw-checkbox [type]=\"'action'\" (action)=\"dt.toggleAllColumns($event)\"\n                         [value]=\"dt.isToggleAllColumnSelected()\"\n                         [disabled]=\"dt.isToggleAllColumnDisabled()\">\n            </aw-checkbox>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!dt.showSelectAll\">&nbsp;\n        </ng-template>\n    </th>\n\n</ng-template>\n\n\n<ng-template #colBody let-data=\"data\" let-rowIndex=\"rowIndex\" , let-level=\"level\">\n\n    <td #cell [class]=\"dynamicBodyClass(data)\"\n        [style.padding-left.px]=\"indentForControl(cell, level)\"\n        align=\"center\"\n        [ngClass]=\"{ 'dt-is-default dt-selection-column': true,\n        'dt-cell-def': true,\n        'dt-is-hidden': !dt.showSelectionColumn}\">\n\n        <aw-checkbox [type]=\"'action'\" [value]=\"dt.isRowSelected(data)\">\n        </aw-checkbox>\n\n    </td>\n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":42,"character":28},{"__symbolic":"reference","name":"DomUtilsService"}]}]}},"AWDatatable2Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":51,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"Datatable2Component"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"DTColumn2Component"},{"__symbolic":"reference","name":"DTHeaderComponent2"},{"__symbolic":"reference","name":"DTDetailRowComponent"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"DTMultiSelectColumnComponent"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":67,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":68,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","name":"AWCheckBoxModule"},{"__symbolic":"reference","name":"AWOutlineForModule"},{"__symbolic":"reference","name":"AWRadioButtonModule"},{"__symbolic":"reference","name":"AWInputFieldModule"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"AWListModule"},{"__symbolic":"reference","name":"AWHyperlinkModule"}],"entryComponents":[{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"DTMultiSelectColumnComponent"},{"__symbolic":"reference","name":"ɵv"}],"exports":[{"__symbolic":"reference","name":"Datatable2Component"},{"__symbolic":"reference","name":"DTColumn2Component"},{"__symbolic":"reference","name":"AWOutlineForModule"},{"__symbolic":"reference","name":"DTHeaderComponent2"},{"__symbolic":"reference","name":"DTDetailRowComponent"}],"providers":[]}]}],"members":{}},"WizardProgressComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"aw-wizard-progress","template":"<div class=\"step-indicator\">{{currentStep + 1}}/{{totalSteps}}</div>\n<div class=\"aw-step-progress\">\n    <div class=\"aw-step-progress__item\" *ngFor=\"let step of steps; let i = index;\"\n         [ngClass]=\"{ 'aw-step-progress__item--is-active': step.current === true }\"\n         (click)=\"goToStep(i);\">\n    </div>\n</div>\n","styles":[":host{display:block}.step-indicator{width:100%;text-align:center;font-size:14px;font-weight:600;padding-bottom:.3rem}.aw-step-progress{display:flex;flex-direction:row;padding:.2rem;justify-content:center}.aw-step-progress__item{cursor:pointer;list-style:none;width:1.2rem;margin:0 .2rem;border-radius:.3rem;height:.4rem;background-color:#eaeaea}.aw-step-progress__item:last-child{margin-right:0}.aw-step-progress__item:first-child{margin-left:0}.aw-step-progress__item--is-active{background-color:#09a7af}"]}]}],"members":{"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"currentStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"stepChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setCurrentStep":[{"__symbolic":"method"}],"goToStep":[{"__symbolic":"method"}]}},"Step":{"__symbolic":"interface"},"OutlineNode":{"__symbolic":"interface"},"isOutlineNode":{"__symbolic":"function","parameters":["node"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":80,"character":11},"arguments":[{"__symbolic":"reference","name":"node"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":80,"character":30},"arguments":[{"__symbolic":"reference","name":"node"}]}},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":81,"character":11},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"node"},"member":"parent"}]}},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@aribaui/core","name":"isPresent","line":82,"character":11},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"node"},"member":"children"}]}}},"DTHAlignment":{"__symbolic":"interface"},"SelectionMode":{"__symbolic":"interface"},"AWOutlineForModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OutlineForComponent"},{"__symbolic":"reference","name":"OutlineControlComponent"},{"__symbolic":"reference","name":"ɵi"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":35,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":36,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"exports":[{"__symbolic":"reference","name":"OutlineForComponent"},{"__symbolic":"reference","name":"OutlineControlComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":42,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":43,"character":8}],"providers":[]}]}],"members":{}},"ToggleSwitchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"aw-toggle","template":"<div class=\"w-toggle\">\n    <label class=\"w-toggle__label\" *ngIf=\"labelText\">\n        {{ labelText }}\n    </label>\n    <div class=\"slider\" (click)=\"changeHandler()\">\n        <div class=\"slider__button\" [ngClass]=\"{ 'slider__button--is-active': model === true }\"></div>\n    </div>\n</div>\n","styles":[":host{display:block}.w-toggle input{display:none}.w-toggle__label{color:#999;margin-right:.2rem}.w-toggle .slider{position:relative;height:.6rem;width:1.5rem;background-color:#d8d8d8;border-radius:.9rem;display:inline-block;border-top:1px solid #7e7e7e;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5}.w-toggle .slider__button{left:-.1rem;transition:left .1s ease-out;cursor:pointer;position:absolute;height:1rem;width:1rem;border-radius:50%;background-color:#eaeaea;top:-.2rem}.w-toggle .slider__button--is-active{left:calc(100% - .8rem);background-color:#09a7af}"]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}}]}],"labelText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":63,"character":28}]}],"changeHandler":[{"__symbolic":"method"}]}},"WizardProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WizardProgressComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":30,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"WizardProgressComponent"}],"exports":[{"__symbolic":"reference","name":"WizardProgressComponent"}],"providers":[]}]}],"members":{}},"ToggleSwitchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToggleSwitchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":30,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"ToggleSwitchComponent"}],"exports":[{"__symbolic":"reference","name":"ToggleSwitchComponent"}],"providers":[]}]}],"members":{}},"ɵp":{"__symbolic":"function","parameters":["compRegistry"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"compRegistry"},"member":"initialize"},"member":"bind"},"arguments":[{"__symbolic":"reference","name":"compRegistry"},{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./entry-components"}}]}},"AribaComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":103,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@aribaui/core","name":"AribaCoreModule","line":105,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":106,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":107,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":108,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","name":"AWBasicNavigatorModule"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"AWCheckBoxListModule"},{"__symbolic":"reference","name":"AWCheckBoxModule"},{"__symbolic":"reference","name":"AWChooserModule"},{"__symbolic":"reference","name":"AWConfirmationModule"},{"__symbolic":"reference","name":"AWCurrencyModule"},{"__symbolic":"reference","name":"AWDateAndTimeModule"},{"__symbolic":"reference","name":"AWDialogModule"},{"__symbolic":"reference","name":"AWDropdownModule"},{"__symbolic":"reference","name":"AWGenericChooserModule"},{"__symbolic":"reference","name":"AWHyperlinkModule"},{"__symbolic":"reference","name":"AWInputFieldModule"},{"__symbolic":"reference","name":"AWOutlineForModule"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"AWPageNotificationModule"},{"__symbolic":"reference","name":"AWPageWrapperModule"},{"__symbolic":"reference","name":"AWRadioButtonModule"},{"__symbolic":"reference","name":"AWRadioButtonListModule"},{"__symbolic":"reference","name":"AWRichTextAreaModule"},{"__symbolic":"reference","name":"AWScrollableContainerModule"},{"__symbolic":"reference","name":"AWSectionModule"},{"__symbolic":"reference","name":"AWStepperModule"},{"__symbolic":"reference","name":"AWStringFieldModule"},{"__symbolic":"reference","name":"AWTextAreaModule"},{"__symbolic":"reference","name":"AWFormTableModule"},{"__symbolic":"reference","name":"AWButtonModule"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"AWListModule"},{"__symbolic":"reference","name":"AWDatatable2Module"},{"__symbolic":"reference","name":"WizardProgressModule"},{"__symbolic":"reference","name":"ToggleSwitchModule"},{"__symbolic":"reference","module":"primeng/primeng","name":"PanelModule","line":145,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"ButtonModule","line":146,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"ToolbarModule","line":147,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"InputTextModule","line":148,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"InputTextareaModule","line":149,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"AutoCompleteModule","line":150,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DropdownModule","line":151,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"CalendarModule","line":152,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"CheckboxModule","line":153,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"RadioButtonModule","line":154,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"SharedModule","line":155,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DialogModule","line":156,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"MenuModule","line":157,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"TabMenuModule","line":158,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"AccordionModule","line":159,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"EditorModule","line":160,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DataTableModule","line":161,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"PaginatorModule","line":162,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"OverlayPanelModule","line":163,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"TreeModule","line":164,"character":8}],"declarations":[{"__symbolic":"reference","name":"SpyLifeCycleHooksDirective"}],"bootstrap":[],"entryComponents":[{"__symbolic":"reference","module":"primeng/primeng","name":"Checkbox","line":175,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"Dialog","line":176,"character":8}],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":179,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":180,"character":8},{"__symbolic":"reference","name":"SpyLifeCycleHooksDirective"},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","name":"AWBasicNavigatorModule"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"AWCheckBoxListModule"},{"__symbolic":"reference","name":"AWCheckBoxModule"},{"__symbolic":"reference","name":"AWChooserModule"},{"__symbolic":"reference","name":"AWConfirmationModule"},{"__symbolic":"reference","name":"AWCurrencyModule"},{"__symbolic":"reference","name":"AWDateAndTimeModule"},{"__symbolic":"reference","name":"AWDialogModule"},{"__symbolic":"reference","name":"AWDropdownModule"},{"__symbolic":"reference","name":"AWGenericChooserModule"},{"__symbolic":"reference","name":"AWHyperlinkModule"},{"__symbolic":"reference","name":"AWInputFieldModule"},{"__symbolic":"reference","name":"AWOutlineForModule"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"AWPageNotificationModule"},{"__symbolic":"reference","name":"AWPageWrapperModule"},{"__symbolic":"reference","name":"AWRadioButtonModule"},{"__symbolic":"reference","name":"AWRadioButtonListModule"},{"__symbolic":"reference","name":"AWRichTextAreaModule"},{"__symbolic":"reference","name":"AWScrollableContainerModule"},{"__symbolic":"reference","name":"AWSectionModule"},{"__symbolic":"reference","name":"AWStepperModule"},{"__symbolic":"reference","name":"AWStringFieldModule"},{"__symbolic":"reference","name":"AWTextAreaModule"},{"__symbolic":"reference","name":"AWFormTableModule"},{"__symbolic":"reference","name":"EmbeddedItemDirective"},{"__symbolic":"reference","name":"AWButtonModule"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"AWListModule"},{"__symbolic":"reference","name":"AWDatatable2Module"},{"__symbolic":"reference","name":"WizardProgressModule"},{"__symbolic":"reference","name":"ToggleSwitchModule"},{"__symbolic":"reference","module":"primeng/primeng","name":"SharedModule","line":218,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"PanelModule","line":219,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"ButtonModule","line":220,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"ToolbarModule","line":221,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"InputTextModule","line":222,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"InputTextareaModule","line":223,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"AutoCompleteModule","line":224,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DropdownModule","line":225,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"CalendarModule","line":226,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"CheckboxModule","line":227,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"RadioButtonModule","line":228,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DialogModule","line":229,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"MenuModule","line":230,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"TabMenuModule","line":231,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"EditorModule","line":232,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"DataTableModule","line":233,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"PaginatorModule","line":234,"character":8},{"__symbolic":"reference","module":"primeng/primeng","name":"OverlayPanelModule","line":235,"character":8}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AribaComponentsModule"},"providers":[{"__symbolic":"reference","name":"ModalService"},{"__symbolic":"reference","name":"ComponentRegistry"},{"__symbolic":"reference","name":"ErrorManagerService"},{"__symbolic":"reference","name":"DomUtilsService"},{"__symbolic":"reference","name":"DataTypeProviderRegistry"},{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"},{"__symbolic":"reference","name":"AwNameStore"},{"provide":{"__symbolic":"reference","module":"@angular/core","name":"APP_INITIALIZER","line":256,"character":29},"useFactory":{"__symbolic":"reference","name":"ɵp"},"deps":[{"__symbolic":"reference","name":"ComponentRegistry"}],"multi":true}]}}}},"ɵq":{"__symbolic":"function","parameters":["compRegistry"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"compRegistry"},"member":"initialize"},"member":"bind"},"arguments":[{"__symbolic":"reference","name":"compRegistry"},{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./entry-components"}}]}},"AribaComponentsTestProviderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":42,"character":1},"arguments":[{"imports":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AribaComponentsTestProviderModule"},"providers":[{"__symbolic":"reference","name":"ModalService"},{"__symbolic":"reference","name":"ComponentRegistry"},{"__symbolic":"reference","name":"ErrorManagerService"},{"__symbolic":"reference","name":"DomUtilsService"},{"__symbolic":"reference","name":"DataTypeProviderRegistry"},{"__symbolic":"reference","name":"DataProviders"},{"__symbolic":"reference","name":"DataFinders"},{"__symbolic":"reference","name":"AwNameStore"},{"provide":{"__symbolic":"reference","module":"@angular/core","name":"APP_INITIALIZER","line":61,"character":29},"useFactory":{"__symbolic":"reference","name":"ɵq"},"deps":[{"__symbolic":"reference","name":"ComponentRegistry"}],"multi":true}]}}}},"SpyLifeCycleHooksDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[spyHooks]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"logIt":[{"__symbolic":"method"}],"ignore":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":88,"character":1},"arguments":[{"selector":"aw-infinite-scroll","template":"<div class=\"w-infinite-loader-panel\" *ngIf=\"isLoading()\">\n    <span class=\"sap-icon icon-synchronize u-spin-icon\"></span>\n</div>\n","styles":[".w-infinite-loader-panel{display:flex;align-items:center;justify-content:center;background-color:#fff;width:100%;height:100px;z-index:300;bottom:100px}.w-infinite-loader-panel span{color:#4a4a4a;font-size:2em}"]}]}],"members":{"distance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":5}}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":5}}]}],"onLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":158,"character":5}}]}],"loadPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":162,"character":5},"arguments":["loadinPanel"]}]}],"fetchSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":178,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":178,"character":60},{"__symbolic":"reference","name":"DomUtilsService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":180,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"_onScroll":[{"__symbolic":"method"}],"fireOnLazyLoad":[{"__symbolic":"method"}],"fireOnLazyUnLoad":[{"__symbolic":"method"}],"scrollTop":[{"__symbolic":"method"}],"complete":[{"__symbolic":"method"}],"enable":[{"__symbolic":"method"}],"_setListeners":[{"__symbolic":"method"}],"isLoading":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"interface"},"ɵt":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"aw-dt-wrapper","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":62,"character":19},"member":"None"},"template":"<div class=\"dt-wrapper\"\n     [ngClass]=\"dt.styleClass\" [class.dt-full-screen-mode]=\"isFullScreenMode\"\n     [style.width]=\"dt.width\">\n    <div class=\"dt-loading-overlay\" *ngIf=\"dt.loading\"></div>\n    <div class=\"dt-loading-content\" *ngIf=\"dt.loading\">\n        <i [class]=\"'sap-icon u-dt-spin-icon ' + dt.loadingIcon\"></i>\n    </div>\n\n    <div class=\"dt-header\" *ngIf=\"dt.showTableHeader\">\n        <ng-template *ngIf=\"dt.header; then appDefinedHeader else defaultHeader\"></ng-template>\n    </div>\n\n    <!-- DT BODY with table headers and values -->\n    <div class=\"dt-body-wrapper-view\">\n        <ng-template\n            *ngIf=\"dt.hasFrozenColumns(); then dtBodyWithFrozenColumns else dtBodyNoFrozenColumns\">\n        </ng-template>\n    </div>\n\n    <!--<div class=\"dt-footer\" *ngIf=\"footer\">-->\n    <!--&lt;!&ndash; footerArea&ndash;&gt;-->\n    <!--<ng-content select=\"aw-dt-footer\"></ng-content>-->\n    <!--</div>-->\n</div>\n\n<!-- todo: dont activate this if we reached the end of list - -->\n<aw-infinite-scroll #infiniteScroll *ngIf=\"isFullScreenMode\"\n                    [distance]=\"'10%'\"\n                    [fetchSize]=\"dt.state.limit\"\n                    (onLoad)=\"onLazyLoad($event)\">\n</aw-infinite-scroll>\n\n\n<ng-template #appDefinedHeader>\n    <ng-container *ngTemplateOutlet=\"heading;\"></ng-container>\n</ng-template>\n\n<ng-template #defaultHeader>\n    <div class=\"dt-global-filter\">\n        <span class=\"sap-icon icon-filter\"></span>\n    </div>\n\n    <div class=\"dt-global-actions\">\n        <div class=\"dt-action-combo\">\n            <span *ngIf=\"supportFullScreen\" class=\"sap-icon icon-resize\"\n                  (click)=\"toggleFullScreen($event)\"></span>\n\n            <aw-input-field *ngIf=\"dt.showGlobalSearch\" styleClass=\"dt-table-search\"\n                            [(ngModel)]=\"dt.state.currentSearchQuery\"\n                            placeHolder=\"search\"\n                            icon=\"icon-search\"\n                            (ngModelChange)=\"searchTerms.next($event)\">\n            </aw-input-field>\n            <span class=\"ariba-icon icon-more\"></span>\n            <aw-hover-card #hc [styleClass]=\"'dt-show-hide-col'\">\n                <!-- Dont use default linkTitle but provide custom button-->\n                <ng-template #actionButton>\n                    <aw-dt-button [icon]=\"dt.numberOfInvisibleColumns() === 0 ? 'icon-show' : 'icon-hide'\"\n                                  [badgetNumber]=\"dt.numberOfInvisibleColumns()\"\n                                  [isActive]=\"hc.awOverlay.overlay.visible\"\n                                  (onAction)=\"hc.openCard($event, false)\"></aw-dt-button>\n                </ng-template>\n\n                <ng-container *ngTemplateOutlet=\"toggleColumnVisibility; context: {$implicit: hc}\">\n                </ng-container>\n\n            </aw-hover-card>\n\n        </div>\n    </div>\n</ng-template>\n\n<!--\n    Each section frozen/non-frozen is calculated inside table-wrapper in the ngAfterViewChecked, where we set\n    proper width for each frame as well as left coordinates for the right one\n-->\n<ng-template #dtBodyNoFrozenColumns>\n    <!--\n        For non-frozen case we also need to set TRUE as the view is actually frozen and does not\n        scroll.\n        We use this frozenColumns flag inside DT to properly set column index on the header level\n        columnIndex:(frozen ? columnIndex: (columns.length + columnIndex))\n\n        therefore we need to set true even in this case to return real columnIndex since we dont\n        have the second table.\n    -->\n    <ng-container *ngTemplateOutlet=\"dtBody; context:{$implicit: dt.columns, frozenColumns: true }\">\n    </ng-container>\n</ng-template>\n\n<ng-template #dtBodyWithFrozenColumns>\n    <ng-container\n        *ngTemplateOutlet=\"dtBody; context:{$implicit: dt.frozenColumns, frozenColumns: true }\">\n    </ng-container>\n    <ng-container\n        *ngTemplateOutlet=\"dtBody; context:{$implicit: dt.columns, frozenColumns: false }\">\n    </ng-container>\n</ng-template>\n\n<!-- Render content for the show/hide columns popup-->\n<ng-template #toggleColumnVisibility let-hc>\n    <div class=\"dt-toogle-toolbar ui-g \">\n            <div class=\"ui-g-12 dt-toogle-toolbar-search\">\n                <aw-input-field *ngIf=\"dt.showGlobalSearch\"\n                                styleClass=\"dt-toogle-toolbar-search\"\n                                [(ngModel)]=\"dt.state.colVisibilityQuery\"\n                                placeHolder=\"search\"\n                                icon=\"icon-search\"\n                ></aw-input-field>\n            </div>\n\n        <div class=\"ui-g dt-toogle-toolbar-actions \">\n            <span class=\"ui-g-4 dt-toogle-toolbar-hide\">\n                <aw-hyperlink (action)=\"onToggleColumnToolbar($event, 'hide')\"\n                              [size]=\"'small'\">Hide all</aw-hyperlink>\n            </span>\n            <span class=\"ui-g-4 dt-toogle-toolbar-req\">\n                <aw-hyperlink (action)=\"onToggleColumnToolbar($event, 'required')\"\n                              [size]=\"'small'\">Show mandatory</aw-hyperlink>\n             </span>\n            <span class=\"ui-g-4 dt-toogle-toolbar-show\">\n                <aw-hyperlink (action)=\"onToggleColumnToolbar($event, 'show')\"\n                          [size]=\"'small'\">Show all</aw-hyperlink>\n            </span>\n\n        </div>\n\n    </div>\n\n\n    <aw-list [list]=\"dt.toggleableColumns()\"\n             [borderless]=\"true\"\n             (onItemClicked)=\"onColumnVisibilityClick($event); hc.awOverlay.close()\"\n             [readOnly]=\"true\"\n             [filter]=\"dt.state.colVisibilityQuery\"\n             height=\"300px\"\n             width=\"279px\">\n\n        <ng-template #middle let-item>\n            <span [ngClass]=\"{\n                  'dt-toggle-col-disable': item.value.isColumnInView() || !item.value.isVisible,\n                  '': item.value.isColumnInView()}\">\n\n                {{item.label}}\n            </span>\n            <span *ngIf=\"item.value.required\">*</span>\n        </ng-template>\n\n        <ng-template #right let-item>\n            <span class=\"dt-toggle-col sap-icon\"\n                  (click)=\"item.value.toggleVisibility()\"\n                  [ngClass]=\"{\n                  'icon-show': item.value.isVisible,\n                  'icon-hide': !item.value.isVisible}\">\n            </span>\n        </ng-template>\n\n    </aw-list>\n\n</ng-template>\n\n\n<ng-template #dtBody let-columns let-frozenColumns=\"frozenColumns\">\n\n    <div #dtContainer class=\"dt-body-wrapper\"\n         [style.overflow-x]=\"tableOverflow(frozenColumns)\"\n         [style.width.px]=\"this.calculateFrozenWidth()\"\n         [class.dt-body-unfrozen]=\"dt.hasFrozenColumns() && !frozenColumns\"\n         [class.dt-body-frozen]=\"dt.hasFrozenColumns() && frozenColumns\"\n    >\n\n        <table [ngClass]=\"dt.tableStyleClass\"\n               [style.width]=\"calculateWidth()\"\n               [class.dt-pivot-layout]=\"dt.pivotalLayout\"\n               [class.dt-plain-layout]=\"!dt.pivotalLayout && !dt.isOutline()\">\n\n            <!-- Render TH header rows-->\n            <thead class=\"dt-thead\">\n            <ng-container *ngTemplateOutlet=\"headerRows; context:{$implicit: columns,frozenColumns:frozenColumns }\">\n            </ng-container>\n            </thead>\n\n            <!--\n                Render data rows. For data rows we need to keep tbody tag inside DT table\n                due to Outline\n             -->\n            <ng-container *ngTemplateOutlet=\"bodyRows; context:{$implicit: columns,  frozenColumns:frozenColumns }\">\n            </ng-container>\n        </table>\n    </div>\n</ng-template>\n\n\n<div #dtFullScreenOverlay class=\"dt-full-screen-overlay u-full-screen-element\"></div>\n","styles":[".dt-footer,.dt-header{text-align:center;padding:.5em .75em;box-sizing:border-box}.dt-footer{border-top:0}.dt-thead tr{border-width:0}.dt-wrapper{width:100%}.dt-body-wrapper-view{position:relative}.dt-body-wrapper{overflow:hidden;border:1px solid #d7d7d7}.dt-body-wrapper.dt-body-frozen{box-shadow:5px 0 5px -5px #333}.dt-body-wrapper.dt-body-unfrozen{border-left-color:transparent;position:absolute;top:0;overflow-x:auto}.dt-loading-overlay{position:absolute;background-color:#9b9b9b;width:100%;height:100%;opacity:.1;z-index:1}.dt-loading-content{position:absolute;left:50%;top:25%;z-index:2}.dt-header{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;color:#363636;border-bottom:1px solid #f1f1f1;margin-bottom:30px}.dt-header .dt-global-filter{flex:0 0;align-items:flex-start;font-size:18px}.dt-header .dt-global-actions{flex:0 0;align-items:flex-end}.dt-header .dt-action-combo{display:flex;flex-flow:row nowrap;color:#7d7d7d}.dt-header .dt-action-combo .ariba-icon,.dt-header .dt-action-combo .sap-icon{margin-left:15px;font-size:20px;-ms-grid-row-align:center;align-self:center;cursor:pointer}.dt-header .dt-action-combo .dt-table-search{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.dt-header .dt-action-combo .icon-resize{color:#4a4a4a;font-size:16px;line-height:18px;margin-right:15px}.u-dt-spin-icon{display:inline-block;-webkit-animation:2s linear infinite doSpin;animation:2s linear infinite doSpin}@-webkit-keyframes doSpin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes doSpin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.dt-full-screen-overlay{position:fixed;z-index:100;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:.4s ease-in-out}.dt-full-screen{width:98vw;z-index:120;position:absolute;top:15px;pointer-events:all;transition:opacity .5s ease-in-out}.u-fs-element-out{display:none}.dt-toggle-col{font-size:16px;color:#515559;cursor:pointer}.dt-toggle-col .icon-hide{color:#949499}.dt-toogle-toolbar{padding-right:10px;width:280px}.dt-toogle-toolbar a{white-space:nowrap}.dt-toogle-toolbar .dt-toogle-toolbar-show{text-align:right}.dt-toogle-toolbar .dt-toogle-toolbar-actions,.dt-toogle-toolbar .dt-toogle-toolbar-search{width:100%}.dt-toggle-col-disable{color:#bfbfbf}.dt-show-hide-col .ui-overlaypanel-content .w-li-middle{font-size:14px;color:#515559;line-height:20px}.dt-show-hide-col .ui-overlaypanel-content li.ui-listbox-item{padding-top:9px;padding-bottom:9px}"]}]}],"members":{"expandColorFrom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"expandColorTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":92,"character":5},"arguments":["headingArea"]}]}],"headerRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":5},"arguments":["headerRows"]}]}],"bodyRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":106,"character":5},"arguments":["bodyRows"]}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":114,"character":5},"arguments":["footerArea"]}]}],"dtFullScreenOverlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":121,"character":5},"arguments":["dtFullScreenOverlay"]}]}],"infiniteScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":129,"character":5},"arguments":["infiniteScroll"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":167,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":167,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":168,"character":17},"arguments":[{"__symbolic":"reference","name":"Datatable2Component"}]}]],"parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":163,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":164,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":165,"character":37},{"__symbolic":"reference","name":"DomUtilsService"},{"__symbolic":"reference","name":"Object"},{"__symbolic":"reference","name":"Datatable2Component"}]}],"ngOnInit":[{"__symbolic":"method"}],"calculateFrozenWidth":[{"__symbolic":"method"}],"calculateWidth":[{"__symbolic":"method"}],"tableOverflow":[{"__symbolic":"method"}],"alignTablesHeights":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleFullScreen":[{"__symbolic":"method"}],"openFullScreen":[{"__symbolic":"method"}],"closeFullScreen":[{"__symbolic":"method"}],"toggleFullScreenOnDT":[{"__symbolic":"method"}],"onLazyLoad":[{"__symbolic":"method"}],"runExpandEffect":[{"__symbolic":"method"}],"runCollapseEffect":[{"__symbolic":"method"}],"hideNonFullScreenElement":[{"__symbolic":"method"}],"showNonFullScreenElement":[{"__symbolic":"method"}],"needTraverseDown":[{"__symbolic":"method"}],"calculateLimit":[{"__symbolic":"method"}],"updateElement":[{"__symbolic":"method"}],"applyTransformation":[{"__symbolic":"method"}],"initFullScreen":[{"__symbolic":"method"}],"loadingFinished":[{"__symbolic":"method"}],"onColumnVisibilityClick":[{"__symbolic":"method"}],"onToggleColumnToolbar":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DTColumn2Component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"aw-dt-detail-column-expand","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":19},"member":"None"},"template":"<!--\n   Special column that renders expand/collapse control for detail row when detail row is enabled.\n\n   Just like for the other column it renders header section as well as body section with\n   expand control to toggle the expansion\n\n-->\n<ng-template #renderingTemplate let-isHeader let-isSubHeader=\"isSubHeader\" let-column=\"column\"\n             let-dataToRender=\"data\" let-columnIndex=\"columnIndex\" let-rowIndex=\"rowIndex\">\n\n\n    <ng-template [ngIf]=\"isHeader && !isSubHeader\">\n        <th #headerCell1 [class]=\"headerStyleClass||styleClass\"\n            class=\"dt-row-cell-expando\"\n            [ngClass]=\"{'dt-is-default dt-u-unselectable-text dt-cell-def' :true,\n                        'dt-det-row-expanded': dt.detailRowExpansionState.isExpanded(dataToRender)}\">\n        </th>\n\n    </ng-template>\n\n    <ng-template [ngIf]=\"!isHeader && !isSubHeader\">\n        <td #cell\n            class=\"dt-row-cell-expando\"\n            [ngClass]=\"{ 'dt-is-default': true,\n                    'dt-cell-def': !isCellSelectable(dataToRender),\n                    'dt-det-row-expanded': dt.detailRowExpansionState.isExpanded(dataToRender),\n                    'dt-det-row-with-ln' : dt.rowDetailColumn.showRowLine}\">\n\n            <span (click)=\"toggleExpansion($event, dataToRender)\"\n                  class=\"dt-det-row-expand sap-icon\"\n                  [ngClass]=\"calculateStyleClass(dataToRender)\">\n\n            </span>\n\n        </td>\n\n    </ng-template>\n\n\n</ng-template>\n\n","styles":[".dt-row-cell-expando{width:14px;text-align:right;padding:17px 5px 17px 17px;border-right-color:transparent}.dt-row-cell-expando .dt-det-row-expand{cursor:pointer;line-height:21px}td.dt-det-row-expanded:not(.dt-det-row-with-ln),td.dt-det-row-expanded:not(.dt-det-row-with-ln)~td{border-bottom-color:transparent}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":42,"character":28},{"__symbolic":"reference","name":"DomUtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleExpansion":[{"__symbolic":"method"}],"calculateStyleClass":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DTColumn2Component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"aw-dt-single-select-column","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":19},"member":"None"},"template":"<!--\n    Manages multi selection and renders checkboxes both for header in case [showSelectAll] is\n    enabled as well as each checkbox per row\n-->\n<ng-template #renderingTemplate let-isHeader let-isSubHeader=\"isSubHeader\" let-column=\"column\"\n             let-dataToRender=\"data\"\n             let-level=\"nestingLevel\"\n             let-columnIndex=\"columnIndex\"\n             let-rowIndex=\"rowIndex\">\n\n    <ng-template *ngIf=\"isHeader\" [ngTemplateOutlet]=\"colHeader\"\n                 [ngTemplateOutletContext]=\"{$implicit: isSubHeader, columnIndex:columnIndex,\n                 level:level}\">\n    </ng-template>\n\n    <ng-template *ngIf=\"!isHeader\" [ngTemplateOutlet]=\"colBody\"\n                 [ngTemplateOutletContext]=\"{$implicit: column, level:level,\n                    data:dataToRender,rowIndex:rowIndex}\">\n    </ng-template>\n</ng-template>\n\n\n<ng-template #colHeader let-isSubHeader let-columnIndex=\"columnIndex\">\n    <th [ngClass]=\"{'dt-is-default dt-u-unselectable-text dt-selection-column' :true,\n                    'dt-cell-def': true,\n                    'dt-sub-header': isSubHeader,\n                    'dt-is-hidden': !dt.showSelectionColumn}\" align=\"center\">\n        &nbsp;\n    </th>\n\n</ng-template>\n\n\n<ng-template #colBody let-data=\"data\" let-rowIndex=\"rowIndex\" , let-level=\"level\">\n\n    <td #cell [class]=\"dynamicBodyClass(data)\"\n        [style.padding-left.px]=\"indentForControl(cell, level)\"\n        align=\"center\"\n        [ngClass]=\"{ 'dt-is-default dt-selection-column': true,\n        'dt-cell-def': true,\n        'dt-is-hidden': !dt.showSelectionColumn}\">\n\n        <aw-radiobutton [name]=\"'DTRadio'\" [value]=\"data\" [(ngModel)]=\"dt.dataSource.state.selection\">\n        </aw-radiobutton>\n    </td>\n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":41,"character":28},{"__symbolic":"reference","name":"DomUtilsService"}]}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":55,"character":1},"arguments":[{"selector":"[dtDraggableRow]"}]}],"members":{"dropIntoEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"dndRowIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":104,"character":17},"arguments":[{"__symbolic":"reference","name":"Datatable2Component"}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":103,"character":33},{"__symbolic":"reference","name":"Datatable2Component"},{"__symbolic":"reference","name":"DomUtilsService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":107,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setupEventListeners":[{"__symbolic":"method"}],"releaseEventListeners":[{"__symbolic":"method"}],"onMouseDownEvent":[{"__symbolic":"method"}],"onDragStartEvent":[{"__symbolic":"method"}],"onDragOverEvent":[{"__symbolic":"method"}],"onDropEvent":[{"__symbolic":"method"}],"onDragLeaveEvent":[{"__symbolic":"method"}],"onDragEndEvent":[{"__symbolic":"method"}],"markRowWithClass":[{"__symbolic":"method"}],"isValidDropTarget":[{"__symbolic":"method"}],"clearClasses":[{"__symbolic":"method"}],"dragDirToString":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":50,"character":1},"arguments":[{"selector":"[dtDraggableCol]"}]}],"members":{"dndIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":89,"character":17},"arguments":[{"__symbolic":"reference","name":"Datatable2Component"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":91,"character":17},"arguments":[{"__symbolic":"reference","name":"DTColumn2Component"}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":88,"character":33},{"__symbolic":"reference","name":"Datatable2Component"},{"__symbolic":"reference","name":"DTColumn2Component"},{"__symbolic":"reference","name":"DomUtilsService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":94,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setupEventListeners":[{"__symbolic":"method"}],"releaseEventListeners":[{"__symbolic":"method"}],"onMouseDownEvent":[{"__symbolic":"method"}],"onDragStartEvent":[{"__symbolic":"method"}],"tablePos":[{"__symbolic":"method"}],"onDragOverEvent":[{"__symbolic":"method"}],"onDropEvent":[{"__symbolic":"method"}],"onDragLeaveEvent":[{"__symbolic":"method"}],"onDragEndEvent":[{"__symbolic":"method"}],"markColWithClass":[{"__symbolic":"method"}],"isValidDropTarget":[{"__symbolic":"method"}],"clearClasses":[{"__symbolic":"method"}],"isXrossTable":[{"__symbolic":"method"}],"isDroppable":[{"__symbolic":"method"}],"numOfColumnLeftInSource":[{"__symbolic":"method"}],"dragDirToString":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[dtMaxWidth]"}]}],"members":{"dtMaxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":23,"character":32},{"__symbolic":"reference","name":"DTColumn2Component"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isInThresHold":[{"__symbolic":"method"}],"tdPadding":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"aw-dt-button","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":19},"member":"None"},"template":"<i class=\"dt-action-btn sap-icon\"\n   [ngClass]=\"isActive ? icon + '  u-dt-btn-active-bg' : icon\"\n   (click)=\"onButtonClick($event)\">\n\n    <span *ngIf=\"badgetNumber > 0\" class=\"dt-action-btn-badge\">{{badgetNumber}}</span>\n</i>\n","styles":[".dt-header .dt-action-btn{position:relative;background-color:#fafbfc;border:1px solid #dededf;border-radius:4px;color:#525559;padding:10px 11px;cursor:pointer;line-height:38px}.dt-header .dt-action-btn.sap-icon{font-size:16px}.dt-header .dt-action-btn.u-dt-btn-active-bg{background-color:#13a4b4;color:#fff}.dt-header .dt-action-btn .dt-action-btn-badge{position:absolute;top:-10px;right:-10px;font-size:.7em;background:#fff;color:#525559;width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;border:1px solid #dededf;box-shadow:0 0 1px #333}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"badgetNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"onAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@aribaui/core","name":"Environment","line":59,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HoverCardComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"AWStringFieldModule"}],"entryComponents":[{"__symbolic":"reference","name":"HoverCardComponent"}],"exports":[{"__symbolic":"reference","name":"HoverCardComponent"}],"providers":[]}]}],"members":{}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OverlayComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":8},{"__symbolic":"reference","name":"AWCoreComponentModule"},{"__symbolic":"reference","module":"primeng/primeng","name":"OverlayPanelModule","line":33,"character":8}],"entryComponents":[{"__symbolic":"reference","name":"OverlayComponent"}],"exports":[{"__symbolic":"reference","name":"OverlayComponent"},{"__symbolic":"reference","name":"AWCoreComponentModule"}],"providers":[]}]}],"members":{}}},"origins":{"ɵa":"./core/data/data-source","ErrorMessagesComponent":"./core/error-messages/error-messages.component","ModalContainer":"./core/modal-service/modal-container","ModalService":"./core/modal-service/modal.service","ModalComponent":"./core/modal-service/modal/modal.component","CurrencyFormatPipe":"./core/pipes/currency-format.pipe","BaseComponent":"./core/base.component","WidgetSize":"./core/base-form.component","WidgetSizeColumns":"./core/base-form.component","ComponentReference":"./core/component-reference","DomUtilsService":"./core/dom-utils.service","EmbeddedItemDirective":"./core/embedded-item","EmbededItem":"./core/embedded-item","ErrorManagerService":"./core/error-manager.service","GenericContainerComponent":"./core/generic-container.component","IncludeComponentDirective":"./core/include-component.directive","ComponentRegistry":"./core/component-registry.service","AWCoreComponentModule":"./core/core.module","BaseFormComponent":"./core/base-form.component","DataTypeProviderRegistry":"./core/data/datatype-registry.service","DataProvider":"./core/data/datatype-registry.service","DataProviders":"./core/data/data-providers","DataFinders":"./core/data/data-finders","DataFinder":"./core/data/data-finders","QueryType":"./core/data/data-finders","FullTextArrayDataFinder":"./core/data/data-finders","DATA_SOURCE":"./core/data/data-source","ArrayDataProvider":"./core/data/array-data-provider","NgForSetDirective":"./core/on-ngfor-set.directive","AwNameDirective":"./core/aw-name/aw-name.directive","AwNameStore":"./core/aw-name/aw-name.store","FormTableComponent":"./layouts/form-table/form-table.component","FormRowComponent":"./layouts/form-table/form-row/form-row.component","TopZoneComponent":"./layouts/five-zone-layout.component","LeftZoneComponent":"./layouts/five-zone-layout.component","MiddleZoneComponent":"./layouts/five-zone-layout.component","RightZoneComponent":"./layouts/five-zone-layout.component","BottomZoneComponent":"./layouts/five-zone-layout.component","AWFormTableModule":"./layouts/form-table/form-table.module","ɵb":"./widgets/card/card.module","ɵc":"./widgets/check-box-list/check-box-list.component","ɵd":"./widgets/dropdown/dropdown.component","ɵe":"./widgets/radio-button-list/radio-button-list.component","ɵf":"./widgets/card/card.component","ɵg":"./widgets/card/card.component","ɵh":"./widgets/card/card-title/card-title.component","ɵi":"./widgets/outline/outline-for.component","ɵj":"./widgets/page-wrapper/sidenav/sidenav.component","ɵk":"./widgets/section/section.component","ɵl":"./widgets/rich-text-area/rich-text-area.component","ɵm":"./widgets/checkbox/checkbox.component","ɵn":"./widgets/radio-button/radio-button.component","ɵo":"./widgets/list/list.component","BasicNavigatorComponent":"./widgets/basic-navigator/basic-navigator.component","ButtonComponent":"./widgets/button/button.component","ButtonStyle":"./widgets/button/button.component","CheckBoxListComponent":"./widgets/check-box-list/check-box-list.component","CHOOSER_CONTROL_VALUE_ACCESSOR":"./widgets/chooser/chooser.component","ChooserComponent":"./widgets/chooser/chooser.component","ChooserState":"./widgets/chooser/chooser-state","DefaultSelectionState":"./widgets/chooser/chooser-state","ChooserSelectionState":"./widgets/chooser/chooser-selection-state","CURRENCY_CONTROL_VALUE_ACCESSOR":"./widgets/currency/currency.component","CurrencyComponent":"./widgets/currency/currency.component","Money":"./widgets/currency/currency.component","DateAndTimeComponent":"./widgets/date-and-time/date-and-time.component","DATETIME_CONTROL_VALUE_ACCESSOR":"./widgets/date-and-time/date-and-time.component","DialogComponent":"./widgets/dialog/dialog.component","DialogHeaderComponent":"./widgets/dialog/dialog-header.component","DialogFooterComponent":"./widgets/dialog/dialog-footer.component","ConfirmationComponent":"./widgets/confirmation/confirmation.component","ConfirmationHeaderComponent":"./widgets/confirmation/confirmation-header.component","ConfirmationFooterComponent":"./widgets/confirmation/confirmation-footer.component","OverlayComponent":"./widgets/overlay/overlay.component","DropdownComponent":"./widgets/dropdown/dropdown.component","GCChooserState":"./widgets/generic-chooser/generic-chooser.component","GenericChooserComponent":"./widgets/generic-chooser/generic-chooser.component","HyperlinkComponent":"./widgets/hyperlink/hyperlink.component","LinkSize":"./widgets/hyperlink/hyperlink.component","INPUT_CONTROL_VALUE_ACCESSOR":"./widgets/input-field/input-field.component","InputFieldComponent":"./widgets/input-field/input-field.component","RadioButtonListComponent":"./widgets/radio-button-list/radio-button-list.component","StringComponent":"./widgets/string/string.component","TEXTAREA_CONTROL_VALUE_ACCESSOR":"./widgets/text-area/text-area.component","TextAreaComponent":"./widgets/text-area/text-area.component","OutlineForComponent":"./widgets/outline/outline-for.component","OutlineControlComponent":"./widgets/outline/outline-control/outline-control.component","PageActionsComponent":"./widgets/page-wrapper/page-actions/page-actions.component","PageContentComponent":"./widgets/page-wrapper/page-content/page-content.component","PageFooterComponent":"./widgets/page-wrapper/page-footer/page-footer.component","PageHeaderComponent":"./widgets/page-wrapper/page-header/page-header.component","PageMenuItem":"./widgets/page-wrapper/page-header/page-header.component","UserNotification":"./widgets/page-wrapper/page-header/page-header.component","PageNotificationComponent":"./widgets/page-notification/page-notification.component","PageNotification":"./widgets/page-notification/page-notification.component","PageNotificationType":"./widgets/page-notification/page-notification.component","PageInitialized":"./widgets/page-wrapper/page-events","PageDestroyed":"./widgets/page-wrapper/page-events","PageWrapper":"./widgets/page-wrapper/page-wrapper","PageLifeCycleService":"./widgets/page-wrapper/page-lifecycle.service","ObjectPageWrapperComponent":"./widgets/page-wrapper/object-page-wrapper/object-page-wrapper.component","SectionComponent":"./widgets/section/section.component","SubSectionComponent":"./widgets/section/section.component","RichTextAreaComponent":"./widgets/rich-text-area/rich-text-area.component","EditorType":"./widgets/rich-text-area/rich-text-area.component","CheckboxComponent":"./widgets/checkbox/checkbox.component","RadioButtonComponent":"./widgets/radio-button/radio-button.component","StepperComponent":"./widgets/stepper/stepper.component","StepComponent":"./widgets/stepper/step/step.component","AWInputFieldModule":"./widgets/input-field/input-field.module","AWStringFieldModule":"./widgets/string/string.module","AWBasicNavigatorModule":"./widgets/basic-navigator/basic-navigator.module","AWButtonModule":"./widgets/button/button.module","AWHyperlinkModule":"./widgets/hyperlink/hyperlink.module","AWCardModule":"./widgets/card/card.module","AWCheckBoxModule":"./widgets/checkbox/check-box.module","AWCheckBoxListModule":"./widgets/check-box-list/check-box-list.module","AWChooserModule":"./widgets/chooser/chooser.module","AWDropdownModule":"./widgets/dropdown/dropdown.module","AWCurrencyModule":"./widgets/currency/currency.module","AWDateAndTimeModule":"./widgets/date-and-time/data-and-time.module","AWDialogModule":"./widgets/dialog/dialog.module","AWGenericChooserModule":"./widgets/generic-chooser/generic-chooser.module","AWRadioButtonModule":"./widgets/radio-button/radio-button.module","AWRadioButtonListModule":"./widgets/radio-button-list/radio-button-list.module","AWTextAreaModule":"./widgets/text-area/text-area.module","AWPageNotificationModule":"./widgets/page-notification/page-notification.module","AWPageWrapperModule":"./widgets/page-wrapper/page-wrapper.module","AWRichTextAreaModule":"./widgets/rich-text-area/rich-text-area.module","AWSectionModule":"./widgets/section/section.module","AWStepperModule":"./widgets/stepper/stepper.module","EditMode":"./widgets/section/section.component","ScrollableContainerComponent":"./widgets/scrollable-container/scrollable-container.component","ContainerItemsAlignment":"./widgets/scrollable-container/scrollable-container.component","ScrollingDirection":"./widgets/scrollable-container/scrollable-container.component","AWScrollableContainerModule":"./widgets/scrollable-container/scrollable-container.module","AWConfirmationModule":"./widgets/confirmation/confirmation.module","ChooserDataSource":"./widgets/chooser/chooser-data-source","DSChooserInitParams":"./widgets/chooser/chooser-data-source","isDSChooserInitParams":"./widgets/chooser/chooser-data-source","HoverCardComponent":"./widgets/hover-card/hover-card.component","ListComponent":"./widgets/list/list.component","AWListModule":"./widgets/list/list.module","CardComponent":"./widgets/card/card.component","OutlineState":"./widgets/outline/outline-state","Datatable2Component":"./widgets/datatable2/datatable2.component","DTColumn2Component":"./widgets/datatable2/column/dt-column.component","DTHeaderComponent2":"./widgets/datatable2/header/header.component","DTDetailRowComponent":"./widgets/datatable2/column/detail-row/dt-detail-row.component","DetailRowExpansionState":"./widgets/datatable2/datatable2-data-source","Datatable2State":"./widgets/datatable2/datatable2-data-source","DTDSInitParams":"./widgets/datatable2/datatable2-data-source","EntityDef2":"./widgets/datatable2/datatable2-data-source","isDTInitParams":"./widgets/datatable2/datatable2-data-source","DT2DataSource":"./widgets/datatable2/datatable2-data-source","DTMultiSelectColumnComponent":"./widgets/datatable2/column/multi-select/dt-multi-select-column.component","AWDatatable2Module":"./widgets/datatable2/datatable2.module","WizardProgressComponent":"./widgets/wizard-progress/wizard-progress.component","Step":"./widgets/wizard-progress/wizard-progress.component","OutlineNode":"./widgets/outline/outline-for.component","isOutlineNode":"./widgets/outline/outline-for.component","DTHAlignment":"./widgets/datatable2/column/dt-column.component","SelectionMode":"./widgets/datatable2/datatable2.component","AWOutlineForModule":"./widgets/outline/outline-for.module","ToggleSwitchComponent":"./widgets/toggle-switch/toggle-switch.component","WizardProgressModule":"./widgets/wizard-progress/wizard-progress.module","ToggleSwitchModule":"./widgets/toggle-switch/toggle-switch.module","ɵp":"./ariba.component.module","AribaComponentsModule":"./ariba.component.module","ɵq":"./ariba.component.provider.module","AribaComponentsTestProviderModule":"./ariba.component.provider.module","SpyLifeCycleHooksDirective":"./spy-lifecycle.directive","ɵr":"./core/infite-scroll/infite-scroll.component","ɵs":"./widgets/datatable2/aw-datatable","ɵt":"./widgets/datatable2/table-wrapper/table-wrapper.component","ɵu":"./widgets/datatable2/column/detail-row-expander/dt-detail-row-expander.component","ɵv":"./widgets/datatable2/column/single-select/dt-single-select-column.component","ɵw":"./widgets/datatable2/directives/dt-draggable-row.directive","ɵx":"./widgets/datatable2/directives/dt-draggable-column.directive","ɵy":"./widgets/datatable2/directives/dt-cell-directives","ɵz":"./widgets/datatable2/buttons/action-button/action-button.component","ɵba":"./widgets/hover-card/hover-card.module","ɵbb":"./widgets/overlay/overlay.module"},"importAs":"@aribaui/components"}