@oslokommune/punkt-elements 16.26.7 → 17.0.2

package/dist/components/header/header-global.d.ts

@@ -0,0 +1,78 @@
+import { PktElement } from '../../base-elements/element';
+import { PropertyValues, TemplateResult } from 'lit';
+import { Booleanish, IPktHeaderGlobal, Representing, THeaderFooterApi, THeaderMenuLocale, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, User, UserMenuItem } from './types';
+export declare class PktHeaderGlobal extends PktElement<IPktHeaderGlobal> implements IPktHeaderGlobal {
+    dataUrl?: string;
+    data?: THeaderFooterApi;
+    locale: THeaderMenuLocale;
+    logoLink: string;
+    logoPath: string | undefined;
+    searchPlaceholder?: string;
+    position: THeaderPosition;
+    scrollBehavior: THeaderScrollBehavior;
+    mobileBreakpoint: number;
+    tabletBreakpoint: number;
+    logOutButtonPlacement: TLogOutButtonPlacement;
+    showSearch: Booleanish;
+    showContact: Booleanish;
+    canChangeRepresentation: Booleanish;
+    hasLogOut: Booleanish;
+    user?: User;
+    userMenu?: UserMenuItem[];
+    representing?: Representing;
+    private openMenu;
+    private fetchedData?;
+    private loadError;
+    private headerAnchor;
+    private headerRef;
+    private menuContainerRef;
+    private userContainerRef;
+    private abortController?;
+    private chrome;
+    private get isMobile();
+    private get isTablet();
+    private get isHidden();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    private get overlayAnchorStyle();
+    updated(changedProperties: PropertyValues): void;
+    private loadData;
+    private emitDataLoaded;
+    private get effectiveData();
+    private get localeData();
+    private get shouldHideOnScroll();
+    private get isFixed();
+    private get isSticky();
+    private toggleMenu;
+    private handleClickOutside;
+    private handleEscapeKey;
+    private get activeOverlay();
+    private focusToggle;
+    private handleOverlayKeydown;
+    private handleOverlayFocusIn;
+    private handleSearch;
+    private handleLogout;
+    private handleChangeRepresentation;
+    private get formattedLastLoggedIn();
+    private get showLogoutInUserMenu();
+    private handleLogoClick;
+    private renderLogo;
+    private renderSearch;
+    private renderContact;
+    private get isLoading();
+    private renderMenuToggle;
+    private renderSearchToggle;
+    private renderSearchPanel;
+    private renderUser;
+    private get overlayBreakpointClass();
+    private renderMenu;
+    private renderHeader;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-header-global': PktHeaderGlobal;
+    }
+}

package/dist/components/header/header-service.d.ts

