@eui/components 18.0.0-next.43 → 18.0.0-next.45
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/components/EuiFieldsetComponent.html +37 -1
- package/docs/components/EuiPopoverComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
- package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
- package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
- package/esm2022/eui-block-content/eui-block-content.component.mjs +2 -2
- package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +14 -4
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
- package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
- package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
- package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
- package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +2 -2
- package/esm2022/eui-skeleton/eui-skeleton.component.mjs +2 -2
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline.component.mjs +2 -2
- package/esm2022/eui-tree/eui-tree.component.mjs +2 -2
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
- package/eui-fieldset/eui-fieldset.component.d.ts +7 -3
- package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +2 -2
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-button-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +13 -3
- package/fesm2022/eui-components-eui-fieldset.mjs.map +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +4 -4
- package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +2 -2
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +2 -2
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +2 -2
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +2 -2
- package/fesm2022/eui-components-eui-popover.mjs.map +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +2 -2
- package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-skeleton.mjs +2 -2
- package/fesm2022/eui-components-eui-skeleton.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +2 -2
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +2 -2
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -75,7 +75,7 @@ var EuiChipComponent = class _EuiChipComponent {
|
|
|
75
75
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
76
76
|
}
|
|
77
77
|
static {
|
|
78
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: '<div class="eui-chip-wrapper">\n <div class="eui-chip__content-container" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf="isChipRemovable"\n class="eui-chip__icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-
|
|
78
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: '<div class="eui-chip-wrapper">\n <div class="eui-chip__content-container" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf="isChipRemovable"\n class="eui-chip__icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-4xl);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-s);padding:var(--eui-s-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip{min-height:var(--eui-s-xl);padding:0 var(--eui-s-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-m);padding:var(--eui-s-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-s-m));height:calc(1.25 * var(--eui-s-m))}.eui-chip--size-xs{min-height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-xs);padding:0 var(--eui-s-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-s-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-s-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-s-s);margin-left:calc(var(--eui-s-2xs) / 2);margin-right:calc(var(--eui-s-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-chip--size-s{min-height:var(--eui-s-l);padding:0 var(--eui-s-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-s);padding:var(--eui-s-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-s-s);margin-left:calc(-.25 * var(--eui-s-2xs));margin-right:var(--eui-s-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-s-m);height:var(--eui-s-m)}.eui-chip--size-l{min-height:var(--eui-s-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-l)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-s-2xs));margin-right:var(--eui-s-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-s-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
79
79
|
}
|
|
80
80
|
};
|
|
81
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiChipComponent, decorators: [{
|
|
@@ -101,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
101
101
|
"euiDisabled"
|
|
102
102
|
]
|
|
103
103
|
}
|
|
104
|
-
], template: '<div class="eui-chip-wrapper">\n <div class="eui-chip__content-container" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf="isChipRemovable"\n class="eui-chip__icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-
|
|
104
|
+
], template: '<div class="eui-chip-wrapper">\n <div class="eui-chip__content-container" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf="isChipRemovable"\n class="eui-chip__icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-4xl);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-s);padding:var(--eui-s-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip{min-height:var(--eui-s-xl);padding:0 var(--eui-s-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-m);padding:var(--eui-s-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-s-m));height:calc(1.25 * var(--eui-s-m))}.eui-chip--size-xs{min-height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-xs);padding:0 var(--eui-s-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-s-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-s-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-s-s);margin-left:calc(var(--eui-s-2xs) / 2);margin-right:calc(var(--eui-s-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-chip--size-s{min-height:var(--eui-s-l);padding:0 var(--eui-s-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-s);padding:var(--eui-s-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-s-s);margin-left:calc(-.25 * var(--eui-s-2xs));margin-right:var(--eui-s-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-s-m);height:var(--eui-s-m)}.eui-chip--size-l{min-height:var(--eui-s-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:var(--eui-f-l)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-s-xs));margin-right:var(--eui-s-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-s-2xs));margin-right:var(--eui-s-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-s-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\n"] }]
|
|
105
105
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
106
106
|
type: HostBinding,
|
|
107
107
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-chip/models/eui-chip.model.ts", "../../eui-chip/eui-chip.component.ts", "../../eui-chip/eui-chip.component.html", "../../eui-chip/eui-chip.module.ts"],
|
|
4
4
|
"sourcesContent": ["export class EuiChip {\n id: string | number;\n euiInternalId: string;\n label: string;\n isRemovable = false;\n isOutline = false;\n isRounded = false;\n isDisabled = false;\n typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\n tooltip: EuiChipTooltip = new EuiChipTooltip();\n iconClass?: string;\n iconSvgName?: string;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n\nexport class EuiChipTooltip {\n tooltipMessage: string;\n position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n delay? = 0;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n", "import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n forwardRef,\n ContentChildren,\n QueryList,\n AfterContentInit,\n Output,\n EventEmitter,\n ViewChild,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n templateUrl: './eui-chip.component.html',\n selector: 'eui-chip, span[euiChip], li[euiChip]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeVariant',\n\n 'euiOutline',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-chip'),\n this.isChipRemovable ? 'eui-chip--removable' : '',\n this.isSquared ? 'eui-chip--squared' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'status';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-chip';\n\n @Input() euiInternalId: string = null;\n @Input() tooltipMessage: string;\n @Input() id: string | number;\n // TODO: type should be specific\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() data: any = {\n id: uuid.v4(),\n tooltip: {\n color: 'euiTooltipPrimary',\n contentAlignment: null,\n position: 'above',\n },\n };\n\n @Input({ transform: booleanAttribute }) isChipRemovable = false;\n @Input({ transform: booleanAttribute }) isSquared = false;\n\n @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n constructor(\n private _elementRef: ElementRef,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n ngAfterContentInit(): void {\n if (!this.data.id && this.id) {\n this.data = Object.assign(this.data, { id: this.id });\n }\n\n if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n this.role = 'listitem'\n }\n }\n\n public onRemove(event?: Event): void {\n if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n this.remove.emit({ chip: this.data, event });\n } else {\n this.remove.emit(this.data);\n }\n }\n}\n", "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__icon\"\n icon=\"eui-ecl-close-outline\"\n ariaLabel=\"Remove chip\"\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule],\n declarations: [EuiChipComponent],\n exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n"],
|
|
5
|
-
"mappings": ";AAAM,IAAO,UAAP,MAAc;EAchB,YAAY,SAAS,CAAA,GAAE;AAVvB,SAAA,cAAc;AACd,SAAA,YAAY;AACZ,SAAA,YAAY;AACZ,SAAA,aAAa;AACb,SAAA,YAA4F;AAC5F,SAAA,YAA+E;AAC/E,SAAA,UAA0B,IAAI,eAAc;AAKxC,WAAO,OAAO,MAAM,MAAM;EAC9B;;AAGE,IAAO,iBAAP,MAAqB;EAMvB,YAAY,SAAS,CAAA,GAAE;AAJvB,SAAA,WAAuE;AACvE,SAAA,mBAA6D;AAC7D,SAAA,QAAS;AAGL,WAAO,OAAO,MAAM,MAAM;EAC9B;;;;AC3BJ,SACI,WACA,aACA,OACA,yBACA,mBACA,YACA,iBAGA,QACA,cACA,WAEA,wBACG;AACP,YAAY,UAAU;AAEtB,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;;;;;AAmC9B,IAAO,mBAAP,MAAO,kBAAgB;EACzB,IACI,aAAU;AACV,WAAO;MACH,KAAK,oBAAoB,cAAc,UAAU;MACjD,KAAK,kBAAkB,wBAAwB;MAC/C,KAAK,YAAY,sBAAsB;MAEtC,KAAK,GAAG,EACR,KAAI;EACb;EAgCA,YACY,aACD,qBAAwC;AADvC,SAAA,cAAA;AACD,SAAA,sBAAA;AAhCe,SAAA,OAAO;AACQ,SAAA,YAAY;AAIrD,SAAA,UAAU;AAED,SAAA,gBAAwB;AAMxB,SAAA,OAAY;MACjB,IAAS,QAAE;MACX,SAAS;QACL,OAAO;QACP,kBAAkB;QAClB,UAAU;;;AAIsB,SAAA,kBAAkB;AAClB,SAAA,YAAY;AAE1C,SAAA,SAAS,IAAI,aAAY;EASnC;EAEA,qBAAkB;AACd,QAAI,CAAC,KAAK,KAAK,MAAM,KAAK,IAAI;AAC1B,WAAK,OAAO,OAAO,OAAO,KAAK,MAAM,EAAE,IAAI,KAAK,GAAE,CAAE;IACxD;AAEA,QAAI,KAAK,YAAY,cAAc,eAAe,UAAU,SAAS,+BAA+B,GAAG;AACnG,WAAK,OAAO;IAChB;EACJ;EAEO,SAAS,OAAa;AACzB,QAAI,iBAAiB,iBAAkB,MAAwB,SAAS,aAAa;AACjF,WAAK,OAAO,KAAK,EAAE,MAAM,KAAK,MAAM,MAAK,CAAE;IAC/C,OAAO;AACH,WAAK,OAAO,KAAK,KAAK,IAAI;IAC9B;EACJ;;4GAhES,mBAAgB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAhB,mBAAgB,UAAA,wCAAA,QAAA,EAAA,WAAA,aAAA,SAAA,WAAA,eAAA,iBAAA,gBAAA,kBAAA,IAAA,MAAA,MAAA,QAAA,iBAAA,CAAA,mBAAA,mBAkCL,gBAAgB,GAAA,WAAA,CAAA,aAAA,aAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,QAAA,SAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,kBAAA,iBAAA,eAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,YAAA,WAAA,cAAA,MAIF,mBAAmB,EAAA,CAAA,GAAA,aAAA,CAAA,EAAA,cAAA,aAAA,OAAA,MAAA,WAAA,CAAA,WAAA,GAAA,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,cAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UC7FzD,keAeA,QAAA,CAAA
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -51,7 +51,7 @@ var EuiDashboardButtonComponent = class _EuiDashboardButtonComponent {
|
|
|
51
51
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiDashboardButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
52
|
}
|
|
53
53
|
static {
|
|
54
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-
|
|
54
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);border-radius:var(--eui-br-m);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-s-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-neutral-bg-light);cursor:pointer;box-shadow:var(--eui-sh-4)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiDashboardButtonComponent, decorators: [{
|
|
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
77
77
|
"euiSizeVariant"
|
|
78
78
|
]
|
|
79
79
|
}
|
|
80
|
-
], template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-
|
|
80
|
+
], template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);border-radius:var(--eui-br-m);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-s-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-neutral-bg-light);cursor:pointer;box-shadow:var(--eui-sh-4)}\n'] }]
|
|
81
81
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
82
82
|
type: HostBinding,
|
|
83
83
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-dashboard-button/eui-dashboard-button.component.ts", "../../eui-dashboard-button/eui-dashboard-button.component.html"],
|
|
4
4
|
"sourcesContent": ["import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, OnInit, AfterContentInit, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n/* eslint-disable */\n@Directive({selector: 'eui-dashboard-button-icon'})\nexport class EuiDashboardButtonIconDirective {}\n@Directive({selector: 'eui-dashboard-button-label'})\nexport class EuiDashboardButtonLabelDirective {}\n/* eslint-enable */\n\n@Component({\n templateUrl: './eui-dashboard-button.component.html',\n selector: 'eui-dashboard-button',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n ],\n },\n ],\n})\nexport class EuiDashboardButtonComponent implements OnInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-button'),\n ].join(' ').trim();\n }\n\n @Input() imageUrl: string;\n\n @ContentChild(EuiDashboardButtonIconDirective) euiDashboardButtonIcon: EuiDashboardButtonIconDirective;\n @ContentChild(EuiDashboardButtonLabelDirective) euiDashboardButtonLabel: EuiDashboardButtonLabelDirective;\n @ContentChild(EuiLabelComponent) euiLabelContent: EuiLabelComponent;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiSecondary = true;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiAvatarModule],\n declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n})\nexport class EuiDashboardButtonModule {}\n", "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,WAAW,UAAU,aAAa,yBAAyB,mBAAmB,cAAwC,aAAa;AACvJ,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;;;;;AAI5B,IAAO,kCAAP,MAAO,iCAA+B;;4GAA/B,kCAA+B,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAA/B,kCAA+B,UAAA,6BAAA,UAAA,GAAA,CAAA;EAAA;;kGAA/B,iCAA+B,YAAA,CAAA;QAD3C;SAAU,EAAC,UAAU,4BAA2B,CAAC;;AAG5C,IAAO,mCAAP,MAAO,kCAAgC;;4GAAhC,mCAAgC,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAhC,mCAAgC,UAAA,8BAAA,UAAA,GAAA,CAAA;EAAA;;kGAAhC,kCAAgC,YAAA,CAAA;QAD5C;SAAU,EAAC,UAAU,6BAA4B,CAAC;;AAkC7C,IAAO,8BAAP,MAAO,6BAA2B;EACpC,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,sBAAsB;MAC/D,KAAK,GAAG,EAAE,KAAI;EACpB;EAQA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;EAA2C;EAE9D,WAAQ;AACJ,QAAI,CAAC,KAAK,oBAAoB,YAAY;AACtC,WAAK,oBAAoB,eAAe;IAC5C;EACJ;;4GApBS,8BAA2B,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAA3B,8BAA2B,UAAA,wBAAA,QAAA,EAAA,UAAA,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,0BAAA,OAAA,MAAA,WAUtB,iCAA+B,aAAA,KAAA,GAAA,EAAA,cAAA,2BAAA,OAAA,MAAA,WAC/B,kCAAgC,aAAA,KAAA,GAAA,EAAA,cAAA,mBAAA,OAAA,MAAA,WAChC,mBAAiB,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,gBAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UCzDnC,6+BAqBA,QAAA,CAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -98,7 +98,7 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
|
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
</ng-template>
|
|
101
|
-
`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-
|
|
101
|
+
`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-sh-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
|
|
@@ -175,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
175
175
|
</div>
|
|
176
176
|
</div>
|
|
177
177
|
</ng-template>
|
|
178
|
-
`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-
|
|
178
|
+
`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-sh-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'] }]
|
|
179
179
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
180
180
|
type: HostBinding,
|
|
181
181
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-dashboard-card/eui-dashboard-card.component.ts", "../../eui-dashboard-card/eui-dashboard-card.component.html"],
|
|
4
4
|
"sourcesContent": ["import {\n Component,\n NgModule,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n OnInit,\n Input,\n HostListener,\n Output,\n EventEmitter,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n templateUrl: './eui-dashboard-card.component.html',\n selector: 'eui-dashboard-card',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n // class binding\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n ]\n .join(' ')\n .trim();\n }\n\n // e2e\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-dashboard-card';\n\n // aria ok - Cfr. euiDisabled\n\n // cmp input\n @Input() label: string;\n @Input() subLabel: string;\n @Input() labelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n @Input() subLabelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n @Input() imageUrl: string;\n @Input() iconSvgName: string;\n @Input() iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() iconLabel: string;\n @Input() url: string;\n @Input() urlExternal: string;\n @Input() urlExternalTarget = '_blank';\n\n // coerce / transforms / state booleans\n @Input({ transform: booleanAttribute }) isHorizontal = false;\n @Input({ transform: booleanAttribute }) isFlatAvatar = false;\n @Input({ transform: booleanAttribute }) hasNoBackgroundAvatar = false;\n\n // outputs\n @Output() cardClick = new EventEmitter<MouseEvent>();\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n this.cardClick.emit(event);\n }\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiSizeVariant) {\n this.baseStatesDirective.euiSizeL = true;\n }\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiSecondary = true;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],\n declarations: [EuiDashboardCardComponent],\n exports: [EuiDashboardCardComponent],\n})\nexport class EuiDashboardCardModule {}\n", "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n"],
|
|
5
|
-
"mappings": ";AAAA,SACI,WACA,UACA,aACA,yBACA,mBAEA,OACA,cACA,QACA,cACA,wBACG;AACP,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;;;;;;;;AAiCxB,IAAO,4BAAP,MAAO,2BAAyB;;EAElC,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,oBAAoB;MAC3D,KAAK,eAAe,mCAAmC;MAEtD,KAAK,GAAG,EACR,KAAI;EACb;EA4BA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAzBqB,SAAA,UAAU;AAOzC,SAAA,gBAAmC;AACnC,SAAA,mBAAsC;AAGtC,SAAA,cAA6E;AAI7E,SAAA,oBAAoB;AAGW,SAAA,eAAe;AACf,SAAA,eAAe;AACf,SAAA,wBAAwB;AAGtD,SAAA,YAAY,IAAI,aAAY;EAEwB;EAG9D,QAAQ,OAAiB;AACrB,SAAK,UAAU,KAAK,KAAK;EAC7B;EAEA,WAAQ;AACJ,QAAI,CAAC,KAAK,oBAAoB,gBAAgB;AAC1C,WAAK,oBAAoB,WAAW;IACxC;AACA,QAAI,CAAC,KAAK,oBAAoB,YAAY;AACtC,WAAK,oBAAoB,eAAe;IAC5C;EACJ;;4GApDS,4BAAyB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,SAAA,WAAA,OAAA,SAAA,UAAA,YAAA,eAAA,iBAAA,kBAAA,oBAAA,UAAA,YAAA,aAAA,eAAA,aAAA,eAAA,WAAA,aAAA,KAAA,OAAA,aAAA,eAAA,mBAAA,qBAAA,cAAA,CAAA,gBAAA,gBA+Bd,gBAAgB,GAAA,cAAA,CAAA,gBAAA,gBAChB,gBAAgB,GAAA,uBAAA,CAAA,yBAAA,yBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,WAAA,YAAA,GAAA,MAAA,EAAA,WAAA,EAAA,SAAA,kBAAA,GAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,eAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,kBAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UCrFxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SACI,WACA,UACA,aACA,yBACA,mBAEA,OACA,cACA,QACA,cACA,wBACG;AACP,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;;;;;;;;AAiCxB,IAAO,4BAAP,MAAO,2BAAyB;;EAElC,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,oBAAoB;MAC3D,KAAK,eAAe,mCAAmC;MAEtD,KAAK,GAAG,EACR,KAAI;EACb;EA4BA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAzBqB,SAAA,UAAU;AAOzC,SAAA,gBAAmC;AACnC,SAAA,mBAAsC;AAGtC,SAAA,cAA6E;AAI7E,SAAA,oBAAoB;AAGW,SAAA,eAAe;AACf,SAAA,eAAe;AACf,SAAA,wBAAwB;AAGtD,SAAA,YAAY,IAAI,aAAY;EAEwB;EAG9D,QAAQ,OAAiB;AACrB,SAAK,UAAU,KAAK,KAAK;EAC7B;EAEA,WAAQ;AACJ,QAAI,CAAC,KAAK,oBAAoB,gBAAgB;AAC1C,WAAK,oBAAoB,WAAW;IACxC;AACA,QAAI,CAAC,KAAK,oBAAoB,YAAY;AACtC,WAAK,oBAAoB,eAAe;IAC5C;EACJ;;4GApDS,4BAAyB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,SAAA,WAAA,OAAA,SAAA,UAAA,YAAA,eAAA,iBAAA,kBAAA,oBAAA,UAAA,YAAA,aAAA,eAAA,aAAA,eAAA,WAAA,aAAA,KAAA,OAAA,aAAA,eAAA,mBAAA,qBAAA,cAAA,CAAA,gBAAA,gBA+Bd,gBAAgB,GAAA,cAAA,CAAA,gBAAA,gBAChB,gBAAgB,GAAA,uBAAA,CAAA,yBAAA,yBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,WAAA,YAAA,GAAA,MAAA,EAAA,WAAA,EAAA,SAAA,kBAAA,GAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,eAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,kBAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UCrFxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDA,QAAA,CAAA,wnHAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,YAAA,UAAA,aAAA,QAAA,CAAA,SAAA,SAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,SAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,qBAAA,UAAA,sBAAA,QAAA,CAAA,2BAAA,oBAAA,0BAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,eAAA,UAAA,gBAAA,QAAA,CAAA,UAAA,eAAA,YAAA,uBAAA,SAAA,QAAA,cAAA,oBAAA,sBAAA,cAAA,YAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,uBAAA,UAAA,+CAAA,QAAA,CAAA,WAAA,cAAA,aAAA,iBAAA,UAAA,iBAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,2BAAA,UAAA,kBAAA,GAAA,EAAA,MAAA,aAAA,MAAA,2BAAA,UAAA,kBAAA,GAAA,EAAA,MAAA,aAAA,MAAA,4BAAA,UAAA,oBAAA,QAAA,CAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,sBAAA,UAAA,+KAAA,QAAA,CAAA,eAAA,eAAA,aAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,aAAA,OAAA,QAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,CAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDEa,2BAAyB,YAAA,CAAA;QA/BrC;qBAEa,sBAAoB,iBAEb,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAA,QAAA,CAAA,wnHAAA,EAAA,CAAA;gFAKU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWoB,SAAO,CAAA;QAA9C;SAAY,eAAe;;QAAI;IAKvB,OAAK,CAAA;QAAb;IACQ,UAAQ,CAAA;QAAhB;IACQ,eAAa,CAAA;QAArB;IACQ,kBAAgB,CAAA;QAAxB;IACQ,UAAQ,CAAA;QAAhB;IACQ,aAAW,CAAA;QAAnB;IACQ,aAAW,CAAA;QAAnB;IACQ,WAAS,CAAA;QAAjB;IACQ,KAAG,CAAA;QAAX;IACQ,aAAW,CAAA;QAAnB;IACQ,mBAAiB,CAAA;QAAzB;IAGuC,cAAY,CAAA;QAAnD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,cAAY,CAAA;QAAnD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,uBAAqB,CAAA;QAA5D;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAG5B,WAAS,CAAA;QAAlB;IAKD,SAAO,CAAA;QADN;SAAa,SAAS,CAAC,QAAQ,CAAC;;AAoB/B,IAAO,yBAAP,MAAO,wBAAsB;;4GAAtB,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,SAAA,CAAA;EAAA;;6GAAtB,yBAAsB,cAAA,CA5DtB,yBAAyB,GAAA,SAAA,CAwDxB,cAAc,cAAc,iBAAiB,gBAAgB,aAAa,GAAA,SAAA,CAxD3E,yBAAyB,EAAA,CAAA;EAAA;;6GA4DzB,yBAAsB,SAAA,CAJrB,cAAc,cAAc,iBAAiB,gBAAgB,aAAa,EAAA,CAAA;EAAA;;kGAI3E,wBAAsB,YAAA,CAAA;QALlC;SAAS;IACN,SAAS,CAAC,cAAc,cAAc,iBAAiB,gBAAgB,aAAa;IACpF,cAAc,CAAC,yBAAyB;IACxC,SAAS,CAAC,yBAAyB;GACtC;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -219,7 +219,7 @@ var EuiDateRangeSelectorComponent = class _EuiDateRangeSelectorComponent {
|
|
|
219
219
|
</ng-container>
|
|
220
220
|
<span *ngIf="togglerLabel">{{ togglerLabel }}</span>
|
|
221
221
|
</button>
|
|
222
|
-
`, styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-
|
|
222
|
+
`, styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lightest)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-c-danger)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex;padding:var(--eui-s-s);text-align:left;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
223
223
|
}
|
|
224
224
|
};
|
|
225
225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
|
|
@@ -276,7 +276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
276
276
|
</ng-container>
|
|
277
277
|
<span *ngIf="togglerLabel">{{ togglerLabel }}</span>
|
|
278
278
|
</button>
|
|
279
|
-
`, styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-
|
|
279
|
+
`, styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lightest)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-c-danger)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex;padding:var(--eui-s-s);text-align:left;width:100%}\n"] }]
|
|
280
280
|
}], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocaleService, decorators: [{
|
|
281
281
|
type: Optional
|
|
282
282
|
}] }, { type: i3.DateAdapter }, { type: i4.NgControl, decorators: [{
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-date-range-selector/eui-date-range-selector.component.ts", "../../eui-date-range-selector/eui-date-range-selector.component.html", "../../eui-date-range-selector/eui-date-range-selector.module.ts", "../../eui-date-range-selector/eui-date-range-selector.validators.ts"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n Component,\n DoCheck,\n EventEmitter,\n HostBinding,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n Output,\n Self,\n SimpleChanges,\n ViewEncapsulation,\n booleanAttribute,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl, Validators } from '@angular/forms';\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\nimport { DateAdapter } from '@angular/material/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { LocaleService } from '@eui/core';\nimport { EuiDateRangeSelectorDates } from './models/eui-date-range-selector-dates.model';\n\n@Component({\n selector: 'eui-date-range-selector',\n templateUrl: './eui-date-range-selector.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDateRangeSelectorComponent implements OnInit, OnDestroy, OnChanges, ControlValueAccessor, DoCheck {\n selectedDates: EuiDateRangeSelectorDates = { startRange:null, endRange: null };\n public isInvalid: boolean;\n public isTouched: boolean;\n public startRangeFormControl = new FormControl();\n public endRangeFormControl = new FormControl();\n\n @Output() firstSelectedDate = new EventEmitter<any>();\n @Output() secondSelectedDate = new EventEmitter<any>();\n\n @HostBinding('class')\n get class(): string {\n return [\n 'eui-date-range-selector',\n this.isClearable ? 'eui-date-range-selector--clearable': '',\n this.islongDateFormat ? 'eui-date-range-selector--long-date-format': '',\n this.isResponsive ? 'eui-date-range-selector--responsive': '',\n ].join(' ').trim();\n }\n @HostBinding('attr.data-e2e')\n @Input() e2eAttr = 'eui-date-range-selector';\n @Input() minDate: any;\n @Input() maxDate: any;\n @Input() togglerIconSvg = 'eui-calendar-outline';\n @Input() togglerLabel: string;\n @Input() firstInputPlaceholder: string;\n @Input() secondInputPlaceholder: string;\n @Input() firstInputAriaLabel: string;\n @Input() secondInputAriaLabel: string;\n @Input() startDateDefaultValue: any;\n @Input() endDateDefaultValue: any;\n @Input() comparisonStart: any;\n @Input() comparisonEnd: any;\n @Input() startView: 'month' | 'year' | 'multi-year' = 'month';\n @Input({ transform: booleanAttribute }) islongDateFormat = false;\n @Input({ transform: booleanAttribute }) isClearable = false;\n @Input({ transform: booleanAttribute }) isReadOnly = false;\n @Input({ transform: booleanAttribute }) isDisabled = false;\n @Input({ transform: booleanAttribute }) isResponsive = false;\n\n protected hasAriaRequiredAttribute: boolean;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(\n protected translateService: TranslateService,\n @Optional() protected localeService: LocaleService,\n protected adapter: DateAdapter<any>,\n @Self() @Optional() protected control: NgControl,\n ) {\n if (this.control) {\n this.control.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n this.localeService\n .getState()\n .pipe(takeUntil(this.destroy$))\n .subscribe((state) => {\n this.adapter.setLocale(state.id);\n });\n\n this.startRangeFormControl = new FormControl({ value: this.startDateDefaultValue, disabled: this.isDisabled });\n this.endRangeFormControl = new FormControl({ value: this.endDateDefaultValue, disabled: this.isDisabled });\n\n if (!this.firstInputPlaceholder) {\n this.translateService\n .stream('eui.daterangeselector.FIRSTPICKERSLABEL')\n .pipe(takeUntil(this.destroy$))\n .subscribe((result: string) => {\n this.firstInputPlaceholder = result;\n });\n }\n // by setting the firstInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n if (!this.firstInputAriaLabel) {\n this.translateService\n .stream('eui.daterangeselector.FIRSTPICKERSPLACEHOLDER')\n .pipe(takeUntil(this.destroy$))\n .subscribe((result: string) => {\n this.firstInputAriaLabel = result;\n });\n }\n if (!this.secondInputPlaceholder) {\n this.translateService\n .stream('eui.daterangeselector.SECONDPICKERSLABEL')\n .pipe(takeUntil(this.destroy$))\n .subscribe((result: string) => {\n this.secondInputPlaceholder = result;\n });\n }\n // by setting the secondInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n if (!this.secondInputAriaLabel) {\n this.translateService\n .stream('eui.daterangeselector.SECONDPICKERSPLACEHOLDER')\n .pipe(takeUntil(this.destroy$))\n .subscribe((result: string) => {\n this.secondInputAriaLabel = result;\n });\n }\n\n this.updateInputAriaRequiredAttribute(this.control);\n this.control?.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n this.updateInputAriaRequiredAttribute(this.control);\n });\n }\n\n ngDoCheck(): void {\n if (this.control) {\n // marks the input controls as touched/invalid if the form control is touched/invalid\n this.control?.touched ? this.startRangeFormControl?.markAsTouched() : this.startRangeFormControl.markAsUntouched();\n this.control?.touched ? this.endRangeFormControl.markAsTouched() : this.endRangeFormControl?.markAsUntouched();\n this.control?.touched ? (this.isTouched = true) : (this.isTouched = false);\n this.control?.invalid ? this.startRangeFormControl.setErrors(this.control.errors) : this.startRangeFormControl.setErrors(null);\n this.control?.invalid ? this.endRangeFormControl.setErrors(this.control.errors) : this.endRangeFormControl.setErrors(null);\n this.control?.invalid ? (this.isInvalid = true) : (this.isInvalid = false);\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes && changes['startDateDefaultValue']) {\n this.startRangeFormControl.setValue(this.startDateDefaultValue);\n }\n if (changes && changes['endDateDefaultValue']) {\n this.endRangeFormControl.setValue(this.endDateDefaultValue);\n }\n\n if (changes && changes['isDisabled']) {\n this.setDisabledState(this.isDisabled);\n }\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n public onFirstDateChange(e: MatDatepickerInputEvent<any>): void {\n this.selectedDates.startRange = e.value;\n this.firstSelectedDate.emit(e.value);\n this.propagateChange(this.selectedDates);\n this.propagateTouched();\n }\n\n public onSecondDateChange(e: MatDatepickerInputEvent<any>): void {\n this.selectedDates.endRange = e.value;\n this.secondSelectedDate.emit(e.value);\n this.propagateChange(this.selectedDates);\n this.propagateTouched();\n }\n\n onFirstDateClear(): void {\n this.selectedDates.startRange = null;\n this.firstSelectedDate.emit(null);\n this.propagateChange(this.selectedDates);\n }\n onSecondDateClear(): void {\n this.selectedDates.endRange = null;\n this.secondSelectedDate.emit(null);\n this.propagateChange(this.selectedDates);\n }\n\n writeValue(values: EuiDateRangeSelectorDates): void {\n if (values && values.startRange === undefined) {\n throw new Error('startRange of EuiDateRangeSelectorDates model must be defined');\n }\n if (values && values.endRange === undefined) {\n throw new Error('endRange of EuiDateRangeSelectorDates model must be defined');\n }\n\n this.startDateDefaultValue = values?.startRange;\n this.endDateDefaultValue = values?.endRange;\n this.startRangeFormControl.setValue(values?.startRange);\n this.endRangeFormControl.setValue(values?.endRange);\n this.selectedDates = values || { startRange:null, endRange: null };\n }\n\n public setDisabledState?(isDisabled: boolean): void {\n this.isDisabled = isDisabled;\n if (this.isDisabled) {\n this.startRangeFormControl.disable();\n this.endRangeFormControl.disable();\n } else {\n this.startRangeFormControl.enable();\n this.endRangeFormControl.enable();\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 // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars\n private propagateChange = (_: any): void => {};\n\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n private propagateTouched = (): void => {};\n\n /**\n * Updates the `aria-required` attribute on the input element.\n * @private\n */\n private updateInputAriaRequiredAttribute(control: NgControl): void {\n this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);\n }\n}\n", "<mat-date-range-input\n [class.mat-date-range-input--read-only]=\"isReadOnly\"\n [class.mat-date-range-input--disabled]=\"isDisabled\"\n [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n [rangePicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [comparisonStart]=\"comparisonStart\"\n [comparisonEnd]=\"comparisonEnd\">\n <input\n #inputStartDate\n class=\"eui-date-range-selector__start-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matStartDate\n placeholder=\"{{ firstInputPlaceholder }}\"\n attr.aria-label=\"{{ firstInputAriaLabel }}\"\n [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n [formControl]=\"startRangeFormControl\"\n (dateInput)=\"onFirstDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onFirstDateClear()\" />\n <input\n #inputEndDate\n class=\"eui-date-range-selector__end-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matEndDate\n placeholder=\"{{ secondInputPlaceholder }}\"\n attr.aria-label=\"{{ secondInputAriaLabel }}\"\n [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n [formControl]=\"endRangeFormControl\"\n (dateInput)=\"onSecondDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n<button\n *ngIf=\"!isReadOnly\"\n class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n (click)=\"picker.open()\"\n euiButton\n euiSecondary\n euiIconButton\n type=\"button\"\n [euiDisabled]=\"isDisabled\"\n aria-haspopup=\"dialog\">\n <ng-container *ngIf=\"!togglerLabel\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { EuiDateRangeSelectorComponent } from './eui-date-range-selector.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { DEFAULT_FORMATS } from '@eui/components/eui-datepicker';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n TranslateModule,\n MatDatepickerModule,\n MatMomentDateModule,\n EuiButtonModule,\n EuiIconModule,\n EuiInputTextModule,\n ],\n exports: [EuiDateRangeSelectorComponent],\n declarations: [EuiDateRangeSelectorComponent],\n providers: [\n { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },\n ],\n})\nexport class EuiDateRangeSelectorModule {}\n", "import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DateAdapter } from '@angular/material/core';\nimport moment from 'moment';\n\n/**\n * @description\n * Validator that checks that the start date isn't after the end date.\n *\n * @usageNotes\n * If the user types a value in the input field that is not aligned with the provided format the component propagates a null value that\n * can be used to validate the input field.\n *\n * @returns An error map with the\n * `euiDateRangeInvalid` if the validation check fails, otherwise `null`.\n */\n\nexport const euiStartEndDateValidator =\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (adapter: DateAdapter<any>): ValidatorFn =>\n (control: AbstractControl): ValidationErrors | null => {\n const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value.startRange)));\n const end = moment(control.value?.endRange);\n return !start || !end || adapter.compareDate(start, end) <= 0 ? null : { euiDateRangeInvalid: { end, actual: start } };\n };\n"],
|
|
5
|
-
"mappings": ";AACA,SACI,WAEA,cACA,aACA,OAIA,UACA,QACA,MAEA,mBACA,wBACG;AACP,SAA+B,aAAwB,kBAAkB;AAIzE,SAAS,eAAe;AACxB,SAAS,iBAAiB;;;;;;;;;;;AAWpB,IAAO,gCAAP,MAAO,+BAA6B;EAUtC,IACI,QAAK;AACL,WAAO;MACH;MACA,KAAK,cAAc,uCAAsC;MACzD,KAAK,mBAAmB,8CAA6C;MACrE,KAAK,eAAe,wCAAuC;MAC7D,KAAK,GAAG,EAAE,KAAI;EACpB;EAyBA,YACc,kBACY,eACZ,SACoB,SAAkB;AAHtC,SAAA,mBAAA;AACY,SAAA,gBAAA;AACZ,SAAA,UAAA;AACoB,SAAA,UAAA;AA9ClC,SAAA,gBAA2C,EAAE,YAAW,MAAM,UAAU,KAAI;AAGrE,SAAA,wBAAwB,IAAI,YAAW;AACvC,SAAA,sBAAsB,IAAI,YAAW;AAElC,SAAA,oBAAoB,IAAI,aAAY;AACpC,SAAA,qBAAqB,IAAI,aAAY;AAYtC,SAAA,UAAU;AAGV,SAAA,iBAAiB;AAUjB,SAAA,YAA6C;AACd,SAAA,mBAAmB;AACnB,SAAA,cAAc;AACd,SAAA,aAAa;AACb,SAAA,aAAa;AACb,SAAA,eAAe;AAG/C,SAAA,WAA6B,IAAI,QAAO;AA2JxC,SAAA,kBAAkB,CAAC,MAAgB;IAAE;AAGrC,SAAA,mBAAmB,MAAW;IAAE;AAtJpC,QAAI,KAAK,SAAS;AACd,WAAK,QAAQ,gBAAgB;IACjC;EACJ;EAEA,WAAQ;AACJ,SAAK,cACA,SAAQ,EACR,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,UAAS;AACjB,WAAK,QAAQ,UAAU,MAAM,EAAE;IACnC,CAAC;AAEL,SAAK,wBAAwB,IAAI,YAAY,EAAE,OAAO,KAAK,uBAAuB,UAAU,KAAK,WAAU,CAAE;AAC7G,SAAK,sBAAsB,IAAI,YAAY,EAAE,OAAO,KAAK,qBAAqB,UAAU,KAAK,WAAU,CAAE;AAEzG,QAAI,CAAC,KAAK,uBAAuB;AAC7B,WAAK,iBACA,OAAO,yCAAyC,EAChD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,wBAAwB;MACjC,CAAC;IACT;AAEA,QAAI,CAAC,KAAK,qBAAqB;AAC3B,WAAK,iBACA,OAAO,+CAA+C,EACtD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,sBAAsB;MAC/B,CAAC;IACT;AACA,QAAI,CAAC,KAAK,wBAAwB;AAC9B,WAAK,iBACA,OAAO,0CAA0C,EACjD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,yBAAyB;MAClC,CAAC;IACT;AAEA,QAAI,CAAC,KAAK,sBAAsB;AAC5B,WAAK,iBACA,OAAO,gDAAgD,EACvD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,uBAAuB;MAChC,CAAC;IACT;AAEA,SAAK,iCAAiC,KAAK,OAAO;AAClD,SAAK,SAAS,aAAa,KAAK,UAAU,KAAK,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAS;AAC1E,WAAK,iCAAiC,KAAK,OAAO;IACtD,CAAC;EACL;EAEA,YAAS;AACL,QAAI,KAAK,SAAS;AAEd,WAAK,SAAS,UAAU,KAAK,uBAAuB,cAAa,IAAK,KAAK,sBAAsB,gBAAe;AAChH,WAAK,SAAS,UAAU,KAAK,oBAAoB,cAAa,IAAK,KAAK,qBAAqB,gBAAe;AAC5G,WAAK,SAAS,UAAW,KAAK,YAAY,OAAS,KAAK,YAAY;AACpE,WAAK,SAAS,UAAU,KAAK,sBAAsB,UAAU,KAAK,QAAQ,MAAM,IAAI,KAAK,sBAAsB,UAAU,IAAI;AAC7H,WAAK,SAAS,UAAU,KAAK,oBAAoB,UAAU,KAAK,QAAQ,MAAM,IAAI,KAAK,oBAAoB,UAAU,IAAI;AACzH,WAAK,SAAS,UAAW,KAAK,YAAY,OAAS,KAAK,YAAY;IACxE;EACJ;EAEA,YAAY,SAAsB;AAC9B,QAAI,WAAW,QAAQ,uBAAuB,GAAG;AAC7C,WAAK,sBAAsB,SAAS,KAAK,qBAAqB;IAClE;AACA,QAAI,WAAW,QAAQ,qBAAqB,GAAG;AAC3C,WAAK,oBAAoB,SAAS,KAAK,mBAAmB;IAC9D;AAEA,QAAI,WAAW,QAAQ,YAAY,GAAG;AAClC,WAAK,iBAAiB,KAAK,UAAU;IACzC;EACJ;EAEA,cAAW;AACP,SAAK,SAAS,KAAK,IAAI;AACvB,SAAK,SAAS,YAAW;EAC7B;EAEO,kBAAkB,GAA+B;AACpD,SAAK,cAAc,aAAa,EAAE;AAClC,SAAK,kBAAkB,KAAK,EAAE,KAAK;AACnC,SAAK,gBAAgB,KAAK,aAAa;AACvC,SAAK,iBAAgB;EACzB;EAEO,mBAAmB,GAA+B;AACrD,SAAK,cAAc,WAAW,EAAE;AAChC,SAAK,mBAAmB,KAAK,EAAE,KAAK;AACpC,SAAK,gBAAgB,KAAK,aAAa;AACvC,SAAK,iBAAgB;EACzB;EAEA,mBAAgB;AACZ,SAAK,cAAc,aAAa;AAChC,SAAK,kBAAkB,KAAK,IAAI;AAChC,SAAK,gBAAgB,KAAK,aAAa;EAC3C;EACA,oBAAiB;AACb,SAAK,cAAc,WAAW;AAC9B,SAAK,mBAAmB,KAAK,IAAI;AACjC,SAAK,gBAAgB,KAAK,aAAa;EAC3C;EAEA,WAAW,QAAiC;AACxC,QAAI,UAAU,OAAO,eAAe,QAAW;AAC3C,YAAM,IAAI,MAAM,+DAA+D;IACnF;AACA,QAAI,UAAU,OAAO,aAAa,QAAW;AACzC,YAAM,IAAI,MAAM,6DAA6D;IACjF;AAEA,SAAK,wBAAwB,QAAQ;AACrC,SAAK,sBAAsB,QAAQ;AACnC,SAAK,sBAAsB,SAAS,QAAQ,UAAU;AACtD,SAAK,oBAAoB,SAAS,QAAQ,QAAQ;AAClD,SAAK,gBAAgB,UAAU,EAAE,YAAW,MAAM,UAAU,KAAI;EACpE;EAEO,iBAAkB,YAAmB;AACxC,SAAK,aAAa;AAClB,QAAI,KAAK,YAAY;AACjB,WAAK,sBAAsB,QAAO;AAClC,WAAK,oBAAoB,QAAO;IACpC,OAAO;AACH,WAAK,sBAAsB,OAAM;AACjC,WAAK,oBAAoB,OAAM;IACnC;EACJ;EAEA,iBAAiB,IAAO;AACpB,SAAK,kBAAkB;EAC3B;EAEA,kBAAkB,IAAO;AACrB,SAAK,mBAAmB;EAC5B;;;;;EAYQ,iCAAiC,SAAkB;AACvD,SAAK,2BAA2B,SAAS,SAAS,aAAa,WAAW,QAAQ;EACtF;;4GA/MS,gCAA6B,MAAA,CAAA,EAAA,OAAA,oBAAA,GAAA,EAAA,OAAA,kBAAA,UAAA,KAAA,GAAA,EAAA,OAAA,eAAA,GAAA,EAAA,OAAA,cAAA,UAAA,MAAA,MAAA,KAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAA7B,gCAA6B,UAAA,2BAAA,QAAA,EAAA,SAAA,WAAA,SAAA,WAAA,SAAA,WAAA,gBAAA,kBAAA,cAAA,gBAAA,uBAAA,yBAAA,wBAAA,0BAAA,qBAAA,uBAAA,sBAAA,wBAAA,uBAAA,yBAAA,qBAAA,uBAAA,iBAAA,mBAAA,eAAA,iBAAA,WAAA,aAAA,kBAAA,CAAA,oBAAA,oBAkClB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,YAAA,CAAA,cAAA,cAChB,gBAAgB,GAAA,YAAA,CAAA,cAAA,cAChB,gBAAgB,GAAA,cAAA,CAAA,gBAAA,gBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,mBAAA,qBAAA,oBAAA,qBAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,cAAA,iBAAA,eAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UCvExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDA,QAAA,CAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["DateAdapter"]
|
|
7
7
|
}
|
|
@@ -589,7 +589,7 @@ var EuiDatepickerComponent = class _EuiDatepickerComponent {
|
|
|
589
589
|
<ng-template #templatePortalRef>
|
|
590
590
|
<ng-content select="eui-action-buttons"></ng-content>
|
|
591
591
|
</ng-template>
|
|
592
|
-
`, styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-
|
|
592
|
+
`, styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-datepicker .eui-input-group{margin-bottom:0}.eui-datepicker--responsive,.eui-datepicker--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-c-primary-bg)}.eui-datepicker--secondary input{background-color:var(--eui-c-neutral-bg-light)}.eui-datepicker--info input{background-color:var(--eui-c-info-bg)}.eui-datepicker--success input{background-color:var(--eui-c-success-bg)}.eui-datepicker--warning input{background-color:var(--eui-c-warning-bg)}.eui-datepicker--danger input{background-color:var(--eui-c-danger-bg)}.eui-datepicker--accent input{background-color:var(--eui-c-accent-bg)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i10.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i11.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
593
593
|
}
|
|
594
594
|
};
|
|
595
595
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
|
|
@@ -665,7 +665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
665
665
|
<ng-template #templatePortalRef>
|
|
666
666
|
<ng-content select="eui-action-buttons"></ng-content>
|
|
667
667
|
</ng-template>
|
|
668
|
-
`, styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-
|
|
668
|
+
`, styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-datepicker .eui-input-group{margin-bottom:0}.eui-datepicker--responsive,.eui-datepicker--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-c-primary-bg)}.eui-datepicker--secondary input{background-color:var(--eui-c-neutral-bg-light)}.eui-datepicker--info input{background-color:var(--eui-c-info-bg)}.eui-datepicker--success input{background-color:var(--eui-c-success-bg)}.eui-datepicker--warning input{background-color:var(--eui-c-warning-bg)}.eui-datepicker--danger input{background-color:var(--eui-c-danger-bg)}.eui-datepicker--accent input{background-color:var(--eui-c-accent-bg)}\n"] }]
|
|
669
669
|
}], ctorParameters: () => [{ type: i1.DateAdapter }, { type: i2.TranslateService }, { type: i3.LocaleService }, { type: i3.EuiAppShellService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }, { type: i4.BaseStatesDirective }, { type: EuiLetterFormatDirective, decorators: [{
|
|
670
670
|
type: Optional
|
|
671
671
|
}, {
|