@warp-ds/elements 2.2.0-next.3 → 2.2.0-next.31

package/dist/packages/utils/index.js

@@ -0,0 +1,37 @@
+import { classMap } from 'lit/directives/class-map.js';
+const camelCaseToKebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+// Source: https://medium.com/@dayton-bobbitt/generating-attributes-for-litelement-properties-f972ef658137
+export function kebabCaseAttributes(constructor) {
+    return class extends constructor {
+        static createProperty(name, options) {
+            let customOptions = options;
+            // derive the attribute name if not already defined or disabled
+            if (typeof options?.attribute === 'undefined' || options?.attribute === true) {
+                customOptions = Object.assign({}, options, {
+                    attribute: camelCaseToKebabCase(name.toString()),
+                });
+            }
+            super.createProperty(name, customOptions);
+        }
+    };
+}
+export function classes(defn) {
+    const classes = [];
+    for (const [key, value] of Object.entries(defn)) {
+        if (value)
+            classes.push(key);
+    }
+    return classes.join(' ');
+}
+export function fclasses(definition) {
+    const defn = {};
+    for (const [key, value] of Object.entries(definition)) {
+        for (const className of key.split(' ')) {
+            defn[className] = value;
+        }
+    }
+    return classMap(defn);
+}
+export function generateRandomId() {
+    return `m${Math.random().toString(36).slice(2)}`;
+}

package/dist/packages/utils/unstyled-heading.d.ts

@@ -1,11 +1,10 @@
-export class UnstyledHeading extends WarpElement {
+export class UnstyledHeading extends LitElement {
     static properties: {
         level: {
             type: NumberConstructor;
         };
     };
-    static styles: (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[][];
     get _markup(): string;
-    render(): import(".pnpm/lit-html@3.2.0/node_modules/lit-html/directive.js").DirectiveResult<typeof import("lit/directives/unsafe-html.js").UnsafeHTMLDirective>;
+    render(): import("lit/async-directive.js").DirectiveResult<typeof import("lit/directives/unsafe-html.js").UnsafeHTMLDirective>;
 }
-import WarpElement from '@warp-ds/elements-core';
+import { LitElement } from 'lit';

package/dist/packages/utils/unstyled-heading.js

@@ -0,0 +1,22 @@
+import { html, LitElement } from 'lit';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+class UnstyledHeading extends LitElement {
+    static { this.properties = {
+        level: { type: Number },
+    }; }
+    get _markup() {
+        return `<h${this.level}
+    style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
+  >
+    <slot></slot>
+  </h${this.level}>
+`;
+    }
+    render() {
+        return !this.level ? html `<slot></slot>` : unsafeHTML(this._markup);
+    }
+}
+if (!customElements.get('w-unstyled-heading')) {
+    customElements.define('w-unstyled-heading', UnstyledHeading);
+}
+export { UnstyledHeading };

package/dist/packages/utils/window-exists.js

@@ -0,0 +1 @@
+export const windowExists = typeof window !== 'undefined';

package/dist/setup-tests.d.ts

@@ -0,0 +1 @@
+import 'vitest-browser-lit';

package/dist/setup-tests.js

@@ -0,0 +1 @@
+import 'vitest-browser-lit';