@colijnit/sharedcomponents 1.0.25 → 1.0.27

package/colijnit-sharedcomponents.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { SignatureComponent as ɵa } from './lib/components/docsign/component/signature/signature.component';
+export { SignaturesComponent as ɵb } from './lib/components/docsign/component/signatures/signatures.component';
+export { StockInformationGridComponent as ɵi } from './lib/components/stock/stock-information-grid/stock-information-grid.component';
+export { StockInformationComponent as ɵh } from './lib/components/stock/stock-information/stock-information.component';
+export { StockLocationComponent as ɵj } from './lib/components/stock/stock-location/stock-location.component';
+export { StockChangeAmountComponent as ɵl } from './lib/components/stock/stock-transfer/stock-change-amount.component';
+export { StockTransferComponent as ɵk } from './lib/components/stock/stock-transfer/stock-transfer.component';
+export { DictionaryService as ɵf } from './lib/service/dictionary.service';
+export { IconCacheService as ɵg } from './lib/service/icon-cache.service';
+export { OptionsService as ɵe } from './lib/service/options.service';
+export { SharedConnectorService as ɵd } from './lib/service/shared-connector.service';
+export { StockService as ɵc } from './lib/service/stock.service';

package/colijnit-sharedcomponents.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"TextDimension":{"__symbolic":"interface"},"DocsignComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ione-docsign","template":"\n    <iframe #iframe></iframe>\n    <ione-signatures *ngIf=\"showSignatures\" @showHideSignature\n                     [showFirstSignature]=\"showSigBuyer\"\n                     [firstSignatureTitle]=\"firstSignatureLabel\"\n                     [showSecondSignature]=\"showSigSeller\"\n                     [secondSignatureTitle]=\"secondSignatureLabel\"\n                     [saveButtonLabel]=\"saveButtonLabel\"\n                     [clearButtonLabel]=\"clearButtonLabel\"\n                     (saveFirstSignature)=\"saveFirstSignature($event)\"\n                     (saveSecondSignature)=\"saveSecondSignature($event)\"\n    ></ione-signatures>\n    <input type=\"button\" *ngIf=\"(showSigBuyer || showSigSeller) && !showSignatures\" class=\"button button-sign-document\"\n           [value]=\"signDocumentButtonLabel\"\n           (click)=\"showSignatures = true\"\n    />\n    <input type=\"button\" class=\"button button-cancel\"\n           [value]=\"cancelButtonLabel\"\n           (click)=\"cancelClick.emit($event)\"\n    />\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":39,"character":4},"arguments":["showHideSignature",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":40,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":20},"arguments":[{"transform":"translate(-50%, -50%) scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":41,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":41,"character":17},"arguments":[{"transform":"translate(-50%, -50%) scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":42,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":42,"character":31},"arguments":["200ms ease-in-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":45,"character":17},"member":"None"}}]}],"members":{"iframe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":["iframe",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":31}}]}]}],"pdf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"firstSignatureLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"firstSignatureField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"secondSignatureLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"secondSignatureField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"saveButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"clearButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"signDocumentButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"cancelButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"pdfSaved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":142,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":145,"character":3},"arguments":["class.ione-docsign"]}]}],"saveFirstSignature":[{"__symbolic":"method"}],"saveSecondSignature":[{"__symbolic":"method"}],"_openPDF":[{"__symbolic":"method"}],"_savePdf":[{"__symbolic":"method"}],"_checkSignatures":[{"__symbolic":"method"}],"_getPositionSignature":[{"__symbolic":"method"}],"_saveSignature":[{"__symbolic":"method"}]}},"DocsignModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"DocsignComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"DocsignComponent"}]}]}],"members":{}},"StockComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"co-stock","template":"\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n                                   [stockLocationData]=\"stockLocationInformation\"\n                                   [articleStockInformation]=\"stockInformation\"\n                                   (transferIconClicked)=\"handleStockTransferClick($event)\"\n                                   (historyClicked)=\"getStockHistory()\"\n                                   [stockHistoryInformation]=\"stockHistory\"\n        >\n        </co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\"\n                           (backToStockLines)=\"backToStockLinesClicked()\">\n\n        </co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleCancelClicked)=\"backToStock()\"\n                            [article]=\"stockTransferArticle\"\n                           [articleToTransfer]=\"stockTransferArticleDetails\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":57,"character":17},"member":"None"}}]}],"members":{"stock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":[{"__symbolic":"reference","name":"StockComponent"}]}]}],"handleStickerClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"article":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"articleWarehouse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"allWarehouses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.co-stock"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":101,"character":29}]}],"ngOnDestroy":[{"__symbolic":"method"}],"backToStockLinesClicked":[{"__symbolic":"method"}],"handleStockTransferClick":[{"__symbolic":"method"}],"backToStock":[{"__symbolic":"method"}],"getStockHistory":[{"__symbolic":"method"}],"getStockInformation":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}]}},"StockModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":24,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":25,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":26,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ImageModule","line":27,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":28,"character":4},{"__symbolic":"reference","name":"SendMethodDialogModule"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":30,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":31,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogWizardModule","line":32,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextareaModule","line":33,"character":4}],"declarations":[{"__symbolic":"reference","name":"StockComponent"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}],"exports":[{"__symbolic":"reference","name":"StockComponent"}],"providers":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"SendMethodDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"ione-send-method-dialog","template":"\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog-wizard id=\"sendOptionsDialog\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-container header>\n          <span [textContent]=\"headerTitle\"></span>\n        </ng-container>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\"\n                   *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, let index of emails\"\n                  [name]=\"email\"\n                  [(model)]=\"models[index]\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\" (click)=\"getPrintTemplates()\">\n              <div *ngIf=\"showPrintPriceStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printPriceSticker.reportId\"\n                    [collection]=\"printTemplates\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n                <div class=\"lov-wrapper\" *ngIf=\"priceListCodeData\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printPriceSticker.priceListCode\"\n                    [collection]=\"priceListCodeData\"\n                    [fields]=\"priceListDataField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div *ngIf=\"showPrintStockStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printSticker.reportId\"\n                    [collection]=\"printTemplates\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                    <div class=\"printer-details\" *ngIf=\"printerList\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"defaultPrinter.acceptingJobs\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"stockService.printSticker.amount\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"onPrinterClicked(printers)\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"printers.acceptingJobs\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog-wizard>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":165,"character":17},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":167,"character":4},"arguments":["slideInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":168,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":168,"character":17},"arguments":[{"transform":"translateX(0%)","width":"100%","opacity":"1"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":169,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":169,"character":20},"arguments":[{"transform":"translateX(150%)","opacity":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":170,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":170,"character":30},"arguments":[250]}]}]]}]}]}],"members":{"showEmailOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}}]}],"showPrintOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3}}]}],"showPdfOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":3}}]}],"showXmlOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}}]}],"showPrintPriceStickers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"showPrintStockStickers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"priceListCodeData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"showDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":3}}]}],"headerTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":234,"character":3}}]}],"printerList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3}}]}],"articleData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":3}}]}],"startSignatureClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":246,"character":3}}]}],"printButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":249,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":252,"character":3},"arguments":["class.ione-send-method-dialog"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":264,"character":29}]}],"ngOnDestroy":[{"__symbolic":"method"}],"getPrinters":[{"__symbolic":"method"}],"closeDialogClick":[{"__symbolic":"method"}],"handleSignatureStart":[{"__symbolic":"method"}],"handlePrintClicked":[{"__symbolic":"method"}],"togglePrinterSelection":[{"__symbolic":"method"}],"onPrinterClicked":[{"__symbolic":"method"}],"getPrintTemplates":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}]}},"SendMethodDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SendMethodDialogComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":17,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogWizardModule","line":22,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"SendMethodDialogComponent"}],"providers":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"KeyPadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-key-pad","template":"\n    <div class=\"key-pad-wrapper\">\n      <div class=\"key-pad-model-wrapper\" *ngIf=\"showValue\">\n        <div class=\"key-pad-model\" [textContent]=\"internalModel\" [class.negative]=\"isNegative\"></div>\n      </div>\n      <div class=\"key-pad-button-wrapper\">\n        <div class=\"key-pad-button button-7\" [textContent]=\"'7'\" (click)=\"handleButtonClick('7')\"></div>\n        <div class=\"key-pad-button button-8\" [textContent]=\"'8'\" (click)=\"handleButtonClick('8')\"></div>\n        <div class=\"key-pad-button button-9\" [textContent]=\"'9'\" (click)=\"handleButtonClick('9')\"></div>\n        <div class=\"key-pad-button button-bs\" (click)=\"handleBsClick($event)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.DeleteLeftRegular)\"></co-icon>\n        </div>\n        <div class=\"key-pad-button button-4\" [textContent]=\"'4'\" (click)=\"handleButtonClick('4')\"></div>\n        <div class=\"key-pad-button button-5\" [textContent]=\"'5'\" (click)=\"handleButtonClick('5')\"></div>\n        <div class=\"key-pad-button button-6\" [textContent]=\"'6'\" (click)=\"handleButtonClick('6')\"></div>\n        <div class=\"key-pad-button button-minus\" [textContent]=\"'-'\" (click)=\"handleMinusClick($event)\"></div>\n        <div class=\"key-pad-button button-1\" [textContent]=\"'1'\" (click)=\"handleButtonClick('1')\"></div>\n        <div class=\"key-pad-button button-2\" [textContent]=\"'2'\" (click)=\"handleButtonClick('2')\"></div>\n        <div class=\"key-pad-button button-3\" [textContent]=\"'3'\" (click)=\"handleButtonClick('3')\"></div>\n        <div class=\"key-pad-button button-enter\" (click)=\"handleEnterClick($event)\">\n          <span [textContent]=\"'enter'\"></span>\n        </div>\n        <div class=\"key-pad-button button-0\" [textContent]=\"'0'\" (click)=\"handleButtonClick('0')\"></div>\n        <div class=\"key-pad-button button-dot\" [textContent]=\"'.'\" (click)=\"handleButtonClick('.')\"></div>\n      </div>\n    </div>\n    ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":34,"character":17},"member":"None"}}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"showValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"emitModelChangeOnEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"internalModelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"enterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["class.co-key-pad"]}]}],"handleKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":69,"character":3},"arguments":["window:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"handleMinusClick":[{"__symbolic":"method"}],"handleClearClick":[{"__symbolic":"method"}],"handleBsClick":[{"__symbolic":"method"}],"handleButtonClick":[{"__symbolic":"method"}],"handleEnterClick":[{"__symbolic":"method"}],"_updateModel":[{"__symbolic":"method"}],"_keyDown":[{"__symbolic":"method"}],"_isEnter":[{"__symbolic":"method"}],"_isMinus":[{"__symbolic":"method"}],"_isEscape":[{"__symbolic":"method"}],"_isBackspace":[{"__symbolic":"method"}],"_emitModelChange":[{"__symbolic":"method"}]}},"KeyPadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"KeyPadComponent"}],"exports":[{"__symbolic":"reference","name":"KeyPadComponent"}]}]}],"members":{}},"LayoutSwitcherComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"layout-switcher","template":"\n    <div class=\"mask-wrapper\" [class.mask-wrapper-active]='showMaskSidebar' @showHideSidebar>\n      <div class=\"icon-wrapper\" (click)=\"toggleMaskSidebar()\">\n        <co-icon class=\"icon-mask\" [iconData]=\"iconCacheService.getIcon(icon.BringForwardRegular)\" [@positionIcon]=\"showMaskSidebar\"></co-icon>\n\n        <co-icon class='icon-mask-sidebar-handle' [@positionHandle]='showMaskSidebar' [iconData]=\"showMaskSidebar ? iconCacheService.getIcon(this.icon.AngleLeftSolid) : iconCacheService.getIcon(this.icon.AngleRightSolid)\"></co-icon>\n      </div>\n\n      <div class=\"mask-content\" *ngIf=\"showMaskSidebar\" @showHideSidebar>\n        <span *ngFor='let item of this.layoutItems' [class.active]=\"this.activeIndex === this.layoutItems.indexOf(item)\" [textContent]=\"item\" (click)='activeIndex = this.layoutItems.indexOf(item)' ></span>\n      </div>\n    </div>\n\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":23,"character":4},"arguments":["showHideSidebar",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":20},"arguments":[{"width":"0","$quoted$":["width"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":25,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":17},"arguments":[{"width":"*","$quoted$":["width"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":26,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":26,"character":31},"arguments":[200]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":28,"character":4},"arguments":["positionIcon",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":29,"character":6},"arguments":["true",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":20},"arguments":[{"left":"70px","$quoted$":["left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":30,"character":6},"arguments":["false",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":21},"arguments":[{"left":"10px","$quoted$":["left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":31,"character":6},"arguments":["true <=> false",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":35},"arguments":[200]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":33,"character":4},"arguments":["positionHandle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":34,"character":6},"arguments":["true",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":20},"arguments":[{"left":"15px","$quoted$":["left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":6},"arguments":["false",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":21},"arguments":[{"left":"75px","$quoted$":["left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":6},"arguments":["true <=> false",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":35},"arguments":[200]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":3},"arguments":["class.layout-switcher"]}]}],"layoutItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"layoutSwitchEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"toggleMaskSidebar":[{"__symbolic":"method"}]}},"LayoutSwitcherModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"LayoutSwitcherComponent"}],"exports":[{"__symbolic":"reference","name":"LayoutSwitcherComponent"}]}]}],"members":{}},"CoCircularGaugeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"co-circular-gauge","template":"\n    <div class=\"circular-gauge-wrapper\">\n      <ejs-circulargauge\n        class=\"circular-gauge\"\n        [width]=\"'100%'\"\n        [axes]=\"getAxes()\">\n      </ejs-circulargauge>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"circulargauge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["circulargauge"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":3},"arguments":["class.co-circular-gauge"]}]}],"getAxes":[{"__symbolic":"method"}],"getPointers":[{"__symbolic":"method"}],"getAnnotations":[{"__symbolic":"method"}],"_setColor":[{"__symbolic":"method"}]}},"CoCircularGaugeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-circulargauge","name":"CircularGaugeModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"CoCircularGaugeComponent"}],"exports":[{"__symbolic":"reference","name":"CoCircularGaugeComponent"}]}]}],"members":{}},"CoLinearGaugeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-linear-gauge","template":"\n    <div class=\"linear-gauge\"\n         [style.background]=\"getStyle()\"\n         [style.border-color]=\"color\"\n         [textContent]=\"count ? count : ''\"\n    ></div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.co-linear-gauge"]}]}],"getStyle":[{"__symbolic":"method"}],"_setColor":[{"__symbolic":"method"}]}},"CoLinearGaugeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"CoLinearGaugeComponent"}],"exports":[{"__symbolic":"reference","name":"CoLinearGaugeComponent"}]}]}],"members":{}},"StatusbarData":{"__symbolic":"interface"},"StatusbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"co-statusbar","template":"\n    <div class=\"co-statusbar-wrapper\"\n         *ngIf=\"statusbarData\"\n         (mouseover)=\"onHover($event)\"\n         (mouseleave)=\"onLeave()\"\n         (click)=\"onStatusbarClick()\">\n      <div class=\"statuses\">\n        <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n          <co-linear-gauge [value]=\"data.percentage\" [count]=\"!!data.count ? data.count : undefined\"></co-linear-gauge>\n        </div>\n      </div>\n      <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n        <div class=\"status-descriptions\">\n          <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n            <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n            <span [textContent]=\"data.label\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":33,"character":4},"arguments":["showHidePopup",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":34,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":20},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":17},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":31},"arguments":["250ms ease-in-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"statusbarData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"statusbarClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["class.co-statusbar"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onHover":[{"__symbolic":"method"}],"onLeave":[{"__symbolic":"method"}],"onStatusbarClick":[{"__symbolic":"method"}],"setPopupClass":[{"__symbolic":"method"}]}},"StatusbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"CoCircularGaugeModule"},{"__symbolic":"reference","name":"CoLinearGaugeModule"}],"declarations":[{"__symbolic":"reference","name":"StatusbarComponent"}],"exports":[{"__symbolic":"reference","name":"StatusbarComponent"}]}]}],"members":{}},"SharedService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"}]}],"init":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ione-signature","template":"\n    <div class=\"signature-wrapper\">\n      <div class=\"signature-header\">\n        <span *ngIf=\"title\" class=\"title\" [textContent]=\"title\"></span>\n        <div class=\"button-wrapper\">\n          <input type=\"button\" (click)=\"handleSave($event)\" [value]=\"saveButtonLabel\"/>\n          <input type=\"button\" (click)=\"handleClear($event)\" [value]=\"clearButtonLabel\">\n        </div>\n      </div>\n      <div class=\"canvas\">\n        <canvas #signature></canvas>\n      </div>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["signature",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":33}}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"saveButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"clearButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"save":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class.ione-signature"]}]}],"handleSave":[{"__symbolic":"method"}],"handleClear":[{"__symbolic":"method"}],"_initCanvas":[{"__symbolic":"method"}],"_resizeSignatureCanvas":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ione-signatures","template":"\n    <ione-signature *ngIf=\"showFirstSignature\"\n                    [title]=\"firstSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveFirstSignature.emit($event)\"></ione-signature>\n    <ione-signature *ngIf=\"showSecondSignature\"\n                    [title]=\"secondSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveSecondSignature.emit($event)\"></ione-signature>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"}}]}],"members":{"showFirstSignature":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"firstSignatureTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"showSecondSignature":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"secondSignatureTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"saveButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"clearButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"saveFirstSignature":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"saveSecondSignature":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":3},"arguments":["class.ione-signatures"]}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"getPrintStockStickers":[{"__symbolic":"method"}],"getPrintPriceStickers":[{"__symbolic":"method"}],"getAllPrinters":[{"__symbolic":"method"}],"getStockHistory":[{"__symbolic":"method"}],"getStockInformation":[{"__symbolic":"method"}],"getArticleDetails":[{"__symbolic":"method"}],"updateArticleDetails":[{"__symbolic":"method"}],"getStockState":[{"__symbolic":"method"}],"getStockStickerTemplates":[{"__symbolic":"method"}],"getStockManagementWarehouses":[{"__symbolic":"method"}],"getStockManagementLocations":[{"__symbolic":"method"}],"getArticleTransaction":[{"__symbolic":"method"}],"lockArticleDetails":[{"__symbolic":"method"}],"commit":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":25,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"connect":[{"__symbolic":"method"}],"getAllPrinters":[{"__symbolic":"method"}],"getPrintStockStickers":[{"__symbolic":"method"}],"getPrintPriceStickers":[{"__symbolic":"method"}],"getArticleFullObject":[{"__symbolic":"method"}],"getStockHistory":[{"__symbolic":"method"}],"getStockInformation":[{"__symbolic":"method"}],"getStockManagementWarehouses":[{"__symbolic":"method"}],"getStockManagementLocations":[{"__symbolic":"method"}],"getArticleDetails":[{"__symbolic":"method"}],"updateArticleDetails":[{"__symbolic":"method"}],"lockArticleDetails":[{"__symbolic":"method"}],"getStockStatus":[{"__symbolic":"method"}],"getStockStickerTemplates":[{"__symbolic":"method"}],"getArticleTransaction":[{"__symbolic":"method"}],"commit":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"createSettingsFromObject":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDictionary":[{"__symbolic":"method"}],"_loadDictionary":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":20,"character":24}]}],"getIcon":[{"__symbolic":"method"}],"getIconAsBase64":[{"__symbolic":"method"}],"getRawIcon":[{"__symbolic":"method"}],"setIconCache":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-stock-information","template":"\n      <div class=\"stock-info\" *ngIf=\"article\">\n        <div class=\"stock-info-row\" >\n          <div class=\"stock-info-row-image\">\n            <div class=\"stock-image\">\n              <co-image class=\"stock-image\" [source]=\"article.imageData\"></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"article.description\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"article.articleNumber\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK_STATUS'\"></label>\n          <span [textContent]=\"article.stockStatus\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_IN_STOCK'\"></label>\n          <span [textContent]=\"allTechnicalStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_AVAILABLE'\"></label>\n          <span [textContent]=\"allAvailableStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_LATER_AVAILABLE'\"></label>\n          <span [textContent]=\"\"></span>\n        </div>\n      </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":41,"character":17},"member":"None"}}]}],"members":{"article":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"articleStock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"allAvailableStockInformation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"allTechnicalStockInformation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"co-stock-information-grid","template":"\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n                      class=\"simple-grid\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      (addRow)=\"addNewRow()\"\n                      [inlineEdit]=\"true\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n          <ng-template #template let-row=\"row\">\n            <co-input-number-picker (keyup.enter)=\"openDialogClick(row)\" [(model)]=\"row['amountInStock']\">\n\n            </co-input-number-picker>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'amountInStockFree'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <ione-send-method-dialog\n      *ngIf=\"showSendMethodDialog\"\n      [showDialog]=\"showSendMethodDialog\"\n      (printButtonClicked)=\"printStockStickers()\"\n    ></ione-send-method-dialog>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":202,"character":17},"member":"None"}}]}],"members":{"stock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":208,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵi"}]}]}],"articleStockInformation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":3}}]}],"stockLocationData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3}}]}],"stockHistoryInformation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3}}]}],"transferIconClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":220,"character":3}}]}],"historyClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":223,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵc"}]}],"handleTabClick":[{"__symbolic":"method"}],"onLocationClick":[{"__symbolic":"method"}],"handleHistoryClick":[{"__symbolic":"method"}],"backToStockInformation":[{"__symbolic":"method"}],"handleStockTransferClick":[{"__symbolic":"method"}],"handleBackToStockClick":[{"__symbolic":"method"}],"openSendMethodDialog":[{"__symbolic":"method"}],"printStockStickers":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"openDialogClick":[{"__symbolic":"method"}],"getArticleDetails":[{"__symbolic":"method"}],"getStockManagementWarehouses":[{"__symbolic":"method"}],"onSelectWarehouse":[{"__symbolic":"method"}],"getInOrderData":[{"__symbolic":"method"}],"getOrderData":[{"__symbolic":"method"}],"addNewRow":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-stock-location","template":"\n    <div class=\"stock-location-wrapper\">\n      <div class=\"buttons-wrapper\">\n        <div class=\"stock-button-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n        </div>\n        <div class=\"dropdown-wrapper\">\n          <co-drop-down-list\n            [collection]=\"allWarehouses\"\n            [placeholder]=\"'WAREHOUSES'\"\n            (modelChange)=\"onSelectWarehouse($event)\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n      <div class=\"stock-grid\">\n\n      </div>\n      <div class=\"button-wrapper\">\n        <div class=\"button-left\">\n          <co-button (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":35,"character":17},"member":"None"}}]}],"members":{"stockLocationInformation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"backToStockLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"backToStockInformation":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"onSelectWarehouse":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-stock-transfer","template":"\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.batch\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.serial\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal'\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus'\"\n                               [(model)]=\"articleToTransfer.stockStateId\">\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Omschrijving'\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":69,"character":17},"member":"None"}}]}],"members":{"stockSticker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"article":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"articleToTransfer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"articleWarehouse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"allWarehouses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"handleCancelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"handleStickerClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleOkClick":[{"__symbolic":"method"}],"handleCancelClick":[{"__symbolic":"method"}],"handleSelectedWarehouse":[{"__symbolic":"method"}],"handleStickerClick":[{"__symbolic":"method"}],"getStockManagementWarehouses":[{"__symbolic":"method"}],"getStockManagementLocations":[{"__symbolic":"method"}],"getStockState":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-stock-change-amount","template":"\n      <div class=\"stock-transfer\">\n        <co-dialog-wizard [showCloseIcon]=\"true\" (closeClick)=\"closeDialogClick()\">\n          <ng-container header>\n            <span [textContent]=\"'STOCK_CHANGE_REASON'\"></span>\n          </ng-container>\n          <div class=\"popup-wrapper\">\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'STOCK_STATE'\"\n                               [(model)]=\"selectedArticleDetailsData.stockStateId\"\n            ></co-drop-down-list>\n\n            <co-input-textarea [(model)]=\"selectedArticleDetailsData.stockStateRemark\"\n\n            ></co-input-textarea>\n            <div class=\"ok-cancel-buttons\">\n              <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(selectedArticleDetailsData)\"></co-button>\n              <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n            </div>\n          </div>\n        </co-dialog-wizard>\n      </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":32,"character":17},"member":"None"}}]}],"members":{"selectedArticleDetailsData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"closeStockChangeAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"closeDialogClick":[{"__symbolic":"method"}],"handleOkClick":[{"__symbolic":"method"}],"handleCancelClick":[{"__symbolic":"method"}],"getStockState":[{"__symbolic":"method"}]}}},"origins":{"TextDimension":"./lib/components/docsign/docsign.component","DocsignComponent":"./lib/components/docsign/docsign.component","DocsignModule":"./lib/components/docsign/docsign.module","StockComponent":"./lib/components/stock/stock.component","StockModule":"./lib/components/stock/stock.module","SendMethodDialogComponent":"./lib/components/send-method-dialog/send-method-dialog.component","SendMethodDialogModule":"./lib/components/send-method-dialog/send-method-dialog.module","KeyPadComponent":"./lib/components/key-pad/key-pad.component","KeyPadModule":"./lib/components/key-pad/key-pad.module","LayoutSwitcherComponent":"./lib/components/layout-switcher/layout-switcher.component","LayoutSwitcherModule":"./lib/components/layout-switcher/layout-switcher.module","CoCircularGaugeComponent":"./lib/components/circular-gauge/co-circular-gauge.component","CoCircularGaugeModule":"./lib/components/circular-gauge/co-circular-gauge.module","CoLinearGaugeComponent":"./lib/components/linear-gauge/co-linear-gauge.component","CoLinearGaugeModule":"./lib/components/linear-gauge/co-linear-gauge.module","StatusbarData":"./lib/components/statusbar/statusbar.component","StatusbarComponent":"./lib/components/statusbar/statusbar.component","StatusbarModule":"./lib/components/statusbar/statusbar.module","SharedService":"./lib/service/shared.service","ɵa":"./lib/components/docsign/component/signature/signature.component","ɵb":"./lib/components/docsign/component/signatures/signatures.component","ɵc":"./lib/service/stock.service","ɵd":"./lib/service/shared-connector.service","ɵe":"./lib/service/options.service","ɵf":"./lib/service/dictionary.service","ɵg":"./lib/service/icon-cache.service","ɵh":"./lib/components/stock/stock-information/stock-information.component","ɵi":"./lib/components/stock/stock-information-grid/stock-information-grid.component","ɵj":"./lib/components/stock/stock-location/stock-location.component","ɵk":"./lib/components/stock/stock-transfer/stock-transfer.component","ɵl":"./lib/components/stock/stock-transfer/stock-change-amount.component"},"importAs":"@colijnit/sharedcomponents"}

