npm - @navservice/web-components - Versions diffs - 1.0.0 → 1.2.0 - Mend

@navservice/web-components 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/rslib.config.ts DELETED Viewed

@@ -1,38 +0,0 @@
-// rslib.config.ts
-import { defineConfig } from '@rslib/core';
-export default defineConfig({
-    lib: [
-        {
-            format: "esm",
-            dts: {
-                bundle: false
-            },
-            output: {
-                distPath: { root: "./build/es" }
-            }
-        },
-        {
-            format: "umd",
-            dts: {
-                bundle: false
-            },
-            output: {
-                distPath: { root: "./build/lib" },
-                minify: false,
-            }
-        }
-    ],
-    source: {
-        decorators: {
-            version: '2022-03',
-        },
-    },
-    output: {
-        target: 'web',
-        cleanDistPath: true,
-    },
-});

package/src/env.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- /// <reference types="@rsbuild/core/types" />

package/src/index.css DELETED Viewed

@@ -1,10 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-body {
-    margin: 0;
-    color: #fff;
-    font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-    background-image: linear-gradient(to bottom, #020917, #101725);
-}

package/src/index.html DELETED Viewed

@@ -1,7 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head></head>
-    <body>
-        <my-element />
-    </body>
-</html>

package/src/index.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import './index.css';
-import { MyElement } from './my-element';
-export * from './my-element';
-customElements.define('my-element', MyElement);

package/src/my-element.ts DELETED Viewed

@@ -1,106 +0,0 @@
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-export class MyElement extends LitElement {
-  @property({ type: Boolean })
-  accessor open = false;
-  @property({ type: Boolean })
-  accessor setOnEscClose = true;
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    window.addEventListener('keydown', this.handleKeydown);
-  }
-  disconnectedCallback() {
-    window.removeEventListener('keydown', this.handleKeydown);
-    super.disconnectedCallback();
-  }
-  handleKeydown = (event: KeyboardEvent) => {
-    if (this.setOnEscClose && event.key === 'Escape' && this.open) {
-      this.closeModal();
-    }
-  };
-  openModal = () => {
-    this.open = true;
-  };
-  closeModal = () => {
-    this.open = false;
-  };
-  clearAndClose = () => {
-    console.log('Clear acionado');
-    this.open = false;
-  };
-  render() {
-    return html`
-      <div class="min-h-screen flex flex-col items-center justify-center gap-3 bg-gradient-to-br from-gray-50 to-gray-100">
-        <h1 class="text-3xl font-semibold tracking-tight text-gray-900">
-          Rsbuild + Lit
-        </h1>
-        <p class="text-sm text-gray-500">
-          Interface minimalista, rápida e moderna.
-        </p>
-        <button
-          class="mt-4 inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 shadow-sm transition hover:bg-gray-50 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
-          @click=${this.openModal}
-        >
-          Abrir modal lateral
-        </button>
-      </div>
-      <!-- Overlay -->
-      <div
-        class="fixed inset-0 z-40 bg-black/40 backdrop-blur-sm transition-opacity duration-300
-        ${this.open ? 'opacity-100 pointer-events-auto' : 'opacity-0 pointer-events-none'}"
-        @click=${this.closeModal}
-      ></div>
-      <!-- Drawer -->
-      <aside
-        class="fixed right-0 top-0 z-50 h-full w-full max-w-md bg-white shadow-2xl
-        transition-transform duration-300 ease-out
-        ${this.open ? 'translate-x-0' : 'translate-x-full'}"
-      >
-        <div class="flex h-full flex-col p-6">
-          <div class="mb-4">
-            <h2 class="text-lg font-semibold text-gray-900">
-              Confirmação
-            </h2>
-            <p class="mt-1 text-sm text-gray-500">
-              Este é um modal lateral com UX inspirada em Vercel e Cloudflare.
-            </p>
-          </div>
-          <div class="flex-1"></div>
-          <div class="flex justify-end gap-3 border-t pt-4">
-            <button
-              class="rounded-md px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-100 transition"
-              @click=${this.clearAndClose}
-            >
-              Cancelar
-            </button>
-            <button
-              class="rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 transition"
-              @click=${this.closeModal}
-            >
-              Confirmar
-            </button>
-          </div>
-        </div>
-      </aside>
-    `;
-  }
-}

package/tailwind.config.mjs DELETED Viewed

@@ -1,5 +0,0 @@
-export default {
-    content: ["./src/**/*.{ts,html}"],
-    theme: { extend: {} },
-    plugins: [],
-};

package/tsconfig.json DELETED Viewed

@@ -1,25 +0,0 @@
-{
-    "compilerOptions": {
-        "lib": ["DOM", "ES2020"],
-        "target": "ES2020",
-        "noEmit": true,
-        "skipLibCheck": true,
-        "experimentalDecorators": true,
-        "useDefineForClassFields": true,
-        /* modules */
-        "module": "ESNext",
-        "moduleDetection": "force",
-        "moduleResolution": "bundler",
-        "verbatimModuleSyntax": true,
-        "resolveJsonModule": true,
-        "allowImportingTsExtensions": true,
-        "noUncheckedSideEffectImports": true,
-        /* type checking */
-        "strict": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true
-    },
-    "include": ["src"]
-}