@dile/ui 2.5.4 → 2.5.6

package/README.md

@@ -2,4 +2,4 @@
 
 Web Components to create various user interfaces.
 
-Read the @dile/ui docs on [Dile Components Catalog Site](https://dile-components.polydile.com/).
+Read the @dile/ui docs on [Dile Components Catalog Site](https://dile-components.com/).

package/components/spinner/spinner-block.js

@@ -0,0 +1,4 @@
+import './spinner.js';
+import { DileSpinnerBlock } from "./src/DileSpinnerBlock.js";
+
+window.customElements.define("dile-spinner-block", DileSpinnerBlock);

package/components/spinner/src/DileSpinnerBlock.js

@@ -0,0 +1,25 @@
+import { LitElement, html, css } from "lit";
+
+export class DileSpinnerBlock extends LitElement {
+  static get styles() {
+    return css`
+      :host {
+        display: block;
+      }
+      .loading {
+        height: var(--dile-spinner-block-height, 120px); 
+        display: flex; 
+        justify-content: var(--dile-spinner-block-justify-content, center); 
+        align-items: var(--dile-spinner-block-align-items, center); 
+      }
+    `;
+  }
+
+  render() {
+    return html`
+      <section class="loading">
+        <dile-spinner active></dile-spinner>
+      </section>
+    `;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/ui",
-  "version": "2.5.4",
+  "version": "2.5.6",
   "description": "UI Core components from dile-components.",
   "main": "index.js",
   "scripts": {
@@ -18,13 +18,13 @@
   "bugs": {
     "url": "https://github.com/Polydile/Components/issues"
   },
-  "homepage": "https://dile-components.polydile.com/",
+  "homepage": "https://dile-components.com/",
   "dependencies": {
-    "@dile/icons": "^2.1.1",
+    "@dile/icons": "^2.1.2",
     "lit": "^2.7.0 || ^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e2cdce49c83224ee59eae32515eb30ffd2913bb2"
+  "gitHead": "0ca8a028f7d8e60a7e1b83ad5a6a90dfc97ddac4"
 }