rename element and element class

This commit is contained in:
Mads Rasmussen
2023-03-08 14:28:10 +01:00
parent 6c32ca67c5
commit 176cd6e4af
2 changed files with 9 additions and 9 deletions

View File

@@ -10,8 +10,8 @@ export interface UmbBasicModalData {
overlaySize?: UUIModalSidebarSize;
}
@customElement('umb-modal-layout-basic')
export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicModalData> {
@customElement('umb-basic-modal')
export class UmbBasicModalElement extends UmbModalLayoutElement<UmbBasicModalData> {
static styles = [
UUITextStyles,
css`
@@ -42,10 +42,10 @@ export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicMo
}
}
export default UmbModalLayoutBasicElement;
export default UmbBasicModalElement;
declare global {
interface HTMLElementTagNameMap {
'umb-modal-layout-basic': UmbModalLayoutBasicElement;
'umb-basic-modal': UmbBasicModalElement;
}
}

View File

@@ -1,11 +1,11 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit';
import { UmbModalLayoutBasicElement, UmbBasicModalData } from './basic-modal.element';
import { UmbBasicModalElement, UmbBasicModalData } from './basic-modal.element';
export default {
title: 'API/Modals/Layouts/Basic',
component: 'umb-modal-layout-basic',
id: 'modal-layout-basic',
component: 'umb-basic-modal',
id: 'umb-basic-modal',
} as Meta;
const htmlContent = html` <uui-table aria-label="Example table" aria-describedby="#some-element-id">
@@ -35,9 +35,9 @@ const data: UmbBasicModalData = {
overlaySize: 'small',
};
export const Overview: Story<UmbModalLayoutBasicElement> = () => html`
export const Overview: Story<UmbBasicModalElement> = () => html`
<!-- TODO: figure out if generics are allowed for properties:
https://github.com/runem/lit-analyzer/issues/149
https://github.com/runem/lit-analyzer/issues/163 -->
<umb-modal-layout-basic .data=${data as any}></umb-modal-layout-basic>
<umb-basic-modal .data=${data as any}></umb-basic-modal>
`;