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; overlaySize?: UUIModalSidebarSize;
} }
@customElement('umb-modal-layout-basic') @customElement('umb-basic-modal')
export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicModalData> { export class UmbBasicModalElement extends UmbModalLayoutElement<UmbBasicModalData> {
static styles = [ static styles = [
UUITextStyles, UUITextStyles,
css` css`
@@ -42,10 +42,10 @@ export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicMo
} }
} }
export default UmbModalLayoutBasicElement; export default UmbBasicModalElement;
declare global { declare global {
interface HTMLElementTagNameMap { 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 { Meta, Story } from '@storybook/web-components';
import { html } from 'lit'; import { html } from 'lit';
import { UmbModalLayoutBasicElement, UmbBasicModalData } from './basic-modal.element'; import { UmbBasicModalElement, UmbBasicModalData } from './basic-modal.element';
export default { export default {
title: 'API/Modals/Layouts/Basic', title: 'API/Modals/Layouts/Basic',
component: 'umb-modal-layout-basic', component: 'umb-basic-modal',
id: 'modal-layout-basic', id: 'umb-basic-modal',
} as Meta; } as Meta;
const htmlContent = html` <uui-table aria-label="Example table" aria-describedby="#some-element-id"> const htmlContent = html` <uui-table aria-label="Example table" aria-describedby="#some-element-id">
@@ -35,9 +35,9 @@ const data: UmbBasicModalData = {
overlaySize: 'small', overlaySize: 'small',
}; };
export const Overview: Story<UmbModalLayoutBasicElement> = () => html` export const Overview: Story<UmbBasicModalElement> = () => html`
<!-- TODO: figure out if generics are allowed for properties: <!-- TODO: figure out if generics are allowed for properties:
https://github.com/runem/lit-analyzer/issues/149 https://github.com/runem/lit-analyzer/issues/149
https://github.com/runem/lit-analyzer/issues/163 --> 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>
`; `;