@eui/components 14.0.15 → 14.0.16-snapshot-1675721483519

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 (44) hide show
  1. package/docs/dependencies.html +6 -8
  2. package/docs/js/menu-wc_es5.js +1 -1
  3. package/docs/js/search/search_index.js +2 -2
  4. package/esm2020/eui-block-document/eui-block-document.component.mjs +2 -2
  5. package/esm2020/eui-timepicker/eui-timepicker.component.mjs +2 -2
  6. package/esm2020/legacy/ux-block-document/ux-block-document.component.mjs +2 -2
  7. package/esm2020/legacy/ux-dynamic-message-box/ux-dynamic-message-box.component.mjs +2 -2
  8. package/esm2020/legacy/ux-dynamic-modal/ux-dynamic-modal.component.mjs +3 -3
  9. package/esm2020/legacy/ux-message-box/ux-message-box.component.mjs +2 -2
  10. package/esm2020/legacy/ux-modal/ux-modal.component.mjs +2 -2
  11. package/esm2020/legacy/ux-timepicker/ux-timepicker.component.mjs +2 -2
  12. package/fesm2015/eui-components-eui-block-document.mjs +2 -2
  13. package/fesm2015/eui-components-eui-block-document.mjs.map +1 -1
  14. package/fesm2015/eui-components-eui-timepicker.mjs +2 -2
  15. package/fesm2015/eui-components-eui-timepicker.mjs.map +1 -1
  16. package/fesm2015/eui-components-legacy-ux-block-document.mjs +2 -2
  17. package/fesm2015/eui-components-legacy-ux-block-document.mjs.map +1 -1
  18. package/fesm2015/eui-components-legacy-ux-dynamic-message-box.mjs +2 -2
  19. package/fesm2015/eui-components-legacy-ux-dynamic-message-box.mjs.map +1 -1
  20. package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
  21. package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
  22. package/fesm2015/eui-components-legacy-ux-message-box.mjs +2 -2
  23. package/fesm2015/eui-components-legacy-ux-message-box.mjs.map +1 -1
  24. package/fesm2015/eui-components-legacy-ux-modal.mjs +2 -2
  25. package/fesm2015/eui-components-legacy-ux-modal.mjs.map +1 -1
  26. package/fesm2015/eui-components-legacy-ux-timepicker.mjs +2 -2
  27. package/fesm2015/eui-components-legacy-ux-timepicker.mjs.map +1 -1
  28. package/fesm2020/eui-components-eui-block-document.mjs +2 -2
  29. package/fesm2020/eui-components-eui-block-document.mjs.map +1 -1
  30. package/fesm2020/eui-components-eui-timepicker.mjs +2 -2
  31. package/fesm2020/eui-components-eui-timepicker.mjs.map +1 -1
  32. package/fesm2020/eui-components-legacy-ux-block-document.mjs +2 -2
  33. package/fesm2020/eui-components-legacy-ux-block-document.mjs.map +1 -1
  34. package/fesm2020/eui-components-legacy-ux-dynamic-message-box.mjs +2 -2
  35. package/fesm2020/eui-components-legacy-ux-dynamic-message-box.mjs.map +1 -1
  36. package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
  37. package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
  38. package/fesm2020/eui-components-legacy-ux-message-box.mjs +2 -2
  39. package/fesm2020/eui-components-legacy-ux-message-box.mjs.map +1 -1
  40. package/fesm2020/eui-components-legacy-ux-modal.mjs +2 -2
  41. package/fesm2020/eui-components-legacy-ux-modal.mjs.map +1 -1
  42. package/fesm2020/eui-components-legacy-ux-timepicker.mjs +2 -2
  43. package/fesm2020/eui-components-legacy-ux-timepicker.mjs.map +1 -1
  44. package/package.json +2 -2
package/fesm2015/eui-components-legacy-ux-dynamic-message-box.mjs CHANGED
@@ -97,10 +97,10 @@ class UxDynamicMessageBoxComponent {
97
97
  }
