@ionic/core 7.7.2-dev.11707926434.1affaed4 → 7.7.2-dev.11707932366.16baf005

package/dist/collection/components/toast/toast.ios.css

@@ -102,27 +102,8 @@
   z-index: 1001;
   pointer-events: none;
 }
-@supports (inset-inline-start: 0) {
-  :host {
-    inset-inline-start: 0;
-  }
-}
-@supports not (inset-inline-start: 0) {
-  :host {
-    left: 0;
-  }
-  :host-context([dir=rtl]) {
-    left: unset;
-    right: unset;
-    right: 0;
-  }
-  @supports selector(:dir(rtl)) {
-    :host(:dir(rtl)) {
-      left: unset;
-      right: unset;
-      right: 0;
-    }
-  }
+:host {
+  inset-inline-start: 0;
 }
 
 :host(.overlay-hidden) {
@@ -156,37 +137,9 @@
   background: var(--background);
   box-shadow: var(--box-shadow);
 }
-@supports (inset-inline-start: 0) {
-  .toast-wrapper {
-    inset-inline-start: var(--start);
-    inset-inline-end: var(--end);
-  }
-}
-@supports not (inset-inline-start: 0) {
-  .toast-wrapper {
-    left: var(--start);
-    right: var(--end);
-  }
-  :host-context([dir=rtl]) .toast-wrapper {
-    left: unset;
-    right: unset;
-    left: var(--end);
-    right: var(--start);
-  }
-  [dir=rtl] .toast-wrapper {
-    left: unset;
-    right: unset;
-    left: var(--end);
-    right: var(--start);
-  }
-  @supports selector(:dir(rtl)) {
-    .toast-wrapper:dir(rtl) {
-      left: unset;
-      right: unset;
-      left: var(--end);
-      right: var(--start);
-    }
-  }
+.toast-wrapper {
+  inset-inline-start: var(--start);
+  inset-inline-end: var(--end);
 }
 
 .toast-wrapper.toast-top {
@@ -321,10 +274,10 @@
  * }
  */
 :host {
-  --background: var(--ion-color-step-50, #f2f2f2);
+  --background: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));
   --border-radius: 14px;
-  --button-color: var(--ion-color-primary, #3880ff);
-  --color: var(--ion-color-step-850, #262626);
+  --button-color: var(--ion-color-primary, #0054e9);
+  --color: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
   --max-width: 700px;
   --max-height: 478px;
   --start: 10px;

package/dist/collection/components/toast/toast.js

@@ -384,9 +384,9 @@ export class Toast {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (h(Host, Object.assign({ key: '15a5c3e8d475435c838b70c55ef2e7cc12d6abfb', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '9575ee7d0195f7f2a95486d4b193beb58d966941', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'a6ed7fb75ab098dc632d1a546b4d5298675c14c1', class: wrapperClass }, h("div", { key: '68ff7219e9abae0b7c2030369ebffd2fe0edf7de', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '6b45ca5e283d3507c682cbe733e27a94460a7f69', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'cf152835fe8d8cc499214443b5fa23bf5ef076a1', class: wrapperClass }, h("div", { key: 'c0d331df574399e541fcefb3987777692be10e6c', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '3d6ffa739935f5c92d81ccaccb673cb46b794472', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
     static get is() { return "ion-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -1127,7 +1127,13 @@ export class Toast {
     }
 }
 const buttonClass = (button) => {
-    return Object.assign({ 'toast-button': true, 'toast-button-icon-only': button.icon !== undefined && button.text === undefined, [`toast-button-${button.role}`]: button.role !== undefined, 'ion-focusable': true, 'ion-activatable': true }, getClassMap(button.cssClass));
+    return {
+        'toast-button': true,
+        'toast-button-icon-only': button.icon !== undefined && button.text === undefined,
+        [`toast-button-${button.role}`]: button.role !== undefined,
+        'ion-focusable': true,
+        'ion-activatable': true,
+    };
 };
 const buttonPart = (button) => {
     return isCancel(button.role) ? 'button cancel' : 'button';

package/dist/collection/components/toast/toast.md.css

@@ -102,27 +102,8 @@
   z-index: 1001;
   pointer-events: none;
 }
-@supports (inset-inline-start: 0) {
-  :host {
-    inset-inline-start: 0;
-  }
-}
-@supports not (inset-inline-start: 0) {
-  :host {
-    left: 0;
-  }
-  :host-context([dir=rtl]) {
-    left: unset;
-    right: unset;
-    right: 0;
-  }
-  @supports selector(:dir(rtl)) {
-    :host(:dir(rtl)) {
-      left: unset;
-      right: unset;
-      right: 0;
-    }
-  }
+:host {
+  inset-inline-start: 0;
 }
 
 :host(.overlay-hidden) {
@@ -156,37 +137,9 @@
   background: var(--background);
   box-shadow: var(--box-shadow);
 }
-@supports (inset-inline-start: 0) {
-  .toast-wrapper {
-    inset-inline-start: var(--start);
-    inset-inline-end: var(--end);
-  }
-}
-@supports not (inset-inline-start: 0) {
-  .toast-wrapper {
-    left: var(--start);
-    right: var(--end);
-  }
-  :host-context([dir=rtl]) .toast-wrapper {
-    left: unset;
-    right: unset;
-    left: var(--end);
-    right: var(--start);
-  }
-  [dir=rtl] .toast-wrapper {
-    left: unset;
-    right: unset;
-    left: var(--end);
-    right: var(--start);
-  }
-  @supports selector(:dir(rtl)) {
-    .toast-wrapper:dir(rtl) {
-      left: unset;
-      right: unset;
-      left: var(--end);
-      right: var(--start);
-    }
-  }
+.toast-wrapper {
+  inset-inline-start: var(--start);
+  inset-inline-end: var(--end);
 }
 
 .toast-wrapper.toast-top {
@@ -321,11 +274,11 @@
  * }
  */
 :host {
-  --background: var(--ion-color-step-800, #333333);
+  --background: var(--ion-color-step-800, var(--ion-background-color-step-800, #333333));
   --border-radius: 4px;
   --box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
-  --button-color: var(--ion-color-primary, #3880ff);
-  --color: var(--ion-color-step-50, #f2f2f2);
+  --button-color: var(--ion-color-primary, #0054e9);
+  --color: var(--ion-color-step-50, var(--ion-text-color-step-950, #f2f2f2));
   --max-width: 700px;
   --start: 8px;
   --end: 8px;
@@ -404,7 +357,7 @@
 }
 
 .toast-button-cancel {
-  color: var(--ion-color-step-100, #e6e6e6);
+  color: var(--ion-color-step-100, var(--ion-text-color-step-900, #e6e6e6));
 }
 
 .toast-button-icon-only {
@@ -421,7 +374,7 @@
 
 @media (any-hover: hover) {
   .toast-button:hover {
-    background-color: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);
+    background-color: rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08);
   }
   .toast-button-cancel:hover {
     background-color: rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.08);

package/dist/collection/components/toggle/test/a11y/toggle.e2e.js

@@ -4,10 +4,16 @@
 import AxeBuilder from "@axe-core/playwright";
 import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+configs({ directions: ['ltr'], themes: ['light', 'dark'] }).forEach(({ title, config }) => {
     test.describe(title('toggle: a11y'), () => {
         test('should not have accessibility violations', async ({ page }) => {
-            await page.goto(`/src/components/toggle/test/a11y`, config);
+            await page.setContent(`
+        <main>
+          <ion-toggle>my label</ion-toggle>
+          <ion-toggle aria-label="my aria label"></ion-toggle>
+          <ion-toggle checked="true">Checked</ion-toggle>
+        </main>
+      `, config);
             const results = await new AxeBuilder({ page }).analyze();
             expect(results.violations).toEqual([]);
         });

package/dist/collection/components/toggle/toggle.ios.css

@@ -81,7 +81,7 @@
   z-index: 2;
 }
 
-:host(.in-item:not(.legacy-toggle)) {
+:host(.in-item) {
   width: 100%;
   height: 100%;
 }
@@ -92,16 +92,11 @@
  * toolbar which is why we do not
  * limit the below behavior to just ion-item.
  */
-:host([slot=start]:not(.legacy-toggle)),
-:host([slot=end]:not(.legacy-toggle)) {
+:host([slot=start]),
+:host([slot=end]) {
   width: auto;
 }
 
-:host(.legacy-toggle) {
-  contain: content;
-  touch-action: none;
-}
-
 :host(.ion-focused) input {
   border: 2px solid #5e9ed6;
 }
@@ -110,51 +105,6 @@
   pointer-events: none;
 }
 
-:host(.legacy-toggle) label {
-  top: 0;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  appearance: none;
-  outline: none;
-  display: flex;
-  align-items: center;
-  opacity: 0;
-  pointer-events: none;
-}
-@supports (inset-inline-start: 0) {
-  :host(.legacy-toggle) label {
-    inset-inline-start: 0;
-  }
-}
-@supports not (inset-inline-start: 0) {
-  :host(.legacy-toggle) label {
-    left: 0;
-  }
-  :host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label {
-    left: unset;
-    right: unset;
-    right: 0;
-  }
-  @supports selector(:dir(rtl)) {
-    :host(.legacy-toggle:dir(rtl)) label {
-      left: unset;
-      right: unset;
-      right: 0;
-    }
-  }
-}
-:host(.legacy-toggle) label::-moz-focus-inner {
-  border: 0;
-}
-
 input {
   position: absolute;
   top: 0;
@@ -189,7 +139,7 @@ input {
   overflow: hidden;
 }
 
-:host(.in-item:not(.legacy-toggle)) .label-text-wrapper {
+:host(.in-item) .label-text-wrapper {
   margin-top: 10px;
   margin-bottom: 10px;
 }
@@ -532,29 +482,22 @@ input {
  */
 :host {
   --track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);
-  --track-background-checked: var(--ion-color-primary, #3880ff);
-  --border-radius: 16px;
+  --track-background-checked: var(--ion-color-primary, #0054e9);
+  --border-radius: 15.5px;
   --handle-background: #ffffff;
   --handle-background-checked: #ffffff;
   --handle-border-radius: 25.5px;
-  --handle-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
-  --handle-height: calc(32px - (2px * 2));
+  --handle-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06), 0 3px 8px rgba(0, 0, 0, 0.06);
+  --handle-height: calc(31px - (2px * 2));
   --handle-max-height: calc(100% - var(--handle-spacing) * 2);
-  --handle-width: calc(32px - (2px * 2));
+  --handle-width: calc(31px - (2px * 2));
   --handle-spacing: 2px;
   --handle-transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;
 }
 
-:host(.legacy-toggle) {
-  width: 51px;
-  height: 32px;
-  contain: strict;
-  overflow: hidden;
-}
-
 .native-wrapper .toggle-icon {
   width: 51px;
-  height: 32px;
+  height: 31px;
   /**
    * The handle box shadow should not
    * overflow outside of the track container.
@@ -590,7 +533,7 @@ input {
 
 .toggle-switch-icon {
   position: absolute;
-  color: var(--ion-color-dark);
+  color: var(--ion-color-dark, #222428);
 }
 
 :host(.toggle-ltr) .toggle-switch-icon {
@@ -655,26 +598,4 @@ input {
 
 :host(.toggle-disabled) {
   opacity: 0.3;
-}
-
-:host(.in-item.legacy-toggle) {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  -webkit-padding-start: 16px;
-  padding-inline-start: 16px;
-  -webkit-padding-end: 0;
-  padding-inline-end: 0;
-  padding-top: 6px;
-  padding-bottom: 5px;
-}
-
-:host(.in-item.legacy-toggle[slot=start]) {
-  -webkit-padding-start: 0;
-  padding-inline-start: 0;
-  -webkit-padding-end: 16px;
-  padding-inline-end: 16px;
-  padding-top: 6px;
-  padding-bottom: 5px;
 }

package/dist/collection/components/toggle/toggle.js

@@ -2,9 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, h } from "@stencil/core";
-import { createLegacyFormController } from "../../utils/forms/index";
-import { getAriaLabel, renderHiddenInput, inheritAriaAttributes } from "../../utils/helpers";
-import { printIonWarning } from "../../utils/logging/index";
+import { renderHiddenInput, inheritAriaAttributes } from "../../utils/helpers";
 import { hapticSelection } from "../../utils/native/haptic";
 import { isRTL } from "../../utils/rtl/index";
 import { createColorClasses, hostContext } from "../../utils/theme";
@@ -26,8 +24,6 @@ export class Toggle {
         this.lastDrag = 0;
         this.inheritedAttributes = {};
         this.didLoad = false;
-        // This flag ensures we log the deprecation warning at most once.
-        this.hasLoggedDeprecationWarning = false;
         this.setupGesture = async () => {
             const { toggleTrack } = this;
             if (toggleTrack) {
@@ -73,12 +69,10 @@ export class Toggle {
         this.value = 'on';
         this.enableOnOffLabels = config.get('toggleOnOffLabels');
         this.labelPlacement = 'start';
-        this.legacy = undefined;
         this.justify = 'space-between';
         this.alignment = 'center';
     }
     disabledChanged() {
-        this.emitStyle();
         if (this.gesture) {
             this.gesture.enable(!this.disabled);
         }
@@ -93,7 +87,6 @@ export class Toggle {
         });
     }
     async connectedCallback() {
-        this.legacyFormController = createLegacyFormController(this.el);
         /**
          * If we have not yet rendered
          * ion-toggle, then toggleTrack is not defined.
@@ -115,19 +108,7 @@ export class Toggle {
         }
     }
     componentWillLoad() {
-        this.emitStyle();
-        if (!this.legacyFormController.hasLegacyControl()) {
-            this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
-        }
-    }
-    emitStyle() {
-        if (this.legacyFormController.hasLegacyControl()) {
-            this.ionStyle.emit({
-                'interactive-disabled': this.disabled,
-                // TODO(FW-2990): remove this
-                legacy: !!this.legacy,
-            });
-        }
+        this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
     }
     onStart() {
         this.activated = true;
@@ -171,16 +152,12 @@ export class Toggle {
         return this.el.textContent !== '';
     }
     render() {
-        const { legacyFormController } = this;
-        return legacyFormController.hasLegacyControl() ? this.renderLegacyToggle() : this.renderToggle();
-    }
-    renderToggle() {
         const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment } = this;
         const mode = getIonMode(this);
         const value = this.getValue();
         const rtl = isRTL(el) ? 'rtl' : 'ltr';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '1ff490557ae9f695646fab73f4e8eb5479c39194', onClick: this.onClick, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -190,42 +167,10 @@ export class Toggle {
                 [`toggle-alignment-${alignment}`]: true,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, h("label", { class: "toggle-wrapper" }, h("input", Object.assign({ type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { class: {
+            }) }, h("label", { key: '9ef2ac21e677ef8e06e6265578e84c65268e2f73', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'c39eb29126454211a99be4fad6e421dcdebdae71', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '379d33ef5714e1d69aa7dd4a6fd2576647e768ad', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", null)), h("div", { class: "native-wrapper" }, this.renderToggleControl()))));
-    }
-    renderLegacyToggle() {
-        if (!this.hasLoggedDeprecationWarning) {
-            printIonWarning(`ion-toggle now requires providing a label with either the default slot or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the component or the "aria-label" attribute.
-
-Example: <ion-toggle>Email</ion-toggle>
-Example with aria-label: <ion-toggle aria-label="Email"></ion-toggle>
-
-Developers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`, this.el);
-            if (this.legacy) {
-                printIonWarning(`ion-toggle is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.
-
-Developers can dismiss this warning by removing their usage of the "legacy" property and using the new toggle syntax.`, this.el);
-            }
-            this.hasLoggedDeprecationWarning = true;
-        }
-        const { activated, color, checked, disabled, el, inputId, name } = this;
-        const mode = getIonMode(this);
-        const { label, labelId, labelText } = getAriaLabel(el, inputId);
-        const value = this.getValue();
-        const rtl = isRTL(el) ? 'rtl' : 'ltr';
-        renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { onClick: this.onClick, "aria-labelledby": label ? labelId : null, "aria-checked": `${checked}`, "aria-hidden": disabled ? 'true' : null, role: "switch", class: createColorClasses(color, {
-                [mode]: true,
-                'in-item': hostContext('ion-item', el),
-                'toggle-activated': activated,
-                'toggle-checked': checked,
-                'toggle-disabled': disabled,
-                'legacy-toggle': true,
-                interactive: true,
-                [`toggle-${rtl}`]: true,
-            }) }, this.renderToggleControl(), h("label", { htmlFor: inputId }, labelText), h("input", { type: "checkbox", role: "switch", "aria-checked": `${checked}`, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) })));
+            }, part: "label" }, h("slot", { key: '7dc7e14558361468d5d842e4235b18e09bdd3805' })), h("div", { key: 'ac1cd965163dff435d76db51c69b2285770a1ea0', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     static get is() { return "ion-toggle"; }
     static get encapsulation() { return "shadow"; }
@@ -374,23 +319,6 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
                 "reflect": false,
                 "defaultValue": "'start'"
             },
-            "legacy": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup."
-                },
-                "attribute": "legacy",
-                "reflect": false
-            },
             "justify": {
                 "type": "string",
                 "mutable": false,
@@ -486,30 +414,6 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
                     "resolved": "void",
                     "references": {}
                 }
-            }, {
-                "method": "ionStyle",
-                "name": "ionStyle",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }],
-                    "text": "Emitted when the styles change."
-                },
-                "complexType": {
-                    "original": "StyleEventDetail",
-                    "resolved": "StyleEventDetail",
-                    "references": {
-                        "StyleEventDetail": {
-                            "location": "import",
-                            "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
-                        }
-                    }
-                }
             }];
     }
     static get elementRef() { return "el"; }