nve-designsystem 0.1.15 → 0.1.17

package/components/nve-dialog/nve-dialog.component.d.ts

@@ -11,7 +11,7 @@ import { SlDialog } from '@shoelace-style/shoelace';
  * @slot footer - feltet i bunden hvor knappene er plassert
  *
  */
-export declare class NveDialog extends SlDialog {
+export default class NveDialog extends SlDialog {
     /**
      * Ikonet som skal vises
      */

package/components/nve-dropdown/nve-dropdown.component.d.ts

@@ -1,5 +1,5 @@
 import { SlDropdown } from '@shoelace-style/shoelace';
-import { NveMenu } from '../nve-menu/nve-menu.component';
+import NveMenu from '../nve-menu/nve-menu.component';
 /**
  * En Shoelace-dropdown i NVE-forkledning.
  * Se https://shoelace.style/components/dropdown

package/components/nve-input/nve-input.component.d.ts

@@ -4,21 +4,36 @@ import { SlInput } from '@shoelace-style/shoelace';
  * Mer info: https://shoelace.style/components/input
  *
  * Vil du ha info-ikon med hjelpetekst etter ledeteksten, putt en nve-label i label-slot.
- *
  * Disse attributtene skal ikke brukes:
  * - pill
  *
- * TODO: Utropstegn-ikon ved valideringsfeil
- * TODO: Vise valideringsfeil med rød tekst under tekstfeltet
+ * TODO: Felte blir breddere når feil ikone vises. Alt på grunn av at det dukker opp i en slot. Hvis Vi bestemmer oss
+ * å ha en fast verdi på sloten, kan det kanksje påvirke andre elementer som skal vises i sloten.
  */
 export default class NveInput extends SlInput {
     /**
      * Tekst som vises for å markere at et felt er obligatorisk. Er satt til "*Obligatorisk" som standard.
      */
     requiredLabel: string;
-    constructor();
+    /**
+     * Brukes til enkel constraint validation til å overskrive default nettleseren melding
+     */
+    errorMessage?: string;
+    /**
+     * Hjelpe variabler som sjekker om input feltet er allerede invalid
+     */
+    protected alreadyInvalid: boolean;
     static styles: import("lit").CSSResultGroup[];
-    updated(changedProperties: Map<string, unknown>): void;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: any): void;
+    private makeInvalid;
+    private resetValidation;
+    private showErrorMessage;
+    private showErrorIcon;
+    private hideErrorIcon;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/nve-menu/nve-menu.component.d.ts

@@ -1,5 +1,5 @@
 import { SlMenu } from '@shoelace-style/shoelace';
-export declare class NveMenu extends SlMenu {
+export default class NveMenu extends SlMenu {
     constructor();
     static styles: import("lit").CSSResultGroup[];
 }

package/components/nve-menu-item/nve-menu-item.component.d.ts

@@ -4,7 +4,7 @@ import { SlMenuItem } from '@shoelace-style/shoelace';
  * Mer info: https://shoelace.style/components/menu-item
  *
  */
-export declare class NveMenuItem extends SlMenuItem {
+export default class NveMenuItem extends SlMenuItem {
     /**
      * Tekst som vises som subtext(undertekst).
      */

package/index.d.ts

@@ -3,9 +3,13 @@ export { default as NveAlert } from './components/nve-alert/nve-alert.component'
 export { default as NveButton } from './components/nve-button/nve-button.component';
 export { default as NveCheckbox } from './components/nve-checkbox/nve-checkbox.component';
 export { default as NveCheckboxGroup } from './components/nve-checkbox-group/nve-checkbox-group.component';
+export { default as NveDialog } from './components/nve-dialog/nve-dialog.component';
+export { default as NveDropdown } from './components/nve-dropdown/nve-dropdown.component';
 export { default as NveIcon } from './components/nve-icon/nve-icon.component';
 export { default as NveInput } from './components/nve-input/nve-input.component';
 export { default as NveLabel } from './components/nve-label/nve-label.component';
+export { default as NveMenu } from './components/nve-menu/nve-menu.component';
+export { default as NveMenuItem } from './components/nve-menu-item/nve-menu-item.component';
 export { default as NveRadio } from './components/nve-radio/nve-radio.component';
 export { default as NveRadioButton } from './components/nve-radio-button/nve-radio-button.component';
 export { default as NveRadioGroup } from './components/nve-radio-group/nve-radio-group.component';