@eui/components 14.0.15 → 14.0.16-snapshot-1675721483519

package/fesm2015/eui-components-legacy-ux-message-box.mjs

@@ -69,7 +69,7 @@ class UxMessageBoxComponent {
                 </ng-template>
             </uxModalFooter>
         </ux-modal>
-    `, 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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.UxModalComponent, selector: "ux-modal", inputs: ["id", "styleClass", "titleLabel", "dismissActionLabel", "dismissActionDisabled", "acceptActionLabel", "acceptActionDisabled", "isFooterVisible", "isVisible", "isKeepBodyScroll", "isSizeSmall", "isSizeLarge", "isSizeFullScreen", "isSizeFullHeight", "isSizeMediumHeight", "isShowActionIcons", "acceptIconClass", "dismissIconClass", "hasNoBodyPadding", "customWidth", "isFooterCustomAlignment", "isCloseModalOnEscape", "isShowCloseButton", "isMessageBox", "e2eAttr", "isDraggable", "isHandleCloseOnDismiss", "isHandleCloseOnAccept", "isHandleCloseOnClose", "bodyStyleClass", "footerStyleClass", "isOverflowVisible", "isDismissActionVisible", "isAcceptActionVisible"], outputs: ["onDismiss", "onAccept", "onClose", "onOpen", "onAnimationEnd"] }, { kind: "directive", type: i3.UxModalBodyTagDirective, selector: "uxModalBody" }, { kind: "directive", type: i3.UxModalFooterTagDirective, selector: "uxModalFooter" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    `, 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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.UxModalComponent, selector: "ux-modal", inputs: ["id", "styleClass", "titleLabel", "dismissActionLabel", "dismissActionDisabled", "acceptActionLabel", "acceptActionDisabled", "isFooterVisible", "isVisible", "isKeepBodyScroll", "isSizeSmall", "isSizeLarge", "isSizeFullScreen", "isSizeFullHeight", "isSizeMediumHeight", "isShowActionIcons", "acceptIconClass", "dismissIconClass", "hasNoBodyPadding", "customWidth", "isFooterCustomAlignment", "isCloseModalOnEscape", "isShowCloseButton", "isMessageBox", "e2eAttr", "isDraggable", "isHandleCloseOnDismiss", "isHandleCloseOnAccept", "isHandleCloseOnClose", "bodyStyleClass", "footerStyleClass", "isOverflowVisible", "isDismissActionVisible", "isAcceptActionVisible"], outputs: ["onDismiss", "onAccept", "onClose", "onOpen", "onAnimationEnd"] }, { kind: "directive", type: i3.UxModalBodyTagDirective, selector: "uxModalBody" }, { kind: "directive", type: i3.UxModalFooterTagDirective, selector: "uxModalFooter" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxMessageBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ux-message-box', template: `
@@ -108,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 </ng-template>
             </uxModalFooter>
         </ux-modal>
-    `, 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"] }]
+    `, 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"] }]
         }], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { id: [{
                 type: Input
             }], titleLabel: [{

package/fesm2015/eui-components-legacy-ux-message-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-legacy-ux-message-box.mjs","sources":["../../legacy/ux-message-box/ux-message-box.component.ts","../../legacy/ux-message-box/eui-components-legacy-ux-message-box.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UxAppShellService } from '@eui/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxModalComponentModule } from '@eui/components/legacy/ux-modal';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-message-box',\n    template: `\n        <ux-modal id=\"{{id}}\" titleLabel=\"{{titleLabel}}\"\n                  styleClass=\"ux-message-box {{stateClasses}} {{styleClass}}\"\n                  [isSizeSmall]=\"true\"\n                  [isFooterCustomAlignment]=\"isFooterCustomAlignment\"\n                  [isCloseModalOnEscape]=\"false\"\n                  [isShowCloseButton]=\"false\"\n                  [isMessageBox]=\"true\"\n                  attr.data-e2e=\"{{ e2eAttr }}\">\n            <uxModalBody>\n                <div class=\"ux-message-box__body\">\n                    <div class=\"ux-message-box__body-icon\"></div>\n                    <div class=\"ux-message-box__body-content\">\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n            </uxModalBody>\n            <uxModalFooter>\n                <ng-template [ngIf]=\"customFooterContent\">\n                    <ng-content select=\"uxMessageBoxFooter\"></ng-content>\n                </ng-template>\n                <ng-template [ngIf]=\"!customFooterContent\">\n                    <ng-template [ngIf]=\"messageBoxType === 'confirmation'\">\n                        <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(false)\">\n                            {{dismissLabel ? dismissLabel : ('eui.NO'| translate)}}\n                        </button>\n                        <button type=\"button\" class=\"ux-button ux-button--primary\" (click)=\"onClick(true)\">\n                            {{acceptLabel ? acceptLabel : ('eui.YES'| translate)}}\n                        </button>\n                    </ng-template>\n                    <ng-template [ngIf]=\"messageBoxType === 'ok'\">\n                        <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n                    </ng-template>\n                </ng-template>\n            </uxModalFooter>\n        </ux-modal>\n    `,\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxMessageBoxComponent implements AfterContentInit {\n    @Input() id: string = 'messagebox_modal';\n    @Input() titleLabel: string;\n    @Input() message: string;\n    @Input() styleClass: string;\n    @Input() typeClass: string = 'warning';\n    @Input() messageBoxType: string = 'confirmation';\n    @Input() acceptLabel: string;\n    @Input() dismissLabel: string;\n    @Input()\n    get isFooterCustomAlignment(): boolean { return this._isFooterCustomAlignment; }\n    set isFooterCustomAlignment(value: BooleanInput) { this._isFooterCustomAlignment = coerceBooleanProperty(value); }\n    private _isFooterCustomAlignment: boolean = false;\n    @Input() e2eAttr: string = 'ux-message-box';\n\n    @Output() clicked: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    @ContentChild(forwardRef(() => UxMessageBoxFooterTagDirective))\n    customFooterContent: QueryList<UxMessageBoxFooterTagDirective>;\n\n    yesLabel: string;\n    noLabel: string;\n\n    stateClasses: string;\n\n    constructor(private asService: UxAppShellService) {\n    }\n\n    ngAfterContentInit() {\n        this.stateClasses = '';\n\n        if (this.typeClass) {\n            this.stateClasses += 'ux-message-box--' + this.typeClass + ' ';\n        }\n    }\n\n    onClick(value: boolean) {\n        this.asService.closeModal(this.id);\n        this.clicked.emit(value);\n    }\n\n}\n\n/* eslint-disable */\n@Directive({selector: 'uxMessageBoxFooter'})\nexport class UxMessageBoxFooterTagDirective {\n}\n/* eslint-enable */\n\n@NgModule({\n    imports: [CommonModule, UxModalComponentModule, TranslateModule],\n    exports: [UxMessageBoxComponent, UxMessageBoxFooterTagDirective],\n    declarations: [UxMessageBoxComponent, UxMessageBoxFooterTagDirective]\n})\nexport class UxMessageBoxComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-legacy-ux-message-box.mjs","sources":["../../legacy/ux-message-box/ux-message-box.component.ts","../../legacy/ux-message-box/eui-components-legacy-ux-message-box.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UxAppShellService } from '@eui/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxModalComponentModule } from '@eui/components/legacy/ux-modal';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-message-box',\n    template: `\n        <ux-modal id=\"{{id}}\" titleLabel=\"{{titleLabel}}\"\n                  styleClass=\"ux-message-box {{stateClasses}} {{styleClass}}\"\n                  [isSizeSmall]=\"true\"\n                  [isFooterCustomAlignment]=\"isFooterCustomAlignment\"\n                  [isCloseModalOnEscape]=\"false\"\n                  [isShowCloseButton]=\"false\"\n                  [isMessageBox]=\"true\"\n                  attr.data-e2e=\"{{ e2eAttr }}\">\n            <uxModalBody>\n                <div class=\"ux-message-box__body\">\n                    <div class=\"ux-message-box__body-icon\"></div>\n                    <div class=\"ux-message-box__body-content\">\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n            </uxModalBody>\n            <uxModalFooter>\n                <ng-template [ngIf]=\"customFooterContent\">\n                    <ng-content select=\"uxMessageBoxFooter\"></ng-content>\n                </ng-template>\n                <ng-template [ngIf]=\"!customFooterContent\">\n                    <ng-template [ngIf]=\"messageBoxType === 'confirmation'\">\n                        <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(false)\">\n                            {{dismissLabel ? dismissLabel : ('eui.NO'| translate)}}\n                        </button>\n                        <button type=\"button\" class=\"ux-button ux-button--primary\" (click)=\"onClick(true)\">\n                            {{acceptLabel ? acceptLabel : ('eui.YES'| translate)}}\n                        </button>\n                    </ng-template>\n                    <ng-template [ngIf]=\"messageBoxType === 'ok'\">\n                        <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n                    </ng-template>\n                </ng-template>\n            </uxModalFooter>\n        </ux-modal>\n    `,\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxMessageBoxComponent implements AfterContentInit {\n    @Input() id: string = 'messagebox_modal';\n    @Input() titleLabel: string;\n    @Input() message: string;\n    @Input() styleClass: string;\n    @Input() typeClass: string = 'warning';\n    @Input() messageBoxType: string = 'confirmation';\n    @Input() acceptLabel: string;\n    @Input() dismissLabel: string;\n    @Input()\n    get isFooterCustomAlignment(): boolean { return this._isFooterCustomAlignment; }\n    set isFooterCustomAlignment(value: BooleanInput) { this._isFooterCustomAlignment = coerceBooleanProperty(value); }\n    private _isFooterCustomAlignment: boolean = false;\n    @Input() e2eAttr: string = 'ux-message-box';\n\n    @Output() clicked: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    @ContentChild(forwardRef(() => UxMessageBoxFooterTagDirective))\n    customFooterContent: QueryList<UxMessageBoxFooterTagDirective>;\n\n    yesLabel: string;\n    noLabel: string;\n\n    stateClasses: string;\n\n    constructor(private asService: UxAppShellService) {\n    }\n\n    ngAfterContentInit() {\n        this.stateClasses = '';\n\n        if (this.typeClass) {\n            this.stateClasses += 'ux-message-box--' + this.typeClass + ' ';\n        }\n    }\n\n    onClick(value: boolean) {\n        this.asService.closeModal(this.id);\n        this.clicked.emit(value);\n    }\n\n}\n\n/* eslint-disable */\n@Directive({selector: 'uxMessageBoxFooter'})\nexport class UxMessageBoxFooterTagDirective {\n}\n/* eslint-enable */\n\n@NgModule({\n    imports: [CommonModule, UxModalComponentModule, TranslateModule],\n    exports: [UxMessageBoxComponent, UxMessageBoxFooterTagDirective],\n    declarations: [UxMessageBoxComponent, UxMessageBoxFooterTagDirective]\n})\nexport class UxMessageBoxComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/eui-components-legacy-ux-modal.mjs

@@ -239,7 +239,7 @@ class UxModalComponent {
         <div class="modal-backdrop" [class.show]="isModalOpen"
              [ngClass]="{fade: isModalOpen, in: isModalOpen}"
              [style.display]="isModalOpen ? 'block' : 'none'" (focus)="close($event)"></div>
-    `, isInline: true, 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.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: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.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: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ux-modal', template: `
@@ -315,7 +315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
         <div class="modal-backdrop" [class.show]="isModalOpen"
              [ngClass]="{fade: isModalOpen, in: isModalOpen}"
              [style.display]="isModalOpen ? 'block' : 'none'" (focus)="close($event)"></div>
-    `, encapsulation: ViewEncapsulation.None, 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"] }]
+    `, encapsulation: ViewEncapsulation.None, 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"] }]
         }], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { id: [{
                 type: Input
             }], styleClass: [{

package/fesm2015/eui-components-legacy-ux-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-legacy-ux-modal.mjs","sources":["../../legacy/ux-modal/ux-modal.component.ts","../../legacy/ux-modal/eui-components-legacy-ux-modal.ts"],"sourcesContent":["import type { ElementRef, QueryList } from '@angular/core';\nimport {\n    AfterContentInit,\n    AfterViewInit,\n    Component,\n    ContentChild,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    Input,\n    NgModule,\n    OnDestroy,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { UxAppShellService } from '@eui/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-modal',\n    template: `\n        <div #modal id=\"{{id}}\" cdkTrapFocus class=\"ux-modal {{styleClass}} {{stateClasses}} eui-u-anim\"\n            [class.show]=\"isModalOpen\"\n            [class.eui-u-anim--slideInDown]=\"!isMessageBox\"\n            [class.eui-u-anim--fast]=\"!isMessageBox\"\n            [class.eui-u-anim--flipInY]=\"isMessageBox\"\n            [class.eui-u-anim--medium]=\"isMessageBox\"\n            [class.ux-modal--full-height]=\"isSizeFullHeight\"\n            [class.ux-modal--medium-height]=\"isSizeMediumHeight\"\n            [class.ux-modal--draggable]=\"isDraggable\"\n            [attr.aria-hidden]=\"!isModalOpen\"\n            [style.display]=\"isModalOpen ? 'block' : 'none'\"\n            (keydown)=\"closeModalOnEscape($event)\"\n            role=\"dialog\"\n            [tabIndex]=\"!isModalOpen ? -1 : 0\"\n            attr.data-e2e=\"{{ e2eAttr }}\">\n            <div class=\"ux-modal__dialog\" role=\"document\" [style.max-width]=\"customWidth\" cdkDrag [cdkDragDisabled]=\"!isDraggable\">\n                <div class=\"ux-modal__content\" [class.ux-u-overflow-visible]=\"isOverflowVisible\">\n                    <div class=\"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                            <div class=\"ux-modal__header-title\">{{titleLabel}}</div>\n                        </ng-template>\n                        <button #closeButton type=\"button\"\n                                id=\"{{id}}-close-button\"\n                                class=\"ux-modal__header-close\"\n                                data-dismiss=\"modal\"\n                                aria-label=\"Close\"\n                                (click)=\"close($event)\"\n                                [class.disabled]=\"!isShowCloseButton\">\n                            <span class=\"eui-icon eui-icon-close-m\"></span>\n                        </button>\n                    </div>\n                    <div class=\"ux-modal__body {{bodyStyleClass}}\"\n                         [class.ux-modal--no-padding]=\"hasNoBodyPadding\"\n                         [class.ux-u-overflow-visible]=\"isOverflowVisible\" cdkScrollable>\n                        <ng-content select=\"uxModalBody\"></ng-content>\n                    </div>\n                    <div *ngIf=\"isFooterVisible\"\n                         class=\"ux-modal__footer {{footerStyleClass}}\"\n                         [class.ux-modal__footer--custom-alignment]=\"isFooterCustomAlignment\">\n                        <ng-template [ngIf]=\"customFooterContent\">\n                            <ng-content select=\"uxModalFooter\"></ng-content>\n                        </ng-template>\n                        <ng-template [ngIf]=\"!customFooterContent\">\n                            <button *ngIf=\"isDismissActionVisible\"\n                                    type=\"button\"\n                                    class=\"ux-button ux-button--secondary\"\n                                    [class.ux-button--with-label]=\"isShowActionIcons\"\n                                    [disabled]=\"dismissActionDisabled\"\n                                    (click)=\"onDismissActionClick($event)\">\n                                <span *ngIf=\"isShowActionIcons\" class=\"ux-button__icon {{dismissIconClass}}\"></span>\n                                {{dismissActionLabel}}\n                            </button>\n                            <button *ngIf=\"isAcceptActionVisible\"\n                                    type=\"button\"\n                                    class=\"ux-button ux-button--primary\"\n                                    [class.ux-button--with-label]=\"isShowActionIcons\"\n                                    [disabled]=\"acceptActionDisabled\"\n                                    (click)=\"onAcceptActionClick($event)\">\n                                <span *ngIf=\"isShowActionIcons\" class=\"ux-button__icon {{acceptIconClass}}\"></span>\n                                {{acceptActionLabel}}\n                            </button>\n                        </ng-template>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"modal-backdrop\" [class.show]=\"isModalOpen\"\n             [ngClass]=\"{fade: isModalOpen, in: isModalOpen}\"\n             [style.display]=\"isModalOpen ? 'block' : 'none'\" (focus)=\"close($event)\"></div>\n    `,\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxModalComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n    @Input() id: string;\n    @Input() styleClass: string;\n    @Input() titleLabel: string;\n    @Input() dismissActionLabel: string = 'Cancel';\n    @Input()\n    get dismissActionDisabled(): boolean { return this._dismissActionDisabled; }\n    set dismissActionDisabled(value: BooleanInput) { this._dismissActionDisabled = coerceBooleanProperty(value); }\n    private _dismissActionDisabled = false;\n    @Input() acceptActionLabel: string = 'OK';\n    @Input()\n    get acceptActionDisabled(): boolean { return this._acceptActionDisabled; }\n    set acceptActionDisabled(value: BooleanInput) { this._acceptActionDisabled = coerceBooleanProperty(value); }\n    private _acceptActionDisabled = false;\n    @Input()\n    get isFooterVisible(): boolean { return this._isFooterVisible; }\n    set isFooterVisible(value: BooleanInput) { this._isFooterVisible = coerceBooleanProperty(value); }\n    private _isFooterVisible: boolean = true;\n    @Input()\n    get isVisible(): boolean { return this._isVisible; }\n    set isVisible(value: BooleanInput) { this._isVisible = coerceBooleanProperty(value); }\n    private _isVisible = false;\n    @Input()\n    get isKeepBodyScroll(): boolean { return this._isKeepBodyScroll; }\n    set isKeepBodyScroll(value: BooleanInput) { this._isKeepBodyScroll = coerceBooleanProperty(value); }\n    private _isKeepBodyScroll = false;\n    @Input()\n    get isSizeSmall(): boolean { return this._isSizeSmall; }\n    set isSizeSmall(value: BooleanInput) { this._isSizeSmall = coerceBooleanProperty(value); }\n    private _isSizeSmall = false;\n    @Input()\n    get isSizeLarge(): boolean { return this._isSizeLarge; }\n    set isSizeLarge(value: BooleanInput) { this._isSizeLarge = coerceBooleanProperty(value); }\n    private _isSizeLarge = false;\n    @Input()\n    get isSizeFullScreen(): boolean { return this._isSizeFullScreen; }\n    set isSizeFullScreen(value: BooleanInput) { this._isSizeFullScreen = coerceBooleanProperty(value); }\n    private _isSizeFullScreen = false;\n    @Input()\n    get isSizeFullHeight(): boolean { return this._isSizeFullHeight; }\n    set isSizeFullHeight(value: BooleanInput) { this._isSizeFullHeight = coerceBooleanProperty(value); }\n    private _isSizeFullHeight = false;\n    @Input()\n    get isSizeMediumHeight(): boolean { return this._isSizeMediumHeight; }\n    set isSizeMediumHeight(value: BooleanInput) { this._isSizeMediumHeight = coerceBooleanProperty(value); }\n    private _isSizeMediumHeight = false;\n    @Input()\n    get isShowActionIcons(): boolean { return this._isShowActionIcons; }\n    set isShowActionIcons(value: BooleanInput) { this._isShowActionIcons = coerceBooleanProperty(value); }\n    private _isShowActionIcons = false;\n    @Input() acceptIconClass: string = 'eui-icon eui-icon-check';\n    @Input() dismissIconClass: string = 'eui-icon eui-icon-times';\n    @Input()\n    get hasNoBodyPadding(): boolean { return this._hasNoBodyPadding; }\n    set hasNoBodyPadding(value: BooleanInput) { this._hasNoBodyPadding = coerceBooleanProperty(value); }\n    private _hasNoBodyPadding = false;\n    @Input() customWidth: string;\n    @Input()\n    get isFooterCustomAlignment(): boolean { return this._isFooterCustomAlignment; }\n    set isFooterCustomAlignment(value: BooleanInput) { this._isFooterCustomAlignment = coerceBooleanProperty(value); }\n    private _isFooterCustomAlignment = false;\n    @Input()\n    get isCloseModalOnEscape(): boolean { return this._isCloseModalOnEscape; }\n    set isCloseModalOnEscape(value: BooleanInput) { this._isCloseModalOnEscape = coerceBooleanProperty(value); }\n    private _isCloseModalOnEscape: boolean = true;\n    @Input()\n    get isShowCloseButton(): boolean { return this._isShowCloseButton; }\n    set isShowCloseButton(value: BooleanInput) { this._isShowCloseButton = coerceBooleanProperty(value); }\n    private _isShowCloseButton: boolean = true;\n    @Input()\n    get isMessageBox(): boolean { return this._isMessageBox; }\n    set isMessageBox(value: BooleanInput) { this._isMessageBox = coerceBooleanProperty(value); }\n    private _isMessageBox = false;\n    @Input() e2eAttr: string = 'ux-modal';\n    @Input()\n    get isDraggable(): boolean { return this._isDraggable; }\n    set isDraggable(value: BooleanInput) { this._isDraggable = coerceBooleanProperty(value); }\n    private _isDraggable = false;\n\n    @Input()\n    get isHandleCloseOnDismiss(): boolean { return this._isHandleCloseOnDismiss; }\n    set isHandleCloseOnDismiss(value: BooleanInput) { this._isHandleCloseOnDismiss = coerceBooleanProperty(value); }\n    private _isHandleCloseOnDismiss: boolean = true;\n    @Input()\n    get isHandleCloseOnAccept(): boolean { return this._isHandleCloseOnAccept; }\n    set isHandleCloseOnAccept(value: BooleanInput) { this._isHandleCloseOnAccept = coerceBooleanProperty(value); }\n    private _isHandleCloseOnAccept: boolean = true;\n    @Input()\n    get isHandleCloseOnClose(): boolean { return this._isHandleCloseOnClose; }\n    set isHandleCloseOnClose(value: BooleanInput) { this._isHandleCloseOnClose = coerceBooleanProperty(value); }\n    private _isHandleCloseOnClose: boolean = true;\n\n    @Input() bodyStyleClass: string;\n    @Input() footerStyleClass: string;\n\n    @Input()\n    get isOverflowVisible(): boolean { return this._isOverflowVisible; }\n    set isOverflowVisible(value: BooleanInput) { this._isOverflowVisible = coerceBooleanProperty(value); }\n    private _isOverflowVisible: boolean = false;\n\n    @Input()\n    get isDismissActionVisible(): boolean { return this._isDismissActionVisible; }\n    set isDismissActionVisible(value: BooleanInput) { this._isDismissActionVisible = coerceBooleanProperty(value); }\n    private _isDismissActionVisible: boolean = true;\n    @Input()\n    get isAcceptActionVisible(): boolean { return this._isAcceptActionVisible; }\n    set isAcceptActionVisible(value: BooleanInput) { this._isAcceptActionVisible = coerceBooleanProperty(value); }\n    private _isAcceptActionVisible: boolean = true;\n\n    @Output() onDismiss = new EventEmitter<any>();\n    @Output() onAccept = new EventEmitter<any>();\n    @Output() onClose = new EventEmitter<any>();\n    @Output() onOpen = new EventEmitter<any>();\n    @Output() onAnimationEnd = new EventEmitter<any>();\n\n    openModalIdSubscription: Subscription;\n    animationEndSubscription: Subscription;\n\n    @ContentChild(forwardRef(() => UxModalFooterTagDirective))\n    customFooterContent: QueryList<UxModalFooterTagDirective>;\n    @ContentChild(forwardRef(() => UxModalHeaderTagDirective))\n    customHeaderContent: QueryList<UxModalHeaderTagDirective>;\n    @ViewChild('modal') uxModalEl: ElementRef<HTMLDivElement>;\n    @ViewChild('closeButton') vcCloseButton: ElementRef<HTMLButtonElement>;\n\n    // modal states\n    stateClasses: string = '';\n\n    constructor(public asService: UxAppShellService) {\n    }\n\n    get isModalOpen(): boolean {\n        if (this.asService.isModalOpen(this.id)) {\n            return true;\n        }\n        return false;\n    }\n\n    ngAfterContentInit() {\n        if (this.isVisible) {\n            this.asService.openModal(this.id);\n        }\n\n        // setting modal states\n\n        if (this.isSizeSmall) {\n            this.stateClasses = 'ux-modal--small';\n        }\n\n        if (this.isSizeLarge) {\n            this.stateClasses = 'ux-modal--large';\n        }\n\n        if (this.isSizeFullScreen) {\n            this.stateClasses = 'ux-modal--full-screen';\n        }\n\n        if (!this.isAcceptActionVisible && !this.isDismissActionVisible) {\n            this.isFooterVisible = false;\n        }\n    }\n\n    ngAfterViewInit() {\n        const modalEl = this.uxModalEl.nativeElement;\n        this.animationEndSubscription = fromEvent(modalEl, 'animationend').subscribe(() => {\n            this.onAnimationEnd.next(void 0);\n            this.onOpen.emit(true);\n        });\n    }\n\n    ngOnDestroy() {\n        if (this.openModalIdSubscription) {\n            this.openModalIdSubscription.unsubscribe();\n        }\n        if (this.animationEndSubscription) {\n            this.animationEndSubscription.unsubscribe();\n        }\n\n        if (this.asService.isModalOpen(this.id)) {\n            this.close({});\n        }\n    }\n\n    close(event: any) {\n        if (this.isHandleCloseOnClose) {\n            this.asService.closeModal(this.id);\n        }\n        this.onClose.emit(event);\n    }\n\n    closeModalOnEscape(event: any) {\n        if (this.isCloseModalOnEscape) {\n            if (event.keyCode === 27) { // 27 = escape\n                this.close(event);\n            }\n        }\n    }\n\n    onAcceptActionClick(event: any) {\n        if (this.isHandleCloseOnAccept) {\n            this.asService.closeModal(this.id);\n        }\n        this.onAccept.emit(event);\n    }\n\n    onDismissActionClick(event: any) {\n        if (this.isHandleCloseOnDismiss) {\n            this.asService.closeModal(this.id);\n        }\n        this.onDismiss.emit(event);\n    }\n}\n\n/* eslint-disable */\n@Directive({selector: 'uxModalBody'})\nexport class UxModalBodyTagDirective {\n}\n\n@Directive({selector: 'uxModalFooter'})\nexport class UxModalFooterTagDirective {\n}\n\n@Directive({selector: 'uxModalHeader'})\nexport class UxModalHeaderTagDirective {\n}\n\n/* eslint-enable */\n\n@NgModule({\n    imports: [CommonModule, A11yModule, ScrollingModule, DragDropModule],\n    exports: [UxModalComponent, UxModalBodyTagDirective, UxModalFooterTagDirective, UxModalHeaderTagDirective],\n    declarations: [UxModalComponent, UxModalBodyTagDirective, UxModalFooterTagDirective, UxModalHeaderTagDirective]\n})\nexport class UxModalComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-legacy-ux-modal.mjs","sources":["../../legacy/ux-modal/ux-modal.component.ts","../../legacy/ux-modal/eui-components-legacy-ux-modal.ts"],"sourcesContent":["import type { ElementRef, QueryList } from '@angular/core';\nimport {\n    AfterContentInit,\n    AfterViewInit,\n    Component,\n    ContentChild,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    Input,\n    NgModule,\n    OnDestroy,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { UxAppShellService } from '@eui/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-modal',\n    template: `\n        <div #modal id=\"{{id}}\" cdkTrapFocus class=\"ux-modal {{styleClass}} {{stateClasses}} eui-u-anim\"\n            [class.show]=\"isModalOpen\"\n            [class.eui-u-anim--slideInDown]=\"!isMessageBox\"\n            [class.eui-u-anim--fast]=\"!isMessageBox\"\n            [class.eui-u-anim--flipInY]=\"isMessageBox\"\n            [class.eui-u-anim--medium]=\"isMessageBox\"\n            [class.ux-modal--full-height]=\"isSizeFullHeight\"\n            [class.ux-modal--medium-height]=\"isSizeMediumHeight\"\n            [class.ux-modal--draggable]=\"isDraggable\"\n            [attr.aria-hidden]=\"!isModalOpen\"\n            [style.display]=\"isModalOpen ? 'block' : 'none'\"\n            (keydown)=\"closeModalOnEscape($event)\"\n            role=\"dialog\"\n            [tabIndex]=\"!isModalOpen ? -1 : 0\"\n            attr.data-e2e=\"{{ e2eAttr }}\">\n            <div class=\"ux-modal__dialog\" role=\"document\" [style.max-width]=\"customWidth\" cdkDrag [cdkDragDisabled]=\"!isDraggable\">\n                <div class=\"ux-modal__content\" [class.ux-u-overflow-visible]=\"isOverflowVisible\">\n                    <div class=\"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                            <div class=\"ux-modal__header-title\">{{titleLabel}}</div>\n                        </ng-template>\n                        <button #closeButton type=\"button\"\n                                id=\"{{id}}-close-button\"\n                                class=\"ux-modal__header-close\"\n                                data-dismiss=\"modal\"\n                                aria-label=\"Close\"\n                                (click)=\"close($event)\"\n                                [class.disabled]=\"!isShowCloseButton\">\n                            <span class=\"eui-icon eui-icon-close-m\"></span>\n                        </button>\n                    </div>\n                    <div class=\"ux-modal__body {{bodyStyleClass}}\"\n                         [class.ux-modal--no-padding]=\"hasNoBodyPadding\"\n                         [class.ux-u-overflow-visible]=\"isOverflowVisible\" cdkScrollable>\n                        <ng-content select=\"uxModalBody\"></ng-content>\n                    </div>\n                    <div *ngIf=\"isFooterVisible\"\n                         class=\"ux-modal__footer {{footerStyleClass}}\"\n                         [class.ux-modal__footer--custom-alignment]=\"isFooterCustomAlignment\">\n                        <ng-template [ngIf]=\"customFooterContent\">\n                            <ng-content select=\"uxModalFooter\"></ng-content>\n                        </ng-template>\n                        <ng-template [ngIf]=\"!customFooterContent\">\n                            <button *ngIf=\"isDismissActionVisible\"\n                                    type=\"button\"\n                                    class=\"ux-button ux-button--secondary\"\n                                    [class.ux-button--with-label]=\"isShowActionIcons\"\n                                    [disabled]=\"dismissActionDisabled\"\n                                    (click)=\"onDismissActionClick($event)\">\n                                <span *ngIf=\"isShowActionIcons\" class=\"ux-button__icon {{dismissIconClass}}\"></span>\n                                {{dismissActionLabel}}\n                            </button>\n                            <button *ngIf=\"isAcceptActionVisible\"\n                                    type=\"button\"\n                                    class=\"ux-button ux-button--primary\"\n                                    [class.ux-button--with-label]=\"isShowActionIcons\"\n                                    [disabled]=\"acceptActionDisabled\"\n                                    (click)=\"onAcceptActionClick($event)\">\n                                <span *ngIf=\"isShowActionIcons\" class=\"ux-button__icon {{acceptIconClass}}\"></span>\n                                {{acceptActionLabel}}\n                            </button>\n                        </ng-template>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"modal-backdrop\" [class.show]=\"isModalOpen\"\n             [ngClass]=\"{fade: isModalOpen, in: isModalOpen}\"\n             [style.display]=\"isModalOpen ? 'block' : 'none'\" (focus)=\"close($event)\"></div>\n    `,\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxModalComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n    @Input() id: string;\n    @Input() styleClass: string;\n    @Input() titleLabel: string;\n    @Input() dismissActionLabel: string = 'Cancel';\n    @Input()\n    get dismissActionDisabled(): boolean { return this._dismissActionDisabled; }\n    set dismissActionDisabled(value: BooleanInput) { this._dismissActionDisabled = coerceBooleanProperty(value); }\n    private _dismissActionDisabled = false;\n    @Input() acceptActionLabel: string = 'OK';\n    @Input()\n    get acceptActionDisabled(): boolean { return this._acceptActionDisabled; }\n    set acceptActionDisabled(value: BooleanInput) { this._acceptActionDisabled = coerceBooleanProperty(value); }\n    private _acceptActionDisabled = false;\n    @Input()\n    get isFooterVisible(): boolean { return this._isFooterVisible; }\n    set isFooterVisible(value: BooleanInput) { this._isFooterVisible = coerceBooleanProperty(value); }\n    private _isFooterVisible: boolean = true;\n    @Input()\n    get isVisible(): boolean { return this._isVisible; }\n    set isVisible(value: BooleanInput) { this._isVisible = coerceBooleanProperty(value); }\n    private _isVisible = false;\n    @Input()\n    get isKeepBodyScroll(): boolean { return this._isKeepBodyScroll; }\n    set isKeepBodyScroll(value: BooleanInput) { this._isKeepBodyScroll = coerceBooleanProperty(value); }\n    private _isKeepBodyScroll = false;\n    @Input()\n    get isSizeSmall(): boolean { return this._isSizeSmall; }\n    set isSizeSmall(value: BooleanInput) { this._isSizeSmall = coerceBooleanProperty(value); }\n    private _isSizeSmall = false;\n    @Input()\n    get isSizeLarge(): boolean { return this._isSizeLarge; }\n    set isSizeLarge(value: BooleanInput) { this._isSizeLarge = coerceBooleanProperty(value); }\n    private _isSizeLarge = false;\n    @Input()\n    get isSizeFullScreen(): boolean { return this._isSizeFullScreen; }\n    set isSizeFullScreen(value: BooleanInput) { this._isSizeFullScreen = coerceBooleanProperty(value); }\n    private _isSizeFullScreen = false;\n    @Input()\n    get isSizeFullHeight(): boolean { return this._isSizeFullHeight; }\n    set isSizeFullHeight(value: BooleanInput) { this._isSizeFullHeight = coerceBooleanProperty(value); }\n    private _isSizeFullHeight = false;\n    @Input()\n    get isSizeMediumHeight(): boolean { return this._isSizeMediumHeight; }\n    set isSizeMediumHeight(value: BooleanInput) { this._isSizeMediumHeight = coerceBooleanProperty(value); }\n    private _isSizeMediumHeight = false;\n    @Input()\n    get isShowActionIcons(): boolean { return this._isShowActionIcons; }\n    set isShowActionIcons(value: BooleanInput) { this._isShowActionIcons = coerceBooleanProperty(value); }\n    private _isShowActionIcons = false;\n    @Input() acceptIconClass: string = 'eui-icon eui-icon-check';\n    @Input() dismissIconClass: string = 'eui-icon eui-icon-times';\n    @Input()\n    get hasNoBodyPadding(): boolean { return this._hasNoBodyPadding; }\n    set hasNoBodyPadding(value: BooleanInput) { this._hasNoBodyPadding = coerceBooleanProperty(value); }\n    private _hasNoBodyPadding = false;\n    @Input() customWidth: string;\n    @Input()\n    get isFooterCustomAlignment(): boolean { return this._isFooterCustomAlignment; }\n    set isFooterCustomAlignment(value: BooleanInput) { this._isFooterCustomAlignment = coerceBooleanProperty(value); }\n    private _isFooterCustomAlignment = false;\n    @Input()\n    get isCloseModalOnEscape(): boolean { return this._isCloseModalOnEscape; }\n    set isCloseModalOnEscape(value: BooleanInput) { this._isCloseModalOnEscape = coerceBooleanProperty(value); }\n    private _isCloseModalOnEscape: boolean = true;\n    @Input()\n    get isShowCloseButton(): boolean { return this._isShowCloseButton; }\n    set isShowCloseButton(value: BooleanInput) { this._isShowCloseButton = coerceBooleanProperty(value); }\n    private _isShowCloseButton: boolean = true;\n    @Input()\n    get isMessageBox(): boolean { return this._isMessageBox; }\n    set isMessageBox(value: BooleanInput) { this._isMessageBox = coerceBooleanProperty(value); }\n    private _isMessageBox = false;\n    @Input() e2eAttr: string = 'ux-modal';\n    @Input()\n    get isDraggable(): boolean { return this._isDraggable; }\n    set isDraggable(value: BooleanInput) { this._isDraggable = coerceBooleanProperty(value); }\n    private _isDraggable = false;\n\n    @Input()\n    get isHandleCloseOnDismiss(): boolean { return this._isHandleCloseOnDismiss; }\n    set isHandleCloseOnDismiss(value: BooleanInput) { this._isHandleCloseOnDismiss = coerceBooleanProperty(value); }\n    private _isHandleCloseOnDismiss: boolean = true;\n    @Input()\n    get isHandleCloseOnAccept(): boolean { return this._isHandleCloseOnAccept; }\n    set isHandleCloseOnAccept(value: BooleanInput) { this._isHandleCloseOnAccept = coerceBooleanProperty(value); }\n    private _isHandleCloseOnAccept: boolean = true;\n    @Input()\n    get isHandleCloseOnClose(): boolean { return this._isHandleCloseOnClose; }\n    set isHandleCloseOnClose(value: BooleanInput) { this._isHandleCloseOnClose = coerceBooleanProperty(value); }\n    private _isHandleCloseOnClose: boolean = true;\n\n    @Input() bodyStyleClass: string;\n    @Input() footerStyleClass: string;\n\n    @Input()\n    get isOverflowVisible(): boolean { return this._isOverflowVisible; }\n    set isOverflowVisible(value: BooleanInput) { this._isOverflowVisible = coerceBooleanProperty(value); }\n    private _isOverflowVisible: boolean = false;\n\n    @Input()\n    get isDismissActionVisible(): boolean { return this._isDismissActionVisible; }\n    set isDismissActionVisible(value: BooleanInput) { this._isDismissActionVisible = coerceBooleanProperty(value); }\n    private _isDismissActionVisible: boolean = true;\n    @Input()\n    get isAcceptActionVisible(): boolean { return this._isAcceptActionVisible; }\n    set isAcceptActionVisible(value: BooleanInput) { this._isAcceptActionVisible = coerceBooleanProperty(value); }\n    private _isAcceptActionVisible: boolean = true;\n\n    @Output() onDismiss = new EventEmitter<any>();\n    @Output() onAccept = new EventEmitter<any>();\n    @Output() onClose = new EventEmitter<any>();\n    @Output() onOpen = new EventEmitter<any>();\n    @Output() onAnimationEnd = new EventEmitter<any>();\n\n    openModalIdSubscription: Subscription;\n    animationEndSubscription: Subscription;\n\n    @ContentChild(forwardRef(() => UxModalFooterTagDirective))\n    customFooterContent: QueryList<UxModalFooterTagDirective>;\n    @ContentChild(forwardRef(() => UxModalHeaderTagDirective))\n    customHeaderContent: QueryList<UxModalHeaderTagDirective>;\n    @ViewChild('modal') uxModalEl: ElementRef<HTMLDivElement>;\n    @ViewChild('closeButton') vcCloseButton: ElementRef<HTMLButtonElement>;\n\n    // modal states\n    stateClasses: string = '';\n\n    constructor(public asService: UxAppShellService) {\n    }\n\n    get isModalOpen(): boolean {\n        if (this.asService.isModalOpen(this.id)) {\n            return true;\n        }\n        return false;\n    }\n\n    ngAfterContentInit() {\n        if (this.isVisible) {\n            this.asService.openModal(this.id);\n        }\n\n        // setting modal states\n\n        if (this.isSizeSmall) {\n            this.stateClasses = 'ux-modal--small';\n        }\n\n        if (this.isSizeLarge) {\n            this.stateClasses = 'ux-modal--large';\n        }\n\n        if (this.isSizeFullScreen) {\n            this.stateClasses = 'ux-modal--full-screen';\n        }\n\n        if (!this.isAcceptActionVisible && !this.isDismissActionVisible) {\n            this.isFooterVisible = false;\n        }\n    }\n\n    ngAfterViewInit() {\n        const modalEl = this.uxModalEl.nativeElement;\n        this.animationEndSubscription = fromEvent(modalEl, 'animationend').subscribe(() => {\n            this.onAnimationEnd.next(void 0);\n            this.onOpen.emit(true);\n        });\n    }\n\n    ngOnDestroy() {\n        if (this.openModalIdSubscription) {\n            this.openModalIdSubscription.unsubscribe();\n        }\n        if (this.animationEndSubscription) {\n            this.animationEndSubscription.unsubscribe();\n        }\n\n        if (this.asService.isModalOpen(this.id)) {\n            this.close({});\n        }\n    }\n\n    close(event: any) {\n        if (this.isHandleCloseOnClose) {\n            this.asService.closeModal(this.id);\n        }\n        this.onClose.emit(event);\n    }\n\n    closeModalOnEscape(event: any) {\n        if (this.isCloseModalOnEscape) {\n            if (event.keyCode === 27) { // 27 = escape\n                this.close(event);\n            }\n        }\n    }\n\n    onAcceptActionClick(event: any) {\n        if (this.isHandleCloseOnAccept) {\n            this.asService.closeModal(this.id);\n        }\n        this.onAccept.emit(event);\n    }\n\n    onDismissActionClick(event: any) {\n        if (this.isHandleCloseOnDismiss) {\n            this.asService.closeModal(this.id);\n        }\n        this.onDismiss.emit(event);\n    }\n}\n\n/* eslint-disable */\n@Directive({selector: 'uxModalBody'})\nexport class UxModalBodyTagDirective {\n}\n\n@Directive({selector: 'uxModalFooter'})\nexport class UxModalFooterTagDirective {\n}\n\n@Directive({selector: 'uxModalHeader'})\nexport class UxModalHeaderTagDirective {\n}\n\n/* eslint-enable */\n\n@NgModule({\n    imports: [CommonModule, A11yModule, ScrollingModule, DragDropModule],\n    exports: [UxModalComponent, UxModalBodyTagDirective, UxModalFooterTagDirective, UxModalHeaderTagDirective],\n    declarations: [UxModalComponent, UxModalBodyTagDirective, UxModalFooterTagDirective, UxModalHeaderTagDirective]\n})\nexport class UxModalComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/eui-components-legacy-ux-timepicker.mjs

@@ -81,10 +81,10 @@ class UxTimepickerComponent {
     }
 }
 /** @nocollapse */ UxTimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxTimepickerComponent, deps: [{ token: DYNAMIC_COMPONENT_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxTimepickerComponent, selector: "ux-timepicker", inputs: { isreadOnly: "isreadOnly" }, ngImport: i0, template: "<div class=\"ux-timepicker\" [class.ux-timepicker--centered]=\"isDatetimepicker\">\n    <div class=\"ux-timepicker-input-container ux-timepicker-hour\">\n        <a class=\"ux-timepicker__chevron\" tabindex=\"-1\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeHour(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"HH\"\n            [value]=\"formatHour(hour)\"\n            (change)=\"updateHour($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Hours\"\n            (keydown.ArrowUp)=\"changeHour(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeHour(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeHour(-1)\"></span>\n        </a>\n    </div>\n    <div class=\"ux-timepicker-spacer\">:</div>\n    <div class=\"ux-timepicker-input-container ux-timepicker-minute\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeMinute(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"MM\"\n            [value]=\"formatMins(mins)\"\n            (change)=\"updateMinute($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Minutes\"\n            (keydown.ArrowUp)=\"changeMinute(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeMinute(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeMinute(-1)\"></span>\n        </a>\n    </div>\n</div>\n", styles: ["ux-timepicker{font-size:var(--eui-base-font-size)}.ux-timepicker{align-items:center;display:flex}.ux-timepicker--centered{justify-content:center}.ux-timepicker-input-container{width:4rem}.ux-timepicker-input{text-align:center}.ux-timepicker-hour,.ux-timepicker-minute{width:4rem}.ux-timepicker-spacer{text-align:center;width:var(--eui-base-spacing-m)}.ux-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:.5rem;-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.ux-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ UxTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxTimepickerComponent, selector: "ux-timepicker", inputs: { isreadOnly: "isreadOnly" }, ngImport: i0, template: "<div class=\"ux-timepicker\" [class.ux-timepicker--centered]=\"isDatetimepicker\">\n    <div class=\"ux-timepicker-input-container ux-timepicker-hour\">\n        <a class=\"ux-timepicker__chevron\" tabindex=\"-1\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeHour(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"HH\"\n            [value]=\"formatHour(hour)\"\n            (change)=\"updateHour($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Hours\"\n            (keydown.ArrowUp)=\"changeHour(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeHour(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeHour(-1)\"></span>\n        </a>\n    </div>\n    <div class=\"ux-timepicker-spacer\">:</div>\n    <div class=\"ux-timepicker-input-container ux-timepicker-minute\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeMinute(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"MM\"\n            [value]=\"formatMins(mins)\"\n            (change)=\"updateMinute($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Minutes\"\n            (keydown.ArrowUp)=\"changeMinute(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeMinute(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeMinute(-1)\"></span>\n        </a>\n    </div>\n</div>\n", styles: ["ux-timepicker{font-size:var(--eui-base-font-size)}.ux-timepicker{align-items:center;display:flex}.ux-timepicker--centered{justify-content:center}.ux-timepicker-input-container{width:4rem}.ux-timepicker-input{text-align:center}.ux-timepicker-hour,.ux-timepicker-minute{width:4rem}.ux-timepicker-spacer{text-align:center;width:var(--eui-base-spacing-m)}.ux-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:.5rem;text-decoration-line:none!important}.ux-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxTimepickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-timepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-timepicker\" [class.ux-timepicker--centered]=\"isDatetimepicker\">\n    <div class=\"ux-timepicker-input-container ux-timepicker-hour\">\n        <a class=\"ux-timepicker__chevron\" tabindex=\"-1\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeHour(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"HH\"\n            [value]=\"formatHour(hour)\"\n            (change)=\"updateHour($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Hours\"\n            (keydown.ArrowUp)=\"changeHour(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeHour(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeHour(-1)\"></span>\n        </a>\n    </div>\n    <div class=\"ux-timepicker-spacer\">:</div>\n    <div class=\"ux-timepicker-input-container ux-timepicker-minute\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeMinute(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"MM\"\n            [value]=\"formatMins(mins)\"\n            (change)=\"updateMinute($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Minutes\"\n            (keydown.ArrowUp)=\"changeMinute(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeMinute(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeMinute(-1)\"></span>\n        </a>\n    </div>\n</div>\n", styles: ["ux-timepicker{font-size:var(--eui-base-font-size)}.ux-timepicker{align-items:center;display:flex}.ux-timepicker--centered{justify-content:center}.ux-timepicker-input-container{width:4rem}.ux-timepicker-input{text-align:center}.ux-timepicker-hour,.ux-timepicker-minute{width:4rem}.ux-timepicker-spacer{text-align:center;width:var(--eui-base-spacing-m)}.ux-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:.5rem;-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.ux-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"] }]
+            args: [{ selector: 'ux-timepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-timepicker\" [class.ux-timepicker--centered]=\"isDatetimepicker\">\n    <div class=\"ux-timepicker-input-container ux-timepicker-hour\">\n        <a class=\"ux-timepicker__chevron\" tabindex=\"-1\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeHour(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"HH\"\n            [value]=\"formatHour(hour)\"\n            (change)=\"updateHour($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Hours\"\n            (keydown.ArrowUp)=\"changeHour(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeHour(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeHour(-1)\"></span>\n        </a>\n    </div>\n    <div class=\"ux-timepicker-spacer\">:</div>\n    <div class=\"ux-timepicker-input-container ux-timepicker-minute\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeMinute(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"MM\"\n            [value]=\"formatMins(mins)\"\n            (change)=\"updateMinute($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Minutes\"\n            (keydown.ArrowUp)=\"changeMinute(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeMinute(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeMinute(-1)\"></span>\n        </a>\n    </div>\n</div>\n", styles: ["ux-timepicker{font-size:var(--eui-base-font-size)}.ux-timepicker{align-items:center;display:flex}.ux-timepicker--centered{justify-content:center}.ux-timepicker-input-container{width:4rem}.ux-timepicker-input{text-align:center}.ux-timepicker-hour,.ux-timepicker-minute{width:4rem}.ux-timepicker-spacer{text-align:center;width:var(--eui-base-spacing-m)}.ux-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:.5rem;text-decoration-line:none!important}.ux-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"] }]
         }], ctorParameters: function () {
         return [{ type: UxDateTimePickerConfig, decorators: [{
                         type: Optional

package/fesm2015/eui-components-legacy-ux-timepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-legacy-ux-timepicker.mjs","sources":["../../legacy/ux-timepicker/ux-date-time-picker.config.model.ts","../../legacy/ux-timepicker/ux-timepicker.component.ts","../../legacy/ux-timepicker/ux-timepicker.component.html","../../legacy/ux-timepicker/ux-timepicker.module.ts","../../legacy/ux-timepicker/eui-components-legacy-ux-timepicker.ts"],"sourcesContent":["export interface UxDateTimePickerConfig {\n    hour: number;\n    mins: number;\n    isDatetimepicker: boolean;\n    callbackFn: (hour: number, mins: number) => any;\n}\n\nexport class UxDateTimePickerConfig implements UxDateTimePickerConfig {\n    hour: number;\n    mins: number;\n    isDatetimepicker: boolean;\n    callbackFn: (hour: number, mins: number) => any;\n\n    constructor(values) {\n        Object.assign(this, values);\n    }\n}\n","import { Component, Inject, Input, Optional, ViewEncapsulation } from '@angular/core';\nimport { UxDateTimePickerConfig } from './ux-date-time-picker.config.model';\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-timepicker',\n    templateUrl: './ux-timepicker.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxTimepickerComponent {\n\n    hour: number;\n    mins: number;\n    isDatetimepicker: boolean;\n\n    @Input()\n    get isreadOnly(): boolean { return this._isreadOnly; }\n    set isreadOnly(value: BooleanInput) { this._isreadOnly = coerceBooleanProperty(value); }\n    private _isreadOnly: boolean = false;\n\n    constructor(@Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: UxDateTimePickerConfig) {\n        this.hour = config && config.hour || 0;\n        this.mins = config && config.mins || 0;\n        this.isDatetimepicker = config && config.isDatetimepicker;\n        this.callbackFn = config && config.callbackFn || this.callbackFn;\n    }\n\n    callbackFn: (hour: number, mins: number) => void = () => {\n    }\n\n    changeHour(step: number) {\n        const val = (isNaN(this.hour) ? 0 : this.hour) + (step);\n        this.updateHour(val.toString());\n    }\n\n    changeMinute(step: number) {\n        const val = (isNaN(this.mins) ? 0 : this.mins) + (step);\n        this.updateMinute(val.toString());\n    }\n\n    updateHour(newVal: string);\n    updateHour(newVal: Event);\n    updateHour(newVal: string | Event) {\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredHour = this.toInteger(value);\n\n        if (!isNaN(enteredHour)) {\n            this.hour = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n        } else {\n            this.hour = NaN;\n        }\n\n        this.callbackFn(this.hour, this.mins);\n    }\n\n    updateMinute(newVal: string);\n    updateMinute(newVal: Event);\n    updateMinute(newVal: string | Event) {\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredMin = this.toInteger(value);\n\n        if (!isNaN(enteredMin)) {\n            this.mins = enteredMin % 60 < 0 ? 60 + enteredMin % 60 : enteredMin % 60;\n            this.changeHour(Math.floor(enteredMin / 60));\n        } else {\n            this.mins = NaN;\n        }\n\n        this.callbackFn(this.hour, this.mins);\n    }\n\n    formatHour(value: number) {\n        if (this.isNumber(value)) {\n            return this.padNumber(value % 24);\n        } else {\n            return this.padNumber(NaN);\n        }\n    }\n\n    formatMins(value: number) {\n        return this.padNumber(value);\n    }\n\n    toInteger(value: any): number {\n        return parseInt(`${value}`, 10);\n    }\n\n    isNumber(value: any): value is number {\n        return !isNaN(this.toInteger(value));\n    }\n\n    padNumber(value: number) {\n        if (this.isNumber(value)) {\n            return `0${value}`.slice(-2);\n        } else {\n            return '';\n        }\n    }\n}\n","<div class=\"ux-timepicker\" [class.ux-timepicker--centered]=\"isDatetimepicker\">\n    <div class=\"ux-timepicker-input-container ux-timepicker-hour\">\n        <a class=\"ux-timepicker__chevron\" tabindex=\"-1\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeHour(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"HH\"\n            [value]=\"formatHour(hour)\"\n            (change)=\"updateHour($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Hours\"\n            (keydown.ArrowUp)=\"changeHour(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeHour(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeHour(-1)\"></span>\n        </a>\n    </div>\n    <div class=\"ux-timepicker-spacer\">:</div>\n    <div class=\"ux-timepicker-input-container ux-timepicker-minute\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeMinute(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"MM\"\n            [value]=\"formatMins(mins)\"\n            (change)=\"updateMinute($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Minutes\"\n            (keydown.ArrowUp)=\"changeMinute(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeMinute(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeMinute(-1)\"></span>\n        </a>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { UxTimepickerComponent } from './ux-timepicker.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n    ],\n    exports: [\n        UxTimepickerComponent\n    ],\n    declarations: [\n        UxTimepickerComponent\n    ],\n})\nexport class UxTimepickerComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-legacy-ux-timepicker.mjs","sources":["../../legacy/ux-timepicker/ux-date-time-picker.config.model.ts","../../legacy/ux-timepicker/ux-timepicker.component.ts","../../legacy/ux-timepicker/ux-timepicker.component.html","../../legacy/ux-timepicker/ux-timepicker.module.ts","../../legacy/ux-timepicker/eui-components-legacy-ux-timepicker.ts"],"sourcesContent":["export interface UxDateTimePickerConfig {\n    hour: number;\n    mins: number;\n    isDatetimepicker: boolean;\n    callbackFn: (hour: number, mins: number) => any;\n}\n\nexport class UxDateTimePickerConfig implements UxDateTimePickerConfig {\n    hour: number;\n    mins: number;\n    isDatetimepicker: boolean;\n    callbackFn: (hour: number, mins: number) => any;\n\n    constructor(values) {\n        Object.assign(this, values);\n    }\n}\n","import { Component, Inject, Input, Optional, ViewEncapsulation } from '@angular/core';\nimport { UxDateTimePickerConfig } from './ux-date-time-picker.config.model';\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-timepicker',\n    templateUrl: './ux-timepicker.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxTimepickerComponent {\n\n    hour: number;\n    mins: number;\n    isDatetimepicker: boolean;\n\n    @Input()\n    get isreadOnly(): boolean { return this._isreadOnly; }\n    set isreadOnly(value: BooleanInput) { this._isreadOnly = coerceBooleanProperty(value); }\n    private _isreadOnly: boolean = false;\n\n    constructor(@Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: UxDateTimePickerConfig) {\n        this.hour = config && config.hour || 0;\n        this.mins = config && config.mins || 0;\n        this.isDatetimepicker = config && config.isDatetimepicker;\n        this.callbackFn = config && config.callbackFn || this.callbackFn;\n    }\n\n    callbackFn: (hour: number, mins: number) => void = () => {\n    }\n\n    changeHour(step: number) {\n        const val = (isNaN(this.hour) ? 0 : this.hour) + (step);\n        this.updateHour(val.toString());\n    }\n\n    changeMinute(step: number) {\n        const val = (isNaN(this.mins) ? 0 : this.mins) + (step);\n        this.updateMinute(val.toString());\n    }\n\n    updateHour(newVal: string);\n    updateHour(newVal: Event);\n    updateHour(newVal: string | Event) {\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredHour = this.toInteger(value);\n\n        if (!isNaN(enteredHour)) {\n            this.hour = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n        } else {\n            this.hour = NaN;\n        }\n\n        this.callbackFn(this.hour, this.mins);\n    }\n\n    updateMinute(newVal: string);\n    updateMinute(newVal: Event);\n    updateMinute(newVal: string | Event) {\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredMin = this.toInteger(value);\n\n        if (!isNaN(enteredMin)) {\n            this.mins = enteredMin % 60 < 0 ? 60 + enteredMin % 60 : enteredMin % 60;\n            this.changeHour(Math.floor(enteredMin / 60));\n        } else {\n            this.mins = NaN;\n        }\n\n        this.callbackFn(this.hour, this.mins);\n    }\n\n    formatHour(value: number) {\n        if (this.isNumber(value)) {\n            return this.padNumber(value % 24);\n        } else {\n            return this.padNumber(NaN);\n        }\n    }\n\n    formatMins(value: number) {\n        return this.padNumber(value);\n    }\n\n    toInteger(value: any): number {\n        return parseInt(`${value}`, 10);\n    }\n\n    isNumber(value: any): value is number {\n        return !isNaN(this.toInteger(value));\n    }\n\n    padNumber(value: number) {\n        if (this.isNumber(value)) {\n            return `0${value}`.slice(-2);\n        } else {\n            return '';\n        }\n    }\n}\n","<div class=\"ux-timepicker\" [class.ux-timepicker--centered]=\"isDatetimepicker\">\n    <div class=\"ux-timepicker-input-container ux-timepicker-hour\">\n        <a class=\"ux-timepicker__chevron\" tabindex=\"-1\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeHour(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"HH\"\n            [value]=\"formatHour(hour)\"\n            (change)=\"updateHour($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Hours\"\n            (keydown.ArrowUp)=\"changeHour(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeHour(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeHour(-1)\"></span>\n        </a>\n    </div>\n    <div class=\"ux-timepicker-spacer\">:</div>\n    <div class=\"ux-timepicker-input-container ux-timepicker-minute\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" (click)=\"changeMinute(1)\"></span>\n        </a>\n        <input\n            type=\"text\"\n            class=\"ux-timepicker-input ux-form-control\"\n            maxlength=\"2\"\n            placeholder=\"MM\"\n            [value]=\"formatMins(mins)\"\n            (change)=\"updateMinute($event)\"\n            [readOnly]=\"isreadOnly\"\n            aria-label=\"Minutes\"\n            (keydown.ArrowUp)=\"changeMinute(1); $event.preventDefault()\"\n            (keydown.ArrowDown)=\"changeMinute(-1); $event.preventDefault()\">\n        <a tabindex=\"-1\" class=\"ux-timepicker__chevron\">\n            <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" (click)=\"changeMinute(-1)\"></span>\n        </a>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { UxTimepickerComponent } from './ux-timepicker.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n    ],\n    exports: [\n        UxTimepickerComponent\n    ],\n    declarations: [\n        UxTimepickerComponent\n    ],\n})\nexport class UxTimepickerComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/eui-components-eui-block-document.mjs

@@ -19,10 +19,10 @@ class EuiBlockDocumentComponent extends BaseDirective {
     }
 }
 /** @nocollapse */ EuiBlockDocumentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EuiBlockDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: "isBlocked" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"eui-block-document__loader\" aria-label=\"eUI Block Document\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{bottom:0;display:block;left:0;margin:auto;overflow:show;position:fixed;right:0;top:0;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);bottom:15px;content:\"\";display:block;height:150px;left:50%;margin:-100px 0 0 -100px;position:relative;right:15px;top:50%;width:150px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EuiBlockDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: "isBlocked" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"eui-block-document__loader\" aria-label=\"eUI Block Document\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);content:\"\";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-block-document__loader\" aria-label=\"eUI Block Document\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{bottom:0;display:block;left:0;margin:auto;overflow:show;position:fixed;right:0;top:0;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);bottom:15px;content:\"\";display:block;height:150px;left:50%;margin:-100px 0 0 -100px;position:relative;right:15px;top:50%;width:150px}\n"] }]
+            args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-block-document__loader\" aria-label=\"eUI Block Document\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);content:\"\";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isBlocked: [{
                 type: Input
             }], cssClasses: [{

package/fesm2020/eui-components-eui-block-document.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-block-document.mjs","sources":["../../eui-block-document/eui-block-document.component.ts","../../eui-block-document/eui-block-document.component.html","../../eui-block-document/eui-block-document.module.ts","../../eui-block-document/eui-components-eui-block-document.ts"],"sourcesContent":["import {\n    Component, Input,\n    ChangeDetectionStrategy, ViewEncapsulation, HostBinding,\n} from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-block-document',\n    templateUrl: './eui-block-document.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockDocumentComponent extends BaseDirective {\n    @Input()\n    get isBlocked(): boolean { return this._isBlocked; }\n    set isBlocked(value: BooleanInput) { this._isBlocked = coerceBooleanProperty(value); }\n    private _isBlocked = false;\n\n    @HostBinding('class')\n    get cssClasses() {\n        return [\n            this.isBlocked ? `eui-block-document--blocked` : ``,\n            super.getCssClasses('eui-block-document'),\n        ].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n\n}\n","<div class=\"eui-block-document__loader\" aria-label=\"eUI Block Document\"></div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockDocumentComponent } from './eui-block-document.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiBlockDocumentComponent],\n    declarations: [EuiBlockDocumentComponent]\n})\nexport class EuiBlockDocumentComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAcM,MAAO,yBAA0B,SAAQ,aAAa,CAAA;AAcxD,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;QAXJ,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;KAY1B;IAfD,IACI,SAAS,KAAc,OAAO,IAAI,CAAC,UAAU,CAAC,EAAE;AACpD,IAAA,IAAI,SAAS,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;AAGtF,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,IAAI,CAAC,SAAS,GAAG,CAA6B,2BAAA,CAAA,GAAG,CAAE,CAAA;AACnD,YAAA,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC;AAC5C,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACtB;;0IAZQ,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,mBAAA,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,2KCdtC,sFACA,EAAA,MAAA,EAAA,CAAA,o4BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDaa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,CAAA,o4BAAA,CAAA,EAAA,CAAA;0EAIjC,SAAS,EAAA,CAAA;sBADZ,KAAK;gBAMF,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;;MEXX,+BAA+B,CAAA;;gJAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA/B,mBAAA,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,+BAA+B,EAFzB,YAAA,EAAA,CAAA,yBAAyB,CAF9B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAG1B,mBAAA,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,+BAA+B,YAJ9B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAIb,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAL3C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,YAAY,EAAE,CAAC,yBAAyB,CAAC;AAC5C,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"eui-components-eui-block-document.mjs","sources":["../../eui-block-document/eui-block-document.component.ts","../../eui-block-document/eui-block-document.component.html","../../eui-block-document/eui-block-document.module.ts","../../eui-block-document/eui-components-eui-block-document.ts"],"sourcesContent":["import {\n    Component, Input,\n    ChangeDetectionStrategy, ViewEncapsulation, HostBinding,\n} from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-block-document',\n    templateUrl: './eui-block-document.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockDocumentComponent extends BaseDirective {\n    @Input()\n    get isBlocked(): boolean { return this._isBlocked; }\n    set isBlocked(value: BooleanInput) { this._isBlocked = coerceBooleanProperty(value); }\n    private _isBlocked = false;\n\n    @HostBinding('class')\n    get cssClasses() {\n        return [\n            this.isBlocked ? `eui-block-document--blocked` : ``,\n            super.getCssClasses('eui-block-document'),\n        ].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n\n}\n","<div class=\"eui-block-document__loader\" aria-label=\"eUI Block Document\"></div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockDocumentComponent } from './eui-block-document.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiBlockDocumentComponent],\n    declarations: [EuiBlockDocumentComponent]\n})\nexport class EuiBlockDocumentComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAcM,MAAO,yBAA0B,SAAQ,aAAa,CAAA;AAcxD,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;QAXJ,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;KAY1B;IAfD,IACI,SAAS,KAAc,OAAO,IAAI,CAAC,UAAU,CAAC,EAAE;AACpD,IAAA,IAAI,SAAS,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;AAGtF,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,IAAI,CAAC,SAAS,GAAG,CAA6B,2BAAA,CAAA,GAAG,CAAE,CAAA;AACnD,YAAA,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC;AAC5C,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACtB;;0IAZQ,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,mBAAA,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,2KCdtC,sFACA,EAAA,MAAA,EAAA,CAAA,81BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDaa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,CAAA,81BAAA,CAAA,EAAA,CAAA;0EAIjC,SAAS,EAAA,CAAA;sBADZ,KAAK;gBAMF,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;;MEXX,+BAA+B,CAAA;;gJAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA/B,mBAAA,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,+BAA+B,EAFzB,YAAA,EAAA,CAAA,yBAAyB,CAF9B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAG1B,mBAAA,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,+BAA+B,YAJ9B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAIb,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAL3C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,YAAY,EAAE,CAAC,yBAAyB,CAAC;AAC5C,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2020/eui-components-eui-timepicker.mjs

@@ -234,10 +234,10 @@ class EuiTimepickerComponent {
     }
 }
 /** @nocollapse */ EuiTimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EuiTimepickerComponent, deps: [{ token: DYNAMIC_COMPONENT_CONFIG, optional: true }, { token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EuiTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EuiTimepickerComponent, selector: "eui-timepicker", inputs: { isreadOnly: "isreadOnly", isOneInputField: "isOneInputField", hasSeconds: "hasSeconds", timeMask: "timeMask" }, viewQueries: [{ propertyName: "inputHoursElement", first: true, predicate: ["inputrefhours"], descendants: true, read: ElementRef }, { propertyName: "inputMinsElement", first: true, predicate: ["inputrefmins"], descendants: true, read: ElementRef }, { propertyName: "inputSecsElement", first: true, predicate: ["inputrefsecs"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readOnly]=\"isreadOnly\">\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\" tabindex=\"-1\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Hours\" (click)=\"changeHours(1)\"></span>\n            </a>\n            <input #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (keyup)=\"updateHours($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Hours\" (click)=\"changeHours(-1)\"></span>\n            </a>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Minutes\"  (click)=\"changeMinutes(1)\"></span>\n            </a>\n            <input #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (keyup)=\"updateMinutes($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Minutes\" (click)=\"changeMinutes(-1)\"></span>\n            </a>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Seconds\"  (click)=\"changeSeconds(1)\"></span>\n                </a>\n                <input #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (keyup)=\"updateSeconds($event)\"\n                    [readOnly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Seconds\" (click)=\"changeSeconds(-1)\"></span>\n                </a>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:var(--eui-base-spacing-xs);-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.eui-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiInputNumberComponent, selector: "input[euiInputNumber]:not([euiInputCheckBox])", inputs: ["min", "max", "leadingZero", "isInvalid", "fractionDigits", "digits", "fillFraction", "roundUp", "noFormat", "styleClass", "value"] }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "directive", type: i5.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EuiTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EuiTimepickerComponent, selector: "eui-timepicker", inputs: { isreadOnly: "isreadOnly", isOneInputField: "isOneInputField", hasSeconds: "hasSeconds", timeMask: "timeMask" }, viewQueries: [{ propertyName: "inputHoursElement", first: true, predicate: ["inputrefhours"], descendants: true, read: ElementRef }, { propertyName: "inputMinsElement", first: true, predicate: ["inputrefmins"], descendants: true, read: ElementRef }, { propertyName: "inputSecsElement", first: true, predicate: ["inputrefsecs"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readOnly]=\"isreadOnly\">\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\" tabindex=\"-1\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Hours\" (click)=\"changeHours(1)\"></span>\n            </a>\n            <input #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (keyup)=\"updateHours($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Hours\" (click)=\"changeHours(-1)\"></span>\n            </a>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Minutes\"  (click)=\"changeMinutes(1)\"></span>\n            </a>\n            <input #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (keyup)=\"updateMinutes($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Minutes\" (click)=\"changeMinutes(-1)\"></span>\n            </a>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Seconds\"  (click)=\"changeSeconds(1)\"></span>\n                </a>\n                <input #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (keyup)=\"updateSeconds($event)\"\n                    [readOnly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Seconds\" (click)=\"changeSeconds(-1)\"></span>\n                </a>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:var(--eui-base-spacing-xs);text-decoration-line:none!important}.eui-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiInputNumberComponent, selector: "input[euiInputNumber]:not([euiInputCheckBox])", inputs: ["min", "max", "leadingZero", "isInvalid", "fractionDigits", "digits", "fillFraction", "roundUp", "noFormat", "styleClass", "value"] }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "directive", type: i5.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EuiTimepickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-timepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readOnly]=\"isreadOnly\">\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\" tabindex=\"-1\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Hours\" (click)=\"changeHours(1)\"></span>\n            </a>\n            <input #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (keyup)=\"updateHours($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Hours\" (click)=\"changeHours(-1)\"></span>\n            </a>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Minutes\"  (click)=\"changeMinutes(1)\"></span>\n            </a>\n            <input #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (keyup)=\"updateMinutes($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Minutes\" (click)=\"changeMinutes(-1)\"></span>\n            </a>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Seconds\"  (click)=\"changeSeconds(1)\"></span>\n                </a>\n                <input #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (keyup)=\"updateSeconds($event)\"\n                    [readOnly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Seconds\" (click)=\"changeSeconds(-1)\"></span>\n                </a>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:var(--eui-base-spacing-xs);-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.eui-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
+            args: [{ selector: 'eui-timepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readOnly]=\"isreadOnly\">\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\" tabindex=\"-1\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Hours\" (click)=\"changeHours(1)\"></span>\n            </a>\n            <input #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (keyup)=\"updateHours($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Hours\" (click)=\"changeHours(-1)\"></span>\n            </a>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Minutes\"  (click)=\"changeMinutes(1)\"></span>\n            </a>\n            <input #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (keyup)=\"updateMinutes($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Minutes\" (click)=\"changeMinutes(-1)\"></span>\n            </a>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Seconds\"  (click)=\"changeSeconds(1)\"></span>\n                </a>\n                <input #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (keyup)=\"updateSeconds($event)\"\n                    [readOnly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Seconds\" (click)=\"changeSeconds(-1)\"></span>\n                </a>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron:not([href]){color:var(--eui-base-color-grey-25);display:flex;justify-content:center;padding:var(--eui-base-spacing-xs);text-decoration-line:none!important}.eui-timepicker__chevron:not([href]):hover{color:var(--eui-base-color-primary-100)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
         }], ctorParameters: function () { return [{ type: EuiDateTimePickerConfig, decorators: [{
                     type: Optional
                 }, {