Add missing files

Author: MrEssex

docs/pages/components/empty-dialog.md

@@ -0,0 +1,22 @@
+---
+meta:
+  title: Empty Dialog
+  description:
+layout: component
+---
+
+```html:preview
+<zn-empty-dialog></zn-empty-dialog>
+```
+
+## Examples
+
+### First Example
+
+TODO
+
+### Second Example
+
+TODO
+
+[component-metadata:zn-empty-dialog]

src/components/empty-dialog/empty-dialog.component.ts

@@ -0,0 +1,43 @@
+import {property} from 'lit/decorators.js';
+import {type CSSResultGroup, html, unsafeCSS} from 'lit';
+import {LocalizeController} from '../../utilities/localize';
+import {watch} from '../../internal/watch';
+import ZincElement from '../../internal/zinc-element';
+
+import styles from './empty-dialog.scss';
+
+/**
+* @summary Short summary of the component's intended use.
+* @documentation https://zinc.style/components/empty-dialog
+* @status experimental
+* @since 1.0
+*
+* @dependency zn-example
+*
+* @event zn-event-name - Emitted as an example.
+*
+* @slot - The default slot.
+* @slot example - An example slot.
+*
+* @csspart base - The component's base wrapper.
+*
+* @cssproperty --example - An example CSS custom property.
+*/
+export default class ZnEmptyDialog extends ZincElement {
+  static styles: CSSResultGroup = unsafeCSS(styles);
+
+  // @ts-expect-error unused property
+  private readonly localize = new LocalizeController(this);
+
+  /** An example attribute. */
+  @property() attr = 'example';
+
+  @watch('example')
+  handleExampleChange() {
+    // do something
+  }
+
+  render() {
+    return html` <slot></slot> `;
+  }
+}

src/components/empty-dialog/empty-dialog.scss

@@ -0,0 +1,5 @@
+@use "../../wc";
+
+:host {
+  display: block;
+}

src/components/empty-dialog/empty-dialog.test.ts

@@ -0,0 +1,10 @@
+import '../../../dist/zn.min.js';
+import { expect, fixture, html } from '@open-wc/testing';
+
+describe('<zn-empty-dialog>', () => {
+  it('should render a component', async () => {
+    const el = await fixture(html` <zn-empty-dialog></zn-empty-dialog> `);
+
+    expect(el).to.exist;
+  });
+});

src/components/empty-dialog/index.ts

@@ -0,0 +1,12 @@
+import ZnEmptyDialog from './empty-dialog.component';
+
+export * from './empty-dialog.component';
+export default ZnEmptyDialog;
+
+ZnEmptyDialog.define('zn-empty-dialog');
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'zn-empty-dialog': ZnEmptyDialog;
+  }
+}