@@ -4,7 +4,7 @@ import { User, Representing, UserMenuItem, THeaderMenu, TLogOutButtonPlacement,
 export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> implements IPktHeader {
     serviceName?: string;
     serviceLink?: string;
-    logoLink?: string;
+    logoLink: string;
     logoPath: string | undefined;
     searchPlaceholder: string;
     searchValue: string;
@@ -24,11 +24,7 @@ export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> imp
     user?: User;
     userMenu?: UserMenuItem[];
     representing?: Representing;
-    private isMobile;
-    private isTablet;
     private openMenu;
-    private isHidden;
-    private componentWidth;
     private alignSlotRight;
     private alignSearchRight;
     private headerRef;
@@ -37,28 +33,16 @@ export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> imp
     private searchContainerRef;
     private slotContentRef;
     private searchMenuRef;
-    private resizeObserver?;
-    private lastScrollPosition;
-    private savedScrollY;
-    private lastFocusedElement;
-    private shouldRestoreFocus;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
+    private chrome;
+    private get isMobile();
+    private get isTablet();
+    private get isHidden();
     firstUpdated(): void;
     updated(changedProperties: PropertyValues): void;
-    private setupResizeObserver;
-    private updateIsMobile;
-    private updateIsTablet;
-    private updateScrollLock;
-    private lockScroll;
-    private unlockScroll;
-    private setupScrollListener;
-    private handleScroll;
     private handleClickOutside;
     private handleSlotContentClick;
     private handleFocusOut;
     private handleEscapeKey;
-    private restoreFocus;
     private checkDropdownAlignment;
     private handleMenuToggle;
     private handleLogoClick;
@@ -70,6 +54,7 @@ export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> imp
     private handleSearchKeyDown;
     private get formattedLastLoggedIn();
     private get isFixed();
+    private get isSticky();
     private get shouldHideOnScroll();
     private get showLogoutInHeader();
     private get showLogoutInUserMenu();

package/dist/components/header/header-service.test.d.ts

@@ -5,7 +5,7 @@ export interface HeaderServiceTestConfig extends BaseTestConfig {
     'logo-link'?: string;
     compact?: boolean;
     'hide-logo'?: boolean;
-    position?: 'fixed' | 'relative';
+    position?: 'fixed' | 'sticky' | 'relative';
     'scroll-behavior'?: 'hide' | 'none';
     'show-search'?: boolean;
     'search-placeholder'?: string;

package/dist/components/header/header.d.ts

@@ -1,6 +1,6 @@
 import { PktElementWithSlot } from '../../base-elements/element-with-slot';
 import { PropertyValues } from 'lit';
-import { User, Representing, UserMenuItem, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, TSlotMenuVariant, IPktHeader, Booleanish } from './types';
+import { User, Representing, UserMenuItem, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, TSlotMenuVariant, THeaderType, THeaderFooterApi, THeaderMenuLocale, IPktHeader, Booleanish } from './types';
 /**
  * PktHeader - Main header component for Oslo kommune services
  *
@@ -11,9 +11,12 @@ import { User, Representing, UserMenuItem, THeaderMenu, TLogOutButtonPlacement,
  * - Responsive mobile menu
  * - Fixed positioning with scroll-to-hide
  *
- * TODO: Add `type` prop to switch between `service` and `global` header types
+ * The `type` prop switches between the `service` header (a customizable
+ * header for a single service, the default) and the `global`
+ * (kommune-wide) header driven by the shared header/footer payload.
  */
 export declare class PktHeader extends PktElementWithSlot<IPktHeader> implements IPktHeader {
+    type: THeaderType;
     serviceName?: string;
     serviceLink?: string;
     logoLink?: string;
@@ -30,12 +33,16 @@ export declare class PktHeader extends PktElementWithSlot<IPktHeader> implements
     slotMenuText: string;
     hideLogo: Booleanish;
     compact: Booleanish;
-    showSearch: Booleanish;
+    showSearch?: Booleanish;
     canChangeRepresentation: Booleanish;
     hasLogOut: Booleanish;
     user?: User;
     userMenu?: UserMenuItem[];
     representing?: Representing;
+    dataUrl?: string;
+    data?: THeaderFooterApi;
+    locale?: THeaderMenuLocale;
+    showContact: Booleanish;
     userMenuFooter?: UserMenuItem[];
     userOptions?: UserMenuItem[];
     firstUpdated(changedProperties: PropertyValues): void;
@@ -44,6 +51,7 @@ export declare class PktHeader extends PktElementWithSlot<IPktHeader> implements
      * Convert deprecated props to new props
      */
     private get effectiveUserMenu();
+    private renderGlobal;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

package/dist/components/header/index.d.ts

@@ -1,5 +1,6 @@
 export { PktHeader } from './header';
 export { PktHeaderService } from './header-service';
+export { PktHeaderGlobal } from './header-global';
 export { PktHeaderUserMenu } from './header-user-menu';
-export type { User, Representing, UserMenuItem, TInternalMenuItem, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, TSlotMenuVariant, IPktHeader, } from './types';
+export type { User, Representing, UserMenuItem, TInternalMenuItem, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, TSlotMenuVariant, THeaderType, TGlobalHeaderMenu, THeaderFooterApi, THeaderMenuLocale, IPktHeader, IPktHeaderGlobal, } from './types';
 export { formatLastLoggedIn } from './header-utils';

package/dist/components/header/types.d.ts

@@ -1,6 +1,10 @@
 import { PktIconName } from '@oslokommune/punkt-assets/dist/icons/icon';
-import { booleanishConverter, Booleanish, User as SharedUser, Representing as SharedRepresenting, UserMenuItem as SharedUserMenuItem, TInternalMenuItem as SharedTInternalMenuItem, TSlotMenuVariant, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior } from '../../shared-types';
-export type { Booleanish, TSlotMenuVariant, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, };
+import { booleanishConverter, Booleanish, User as SharedUser, Representing as SharedRepresenting, UserMenuItem as SharedUserMenuItem, TInternalMenuItem as SharedTInternalMenuItem, TSlotMenuVariant, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, THeaderFooterApi, THeaderMenuLocale, IPktHeaderGlobal as ISharedPktHeaderGlobal } from '../../shared-types';
+export type { Booleanish, TSlotMenuVariant, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, THeaderFooterApi, THeaderMenuLocale, };
+/** Which header variant `<pkt-header>` renders. */
+export type THeaderType = 'service' | 'global';
+/** Which dropdown/overlay is open in the global header. */
+export type TGlobalHeaderMenu = 'none' | 'menu' | 'user' | 'search';
 export { booleanishConverter };
 export type User = SharedUser;
 export type Representing = SharedRepresenting;
@@ -58,4 +62,26 @@ export interface IPktHeader {
     slotMenuVariant?: TSlotMenuVariant;
     /** Text for the slot menu button. Default: 'Meny' */
     slotMenuText?: string;
+    /** Which header variant to render. Default: 'service' */
+    type?: THeaderType;
+}
+/**
+ * Interface for the global (kommune-wide) Header element props.
+ *
+ * Extends the framework-agnostic {@link ISharedPktHeaderGlobal} base
+ * (in shared-types), narrowing boolean fields to `Booleanish`, typing
+ * `userMenu` icons as `PktIconName`, and adding the Lit-only `hasLogOut`
+ * signal.
+ */
+export interface IPktHeaderGlobal extends Omit<ISharedPktHeaderGlobal, 'showSearch' | 'showContact' | 'canChangeRepresentation' | 'userMenu'> {
+    /** Show the search field. Default: true */
+    showSearch?: Booleanish;
+    /** Show the contact link (from the payload's `header.contact`). Default: true */
+    showContact?: Booleanish;
+    /** Allow the user to change representation. */
+    canChangeRepresentation?: Booleanish;
+    /** User menu items. */
+    userMenu?: UserMenuItem[];
+    /** Whether a logout handler is attached (required for the logout button to show). */
+    hasLogOut?: Booleanish;
 }

package/dist/components/header-menu/header-menu.d.ts

@@ -7,20 +7,19 @@ export declare class PktHeaderMenu extends PktElement<IPktHeaderMenu> implements
     data?: THeaderFooterApi;
     locale: THeaderMenuLocale;
     open: Booleanish;
-    ariaLabelledBy: string;
     mobileBreakpoint: number;
     private loadState;
     private fetchedData?;
     private isMobile;
     private abortController?;
-    private mediaQuery?;
+    private menuWidth;
+    private resizeObserver?;
     connectedCallback(): void;
     private updateOpenClass;
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues): void;
-    private setupMediaQuery;
-    private teardownMediaQuery;
-    private handleMediaChange;
+    private observeWidth;
+    private refreshIsMobile;
     private loadData;
     private get effectiveData();
     private get localeData();

package/dist/components/header-menu/types.d.ts

@@ -1,4 +1,4 @@
-import { IHeaderMenuLink, IHeaderMenuIconLink, IHeaderMenuButton, IHeaderMenuServices, IHeaderMenuSection, IMegaMenu, IHeaderFooter, IHeaderFooterLocaleData, IPktHeaderMenu as ISharedPktHeaderMenu, THeaderFooterApi, THeaderMenuLocale } from '../../shared-types/header-menu';
+import { IHeaderMenuLink, IHeaderMenuIconLink, IHeaderMenuButton, IHeaderMenuServices, IHeaderMenuSection, IMegaMenu, IHeaderFooter, IHeaderFooterLocaleData, IPktHeaderMenu as ISharedPktHeaderMenu, THeaderFooterApi, THeaderMenuLocale } from '../../shared-types/header-footer';
 import { Booleanish } from '../../shared-types';
 export type { IHeaderMenuLink, IHeaderMenuIconLink, IHeaderMenuButton, IHeaderMenuServices, IHeaderMenuSection, IMegaMenu, IHeaderFooter, IHeaderFooterLocaleData, THeaderFooterApi, THeaderMenuLocale, };
 export interface IPktHeaderMenu extends Omit<ISharedPktHeaderMenu, 'open'> {

package/dist/components/index.d.ts

@@ -11,7 +11,8 @@ export { PktCheckbox } from './checkbox';
 export { PktFileUpload } from './fileupload';
 export { PktDateTags } from './datepicker/date-tags.js';
 export { PktDatepicker } from './datepicker/datepicker.js';
-export { PktHeader, PktHeaderService, PktHeaderUserMenu } from './header';
+export { PktFooter, PktFooterSimple } from './footer';
+export { PktHeader, PktHeaderService, PktHeaderGlobal, PktHeaderUserMenu, } from './header';
 export { PktHeaderMenu } from './header-menu';
 export { PktHelptext } from './helptext';
 export { PktHeading } from './heading';
@@ -34,18 +35,19 @@ export { PktSearchInput } from './searchinput';
 export { PktTimepicker } from './timepicker';
 export type { IPktAccordion, IPktAccordionItem, TPktAccordionSkin } from './accordion';
 export type { IPktButton, TPktButtonMode, TPktButtonSize, TPktButtonColor, TPktButtonSkin, TPktButtonVariant, TPktButtonState, TPktButtonType, } from './button';
-export type { User as IPktHeaderUser, Representing as IPktHeaderRepresenting, UserMenuItem as IPktHeaderUserMenuItem, THeaderMenu, TLogOutButtonPlacement as TPktHeaderLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, TSlotMenuVariant, IPktHeader, } from './header';
+export type { User as IPktHeaderUser, Representing as IPktHeaderRepresenting, UserMenuItem as IPktHeaderUserMenuItem, THeaderMenu, TLogOutButtonPlacement as TPktHeaderLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, TSlotMenuVariant, THeaderType, TGlobalHeaderMenu, IPktHeader, IPktHeaderGlobal, } from './header';
 export type { IPktHeaderMenu } from './header-menu';
 export type { IPktProgressbar, TProgressbarRole, TProgressbarSkin, TProgressbarStatusPlacement, TProgressbarStatusType, TProgressbarTitlePosition, } from './progressbar';
 export type { IPktCombobox, IPktComboboxOption, TPktComboboxTagPlacement, } from './combobox';
 export type { IPktHeading, TPktHeadingSize, TPktHeadingLevel } from './heading';
 export type { TTagSkin, TTagType } from './tag';
 export type { IPktTabs, IPktTabItem, TSkin as TTabItemSkin } from './tabs';
-export type { TSelectOption } from './select';
+export type { IPktSelectOption, TSelectOption } from './select';
 export type { IPktBackLink } from './backlink';
 export type { IPktBreadcrumbs, IBreadcrumbItem } from './breadcrumbs';
 export type { IPktLoader, TPktLoaderVariant } from './loader';
 export type { IPktConsent } from './consent';
+export type { IPktFooter, IPktFooterSimple, IPktFooterColumn, IPktFooterLink, } from './footer';
 export type { FileItem, IPktFileUpload, TFileComment, TQueueItemOperation, TQueueOperationContext, TQueueOperationLabel, TFileTransfer, TFileUploadItemRenderer, TTransferCancelledDetail, TTransferProgress, TFileValidateDetail, TFileValidator, TUploadStrategy, } from './fileupload';
 export type { IPktTimepicker } from './timepicker';
 export type { IPktSearchInput, IPktSearchInputSuggestion, TPktSearchInputAppearance, TPktSearchInputMethod, } from './searchinput';

package/dist/components/input-wrapper/input-wrapper.d.ts

@@ -4,6 +4,7 @@ import { ElementProps } from '../../types/typeUtils';
 import { Booleanish } from '../../shared-types';
 import { FocusModalityController } from '../../controllers/focus-modality-controller';
 type TCounterPosition = 'top' | 'bottom';
+type TInputWrapperSize = 'small' | 'medium' | 'xsmall';
 type Props = ElementProps<PktInputWrapper, 'forId' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'counter' | 'counterCurrent' | 'counterMaxLength' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'ariaDescribedby' | 'hasFieldset' | 'useWrapper' | 'role'>;
 export declare class PktInputWrapper extends PktElementWithSlot<Props> {
     /**
@@ -32,6 +33,7 @@ export declare class PktInputWrapper extends PktElementWithSlot<Props> {
     hasFieldset: boolean;
     role: string | null;
     useWrapper: Booleanish;
+    size: TInputWrapperSize;
     protected updated(changedProperties: PropertyValues): void;
     focusModality: FocusModalityController;
     render(): import('lit').TemplateResult<1>;

package/dist/components/input-wrapper/input-wrapper.test.d.ts

@@ -24,6 +24,7 @@ export interface InputWrapperTestConfig extends BaseTestConfig {
     requiredText?: string;
     tagText?: string;
     role?: string;
+    size?: 'small' | 'medium' | 'xsmall';
 }
 export declare const createInputWrapperTest: (config?: InputWrapperTestConfig) => Promise<{
     container: HTMLElement;

package/dist/components/searchinput/searchinput.d.ts

@@ -1,9 +1,12 @@
 import { PktElement } from '../../base-elements/element';
+import { PropertyValues } from 'lit';
 import { FocusModalityController } from '../../controllers/focus-modality-controller';
 import { IPktSearchInput, IPktSearchInputSuggestion, TPktSearchInputAppearance, TPktSearchInputMethod } from '../../shared-types/searchinput';
+import { TPktInputSize } from '../../shared-types/size';
 export type { IPktSearchInput, IPktSearchInputSuggestion, TPktSearchInputAppearance, TPktSearchInputMethod, } from '../../shared-types/searchinput';
 export declare class PktSearchInput extends PktElement<IPktSearchInput> implements IPktSearchInput {
     appearance: TPktSearchInputAppearance;
+    inputSize: TPktInputSize;
     disabled: boolean;
     fullwidth: boolean;
     id: string;
@@ -15,6 +18,8 @@ export declare class PktSearchInput extends PktElement<IPktSearchInput> implemen
     action: string | undefined;
     method: TPktSearchInputMethod | undefined;
     focusModality: FocusModalityController;
+    private inputAriaLabel?;
+    willUpdate(changed: PropertyValues): void;
     private get suggestionsId();
     private dispatchSearch;
     private onInput;

package/dist/components/select/index.d.ts

@@ -1,4 +1,4 @@
 import { PktSelect } from './select';
 export { PktSelect } from './select';
-export type { TSelectOption } from './select';
+export type { IPktSelectOption, TSelectOption } from '../../shared-types/select';
 export default PktSelect;

package/dist/components/select/select.d.ts

@@ -1,8 +1,8 @@
 import { PropertyValues } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
 import { PktOptionsInputElement } from '../../base-elements/options-input-element';
-import { TSelectOption } from '../../shared-types';
-export type { TSelectOption };
+import { TSelectOption } from '../../shared-types/select';
+export type { TSelectOption } from '../../shared-types/select';
 export interface IPktSelect {
     options: TSelectOption[];
     value: string;

package/dist/components/select/select.test.d.ts

@@ -14,6 +14,7 @@ export interface SelectTestConfig extends Partial<IPktSelect>, BaseTestConfig {
     counter?: boolean;
     inline?: boolean;
     useWrapper?: boolean | string;
+    'input-size'?: string;
 }
 export declare const createSelectTest: (config?: SelectTestConfig) => Promise<{
     container: HTMLElement;

package/dist/components/textarea/textarea.test.d.ts

@@ -1,4 +1,5 @@
 import { BaseTestConfig } from '../../tests/test-framework';
+import { TPktInputSize } from '../../shared-types/size';
 export interface TextareaTestConfig extends BaseTestConfig {
     value?: string;
     autocomplete?: string;
@@ -20,6 +21,7 @@ export interface TextareaTestConfig extends BaseTestConfig {
     inline?: boolean;
     ariaLabelledby?: string | null;
     ariaDescribedBy?: string | null;
+    inputSize?: TPktInputSize;
 }
 export declare const createTextareaTest: (config?: TextareaTestConfig) => Promise<{
     container: HTMLElement;

package/dist/components/textinput/textinput.test.d.ts

@@ -8,6 +8,7 @@ export interface TextinputTestConfig extends BaseTestConfig {
     suffix?: string | null;
     size?: number | null;
     omitSearchIcon?: boolean;
+    'input-size'?: string;
     id?: string;
     label?: string;
     name?: string;

package/dist/components/timepicker/timepicker.d.ts

@@ -2,6 +2,7 @@ import { PropertyValues } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
 import { PktInputElement } from '../../base-elements/input-element';
 import { ElementProps } from '../../types/typeUtils';
+import { TPktInputSize } from '../../shared-types/size';
 type Props = ElementProps<PktTimepicker, 'value' | 'hidePicker' | 'stepArrows'>;
 export interface IPktTimepicker {
     value?: string;
@@ -27,6 +28,7 @@ export interface IPktTimepicker {
     optionalText?: string;
     tagText?: string | null;
     inline?: boolean;
+    inputSize?: TPktInputSize;
 }
 export declare class PktTimepicker extends PktInputElement<Props> {
     hiddenInputRef: Ref<HTMLInputElement>;

package/dist/components/timepicker/timepicker.test.d.ts

@@ -1,4 +1,5 @@
 import { BaseTestConfig } from '../../tests/test-framework';
+import { TPktInputSize } from '../../shared-types/size';
 export interface TimepickerTestConfig extends BaseTestConfig {
     value?: string;
     min?: string;
@@ -15,6 +16,8 @@ export interface TimepickerTestConfig extends BaseTestConfig {
     helptext?: string;
     id?: string;
     name?: string;
+    inputSize?: TPktInputSize;
+    'input-size'?: TPktInputSize;
 }
 export declare const createTimepickerTest: (config?: TimepickerTestConfig) => Promise<{
     container: HTMLElement;

package/dist/consent--Nw43WFU.cjs

@@ -0,0 +1,18 @@
+const e=require("./element-DJzurxgt.cjs");require("./button-gvDXtBMC.cjs");var t={i18n:{nb:{contentPresentation:{title:`Oslo kommune bruker informasjonskapsler`,description:[`For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.`,`Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss.`],buttons:{accept:`Godta alle`,reject:`Kun nødvendige`,settings:`Innstillinger for informasjonskapsler`}},contentSettings:{title:`Innstillinger for informasjonskapsler`,description:[`Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.`,`Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler».`],buttons:{back:`Tilbake`,save:`Lagre innstillinger`}}},en:{contentPresentation:{title:`Before you visit Oslo kommune ...`,description:[`This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.`,`To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites.`],buttons:{accept:`Yes, I accept`,reject:`Only necessary`,settings:`Go to settings`}},contentSettings:{title:`Her kan du aktivt velge mellom ulike informasjonskapsler`,description:[`For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider`],buttons:{back:`Back`,save:`Save settings`}}}},cookies:[{name:`statistics`,defaultValue:null,i18n:{nb:{title:`Statistikk og analyse`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler til å innhente data om statistikk og brukeradferd.`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Statistics and analytics`,description:`Select your preference for statistics and analytics`,buttons:{yes:`Yes`,no:`No`}}}},{name:`survey`,defaultValue:null,i18n:{nb:{title:`Skriftlige tilbakemeldinger`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler til å vise responsfelt og registrere tilbakemeldinger.`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Survey`,description:`Select your preference for survey`,buttons:{yes:`Yes`,no:`No`}}}},{name:`functional`,defaultValue:!0,i18n:{nb:{title:`Funksjonelle informasjonskapsler`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler for å gjøre ulike funksjoner på nettstedet mulige (for eksempel skjemaer og barnehagevelger).`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Functional cookies`,description:`For the website to function optimally, we recommend that you accept these cookies`,buttons:{yes:`Yes`,no:`No`}}}}]},n=null;function r(){return n||(n=new Promise((e,t)=>{if(document.querySelector(`#oslo-consent-script`)){e();return}let n=document.createElement(`script`);n.src=`https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.js`,n.id=`oslo-consent-script`,n.onload=()=>e(),n.onerror=t,document.head.appendChild(n);let r=document.createElement(`link`);r.href=`https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css`,r.type=`text/css`,r.rel=`stylesheet`,r.id=`oslo-consent-styles`,document.head.appendChild(r)}),n)}var i=e=>{if(typeof e!=`string`)return e;try{return JSON.parse(e)}catch{return e}},a=e=>i(e.value).items.reduce((e,t)=>(e[t.name]=t.consent,e),{}),o=class extends e.t{constructor(...e){super(...e),this.devMode=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null,this.triggerType=`button`,this.triggerText=null,this.i18nLanguage=`nb`}connectedCallback(){super.connectedCallback();let e=this.i18nLanguage;this.triggerText=this.triggerText||t.i18n[e].contentPresentation.buttons.settings}disconnectedCallback(){super.disconnectedCallback(),this._cookieEventHandler&&window.__cookieEvents?.off(`CookieManager.setCookie`,this._cookieEventHandler)}returnJsonOrObject(e){return i(e)}emitCookieConsents(e){this.dispatchEvent(new CustomEvent(`toggle-consent`,{detail:a(e),bubbles:!0,cancelable:!1}))}async firstUpdated(e){window.cookieBanner_googleAnalyticsId=this.googleAnalyticsId,window.cookieBanner_hotjarId=this.hotjarId,this.cookieDomain&&(window.cookieBanner_cookieDomain=this.cookieDomain),this.cookieSecure&&(window.cookieBanner_cookieSecure=this.cookieSecure),this.cookieExpiryDays&&(window.cookieBanner_cookieExpiryDays=this.cookieExpiryDays),this.devMode&&(window.cookieBanner_devMode=this.devMode),await r(),this.triggerInit()}triggerInit(){window.document.dispatchEvent(new Event(`CookieBannerReady`,{bubbles:!0,cancelable:!0}));let e=window.cookieBanner,t=window.__cookieEvents;!e||!t||e.cookieConsent.validateConsentCookie().then(n=>{if(!n)return;let r=e.cookieConsent.getConsentCookie();window.setTimeout(()=>this.emitCookieConsents({value:r}),0),this._cookieEventHandler&&t.off(`CookieManager.setCookie`,this._cookieEventHandler),this._cookieEventHandler=e=>this.emitCookieConsents(e),t.on(`CookieManager.setCookie`,this._cookieEventHandler)})}openModal(e){e.preventDefault(),window.cookieBanner?.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner?.openCookieModal())}render(){return this.triggerType===`link`?e.p`<a href="#" class="pkt-link" aria-haspopup="dialog" @click=${this.openModal}
+        >${this.triggerText}</a
+      >`:this.triggerType===`footerlink`?e.p`<a
+        href="#"
+        class="pkt-footer__link"
+        aria-haspopup="dialog"
+        @click=${this.openModal}
+        >${this.triggerText}</a
+      >`:this.triggerType===`icon`?e.p`<pkt-button
+        skin="tertiary"
+        variant="icon-only"
+        iconName="cookie"
+        aria-haspopup="dialog"
+        @click=${this.openModal}
+        >${this.triggerText}</pkt-button
+      >`:e.p`<pkt-button aria-haspopup="dialog" @click=${this.openModal}
+      >${this.triggerText}</pkt-button
+    >`}};e.n([e.o({type:Boolean})],o.prototype,`devMode`,void 0),e.n([e.o({type:String})],o.prototype,`hotjarId`,void 0),e.n([e.o({type:String})],o.prototype,`googleAnalyticsId`,void 0),e.n([e.o({type:String})],o.prototype,`cookieDomain`,void 0),e.n([e.o({type:String})],o.prototype,`cookieSecure`,void 0),e.n([e.o({type:String})],o.prototype,`cookieExpiryDays`,void 0),e.n([e.o({type:String})],o.prototype,`triggerType`,void 0),e.n([e.o({type:String})],o.prototype,`triggerText`,void 0),e.n([e.o({type:String})],o.prototype,`i18nLanguage`,void 0);try{e.s(`pkt-consent`)(o)}catch{console.warn(`Forsøker å definere <pkt-consent>, men den er allerede definert`)}var s=o;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/{consent-D5sY6JK3.js → consent-B2hSTCGC.js}

@@ -1,6 +1,5 @@
 import { n as e, o as t, p as n, s as r, t as i } from "./element-BoJrqauR.js";
-import "./icon-DGFEIlco.js";
-import "./button-C_YzTSuU.js";
+import "./button-Cod17rKo.js";
 //#region src/components/consent/strings.ts
 var a = {
 	i18n: {
@@ -172,16 +171,24 @@ var c = (e) => {
 		e.preventDefault(), window.cookieBanner?.cookieConsent || this.triggerInit(), setTimeout(() => window.cookieBanner?.openCookieModal());
 	}
 	render() {
-		return this.triggerType === "link" ? n`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>` : this.triggerType === "footerlink" ? n`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
-        <pkt-icon name="chevron-right" class="pkt-footer__link-icon"></pkt-icon>
-        ${this.triggerText}
-      </a>` : this.triggerType === "icon" ? n`<pkt-button
+		return this.triggerType === "link" ? n`<a href="#" class="pkt-link" aria-haspopup="dialog" @click=${this.openModal}
+        >${this.triggerText}</a
+      >` : this.triggerType === "footerlink" ? n`<a
+        href="#"
+        class="pkt-footer__link"
+        aria-haspopup="dialog"
+        @click=${this.openModal}
+        >${this.triggerText}</a
+      >` : this.triggerType === "icon" ? n`<pkt-button
         skin="tertiary"
         variant="icon-only"
         iconName="cookie"
+        aria-haspopup="dialog"
         @click=${this.openModal}
         >${this.triggerText}</pkt-button
-      >` : n`<pkt-button @click=${this.openModal}>${this.triggerText}</pkt-button>`;
+      >` : n`<pkt-button aria-haspopup="dialog" @click=${this.openModal}
+      >${this.triggerText}</pkt-button
+    >`;
 	}
 };
 e([t({ type: Boolean })], u.prototype, "devMode", void 0), e([t({ type: String })], u.prototype, "hotjarId", void 0), e([t({ type: String })], u.prototype, "googleAnalyticsId", void 0), e([t({ type: String })], u.prototype, "cookieDomain", void 0), e([t({ type: String })], u.prototype, "cookieSecure", void 0), e([t({ type: String })], u.prototype, "cookieExpiryDays", void 0), e([t({ type: String })], u.prototype, "triggerType", void 0), e([t({ type: String })], u.prototype, "triggerText", void 0), e([t({ type: String })], u.prototype, "i18nLanguage", void 0);