@designsystem-se/af 39.2.1 → 39.2.3

package/dist/esm/{typography-variation.enum-4smNltRI.js → typography-variation.enum-Zivp2NJB.js}

@@ -49,6 +49,33 @@ var DialogVariation;
     DialogVariation["SECONDARY"] = "secondary";
 })(DialogVariation || (DialogVariation = {}));
 
+var ExpandableAccordionHeaderLevel;
+(function (ExpandableAccordionHeaderLevel) {
+    ExpandableAccordionHeaderLevel["H1"] = "h1";
+    ExpandableAccordionHeaderLevel["H2"] = "h2";
+    ExpandableAccordionHeaderLevel["H3"] = "h3";
+    ExpandableAccordionHeaderLevel["H4"] = "h4";
+    ExpandableAccordionHeaderLevel["H5"] = "h5";
+    ExpandableAccordionHeaderLevel["H6"] = "h6";
+})(ExpandableAccordionHeaderLevel || (ExpandableAccordionHeaderLevel = {}));
+
+var ExpandableFaqItemHeadingLevel;
+(function (ExpandableFaqItemHeadingLevel) {
+    ExpandableFaqItemHeadingLevel["H1"] = "h1";
+    ExpandableFaqItemHeadingLevel["H2"] = "h2";
+    ExpandableFaqItemHeadingLevel["H3"] = "h3";
+    ExpandableFaqItemHeadingLevel["H4"] = "h4";
+    ExpandableFaqItemHeadingLevel["H5"] = "h5";
+    ExpandableFaqItemHeadingLevel["H6"] = "h6";
+})(ExpandableFaqItemHeadingLevel || (ExpandableFaqItemHeadingLevel = {}));
+
+var ExpandableFaqItemVariation;
+(function (ExpandableFaqItemVariation) {
+    ExpandableFaqItemVariation["PRIMARY"] = "primary";
+    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
+    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
+})(ExpandableFaqItemVariation || (ExpandableFaqItemVariation = {}));
+
 var FooterVariation;
 (function (FooterVariation) {
     FooterVariation["LARGE"] = "large";
@@ -65,6 +92,34 @@ var FormErrorListHeadingLevel;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(FormErrorListHeadingLevel || (FormErrorListHeadingLevel = {}));
 
+var FormInputMode;
+(function (FormInputMode) {
+    FormInputMode["DEFAULT"] = "";
+    FormInputMode["NONE"] = "none";
+    FormInputMode["TEXT"] = "text";
+    FormInputMode["DECIMAL"] = "decimal";
+    FormInputMode["NUMERIC"] = "numeric";
+    FormInputMode["TEL"] = "tel";
+    FormInputMode["SEARCH"] = "search";
+    FormInputMode["EMAIL"] = "email";
+    FormInputMode["URL"] = "url";
+})(FormInputMode || (FormInputMode = {}));
+
+var FormInputValidation;
+(function (FormInputValidation) {
+    FormInputValidation["SUCCESS"] = "success";
+    FormInputValidation["ERROR"] = "error";
+    FormInputValidation["WARNING"] = "warning";
+    FormInputValidation["NEUTRAL"] = "neutral";
+})(FormInputValidation || (FormInputValidation = {}));
+
+var FormInputVariation;
+(function (FormInputVariation) {
+    FormInputVariation["SMALL"] = "small";
+    FormInputVariation["MEDIUM"] = "medium";
+    FormInputVariation["LARGE"] = "large";
+})(FormInputVariation || (FormInputVariation = {}));
+
 var FormFieldsetValidation;
 (function (FormFieldsetValidation) {
     FormFieldsetValidation["SUCCESS"] = "success";
@@ -120,6 +175,21 @@ var FormSelectFilterValidation;
     FormSelectFilterValidation["NEUTRAL"] = "neutral";
 })(FormSelectFilterValidation || (FormSelectFilterValidation = {}));
 
+var FormSelectValidation;
+(function (FormSelectValidation) {
+    FormSelectValidation["SUCCESS"] = "success";
+    FormSelectValidation["ERROR"] = "error";
+    FormSelectValidation["WARNING"] = "warning";
+    FormSelectValidation["NEUTRAL"] = "neutral";
+})(FormSelectValidation || (FormSelectValidation = {}));
+
+var FormSelectVariation;
+(function (FormSelectVariation) {
+    FormSelectVariation["SMALL"] = "small";
+    FormSelectVariation["MEDIUM"] = "medium";
+    FormSelectVariation["LARGE"] = "large";
+})(FormSelectVariation || (FormSelectVariation = {}));
+
 var HeaderCenterContentWidth;
 (function (HeaderCenterContentWidth) {
     HeaderCenterContentWidth["DEFAULT"] = "none";
@@ -229,10 +299,26 @@ var FeedbackVariation;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(FeedbackVariation || (FeedbackVariation = {}));
 
+var TypographyHeadingJumboLevel;
+(function (TypographyHeadingJumboLevel) {
+    TypographyHeadingJumboLevel["H1"] = "h1";
+    TypographyHeadingJumboLevel["H2"] = "h2";
+    TypographyHeadingJumboLevel["H3"] = "h3";
+    TypographyHeadingJumboLevel["H4"] = "h4";
+    TypographyHeadingJumboLevel["H5"] = "h5";
+    TypographyHeadingJumboLevel["H6"] = "h6";
+})(TypographyHeadingJumboLevel || (TypographyHeadingJumboLevel = {}));
+
+var TypographyHeadingJumboVariation;
+(function (TypographyHeadingJumboVariation) {
+    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
+    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
+})(TypographyHeadingJumboVariation || (TypographyHeadingJumboVariation = {}));
+
 var TypographyVariation;
 (function (TypographyVariation) {
     TypographyVariation["SMALL"] = "small";
     TypographyVariation["LARGE"] = "large";
 })(TypographyVariation || (TypographyVariation = {}));
 
-export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, NotificationAlertHeadingLevel as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormFieldsetValidation as e, FormRadiobuttonLayout as f, FormRadiobuttonValidation as g, FormRadiobuttonVariation as h, FormReceiptHeadingLevel as i, FormReceiptType as j, FormReceiptVariation as k, FormSelectFilterValidation as l, InfoCardMultiHeadingLevel as m, InfoCardMultiVariation as n, InfoCardHeadingLevel as o, NotificationAlertSize as p, NotificationAlertVariation as q, ToolsFeedbackHeadingLevel as r, ToolsFeedbackType as s, FeedbackVariation as t, TypographyVariation as u };
+export { ToolsFeedbackType as A, BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ExpandableAccordionHeaderLevel as E, FooterVariation as F, FeedbackVariation as G, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, TypographyHeadingJumboLevel as J, TypographyHeadingJumboVariation as K, TypographyVariation as L, NotificationAlertHeadingLevel as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, ExpandableFaqItemHeadingLevel as d, ExpandableFaqItemVariation as e, FormErrorListHeadingLevel as f, FormInputMode as g, FormInputValidation as h, FormInputVariation as i, FormFieldsetValidation as j, FormRadiobuttonLayout as k, FormRadiobuttonValidation as l, FormRadiobuttonVariation as m, FormReceiptHeadingLevel as n, FormReceiptType as o, FormReceiptVariation as p, FormSelectFilterValidation as q, FormSelectValidation as r, FormSelectVariation as s, InfoCardMultiHeadingLevel as t, InfoCardMultiVariation as u, InfoCardHeadingLevel as v, NotificationAlertSize as w, NotificationAlertVariation as x, ErrorPageStatusCodes as y, ToolsFeedbackHeadingLevel as z };

package/dist/types/components/_calendar/week-view/calendar-week-view.d.ts

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import type { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { CalendarWeekViewHeadingLevel } from './calendar-week-view-heading-level.enum';
 /**
  * @enums CalendarWeekViewHeadingLevel - calendar-week-view-heading-level.enum.ts
  * @swedishName Veckovy
  */
 export declare class CalendarWeekView {
+    hostElement: HTMLStencilElement;
     private minDate;
     private maxDate;
     dates: any[];
@@ -21,7 +23,7 @@ export declare class CalendarWeekView {
      * Lista över valbara datum
      * @en List of selectable dates
      */
-    afDates: string;
+    afDates: string | string[];
     afDatesUpdate(): void;
     /**
      * Sätt rubrikens vikt. 'h2' är förvalt.
@@ -57,7 +59,7 @@ export declare class CalendarWeekView {
     prevWeek(): void;
     nextWeek(): void;
     initDates(): void;
-    componentWillLoad(): void;
+    componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     get prevWeekText(): string;
     get nextWeekText(): string;

package/dist/types/components/_chart/bar-chart/bar-chart.d.ts

@@ -47,7 +47,9 @@ export declare class barChart {
     private series;
     private dataWidth;
     private barGap;
-    afChartDataUpdate(data: BarChartData | string): void;
+    afChartDataUpdate(): void;
+    private hasChartData;
+    private focusHostButton;
     private chartDiv;
     private host;
     private legendDiv;
@@ -119,7 +121,7 @@ export declare class barChart {
     private closeTooltip;
     private positionTooltip;
     private recomputeTextSize;
-    componentWillLoad(): void;
+    componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     componentWillUpdate(): void;

package/dist/types/components/_chart/chart-line/chart-line.d.ts

@@ -52,6 +52,8 @@ export declare class ChartLine {
     private _titleDiv;
     private _status;
     afChartDataUpdate(): void;
+    private hasChartData;
+    private focusHostButton;
     private dims;
     margin: {
         bottom: number;
@@ -89,7 +91,7 @@ export declare class ChartLine {
     private resizeSvg;
     private loadingResize;
     private resizeLines;
-    componentWillLoad(): void;
+    componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     componentWillUpdate(): void;
     componentDidUpdate(): void;

package/dist/types/components/_info-card/info-card/info-card.d.ts

@@ -41,8 +41,8 @@ export declare class InfoCard {
      */
     afBorderPosition: InfoCardBorderPosition;
     /**
-     * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-     * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+     * Sätter variant. Kan vara 'primary' eller 'secondary'.
+     * @en Set info card variation. Can be 'primary' or 'secondary'.
      */
     afVariation: InfoCardVariation;
     /**

package/dist/types/components/_navigation/navigation-tablist/navigation-tablist.d.ts

@@ -1,13 +1,14 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import type { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { Direction, OverflowMode, TabItem } from './navigation-tablist.types';
 /**
  * @slot default - <digi-tablist-panel /> för varje flik
  * @swedishName Flikfält
  */
 export declare class NavigationTablist {
+    hostElement: HTMLStencilElement;
     private tablistRef;
     private tabRefs;
-    private panelsRef;
     private resizeObserver;
     private _requestAnimationFrame?;
     activeTab: number;
@@ -65,6 +66,7 @@ export declare class NavigationTablist {
     syncWindow(tabIdx: number): void;
     syncFocus(tabIdx: number): void;
     setupTabs(tabs: TabItem[] | string): void;
+    private getSlottedPanels;
     setActiveTabById(id: string): void;
     setupInitialTab(): void;
     setupResizeHandler(): void;
@@ -76,7 +78,7 @@ export declare class NavigationTablist {
     moveWindow(tabIdx: number): void;
     nextTabIdx(tabIdx: number): number;
     focusCaptured(): boolean;
-    componentWillLoad(): void;
+    componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.d.ts

@@ -40,15 +40,20 @@ export declare class NavigationVerticalMenu {
     afOnReady: EventEmitter;
     linkClickHandler(e: any): void;
     setClasses(el: HTMLElement): void;
-    componentWillLoad(): void;
+    componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     componentWillUpdate(): void;
+    syncNav(options?: {
+        warnIfEmpty?: boolean;
+    }): void;
     initCurrentActiveLevel(): void;
     setCurrentActiveLevel(targetElement: any): void;
     setLevelClass(): void;
     initNav(): void;
     afMSetCurrentActiveLevel(e: any): Promise<void>;
-    getListItems(): void;
+    getListItems(options?: {
+        warnIfEmpty?: boolean;
+    }): void;
     get cssModifiers(): {
         'digi-navigation-vertical-menu': boolean;
         'digi-navigation-vertical-menu--primary': boolean;

package/dist/types/components.d.ts

@@ -685,7 +685,7 @@ export namespace Components {
           * @en List of selectable dates
           * @default ''
          */
-        "afDates": string;
+        "afDates": string | string[];
         /**
           * Sätt rubrikens vikt. 'h2' är förvalt.
           * @en Set heading level. Default is 'h2'
@@ -7113,8 +7113,8 @@ export namespace Components {
          */
         "afType": InfoCardType;
         /**
-          * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-          * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+          * Sätter variant. Kan vara 'primary' eller 'secondary'.
+          * @en Set info card variation. Can be 'primary' or 'secondary'.
           * @default InfoCardVariation.PRIMARY
          */
         "afVariation": InfoCardVariation;
@@ -12679,7 +12679,7 @@ declare namespace LocalJSX {
           * @en List of selectable dates
           * @default ''
          */
-        "afDates"?: string;
+        "afDates"?: string | string[];
         /**
           * Sätt rubrikens vikt. 'h2' är förvalt.
           * @en Set heading level. Default is 'h2'
@@ -19457,8 +19457,8 @@ declare namespace LocalJSX {
          */
         "afType"?: InfoCardType;
         /**
-          * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-          * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+          * Sätter variant. Kan vara 'primary' eller 'secondary'.
+          * @en Set info card variation. Can be 'primary' or 'secondary'.
           * @default InfoCardVariation.PRIMARY
          */
         "afVariation"?: InfoCardVariation;
@@ -21650,7 +21650,7 @@ declare namespace LocalJSX {
     interface DigiCalendarWeekViewAttributes {
         "afMinWeek": number;
         "afMaxWeek": number;
-        "afDates": string;
+        "afDates": string | string[];
         "afHeadingLevel": CalendarWeekViewHeadingLevel;
         "afId": string;
     }