@eui/components 15.0.0-rc.17 → 15.0.0-rc.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/docs/components/EuiChipComponent.html +1 -1
  2. package/docs/components/EuiGrowlComponent.html +1 -1
  3. package/docs/components/EuiPaginatorComponent.html +1 -1
  4. package/docs/components/EuiTabsComponent.html +1 -1
  5. package/docs/components/UxDynamicModalComponent.html +1 -1
  6. package/docs/components/UxFieldSearchComponent.html +1 -1
  7. package/docs/dependencies.html +3 -1
  8. package/docs/js/search/search_index.js +2 -2
  9. package/docs/miscellaneous/variables.html +29 -29
  10. package/esm2020/eui-button/eui-button.component.mjs +2 -2
  11. package/esm2020/eui-chip/eui-chip.component.mjs +3 -3
  12. package/esm2020/eui-growl/eui-growl.component.mjs +3 -3
  13. package/esm2020/eui-paginator/eui-paginator.component.mjs +3 -3
  14. package/esm2020/eui-tabs/eui-tabs.component.mjs +3 -3
  15. package/esm2020/eui-timeline/eui-timeline-item.component.mjs +2 -2
  16. package/esm2020/eui-timeline/eui-timeline.component.mjs +2 -2
  17. package/esm2020/legacy/ux-datepicker/ux-datepicker.component.mjs +2 -2
  18. package/esm2020/legacy/ux-dynamic-modal/ux-dynamic-modal.component.mjs +3 -3
  19. package/esm2020/legacy/ux-field-search/ux-field-search.component.mjs +3 -3
  20. package/fesm2015/eui-components-eui-button.mjs +2 -2
  21. package/fesm2015/eui-components-eui-button.mjs.map +1 -1
  22. package/fesm2015/eui-components-eui-chip.mjs +2 -2
  23. package/fesm2015/eui-components-eui-chip.mjs.map +1 -1
  24. package/fesm2015/eui-components-eui-growl.mjs +2 -2
  25. package/fesm2015/eui-components-eui-growl.mjs.map +1 -1
  26. package/fesm2015/eui-components-eui-paginator.mjs +2 -2
  27. package/fesm2015/eui-components-eui-paginator.mjs.map +1 -1
  28. package/fesm2015/eui-components-eui-tabs.mjs +2 -2
  29. package/fesm2015/eui-components-eui-tabs.mjs.map +1 -1
  30. package/fesm2015/eui-components-eui-timeline.mjs +4 -4
  31. package/fesm2015/eui-components-legacy-ux-datepicker.mjs +2 -2
  32. package/fesm2015/eui-components-legacy-ux-datepicker.mjs.map +1 -1
  33. package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
  34. package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
  35. package/fesm2015/eui-components-legacy-ux-field-search.mjs +2 -2
  36. package/fesm2015/eui-components-legacy-ux-field-search.mjs.map +1 -1
  37. package/fesm2020/eui-components-eui-button.mjs +2 -2
  38. package/fesm2020/eui-components-eui-button.mjs.map +1 -1
  39. package/fesm2020/eui-components-eui-chip.mjs +2 -2
  40. package/fesm2020/eui-components-eui-chip.mjs.map +1 -1
  41. package/fesm2020/eui-components-eui-growl.mjs +2 -2
  42. package/fesm2020/eui-components-eui-growl.mjs.map +1 -1
  43. package/fesm2020/eui-components-eui-paginator.mjs +2 -2
  44. package/fesm2020/eui-components-eui-paginator.mjs.map +1 -1
  45. package/fesm2020/eui-components-eui-tabs.mjs +2 -2
  46. package/fesm2020/eui-components-eui-tabs.mjs.map +1 -1
  47. package/fesm2020/eui-components-eui-timeline.mjs +4 -4
  48. package/fesm2020/eui-components-legacy-ux-datepicker.mjs +2 -2
  49. package/fesm2020/eui-components-legacy-ux-datepicker.mjs.map +1 -1
  50. package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
  51. package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
  52. package/fesm2020/eui-components-legacy-ux-field-search.mjs +2 -2
  53. package/fesm2020/eui-components-legacy-ux-field-search.mjs.map +1 -1
  54. package/package.json +1 -1
package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs CHANGED
@@ -217,10 +217,10 @@ class UxDynamicModalComponent {
217
217
  }
218
218
  }