package/esm2015/colijnit-sharedcomponents.js

@@ -0,0 +1,17 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { SignatureComponent as ɵa } from './lib/components/docsign/component/signature/signature.component';
+export { SignaturesComponent as ɵb } from './lib/components/docsign/component/signatures/signatures.component';
+export { StockInformationGridComponent as ɵi } from './lib/components/stock/stock-information-grid/stock-information-grid.component';
+export { StockInformationComponent as ɵh } from './lib/components/stock/stock-information/stock-information.component';
+export { StockLocationComponent as ɵj } from './lib/components/stock/stock-location/stock-location.component';
+export { StockChangeAmountComponent as ɵl } from './lib/components/stock/stock-transfer/stock-change-amount.component';
+export { StockTransferComponent as ɵk } from './lib/components/stock/stock-transfer/stock-transfer.component';
+export { DictionaryService as ɵf } from './lib/service/dictionary.service';
+export { IconCacheService as ɵg } from './lib/service/icon-cache.service';
+export { OptionsService as ɵe } from './lib/service/options.service';
+export { SharedConnectorService as ɵd } from './lib/service/shared-connector.service';
+export { StockService as ɵc } from './lib/service/stock.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29saWpuaXQtc2hhcmVkY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZGNvbXBvbmVudHMvc3JjL2NvbGlqbml0LXNoYXJlZGNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQztBQUU3QixPQUFPLEVBQUMsa0JBQWtCLElBQUksRUFBRSxFQUFDLE1BQU0sa0VBQWtFLENBQUM7QUFDMUcsT0FBTyxFQUFDLG1CQUFtQixJQUFJLEVBQUUsRUFBQyxNQUFNLG9FQUFvRSxDQUFDO0FBQzdHLE9BQU8sRUFBQyw2QkFBNkIsSUFBSSxFQUFFLEVBQUMsTUFBTSxnRkFBZ0YsQ0FBQztBQUNuSSxPQUFPLEVBQUMseUJBQXlCLElBQUksRUFBRSxFQUFDLE1BQU0sc0VBQXNFLENBQUM7QUFDckgsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLGdFQUFnRSxDQUFDO0FBQzVHLE9BQU8sRUFBQywwQkFBMEIsSUFBSSxFQUFFLEVBQUMsTUFBTSxxRUFBcUUsQ0FBQztBQUNySCxPQUFPLEVBQUMsc0JBQXNCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0VBQWdFLENBQUM7QUFDNUcsT0FBTyxFQUFDLGlCQUFpQixJQUFJLEVBQUUsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUMsY0FBYyxJQUFJLEVBQUUsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ25FLE9BQU8sRUFBQyxzQkFBc0IsSUFBSSxFQUFFLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQztBQUNwRixPQUFPLEVBQUMsWUFBWSxJQUFJLEVBQUUsRUFBQyxNQUFNLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge1NpZ25hdHVyZUNvbXBvbmVudCBhcyDJtWF9IGZyb20gJy4vbGliL2NvbXBvbmVudHMvZG9jc2lnbi9jb21wb25lbnQvc2lnbmF0dXJlL3NpZ25hdHVyZS5jb21wb25lbnQnO1xuZXhwb3J0IHtTaWduYXR1cmVzQ29tcG9uZW50IGFzIMm1Yn0gZnJvbSAnLi9saWIvY29tcG9uZW50cy9kb2NzaWduL2NvbXBvbmVudC9zaWduYXR1cmVzL3NpZ25hdHVyZXMuY29tcG9uZW50JztcbmV4cG9ydCB7U3RvY2tJbmZvcm1hdGlvbkdyaWRDb21wb25lbnQgYXMgybVpfSBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N0b2NrL3N0b2NrLWluZm9ybWF0aW9uLWdyaWQvc3RvY2staW5mb3JtYXRpb24tZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0IHtTdG9ja0luZm9ybWF0aW9uQ29tcG9uZW50IGFzIMm1aH0gZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdG9jay9zdG9jay1pbmZvcm1hdGlvbi9zdG9jay1pbmZvcm1hdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtTdG9ja0xvY2F0aW9uQ29tcG9uZW50IGFzIMm1an0gZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdG9jay9zdG9jay1sb2NhdGlvbi9zdG9jay1sb2NhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtTdG9ja0NoYW5nZUFtb3VudENvbXBvbmVudCBhcyDJtWx9IGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3RvY2svc3RvY2stdHJhbnNmZXIvc3RvY2stY2hhbmdlLWFtb3VudC5jb21wb25lbnQnO1xuZXhwb3J0IHtTdG9ja1RyYW5zZmVyQ29tcG9uZW50IGFzIMm1a30gZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdG9jay9zdG9jay10cmFuc2Zlci9zdG9jay10cmFuc2Zlci5jb21wb25lbnQnO1xuZXhwb3J0IHtEaWN0aW9uYXJ5U2VydmljZSBhcyDJtWZ9IGZyb20gJy4vbGliL3NlcnZpY2UvZGljdGlvbmFyeS5zZXJ2aWNlJztcbmV4cG9ydCB7SWNvbkNhY2hlU2VydmljZSBhcyDJtWd9IGZyb20gJy4vbGliL3NlcnZpY2UvaWNvbi1jYWNoZS5zZXJ2aWNlJztcbmV4cG9ydCB7T3B0aW9uc1NlcnZpY2UgYXMgybVlfSBmcm9tICcuL2xpYi9zZXJ2aWNlL29wdGlvbnMuc2VydmljZSc7XG5leHBvcnQge1NoYXJlZENvbm5lY3RvclNlcnZpY2UgYXMgybVkfSBmcm9tICcuL2xpYi9zZXJ2aWNlL3NoYXJlZC1jb25uZWN0b3Iuc2VydmljZSc7XG5leHBvcnQge1N0b2NrU2VydmljZSBhcyDJtWN9IGZyb20gJy4vbGliL3NlcnZpY2Uvc3RvY2suc2VydmljZSc7Il19

