@eui/components 14.0.15 → 14.0.16-snapshot-1675721483519
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/dependencies.html +6 -8
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2020/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2020/eui-timepicker/eui-timepicker.component.mjs +2 -2
- package/esm2020/legacy/ux-block-document/ux-block-document.component.mjs +2 -2
- package/esm2020/legacy/ux-dynamic-message-box/ux-dynamic-message-box.component.mjs +2 -2
- package/esm2020/legacy/ux-dynamic-modal/ux-dynamic-modal.component.mjs +3 -3
- package/esm2020/legacy/ux-message-box/ux-message-box.component.mjs +2 -2
- package/esm2020/legacy/ux-modal/ux-modal.component.mjs +2 -2
- package/esm2020/legacy/ux-timepicker/ux-timepicker.component.mjs +2 -2
- package/fesm2015/eui-components-eui-block-document.mjs +2 -2
- package/fesm2015/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2015/eui-components-eui-timepicker.mjs +2 -2
- package/fesm2015/eui-components-eui-timepicker.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-block-document.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-block-document.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-dynamic-message-box.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-dynamic-message-box.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-message-box.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-message-box.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-modal.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-modal.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-timepicker.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-timepicker.mjs.map +1 -1
- package/fesm2020/eui-components-eui-block-document.mjs +2 -2
- package/fesm2020/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2020/eui-components-eui-timepicker.mjs +2 -2
- package/fesm2020/eui-components-eui-timepicker.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-block-document.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-block-document.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-dynamic-message-box.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-dynamic-message-box.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-message-box.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-message-box.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-modal.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-modal.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-timepicker.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-timepicker.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -68,7 +68,7 @@ export class UxMessageBoxComponent {
|
|
|
68
68
|
</ng-template>
|
|
69
69
|
</uxModalFooter>
|
|
70
70
|
</ux-modal>
|
|
71
|
-
`, 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{
|
|
71
|
+
`, 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 });
|
|
72
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxMessageBoxComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
74
74
|
args: [{ selector: 'ux-message-box', template: `
|
|
@@ -107,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
107
107
|
</ng-template>
|
|
108
108
|
</uxModalFooter>
|
|
109
109
|
</ux-modal>
|
|
110
|
-
`, 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{
|
|
110
|
+
`, 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"] }]
|
|
111
111
|
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { id: [{
|
|
112
112
|
type: Input
|
|
113
113
|
}], titleLabel: [{
|
|
@@ -238,7 +238,7 @@ export class UxModalComponent {
|
|
|
238
238
|
<div class="modal-backdrop" [class.show]="isModalOpen"
|
|
239
239
|
[ngClass]="{fade: isModalOpen, in: isModalOpen}"
|
|
240
240
|
[style.display]="isModalOpen ? 'block' : 'none'" (focus)="close($event)"></div>
|
|
241
|
-
`, isInline: true, styles: [".ux-modal{
|
|
241
|
+
`, 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 });
|
|
242
242
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxModalComponent, decorators: [{
|
|
243
243
|
type: Component,
|
|
244
244
|
args: [{ selector: 'ux-modal', template: `
|
|
@@ -314,7 +314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
314
314
|
<div class="modal-backdrop" [class.show]="isModalOpen"
|
|
315
315
|
[ngClass]="{fade: isModalOpen, in: isModalOpen}"
|
|
316
316
|
[style.display]="isModalOpen ? 'block' : 'none'" (focus)="close($event)"></div>
|
|
317
|
-
`, encapsulation: ViewEncapsulation.None, styles: [".ux-modal{
|
|
317
|
+
`, 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"] }]
|
|
318
318
|
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { id: [{
|
|
319
319
|
type: Input
|
|
320
320
|
}], styleClass: [{
|
|
@@ -73,10 +73,10 @@ export class UxTimepickerComponent {
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
/** @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 });
|
|
76
|
-
/** @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
|
|
76
|
+
/** @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 });
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxTimepickerComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
|
-
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
|
|
79
|
+
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"] }]
|
|
80
80
|
}], ctorParameters: function () { return [{ type: i1.UxDateTimePickerConfig, decorators: [{
|
|
81
81
|
type: Optional
|
|
82
82
|
}, {
|
|
@@ -19,10 +19,10 @@ class EuiBlockDocumentComponent extends BaseDirective {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
/** @nocollapse */ EuiBlockDocumentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
/** @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{
|
|
22
|
+
/** @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 });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
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{
|
|
25
|
+
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"] }]
|
|
26
26
|
}], ctorParameters: function () { return []; }, propDecorators: { isBlocked: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], cssClasses: [{
|
|
@@ -1 +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;AAXJ,QAAA,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,
|
|
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;AAXJ,QAAA,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;iBAC5C,CAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -225,10 +225,10 @@ class EuiTimepickerComponent {
|
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
/** @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 });
|
|
228
|
-
/** @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)
|
|
228
|
+
/** @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 });
|
|
229
229
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EuiTimepickerComponent, decorators: [{
|
|
230
230
|
type: Component,
|
|
231
|
-
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)
|
|
231
|
+
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"] }]
|
|
232
232
|
}], ctorParameters: function () {
|
|
233
233
|
return [{ type: EuiDateTimePickerConfig, decorators: [{
|
|
234
234
|
type: Optional
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-timepicker.mjs","sources":["../../eui-timepicker/models/eui-date-time-picker.config.model.ts","../../eui-timepicker/eui-timepicker.component.ts","../../eui-timepicker/eui-timepicker.component.html","../../eui-timepicker/eui-timepicker.module.ts","../../eui-timepicker/eui-components-eui-timepicker.ts"],"sourcesContent":["export interface EuiDateTimePickerConfig {\n hours: number;\n mins: number;\n secs?: number;\n isDatetimepicker: boolean;\n hasSeconds: boolean;\n isOneInputField: boolean;\n callbackFn: (hours: number, mins: number, secs?: number) => void;\n}\n\nexport class EuiDateTimePickerConfig implements EuiDateTimePickerConfig {\n hours: number;\n mins: number;\n secs?: number;\n isDatetimepicker: boolean;\n hasSeconds: boolean;\n isOneInputField: boolean;\n callbackFn: (hours: number, mins: number, secs?: number) => void;\n\n constructor(values) {\n Object.assign(this, values);\n }\n}\n","import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { Component, ElementRef, Inject, Input, OnInit, Optional, ViewChild, ViewEncapsulation, Self, DoCheck, OnDestroy } from '@angular/core';\nimport { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { EuiDateTimePickerConfig } from './models/eui-date-time-picker.config.model';\nimport { EuiTimePicker } from './models/eui-timepicker.model';\n\n@Component({\n selector: 'eui-timepicker',\n templateUrl: './eui-timepicker.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTimepickerComponent implements ControlValueAccessor, OnInit, DoCheck, OnDestroy {\n\n hours: number;\n mins: number;\n secs: number;\n isDatetimepicker: boolean;\n oneInputFormControl = new FormControl();\n oneInputHours: string;\n oneInputMins: string;\n oneInputSecs: string;\n\n private propagatedValues: EuiTimePicker = {\n hours: null,\n mins: null,\n secs: this.hasSeconds ? null : undefined\n };\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n @Input()\n get isreadOnly(): boolean { return this._isreadOnly; }\n set isreadOnly(value: BooleanInput) { this._isreadOnly = coerceBooleanProperty(value); }\n private _isreadOnly = false;\n\n @Input()\n get isOneInputField(): boolean { return this._isOneInputField; }\n set isOneInputField(value: BooleanInput) { this._isOneInputField = coerceBooleanProperty(value); }\n private _isOneInputField = false;\n\n @Input()\n get hasSeconds(): boolean { return this._hasSeconds; }\n set hasSeconds(value: BooleanInput) { this._hasSeconds = coerceBooleanProperty(value); }\n private _hasSeconds = false;\n\n // eslint-disable-next-line @typescript-eslint/member-ordering\n @Input() timeMask = 'Hh:m0';\n\n @ViewChild('inputrefhours', { read: ElementRef }) protected inputHoursElement: ElementRef<HTMLInputElement>;\n @ViewChild('inputrefmins', { read: ElementRef }) protected inputMinsElement: ElementRef<HTMLInputElement>;\n @ViewChild('inputrefsecs', { read: ElementRef }) protected inputSecsElement: ElementRef<HTMLInputElement>;\n\n constructor(@Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: EuiDateTimePickerConfig,\n @Self() @Optional() private control: NgControl,) {\n this.hours = config?.hours || 0;\n this.mins = config?.mins || 0;\n this.secs = config?.secs || 0;\n this.isDatetimepicker = config?.isDatetimepicker;\n this.hasSeconds = config?.hasSeconds;\n this.isOneInputField = config?.isOneInputField;\n const hours = this.hours === 0 || null ? '00' : this.hours;\n const mins = this.mins === 0 || null ? '00': this.mins;\n const secs = this.secs === 0 || null ? '00': this.secs;\n this.oneInputFormControl.setValue('' + hours + ':' + mins + ':' + secs);\n this.callbackFn = config?.callbackFn || this.callbackFn;\n\n if (this.control) {\n this.control.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n if (this.hasSeconds) {\n this.timeMask = 'Hh:m0:s0';\n }\n\n this.oneInputFormControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(value => {\n // splits the entered time into 3 parts based on the : and propagates back the corresponding parts\n const timeArray = value.split(':');\n this.oneInputHours = timeArray[0];\n this.oneInputMins = timeArray[1];\n this.oneInputSecs = timeArray[2];\n const splittedhours = value !== '' ? Number(this.oneInputHours): null;\n const splittedmins = value !== '' ? Number(this.oneInputMins): null;\n const splittedsecs= value !== '' ? Number(this.oneInputSecs): null;\n if(this.hasSeconds) {\n this.propagatedValues = {\n ...this.propagatedValues, hours: splittedhours, mins: splittedmins, secs: splittedsecs\n };\n this.callbackFn(splittedhours, splittedmins, splittedsecs);\n } else {\n this.propagatedValues = {\n ...this.propagatedValues, hours: splittedhours, mins: splittedmins\n };\n this.callbackFn(splittedhours, splittedmins);\n }\n if(splittedhours === null && splittedmins=== null && splittedsecs=== null) {\n this.propagateChange(null);\n } else {\n this.propagateChange(this.propagatedValues);\n }\n });\n }\n\n ngDoCheck(): void {\n if (this.control) {\n // marks the input control as touched/invalid if the form control is touched/invalid\n this.control?.touched ? this.oneInputFormControl.markAsTouched() : this.oneInputFormControl.markAsUntouched();\n this.control?.invalid ? this.oneInputFormControl.setErrors(this.control.errors) : this.oneInputFormControl.setErrors(null);\n }\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n changeHours(step: number): void {\n const val = (isNaN(this.hours) ? 0 : this.hours) + (step);\n this.updateHours(val.toString());\n }\n\n changeMinutes(step: number): void {\n const val = (isNaN(this.mins) ? 0 : this.mins) + (step);\n this.updateMinutes(val.toString());\n }\n\n changeSeconds(step: number): void {\n const val = (isNaN(this.secs) ? 0 : this.secs) + (step);\n this.updateSeconds(val.toString());\n }\n\n updateHours(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\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.hours = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n } else {\n this.hours = NaN;\n }\n\n this.callbackFn(this.hours, this.mins);\n\n this.propagatedValues = {\n ...this.propagatedValues, hours: this.hours,\n };\n this.propagateChange(this.propagatedValues);\n }\n\n updateMinutes(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\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.changeHours(Math.floor(enteredMin / 60));\n } else {\n this.mins = NaN;\n }\n\n this.callbackFn(this.hours, this.mins);\n\n this.propagatedValues = {\n ...this.propagatedValues, mins: this.mins\n };\n this.propagateChange(this.propagatedValues);\n }\n\n updateSeconds(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n const enteredSec = this.toInteger(value);\n\n if (!isNaN(enteredSec)) {\n this.secs = enteredSec % 60 < 0 ? 60 + enteredSec % 60 : enteredSec % 60;\n this.changeMinutes(Math.floor(enteredSec / 60));\n } else {\n this.secs = NaN;\n }\n\n this.callbackFn(this.hours, this.mins, this.secs);\n\n this.propagatedValues = {\n ...this.propagatedValues, secs: this.secs\n };\n\n this.propagateChange(this.propagatedValues);\n }\n /**\n * Autofills mins and secs with 00s if the user tabs after entering hours and marks the input as touched\n */\n onFocusOut(): void {\n\n if(this.oneInputHours && !this.oneInputMins && !this.oneInputSecs ) {\n switch (this.oneInputHours) {\n case '0':\n this.oneInputHours= '00';\n break;\n case '1':\n this.oneInputHours='01';\n break;\n case '2':\n this.oneInputHours='02';\n break;\n }\n this.oneInputFormControl.patchValue(`${this.oneInputHours} : 00 : 00`);\n }\n\n this.propagateTouched();\n }\n\n writeValue(values: EuiTimePicker): void {\n if (typeof values !== 'object' || Array.isArray(values)) { throw new Error('value must be an EuiTimePicker Object'); }\n if (values.hours === undefined || values.hours < 0 || values.hours > 23 || typeof values.hours !== 'number' ) {\n throw new Error('hours must be defined and be a number with range 0-23');\n }\n if (values.mins === undefined || values.mins < 0 || values.mins > 59 || typeof values.mins !== 'number' ) {\n throw new Error('mins must be defined and be a number with range 0-59');\n }\n if (this.hasSeconds && (values.secs === undefined || values.secs < 0 || values.secs > 59 || typeof values.secs !== 'number' )) {\n throw new Error('secs must be defined and be a number with range 0-59');\n }\n\n this.updateHours(values.hours.toString());\n this.updateMinutes(values.mins.toString());\n if (values.secs) {\n this.updateSeconds(values.secs.toString());\n }\n if (this.isOneInputField) {\n const hours = this.padNumber(values.hours);\n const mins = this.padNumber(values.mins);\n const secs =this.padNumber(values.secs);\n\n this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);\n }\n }\n\n registerOnChange(fn: any): void {\n this.propagateChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.propagateTouched = fn;\n }\n\n private callbackFn: (hours: number, mins: number, secs?: number) => void = () => { };\n\n private toInteger(value: any): number {\n return parseInt(`${value}`, 10);\n }\n\n /**\n * Pads leading zero to the provided number when isOneInputField\n * @param value The value to add leading zero to\n * @private\n */\n private padNumber(value: number): string {\n if (!isNaN(this.toInteger(value))) {\n return `0${value}`.slice(-2);\n } else {\n return '';\n }\n }\n\n private propagateChange = (_: any): void => {\n };\n\n private propagateTouched = (): void => {\n };\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { NgxMaskModule } from 'ngx-mask';\n\nimport { EuiTimepickerComponent } from './eui-timepicker.component';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n EuiInputNumberDirectiveModule,\n EuiInputTextModule,\n NgxMaskModule.forRoot(),\n ],\n exports: [\n EuiTimepickerComponent\n ],\n declarations: [\n EuiTimepickerComponent\n ],\n})\nexport class EuiTimepickerComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-components-eui-timepicker.mjs","sources":["../../eui-timepicker/models/eui-date-time-picker.config.model.ts","../../eui-timepicker/eui-timepicker.component.ts","../../eui-timepicker/eui-timepicker.component.html","../../eui-timepicker/eui-timepicker.module.ts","../../eui-timepicker/eui-components-eui-timepicker.ts"],"sourcesContent":["export interface EuiDateTimePickerConfig {\n hours: number;\n mins: number;\n secs?: number;\n isDatetimepicker: boolean;\n hasSeconds: boolean;\n isOneInputField: boolean;\n callbackFn: (hours: number, mins: number, secs?: number) => void;\n}\n\nexport class EuiDateTimePickerConfig implements EuiDateTimePickerConfig {\n hours: number;\n mins: number;\n secs?: number;\n isDatetimepicker: boolean;\n hasSeconds: boolean;\n isOneInputField: boolean;\n callbackFn: (hours: number, mins: number, secs?: number) => void;\n\n constructor(values) {\n Object.assign(this, values);\n }\n}\n","import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { Component, ElementRef, Inject, Input, OnInit, Optional, ViewChild, ViewEncapsulation, Self, DoCheck, OnDestroy } from '@angular/core';\nimport { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { EuiDateTimePickerConfig } from './models/eui-date-time-picker.config.model';\nimport { EuiTimePicker } from './models/eui-timepicker.model';\n\n@Component({\n selector: 'eui-timepicker',\n templateUrl: './eui-timepicker.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTimepickerComponent implements ControlValueAccessor, OnInit, DoCheck, OnDestroy {\n\n hours: number;\n mins: number;\n secs: number;\n isDatetimepicker: boolean;\n oneInputFormControl = new FormControl();\n oneInputHours: string;\n oneInputMins: string;\n oneInputSecs: string;\n\n private propagatedValues: EuiTimePicker = {\n hours: null,\n mins: null,\n secs: this.hasSeconds ? null : undefined\n };\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n @Input()\n get isreadOnly(): boolean { return this._isreadOnly; }\n set isreadOnly(value: BooleanInput) { this._isreadOnly = coerceBooleanProperty(value); }\n private _isreadOnly = false;\n\n @Input()\n get isOneInputField(): boolean { return this._isOneInputField; }\n set isOneInputField(value: BooleanInput) { this._isOneInputField = coerceBooleanProperty(value); }\n private _isOneInputField = false;\n\n @Input()\n get hasSeconds(): boolean { return this._hasSeconds; }\n set hasSeconds(value: BooleanInput) { this._hasSeconds = coerceBooleanProperty(value); }\n private _hasSeconds = false;\n\n // eslint-disable-next-line @typescript-eslint/member-ordering\n @Input() timeMask = 'Hh:m0';\n\n @ViewChild('inputrefhours', { read: ElementRef }) protected inputHoursElement: ElementRef<HTMLInputElement>;\n @ViewChild('inputrefmins', { read: ElementRef }) protected inputMinsElement: ElementRef<HTMLInputElement>;\n @ViewChild('inputrefsecs', { read: ElementRef }) protected inputSecsElement: ElementRef<HTMLInputElement>;\n\n constructor(@Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: EuiDateTimePickerConfig,\n @Self() @Optional() private control: NgControl,) {\n this.hours = config?.hours || 0;\n this.mins = config?.mins || 0;\n this.secs = config?.secs || 0;\n this.isDatetimepicker = config?.isDatetimepicker;\n this.hasSeconds = config?.hasSeconds;\n this.isOneInputField = config?.isOneInputField;\n const hours = this.hours === 0 || null ? '00' : this.hours;\n const mins = this.mins === 0 || null ? '00': this.mins;\n const secs = this.secs === 0 || null ? '00': this.secs;\n this.oneInputFormControl.setValue('' + hours + ':' + mins + ':' + secs);\n this.callbackFn = config?.callbackFn || this.callbackFn;\n\n if (this.control) {\n this.control.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n if (this.hasSeconds) {\n this.timeMask = 'Hh:m0:s0';\n }\n\n this.oneInputFormControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(value => {\n // splits the entered time into 3 parts based on the : and propagates back the corresponding parts\n const timeArray = value.split(':');\n this.oneInputHours = timeArray[0];\n this.oneInputMins = timeArray[1];\n this.oneInputSecs = timeArray[2];\n const splittedhours = value !== '' ? Number(this.oneInputHours): null;\n const splittedmins = value !== '' ? Number(this.oneInputMins): null;\n const splittedsecs= value !== '' ? Number(this.oneInputSecs): null;\n if(this.hasSeconds) {\n this.propagatedValues = {\n ...this.propagatedValues, hours: splittedhours, mins: splittedmins, secs: splittedsecs\n };\n this.callbackFn(splittedhours, splittedmins, splittedsecs);\n } else {\n this.propagatedValues = {\n ...this.propagatedValues, hours: splittedhours, mins: splittedmins\n };\n this.callbackFn(splittedhours, splittedmins);\n }\n if(splittedhours === null && splittedmins=== null && splittedsecs=== null) {\n this.propagateChange(null);\n } else {\n this.propagateChange(this.propagatedValues);\n }\n });\n }\n\n ngDoCheck(): void {\n if (this.control) {\n // marks the input control as touched/invalid if the form control is touched/invalid\n this.control?.touched ? this.oneInputFormControl.markAsTouched() : this.oneInputFormControl.markAsUntouched();\n this.control?.invalid ? this.oneInputFormControl.setErrors(this.control.errors) : this.oneInputFormControl.setErrors(null);\n }\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n changeHours(step: number): void {\n const val = (isNaN(this.hours) ? 0 : this.hours) + (step);\n this.updateHours(val.toString());\n }\n\n changeMinutes(step: number): void {\n const val = (isNaN(this.mins) ? 0 : this.mins) + (step);\n this.updateMinutes(val.toString());\n }\n\n changeSeconds(step: number): void {\n const val = (isNaN(this.secs) ? 0 : this.secs) + (step);\n this.updateSeconds(val.toString());\n }\n\n updateHours(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\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.hours = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n } else {\n this.hours = NaN;\n }\n\n this.callbackFn(this.hours, this.mins);\n\n this.propagatedValues = {\n ...this.propagatedValues, hours: this.hours,\n };\n this.propagateChange(this.propagatedValues);\n }\n\n updateMinutes(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\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.changeHours(Math.floor(enteredMin / 60));\n } else {\n this.mins = NaN;\n }\n\n this.callbackFn(this.hours, this.mins);\n\n this.propagatedValues = {\n ...this.propagatedValues, mins: this.mins\n };\n this.propagateChange(this.propagatedValues);\n }\n\n updateSeconds(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n const enteredSec = this.toInteger(value);\n\n if (!isNaN(enteredSec)) {\n this.secs = enteredSec % 60 < 0 ? 60 + enteredSec % 60 : enteredSec % 60;\n this.changeMinutes(Math.floor(enteredSec / 60));\n } else {\n this.secs = NaN;\n }\n\n this.callbackFn(this.hours, this.mins, this.secs);\n\n this.propagatedValues = {\n ...this.propagatedValues, secs: this.secs\n };\n\n this.propagateChange(this.propagatedValues);\n }\n /**\n * Autofills mins and secs with 00s if the user tabs after entering hours and marks the input as touched\n */\n onFocusOut(): void {\n\n if(this.oneInputHours && !this.oneInputMins && !this.oneInputSecs ) {\n switch (this.oneInputHours) {\n case '0':\n this.oneInputHours= '00';\n break;\n case '1':\n this.oneInputHours='01';\n break;\n case '2':\n this.oneInputHours='02';\n break;\n }\n this.oneInputFormControl.patchValue(`${this.oneInputHours} : 00 : 00`);\n }\n\n this.propagateTouched();\n }\n\n writeValue(values: EuiTimePicker): void {\n if (typeof values !== 'object' || Array.isArray(values)) { throw new Error('value must be an EuiTimePicker Object'); }\n if (values.hours === undefined || values.hours < 0 || values.hours > 23 || typeof values.hours !== 'number' ) {\n throw new Error('hours must be defined and be a number with range 0-23');\n }\n if (values.mins === undefined || values.mins < 0 || values.mins > 59 || typeof values.mins !== 'number' ) {\n throw new Error('mins must be defined and be a number with range 0-59');\n }\n if (this.hasSeconds && (values.secs === undefined || values.secs < 0 || values.secs > 59 || typeof values.secs !== 'number' )) {\n throw new Error('secs must be defined and be a number with range 0-59');\n }\n\n this.updateHours(values.hours.toString());\n this.updateMinutes(values.mins.toString());\n if (values.secs) {\n this.updateSeconds(values.secs.toString());\n }\n if (this.isOneInputField) {\n const hours = this.padNumber(values.hours);\n const mins = this.padNumber(values.mins);\n const secs =this.padNumber(values.secs);\n\n this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);\n }\n }\n\n registerOnChange(fn: any): void {\n this.propagateChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.propagateTouched = fn;\n }\n\n private callbackFn: (hours: number, mins: number, secs?: number) => void = () => { };\n\n private toInteger(value: any): number {\n return parseInt(`${value}`, 10);\n }\n\n /**\n * Pads leading zero to the provided number when isOneInputField\n * @param value The value to add leading zero to\n * @private\n */\n private padNumber(value: number): string {\n if (!isNaN(this.toInteger(value))) {\n return `0${value}`.slice(-2);\n } else {\n return '';\n }\n }\n\n private propagateChange = (_: any): void => {\n };\n\n private propagateTouched = (): void => {\n };\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { NgxMaskModule } from 'ngx-mask';\n\nimport { EuiTimepickerComponent } from './eui-timepicker.component';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n EuiInputNumberDirectiveModule,\n EuiInputTextModule,\n NgxMaskModule.forRoot(),\n ],\n exports: [\n EuiTimepickerComponent\n ],\n declarations: [\n EuiTimepickerComponent\n ],\n})\nexport class EuiTimepickerComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -9,10 +9,10 @@ class UxBlockDocumentComponent {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
/** @nocollapse */ UxBlockDocumentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
/** @nocollapse */ UxBlockDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxBlockDocumentComponent, selector: "ux-block-document", inputs: { isBlocked: "isBlocked", e2eAttr: "e2eAttr" }, ngImport: i0, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{
|
|
12
|
+
/** @nocollapse */ UxBlockDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxBlockDocumentComponent, selector: "ux-block-document", inputs: { isBlocked: "isBlocked", e2eAttr: "e2eAttr" }, ngImport: i0, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{inset:0;margin:auto;overflow:show;position:fixed;z-index:9999}.ux-block-document-loading:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%;transform:translateZ(0);display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);animation-name:eui-anim--fadeIn;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible;transition-timing-function:ease}@keyframes eui-anim--fadeIn{0%{offset:0;opacity:0;visibility:visible}to{offset:1;opacity:1}}.ux-block-document-loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.ux-block-document-loading: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"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxBlockDocumentComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'ux-block-document', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{
|
|
15
|
+
args: [{ selector: 'ux-block-document', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{inset:0;margin:auto;overflow:show;position:fixed;z-index:9999}.ux-block-document-loading:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%;transform:translateZ(0);display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);animation-name:eui-anim--fadeIn;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible;transition-timing-function:ease}@keyframes eui-anim--fadeIn{0%{offset:0;opacity:0;visibility:visible}to{offset:1;opacity:1}}.ux-block-document-loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.ux-block-document-loading: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"] }]
|
|
16
16
|
}], propDecorators: { isBlocked: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}], e2eAttr: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-legacy-ux-block-document.mjs","sources":["../../legacy/ux-block-document/ux-block-document.component.ts","../../legacy/ux-block-document/ux-block-document.component.html","../../legacy/ux-block-document/eui-components-legacy-ux-block-document.ts"],"sourcesContent":["import { NgModule, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'ux-block-document',\n templateUrl: './ux-block-document.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxBlockDocumentComponent {\n\n @Input() isBlocked: any;\n @Input() e2eAttr: string = 'ux-block-document';\n\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [UxBlockDocumentComponent],\n declarations: [UxBlockDocumentComponent]\n})\nexport class UxBlockDocumentComponentModule { }\n","<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-block-document-loading\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;AASa,QAAA,IAAO,CAAA,OAAA,GAAW,mBAAmB,CAAC;KAElD;;yIALY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,mBAAA,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,iHCTrC,wLAGA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-legacy-ux-block-document.mjs","sources":["../../legacy/ux-block-document/ux-block-document.component.ts","../../legacy/ux-block-document/ux-block-document.component.html","../../legacy/ux-block-document/eui-components-legacy-ux-block-document.ts"],"sourcesContent":["import { NgModule, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'ux-block-document',\n templateUrl: './ux-block-document.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxBlockDocumentComponent {\n\n @Input() isBlocked: any;\n @Input() e2eAttr: string = 'ux-block-document';\n\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [UxBlockDocumentComponent],\n declarations: [UxBlockDocumentComponent]\n})\nexport class UxBlockDocumentComponentModule { }\n","<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-block-document-loading\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;AASa,QAAA,IAAO,CAAA,OAAA,GAAW,mBAAmB,CAAC;KAElD;;yIALY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,mBAAA,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,iHCTrC,wLAGA,EAAA,MAAA,EAAA,CAAA,ihCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDMa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACI,mBAAmB,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,wLAAA,EAAA,MAAA,EAAA,CAAA,ihCAAA,CAAA,EAAA,CAAA;8BAI5B,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;MASG,8BAA8B,CAAA;;+IAA9B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA9B,mBAAA,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,EAZ9B,YAAA,EAAA,CAAA,wBAAwB,CAQvB,EAAA,OAAA,EAAA,CAAA,YAAY,aARb,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAYxB,mBAAA,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,YAJ7B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAIb,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAL1C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,wBAAwB,CAAC;oBACnC,YAAY,EAAE,CAAC,wBAAwB,CAAC;iBAC3C,CAAA;;;AEpBD;;AAEG;;;;"}
|