@arbetsformedlingen/yrkesvaljaren 2.0.5

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var index = require('./index-BOuTGlEp.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await index.globalScripts();
+  return index.bootstrapLazy([["job-selector-demo.cjs",[[512,"job-selector-demo",{"afHideHeader":[4,"af-hide-header"],"afHidePreamble":[4,"af-hide-preamble"],"variant":[32],"version":[32],"required":[32],"allowFreeText":[32],"history":[32],"size":[32],"framework":[32],"codeInstallationMode":[32],"lastSingleSelection":[32],"lastMultiSelection":[32],"implementationCode":[32],"readmeMainContent":[32],"readmeCodeContent":[32],"availableYvVersions":[32],"latestYvDataVersion":[32],"latestVersion":[32],"latestDate":[32],"latestType":[32],"latestChanges":[32],"isTaxonomyLoading":[32]},[[0,"afJobSelected","handleSelection"]]]]],["geo-valjaren.cjs",[[513,"geo-valjaren",{"label":[513,"af-label"],"placeholder":[513,"af-placeholder"],"selectorState":[32]},[[0,"csInput","handleInput"],[0,"csFocus","handleFocus"],[0,"csRequestHistory","handleRequestHistory"],[0,"csSelect","handleSelect"],[0,"csBlur","handleBlur"],[0,"csClear","handleClear"],[0,"csClearHistory","handleCsClearHistory"],[0,"csEditSelection","handleEdit"]]]]],["neobrutal-search.cjs",[[513,"neobrutal-search",{"engine":[32],"results":[32],"inputValue":[32],"isLoading":[32],"error":[32],"selectedItem":[32],"isFlipped":[32]}]]],["core-selector.cjs",[[785,"core-selector",{"state":[16],"config":[16],"label":[1],"labelDescription":[1,"label-description"],"componentId":[1,"component-id"],"size":[513,"cs-size"],"afFocused":[4,"af-focused"],"activeIndex":[32],"isFocusedInternal":[32],"isNavigatingWithKeyboard":[32],"setFocus":[64]},null,{"afFocused":[{"handleAfFocusedChange":0}],"config":[{"handleConfigChange":0}],"state":[{"handleStateChange":0}]}]]],["digi-service-job-selector.cjs",[[593,"digi-service-job-selector",{"name":[513],"taxonomyUrl":[513,"af-taxonomy-url"],"placeholder":[513,"af-placeholder"],"label":[513,"af-label"],"disabled":[516],"enableMultiple":[516,"af-enable-multiple"],"showSearchIcon":[516,"af-show-search-icon"],"errorMessage":[513,"af-error-message"],"labelDescription":[513,"af-label-description"],"required":[516,"af-required"],"manualInput":[516,"af-manual-input"],"history":[516,"af-history"],"popular":[516,"af-popular"],"size":[513,"af-size"],"taxonomyData":[1040],"afFocused":[32],"state":[32],"activeErrorType":[32],"animatingItemId":[32],"updateData":[64],"setSelection":[64],"setFocus":[64],"validate":[64],"checkValidity":[64],"reportValidity":[64],"getValidity":[64],"getValidationMessage":[64]},[[0,"afJobValidationChange","handleFormValidationSync"],[8,"hashchange","handleHashFocus"],[0,"csInput","handleInput"],[0,"csSelect","handleCsSelect"],[0,"csClear","handleCsClear"],[0,"csClearHistory","handleCsClearHistory"],[0,"csRequestHistory","handleCsRequestHistory"],[0,"csLoadMore","handleCsLoadMore"],[0,"csRemoveItem","handleCsRemoveItem"],[0,"csFocus","handleCsFocus"],[0,"csBlur","handleCsBlur"],[0,"csEditSelection","handleCsEditSelection"]],{"required":[{"watchRequired":0}],"manualInput":[{"watchManualInput":0}],"history":[{"watchHistory":0}],"popular":[{"watchPopular":0}],"enableMultiple":[{"watchEnableMultiple":0}],"disabled":[{"watchDisabled":0}],"taxonomyData":[{"watchTaxonomyData":0}]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/neobrutal-search.cjs.entry.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var index = require('./index-BOuTGlEp.js');
+var search_engine = require('./search.engine-D0cMelRi.js');
+var taxonomyRegistry = require('./taxonomy-registry-DVmuDUpM.js');
+require('./fuse-BTLNKxuL.js');
+
+const neobrutalSearchCss = () => `:host{display:block;font-family:'Courier New', Courier, monospace;--bg-color:#fff4e6;--primary:#ff00ff;--secondary:#00ffff;--text:#000;--border:4px solid #000;--shadow:8px 8px 0px #000}.neobrutal-container{background-color:var(--bg-color);padding:40px;border:var(--border);box-shadow:var(--shadow);max-width:600px;margin:20px auto;min-height:600px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;transition:min-height 0.6s cubic-bezier(0.23, 1, 0.32, 1)}.flip-container{perspective:1000px;width:100%}.flipper{transition:0.6s;transform-style:preserve-3d;position:relative;width:100%}.flip-container.flipped .flipper{transform:rotateY(180deg)}.front,.back{backface-visibility:hidden;top:0;left:0;width:100%}.front{z-index:2;transform:rotateY(0deg);position:relative}.flip-container.flipped .front{position:absolute}.back{transform:rotateY(180deg);box-sizing:border-box;position:absolute}.flip-container.flipped .back{position:relative;z-index:3}h1.glitch{font-size:3rem;font-weight:900;text-transform:uppercase;margin-bottom:30px;background-color:var(--primary);color:var(--text);display:inline-block;padding:5px 15px;border:var(--border);box-shadow:4px 4px 0px #000}.input-wrapper{margin-bottom:50px;padding-right:10px;padding-bottom:10px}input{width:100%;padding:20px;font-size:1.5rem;font-family:inherit;font-weight:bold;border:var(--border);background:white;outline:none;text-transform:uppercase;box-shadow:8px 8px 0px #000;transition:all 0.1s;box-sizing:border-box}.status{font-size:1.5rem;font-weight:bold;background-color:yellow;border:var(--border);padding:10px;margin-bottom:20px;text-align:center}.fire-status{font-size:1.8rem;font-weight:900;background-color:#ff4500;color:#fff;border:var(--border);padding:15px;margin-bottom:15px;text-align:center;position:relative;box-shadow:10px 10px 0px #000;animation:fire-flicker 0.2s infinite alternate}@keyframes fire-flicker{0%{transform:scale(1) rotate(-0.5deg)}100%{transform:scale(1.01) rotate(0.5deg)}}.fire-emoji{font-size:2rem;display:inline-block;margin:0 10px}.raw-data-container{margin-top:10px;margin-bottom:30px;background:#000;border:2px solid #fff;padding:15px;text-align:left;box-shadow:5px 5px 0px #ff00ff}.raw-label{font-size:0.8rem;color:#0f0;margin-bottom:5px;font-weight:bold}.raw-output{font-family:'Courier New', Courier, monospace;font-size:0.8rem;color:#0f0;margin:0;white-space:pre-wrap;word-break:break-all}.flip-btn{position:absolute;top:10px;right:10px;background:#000;color:#fff;border:2px solid #fff;padding:5px 10px;font-weight:bold;cursor:pointer;font-family:'Courier New', Courier, monospace;z-index:10}.flip-btn:hover{background:#ff00ff;color:#000}.source-view{background:#0d1117 !important;color:#e6edf3 !important;border-color:#30363d !important;padding:30px !important;display:flex;flex-direction:column}.source-header{font-size:2rem;color:#ff00ff;margin-bottom:20px;text-shadow:2px 2px 0 #000}.code-scroll-container{flex:1;background:#161b22;border:1px solid #30363d;border-radius:6px;padding:10px}.code-block{margin-bottom:25px;text-align:left}.code-label{background:#238636;color:#fff;display:inline-block;padding:4px 8px;font-weight:bold;font-size:0.8rem;border-radius:4px 4px 0 0}pre{background:#0d1117;margin:0;padding:10px;border:1px solid #30363d}pre code{font-family:'Courier New', Courier, monospace;font-size:0.85rem;line-height:1.4;background:transparent !important;color:#e6edf3}.result-card{background-color:white;border:var(--border);box-shadow:5px 5px 0px #000;padding:15px;transition:all 0.1s;cursor:pointer}.result-card:hover{transform:translate(2px, 2px);box-shadow:3px 3px 0px #000;background-color:var(--secondary)}.card-header{display:flex;justify-content:space-between;margin-bottom:10px;border-bottom:2px solid #000;padding-bottom:5px}.type-badge{background-color:yellow;padding:2px 8px;font-weight:bold;border:2px solid #000}.score-badge{background-color:lime;padding:2px 8px;font-weight:bold;border:2px solid #000}.label{font-size:1.2rem;font-weight:800}`;
+
+// VIKTIGT: Dessa strängar representerar den FAKTISKA källkoden som användaren ser.
+const SOURCE_CODE_JS = `import { Component, h, State, Element } from '@stencil/core';
+import { TaxonomySearchEngine } from '../job-selector/logic/search.engine';
+import { getRegisteredTaxonomy } from '../job-selector/taxonomy-registry';
+
+@Component({ tag: 'neobrutal-search', styleUrl: 'neobrutal-search.css', shadow: true })
+export class NeobrutalSearch {
+  @Element() el!: HTMLElement;
+  @State() engine: TaxonomySearchEngine | null = null;
+  @State() results: any[] = [];
+  @State() inputValue: string = '';
+  @State() isLoading: boolean = true;
+  @State() error: string = '';
+  @State() selectedItem: any | null = null;
+  @State() isFlipped: boolean = false;
+
+  async componentWillLoad() {
+    try {
+      const taxonomyData = getRegisteredTaxonomy();
+      this.engine = new TaxonomySearchEngine(taxonomyData);
+      this.isLoading = false;
+    } catch (err) {
+      this.error = 'DATA FAILURE';
+      this.isLoading = false;
+    }
+  }
+
+  componentDidUpdate() {
+    if (this.isFlipped) this.highlightCode();
+  }
+
+  highlightCode() {
+    const hljs = (window as any).hljs;
+    if (hljs && this.el?.shadowRoot) {
+      const blocks = this.el.shadowRoot.querySelectorAll('pre code');
+      blocks.forEach((block) => hljs.highlightElement(block));
+    }
+  }
+
+  handleInput(event: Event) {
+    const query = (event.target as HTMLInputElement).value;
+    this.inputValue = query;
+    this.selectedItem = null;
+
+    if (!this.engine || query.length < 2) {
+      this.results = [];
+      return;
+    }
+
+    this.results = this.engine.search(query, 3);
+  }
+
+  handleSelect(item: any) {
+    this.selectedItem = item;
+    this.results = [];
+    this.inputValue = item.label;
+  }
+
+  toggleFlip() {
+    this.isFlipped = !this.isFlipped;
+    if (this.isFlipped) setTimeout(() => this.highlightCode(), 100);
+  }
+
+  render() {
+    return (
+      <div class="neobrutal-container">
+        {/* ... UI structure ... */}
+      </div>
+    );
+  }
+}`;
+const SOURCE_CODE_CSS = `.neobrutal-container {
+    background-color: #fff4e6;
+    padding: 40px;
+    border: 4px solid #000;
+    box-shadow: 8px 8px 0px #000;
+    font-family: 'Courier New', Courier, monospace;
+}
+
+.fire-status {
+    background-color: #ff4500;
+    animation: fire-flicker 0.2s infinite alternate;
+}
+
+.raw-data-container {
+    background: #000;
+    color: #0f0;
+    padding: 15px;
+    box-shadow: 5px 5px 0px #ff00ff;
+}`;
+const NeobrutalSearch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    engine = null;
+    results = [];
+    inputValue = '';
+    isLoading = true;
+    error = '';
+    selectedItem = null;
+    isFlipped = false;
+    async componentWillLoad() {
+        try {
+            console.log('[NeobrutalSearch] Initializing...');
+            const taxonomyData = taxonomyRegistry.getRegisteredTaxonomy();
+            this.engine = new search_engine.TaxonomySearchEngine(taxonomyData);
+            this.isLoading = false;
+        }
+        catch (err) {
+            console.error('[NeobrutalSearch] Init failed:', err);
+            this.error = 'DATA FAILURE';
+            this.isLoading = false;
+        }
+    }
+    componentDidUpdate() {
+        if (this.isFlipped) {
+            this.highlightCode();
+        }
+    }
+    highlightCode() {
+        const hljs = window.hljs;
+        if (hljs && this.el?.shadowRoot) {
+            const blocks = this.el.shadowRoot.querySelectorAll('pre code');
+            blocks.forEach((block) => {
+                hljs.highlightElement(block);
+            });
+        }
+    }
+    handleInput(event) {
+        const query = event.target.value;
+        this.inputValue = query;
+        this.selectedItem = null;
+        if (!this.engine || query.length < 2) {
+            this.results = [];
+            return;
+        }
+        const searchResults = this.engine.search(query, 3);
+        this.results = searchResults;
+    }
+    handleSelect(item) {
+        this.selectedItem = item;
+        this.results = [];
+        this.inputValue = item.label;
+    }
+    toggleFlip() {
+        this.isFlipped = !this.isFlipped;
+        if (this.isFlipped) {
+            setTimeout(() => this.highlightCode(), 100);
+        }
+    }
+    render() {
+        return (index.h("div", { key: '032a555551974ef504c703419db83581652a5083', class: `flip-container ${this.isFlipped ? 'flipped' : ''}` }, index.h("link", { key: '8af8fac02cd7b8ac1112c08c51e32be3845b7647', rel: "stylesheet", href: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/atom-one-dark.min.css" }), index.h("div", { key: '5f63de826af07f1139126a64fb205f65e14f5060', class: "flipper" }, index.h("div", { key: 'a7878c0a9db257884cedab104366639d2edb506b', class: "front neobrutal-container" }, index.h("button", { key: '6d65c76d93c717e7c056f0e2da60d2f825efd781', class: "flip-btn", onClick: () => this.toggleFlip() }, "FLIP_ME \uD83D\uDD04"), index.h("h1", { key: '56981f916be340a827e376cb713e6b6fb5e097bb', class: "glitch", "data-text": "YRKE_S\u00D6K" }, "YRKE_S\u00D6K"), index.h("div", { key: 'ba3c2e76b631e0d48c5f2ecee1095a999393822e', class: "input-wrapper" }, index.h("input", { key: '75a8e4553a2e77992efa9591a64fba83c3dbe3ea', type: "text", placeholder: "VAD VILL DU BLI?", onInput: (e) => this.handleInput(e), value: this.inputValue, disabled: this.isLoading })), this.isLoading && index.h("div", { key: '46ec1526451477d7ecf90ffe46dd964986096903', class: "status" }, "LOADING_DATA..."), this.error && index.h("div", { key: '01bc30a4d4e17e493d8deb08c7e5b71da9c23df7', class: "status error" }, this.error), this.selectedItem && (index.h("div", { key: '0e6d79bc76dbecd7a79bbf0b00246acdef45eda3' }, index.h("div", { key: 'f942688584b54c4b43679903549781fbe346e154', class: "fire-status" }, index.h("span", { key: 'efde5818a4449b710d22e43e9c8148f380f89f3d', class: "fire-emoji" }, "\uD83D\uDD25 \uD83D\uDD25 \uD83D\uDD25"), "HETT VAL: ", this.selectedItem.label.toUpperCase(), "!", index.h("span", { key: '7764fa1ed1fd7b0541f5ad3a49e3135f4a61edfe', class: "fire-emoji" }, "\uD83D\uDD25 \uD83D\uDD25 \uD83D\uDD25")), index.h("div", { key: '415e1ee36443cc50cddb0f87e8750b34084fd485', class: "raw-data-container" }, index.h("div", { key: 'ed730d664599ecac4a89ccdf597833ea3f9fb47a', class: "raw-label" }, "RAW_JSON_DATA:"), index.h("pre", { key: '0921ef8ebccb5add5e9d379e31872b2798b399f8', class: "raw-output" }, JSON.stringify(this.selectedItem, null, 2))))), index.h("div", { key: '9af42c5d7cb9d901b6909e8ea4260da7dfee09fd', class: "results-container" }, this.results.map(result => {
+            const metadata = result?.metadata || {};
+            const original = metadata?.originalResult;
+            return (index.h("div", { class: "result-card", onClick: () => this.handleSelect(result) }, index.h("div", { class: "card-header" }, index.h("span", { class: "type-badge" }, original?.category === 'job-title' ? 'YRK' : 'GRP'), index.h("span", { class: "score-badge" }, "SCR: ", Math.round((metadata?.score || 0) * 10))), index.h("div", { class: "card-body" }, index.h("div", { class: "label" }, result.displayLabel || result.label))));
+        }))), index.h("div", { key: '349e56ba67845d6b63ab8616823c5909452ed593', class: "back neobrutal-container source-view" }, index.h("button", { key: '1de742d808b48a65bb266ea19a83ccf567a76ac6', class: "flip-btn", onClick: () => this.toggleFlip() }, "BACK \uD83D\uDD19"), index.h("h1", { key: 'b2400cbd8d36417df1cbb3c487fa7e3d824f4a02', class: "source-header" }, "FULL_SOURCE_CODE"), index.h("p", { key: '59c3e040a7177810b53200426da4543f99c7ca73', class: "source-desc" }, "Exakt den koden du ser, inga fejk snippets h\u00E4r inte:"), index.h("div", { key: '8ed08d5d1d79ec49c6e6bb6a5be504ddd6ed84c2', class: "code-scroll-container" }, index.h("div", { key: '5018114c97191ccf174ae197d56917f35848dcef', class: "code-block" }, index.h("div", { key: '466523ef6acb91d435248d5d399fef5a79bc2e6f', class: "code-label" }, "neobrutal-search.tsx"), index.h("pre", { key: '2a3ad662ac5a0346131aaa13dfd9544169338e48' }, index.h("code", { key: '76b3240d79589217899d74f6727b64d1c8495d7a', class: "language-typescript" }, SOURCE_CODE_JS))), index.h("div", { key: '2990f5d3da12a8c8ffeccbb4f786945b7eb70483', class: "code-block" }, index.h("div", { key: '5b957f082c75f5de3f5bd766c9fd135e1ee06471', class: "code-label" }, "neobrutal-search.css"), index.h("pre", { key: '8a2c509035923387c2dac463b72feda6c2c41ba2' }, index.h("code", { key: '581e2ccebcef975ac6dd79059da4c82cb0ffe176', class: "language-css" }, SOURCE_CODE_CSS))))))));
+    }
+};
+NeobrutalSearch.style = neobrutalSearchCss();
+
+exports.neobrutal_search = NeobrutalSearch;