98
98
  }
99
99
  /** @nocollapse */ UxDynamicMessageBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicMessageBoxComponent, deps: [{ token: i1$1.TranslateService }, { token: DYNAMIC_COMPONENT_CONFIG }, { token: i1.UxDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
100
- /** @nocollapse */ UxDynamicMessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxDynamicMessageBoxComponent, selector: "ux-dynamic-message-box", inputs: { e2eAttr: "e2eAttr" }, viewQueries: [{ propertyName: "uxMessageBoxBody", first: true, predicate: ["uxmessageboxbody"], descendants: true }], ngImport: i0, template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', isInline: true, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.ux-modal{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;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"], encapsulation: i0.ViewEncapsulation.None });
100
+ /** @nocollapse */ UxDynamicMessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxDynamicMessageBoxComponent, selector: "ux-dynamic-message-box", inputs: { e2eAttr: "e2eAttr" }, viewQueries: [{ propertyName: "uxMessageBoxBody", first: true, predicate: ["uxmessageboxbody"], descendants: true }], ngImport: i0, template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', isInline: true, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.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"], encapsulation: i0.ViewEncapsulation.None });
101
101
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicMessageBoxComponent, decorators: [{
102
102
  type: Component,
103
- args: [{ selector: 'ux-dynamic-message-box', template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', encapsulation: ViewEncapsulation.None, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.ux-modal{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;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"] }]
103
+ args: [{ selector: 'ux-dynamic-message-box', template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', encapsulation: ViewEncapsulation.None, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.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"] }]
104
104
  }], ctorParameters: function () {
105
105
  return [{ type: i1$1.TranslateService }, { type: UxDynamicMessageBoxConfig, decorators: [{
106
106
  type: Inject,
package/fesm2015/eui-components-legacy-ux-dynamic-message-box.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"eui-components-legacy-ux-dynamic-message-box.mjs","sources":["../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.service.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.config.model.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.component.ts","../../legacy/ux-dynamic-message-box/eui-components-legacy-ux-dynamic-message-box.ts"],"sourcesContent":["import { Injectable, ComponentRef } from '@angular/core';\nimport { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport { UxDynamicMessageBoxComponent } from './ux-dynamic-message-box.component';\nimport { UxDynamicComponentService } from '@eui/core';\n\n@Injectable()\nexport class UxDynamicMessageBoxService {\n\n private portalHost: DomPortalOutlet;\n private portal: ComponentPortal<any>;\n private openModalData: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n\n constructor(private uxDynamicComponentService: UxDynamicComponentService) {}\n\n openModal(config: UxDynamicMessageBoxConfig): any {\n document.body.classList.add('modal-open');\n\n this.openModalData = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n return this.openModalData;\n }\n\n /**\n * Open a message-box dynamically (Add it to the DOM)\n */\n openMessageBox(config: UxDynamicMessageBoxConfig) {\n\n if (!(<UxDynamicMessageBoxConfig>config).onClose) {\n (<UxDynamicMessageBoxConfig>config).onClose = this.closeMessageBox.bind(this);\n }\n\n const { portalHost, portal } = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n this.portalHost = portalHost;\n this.portal = portal;\n }\n\n /**\n * Close a message-box created dynamically (Remove it from the DOM)\n */\n closeMessageBox() {\n document.body.classList.remove('modal-open');\n this.uxDynamicComponentService.remove(this.portalHost);\n this.openModalData = null;\n this.portalHost = null;\n this.portal = null;\n }\n\n}\n","import { UxButtonConfig } from '@eui/components/legacy/ux-button';\n\nexport interface UxDynamicMessageBoxConfig {\n id?: string;\n titleLabel?: string;\n content?: string;\n styleClass?: string;\n typeClass?: string;\n messageBoxType?: string;\n acceptLabel?: string;\n dismissLabel?: string;\n isFooterCustomAlignment?: boolean;\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n}\n\nexport class UxDynamicMessageBoxConfig implements UxDynamicMessageBoxConfig {\n id?: string = 'messagebox_modal';\n titleLabel?: string;\n content?: string;\n styleClass?: string;\n typeClass?: string = 'warning';\n messageBoxType?: string = 'confirmation';\n acceptLabel?: string;\n dismissLabel?: string;\n isFooterCustomAlignment?: boolean = false;\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n\n onClick: (value) => any;\n onDismiss: () => any;\n onAccept: () => any;\n onClose?: (portalHostRef, portalRef) => any;\n\n constructor(values) {\n Object.assign(this, values);\n }\n}\n","import {\n AfterContentInit,\n Component,\n ComponentRef,\n ElementRef,\n Inject,\n Input,\n NgModule,\n OnDestroy,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport {\n UxDynamicModalComponent,\n UxDynamicModalComponentModule,\n UxDynamicModalConfig\n} from '@eui/components/legacy/ux-dynamic-modal';\nimport { DYNAMIC_COMPONENT_CONFIG, UxDynamicComponentService } from '@eui/core';\nimport { UxDynamicMessageBoxService } from './ux-dynamic-message-box.service';\n@Component({\n selector: 'ux-dynamic-message-box',\n template: '<div #uxmessageboxbody id=\"{{config.id}}\" attr.data-e2e=\"{{ e2eAttr }}\"></div>',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxDynamicMessageBoxComponent implements AfterContentInit, OnDestroy {\n\n @Input() e2eAttr: string = 'ux-dynamic-message-box';\n\n public stateClasses: string = '';\n public config: UxDynamicMessageBoxConfig;\n\n private injectedComponent: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n\n @ViewChild('uxmessageboxbody') private uxMessageBoxBody: ElementRef<HTMLDivElement>;\n\n constructor(\n private translateService: TranslateService,\n @Inject(DYNAMIC_COMPONENT_CONFIG) uxDynamicComponentConfig: UxDynamicMessageBoxConfig,\n private uxDynamicComponentService: UxDynamicComponentService,\n ) {\n this.config = uxDynamicComponentConfig;\n }\n\n ngAfterContentInit() {\n if (!this.config.acceptLabel) {\n this.translateService.get('eui.YES').subscribe((tr) => {\n this.config.acceptLabel = tr;\n });\n }\n\n if (!this.config.dismissLabel) {\n this.translateService.get('eui.NO').subscribe((tr) => {\n this.config.dismissLabel = tr;\n });\n }\n\n if (this.config.typeClass) {\n this.stateClasses += 'ux-message-box--' + this.config.typeClass + ' ';\n }\n\n // TODO: this code smell, on changeDetection issues avoid this trick\n setTimeout(() => {\n this.config = Object.assign({}, this.config, {\n isMessageBox: true,\n isShowCloseButton: false,\n isCloseModalOnEscape: false,\n isSizeSmall: true,\n styleClass: 'ux-message-box ' + this.stateClasses + ' ' + this.config.styleClass,\n });\n const modalConfig = new UxDynamicModalConfig(this.config);\n this.injectedComponent = this.uxDynamicComponentService.add(UxDynamicModalComponent, this.uxMessageBoxBody, modalConfig);\n }, 0);\n }\n\n ngOnDestroy() {\n if (this.injectedComponent) {\n this.uxDynamicComponentService.remove(this.injectedComponent.portalHost);\n }\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n UxDynamicModalComponentModule,\n ],\n exports: [\n UxDynamicMessageBoxComponent,\n ],\n declarations: [\n UxDynamicMessageBoxComponent,\n ],\n providers: [\n UxDynamicMessageBoxService,\n UxDynamicComponentService\n ],\n entryComponents: [\n UxDynamicMessageBoxComponent,\n ],\n})\n\nexport class UxDynamicMessageBoxComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
1
+ {"version":3,"file":"eui-components-legacy-ux-dynamic-message-box.mjs","sources":["../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.service.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.config.model.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.component.ts","../../legacy/ux-dynamic-message-box/eui-components-legacy-ux-dynamic-message-box.ts"],"sourcesContent":["import { Injectable, ComponentRef } from '@angular/core';\nimport { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport { UxDynamicMessageBoxComponent } from './ux-dynamic-message-box.component';\nimport { UxDynamicComponentService } from '@eui/core';\n\n@Injectable()\nexport class UxDynamicMessageBoxService {\n\n private portalHost: DomPortalOutlet;\n private portal: ComponentPortal<any>;\n private openModalData: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n\n constructor(private uxDynamicComponentService: UxDynamicComponentService) {}\n\n openModal(config: UxDynamicMessageBoxConfig): any {\n document.body.classList.add('modal-open');\n\n this.openModalData = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n return this.openModalData;\n }\n\n /**\n * Open a message-box dynamically (Add it to the DOM)\n */\n openMessageBox(config: UxDynamicMessageBoxConfig) {\n\n if (!(<UxDynamicMessageBoxConfig>config).onClose) {\n (<UxDynamicMessageBoxConfig>config).onClose = this.closeMessageBox.bind(this);\n }\n\n const { portalHost, portal } = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n this.portalHost = portalHost;\n this.portal = portal;\n }\n\n /**\n * Close a message-box created dynamically (Remove it from the DOM)\n */\n closeMessageBox() {\n document.body.classList.remove('modal-open');\n this.uxDynamicComponentService.remove(this.portalHost);\n this.openModalData = null;\n this.portalHost = null;\n this.portal = null;\n }\n\n}\n","import { UxButtonConfig } from '@eui/components/legacy/ux-button';\n\nexport interface UxDynamicMessageBoxConfig {\n id?: string;\n titleLabel?: string;\n content?: string;\n styleClass?: string;\n typeClass?: string;\n messageBoxType?: string;\n acceptLabel?: string;\n dismissLabel?: string;\n isFooterCustomAlignment?: boolean;\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n}\n\nexport class UxDynamicMessageBoxConfig implements UxDynamicMessageBoxConfig {\n id?: string = 'messagebox_modal';\n titleLabel?: string;\n content?: string;\n styleClass?: string;\n typeClass?: string = 'warning';\n messageBoxType?: string = 'confirmation';\n acceptLabel?: string;\n dismissLabel?: string;\n isFooterCustomAlignment?: boolean = false;\n customFooterContent?: {\n left?: {\n buttons: UxButtonConfig[]\n },\n right?: {\n buttons: UxButtonConfig[]\n },\n };\n\n onClick: (value) => any;\n onDismiss: () => any;\n onAccept: () => any;\n onClose?: (portalHostRef, portalRef) => any;\n\n constructor(values) {\n Object.assign(this, values);\n }\n}\n","import {\n AfterContentInit,\n Component,\n ComponentRef,\n ElementRef,\n Inject,\n Input,\n NgModule,\n OnDestroy,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport {\n UxDynamicModalComponent,\n UxDynamicModalComponentModule,\n UxDynamicModalConfig\n} from '@eui/components/legacy/ux-dynamic-modal';\nimport { DYNAMIC_COMPONENT_CONFIG, UxDynamicComponentService } from '@eui/core';\nimport { UxDynamicMessageBoxService } from './ux-dynamic-message-box.service';\n@Component({\n selector: 'ux-dynamic-message-box',\n template: '<div #uxmessageboxbody id=\"{{config.id}}\" attr.data-e2e=\"{{ e2eAttr }}\"></div>',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxDynamicMessageBoxComponent implements AfterContentInit, OnDestroy {\n\n @Input() e2eAttr: string = 'ux-dynamic-message-box';\n\n public stateClasses: string = '';\n public config: UxDynamicMessageBoxConfig;\n\n private injectedComponent: {\n portalHost: DomPortalOutlet,\n portal: ComponentPortal<any>,\n portalComponentInstance: ComponentRef<any>,\n } = null;\n\n @ViewChild('uxmessageboxbody') private uxMessageBoxBody: ElementRef<HTMLDivElement>;\n\n constructor(\n private translateService: TranslateService,\n @Inject(DYNAMIC_COMPONENT_CONFIG) uxDynamicComponentConfig: UxDynamicMessageBoxConfig,\n private uxDynamicComponentService: UxDynamicComponentService,\n ) {\n this.config = uxDynamicComponentConfig;\n }\n\n ngAfterContentInit() {\n if (!this.config.acceptLabel) {\n this.translateService.get('eui.YES').subscribe((tr) => {\n this.config.acceptLabel = tr;\n });\n }\n\n if (!this.config.dismissLabel) {\n this.translateService.get('eui.NO').subscribe((tr) => {\n this.config.dismissLabel = tr;\n });\n }\n\n if (this.config.typeClass) {\n this.stateClasses += 'ux-message-box--' + this.config.typeClass + ' ';\n }\n\n // TODO: this code smell, on changeDetection issues avoid this trick\n setTimeout(() => {\n this.config = Object.assign({}, this.config, {\n isMessageBox: true,\n isShowCloseButton: false,\n isCloseModalOnEscape: false,\n isSizeSmall: true,\n styleClass: 'ux-message-box ' + this.stateClasses + ' ' + this.config.styleClass,\n });\n const modalConfig = new UxDynamicModalConfig(this.config);\n this.injectedComponent = this.uxDynamicComponentService.add(UxDynamicModalComponent, this.uxMessageBoxBody, modalConfig);\n }, 0);\n }\n\n ngOnDestroy() {\n if (this.injectedComponent) {\n this.uxDynamicComponentService.remove(this.injectedComponent.portalHost);\n }\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n UxDynamicModalComponentModule,\n ],\n exports: [\n UxDynamicMessageBoxComponent,\n ],\n declarations: [\n UxDynamicMessageBoxComponent,\n ],\n providers: [\n UxDynamicMessageBoxService,\n UxDynamicComponentService\n ],\n entryComponents: [\n UxDynamicMessageBoxComponent,\n ],\n})\n\nexport class UxDynamicMessageBoxComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs CHANGED
@@ -215,10 +215,10 @@ class UxDynamicModalComponent {
215
215
  }
216
216
  }
217
217
  /** @nocollapse */ UxDynamicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicModalComponent, deps: [{ token: DYNAMIC_COMPONENT_CONFIG }, { token: i1.UxDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
218
- /** @nocollapse */ UxDynamicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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 <span class=\"eui-icon eui-icon-close-m\"></span>\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{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;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: "directive", type: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), selector: "uxDynamicModalFooter" }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), selector: "uxDynamicMessageBoxFooter" }], encapsulation: i0.ViewEncapsulation.None });
218
+ /** @nocollapse */ UxDynamicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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 <span class=\"eui-icon eui-icon-close-m\"></span>\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: "directive", type: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), selector: "uxDynamicModalFooter" }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), selector: "uxDynamicMessageBoxFooter" }], encapsulation: i0.ViewEncapsulation.None });
219
219
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicModalComponent, decorators: [{
220
220
  type: Component,
221
- 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 <span class=\"eui-icon eui-icon-close-m\"></span>\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{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;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"] }]
221
+ 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 <span class=\"eui-icon eui-icon-close-m\"></span>\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"] }]
222
222
  }], ctorParameters: function () {
223
223
  return [{ type: UxDynamicModalConfig, decorators: [{
224
224
  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';\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 ],\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 <span class=\"eui-icon eui-icon-close-m\"></span>\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';\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 ],\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 <span class=\"eui-icon eui-icon-close-m\"></span>\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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"}