219
219
  /** @nocollapse */ UxDynamicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxDynamicModalComponent, deps: [{ token: DYNAMIC_COMPONENT_CONFIG }, { token: i1.UxDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
220
- /** @nocollapse */ UxDynamicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxDynamicModalComponent, selector: "ux-dynamic-modal", inputs: { e2eAttr: "e2eAttr" }, queries: [{ propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), descendants: true }, { propertyName: "customHeaderContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalHeaderTagDirective; }), descendants: true }, { propertyName: "customMessageBoxFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), descendants: true }], viewQueries: [{ propertyName: "uxModalEl", first: true, predicate: ["modal"], descendants: true }, { propertyName: "uxModalBody", first: true, predicate: ["uxmodalbody"], descendants: true }, { propertyName: "vcCloseButton", first: true, predicate: ["closeButton"], descendants: true }], ngImport: i0, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n role=\"dialog\"\n [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n [class.ux-modal--draggable]=\"config.isDraggable\"\n [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n [class.eui-u-anim--medium]=\"config.isMessageBox\"\n (keydown)=\"closeModalOnEscape($event)\"\n tabIndex=\"-1\"\n [style.display]=\"'block'\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n\n <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n <ng-template [ngIf]=\"customHeaderContent\">\n <ng-content select=\"uxModalHeader\"></ng-content>\n </ng-template>\n <ng-template [ngIf]=\"!customHeaderContent\">\n <h5 class=\"modal-title ux-modal__header-title\">{{ config.titleLabel }}</h5>\n </ng-template>\n <button *ngIf=\"config.isShowCloseButton\" #closeButton\n type=\"button\"\n class=\"ux-modal__header-close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"close($event)\">\n <eui-icon-svg icon=\"eui-close-m\"></eui-icon-svg>\n </button>\n </div>\n <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n <div class=\"ux-message-box__body-icon\"></div>\n <div class=\"ux-message-box__body-content\">\n <span [outerHTML]=\"config.content\"></span>\n </div>\n </div>\n\n </div>\n\n <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicModalFooter>\n\n <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicMessageBoxFooter>\n\n <ng-template [ngIf]=\"!config.customFooterContent\">\n <ng-template [ngIf]=\"!config.isMessageBox\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.dismissActionDisabled\"\n (click)=\"onDismissActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.acceptActionDisabled\"\n (click)=\"onAcceptActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"config.isMessageBox\">\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n (click)=\"onClick(false)\">\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n (click)=\"onClick(true)\">\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n </ng-template>\n </ng-template>\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i3.UxButtonComponent; }), selector: "ux-button", inputs: ["type", "styleClass", "typeClass", "iconClass", "isOutline", "isSecondary", "isSmall", "isLarge", "isBlock", "isFlat", "isLineWrap", "tabindex", "ariaLabel", "isDisabled", "e2eAttr"] }, { kind: "component", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalComponent; }), selector: "ux-layout-horizontal", inputs: ["styleClass", "e2eAttr"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalLeftTagDirective; }), selector: "uxLayoutHorizontalLeft" }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalRightTagDirective; }), selector: "uxLayoutHorizontalRight" }, { kind: "directive", type: i0.forwardRef(function () { return i5.CdkTrapFocus; }), selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDrag; }), selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDragHandle; }), selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i0.forwardRef(function () { return i7.EuiIconSvgComponent; }), selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), selector: "uxDynamicModalFooter" }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), selector: "uxDynamicMessageBoxFooter" }], encapsulation: i0.ViewEncapsulation.None });
220
+ /** @nocollapse */ UxDynamicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxDynamicModalComponent, selector: "ux-dynamic-modal", inputs: { e2eAttr: "e2eAttr" }, queries: [{ propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), descendants: true }, { propertyName: "customHeaderContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalHeaderTagDirective; }), descendants: true }, { propertyName: "customMessageBoxFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), descendants: true }], viewQueries: [{ propertyName: "uxModalEl", first: true, predicate: ["modal"], descendants: true }, { propertyName: "uxModalBody", first: true, predicate: ["uxmodalbody"], descendants: true }, { propertyName: "vcCloseButton", first: true, predicate: ["closeButton"], descendants: true }], ngImport: i0, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n role=\"dialog\"\n [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n [class.ux-modal--draggable]=\"config.isDraggable\"\n [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n [class.eui-u-anim--medium]=\"config.isMessageBox\"\n (keydown)=\"closeModalOnEscape($event)\"\n tabIndex=\"-1\"\n [style.display]=\"'block'\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n\n <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n <ng-template [ngIf]=\"customHeaderContent\">\n <ng-content select=\"uxModalHeader\"></ng-content>\n </ng-template>\n <ng-template [ngIf]=\"!customHeaderContent\">\n <h5 class=\"modal-title ux-modal__header-title mt-1 mb-1\">{{ config.titleLabel }}</h5>\n </ng-template>\n <button *ngIf=\"config.isShowCloseButton\" #closeButton\n type=\"button\"\n class=\"ux-modal__header-close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"close($event)\">\n <eui-icon-svg icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n <div class=\"ux-message-box__body-icon\"></div>\n <div class=\"ux-message-box__body-content\">\n <span [outerHTML]=\"config.content\"></span>\n </div>\n </div>\n\n </div>\n\n <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicModalFooter>\n\n <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicMessageBoxFooter>\n\n <ng-template [ngIf]=\"!config.customFooterContent\">\n <ng-template [ngIf]=\"!config.isMessageBox\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.dismissActionDisabled\"\n (click)=\"onDismissActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.acceptActionDisabled\"\n (click)=\"onAcceptActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"config.isMessageBox\">\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n (click)=\"onClick(false)\">\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n (click)=\"onClick(true)\">\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n </ng-template>\n </ng-template>\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i3.UxButtonComponent; }), selector: "ux-button", inputs: ["type", "styleClass", "typeClass", "iconClass", "isOutline", "isSecondary", "isSmall", "isLarge", "isBlock", "isFlat", "isLineWrap", "tabindex", "ariaLabel", "isDisabled", "e2eAttr"] }, { kind: "component", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalComponent; }), selector: "ux-layout-horizontal", inputs: ["styleClass", "e2eAttr"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalLeftTagDirective; }), selector: "uxLayoutHorizontalLeft" }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalRightTagDirective; }), selector: "uxLayoutHorizontalRight" }, { kind: "directive", type: i0.forwardRef(function () { return i5.CdkTrapFocus; }), selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDrag; }), selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDragHandle; }), selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i0.forwardRef(function () { return i7.EuiIconSvgComponent; }), selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), selector: "uxDynamicModalFooter" }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), selector: "uxDynamicMessageBoxFooter" }], encapsulation: i0.ViewEncapsulation.None });
221
221
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxDynamicModalComponent, decorators: [{
222
222
  type: Component,
223
- args: [{ selector: 'ux-dynamic-modal', encapsulation: ViewEncapsulation.None, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n role=\"dialog\"\n [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n [class.ux-modal--draggable]=\"config.isDraggable\"\n [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n [class.eui-u-anim--medium]=\"config.isMessageBox\"\n (keydown)=\"closeModalOnEscape($event)\"\n tabIndex=\"-1\"\n [style.display]=\"'block'\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n\n <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n <ng-template [ngIf]=\"customHeaderContent\">\n <ng-content select=\"uxModalHeader\"></ng-content>\n </ng-template>\n <ng-template [ngIf]=\"!customHeaderContent\">\n <h5 class=\"modal-title ux-modal__header-title\">{{ config.titleLabel }}</h5>\n </ng-template>\n <button *ngIf=\"config.isShowCloseButton\" #closeButton\n type=\"button\"\n class=\"ux-modal__header-close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"close($event)\">\n <eui-icon-svg icon=\"eui-close-m\"></eui-icon-svg>\n </button>\n </div>\n <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n <div class=\"ux-message-box__body-icon\"></div>\n <div class=\"ux-message-box__body-content\">\n <span [outerHTML]=\"config.content\"></span>\n </div>\n </div>\n\n </div>\n\n <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicModalFooter>\n\n <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicMessageBoxFooter>\n\n <ng-template [ngIf]=\"!config.customFooterContent\">\n <ng-template [ngIf]=\"!config.isMessageBox\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.dismissActionDisabled\"\n (click)=\"onDismissActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.acceptActionDisabled\"\n (click)=\"onAcceptActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"config.isMessageBox\">\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n (click)=\"onClick(false)\">\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n (click)=\"onClick(true)\">\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n </ng-template>\n </ng-template>\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"] }]
223
+ args: [{ selector: 'ux-dynamic-modal', encapsulation: ViewEncapsulation.None, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n role=\"dialog\"\n [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n [class.ux-modal--draggable]=\"config.isDraggable\"\n [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n [class.eui-u-anim--medium]=\"config.isMessageBox\"\n (keydown)=\"closeModalOnEscape($event)\"\n tabIndex=\"-1\"\n [style.display]=\"'block'\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n\n <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n <ng-template [ngIf]=\"customHeaderContent\">\n <ng-content select=\"uxModalHeader\"></ng-content>\n </ng-template>\n <ng-template [ngIf]=\"!customHeaderContent\">\n <h5 class=\"modal-title ux-modal__header-title mt-1 mb-1\">{{ config.titleLabel }}</h5>\n </ng-template>\n <button *ngIf=\"config.isShowCloseButton\" #closeButton\n type=\"button\"\n class=\"ux-modal__header-close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"close($event)\">\n <eui-icon-svg icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n <div class=\"ux-message-box__body-icon\"></div>\n <div class=\"ux-message-box__body-content\">\n <span [outerHTML]=\"config.content\"></span>\n </div>\n </div>\n\n </div>\n\n <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicModalFooter>\n\n <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicMessageBoxFooter>\n\n <ng-template [ngIf]=\"!config.customFooterContent\">\n <ng-template [ngIf]=\"!config.isMessageBox\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.dismissActionDisabled\"\n (click)=\"onDismissActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.acceptActionDisabled\"\n (click)=\"onAcceptActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"config.isMessageBox\">\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n (click)=\"onClick(false)\">\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n (click)=\"onClick(true)\">\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n </ng-template>\n </ng-template>\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"] }]
224
224
  }], ctorParameters: function () {
225
225
  return [{ type: UxDynamicModalConfig, decorators: [{
226
226
  type: Inject,
package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"eui-components-legacy-ux-dynamic-modal.mjs","sources":["../../legacy/ux-dynamic-modal/ux-dynamic-modal.config.model.ts","../../legacy/ux-dynamic-modal/ux-dynamic-modal.service.ts","../../legacy/ux-dynamic-modal/ux-dynamic-modal.component.ts","../../legacy/ux-dynamic-modal/ux-dynamic-modal.component.html","../../legacy/ux-dynamic-modal/eui-components-legacy-ux-dynamic-modal.ts"],"sourcesContent":["import { UxButtonConfig } from '@eui/components/legacy/ux-button';\n\nexport interface UxDynamicModalConfig {\n id: string;\n styleClass: string;\n titleLabel: string;\n dismissLabel: string;\n dismissDisabled: boolean;\n acceptLabel: string;\n acceptActionDisabled: boolean;\n dismissActionDisabled: boolean;\n isFooterVisible: boolean;\n isKeepBodyScroll: boolean;\n isSizeSmall: boolean;\n isSizeLarge: boolean;\n isSizeFullScreen: boolean;\n isSizeFullHeight: boolean;\n isSizeMediumHeight: boolean;\n isShowActionIcons: boolean;\n messageBoxType: string;\n acceptIconClass: string;\n dismissIconClass: string;\n hasNoBodyPadding: boolean;\n customWidth: string;\n isFooterCustomAlignment: boolean;\n isCloseModalOnEscape: boolean;\n isShowCloseButton: boolean;\n isMessageBox: boolean;\n isHandleCloseOnDismiss: boolean;\n isHandleCloseOnAccept: boolean;\n isHandleCloseOnClose: boolean;\n bodyStyleClass: string;\n footerStyleClass: string;\n isOverflowVisible: boolean;\n content: string;\n isDraggable: boolean;\n onAnimationEnd?: () => any;\n onClick?: (value) => any;\n bodyInjectedComponent: {\n component: any,\n config: any,\n };\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n onDismiss?: (portalHostRef, portalRef) => any;\n onAccept?: (portalHostRef, portalRef) => any;\n onClose?: (portalHostRef, portalRef) => any;\n}\n\nexport class UxDynamicModalConfig implements UxDynamicModalConfig {\n id: string = 'single_modal';\n styleClass: string;\n titleLabel: string;\n dismissLabel: string = 'Cancel';\n dismissDisabled: boolean = false;\n acceptLabel: string = 'OK';\n acceptActionDisabled: boolean = false;\n dismissActionDisabled: boolean = false;\n isFooterVisible: boolean = true;\n isKeepBodyScroll: boolean = false;\n isSizeSmall: boolean = false;\n isSizeLarge: boolean = false;\n isSizeFullScreen: boolean = false;\n isSizeFullHeight: boolean = false;\n isSizeMediumHeight: boolean = false;\n isShowActionIcons: boolean = false;\n messageBoxType: string = '';\n acceptIconClass: string = 'ux-icon ux-icon-check';\n dismissIconClass: string = 'ux-icon ux-icon-times';\n hasNoBodyPadding: boolean = false;\n customWidth: string;\n isFooterCustomAlignment: boolean = false;\n isCloseModalOnEscape: boolean = true;\n isShowCloseButton: boolean = true;\n isMessageBox: boolean = false;\n isHandleCloseOnDismiss: boolean = true;\n isHandleCloseOnAccept: boolean = true;\n isHandleCloseOnClose: boolean = true;\n bodyStyleClass: string;\n footerStyleClass: string;\n isOverflowVisible: boolean = false;\n content: string = '';\n isDraggable = false;\n bodyInjectedComponent: {\n component: any,\n config: any,\n };\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n\n onAnimationEnd?: () => any;\n onClick?: (value) => any;\n onDismiss?: (portalHostRef, portalRef) => any;\n onAccept?: (portalHostRef, portalRef) => any;\n onClose?: (portalHostRef, portalRef) => any;\n\n constructor(values) {\n Object.assign(this, values);\n }\n}\n","import { Injectable, ComponentRef } from '@angular/core';\nimport { DomPortalOutlet, Portal, ComponentPortal } from '@angular/cdk/portal';\n\nimport { UxDynamicComponentService } from '@eui/core';\nimport { UxDynamicModalConfig } from './ux-dynamic-modal.config.model';\nimport { UxDynamicModalComponent } from './ux-dynamic-modal.component';\n// import { UxDynamicMessageBoxComponent } from '../ux-dynamic-message-box/ux-dynamic-message-box.component';\n// import { UxDynamicMessageBoxConfig } from '../ux-dynamic-message-box/ux-dynamic-message-box.config.model';\n\n@Injectable()\nexport class UxDynamicModalService {\n\n private openModalData: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n\n /**\n * Constructor\n */\n constructor(private uxDynamicComponentService: UxDynamicComponentService) {}\n\n /**\n * Open a modal dynamically (Add it to the DOM)\n */\n openModal(config: UxDynamicModalConfig): any {\n // openModal(config: UxDynamicMessageBoxConfig | UxDynamicModalConfig): any {\n\n let component;\n\n document.body.classList.add('modal-open');\n\n if (config instanceof UxDynamicModalConfig) {\n if (!(<UxDynamicModalConfig>config).onClose) {\n (<UxDynamicModalConfig>config).onClose = this.closeModal.bind(this);\n }\n component = UxDynamicModalComponent;\n } else {\n throw new Error(`Config is not instance of 'UxDynamicModalConfig'`);\n }\n\n this.openModalData = this.uxDynamicComponentService.add(component, null, config);\n return this.openModalData;\n }\n\n /**\n * Close a modal created dynamically (Remove it from the DOM)\n */\n closeModal(portalHostRef: DomPortalOutlet, portalRef?: Portal<any>) {\n document.body.classList.remove('modal-open');\n this.uxDynamicComponentService.remove(portalHostRef);\n this.openModalData = null;\n }\n\n}\n","import {\n AfterContentInit,\n AfterViewInit,\n Component,\n ComponentRef,\n ContentChild,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n NgModule,\n OnDestroy,\n QueryList,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DYNAMIC_COMPONENT_CONFIG, UxDynamicComponentService } from '@eui/core';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { UxDynamicModalConfig } from './ux-dynamic-modal.config.model';\nimport { UxButtonComponentModule, UxButtonConfig } from '@eui/components/legacy/ux-button';\nimport { UxLayoutHorizontalModule } from '@eui/components/legacy/layout';\nimport { UxDynamicModalService } from './ux-dynamic-modal.service';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n selector: 'ux-dynamic-modal',\n templateUrl: './ux-dynamic-modal.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxDynamicModalComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n\n @Input() e2eAttr: string = 'ux-dynamic-modal';\n\n public stateClasses: string = '';\n public config: UxDynamicModalConfig;\n\n @ViewChild('modal') uxModalEl: ElementRef<HTMLDivElement>;\n @ViewChild('uxmodalbody') uxModalBody: ElementRef<HTMLDivElement>;\n @ViewChild('closeButton') vcCloseButton: ElementRef<HTMLButtonElement>;\n\n @ContentChild(forwardRef(() => UxDynamicModalFooterTagDirective))\n customFooterContent: QueryList<UxDynamicModalFooterTagDirective>;\n @ContentChild(forwardRef(() => UxDynamicModalHeaderTagDirective))\n customHeaderContent: QueryList<UxDynamicModalHeaderTagDirective>;\n @ContentChild(forwardRef(() => UxDynamicMessageBoxFooterTagDirective))\n customMessageBoxFooterContent: QueryList<UxDynamicMessageBoxFooterTagDirective>;\n\n private injectedComponent: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n animationEndSubscription: Subscription;\n\n constructor(\n @Inject(DYNAMIC_COMPONENT_CONFIG) uxDynamicComponentConfig: UxDynamicModalConfig,\n private uxDynamicComponentService: UxDynamicComponentService,\n ) {\n this.config = uxDynamicComponentConfig;\n }\n\n ngAfterContentInit() {\n\n if (this.config.isSizeSmall) {\n this.stateClasses = 'ux-modal--small';\n }\n\n if (this.config.isSizeLarge) {\n this.stateClasses = 'ux-modal--large';\n }\n\n if (this.config.isSizeFullScreen) {\n this.stateClasses = 'ux-modal--full-screen';\n }\n\n if (this.config.bodyInjectedComponent && this.config.bodyInjectedComponent.component) {\n setTimeout(() => {\n\n Object.assign(this.config.bodyInjectedComponent.config, {\n parent: {\n portalHostRef: this.config['portalHostRef'],\n portalRef: this.config['portalRef'],\n portalComponentInstanceRef: this.config['portalComponentInstanceRef'],\n }\n });\n\n this.injectedComponent = this.uxDynamicComponentService.add(this.config.bodyInjectedComponent.component,\n this.uxModalBody,\n this.config.bodyInjectedComponent.config);\n\n if (this.injectedComponent) {\n Object.assign(this.config, {\n child: {\n portalHostRef: this.injectedComponent['portalHost'],\n portalRef: this.injectedComponent['portal'],\n portalComponentInstanceRef: this.injectedComponent['portalComponentInstance'],\n }\n });\n }\n\n }, 0);\n }\n }\n\n ngAfterViewInit() {\n if (this.vcCloseButton) {\n this.vcCloseButton.nativeElement.focus();\n }\n\n const modalEl = this.uxModalEl.nativeElement;\n this.animationEndSubscription = fromEvent(modalEl, 'animationend').subscribe(() => {\n if (this.config.onAnimationEnd) {\n this.config.onAnimationEnd();\n }\n });\n }\n\n ngOnDestroy() {\n if (this.animationEndSubscription) {\n this.animationEndSubscription.unsubscribe();\n }\n\n if (this.injectedComponent) {\n this.uxDynamicComponentService.remove(this.injectedComponent.portalHost);\n }\n }\n\n /**\n * Close modal function\n */\n public close(event: Event) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n /**\n * Close modal on escape(key 27) press\n */\n public closeModalOnEscape(event: KeyboardEvent) {\n if (this.config.isCloseModalOnEscape) {\n // eslint-disable-next-line\n if (event.keyCode === 27) {\n this.close(event);\n }\n }\n }\n\n /**\n * Trigger by the message-box when user click on OK button\n */\n public onAcceptActionClick(event: any) {\n if (this.config.isHandleCloseOnAccept) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onAccept) {\n this.config.onAccept(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onClick) {\n this.config.onClick(true);\n }\n }\n\n /**\n * Trigger by the message-box when user click on NO button\n */\n public onDismissActionClick(event: any) {\n if (this.config.isHandleCloseOnDismiss) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onDismiss) {\n this.config.onDismiss(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onClick) {\n this.config.onClick(false);\n }\n }\n\n /**\n * Trigger by the message-box when user click on a custom buttons defined in the config\n */\n public customFooterButtonClick(button: UxButtonConfig) {\n button.onClick(this.config['portalHostRef'], this.config['portalRef'], this.config['portalComponentInstanceRef']);\n }\n\n /**\n * Trigger by the message-box when user click on NO or OK buttons\n */\n public onClick(value: boolean) {\n if (this.config.onClick) {\n this.config.onClick(value);\n }\n\n if (this.config.onClose) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n }\n}\n\n/* eslint-disable */\n@Directive({selector: 'uxDynamicModalBody'})\nexport class UxDynamicModalBodyTagDirective {\n}\n\n@Directive({selector: 'uxDynamicModalFooter'})\nexport class UxDynamicModalFooterTagDirective {\n}\n\n@Directive({selector: 'uxDynamicModalHeader'})\nexport class UxDynamicModalHeaderTagDirective {\n}\n\n@Directive({selector: 'uxDynamicMessageBoxFooter'})\nexport class UxDynamicMessageBoxFooterTagDirective {\n}\n/* eslint-enable */\n\n@NgModule({\n imports: [\n CommonModule,\n UxButtonComponentModule,\n UxLayoutHorizontalModule,\n A11yModule,\n DragDropModule,\n EuiIconModule,\n ],\n exports: [\n UxDynamicModalComponent,\n UxDynamicModalBodyTagDirective,\n UxDynamicModalFooterTagDirective,\n UxDynamicModalHeaderTagDirective,\n UxDynamicMessageBoxFooterTagDirective,\n ],\n declarations: [\n UxDynamicModalComponent,\n UxDynamicModalBodyTagDirective,\n UxDynamicModalFooterTagDirective,\n UxDynamicModalHeaderTagDirective,\n UxDynamicMessageBoxFooterTagDirective,\n ],\n entryComponents: [\n UxDynamicModalComponent,\n ],\n providers: [\n UxDynamicModalService,\n UxDynamicComponentService,\n ],\n})\n\nexport class UxDynamicModalComponentModule {\n}\n","<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n role=\"dialog\"\n [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n [class.ux-modal--draggable]=\"config.isDraggable\"\n [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n [class.eui-u-anim--medium]=\"config.isMessageBox\"\n (keydown)=\"closeModalOnEscape($event)\"\n tabIndex=\"-1\"\n [style.display]=\"'block'\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n\n <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n <ng-template [ngIf]=\"customHeaderContent\">\n <ng-content select=\"uxModalHeader\"></ng-content>\n </ng-template>\n <ng-template [ngIf]=\"!customHeaderContent\">\n <h5 class=\"modal-title ux-modal__header-title\">{{ config.titleLabel }}</h5>\n </ng-template>\n <button *ngIf=\"config.isShowCloseButton\" #closeButton\n type=\"button\"\n class=\"ux-modal__header-close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"close($event)\">\n <eui-icon-svg icon=\"eui-close-m\"></eui-icon-svg>\n </button>\n </div>\n <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n <div class=\"ux-message-box__body-icon\"></div>\n <div class=\"ux-message-box__body-content\">\n <span [outerHTML]=\"config.content\"></span>\n </div>\n </div>\n\n </div>\n\n <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicModalFooter>\n\n <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicMessageBoxFooter>\n\n <ng-template [ngIf]=\"!config.customFooterContent\">\n <ng-template [ngIf]=\"!config.isMessageBox\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.dismissActionDisabled\"\n (click)=\"onDismissActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.acceptActionDisabled\"\n (click)=\"onAcceptActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"config.isMessageBox\">\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n (click)=\"onClick(false)\">\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n (click)=\"onClick(true)\">\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n </ng-template>\n </ng-template>\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"eui-components-legacy-ux-dynamic-modal.mjs","sources":["../../legacy/ux-dynamic-modal/ux-dynamic-modal.config.model.ts","../../legacy/ux-dynamic-modal/ux-dynamic-modal.service.ts","../../legacy/ux-dynamic-modal/ux-dynamic-modal.component.ts","../../legacy/ux-dynamic-modal/ux-dynamic-modal.component.html","../../legacy/ux-dynamic-modal/eui-components-legacy-ux-dynamic-modal.ts"],"sourcesContent":["import { UxButtonConfig } from '@eui/components/legacy/ux-button';\n\nexport interface UxDynamicModalConfig {\n id: string;\n styleClass: string;\n titleLabel: string;\n dismissLabel: string;\n dismissDisabled: boolean;\n acceptLabel: string;\n acceptActionDisabled: boolean;\n dismissActionDisabled: boolean;\n isFooterVisible: boolean;\n isKeepBodyScroll: boolean;\n isSizeSmall: boolean;\n isSizeLarge: boolean;\n isSizeFullScreen: boolean;\n isSizeFullHeight: boolean;\n isSizeMediumHeight: boolean;\n isShowActionIcons: boolean;\n messageBoxType: string;\n acceptIconClass: string;\n dismissIconClass: string;\n hasNoBodyPadding: boolean;\n customWidth: string;\n isFooterCustomAlignment: boolean;\n isCloseModalOnEscape: boolean;\n isShowCloseButton: boolean;\n isMessageBox: boolean;\n isHandleCloseOnDismiss: boolean;\n isHandleCloseOnAccept: boolean;\n isHandleCloseOnClose: boolean;\n bodyStyleClass: string;\n footerStyleClass: string;\n isOverflowVisible: boolean;\n content: string;\n isDraggable: boolean;\n onAnimationEnd?: () => any;\n onClick?: (value) => any;\n bodyInjectedComponent: {\n component: any,\n config: any,\n };\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n onDismiss?: (portalHostRef, portalRef) => any;\n onAccept?: (portalHostRef, portalRef) => any;\n onClose?: (portalHostRef, portalRef) => any;\n}\n\nexport class UxDynamicModalConfig implements UxDynamicModalConfig {\n id: string = 'single_modal';\n styleClass: string;\n titleLabel: string;\n dismissLabel: string = 'Cancel';\n dismissDisabled: boolean = false;\n acceptLabel: string = 'OK';\n acceptActionDisabled: boolean = false;\n dismissActionDisabled: boolean = false;\n isFooterVisible: boolean = true;\n isKeepBodyScroll: boolean = false;\n isSizeSmall: boolean = false;\n isSizeLarge: boolean = false;\n isSizeFullScreen: boolean = false;\n isSizeFullHeight: boolean = false;\n isSizeMediumHeight: boolean = false;\n isShowActionIcons: boolean = false;\n messageBoxType: string = '';\n acceptIconClass: string = 'ux-icon ux-icon-check';\n dismissIconClass: string = 'ux-icon ux-icon-times';\n hasNoBodyPadding: boolean = false;\n customWidth: string;\n isFooterCustomAlignment: boolean = false;\n isCloseModalOnEscape: boolean = true;\n isShowCloseButton: boolean = true;\n isMessageBox: boolean = false;\n isHandleCloseOnDismiss: boolean = true;\n isHandleCloseOnAccept: boolean = true;\n isHandleCloseOnClose: boolean = true;\n bodyStyleClass: string;\n footerStyleClass: string;\n isOverflowVisible: boolean = false;\n content: string = '';\n isDraggable = false;\n bodyInjectedComponent: {\n component: any,\n config: any,\n };\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n\n onAnimationEnd?: () => any;\n onClick?: (value) => any;\n onDismiss?: (portalHostRef, portalRef) => any;\n onAccept?: (portalHostRef, portalRef) => any;\n onClose?: (portalHostRef, portalRef) => any;\n\n constructor(values) {\n Object.assign(this, values);\n }\n}\n","import { Injectable, ComponentRef } from '@angular/core';\nimport { DomPortalOutlet, Portal, ComponentPortal } from '@angular/cdk/portal';\n\nimport { UxDynamicComponentService } from '@eui/core';\nimport { UxDynamicModalConfig } from './ux-dynamic-modal.config.model';\nimport { UxDynamicModalComponent } from './ux-dynamic-modal.component';\n// import { UxDynamicMessageBoxComponent } from '../ux-dynamic-message-box/ux-dynamic-message-box.component';\n// import { UxDynamicMessageBoxConfig } from '../ux-dynamic-message-box/ux-dynamic-message-box.config.model';\n\n@Injectable()\nexport class UxDynamicModalService {\n\n private openModalData: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n\n /**\n * Constructor\n */\n constructor(private uxDynamicComponentService: UxDynamicComponentService) {}\n\n /**\n * Open a modal dynamically (Add it to the DOM)\n */\n openModal(config: UxDynamicModalConfig): any {\n // openModal(config: UxDynamicMessageBoxConfig | UxDynamicModalConfig): any {\n\n let component;\n\n document.body.classList.add('modal-open');\n\n if (config instanceof UxDynamicModalConfig) {\n if (!(<UxDynamicModalConfig>config).onClose) {\n (<UxDynamicModalConfig>config).onClose = this.closeModal.bind(this);\n }\n component = UxDynamicModalComponent;\n } else {\n throw new Error(`Config is not instance of 'UxDynamicModalConfig'`);\n }\n\n this.openModalData = this.uxDynamicComponentService.add(component, null, config);\n return this.openModalData;\n }\n\n /**\n * Close a modal created dynamically (Remove it from the DOM)\n */\n closeModal(portalHostRef: DomPortalOutlet, portalRef?: Portal<any>) {\n document.body.classList.remove('modal-open');\n this.uxDynamicComponentService.remove(portalHostRef);\n this.openModalData = null;\n }\n\n}\n","import {\n AfterContentInit,\n AfterViewInit,\n Component,\n ComponentRef,\n ContentChild,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n NgModule,\n OnDestroy,\n QueryList,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DYNAMIC_COMPONENT_CONFIG, UxDynamicComponentService } from '@eui/core';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { UxDynamicModalConfig } from './ux-dynamic-modal.config.model';\nimport { UxButtonComponentModule, UxButtonConfig } from '@eui/components/legacy/ux-button';\nimport { UxLayoutHorizontalModule } from '@eui/components/legacy/layout';\nimport { UxDynamicModalService } from './ux-dynamic-modal.service';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n selector: 'ux-dynamic-modal',\n templateUrl: './ux-dynamic-modal.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxDynamicModalComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n\n @Input() e2eAttr: string = 'ux-dynamic-modal';\n\n public stateClasses: string = '';\n public config: UxDynamicModalConfig;\n\n @ViewChild('modal') uxModalEl: ElementRef<HTMLDivElement>;\n @ViewChild('uxmodalbody') uxModalBody: ElementRef<HTMLDivElement>;\n @ViewChild('closeButton') vcCloseButton: ElementRef<HTMLButtonElement>;\n\n @ContentChild(forwardRef(() => UxDynamicModalFooterTagDirective))\n customFooterContent: QueryList<UxDynamicModalFooterTagDirective>;\n @ContentChild(forwardRef(() => UxDynamicModalHeaderTagDirective))\n customHeaderContent: QueryList<UxDynamicModalHeaderTagDirective>;\n @ContentChild(forwardRef(() => UxDynamicMessageBoxFooterTagDirective))\n customMessageBoxFooterContent: QueryList<UxDynamicMessageBoxFooterTagDirective>;\n\n private injectedComponent: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n animationEndSubscription: Subscription;\n\n constructor(\n @Inject(DYNAMIC_COMPONENT_CONFIG) uxDynamicComponentConfig: UxDynamicModalConfig,\n private uxDynamicComponentService: UxDynamicComponentService,\n ) {\n this.config = uxDynamicComponentConfig;\n }\n\n ngAfterContentInit() {\n\n if (this.config.isSizeSmall) {\n this.stateClasses = 'ux-modal--small';\n }\n\n if (this.config.isSizeLarge) {\n this.stateClasses = 'ux-modal--large';\n }\n\n if (this.config.isSizeFullScreen) {\n this.stateClasses = 'ux-modal--full-screen';\n }\n\n if (this.config.bodyInjectedComponent && this.config.bodyInjectedComponent.component) {\n setTimeout(() => {\n\n Object.assign(this.config.bodyInjectedComponent.config, {\n parent: {\n portalHostRef: this.config['portalHostRef'],\n portalRef: this.config['portalRef'],\n portalComponentInstanceRef: this.config['portalComponentInstanceRef'],\n }\n });\n\n this.injectedComponent = this.uxDynamicComponentService.add(this.config.bodyInjectedComponent.component,\n this.uxModalBody,\n this.config.bodyInjectedComponent.config);\n\n if (this.injectedComponent) {\n Object.assign(this.config, {\n child: {\n portalHostRef: this.injectedComponent['portalHost'],\n portalRef: this.injectedComponent['portal'],\n portalComponentInstanceRef: this.injectedComponent['portalComponentInstance'],\n }\n });\n }\n\n }, 0);\n }\n }\n\n ngAfterViewInit() {\n if (this.vcCloseButton) {\n this.vcCloseButton.nativeElement.focus();\n }\n\n const modalEl = this.uxModalEl.nativeElement;\n this.animationEndSubscription = fromEvent(modalEl, 'animationend').subscribe(() => {\n if (this.config.onAnimationEnd) {\n this.config.onAnimationEnd();\n }\n });\n }\n\n ngOnDestroy() {\n if (this.animationEndSubscription) {\n this.animationEndSubscription.unsubscribe();\n }\n\n if (this.injectedComponent) {\n this.uxDynamicComponentService.remove(this.injectedComponent.portalHost);\n }\n }\n\n /**\n * Close modal function\n */\n public close(event: Event) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n /**\n * Close modal on escape(key 27) press\n */\n public closeModalOnEscape(event: KeyboardEvent) {\n if (this.config.isCloseModalOnEscape) {\n // eslint-disable-next-line\n if (event.keyCode === 27) {\n this.close(event);\n }\n }\n }\n\n /**\n * Trigger by the message-box when user click on OK button\n */\n public onAcceptActionClick(event: any) {\n if (this.config.isHandleCloseOnAccept) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onAccept) {\n this.config.onAccept(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onClick) {\n this.config.onClick(true);\n }\n }\n\n /**\n * Trigger by the message-box when user click on NO button\n */\n public onDismissActionClick(event: any) {\n if (this.config.isHandleCloseOnDismiss) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onDismiss) {\n this.config.onDismiss(this.config['portalHostRef'], this.config['portalRef']);\n }\n\n if (this.config.onClick) {\n this.config.onClick(false);\n }\n }\n\n /**\n * Trigger by the message-box when user click on a custom buttons defined in the config\n */\n public customFooterButtonClick(button: UxButtonConfig) {\n button.onClick(this.config['portalHostRef'], this.config['portalRef'], this.config['portalComponentInstanceRef']);\n }\n\n /**\n * Trigger by the message-box when user click on NO or OK buttons\n */\n public onClick(value: boolean) {\n if (this.config.onClick) {\n this.config.onClick(value);\n }\n\n if (this.config.onClose) {\n this.config.onClose(this.config['portalHostRef'], this.config['portalRef']);\n }\n }\n}\n\n/* eslint-disable */\n@Directive({selector: 'uxDynamicModalBody'})\nexport class UxDynamicModalBodyTagDirective {\n}\n\n@Directive({selector: 'uxDynamicModalFooter'})\nexport class UxDynamicModalFooterTagDirective {\n}\n\n@Directive({selector: 'uxDynamicModalHeader'})\nexport class UxDynamicModalHeaderTagDirective {\n}\n\n@Directive({selector: 'uxDynamicMessageBoxFooter'})\nexport class UxDynamicMessageBoxFooterTagDirective {\n}\n/* eslint-enable */\n\n@NgModule({\n imports: [\n CommonModule,\n UxButtonComponentModule,\n UxLayoutHorizontalModule,\n A11yModule,\n DragDropModule,\n EuiIconModule,\n ],\n exports: [\n UxDynamicModalComponent,\n UxDynamicModalBodyTagDirective,\n UxDynamicModalFooterTagDirective,\n UxDynamicModalHeaderTagDirective,\n UxDynamicMessageBoxFooterTagDirective,\n ],\n declarations: [\n UxDynamicModalComponent,\n UxDynamicModalBodyTagDirective,\n UxDynamicModalFooterTagDirective,\n UxDynamicModalHeaderTagDirective,\n UxDynamicMessageBoxFooterTagDirective,\n ],\n entryComponents: [\n UxDynamicModalComponent,\n ],\n providers: [\n UxDynamicModalService,\n UxDynamicComponentService,\n ],\n})\n\nexport class UxDynamicModalComponentModule {\n}\n","<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n role=\"dialog\"\n [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n [class.ux-modal--draggable]=\"config.isDraggable\"\n [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n [class.eui-u-anim--medium]=\"config.isMessageBox\"\n (keydown)=\"closeModalOnEscape($event)\"\n tabIndex=\"-1\"\n [style.display]=\"'block'\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n\n <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n <ng-template [ngIf]=\"customHeaderContent\">\n <ng-content select=\"uxModalHeader\"></ng-content>\n </ng-template>\n <ng-template [ngIf]=\"!customHeaderContent\">\n <h5 class=\"modal-title ux-modal__header-title mt-1 mb-1\">{{ config.titleLabel }}</h5>\n </ng-template>\n <button *ngIf=\"config.isShowCloseButton\" #closeButton\n type=\"button\"\n class=\"ux-modal__header-close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"close($event)\">\n <eui-icon-svg icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n <div class=\"ux-message-box__body-icon\"></div>\n <div class=\"ux-message-box__body-content\">\n <span [outerHTML]=\"config.content\"></span>\n </div>\n </div>\n\n </div>\n\n <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicModalFooter>\n\n <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n <ux-layout-horizontal>\n <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalLeft>\n <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n type=\"{{ button.type }}\"\n styleClass=\"{{ button.styleClass }}\"\n typeClass=\"{{ button.typeClass }}\"\n iconClass=\"{{ button.iconClass }}\"\n [isOutline]=\"button.isOutline\"\n [isSecondary]=\"button.isSecondary\"\n [isSmall]=\"button.isSmall\"\n [isLarge]=\"button.isLarge\"\n [isBlock]=\"button.isBlock\"\n [isFlat]=\"button.isFlat\"\n [isDisabled]=\"button.isDisabled\"\n (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n </uxLayoutHorizontalRight>\n </ux-layout-horizontal>\n </uxDynamicMessageBoxFooter>\n\n <ng-template [ngIf]=\"!config.customFooterContent\">\n <ng-template [ngIf]=\"!config.isMessageBox\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.dismissActionDisabled\"\n (click)=\"onDismissActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n [class.ux-button--with-label]=\"config.isShowActionIcons\"\n [disabled]=\"config.acceptActionDisabled\"\n (click)=\"onAcceptActionClick($event)\">\n <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"config.isMessageBox\">\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n <button type=\"button\"\n class=\"ux-button ux-button--secondary\"\n (click)=\"onClick(false)\">\n {{ config.dismissLabel }}\n </button>\n <button type=\"button\"\n class=\"ux-button ux-button--primary\"\n (click)=\"onClick(true)\">\n {{ config.acceptLabel }}\n </button>\n </ng-template>\n <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n </ng-template>\n </ng-template>\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2015/eui-components-legacy-ux-field-search.mjs CHANGED
@@ -148,14 +148,14 @@ class UxFieldSearchComponent {
148
148
  provide: NG_VALUE_ACCESSOR,
149
149
  useExisting: forwardRef((() => UxFieldSearchComponent)),
150
150
  multi: true,
151
- }], queries: [{ propertyName: "isFilterActive", first: true, predicate: i0.forwardRef(function () { return UxFieldSearchFilterContentTagDirective; }), descendants: true }], viewQueries: [{ propertyName: "uxFieldSearchInput", first: true, predicate: ["uxFieldSearchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ux-field-search {{styleClass}}\"\n [class.ux-field-search__with-filter]=\"isDropdownFilter\"\n [class.ux-field-search__with-prepend-icon]=\"isShowPrependSearchIcon\"\n\tattr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-input-group\">\n <span class=\"ux-input-group-prepend\" *ngIf=\"isShowPrependSearchIcon\">\n <span class=\"ux-input-group-text\">\n <eui-icon-svg icon=\"eui-search-m\" class=\"ux-field-search__icon\"></eui-icon-svg>\n </span>\n </span>\n\n <div class=\"ux-clearable-input-wrapper\">\n <input #uxFieldSearchInput type=\"text\" matInput [matAutocomplete]=\"auto\" [formControl]=\"searchField\" class=\"ux-form-control\"\n placeholder=\"{{inputPlaceholderLabel ? inputPlaceholderLabel: ('eui.PLACEHOLDERSEARCH' | translate)}}\" (change)=\"onChange($event)\" (keyup)=\"onKeyup($event)\"\n (blur)=\"onTouched($event)\" [value]=\"defaultValue\" />\n <div class=\"ux-clearable-input-wrapper__clear\" *ngIf=\"data\" (click)=\"onClearClick()\">\n <eui-icon-svg icon=\"eui-close\" class=\"ux-clearable-input-wrapper__clear-icon\"></eui-icon-svg>\n </div>\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\" (optionSelected)=\"selected($event)\">\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n\n <div class=\"ux-form-group__input-content\">\n <span *ngIf=\"suggestionsDataLoading\" class=\"ux-form-group__loading-indicator eui-icon eui-icon-refresh eui-icon-spin ux-u-color-primary\"></span>\n </div>\n </div>\n\n <span class=\"ux-input-group-append\" *ngIf=\"isDropdownFilter\">\n <ux-dropdown-button\n [hasItems]=\"dropdownFilterHasItems\"\n [links]=\"dropdownFilterLinks\"\n [styleClass]=\"'ux-dropdown-button-search ' + dropdownFilterStyleClass\"\n label=\"{{dropdownFilterLabel ? dropdownFilterLabel: ('eui.ADVANCEDSEARCH' | translate)}}\"\n [typeClass]=\"dropdownFilterTypeClass\"\n [iconClass]=\"dropdownFilterIconClass\"\n [isSplitButtonToggle]=\"dropdownFilterIsSplitButtonToggle\"\n [isDropDownRightAligned]=\"dropdownFilterIsDropDownRightAligned\"\n [isUpdateLabelFromSelectedItem]=\"dropdownFilterIsUpdateLabelFromSelectedItem\"\n [isOutline]=\"dropdownFilterIsOutline\"\n [isDisabled]=\"dropdownFilterIsDisabled\"\n [width]=\"dropdownFilterWidth\"\n [dropdownMaxHeight]=\"dropdownFilterMaxHeight\">\n\n <!-- <ng-container *ngIf=\"customFilterContent\"> -->\n <ng-content select=\"uxFieldSearchFilterContent\"></ng-content>\n <!-- </ng-container> -->\n\n </ux-dropdown-button>\n </span>\n\n <span class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--{{searchButtonTypeClass}} ux-field-search__search-button\" type=\"button\" (click)=\"onSearch($event)\">\n <span *ngIf=\"!searchButtonAsIcon\">{{searchButtonLabel ? searchButtonLabel: ('eui.SEARCH' | translate)}}</span>\n <eui-icon-svg *ngIf=\"searchButtonAsIcon\" icon=\"eui-search-m\"></eui-icon-svg>\n </button>\n </span>\n <span *ngIf=\"customFilterContent && isFilterButtonTrigger\" class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--secondary\" type=\"button\" (click)=\"isFilterActive = !isFilterActive\">\n <eui-icon-svg *ngIf=\"isFilterActive\" icon=\"eui-times\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isFilterActive\" icon=\"eui-filter\"></eui-icon-svg>\n </button>\n </span>\n </div>\n</div>\n", styles: [".ux-field-search{position:relative}.ux-field-search input,.ux-field-search .ui-widget input{height:calc(var(--eui-base-spacing-2xl) + 2px);padding-right:var(--eui-base-spacing-2xl)}.ux-field-search input.form-control{border-bottom-right-radius:0;border-top-right-radius:0}.ux-field-search .ux-dropdown-button{border-bottom:1px solid var(--eui-base-color-grey-20);border-radius:0;border-top:1px solid var(--eui-base-color-grey-20);box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search .ux-dropdown-button:not(.ux-button--secondary){margin-left:-1px}.ux-field-search.ux-field-search__with-filter input.form-control{border-radius:0}.ux-field-search.ux-field-search__with-prepend-icon input.form-control{border-bottom-left-radius:0;border-top-left-radius:0}.ux-field-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search__search-button.ux-button--secondary{border:1px solid var(--eui-base-color-grey-20)}.ux-field-search__icon{font-size:var(--eui-base-font-size-xl);padding:0 var(--eui-base-spacing-3xs)}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear{position:relative}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-m);position:absolute;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-xs))}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon:hover{color:var(--eui-base-color-grey-100);cursor:pointer}.ux-dropdown-button-search a{border:1px solid var(--eui-base-color-grey-20);border-left:1px solid var(--eui-base-color-grey-20);border-radius:0;box-shadow:0 0 #000000bf;margin-left:-1px;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxDropdownButtonComponent, selector: "ux-dropdown-button", inputs: ["styleClass", "label", "iconClass", "iconSvgName", "links", "activeLink", "typeClass", "dropdownMinHeight", "dropdownMaxHeight", "width", "buttonLabelAlignment", "e2eAttr", "menu", "id", "isUpdateLabelFromSelectedItem", "isDisabled", "isSmall", "isLarge", "isSplitButtonToggle", "isDropDownRightAligned", "isLinkToggle", "isOutline", "isShowDropdownToggle", "hasItems", "isSecondary", "isBlock"], outputs: ["linkSelected"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
151
+ }], queries: [{ propertyName: "isFilterActive", first: true, predicate: i0.forwardRef(function () { return UxFieldSearchFilterContentTagDirective; }), descendants: true }], viewQueries: [{ propertyName: "uxFieldSearchInput", first: true, predicate: ["uxFieldSearchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ux-field-search {{styleClass}}\"\n [class.ux-field-search__with-filter]=\"isDropdownFilter\"\n [class.ux-field-search__with-prepend-icon]=\"isShowPrependSearchIcon\"\n\tattr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-input-group\">\n <span class=\"ux-input-group-prepend\" *ngIf=\"isShowPrependSearchIcon\">\n <span class=\"ux-input-group-text\">\n <eui-icon-svg icon=\"eui-search\" fillColor=\"grey-50\" class=\"ux-field-search__icon\"></eui-icon-svg>\n </span>\n </span>\n\n <div class=\"ux-clearable-input-wrapper\">\n <input #uxFieldSearchInput type=\"text\" matInput [matAutocomplete]=\"auto\" [formControl]=\"searchField\" class=\"eui-input-text\"\n placeholder=\"{{inputPlaceholderLabel ? inputPlaceholderLabel: ('eui.PLACEHOLDERSEARCH' | translate)}}\" (change)=\"onChange($event)\" (keyup)=\"onKeyup($event)\"\n (blur)=\"onTouched($event)\" [value]=\"defaultValue\" />\n <div class=\"ux-clearable-input-wrapper__clear\" *ngIf=\"data\" (click)=\"onClearClick()\">\n <eui-icon-svg icon=\"eui-close\" class=\"ux-clearable-input-wrapper__clear-icon\"></eui-icon-svg>\n </div>\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\" (optionSelected)=\"selected($event)\">\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n\n <div class=\"ux-form-group__input-content\">\n <span *ngIf=\"suggestionsDataLoading\" class=\"ux-form-group__loading-indicator eui-icon eui-icon-refresh eui-icon-spin ux-u-color-primary\"></span>\n </div>\n </div>\n\n <span class=\"ux-input-group-append\" *ngIf=\"isDropdownFilter\">\n <ux-dropdown-button\n [hasItems]=\"dropdownFilterHasItems\"\n [links]=\"dropdownFilterLinks\"\n [styleClass]=\"'ux-dropdown-button-search ' + dropdownFilterStyleClass\"\n label=\"{{dropdownFilterLabel ? dropdownFilterLabel: ('eui.ADVANCEDSEARCH' | translate)}}\"\n [typeClass]=\"dropdownFilterTypeClass\"\n [iconClass]=\"dropdownFilterIconClass\"\n [isSplitButtonToggle]=\"dropdownFilterIsSplitButtonToggle\"\n [isDropDownRightAligned]=\"dropdownFilterIsDropDownRightAligned\"\n [isUpdateLabelFromSelectedItem]=\"dropdownFilterIsUpdateLabelFromSelectedItem\"\n [isOutline]=\"dropdownFilterIsOutline\"\n [isDisabled]=\"dropdownFilterIsDisabled\"\n [width]=\"dropdownFilterWidth\"\n [dropdownMaxHeight]=\"dropdownFilterMaxHeight\">\n\n <!-- <ng-container *ngIf=\"customFilterContent\"> -->\n <ng-content select=\"uxFieldSearchFilterContent\"></ng-content>\n <!-- </ng-container> -->\n\n </ux-dropdown-button>\n </span>\n\n <span class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--{{searchButtonTypeClass}} ux-field-search__search-button\" type=\"button\" (click)=\"onSearch($event)\">\n <span *ngIf=\"!searchButtonAsIcon\">{{searchButtonLabel ? searchButtonLabel: ('eui.SEARCH' | translate)}}</span>\n <eui-icon-svg *ngIf=\"searchButtonAsIcon\" icon=\"eui-search\" fillColor=\"white\"></eui-icon-svg>\n </button>\n </span>\n <span *ngIf=\"customFilterContent && isFilterButtonTrigger\" class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--secondary\" type=\"button\" (click)=\"isFilterActive = !isFilterActive\">\n <eui-icon-svg *ngIf=\"isFilterActive\" icon=\"eui-close\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isFilterActive\" icon=\"eui-filter\"></eui-icon-svg>\n </button>\n </span>\n </div>\n</div>\n", styles: [".ux-field-search{position:relative}.ux-field-search input,.ux-field-search .ui-widget input{height:calc(var(--eui-base-spacing-2xl) + 2px);padding-right:var(--eui-base-spacing-2xl)}.ux-field-search input.form-control{border-bottom-right-radius:0;border-top-right-radius:0}.ux-field-search .ux-dropdown-button{border-bottom:1px solid var(--eui-base-color-grey-20);border-radius:0;border-top:1px solid var(--eui-base-color-grey-20);box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search .ux-dropdown-button:not(.ux-button--secondary){margin-left:-1px}.ux-field-search.ux-field-search__with-filter input.form-control{border-radius:0}.ux-field-search.ux-field-search__with-prepend-icon input.form-control{border-bottom-left-radius:0;border-top-left-radius:0}.ux-field-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search__search-button.ux-button--secondary{border:1px solid var(--eui-base-color-grey-20)}.ux-field-search__icon{font-size:var(--eui-base-font-size-xl);padding:0 var(--eui-base-spacing-3xs)}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear{position:relative}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-m);position:absolute;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-xs))}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon:hover{color:var(--eui-base-color-grey-100);cursor:pointer}.ux-dropdown-button-search a{border:1px solid var(--eui-base-color-grey-20);border-left:1px solid var(--eui-base-color-grey-20);border-radius:0;box-shadow:0 0 #000000bf;margin-left:-1px;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxDropdownButtonComponent, selector: "ux-dropdown-button", inputs: ["styleClass", "label", "iconClass", "iconSvgName", "links", "activeLink", "typeClass", "dropdownMinHeight", "dropdownMaxHeight", "width", "buttonLabelAlignment", "e2eAttr", "menu", "id", "isUpdateLabelFromSelectedItem", "isDisabled", "isSmall", "isLarge", "isSplitButtonToggle", "isDropDownRightAligned", "isLinkToggle", "isOutline", "isShowDropdownToggle", "hasItems", "isSecondary", "isBlock"], outputs: ["linkSelected"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
152
152
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxFieldSearchComponent, decorators: [{
153
153
  type: Component,
154
154
  args: [{ selector: 'ux-field-search', providers: [{
155
155
  provide: NG_VALUE_ACCESSOR,
156
156
  useExisting: forwardRef((() => UxFieldSearchComponent)),
157
157
  multi: true,
158
- }], encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-field-search {{styleClass}}\"\n [class.ux-field-search__with-filter]=\"isDropdownFilter\"\n [class.ux-field-search__with-prepend-icon]=\"isShowPrependSearchIcon\"\n\tattr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-input-group\">\n <span class=\"ux-input-group-prepend\" *ngIf=\"isShowPrependSearchIcon\">\n <span class=\"ux-input-group-text\">\n <eui-icon-svg icon=\"eui-search-m\" class=\"ux-field-search__icon\"></eui-icon-svg>\n </span>\n </span>\n\n <div class=\"ux-clearable-input-wrapper\">\n <input #uxFieldSearchInput type=\"text\" matInput [matAutocomplete]=\"auto\" [formControl]=\"searchField\" class=\"ux-form-control\"\n placeholder=\"{{inputPlaceholderLabel ? inputPlaceholderLabel: ('eui.PLACEHOLDERSEARCH' | translate)}}\" (change)=\"onChange($event)\" (keyup)=\"onKeyup($event)\"\n (blur)=\"onTouched($event)\" [value]=\"defaultValue\" />\n <div class=\"ux-clearable-input-wrapper__clear\" *ngIf=\"data\" (click)=\"onClearClick()\">\n <eui-icon-svg icon=\"eui-close\" class=\"ux-clearable-input-wrapper__clear-icon\"></eui-icon-svg>\n </div>\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\" (optionSelected)=\"selected($event)\">\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n\n <div class=\"ux-form-group__input-content\">\n <span *ngIf=\"suggestionsDataLoading\" class=\"ux-form-group__loading-indicator eui-icon eui-icon-refresh eui-icon-spin ux-u-color-primary\"></span>\n </div>\n </div>\n\n <span class=\"ux-input-group-append\" *ngIf=\"isDropdownFilter\">\n <ux-dropdown-button\n [hasItems]=\"dropdownFilterHasItems\"\n [links]=\"dropdownFilterLinks\"\n [styleClass]=\"'ux-dropdown-button-search ' + dropdownFilterStyleClass\"\n label=\"{{dropdownFilterLabel ? dropdownFilterLabel: ('eui.ADVANCEDSEARCH' | translate)}}\"\n [typeClass]=\"dropdownFilterTypeClass\"\n [iconClass]=\"dropdownFilterIconClass\"\n [isSplitButtonToggle]=\"dropdownFilterIsSplitButtonToggle\"\n [isDropDownRightAligned]=\"dropdownFilterIsDropDownRightAligned\"\n [isUpdateLabelFromSelectedItem]=\"dropdownFilterIsUpdateLabelFromSelectedItem\"\n [isOutline]=\"dropdownFilterIsOutline\"\n [isDisabled]=\"dropdownFilterIsDisabled\"\n [width]=\"dropdownFilterWidth\"\n [dropdownMaxHeight]=\"dropdownFilterMaxHeight\">\n\n <!-- <ng-container *ngIf=\"customFilterContent\"> -->\n <ng-content select=\"uxFieldSearchFilterContent\"></ng-content>\n <!-- </ng-container> -->\n\n </ux-dropdown-button>\n </span>\n\n <span class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--{{searchButtonTypeClass}} ux-field-search__search-button\" type=\"button\" (click)=\"onSearch($event)\">\n <span *ngIf=\"!searchButtonAsIcon\">{{searchButtonLabel ? searchButtonLabel: ('eui.SEARCH' | translate)}}</span>\n <eui-icon-svg *ngIf=\"searchButtonAsIcon\" icon=\"eui-search-m\"></eui-icon-svg>\n </button>\n </span>\n <span *ngIf=\"customFilterContent && isFilterButtonTrigger\" class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--secondary\" type=\"button\" (click)=\"isFilterActive = !isFilterActive\">\n <eui-icon-svg *ngIf=\"isFilterActive\" icon=\"eui-times\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isFilterActive\" icon=\"eui-filter\"></eui-icon-svg>\n </button>\n </span>\n </div>\n</div>\n", styles: [".ux-field-search{position:relative}.ux-field-search input,.ux-field-search .ui-widget input{height:calc(var(--eui-base-spacing-2xl) + 2px);padding-right:var(--eui-base-spacing-2xl)}.ux-field-search input.form-control{border-bottom-right-radius:0;border-top-right-radius:0}.ux-field-search .ux-dropdown-button{border-bottom:1px solid var(--eui-base-color-grey-20);border-radius:0;border-top:1px solid var(--eui-base-color-grey-20);box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search .ux-dropdown-button:not(.ux-button--secondary){margin-left:-1px}.ux-field-search.ux-field-search__with-filter input.form-control{border-radius:0}.ux-field-search.ux-field-search__with-prepend-icon input.form-control{border-bottom-left-radius:0;border-top-left-radius:0}.ux-field-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search__search-button.ux-button--secondary{border:1px solid var(--eui-base-color-grey-20)}.ux-field-search__icon{font-size:var(--eui-base-font-size-xl);padding:0 var(--eui-base-spacing-3xs)}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear{position:relative}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-m);position:absolute;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-xs))}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon:hover{color:var(--eui-base-color-grey-100);cursor:pointer}.ux-dropdown-button-search a{border:1px solid var(--eui-base-color-grey-20);border-left:1px solid var(--eui-base-color-grey-20);border-radius:0;box-shadow:0 0 #000000bf;margin-left:-1px;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}\n"] }]
158
+ }], encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-field-search {{styleClass}}\"\n [class.ux-field-search__with-filter]=\"isDropdownFilter\"\n [class.ux-field-search__with-prepend-icon]=\"isShowPrependSearchIcon\"\n\tattr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-input-group\">\n <span class=\"ux-input-group-prepend\" *ngIf=\"isShowPrependSearchIcon\">\n <span class=\"ux-input-group-text\">\n <eui-icon-svg icon=\"eui-search\" fillColor=\"grey-50\" class=\"ux-field-search__icon\"></eui-icon-svg>\n </span>\n </span>\n\n <div class=\"ux-clearable-input-wrapper\">\n <input #uxFieldSearchInput type=\"text\" matInput [matAutocomplete]=\"auto\" [formControl]=\"searchField\" class=\"eui-input-text\"\n placeholder=\"{{inputPlaceholderLabel ? inputPlaceholderLabel: ('eui.PLACEHOLDERSEARCH' | translate)}}\" (change)=\"onChange($event)\" (keyup)=\"onKeyup($event)\"\n (blur)=\"onTouched($event)\" [value]=\"defaultValue\" />\n <div class=\"ux-clearable-input-wrapper__clear\" *ngIf=\"data\" (click)=\"onClearClick()\">\n <eui-icon-svg icon=\"eui-close\" class=\"ux-clearable-input-wrapper__clear-icon\"></eui-icon-svg>\n </div>\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\" (optionSelected)=\"selected($event)\">\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n\n <div class=\"ux-form-group__input-content\">\n <span *ngIf=\"suggestionsDataLoading\" class=\"ux-form-group__loading-indicator eui-icon eui-icon-refresh eui-icon-spin ux-u-color-primary\"></span>\n </div>\n </div>\n\n <span class=\"ux-input-group-append\" *ngIf=\"isDropdownFilter\">\n <ux-dropdown-button\n [hasItems]=\"dropdownFilterHasItems\"\n [links]=\"dropdownFilterLinks\"\n [styleClass]=\"'ux-dropdown-button-search ' + dropdownFilterStyleClass\"\n label=\"{{dropdownFilterLabel ? dropdownFilterLabel: ('eui.ADVANCEDSEARCH' | translate)}}\"\n [typeClass]=\"dropdownFilterTypeClass\"\n [iconClass]=\"dropdownFilterIconClass\"\n [isSplitButtonToggle]=\"dropdownFilterIsSplitButtonToggle\"\n [isDropDownRightAligned]=\"dropdownFilterIsDropDownRightAligned\"\n [isUpdateLabelFromSelectedItem]=\"dropdownFilterIsUpdateLabelFromSelectedItem\"\n [isOutline]=\"dropdownFilterIsOutline\"\n [isDisabled]=\"dropdownFilterIsDisabled\"\n [width]=\"dropdownFilterWidth\"\n [dropdownMaxHeight]=\"dropdownFilterMaxHeight\">\n\n <!-- <ng-container *ngIf=\"customFilterContent\"> -->\n <ng-content select=\"uxFieldSearchFilterContent\"></ng-content>\n <!-- </ng-container> -->\n\n </ux-dropdown-button>\n </span>\n\n <span class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--{{searchButtonTypeClass}} ux-field-search__search-button\" type=\"button\" (click)=\"onSearch($event)\">\n <span *ngIf=\"!searchButtonAsIcon\">{{searchButtonLabel ? searchButtonLabel: ('eui.SEARCH' | translate)}}</span>\n <eui-icon-svg *ngIf=\"searchButtonAsIcon\" icon=\"eui-search\" fillColor=\"white\"></eui-icon-svg>\n </button>\n </span>\n <span *ngIf=\"customFilterContent && isFilterButtonTrigger\" class=\"ux-input-group-append\">\n <button class=\"ux-button ux-button--secondary\" type=\"button\" (click)=\"isFilterActive = !isFilterActive\">\n <eui-icon-svg *ngIf=\"isFilterActive\" icon=\"eui-close\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isFilterActive\" icon=\"eui-filter\"></eui-icon-svg>\n </button>\n </span>\n </div>\n</div>\n", styles: [".ux-field-search{position:relative}.ux-field-search input,.ux-field-search .ui-widget input{height:calc(var(--eui-base-spacing-2xl) + 2px);padding-right:var(--eui-base-spacing-2xl)}.ux-field-search input.form-control{border-bottom-right-radius:0;border-top-right-radius:0}.ux-field-search .ux-dropdown-button{border-bottom:1px solid var(--eui-base-color-grey-20);border-radius:0;border-top:1px solid var(--eui-base-color-grey-20);box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search .ux-dropdown-button:not(.ux-button--secondary){margin-left:-1px}.ux-field-search.ux-field-search__with-filter input.form-control{border-radius:0}.ux-field-search.ux-field-search__with-prepend-icon input.form-control{border-bottom-left-radius:0;border-top-left-radius:0}.ux-field-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:none;height:calc(var(--eui-base-spacing-2xl) + 2px)}.ux-field-search__search-button.ux-button--secondary{border:1px solid var(--eui-base-color-grey-20)}.ux-field-search__icon{font-size:var(--eui-base-font-size-xl);padding:0 var(--eui-base-spacing-3xs)}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear{position:relative}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-m);position:absolute;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-xs))}.ux-field-search .ux-clearable-input-wrapper .ux-clearable-input-wrapper__clear-icon:hover{color:var(--eui-base-color-grey-100);cursor:pointer}.ux-dropdown-button-search a{border:1px solid var(--eui-base-color-grey-20);border-left:1px solid var(--eui-base-color-grey-20);border-radius:0;box-shadow:0 0 #000000bf;margin-left:-1px;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}\n"] }]
159
159
  }], propDecorators: { styleClass: [{
160
160
  type: Input
161
161
  }], inputPlaceholderLabel: [{