npm - @eui/components - Versions diffs - 18.0.0-next.44 → 18.0.0-next.46 - Mend

@eui/components 18.0.0-next.44 → 18.0.0-next.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (410) hide show

package/fesm2022/eui-components-eui-sidebar-menu.mjs CHANGED Viewed

@@ -32,15 +32,15 @@ var EuiSidebarMenuComponent = class _EuiSidebarMenuComponent {
     this.isCollapsed = event;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-s-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-s-m))}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasLowercaseItems"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-s-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-s-m))}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasLowercaseItems"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-sidebar-menu", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-s-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-s-m))}\n"] }]
+  args: [{ selector: "eui-sidebar-menu", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-s-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-s-m))}\n"] }]
 }], propDecorators: { string: [{
   type: HostBinding,
   args: ["class"]
@@ -93,16 +93,16 @@ import * as i02 from "@angular/core";
 var COMPONENTS = [EuiSidebarMenuComponent];
 var EuiSidebarMenuModule = class _EuiSidebarMenuModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSidebarMenuModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSidebarMenuModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSidebarMenuModule, declarations: [EuiSidebarMenuComponent], imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule], exports: [EuiSidebarMenuComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSidebarMenuModule, declarations: [EuiSidebarMenuComponent], imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule], exports: [EuiSidebarMenuComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSidebarMenuModule, imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSidebarMenuModule, imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiSidebarMenuModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiSidebarMenuModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule],

package/fesm2022/eui-components-eui-sidebar-menu.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-sidebar-menu/eui-sidebar-menu.component.ts", "../../eui-sidebar-menu/eui-sidebar-menu.component.html", "../../eui-sidebar-menu/eui-sidebar-menu.module.ts"],
   "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { EuiMenuItem } from '@eui/base';\n\n@Component({\n    selector: 'eui-sidebar-menu',\n    templateUrl: './eui-sidebar-menu.component.html',\n    styleUrls: ['./_styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiSidebarMenuComponent {\n    @HostBinding('class') string = 'eui-sidebar-menu';\n\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() items: any[] = [];\n\n    @Input({ transform: booleanAttribute }) hasCollapsedInitials = false;\n    @Input({ transform: booleanAttribute }) isCollapsed = false;\n    @Input({ transform: booleanAttribute }) hasFilter = false;\n    @Input({ transform: booleanAttribute }) hasIcons = false;\n    @Input({ transform: booleanAttribute }) hasTooltip = false;\n    @Input({ transform: booleanAttribute }) expandAllItems = false;\n    @Input({ transform: booleanAttribute }) hasLowercaseItems = false;\n\n    @Input() style = '';\n    @Input() fragmentId: string; // Anchor to navigate to (see eui-menu)\n    @Input() searchFilterLabel: string;\n    @Input() externalTarget: string;\n    @Input() filterValue = '';\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, @angular-eslint/no-output-on-prefix\n    @Output() menuClick: EventEmitter<any> = new EventEmitter();\n    @Output() itemClick: EventEmitter<EuiMenuItem> = new EventEmitter();\n\n    public onMenuItemClicked(item: EuiMenuItem): void {\n        this.itemClick.emit(item);\n    }\n\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    public onMenuClicked(event: any): void {\n        this.menuClick.emit(event);\n    }\n\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    public onMenuCollapsed(event: any): void {\n        this.isCollapsed = event;\n    }\n}\n", "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n    <div class=\"eui-sidebar-menu__content\">\n        <eui-menu\n            [items]=\"items\"\n            [hasFilter]=\"hasFilter\"\n            [hasIcons]=\"hasIcons\"\n            [hasTooltip]=\"hasTooltip\"\n            [isCollapsed]=\"isCollapsed\"\n            [hasCollapsedInitials]=\"hasCollapsedInitials\"\n            [hasLowercaseItems]=\"hasLowercaseItems\"\n            [expandAllItems]=\"expandAllItems\"\n            [fragmentId]=\"fragmentId\"\n            [searchFilterLabel]=\"searchFilterLabel\"\n            [filterValue]=\"filterValue\"\n            (isClick)=\"onMenuClicked($event)\"\n            (itemClick)=\"onMenuItemClicked($event)\">\n        </eui-menu>\n    </div>\n</div>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { EuiMenuModule } from '@eui/components/eui-menu';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nimport { EuiSidebarMenuComponent } from './eui-sidebar-menu.component';\n\nconst COMPONENTS = [EuiSidebarMenuComponent];\n\n@NgModule({\n    imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiSidebarMenuModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/fesm2022/eui-components-eui-skeleton.mjs CHANGED Viewed

@@ -31,13 +31,13 @@ var EuiSkeletonComponent = class _EuiSkeletonComponent {
     ].join(" ").trim();
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiSkeletonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiSkeletonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiSkeletonComponent, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiSkeletonComponent, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiSkeletonComponent, decorators: [{
   type: Component,
   args: [{ template: "", selector: "eui-skeleton", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
     {
@@ -77,16 +77,16 @@ import * as i02 from "@angular/core";
 var COMPONENTS = [EuiSkeletonComponent];
 var EuiSkeletonModule = class _EuiSkeletonModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSkeletonModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSkeletonModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSkeletonModule, declarations: [EuiSkeletonComponent], imports: [CommonModule], exports: [EuiSkeletonComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSkeletonModule, declarations: [EuiSkeletonComponent], imports: [CommonModule], exports: [EuiSkeletonComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSkeletonModule, imports: [CommonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSkeletonModule, imports: [CommonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiSkeletonModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiSkeletonModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [

package/fesm2022/eui-components-eui-slide-toggle.mjs CHANGED Viewed

@@ -74,10 +74,10 @@ var EuiSlideToggleComponent = class _EuiSlideToggleComponent {
     this.onTouch = fn;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiSlideToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiSlideToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiSlideToggleComponent, selector: "eui-slide-toggle", inputs: { id: "id", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", isChecked: ["isChecked", "isChecked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { slideToggleChange: "slideToggleChange" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: `<div
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiSlideToggleComponent, selector: "eui-slide-toggle", inputs: { id: "id", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", isChecked: ["isChecked", "isChecked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { slideToggleChange: "slideToggleChange" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: `<div
     class="eui-slide-toggle__container"
     [tabindex]="this.disabled ? '-1' : '0'"
     [class.eui-slide-toggle__container--disabled]="disabled"
@@ -107,10 +107,10 @@ var EuiSlideToggleComponent = class _EuiSlideToggleComponent {
         </ng-container>
     </div>
 </div>
-`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);height:var(--eui-s-m);width:calc(var(--eui-s-xl) + var(--eui-s-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);box-shadow:var(--eui-base-shadow-3);position:absolute;height:calc(var(--eui-s-m) + var(--eui-s-xs));width:calc(var(--eui-s-m) + var(--eui-s-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-primary-lighter)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-info-lighter)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-warning-light)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger-light)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-accent-light)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.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"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-4xl);height:var(--eui-s-m);width:calc(var(--eui-s-xl) + var(--eui-s-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-3);position:absolute;height:calc(var(--eui-s-m) + var(--eui-s-xs));width:calc(var(--eui-s-m) + var(--eui-s-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-primary-lighter)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-info-lighter)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-warning-light)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger-light)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-accent-light)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.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"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiSlideToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiSlideToggleComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-slide-toggle", animations: [onOff], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
     {
@@ -161,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
         </ng-container>
     </div>
 </div>
-`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);height:var(--eui-s-m);width:calc(var(--eui-s-xl) + var(--eui-s-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);box-shadow:var(--eui-base-shadow-3);position:absolute;height:calc(var(--eui-s-m) + var(--eui-s-xs));width:calc(var(--eui-s-m) + var(--eui-s-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-primary-lighter)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-info-lighter)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-warning-light)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger-light)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-accent-light)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n'] }]
+`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-4xl);height:var(--eui-s-m);width:calc(var(--eui-s-xl) + var(--eui-s-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-3);position:absolute;height:calc(var(--eui-s-m) + var(--eui-s-xs));width:calc(var(--eui-s-m) + var(--eui-s-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-primary-lighter)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-info-lighter)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-warning-light)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger-light)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-accent-light)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n'] }]
 }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
   type: Self
 }, {
@@ -197,16 +197,16 @@ import { EuiIconModule } from "@eui/components/eui-icon";
 import * as i02 from "@angular/core";
 var EuiSlideToggleModule = class _EuiSlideToggleModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSlideToggleModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSlideToggleModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSlideToggleModule, declarations: [EuiSlideToggleComponent], imports: [CommonModule, ReactiveFormsModule, EuiIconModule], exports: [EuiSlideToggleComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSlideToggleModule, declarations: [EuiSlideToggleComponent], imports: [CommonModule, ReactiveFormsModule, EuiIconModule], exports: [EuiSlideToggleComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiSlideToggleModule, imports: [CommonModule, ReactiveFormsModule, EuiIconModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiSlideToggleModule, imports: [CommonModule, ReactiveFormsModule, EuiIconModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiSlideToggleModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiSlideToggleModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule, ReactiveFormsModule, EuiIconModule],

package/fesm2022/eui-components-eui-slide-toggle.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-slide-toggle/animations/on-off.ts", "../../eui-slide-toggle/eui-slide-toggle.component.ts", "../../eui-slide-toggle/eui-slide-toggle.component.html", "../../eui-slide-toggle/eui-slide-toggle.module.ts"],
   "sourcesContent": ["import { animate, state, style, transition, trigger } from '@angular/animations';\n\nexport const onOff = trigger('onOff', [\n    state(\n        'off',\n        style({\n            left: 0,\n        }),\n    ),\n    state(\n        'on',\n        style({\n            left: '1rem',\n        }),\n    ),\n    transition('off => on', [animate('0ms 100ms linear')]),\n    transition('on => off', [animate('0ms 100ms linear')]),\n]);\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectorRef,\n    Self,\n    Optional,\n    booleanAttribute,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';\n\nimport { uniqueId } from '@eui/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { onOff } from './animations/on-off';\n\n@Component({\n    templateUrl: './eui-slide-toggle.component.html',\n    selector: 'eui-slide-toggle',\n    styleUrls: ['./styles/index.scss'],\n    animations: [onOff],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiInfo',\n                'euiWarning',\n                'euiSuccess',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiSlideToggleComponent implements ControlValueAccessor {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [this.baseStatesDirective.getCssClasses('eui-slide-toggle')].join(' ').trim();\n    }\n\n    @Input() id = `eui-slide-toggle-${uniqueId()}`;\n    @Input() iconSvgNameOn: string;\n    @Input() iconSvgNameOff: string;\n    @Input() iconSvgFillColorOn = 'neutral';\n    @Input() iconSvgFillColorOff = 'neutral';\n\n    @Input({ transform: booleanAttribute }) isChecked = false;\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    public checkboxControl = new FormControl();\n\n    @Output() slideToggleChange = new EventEmitter<boolean>();\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        @Self() @Optional() private control: NgControl,\n        protected baseStatesDirective: BaseStatesDirective,\n    ) {\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n    }\n\n    public toggle(): void {\n        if (!this.disabled) {\n            this.isChecked = !this.isChecked;\n            this.slideToggleChange.emit(this.isChecked);\n            this.onChange(this.isChecked);\n            this.onTouch();\n        }\n    }\n\n    public writeValue(value: boolean): void {\n        this.isChecked = value;\n        this.cd.detectChanges();\n    }\n\n    public setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this.cd.detectChanges();\n    }\n\n    public onFocusOut(): void {\n        this.onTouch();\n    }\n\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    public registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\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    public registerOnTouched(fn: any): void {\n        this.onTouch = fn;\n    }\n\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    private onChange: any = () => {/* empty */};\n\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    private onTouch: any = () => {/* empty */};\n}\n", "<div\n    class=\"eui-slide-toggle__container\"\n    [tabindex]=\"this.disabled ? '-1' : '0'\"\n    [class.eui-slide-toggle__container--disabled]=\"disabled\"\n    (keydown.Enter)=\"toggle()\"\n    (click)=\"toggle()\">\n    <input\n        class=\"eui-u-display-hidden\"\n        [formControl]=\"checkboxControl\"\n        [id]=\"id\"\n        type=\"checkbox\"\n        role=\"switch\"\n        [attr.checked]=\"isChecked\"\n        (focusout)=\"onFocusOut()\" />\n    <div\n        class=\"eui-slide-toggle__track\"\n        [class.eui-slide-toggle__track--off]=\"!isChecked\"\n        [class.eui-slide-toggle__track--on]=\"isChecked\"></div>\n    <div\n        class=\"eui-slide-toggle__handler\"\n        [@onOff]=\"isChecked ? 'on' : 'off'\"\n        [class.eui-slide-toggle__handler--off]=\"!isChecked\"\n        [class.eui-slide-toggle__handler--on]=\"isChecked\">\n\n        <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n            <eui-icon-svg *ngIf=\"isChecked\" icon=\"{{iconSvgNameOn}}\" fillColor=\"{{iconSvgFillColorOn}}\" size=\"s\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!isChecked\" icon=\"{{iconSvgNameOff}}\" fillColor=\"{{iconSvgFillColorOff}}\" size=\"s\"></eui-icon-svg>\n        </ng-container>\n    </div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { EuiSlideToggleComponent } from './eui-slide-toggle.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [CommonModule, ReactiveFormsModule, EuiIconModule],\n    declarations: [EuiSlideToggleComponent],\n    exports: [EuiSlideToggleComponent],\n})\nexport class EuiSlideToggleModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }