@arbetsformedlingen/yrkesvaljaren 2.0.5

package/dist/types/components.d.ts

@@ -0,0 +1,425 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { GenericItem, SelectorConfig, SelectorState } from "./components/core-selector/types";
+import { JobSelectionInput, JobSelectionItem, TaxonomyItem } from "./components/job-selector/types";
+export { GenericItem, SelectorConfig, SelectorState } from "./components/core-selector/types";
+export { JobSelectionInput, JobSelectionItem, TaxonomyItem } from "./components/job-selector/types";
+export namespace Components {
+    interface CoreSelector {
+        /**
+          * @default false
+         */
+        "afFocused": boolean;
+        /**
+          * @default `cs-${CoreSelector.nextId++}`
+         */
+        "componentId": string;
+        /**
+          * @default {         disabled: false,         placeholder: 'Sök...',         minLength: 1,         maxResults: 10,         enableMultiple: false,         showSearchIcon: true,         requireSelection: true,         size: 'medium'     }
+         */
+        "config": SelectorConfig;
+        /**
+          * @default ''
+         */
+        "label": string;
+        "labelDescription"?: string;
+        "setFocus": () => Promise<void>;
+        /**
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
+        "state": SelectorState;
+    }
+    interface DigiServiceJobSelector {
+        "checkValidity": () => Promise<boolean>;
+        /**
+          * Om satt till true kan väljaren inte användas med mus eller tangentbord.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "enableMultiple": boolean;
+        "errorMessage"?: string;
+        "getValidationMessage": () => Promise<string>;
+        "getValidity": () => Promise<ValidityState>;
+        /**
+          * Aktiverar historiken. Använder Local Storage för att spara valda yrken i webbläsaren. Integritet: Data lagras bara lokalt i webbläsaren. Räckvidd: Historiken delas mellan sidor på samma domän.
+          * @default true
+         */
+        "history": boolean;
+        /**
+          * @default 'Välj yrke'
+         */
+        "label": string;
+        "labelDescription"?: string;
+        /**
+          * Om satt till `true` tillåts fritext som inte finns i taxonomin.
+          * @default false
+         */
+        "manualInput": boolean;
+        /**
+          * HTML-formulärets fältnamn. Följer standardattributet `name`, på samma sätt som `<input name="...">`, och används som nyckel när värdet läses via `FormData`.
+          * @default 'yrkesvaljaren'
+         */
+        "name": string;
+        /**
+          * @default "T.ex. frisör, vårdbiträde, snickare"
+         */
+        "placeholder": string;
+        /**
+          * Om satt till true visas populära yrken initialt när historiken är tom.
+          * @default true
+         */
+        "popular": boolean;
+        "reportValidity": () => Promise<boolean>;
+        /**
+          * Om satt till `true` måste fältet ha ett värde för att vara giltigt.
+          * @default false
+         */
+        "required": boolean;
+        "setFocus": () => Promise<void>;
+        /**
+          * Sätter ett programatiskt val och returnerar YV:s normaliserade, rika selection. Strängar som matchar Concept ID-formatet tolkas som taxonomi-id:n; övriga som fritext.
+         */
+        "setSelection": (input: JobSelectionInput) => Promise<JobSelectionItem[]>;
+        /**
+          * @default true
+         */
+        "showSearchIcon": boolean;
+        /**
+          * Storleken på inputfältet. 'small' | 'medium' | 'large'
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Yrkesdata (taxonomi). Kan injiceras av integratören för deterministisk laddning (t.ex. i testmiljöer).  Om den lämnas tom populeras den internt via det globala registret eller auto-fetch för att exponera aktuell data.
+          * @default []
+         */
+        "taxonomyData": TaxonomyItem[];
+        /**
+          * Fullständig, explicit URL till en egenhostad datafil. Utelämna attributet för att använda senaste data automatiskt.
+         */
+        "taxonomyUrl"?: string;
+        /**
+          * Uppdaterar taxonomidatan genom att läsa om från registret. Används efter att registerTaxonomy() har anropats med ny data.
+         */
+        "updateData": () => Promise<void>;
+        /**
+          * Validerar komponenten manuellt.
+          * @param forceTouch - Om true, tvingas valideringsfel att visas även om användaren inte interagerat med fältet.
+         */
+        "validate": (forceTouch?: boolean) => Promise<boolean>;
+    }
+    interface GeoValjaren {
+        /**
+          * @default 'Din kommun'
+         */
+        "label": string;
+        /**
+          * @default 'Vilken kommun bor du i?'
+         */
+        "placeholder": string;
+    }
+    interface JobSelectorDemo {
+        /**
+          * @default false
+         */
+        "afHideHeader": boolean;
+        /**
+          * @default false
+         */
+        "afHidePreamble": boolean;
+    }
+    interface NeobrutalSearch {
+    }
+}
+export interface CoreSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoreSelectorElement;
+}
+export interface DigiServiceJobSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDigiServiceJobSelectorElement;
+}
+export interface GeoValjarenCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGeoValjarenElement;
+}
+declare global {
+    interface HTMLCoreSelectorElementEventMap {
+        "csInput": string;
+        "csSelect": GenericItem;
+        "csClear": void;
+        "csRemoveItem": GenericItem;
+        "csBlur": void;
+        "csEditSelection": void;
+        "csFocus": void;
+        "csLoadMore": void;
+        "csClearHistory": void;
+        "csRequestHistory": void;
+    }
+    interface HTMLCoreSelectorElement extends Components.CoreSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoreSelectorElementEventMap>(type: K, listener: (this: HTMLCoreSelectorElement, ev: CoreSelectorCustomEvent<HTMLCoreSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCoreSelectorElementEventMap>(type: K, listener: (this: HTMLCoreSelectorElement, ev: CoreSelectorCustomEvent<HTMLCoreSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCoreSelectorElement: {
+        prototype: HTMLCoreSelectorElement;
+        new (): HTMLCoreSelectorElement;
+    };
+    interface HTMLDigiServiceJobSelectorElementEventMap {
+        "afJobSelected": JobSelectionItem[];
+        "afJobDataLoadFailed": { error: Error };
+        "afJobValidationChange": {
+    isValid: boolean;
+    errorType: 'required' | 'invalidInput' | null;
+  };
+    }
+    interface HTMLDigiServiceJobSelectorElement extends Components.DigiServiceJobSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDigiServiceJobSelectorElementEventMap>(type: K, listener: (this: HTMLDigiServiceJobSelectorElement, ev: DigiServiceJobSelectorCustomEvent<HTMLDigiServiceJobSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDigiServiceJobSelectorElementEventMap>(type: K, listener: (this: HTMLDigiServiceJobSelectorElement, ev: DigiServiceJobSelectorCustomEvent<HTMLDigiServiceJobSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDigiServiceJobSelectorElement: {
+        prototype: HTMLDigiServiceJobSelectorElement;
+        new (): HTMLDigiServiceJobSelectorElement;
+    };
+    interface HTMLGeoValjarenElementEventMap {
+        "afGeoSelected": GenericItem | null;
+    }
+    interface HTMLGeoValjarenElement extends Components.GeoValjaren, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGeoValjarenElementEventMap>(type: K, listener: (this: HTMLGeoValjarenElement, ev: GeoValjarenCustomEvent<HTMLGeoValjarenElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGeoValjarenElementEventMap>(type: K, listener: (this: HTMLGeoValjarenElement, ev: GeoValjarenCustomEvent<HTMLGeoValjarenElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGeoValjarenElement: {
+        prototype: HTMLGeoValjarenElement;
+        new (): HTMLGeoValjarenElement;
+    };
+    interface HTMLJobSelectorDemoElement extends Components.JobSelectorDemo, HTMLStencilElement {
+    }
+    var HTMLJobSelectorDemoElement: {
+        prototype: HTMLJobSelectorDemoElement;
+        new (): HTMLJobSelectorDemoElement;
+    };
+    interface HTMLNeobrutalSearchElement extends Components.NeobrutalSearch, HTMLStencilElement {
+    }
+    var HTMLNeobrutalSearchElement: {
+        prototype: HTMLNeobrutalSearchElement;
+        new (): HTMLNeobrutalSearchElement;
+    };
+    interface HTMLElementTagNameMap {
+        "core-selector": HTMLCoreSelectorElement;
+        "digi-service-job-selector": HTMLDigiServiceJobSelectorElement;
+        "geo-valjaren": HTMLGeoValjarenElement;
+        "job-selector-demo": HTMLJobSelectorDemoElement;
+        "neobrutal-search": HTMLNeobrutalSearchElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CoreSelector {
+        /**
+          * @default false
+         */
+        "afFocused"?: boolean;
+        /**
+          * @default `cs-${CoreSelector.nextId++}`
+         */
+        "componentId"?: string;
+        /**
+          * @default {         disabled: false,         placeholder: 'Sök...',         minLength: 1,         maxResults: 10,         enableMultiple: false,         showSearchIcon: true,         requireSelection: true,         size: 'medium'     }
+         */
+        "config"?: SelectorConfig;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "labelDescription"?: string;
+        "onCsBlur"?: (event: CoreSelectorCustomEvent<void>) => void;
+        "onCsClear"?: (event: CoreSelectorCustomEvent<void>) => void;
+        "onCsClearHistory"?: (event: CoreSelectorCustomEvent<void>) => void;
+        "onCsEditSelection"?: (event: CoreSelectorCustomEvent<void>) => void;
+        "onCsFocus"?: (event: CoreSelectorCustomEvent<void>) => void;
+        "onCsInput"?: (event: CoreSelectorCustomEvent<string>) => void;
+        "onCsLoadMore"?: (event: CoreSelectorCustomEvent<void>) => void;
+        "onCsRemoveItem"?: (event: CoreSelectorCustomEvent<GenericItem>) => void;
+        "onCsRequestHistory"?: (event: CoreSelectorCustomEvent<void>) => void;
+        "onCsSelect"?: (event: CoreSelectorCustomEvent<GenericItem>) => void;
+        /**
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        "state": SelectorState;
+    }
+    interface DigiServiceJobSelector {
+        /**
+          * Om satt till true kan väljaren inte användas med mus eller tangentbord.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "enableMultiple"?: boolean;
+        "errorMessage"?: string;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * Aktiverar historiken. Använder Local Storage för att spara valda yrken i webbläsaren. Integritet: Data lagras bara lokalt i webbläsaren. Räckvidd: Historiken delas mellan sidor på samma domän.
+          * @default true
+         */
+        "history"?: boolean;
+        /**
+          * @default 'Välj yrke'
+         */
+        "label"?: string;
+        "labelDescription"?: string;
+        /**
+          * Om satt till `true` tillåts fritext som inte finns i taxonomin.
+          * @default false
+         */
+        "manualInput"?: boolean;
+        /**
+          * HTML-formulärets fältnamn. Följer standardattributet `name`, på samma sätt som `<input name="...">`, och används som nyckel när värdet läses via `FormData`.
+          * @default 'yrkesvaljaren'
+         */
+        "name"?: string;
+        "onAfJobDataLoadFailed"?: (event: DigiServiceJobSelectorCustomEvent<{ error: Error }>) => void;
+        "onAfJobSelected"?: (event: DigiServiceJobSelectorCustomEvent<JobSelectionItem[]>) => void;
+        "onAfJobValidationChange"?: (event: DigiServiceJobSelectorCustomEvent<{
+    isValid: boolean;
+    errorType: 'required' | 'invalidInput' | null;
+  }>) => void;
+        /**
+          * @default "T.ex. frisör, vårdbiträde, snickare"
+         */
+        "placeholder"?: string;
+        /**
+          * Om satt till true visas populära yrken initialt när historiken är tom.
+          * @default true
+         */
+        "popular"?: boolean;
+        /**
+          * Om satt till `true` måste fältet ha ett värde för att vara giltigt.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default true
+         */
+        "showSearchIcon"?: boolean;
+        /**
+          * Storleken på inputfältet. 'small' | 'medium' | 'large'
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Yrkesdata (taxonomi). Kan injiceras av integratören för deterministisk laddning (t.ex. i testmiljöer).  Om den lämnas tom populeras den internt via det globala registret eller auto-fetch för att exponera aktuell data.
+          * @default []
+         */
+        "taxonomyData"?: TaxonomyItem[];
+        /**
+          * Fullständig, explicit URL till en egenhostad datafil. Utelämna attributet för att använda senaste data automatiskt.
+         */
+        "taxonomyUrl"?: string;
+    }
+    interface GeoValjaren {
+        /**
+          * @default 'Din kommun'
+         */
+        "label"?: string;
+        "onAfGeoSelected"?: (event: GeoValjarenCustomEvent<GenericItem | null>) => void;
+        /**
+          * @default 'Vilken kommun bor du i?'
+         */
+        "placeholder"?: string;
+    }
+    interface JobSelectorDemo {
+        /**
+          * @default false
+         */
+        "afHideHeader"?: boolean;
+        /**
+          * @default false
+         */
+        "afHidePreamble"?: boolean;
+    }
+    interface NeobrutalSearch {
+    }
+
+    interface CoreSelectorAttributes {
+        "label": string;
+        "labelDescription": string;
+        "componentId": string;
+        "size": 'small' | 'medium' | 'large';
+        "afFocused": boolean;
+    }
+    interface DigiServiceJobSelectorAttributes {
+        "name": string;
+        "taxonomyUrl": string;
+        "placeholder": string;
+        "label": string;
+        "disabled": boolean;
+        "enableMultiple": boolean;
+        "showSearchIcon": boolean;
+        "errorMessage": string;
+        "labelDescription": string;
+        "required": boolean;
+        "manualInput": boolean;
+        "history": boolean;
+        "popular": boolean;
+        "size": 'small' | 'medium' | 'large';
+    }
+    interface GeoValjarenAttributes {
+        "label": string;
+        "placeholder": string;
+    }
+    interface JobSelectorDemoAttributes {
+        "afHideHeader": boolean;
+        "afHidePreamble": boolean;
+    }
+
+    interface IntrinsicElements {
+        "core-selector": Omit<CoreSelector, keyof CoreSelectorAttributes> & { [K in keyof CoreSelector & keyof CoreSelectorAttributes]?: CoreSelector[K] } & { [K in keyof CoreSelector & keyof CoreSelectorAttributes as `attr:${K}`]?: CoreSelectorAttributes[K] } & { [K in keyof CoreSelector & keyof CoreSelectorAttributes as `prop:${K}`]?: CoreSelector[K] };
+        "digi-service-job-selector": Omit<DigiServiceJobSelector, keyof DigiServiceJobSelectorAttributes> & { [K in keyof DigiServiceJobSelector & keyof DigiServiceJobSelectorAttributes]?: DigiServiceJobSelector[K] } & { [K in keyof DigiServiceJobSelector & keyof DigiServiceJobSelectorAttributes as `attr:${K}`]?: DigiServiceJobSelectorAttributes[K] } & { [K in keyof DigiServiceJobSelector & keyof DigiServiceJobSelectorAttributes as `prop:${K}`]?: DigiServiceJobSelector[K] };
+        "geo-valjaren": Omit<GeoValjaren, keyof GeoValjarenAttributes> & { [K in keyof GeoValjaren & keyof GeoValjarenAttributes]?: GeoValjaren[K] } & { [K in keyof GeoValjaren & keyof GeoValjarenAttributes as `attr:${K}`]?: GeoValjarenAttributes[K] } & { [K in keyof GeoValjaren & keyof GeoValjarenAttributes as `prop:${K}`]?: GeoValjaren[K] };
+        "job-selector-demo": Omit<JobSelectorDemo, keyof JobSelectorDemoAttributes> & { [K in keyof JobSelectorDemo & keyof JobSelectorDemoAttributes]?: JobSelectorDemo[K] } & { [K in keyof JobSelectorDemo & keyof JobSelectorDemoAttributes as `attr:${K}`]?: JobSelectorDemoAttributes[K] } & { [K in keyof JobSelectorDemo & keyof JobSelectorDemoAttributes as `prop:${K}`]?: JobSelectorDemo[K] };
+        "neobrutal-search": NeobrutalSearch;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "core-selector": LocalJSX.IntrinsicElements["core-selector"] & JSXBase.HTMLAttributes<HTMLCoreSelectorElement>;
+            "digi-service-job-selector": LocalJSX.IntrinsicElements["digi-service-job-selector"] & JSXBase.HTMLAttributes<HTMLDigiServiceJobSelectorElement>;
+            "geo-valjaren": LocalJSX.IntrinsicElements["geo-valjaren"] & JSXBase.HTMLAttributes<HTMLGeoValjarenElement>;
+            "job-selector-demo": LocalJSX.IntrinsicElements["job-selector-demo"] & JSXBase.HTMLAttributes<HTMLJobSelectorDemoElement>;
+            "neobrutal-search": LocalJSX.IntrinsicElements["neobrutal-search"] & JSXBase.HTMLAttributes<HTMLNeobrutalSearchElement>;
+        }
+    }
+}

package/dist/types/demo-data.d.ts

@@ -0,0 +1,16 @@
+export declare const taxonomyData: {
+    id: any;
+    type: any;
+    preferred_label: any;
+    ssyk_level_4_id: any;
+    occupation_name_id: any;
+    occupation_name_preferred_label: any;
+    weight: any;
+}[];
+export declare const metadata: {
+    title: string;
+    labour_market_taxonomy_version: number;
+    naming_convention: string;
+    $schema: string;
+    data_created: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+import { registerTaxonomy } from './components/job-selector/taxonomy-registry';
+export { registerTaxonomy };
+export { TaxonomySearchEngine } from './components/job-selector/logic/search.engine';
+export { InvalidSelectionError } from './components/job-selector/types';
+export type { TaxonomyItem, SearchResult, RawTaxonomyDataResponse, JobSelectionItem, JobSelectionInput, InvalidSelectionErrorCode, } from './components/job-selector/types';