@statistikzh/leu 0.5.1 → 0.7.0

package/dist/MenuItem.js

@@ -1,8 +1,7 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
-import { css, LitElement, nothing } from 'lit';
-import { html, unsafeStatic } from 'lit/static-html.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { css, html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { a as ICON_NAMES, I as Icon } from './icon-03e86700.js';
+import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host,
 :host * {
@@ -12,9 +11,10 @@ var css_248z = css`:host,
 :host {
   --background: var(--leu-color-black-0);
   --background-hover: var(--leu-color-black-10);
-  --background-active: var(--leu-color-func-cyan);
+  --background-active: var(--leu-color-accent-blue);
   --background-disabled: var(--leu-color-black-black-0);
   --color: var(--leu-color-black-transp-60);
+  --color-active: var(--leu-color-black-0);
   --color-disabled: var(--leu-color-black-transp-20);
   --font-regular: var(--leu-font-family-regular);
   --font-black: var(--leu-font-family-black);
@@ -38,6 +38,7 @@ var css_248z = css`:host,
 
   padding: 0.75rem;
 
+  font-family: inherit;
   font-size: 1rem;
   line-height: 1.5;
   text-align: left;
@@ -52,21 +53,27 @@ var css_248z = css`:host,
 }
 
 .button:hover,
-:host([highlighted]) .button {
+.button:focus-visible {
   --background: var(--background-hover);
 }
 
+/*
+ * These colors do not match with the design system (yet).
+ * But at least they are compliant with the WCAG AA contrast ratio.
+ */
+
 :host([active]) .button {
   --background: var(--background-active);
+  --color: var(--color-active);
 }
 
 :host([disabled]) .button {
   --background: var(--background-disabled);
   --color: var(--color-disabled);
-  cursor: default;
+  cursor: not-allowed;
 }
 
-.before svg, .after svg {
+.before leu-icon, .after leu-icon {
   display: block;
 }
 
@@ -84,102 +91,142 @@ var css_248z = css`:host,
 }
 `;
 
+/**
+ * @typedef {'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'option' | 'none'} MenuItemRole
+ */
+
 /**
  * @tagname leu-menu-item
  * @slot - The label of the menu item
+ * @property {boolean} active - Defines if the item is selected or checked
+ * @property {boolean} disabled - Disables the underlying button or link
+ * @property {string} value - The value of the item. It must not contain commas. See `getValue()`
+ * @property {string} href - The href of the underlying link
+ * @property {boolean} tabbable - If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link
+ * @property {MenuItemRole} componentRole - The role of the item. This will be reflected as `role` to the underlying button or link. Default is `'menuitem'.`
  */
-class LeuMenuItem extends LitElement {
+class LeuMenuItem extends LeuElement {
   constructor() {
     super();
     this.active = false;
     this.disabled = false;
+    this.value = undefined;
+    this.href = undefined;
+    this.tabbable = undefined;
 
-    /**
-     * A programmatic way to highlight the menu item like it is hovered.
-     * This is just a visual effect and does not change the active state.
-     */
-    this.highlighted = false;
+    /** @type {MenuItemRole} */
+    this.componentRole = "menuitem";
   }
-  static getIconOrText(name) {
-    if (ICON_NAMES.includes(name)) {
-      return Icon(name);
-    }
-    if (name === "EMPTY") {
-      return html`<div class="icon-placeholder"></div>`;
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("click", this._handleClick, true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("click", this._handleClick, true);
+  }
+  _handleClick(event) {
+    if (this.disabled) {
+      event.stopPropagation();
+      event.preventDefault();
     }
-    return name;
   }
-  renderBefore() {
-    if (this.before) {
-      const content = LeuMenuItem.getIconOrText(this.before);
-      return html`<span class="before">${content}</span>`;
+
+  /**
+   * Returns the value of the item. If `value` is not set, it will return the inner text
+   * @returns {string}
+   */
+  getValue() {
+    return this.value || this.innerText;
+  }
+  _getAria() {
+    const commonAttributes = {
+      disabled: this.disabled
+    };
+    if (this.href) {
+      return commonAttributes;
     }
-    return nothing;
+    return {
+      ...commonAttributes,
+      checked: this.componentRole === "menuitemcheckbox" || this.componentRole === "menuitemradio" ? this.active : undefined,
+      selected: this.componentRole === "option" ? this.active : undefined,
+      role: this.componentRole === "none" ? undefined : this.componentRole
+    };
   }
-  renderAfter() {
-    if (this.after) {
-      const content = LeuMenuItem.getIconOrText(this.after);
-      return html`<span class="after">${content}</span>`;
+  _getTabIndex() {
+    if (typeof this.tabbable === "boolean") {
+      return this.tabbable ? 0 : -1;
     }
-    return nothing;
+    return undefined;
+  }
+  _renderLink(content) {
+    const aria = this._getAria();
+    return html`<a
+      class="button"
+      href=${this.href}
+      aria-disabled=${ifDefined(aria.disabled)}
+      aria-checked=${ifDefined(aria.checked)}
+      aria-selected=${ifDefined(aria.selected)}
+      role=${ifDefined(aria.role)}
+      tabindex=${ifDefined(this._getTabIndex())}
+      >${content}</a
+    >`;
   }
-  getTagName() {
-    return this.href ? "a" : "button";
+  _renderButton(content) {
+    const aria = this._getAria();
+    return html`<button
+      class="button"
+      aria-disabled=${ifDefined(aria.disabled)}
+      aria-checked=${ifDefined(aria.checked)}
+      aria-selected=${ifDefined(aria.selected)}
+      role=${ifDefined(aria.role)}
+      tabindex=${ifDefined(this._getTabIndex())}
+    >
+      ${content}
+    </button>`;
   }
   render() {
-    /* The eslint rules don't recognize html import from lit/static-html.js */
-    /* eslint-disable lit/binding-positions, lit/no-invalid-html */
-    return html`<${unsafeStatic(this.getTagName())} class="button" href=${ifDefined(this.href)} ?disabled=${this.disabled}>
-      ${this.renderBefore()}<span class="label">${this.label}</span
-      >${this.renderAfter()}
-    </${unsafeStatic(this.getTagName())}>`;
-    /* eslint-enable lit/binding-positions, lit/no-invalid-html */
+    const content = html`
+      <slot class="before" name="before"></slot>
+      <span class="label"><slot></slot></span>
+      <slot class="after" name="after"></slot>
+    `;
+    return this.href ? this._renderLink(content) : this._renderButton(content);
   }
 }
+_defineProperty(LeuMenuItem, "dependencies", {
+  "leu-icon": LeuIcon
+});
 _defineProperty(LeuMenuItem, "styles", css_248z);
 /**
  * @internal
  */
 _defineProperty(LeuMenuItem, "shadowRootOptions", {
-  ...LitElement.shadowRootOptions,
+  ...LeuElement.shadowRootOptions,
   delegatesFocus: true
 });
 _defineProperty(LeuMenuItem, "properties", {
-  /**
-   * Can be either an icon name or a text
-   * If no icon with this value is found, it will be displayed as text.
-   * If the value is "EMPTY", an empty placeholder with the size of an icon will be displayed.
-   */
-  before: {
-    type: String,
-    reflect: true
-  },
-  /**
-   * Can be either an icon name or a text
-   * If no icon with this value is found, it will be displayed as text
-   * If the value is "EMPTY", an empty placeholder with the size of an icon will be displayed.
-   */
-  after: {
-    type: String,
-    reflect: true
-  },
   active: {
     type: Boolean,
     reflect: true
   },
-  highlighted: {
+  disabled: {
     type: Boolean,
     reflect: true
   },
-  disabled: {
+  tabbable: {
     type: Boolean,
     reflect: true
   },
-  label: {
+  href: {
+    type: String,
+    reflect: true
+  },
+  value: {
     type: String,
     reflect: true
   },
-  href: {
+  componentRole: {
     type: String,
     reflect: true
   }

package/dist/Pagination.d.ts

@@ -1,12 +1,19 @@
 /**
  * @tagname leu-pagination
  */
-export class LeuPagination extends LitElement {
+export class LeuPagination extends LeuElement {
     /** @type {Number} */
     numOfItems: number;
     /** @type {Number} */
     itemsPerPage: number;
-    /** @type {Number} */
+    /**
+     * Internal page state that contains an
+     * already clamped page number. Should only
+     * be accessed through the `page` getter and
+     * setter.
+     * @type {Number}
+     * @internal
+     */
     _page: number;
     attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
     set page(page: number);
@@ -23,5 +30,5 @@ export class LeuPagination extends LitElement {
     _handleKeyDown(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { LitElement } from 'lit';
+import { L as LeuElement } from './LeuElement-ba5ea33d.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["Pagination.js"],"names":[],"mappings":"AA2EA;;GAEG;AACH;IAII,qBAAqB;IACrB,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IAEhB,oEAKC;IAID,uBAEC;IALD,mBAEC;IAID,yBAEC;IACD,uBAEC;IACD,uBAEC;IACD,wBAEC;IACD,uBAEC;IACD,8BAEC;IACD,6BAaC;IACD,gCAEC;IACD,+BAKC;IACD,iCASC;IACD,+CAsCC;CACF;2BA9LqC,KAAK"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["Pagination.js"],"names":[],"mappings":"AAwEA;;GAEG;AACH;IAII,qBAAqB;IACrB,mBAAmB;IAEnB,qBAAqB;IACrB,qBAAqB;IAErB;;;;;;;OAOG;IACH,cAAc;IAEhB,oEAKC;IAID,uBAEC;IALD,mBAEC;IAID,yBAEC;IACD,uBAEC;IACD,uBAEC;IACD,wBAEC;IACD,uBAEC;IACD,8BAEC;IACD,6BAaC;IACD,gCAEC;IACD,+BAKC;IACD,iCASC;IACD,+CAsCC;CACF;gCArMqD,0BAA0B"}

package/dist/Pagination.js

@@ -1,14 +1,11 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
-import { css, LitElement, html } from 'lit';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
-import './leu-button.js';
-import './leu-visually-hidden.js';
-import './defineElement-40372b4b.js';
-import './Button-5326c982.js';
+import { L as LeuButton } from './Button-7370f901.js';
+import { LeuVisuallyHidden } from './VisuallyHidden.js';
+import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
-import './icon-03e86700.js';
-import './VisuallyHidden.js';
 
 var css_248z = css`:host {
   margin-top: 16px;
@@ -76,15 +73,24 @@ const MIN_PAGE = 1;
 /**
  * @tagname leu-pagination
  */
-class LeuPagination extends LitElement {
+class LeuPagination extends LeuElement {
   constructor() {
     super();
 
     /** @type {Number} */
     this.numOfItems = 1;
+
     /** @type {Number} */
     this.itemsPerPage = 1;
-    /** @type {Number} */
+
+    /**
+     * Internal page state that contains an
+     * already clamped page number. Should only
+     * be accessed through the `page` getter and
+     * setter.
+     * @type {Number}
+     * @internal
+     */
     this._page = 1;
   }
   attributeChangedCallback(name, oldVal, newVal) {
@@ -169,33 +175,38 @@ class LeuPagination extends LitElement {
       <div class="label">von ${this._maxPage}</div>
       <div class="button-group">
         <leu-button
-          icon="angleLeft"
           variant="secondary"
           label="Vorherige Seite"
           @click=${_ => {
       this._updatePage(this.page - 1);
     }}
           ?disabled=${this._isFirstPage()}
+          ><leu-icon name="angleLeft"></leu-icon
         ></leu-button>
         <leu-button
-          icon="angleRight"
           variant="secondary"
           label="Nächste Seite"
           @click=${_ => {
       this._updatePage(this.page + 1);
     }}
           ?disabled=${this._isLastPage()}
+          ><leu-icon name="angleRight"></leu-icon
         ></leu-button>
       </div>
     `;
   }
 }
+_defineProperty(LeuPagination, "dependencies", {
+  "leu-button": LeuButton,
+  "leu-icon": LeuIcon,
+  "leu-visually-hidden": LeuVisuallyHidden
+});
 _defineProperty(LeuPagination, "styles", css_248z);
 /**
  * @internal
  */
 _defineProperty(LeuPagination, "shadowRootOptions", {
-  ...LitElement.shadowRootOptions,
+  ...LeuElement.shadowRootOptions,
   delegatesFocus: true
 });
 _defineProperty(LeuPagination, "properties", {
@@ -211,14 +222,6 @@ _defineProperty(LeuPagination, "properties", {
     type: Number,
     reflect: true
   },
-  /**
-   * Internal page state that contains an
-   * already clamped page number. Should only
-   * be accessed through the `page` getter and
-   * setter.
-   * @type {Number}
-   * @internal
-   */
   _page: {
     state: true
   }

package/dist/Popup.d.ts

@@ -1,18 +1,36 @@
+export type Placement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+/**
+ * @typedef {"top"|"top-start"|"top-end"|"bottom"|"bottom-start"|"bottom-end"|"left"|"left-start"|"left-end"|"right"|"right-start"|"right-end"} Placement
+ */
 /**
  * @tagname leu-popup
  */
-export class LeuPopup extends LitElement {
+export class LeuPopup extends LeuElement {
     anchorEl: any;
     cleanup: () => void;
     flip: boolean;
     shift: boolean;
+    active: boolean;
+    /** @type {Placement} */
+    placement: Placement;
+    /** @type {"width" | "height" | "both"} */
+    matchSize: "width" | "height" | "both";
+    /** @type {"width" | "height" | "both"} */
+    autoSize: "width" | "height" | "both";
+    shiftPadding: number;
+    autoSizePadding: number;
+    /** @type {string | HTMLElement} */
+    anchor: string | HTMLElement;
     updated(changedProperties: any): void;
-    get popupEl(): Element;
+    /**
+     * @returns {HTMLElement | null}
+     */
+    get popupEl(): HTMLElement;
     start(): void;
     stop(): void;
     reposition(): void;
     handleAnchorChange(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { LitElement } from 'lit';
+import { L as LeuElement } from './LeuElement-ba5ea33d.js';
 //# sourceMappingURL=Popup.d.ts.map

package/dist/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["Popup.js"],"names":[],"mappings":"AAuCA;;GAEG;AACH;IAGI,cAAoB;IACpB,oBAAwB;IACxB,cAAiB;IACjB,eAAkB;IAMpB,sCAcC;IACD,uBAEC;IACD,cAKC;IACD,aAIC;IACD,mBAiEC;IACD,2BAiBC;IACD,+CAOC;CACF;2BA9KqC,KAAK"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["Popup.js"],"names":[],"mappings":"wBAyCa,KAAK,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,cAAc,GAAC,YAAY,GAAC,MAAM,GAAC,YAAY,GAAC,UAAU,GAAC,OAAO,GAAC,aAAa,GAAC,WAAW;AAD9I;;GAEG;AAEH;;GAEG;AACH;IAGI,cAAoB;IACpB,oBAAwB;IACxB,cAAiB;IACjB,eAAkB;IAClB,gBAAmB;IAEnB,wBAAwB;IACxB,WADW,SAAS,CACM;IAE1B,0CAA0C;IAC1C,WADW,OAAO,GAAG,QAAQ,GAAG,MAAM,CACZ;IAE1B,0CAA0C;IAC1C,UADW,OAAO,GAAG,QAAQ,GAAG,MAAM,CACb;IACzB,qBAAqB;IACrB,wBAAwB;IAExB,mCAAmC;IACnC,QADW,MAAM,GAAG,WAAW,CACR;IAMzB,sCAcC;IAED;;OAEG;IACH,2BAEC;IACD,cAKC;IACD,aAIC;IACD,mBAiEC;IACD,2BAiBC;IACD,+CAOC;CACF;gCAvMqD,0BAA0B"}

package/dist/Popup.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
-import { css, LitElement, html } from 'lit';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
 
 var css_248z = css`:host,
@@ -28,6 +28,7 @@ var css_248z = css`:host,
   position: absolute;
   top: 0;
   left: 0;
+  z-index: var(--leu-z-index-popup);
 }
 
 /* TODO: Should visibility be a matter of the popup component? */
@@ -37,16 +38,35 @@ var css_248z = css`:host,
 }
 `;
 
+/**
+ * @typedef {"top"|"top-start"|"top-end"|"bottom"|"bottom-start"|"bottom-end"|"left"|"left-start"|"left-end"|"right"|"right-start"|"right-end"} Placement
+ */
+
 /**
  * @tagname leu-popup
  */
-class LeuPopup extends LitElement {
+class LeuPopup extends LeuElement {
   constructor() {
     super();
     this.anchorEl = null;
     this.cleanup = undefined;
     this.flip = false;
     this.shift = false;
+    this.active = false;
+
+    /** @type {Placement} */
+    this.placement = undefined;
+
+    /** @type {"width" | "height" | "both"} */
+    this.matchSize = undefined;
+
+    /** @type {"width" | "height" | "both"} */
+    this.autoSize = undefined;
+    this.shiftPadding = 0;
+    this.autoSizePadding = 0;
+
+    /** @type {string | HTMLElement} */
+    this.anchor = undefined;
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -67,6 +87,10 @@ class LeuPopup extends LitElement {
       this.reposition();
     }
   }
+
+  /**
+   * @returns {HTMLElement | null}
+   */
   get popupEl() {
     return this.renderRoot?.querySelector(".popup") ?? null;
   }
@@ -176,39 +200,42 @@ class LeuPopup extends LitElement {
 }
 _defineProperty(LeuPopup, "styles", css_248z);
 _defineProperty(LeuPopup, "shadowRootOptions", {
-  ...LitElement.shadowRootOptions,
+  ...LeuElement.shadowRootOptions,
   delegatesFocus: true
 });
 _defineProperty(LeuPopup, "properties", {
   anchor: {},
   active: {
-    type: Boolean
+    type: Boolean,
+    reflect: true
   },
-  /**
-   * @type {"top"|"top-start"|"top-end"|"bottom"|"bottom-start"|"bottom-end"|"left"|"left-start"|"left-end"|"right"|"right-start"|"right-end"}
-   */
   placement: {
-    type: String
+    type: String,
+    reflect: true
   },
   flip: {
-    type: Boolean
+    type: Boolean,
+    reflect: true
   },
   shift: {
-    type: Boolean
+    type: Boolean,
+    reflect: true
   },
   shiftPadding: {
-    type: Number
+    type: Number,
+    reflect: true
   },
-  /** @type {"width" | "height" | "both"} */
   matchSize: {
-    type: String
+    type: String,
+    reflect: true
   },
-  /** @type {"width" | "height" | "both"} */
   autoSize: {
-    type: String
+    type: String,
+    reflect: true
   },
   autoSizePadding: {
-    type: Number
+    type: Number,
+    reflect: true
   }
 });
 

package/dist/Radio.d.ts

@@ -1,12 +1,14 @@
 /**
  * @tagname leu-radio
  */
-export class LeuRadio extends LitElement {
+export class LeuRadio extends LeuElement {
     checked: boolean;
     disabled: boolean;
+    name: string;
+    value: string;
     handleChange(event: any): void;
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { LitElement } from 'lit';
+import { L as LeuElement } from './LeuElement-ba5ea33d.js';
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["Radio.js"],"names":[],"mappings":"AAgGA;;GAEG;AACH;IAGI,iBAAoB;IACpB,kBAAqB;IAEvB,+BAIC;IACD,8BAEC;IACD,+CAeC;CACF;2BAhIqC,KAAK"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["Radio.js"],"names":[],"mappings":"AAgGA;;GAEG;AACH;IAGI,iBAAoB;IACpB,kBAAqB;IACrB,aAAc;IACd,cAAe;IAEjB,+BAIC;IACD,8BAEC;IACD,+CAeC;CACF;gCAnIqD,0BAA0B"}

package/dist/Radio.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
-import { css, LitElement, html } from 'lit';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { css, html } from 'lit';
 
 var css_248z = css`:host {
   --radio-color: var(--leu-color-black-40);
@@ -97,11 +97,13 @@ var css_248z = css`:host {
 /**
  * @tagname leu-radio
  */
-class LeuRadio extends LitElement {
+class LeuRadio extends LeuElement {
   constructor() {
     super();
     this.checked = false;
     this.disabled = false;
+    this.name = "";
+    this.value = "";
   }
   handleChange(event) {
     this.checked = event.target.checked;
@@ -114,7 +116,7 @@ class LeuRadio extends LitElement {
   render() {
     return html`
       <input
-        id=${this.identifier}
+        id=${`radio-${this.name}`}
         class="radio"
         type="radio"
         name="${this.name}"
@@ -124,13 +126,14 @@ class LeuRadio extends LitElement {
         ?disabled=${this.disabled}
         .value=${this.value}
       />
-      <label for=${this.identifier} class="label">${this.label}</label>
+      <label for=${`radio-${this.name}`} class="label"><slot></slot></label>
     `;
   }
 }
 _defineProperty(LeuRadio, "styles", css_248z);
+/** @internal */
 _defineProperty(LeuRadio, "shadowRootOptions", {
-  ...LitElement.shadowRootOptions,
+  ...LeuElement.shadowRootOptions,
   delegatesFocus: true
 });
 _defineProperty(LeuRadio, "properties", {
@@ -142,10 +145,6 @@ _defineProperty(LeuRadio, "properties", {
     type: Boolean,
     reflect: true
   },
-  identifier: {
-    type: String,
-    reflect: true
-  },
   value: {
     type: String,
     reflect: true
@@ -153,10 +152,6 @@ _defineProperty(LeuRadio, "properties", {
   name: {
     type: String,
     reflect: true
-  },
-  label: {
-    type: String,
-    reflect: true
   }
 });
 

package/dist/RadioGroup.d.ts

@@ -1,7 +1,7 @@
 /**
  * @tagname leu-radio-group
  */
-export class LeuRadioGroup extends LitElement {
+export class LeuRadioGroup extends LeuElement {
     _currentIndex: number;
     orientation: string;
     items: any[];
@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LitElement {
     initializeIndex(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { LitElement } from 'lit';
+import { L as LeuElement } from './LeuElement-ba5ea33d.js';
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAIM,sBAAiD;IA6BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAIC;IACD,6BAIC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;2BAxJqC,KAAK"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAIM,sBAAiD;IA2BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAaC;IACD,6BAMC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;gCAlKqD,0BAA0B"}