package/esm2015/lib/assets/dictionary/text.properties.js

@@ -0,0 +1,11 @@
+export class Dictionary {
+    constructor() {
+        this.strings = {
+            "nl": {},
+            "de": {},
+            "fr": {},
+            "en": {},
+        };
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5wcm9wZXJ0aWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkY29tcG9uZW50cy9zcmMvbGliL2Fzc2V0cy9kaWN0aW9uYXJ5L3RleHQucHJvcGVydGllcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sVUFBVTtJQUF2QjtRQUNTLFlBQU8sR0FBTztZQUNuQixJQUFJLEVBQUUsRUFBRTtZQUNSLElBQUksRUFBRSxFQUFFO1lBQ1IsSUFBSSxFQUFFLEVBQUU7WUFDUixJQUFJLEVBQUUsRUFBRTtTQUNULENBQUM7SUFDSixDQUFDO0NBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgRGljdGlvbmFyeSB7XHJcbiAgcHVibGljIHN0cmluZ3M6IHt9ID0ge1xyXG4gICAgXCJubFwiOiB7fSxcclxuICAgIFwiZGVcIjoge30sXHJcbiAgICBcImZyXCI6IHt9LFxyXG4gICAgXCJlblwiOiB7fSxcclxuICB9O1xyXG59XHJcbiJdfQ==

package/esm2015/lib/components/circular-gauge/co-circular-gauge.component.js

@@ -0,0 +1,124 @@
+import { Component, HostBinding, Input, ViewChild, ViewEncapsulation } from "@angular/core";
+var GaugeColor;
+(function (GaugeColor) {
+    GaugeColor["Low"] = "#E0E0E0";
+    GaugeColor["Medium"] = "#F88952";
+    GaugeColor["High"] = "#5FDCB3";
+})(GaugeColor || (GaugeColor = {}));
+export class CoCircularGaugeComponent {
+    constructor() {
+        this._color = GaugeColor.Low;
+        this.majorTicks = {
+            height: 0,
+        };
+        this.minorTicks = {
+            height: 0
+        };
+        this.labelStyle = {
+            position: 'Inside', useRangeColor: true,
+            font: { size: '0px', fontFamily: 'inherit' }
+        };
+        this.lineStyle = {
+            width: 0
+        };
+        this.ranges = [
+            {
+                start: 1, end: 100,
+                radius: '13px',
+                startWidth: 3, endWidth: 3,
+                color: '#E0E0E0',
+                roundedCornerRadius: 0
+            },
+        ];
+    }
+    set value(value) {
+        this._value = value;
+        this._setColor();
+    }
+    get value() {
+        return this._value;
+    }
+    get color() {
+        return this._color;
+    }
+    showClass() {
+        return true;
+    }
+    getAxes() {
+        return [{
+                minimum: 0,
+                maximum: 100,
+                radius: '15px',
+                startAngle: 1,
+                endAngle: 360,
+                majorTicks: this.majorTicks,
+                minorTicks: this.minorTicks,
+                labelStyle: this.labelStyle,
+                lineStyle: this.lineStyle,
+                ranges: this.ranges,
+                pointers: this.getPointers(),
+                annotations: this.getAnnotations(),
+            }];
+    }
+    getPointers() {
+        if (this.value) {
+            return [{
+                    roundedCornerRadius: 0,
+                    value: this.value,
+                    type: 'RangeBar',
+                    radius: '13px',
+                    color: this.color,
+                    border: {
+                        width: 0
+                    },
+                    animation: {
+                        enable: false
+                    },
+                    pointerWidth: 3
+                }];
+        }
+    }
+    ;
+    getAnnotations() {
+        if (this.value !== undefined) {
+            const label = this.value ? this.value + "%" : "0%";
+            return [{
+                    content: '<div class="annotation" style="width:20px;height:20px;">' +
+                        '<div class="annotation-label">' + label + '</div></div>',
+                    zIndex: '10',
+                }];
+        }
+    }
+    _setColor() {
+        if (this.value == 0) {
+            this._color = GaugeColor.Low;
+        }
+        else if (this.value >= 0 && this.value < 100) {
+            this._color = GaugeColor.Medium;
+        }
+        else if (this.value == 100) {
+            this._color = GaugeColor.High;
+        }
+    }
+}
+CoCircularGaugeComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-circular-gauge",
+                template: `
+    <div class="circular-gauge-wrapper">
+      <ejs-circulargauge
+        class="circular-gauge"
+        [width]="'100%'"
+        [axes]="getAxes()">
+      </ejs-circulargauge>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+CoCircularGaugeComponent.propDecorators = {
+    circulargauge: [{ type: ViewChild, args: ['circulargauge',] }],
+    value: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-circular-gauge",] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tY2lyY3VsYXItZ2F1Z2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2lyY3VsYXItZ2F1Z2UvY28tY2lyY3VsYXItZ2F1Z2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPNUYsSUFBSyxVQUlKO0FBSkQsV0FBSyxVQUFVO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLGdDQUFrQixDQUFBO0lBQ2xCLDhCQUFnQixDQUFBO0FBQ2xCLENBQUMsRUFKSSxVQUFVLEtBQVYsVUFBVSxRQUlkO0FBZUQsTUFBTSxPQUFPLHdCQUF3QjtJQWJyQztRQXNDVSxXQUFNLEdBQWUsVUFBVSxDQUFDLEdBQUcsQ0FBQztRQUVyQyxlQUFVLEdBQVc7WUFDMUIsTUFBTSxFQUFFLENBQUM7U0FDVixDQUFDO1FBRUssZUFBVSxHQUFXO1lBQzFCLE1BQU0sRUFBRSxDQUFDO1NBQ1YsQ0FBQztRQUVLLGVBQVUsR0FBVztZQUMxQixRQUFRLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxJQUFJO1lBQ3ZDLElBQUksRUFBRSxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBQztTQUMzQyxDQUFDO1FBRUssY0FBUyxHQUFXO1lBQ3pCLEtBQUssRUFBRSxDQUFDO1NBQ1QsQ0FBQztRQUVLLFdBQU0sR0FBYTtZQUN4QjtnQkFDRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHO2dCQUNsQixNQUFNLEVBQUUsTUFBTTtnQkFDZCxVQUFVLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDO2dCQUMxQixLQUFLLEVBQUUsU0FBUztnQkFDaEIsbUJBQW1CLEVBQUUsQ0FBQzthQUN2QjtTQUNGLENBQUM7SUE0REosQ0FBQztJQTNHQyxJQUNXLEtBQUssQ0FBQyxLQUFhO1FBQzVCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUdNLFNBQVM7UUFDZCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFnQ00sT0FBTztRQUNaLE9BQU8sQ0FBQztnQkFDTixPQUFPLEVBQUUsQ0FBQztnQkFDVixPQUFPLEVBQUUsR0FBRztnQkFDWixNQUFNLEVBQUUsTUFBTTtnQkFDZCxVQUFVLEVBQUUsQ0FBQztnQkFDYixRQUFRLEVBQUUsR0FBRztnQkFDYixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7Z0JBQzNCLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtnQkFDM0IsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO2dCQUMzQixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7Z0JBQ3pCLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtnQkFDbkIsUUFBUSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQzVCLFdBQVcsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFO2FBQ25DLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUVkLE9BQU8sQ0FBQztvQkFDTixtQkFBbUIsRUFBRSxDQUFDO29CQUN0QixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7b0JBQ2pCLElBQUksRUFBRSxVQUFVO29CQUNoQixNQUFNLEVBQUUsTUFBTTtvQkFDZCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7b0JBQ2pCLE1BQU0sRUFBRTt3QkFDTixLQUFLLEVBQUUsQ0FBQztxQkFDVDtvQkFDRCxTQUFTLEVBQUU7d0JBQ1QsTUFBTSxFQUFFLEtBQUs7cUJBQ2Q7b0JBQ0QsWUFBWSxFQUFFLENBQUM7aUJBQ2hCLENBQUMsQ0FBQTtTQUNIO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFFSyxjQUFjO1FBQ25CLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDNUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUVuRCxPQUFPLENBQUM7b0JBQ04sT0FBTyxFQUFFLDBEQUEwRDt3QkFDakUsZ0NBQWdDLEdBQUcsS0FBSyxHQUFHLGNBQWM7b0JBQzNELE1BQU0sRUFBRSxJQUFJO2lCQUNiLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVPLFNBQVM7UUFDZixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFDLEdBQUcsQ0FBQztTQUM5QjthQUFNLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLEVBQUU7WUFDOUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1NBQ2pDO2FBQU0sSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLEdBQUcsRUFBRTtZQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUM7U0FDL0I7SUFDSCxDQUFDOzs7WUE1SEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLFFBQVEsRUFBRTs7Ozs7Ozs7R0FRVDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7OzRCQUdFLFNBQVMsU0FBQyxlQUFlO29CQUd6QixLQUFLO3dCQWNMLFdBQVcsU0FBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7XHJcbiAgQXhpc01vZGVsLFxyXG4gIENpcmN1bGFyR2F1Z2VDb21wb25lbnQsXHJcbn0gZnJvbSBcIkBzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWNpcmN1bGFyZ2F1Z2VcIjtcclxuaW1wb3J0IHsgQW5ub3RhdGlvbk1vZGVsIH0gZnJvbSBcIkBzeW5jZnVzaW9uL2VqMi1jaXJjdWxhcmdhdWdlL3NyYy9jaXJjdWxhci1nYXVnZS9heGVzL2F4aXMtbW9kZWxcIjtcclxuXHJcbmVudW0gR2F1Z2VDb2xvciB7XHJcbiAgTG93ID0gJyNFMEUwRTAnLFxyXG4gIE1lZGl1bSA9ICcjRjg4OTUyJyxcclxuICBIaWdoID0gJyM1RkRDQjMnLFxyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJjby1jaXJjdWxhci1nYXVnZVwiLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY2lyY3VsYXItZ2F1Z2Utd3JhcHBlclwiPlxyXG4gICAgICA8ZWpzLWNpcmN1bGFyZ2F1Z2VcclxuICAgICAgICBjbGFzcz1cImNpcmN1bGFyLWdhdWdlXCJcclxuICAgICAgICBbd2lkdGhdPVwiJzEwMCUnXCJcclxuICAgICAgICBbYXhlc109XCJnZXRBeGVzKClcIj5cclxuICAgICAgPC9lanMtY2lyY3VsYXJnYXVnZT5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29DaXJjdWxhckdhdWdlQ29tcG9uZW50IHtcclxuXHJcbiAgQFZpZXdDaGlsZCgnY2lyY3VsYXJnYXVnZScpXHJcbiAgcHVibGljIGNpcmN1bGFyZ2F1Z2U6IENpcmN1bGFyR2F1Z2VDb21wb25lbnQ7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNldCB2YWx1ZSh2YWx1ZTogbnVtYmVyKSB7XHJcbiAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5fc2V0Q29sb3IoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgdmFsdWUoKTogbnVtYmVyIHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgY29sb3IoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9jb2xvcjtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmNvLWNpcmN1bGFyLWdhdWdlXCIpXHJcbiAgcHVibGljIHNob3dDbGFzcygpIHtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfdmFsdWU6IG51bWJlcjtcclxuICBwcml2YXRlIF9jb2xvcjogR2F1Z2VDb2xvciA9IEdhdWdlQ29sb3IuTG93O1xyXG5cclxuICBwdWJsaWMgbWFqb3JUaWNrczogT2JqZWN0ID0ge1xyXG4gICAgaGVpZ2h0OiAwLFxyXG4gIH07XHJcblxyXG4gIHB1YmxpYyBtaW5vclRpY2tzOiBPYmplY3QgPSB7XHJcbiAgICBoZWlnaHQ6IDBcclxuICB9O1xyXG5cclxuICBwdWJsaWMgbGFiZWxTdHlsZTogT2JqZWN0ID0ge1xyXG4gICAgcG9zaXRpb246ICdJbnNpZGUnLCB1c2VSYW5nZUNvbG9yOiB0cnVlLFxyXG4gICAgZm9udDoge3NpemU6ICcwcHgnLCBmb250RmFtaWx5OiAnaW5oZXJpdCd9XHJcbiAgfTtcclxuXHJcbiAgcHVibGljIGxpbmVTdHlsZTogT2JqZWN0ID0ge1xyXG4gICAgd2lkdGg6IDBcclxuICB9O1xyXG5cclxuICBwdWJsaWMgcmFuZ2VzOiBPYmplY3RbXSA9IFtcclxuICAgIHtcclxuICAgICAgc3RhcnQ6IDEsIGVuZDogMTAwLFxyXG4gICAgICByYWRpdXM6ICcxM3B4JyxcclxuICAgICAgc3RhcnRXaWR0aDogMywgZW5kV2lkdGg6IDMsXHJcbiAgICAgIGNvbG9yOiAnI0UwRTBFMCcsXHJcbiAgICAgIHJvdW5kZWRDb3JuZXJSYWRpdXM6IDBcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgcHVibGljIGdldEF4ZXMoKTogQXhpc01vZGVsW10ge1xyXG4gICAgcmV0dXJuIFt7XHJcbiAgICAgIG1pbmltdW06IDAsXHJcbiAgICAgIG1heGltdW06IDEwMCxcclxuICAgICAgcmFkaXVzOiAnMTVweCcsXHJcbiAgICAgIHN0YXJ0QW5nbGU6IDEsXHJcbiAgICAgIGVuZEFuZ2xlOiAzNjAsXHJcbiAgICAgIG1ham9yVGlja3M6IHRoaXMubWFqb3JUaWNrcyxcclxuICAgICAgbWlub3JUaWNrczogdGhpcy5taW5vclRpY2tzLFxyXG4gICAgICBsYWJlbFN0eWxlOiB0aGlzLmxhYmVsU3R5bGUsXHJcbiAgICAgIGxpbmVTdHlsZTogdGhpcy5saW5lU3R5bGUsXHJcbiAgICAgIHJhbmdlczogdGhpcy5yYW5nZXMsXHJcbiAgICAgIHBvaW50ZXJzOiB0aGlzLmdldFBvaW50ZXJzKCksXHJcbiAgICAgIGFubm90YXRpb25zOiB0aGlzLmdldEFubm90YXRpb25zKCksXHJcbiAgICB9XTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRQb2ludGVycygpOiBPYmplY3RbXSB7XHJcbiAgICBpZiAodGhpcy52YWx1ZSkge1xyXG5cclxuICAgICAgcmV0dXJuIFt7XHJcbiAgICAgICAgcm91bmRlZENvcm5lclJhZGl1czogMCxcclxuICAgICAgICB2YWx1ZTogdGhpcy52YWx1ZSxcclxuICAgICAgICB0eXBlOiAnUmFuZ2VCYXInLFxyXG4gICAgICAgIHJhZGl1czogJzEzcHgnLFxyXG4gICAgICAgIGNvbG9yOiB0aGlzLmNvbG9yLFxyXG4gICAgICAgIGJvcmRlcjoge1xyXG4gICAgICAgICAgd2lkdGg6IDBcclxuICAgICAgICB9LFxyXG4gICAgICAgIGFuaW1hdGlvbjoge1xyXG4gICAgICAgICAgZW5hYmxlOiBmYWxzZVxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgcG9pbnRlcldpZHRoOiAzXHJcbiAgICAgIH1dXHJcbiAgICB9XHJcbiAgfTtcclxuXHJcbiAgcHVibGljIGdldEFubm90YXRpb25zKCk6IEFubm90YXRpb25Nb2RlbFtdIHtcclxuICAgIGlmICh0aGlzLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgY29uc3QgbGFiZWwgPSB0aGlzLnZhbHVlID8gdGhpcy52YWx1ZSArIFwiJVwiIDogXCIwJVwiO1xyXG5cclxuICAgICAgcmV0dXJuIFt7XHJcbiAgICAgICAgY29udGVudDogJzxkaXYgY2xhc3M9XCJhbm5vdGF0aW9uXCIgc3R5bGU9XCJ3aWR0aDoyMHB4O2hlaWdodDoyMHB4O1wiPicgK1xyXG4gICAgICAgICAgJzxkaXYgY2xhc3M9XCJhbm5vdGF0aW9uLWxhYmVsXCI+JyArIGxhYmVsICsgJzwvZGl2PjwvZGl2PicsXHJcbiAgICAgICAgekluZGV4OiAnMTAnLFxyXG4gICAgICB9XTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgX3NldENvbG9yKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFsdWUgPT0gMCkge1xyXG4gICAgICB0aGlzLl9jb2xvciA9IEdhdWdlQ29sb3IuTG93O1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnZhbHVlID49IDAgJiYgdGhpcy52YWx1ZSA8IDEwMCkge1xyXG4gICAgICB0aGlzLl9jb2xvciA9IEdhdWdlQ29sb3IuTWVkaXVtO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnZhbHVlID09IDEwMCkge1xyXG4gICAgICB0aGlzLl9jb2xvciA9IEdhdWdlQ29sb3IuSGlnaDtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/circular-gauge/co-circular-gauge.module.js

@@ -0,0 +1,21 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { CircularGaugeModule } from "@syncfusion/ej2-angular-circulargauge";
+import { CoCircularGaugeComponent } from "./co-circular-gauge.component";
+export class CoCircularGaugeModule {
+}
+CoCircularGaugeModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CircularGaugeModule
+                ],
+                declarations: [
+                    CoCircularGaugeComponent
+                ],
+                exports: [
+                    CoCircularGaugeComponent
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tY2lyY3VsYXItZ2F1Z2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2lyY3VsYXItZ2F1Z2UvY28tY2lyY3VsYXItZ2F1Z2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzVFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBY3pFLE1BQU0sT0FBTyxxQkFBcUI7OztZQVpqQyxRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osbUJBQW1CO2lCQUNwQjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osd0JBQXdCO2lCQUN6QjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asd0JBQXdCO2lCQUN6QjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7IENpcmN1bGFyR2F1Z2VNb2R1bGUgfSBmcm9tIFwiQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItY2lyY3VsYXJnYXVnZVwiO1xyXG5pbXBvcnQgeyBDb0NpcmN1bGFyR2F1Z2VDb21wb25lbnQgfSBmcm9tIFwiLi9jby1jaXJjdWxhci1nYXVnZS5jb21wb25lbnRcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgQ2lyY3VsYXJHYXVnZU1vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDb0NpcmN1bGFyR2F1Z2VDb21wb25lbnRcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIENvQ2lyY3VsYXJHYXVnZUNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvQ2lyY3VsYXJHYXVnZU1vZHVsZSB7XHJcbn1cclxuIl19

package/esm2015/lib/components/docsign/component/signature/signature.component.js

@@ -0,0 +1,75 @@
+import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, ViewChild, ViewEncapsulation } from "@angular/core";
+import SignaturePad from "signature_pad";
+export class SignatureComponent {
+    constructor() {
+        this.saveButtonLabel = 'SAVE';
+        this.clearButtonLabel = 'CLEAR';
+        this.save = new EventEmitter();
+    }
+    set content(content) {
+        if (content) {
+            this.signatureCanvas = content;
+            this._initCanvas();
+        }
+    }
+    showClass() {
+        return true;
+    }
+    handleSave(event) {
+        // save canvas as svg
+        // const sig: string = this.signature.toDataURL("image/svg+xml");
+        const sig = this.signature.toDataURL("image/png");
+        // emit signature string
+        this.save.next(sig);
+    }
+    handleClear(event) {
+        if (this.signature) {
+            this.signature.clear();
+        }
+    }
+    _initCanvas() {
+        if (this.signatureCanvas && this.signatureCanvas.nativeElement) {
+            this.signature = new SignaturePad(this.signatureCanvas.nativeElement);
+            setTimeout(() => {
+                this._resizeSignatureCanvas(this.signature, this.signatureCanvas);
+            });
+        }
+    }
+    _resizeSignatureCanvas(signature, signatureCanvas) {
+        const imageBeforeResize = signature.toDataURL();
+        const ratio = Math.max(window.devicePixelRatio || 1, 1);
+        signatureCanvas.nativeElement.width = signatureCanvas.nativeElement.offsetWidth * ratio;
+        signatureCanvas.nativeElement.height = signatureCanvas.nativeElement.offsetHeight * ratio;
+        signatureCanvas.nativeElement.getContext("2d").scale(ratio, ratio);
+        signature.fromDataURL(imageBeforeResize);
+    }
+}
+SignatureComponent.decorators = [
+    { type: Component, args: [{
+                selector: "ione-signature",
+                template: `
+    <div class="signature-wrapper">
+      <div class="signature-header">
+        <span *ngIf="title" class="title" [textContent]="title"></span>
+        <div class="button-wrapper">
+          <input type="button" (click)="handleSave($event)" [value]="saveButtonLabel"/>
+          <input type="button" (click)="handleClear($event)" [value]="clearButtonLabel">
+        </div>
+      </div>
+      <div class="canvas">
+        <canvas #signature></canvas>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+SignatureComponent.propDecorators = {
+    content: [{ type: ViewChild, args: ["signature", { read: ElementRef },] }],
+    title: [{ type: Input }],
+    saveButtonLabel: [{ type: Input }],
+    clearButtonLabel: [{ type: Input }],
+    save: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.ione-signature",] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmF0dXJlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZGNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2RvY3NpZ24vY29tcG9uZW50L3NpZ25hdHVyZS9zaWduYXR1cmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEksT0FBTyxZQUFZLE1BQU0sZUFBZSxDQUFDO0FBb0J6QyxNQUFNLE9BQU8sa0JBQWtCO0lBbEIvQjtRQThCUyxvQkFBZSxHQUFXLE1BQU0sQ0FBQztRQUdqQyxxQkFBZ0IsR0FBVyxPQUFPLENBQUM7UUFHbkMsU0FBSSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBMENqRSxDQUFDO0lBM0RDLElBQWdELE9BQU8sQ0FBQyxPQUFtQjtRQUN6RSxJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksQ0FBQyxlQUFlLEdBQUcsT0FBTyxDQUFDO1lBQy9CLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFlTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBS00sVUFBVSxDQUFDLEtBQWlCO1FBQ2pDLHFCQUFxQjtRQUNyQixpRUFBaUU7UUFDakUsTUFBTSxHQUFHLEdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDMUQsd0JBQXdCO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFFTSxXQUFXLENBQUMsS0FBaUI7UUFDbEMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDeEI7SUFDSCxDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUU7WUFDOUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ3RFLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1lBQ3BFLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRU8sc0JBQXNCLENBQUMsU0FBdUIsRUFBRSxlQUEyQjtRQUNqRixNQUFNLGlCQUFpQixHQUFXLFNBQVMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUN4RCxNQUFNLEtBQUssR0FBVyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDaEUsZUFBZSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsZUFBZSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3hGLGVBQWUsQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLGVBQWUsQ0FBQyxhQUFhLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxRixlQUFlLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ25FLFNBQVMsQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUMzQyxDQUFDOzs7WUE1RUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztHQWFUO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7c0JBRUUsU0FBUyxTQUFDLFdBQVcsRUFBRSxFQUFDLElBQUksRUFBRSxVQUFVLEVBQUM7b0JBT3pDLEtBQUs7OEJBR0wsS0FBSzsrQkFHTCxLQUFLO21CQUdMLE1BQU07d0JBR04sV0FBVyxTQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCBTaWduYXR1cmVQYWQgZnJvbSBcInNpZ25hdHVyZV9wYWRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImlvbmUtc2lnbmF0dXJlXCIsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJzaWduYXR1cmUtd3JhcHBlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic2lnbmF0dXJlLWhlYWRlclwiPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwidGl0bGVcIiBjbGFzcz1cInRpdGxlXCIgW3RleHRDb250ZW50XT1cInRpdGxlXCI+PC9zcGFuPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24td3JhcHBlclwiPlxyXG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiaGFuZGxlU2F2ZSgkZXZlbnQpXCIgW3ZhbHVlXT1cInNhdmVCdXR0b25MYWJlbFwiLz5cclxuICAgICAgICAgIDxpbnB1dCB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImhhbmRsZUNsZWFyKCRldmVudClcIiBbdmFsdWVdPVwiY2xlYXJCdXR0b25MYWJlbFwiPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNhbnZhc1wiPlxyXG4gICAgICAgIDxjYW52YXMgI3NpZ25hdHVyZT48L2NhbnZhcz5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZ25hdHVyZUNvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZChcInNpZ25hdHVyZVwiLCB7cmVhZDogRWxlbWVudFJlZn0pIHNldCBjb250ZW50KGNvbnRlbnQ6IEVsZW1lbnRSZWYpIHtcclxuICAgIGlmIChjb250ZW50KSB7XHJcbiAgICAgIHRoaXMuc2lnbmF0dXJlQ2FudmFzID0gY29udGVudDtcclxuICAgICAgdGhpcy5faW5pdENhbnZhcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdGl0bGU6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2F2ZUJ1dHRvbkxhYmVsOiBzdHJpbmcgPSAnU0FWRSc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNsZWFyQnV0dG9uTGFiZWw6IHN0cmluZyA9ICdDTEVBUic7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBzYXZlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5pb25lLXNpZ25hdHVyZVwiKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzaWduYXR1cmU6IFNpZ25hdHVyZVBhZDtcclxuICBwdWJsaWMgc2lnbmF0dXJlQ2FudmFzOiBFbGVtZW50UmVmO1xyXG5cclxuICBwdWJsaWMgaGFuZGxlU2F2ZShldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgLy8gc2F2ZSBjYW52YXMgYXMgc3ZnXHJcbiAgICAvLyBjb25zdCBzaWc6IHN0cmluZyA9IHRoaXMuc2lnbmF0dXJlLnRvRGF0YVVSTChcImltYWdlL3N2Zyt4bWxcIik7XHJcbiAgICBjb25zdCBzaWc6IHN0cmluZyA9IHRoaXMuc2lnbmF0dXJlLnRvRGF0YVVSTChcImltYWdlL3BuZ1wiKTtcclxuICAgIC8vIGVtaXQgc2lnbmF0dXJlIHN0cmluZ1xyXG4gICAgdGhpcy5zYXZlLm5leHQoc2lnKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVDbGVhcihldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc2lnbmF0dXJlKSB7XHJcbiAgICAgIHRoaXMuc2lnbmF0dXJlLmNsZWFyKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9pbml0Q2FudmFzKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc2lnbmF0dXJlQ2FudmFzICYmIHRoaXMuc2lnbmF0dXJlQ2FudmFzLm5hdGl2ZUVsZW1lbnQpIHtcclxuICAgICAgdGhpcy5zaWduYXR1cmUgPSBuZXcgU2lnbmF0dXJlUGFkKHRoaXMuc2lnbmF0dXJlQ2FudmFzLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLl9yZXNpemVTaWduYXR1cmVDYW52YXModGhpcy5zaWduYXR1cmUsIHRoaXMuc2lnbmF0dXJlQ2FudmFzKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9yZXNpemVTaWduYXR1cmVDYW52YXMoc2lnbmF0dXJlOiBTaWduYXR1cmVQYWQsIHNpZ25hdHVyZUNhbnZhczogRWxlbWVudFJlZik6IHZvaWQge1xyXG4gICAgY29uc3QgaW1hZ2VCZWZvcmVSZXNpemU6IHN0cmluZyA9IHNpZ25hdHVyZS50b0RhdGFVUkwoKTtcclxuICAgIGNvbnN0IHJhdGlvOiBudW1iZXIgPSBNYXRoLm1heCh3aW5kb3cuZGV2aWNlUGl4ZWxSYXRpbyB8fCAxLCAxKTtcclxuICAgIHNpZ25hdHVyZUNhbnZhcy5uYXRpdmVFbGVtZW50LndpZHRoID0gc2lnbmF0dXJlQ2FudmFzLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggKiByYXRpbztcclxuICAgIHNpZ25hdHVyZUNhbnZhcy5uYXRpdmVFbGVtZW50LmhlaWdodCA9IHNpZ25hdHVyZUNhbnZhcy5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCAqIHJhdGlvO1xyXG4gICAgc2lnbmF0dXJlQ2FudmFzLm5hdGl2ZUVsZW1lbnQuZ2V0Q29udGV4dChcIjJkXCIpLnNjYWxlKHJhdGlvLCByYXRpbyk7XHJcbiAgICBzaWduYXR1cmUuZnJvbURhdGFVUkwoaW1hZ2VCZWZvcmVSZXNpemUpO1xyXG4gIH1cclxuXHJcbn1cclxuIl19