@lux-design-system/web-components-stencil 1.0.0-alpha.0

package/dist/collection/collection-manifest.json

@@ -0,0 +1,26 @@
+{
+  "entries": [
+    "../packages/web-components-stencil/src/components/alert/alert.js",
+    "../packages/web-components-stencil/src/components/button/button.js",
+    "../packages/web-components-stencil/src/components/login-link/login-link.js",
+    "../packages/web-components-stencil/src/components/paragraph/paragraph.js",
+    "../packages/web-components-stencil/src/icons/chevron-left.js",
+    "../packages/web-components-stencil/src/icons/chevron-right.js",
+    "../packages/web-components-stencil/src/icons/error.js",
+    "../packages/web-components-stencil/src/icons/info.js",
+    "../packages/web-components-stencil/src/icons/logo-digid.js",
+    "../packages/web-components-stencil/src/icons/logo-eherkenning.js",
+    "../packages/web-components-stencil/src/icons/logo-eidas.js",
+    "../packages/web-components-stencil/src/icons/mail.js",
+    "../packages/web-components-stencil/src/icons/success.js",
+    "../packages/web-components-stencil/src/icons/warning.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "collections": [],
+  "bundles": [],
+  "global": "../packages/web-components-stencil/src/global/app.js"
+}

package/dist/components/clsx-eca3fadc.js

@@ -0,0 +1,5 @@
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+export { clsx as c };
+
+//# sourceMappingURL=clsx-eca3fadc.js.map

package/dist/components/clsx-eca3fadc.js.map

@@ -0,0 +1 @@
+{"file":"clsx-eca3fadc.js","mappings":"AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;;;","names":[],"sources":["../../node_modules/.pnpm/@utrecht+web-component-library-stencil@2.0.0/node_modules/@utrecht/web-component-library-stencil/dist/esm/clsx-eca3fadc.js"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}\n\nexport { clsx as c };\n\n//# sourceMappingURL=clsx-eca3fadc.js.map"],"version":3}

package/dist/components/error.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { a as applyTestId } from './testid.js';
+
+const iconCss = ":host{--_lux-icon-primary-color:var(\n    --lux-icon-color,\n    var(--utrecht-icon-color, var(--lux-color-foreground-on-emphasis, white))\n  );--_lux-icon-secondary-color:var(--lux-icon-color-contrast, var(--lux-color-foreground-default, black));display:inline-grid;position:relative;inset-block-start:var(--lux-alert-icon-inset-block-start, 0);inline-size:var(--lux-icon-size, 1rem);block-size:var(--lux-icon-size, 1rem);color:var(--_lux-icon-primary-color);}";
+const LuxIconErrorStyle0 = iconCss;
+
+const IconError = /*@__PURE__*/ proxyCustomElement(class IconError extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("svg", Object.assign({ key: 'f337b171fd972234fd687ca6fddd31fb12f790e8', class: "lux-icon", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, applyTestId('icon-error'), { part: "icon" }), h("circle", { key: '1dc934b63c9e4a751c835e54146e9485b6c9713c', cx: "12", cy: "12", r: "10.5", style: { fill: 'var(--_lux-icon-primary-color, #D52B1E)' } }), h("path", { key: '3a31c3f8825d5dd6412d2cf1c679bfa1a4df34e5', d: "M15.12 7.71L12 10.48L8.88 7.71C8.55 7.42 8.05 7.43 7.73 7.73C7.43 8.05 7.42 8.54 7.71 8.87L10.48 12L7.71 15.12C7.42 15.45 7.42 15.95 7.73 16.26C8.05 16.56 8.54 16.57 8.87 16.28L12 13.52L15.12 16.29C15.45 16.58 15.95 16.57 16.26 16.27C16.56 15.95 16.57 15.46 16.28 15.13L13.52 12L16.29 8.88C16.58 8.55 16.58 8.05 16.27 7.74C15.95 7.43 15.45 7.42 15.12 7.71Z", style: { fill: 'var(--_lux-icon-secondary-color, white)' } })));
+    }
+    static get style() { return LuxIconErrorStyle0; }
+}, [1, "lux-icon-error"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["lux-icon-error"];
+    components.forEach(tagName => { switch (tagName) {
+        case "lux-icon-error":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, IconError);
+            }
+            break;
+    } });
+}
+
+export { IconError as I, defineCustomElement as d };
+
+//# sourceMappingURL=error.js.map

package/dist/components/error.js.map

@@ -0,0 +1 @@
+{"file":"error.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,+cAA+c,CAAC;AAChe,2BAAe,OAAO;;MCOT,SAAS;;;;;;IACpB,MAAM;QACJ,QACE,0EACE,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,WAAW,CAAC,YAAY,CAAC,IAC7B,IAAI,EAAC,MAAM,KAEX,+DAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,yCAAyC,EAAE,GAAI,EAC/F,6DACE,CAAC,EAAC,sWAAsW,EACxW,KAAK,EAAE,EAAE,IAAI,EAAE,yCAAyC,EAAE,GAC1D,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/icons/icon.css?tag=lux-icon-error&encapsulation=shadow","src/icons/error.tsx"],"sourcesContent":["/* stylelint-disable custom-property-pattern */\n:host {\n  --_lux-icon-primary-color: var(\n    --lux-icon-color,\n    var(--utrecht-icon-color, var(--lux-color-foreground-on-emphasis, white))\n  );\n  --_lux-icon-secondary-color: var(--lux-icon-color-contrast, var(--lux-color-foreground-default, black));\n\n  display: inline-grid;\n  position: relative;\n  inset-block-start: var(--lux-alert-icon-inset-block-start, 0);\n  inline-size: var(--lux-icon-size, 1rem);\n  block-size: var(--lux-icon-size, 1rem);\n  color: var(--_lux-icon-primary-color); /* currentColor */\n}\n","import { Component, h } from '@stencil/core';\nimport { applyTestId } from '../utils/test/testid';\n\n@Component({\n  tag: 'lux-icon-error',\n  styleUrl: './icon.css',\n  shadow: true,\n})\nexport class IconError {\n  render() {\n    return (\n      <svg\n        class=\"lux-icon\"\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...applyTestId('icon-error')}\n        part=\"icon\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"10.5\" style={{ fill: 'var(--_lux-icon-primary-color, #D52B1E)' }} />\n        <path\n          d=\"M15.12 7.71L12 10.48L8.88 7.71C8.55 7.42 8.05 7.43 7.73 7.73C7.43 8.05 7.42 8.54 7.71 8.87L10.48 12L7.71 15.12C7.42 15.45 7.42 15.95 7.73 16.26C8.05 16.56 8.54 16.57 8.87 16.28L12 13.52L15.12 16.29C15.45 16.58 15.95 16.57 16.26 16.27C16.56 15.95 16.57 15.46 16.28 15.13L13.52 12L16.29 8.88C16.58 8.55 16.58 8.05 16.27 7.74C15.95 7.43 15.45 7.42 15.12 7.71Z\"\n          style={{ fill: 'var(--_lux-icon-secondary-color, white)' }}\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source.
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. Ensuring that the component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;