@nl-design-system-community/clippy-components 1.0.0 → 1.2.0

package/dist/index-D3FiqptQ.js

@@ -0,0 +1,65 @@
+var y = (e) => {
+  throw TypeError(e);
+};
+var d = (e, r, t) => r.has(e) || y("Cannot " + t);
+var u = (e, r, t) => (d(e, r, "read from private field"), t ? t.call(e) : r.get(e)), b = (e, r, t) => r.has(e) ? y("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, t), c = (e, r, t, s) => (d(e, r, "write to private field"), s ? s.call(e, t) : r.set(e, t), t);
+import { LitElement as m } from "lit";
+import { property as a } from "lit/decorators.js";
+var _ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (e, r, t, s) => {
+  for (var o = s > 1 ? void 0 : s ? g(r, t) : r, p = e.length - 1, h; p >= 0; p--)
+    (h = e[p]) && (o = (s ? h(r, t, o) : h(o)) || o);
+  return s && o && _(r, t, o), o;
+}, i;
+const f = class f extends m {
+  constructor() {
+    super(...arguments);
+    b(this, i);
+    this.name = "", this.hiddenLabel = "", this.disabled = !1, this.readonly = !1, this.internals_ = this.attachInternals(), c(this, i, null);
+  }
+  set value(t) {
+    u(this, i) !== t && (c(this, i, t), this.internals_.setFormValue(this.valueToFormValue(t)));
+  }
+  get value() {
+    return u(this, i);
+  }
+  /**
+   * Override this function to customize how the value is converted to a form value;
+   */
+  valueToFormValue(t) {
+    switch (!0) {
+      /* eslint-disable eqeqeq -- loose equality will also return null for undefined */
+      case t == null:
+        return null;
+      case (typeof t == "string" || t instanceof File):
+        return t;
+      case typeof t == "object":
+        try {
+          return JSON.stringify(t);
+        } catch {
+          return null;
+        }
+      default:
+        return String(t);
+    }
+  }
+};
+i = new WeakMap(), f.formAssociated = !0;
+let n = f;
+l([
+  a()
+], n.prototype, "name", 2);
+l([
+  a({ attribute: "hidden-label" })
+], n.prototype, "hiddenLabel", 2);
+l([
+  a({ type: Boolean })
+], n.prototype, "disabled", 2);
+l([
+  a({ type: Boolean })
+], n.prototype, "readonly", 2);
+l([
+  a()
+], n.prototype, "value", 1);
+export {
+  n as F
+};

package/dist/lib/FormElement/index.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export declare class FormElement<V = unknown> extends LitElement {
+    #private;
+    name: string;
+    hiddenLabel: string;
+    disabled: boolean;
+    readonly: boolean;
+    internals_: ElementInternals;
+    static readonly formAssociated = true;
+    set value(value: V | null);
+    get value(): V | null;
+    /**
+     * Override this function to customize how the value is converted to a form value;
+     */
+    valueToFormValue(value: V | null): string | File | null;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/FormElement/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/FormElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,qBAAa,WAAW,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,UAAU;;IAC1C,IAAI,SAAM;IACmB,WAAW,SAAM;IAC7B,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAC9C,UAAU,mBAA0B;IAGpC,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,IACI,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,EAKxB;IAED,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAEpB;IAED;;OAEG;IACH,gBAAgB,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI;CAiBxD"}

package/dist/lib/LocalizationMixin/index.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+type Constructor<T> = new (...args: any[]) => T;
+/**
+ * Proper typing dictates some specific patterns as defined in Lit documentation.
+ * @see https://lit.dev/docs/composition/mixins/#mixins-in-typescript
+ */
+declare class LocalizationMixinInterface {
+    static readonly DEFAULT_LANG: string;
+    get DEFAULT_LANG(): typeof LocalizationMixinInterface.DEFAULT_LANG;
+    get lang(): string;
+    set lang(value: string);
+}
+/**
+ * Ensures that the component has a `lang` property that can be used for other functionality.
+ * On connection, it attempts to determine the language by checking:
+ *   1. The component's `lang` attribute.
+ *   2. The closest ancestor element with a `lang` attribute.
+ *   3. `DEFAULT_LANG`.
+ *
+ * The `lang` property is decorated with `@property()` for Lit reactivity.
+ *
+ * @template T - The base class type, which must extend LitElement.
+ * @param superClass - The base class to extend.
+ * @param defaultLang - The default language (`en` when no value supplied).
+ * @returns A new class extending the base class with localization capabilities.
+ */
+declare const LocalizationMixin: <T extends Constructor<LitElement>>(superClass: T, defaultLang?: "en") => Constructor<LocalizationMixinInterface> & T;
+export default LocalizationMixin;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/LocalizationMixin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/LocalizationMixin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,KAAK,WAAW,CAAC,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAIhD;;;GAGG;AACH,OAAO,OAAO,0BAA0B;IACtC,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IACrC,IAAI,YAAY,IAAI,OAAO,0BAA0B,CAAC,YAAY,CAAC;IACnE,IAAI,IAAI,IAAI,MAAM,CAAC;IACnB,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;CACzB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,EAAE,kBAA0B,KAwCpE,WAAW,CAAC,0BAA0B,CAAC,GAAG,CAC5E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/lib/converters/index.d.ts

@@ -0,0 +1,6 @@
+import { ComplexAttributeConverter } from 'lit';
+type AttributeConverterFrom<T> = NonNullable<ComplexAttributeConverter<T>['fromAttribute']>;
+export declare const arrayFromTokenList: AttributeConverterFrom<Array<unknown> | null>;
+export declare const arrayFromCommaList: AttributeConverterFrom<Array<unknown> | null>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/converters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/converters/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,KAAK,CAAC;AAErD,KAAK,sBAAsB,CAAC,CAAC,IAAI,WAAW,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AAqB5F,eAAO,MAAM,kBAAkB,EAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAA+B,CAAC;AAC7G,eAAO,MAAM,kBAAkB,EAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAA6B,CAAC"}

package/dist/lib/decorators.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Custom element decorator with safety check that prevents duplicate registrations.
+ *
+ * This decorator provides the same functionality as Lit's @customElement but adds
+ * a safety check to prevent "already defined" errors when the same element is
+ * registered multiple times (e.g., in hot module reloading scenarios).
+ *
+ * @param tagName - The custom element tag name
+ * @returns A class decorator function
+ */
+export declare const safeCustomElement: (tagName: string) => (target: CustomElementConstructor) => void;
+//# sourceMappingURL=decorators.d.ts.map

package/dist/lib/decorators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../src/lib/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,MACvC,QAAQ,wBAAwB,KAAG,IAM5C,CAAC"}

package/dist/nl-CJG2-yS5.js

@@ -0,0 +1,11 @@
+const E = {
+  RED: "rood",
+  ORANGE: "oranje",
+  YELLOW: "geel",
+  GREEN: "groen",
+  BLUE: "blauw",
+  PURPLE: "paars"
+};
+export {
+  E as default
+};

package/package.json

@@ -1,17 +1,15 @@
 {
   "name": "@nl-design-system-community/clippy-components",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "type": "module",
   "module": "./dist/index.js",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
     "./*": {
       "import": "./dist/*/index.js",
       "types": "./dist/*/index.d.ts"
-    }
+    },
+    "./src/*": "./src/*",
+    "./assets/*": "./assets/*"
   },
   "files": [
     "dist/"
@@ -27,15 +25,22 @@
   },
   "dependencies": {
     "@amsterdam/design-system-css": "2.2.0",
+    "@nl-design-system-candidate/button-css": "1.0.0",
+    "@nl-design-system-candidate/code-css": "2.0.3",
+    "@nl-design-system-candidate/color-sample-css": "1.0.4",
+    "@nl-design-system-candidate/heading-css": "1.1.3",
+    "@tabler/icons": "3.36.0",
     "@utrecht/button-css": "3.0.1",
     "@utrecht/combobox-css": "2.0.1",
     "@utrecht/listbox-css": "2.0.1",
     "@utrecht/textbox-css": "3.0.1",
+    "colorjs.io": "0.6.0-beta.3",
     "lit": "3.3.2",
     "memoize": "10.2.0"
   },
   "devDependencies": {
     "@types/dlv": "1.1.5",
+    "@types/react": "18.3.23",
     "@vitest/browser-playwright": "4.0.16",
     "@vitest/coverage-v8": "4.0.16",
     "glob": "13.0.0",
@@ -48,9 +53,10 @@
     "vitest": "4.0.16"
   },
   "scripts": {
-    "dev": "vite build --watch",
+    "dev": "vite build --watch --mode development",
     "types": "tsc -p tsconfig.json --emitDeclarationOnly",
     "type-check": "tsc --noEmit --project tsconfig.json",
+    "prebuild": "node --env-file-if-exists=.env ./scripts/download-font-list.ts",
     "build": "pnpm run type-check && vite build",
     "clean": "rimraf dist/",
     "lint": "pnpm run --sequential '/^lint:.+$/'",