@designsystem-se/af 36.0.3 → 37.0.0

package/dist/esm/digi-util-mutation-observer.entry.js

@@ -0,0 +1,60 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
+
+const UtilMutationObserver = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this._observer = null;
+        this._isObserving = false;
+        this.afId = randomIdGenerator('digi-util-mutation-observer');
+        this.afOptions = {
+            attributes: false,
+            childList: true,
+            subtree: false,
+            characterData: false
+        };
+    }
+    afOptionsWatcher(newValue) {
+        this._afOptions =
+            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+    }
+    componentWillLoad() {
+        this.afOptionsWatcher(this.afOptions);
+        this.initObserver();
+    }
+    disconnectedCallback() {
+        if (this._isObserving) {
+            this.removeObserver();
+        }
+    }
+    initObserver() {
+        this._observer = new MutationObserver((mutationsList) => {
+            for (const mutation of mutationsList) {
+                if (mutation.type === 'childList' ||
+                    mutation.type === 'attributes' ||
+                    mutation.type === 'characterData') {
+                    this.changeHandler(mutation);
+                }
+            }
+        });
+        this._observer.observe(this.$el, this._afOptions);
+        this._isObserving = true;
+    }
+    removeObserver() {
+        this._observer.disconnect();
+        this._isObserving = false;
+    }
+    changeHandler(e) {
+        this.afOnChange.emit(e);
+    }
+    render() {
+        h("div", { id: this.afId, ref: (el) => (this.$el = el) }, h("slot", null));
+    }
+    get $el() { return getElement(this); }
+    static get watchers() { return {
+        "afOptions": ["afOptionsWatcher"]
+    }; }
+};
+
+export { UtilMutationObserver as digi_util_mutation_observer };

package/dist/esm/{form-input-search-variation.enum-f9d669f2.js → form-input-search-variation.enum-6d8dc10a.js}

@@ -1,3 +1,10 @@
+var ButtonType;
+(function (ButtonType) {
+    ButtonType["BUTTON"] = "button";
+    ButtonType["SUBMIT"] = "submit";
+    ButtonType["RESET"] = "reset";
+})(ButtonType || (ButtonType = {}));
+
 var FormInputSearchVariation;
 (function (FormInputSearchVariation) {
     FormInputSearchVariation["SMALL"] = "small";
@@ -5,4 +12,4 @@ var FormInputSearchVariation;
     FormInputSearchVariation["LARGE"] = "large";
 })(FormInputSearchVariation || (FormInputSearchVariation = {}));
 
-export { FormInputSearchVariation as F };
+export { ButtonType as B, FormInputSearchVariation as F };

package/dist/esm/index-148a7577.js

@@ -52,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_9':
+                case 'digi-button_17':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-button_9.entry.js').then(processMod, consoleError);
+                      './digi-button_17.entry.js').then(processMod, consoleError);
                 case 'digi-badge-status':
                     return import(
                       /* webpackMode: "lazy" */
@@ -148,26 +148,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-form-textarea.entry.js').then(processMod, consoleError);
-                case 'digi-header':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-header.entry.js').then(processMod, consoleError);
-                case 'digi-header-avatar':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-header-avatar.entry.js').then(processMod, consoleError);
-                case 'digi-header-navigation':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-header-navigation.entry.js').then(processMod, consoleError);
-                case 'digi-header-navigation-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-header-navigation-item.entry.js').then(processMod, consoleError);
-                case 'digi-header-notification':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-header-notification.entry.js').then(processMod, consoleError);
                 case 'digi-icon-accessibility-deaf':
                     return import(
                       /* webpackMode: "lazy" */
@@ -220,10 +200,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-bell.entry.js').then(processMod, consoleError);
-                case 'digi-icon-bell-filled':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-icon-bell-filled.entry.js').then(processMod, consoleError);
                 case 'digi-icon-book':
                     return import(
                       /* webpackMode: "lazy" */
@@ -972,10 +948,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-link-internal.entry.js').then(processMod, consoleError);
-                case 'digi-navigation-sidebar-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-navigation-sidebar-button.entry.js').then(processMod, consoleError);
                 case 'digi-notification-alert':
                     return import(
                       /* webpackMode: "lazy" */
@@ -984,18 +956,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-tag-media.entry.js').then(processMod, consoleError);
-                case 'digi-title-logo':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-title-logo.entry.js').then(processMod, consoleError);
                 case 'digi-util-resize-observer':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-resize-observer.entry.js').then(processMod, consoleError);
-                case 'digi-icon-bars':
+                case 'digi-form-select_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-icon-bars.entry.js').then(processMod, consoleError);
+                      './digi-form-select_2.entry.js').then(processMod, consoleError);
                 case 'digi-icon-chart_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1024,10 +992,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-external-link-alt_2.entry.js').then(processMod, consoleError);
-                case 'digi-media-image_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-media-image_2.entry.js').then(processMod, consoleError);
                 case 'digi-form-input':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1044,26 +1008,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-link.entry.js').then(processMod, consoleError);
-                case 'digi-layout-block_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-layout-block_2.entry.js').then(processMod, consoleError);
-                case 'digi-util-keydown-handler':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-util-keydown-handler.entry.js').then(processMod, consoleError);
                 case 'digi-icon-chevron-down':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-chevron-down.entry.js').then(processMod, consoleError);
-                case 'digi-icon-x':
+                case 'digi-form-label_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-form-label_3.entry.js').then(processMod, consoleError);
+                case 'digi-util-mutation-observer':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-icon-x.entry.js').then(processMod, consoleError);
-                case 'digi-util-breakpoint-observer':
+                      './digi-util-mutation-observer.entry.js').then(processMod, consoleError);
+                case 'digi-icon-validation-error_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-util-breakpoint-observer.entry.js').then(processMod, consoleError);
+                      './digi-icon-validation-error_2.entry.js').then(processMod, consoleError);
                 case 'digi-typography':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/index.js

@@ -1,12 +1,11 @@
 export { B as BadgeNotificationShape } from './badge-notification-shape.enum-e15a6245.js';
-export { B as BadgeNotificationType, C as CalendarDatepickerValidation, a as CodeBlockLanguage, D as DialogHeadingLevel, b as DialogSize, c as DialogVariation, E as ErrorPageStatusCodes, t as FeedbackVariation, F as FooterVariation, d as FormErrorListHeadingLevel, e as FormFieldsetValidation, f as FormRadiobuttonLayout, g as FormRadiobuttonValidation, h as FormRadiobuttonVariation, i as FormReceiptHeadingLevel, j as FormReceiptType, k as FormReceiptVariation, l as FormSelectFilterValidation, H as HeaderCenterContentWidth, o as InfoCardHeadingLevel, I as InfoCardMultiContainerHeadingLevel, m as InfoCardMultiHeadingLevel, n as InfoCardMultiVariation, N as NotificationAlertHeadingLevel, p as NotificationAlertSize, q as NotificationAlertVariation, T as TitleLogoVariation, r as ToolsFeedbackHeadingLevel, s as ToolsFeedbackType, u as TypographyVariation } from './typography-variation.enum-8c3ff25c.js';
+export { B as BadgeNotificationType, C as CalendarDatepickerValidation, a as CodeBlockLanguage, D as DialogHeadingLevel, b as DialogSize, c as DialogVariation, E as ErrorPageStatusCodes, v as FeedbackVariation, F as FooterVariation, d as FormErrorListHeadingLevel, e as FormFieldsetValidation, f as FormRadiobuttonLayout, g as FormRadiobuttonValidation, h as FormRadiobuttonVariation, i as FormReceiptHeadingLevel, j as FormReceiptType, k as FormReceiptVariation, l as FormSelectFilterValidation, H as HeaderCenterContentWidth, o as InfoCardHeadingLevel, I as InfoCardMultiContainerHeadingLevel, m as InfoCardMultiHeadingLevel, n as InfoCardMultiVariation, L as LayoutBlockContainer, q as LayoutContainerMaxWidth, p as LayoutContainerVariation, N as NotificationAlertHeadingLevel, r as NotificationAlertSize, s as NotificationAlertVariation, T as TitleLogoVariation, t as ToolsFeedbackHeadingLevel, u as ToolsFeedbackType, w as TypographyVariation } from './typography-variation.enum-23eeecd2.js';
 export { B as BadgeStatusSize, a as BadgeStatusType, b as BadgeStatusVariation } from './badge-status-variation.enum-8d6370ff.js';
-export { B as ButtonSize } from './button-size.enum-d5ff6ff3.js';
-export { B as ButtonType } from './button-type.enum-5250ae0b.js';
+export { B as ButtonSize, C as CodeBlockVariation, a as CodeExampleLanguage, b as CodeExampleVariation } from './code-example-variation.enum-e656d235.js';
+export { B as ButtonType, F as FormInputSearchVariation } from './form-input-search-variation.enum-6d8dc10a.js';
 export { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
 export { C as CalendarWeekViewHeadingLevel } from './calendar-week-view-heading-level.enum-6774297c.js';
 export { B as BarChartVariation } from './bar-chart-variation.enum-97c0b47f.js';
-export { C as CodeBlockVariation, a as CodeExampleLanguage, b as CodeExampleVariation } from './code-example-variation.enum-e9f9fced.js';
 export { C as CodeLanguage, a as CodeVariation } from './code-variation.enum-1eee7c7a.js';
 export { E as ExpandableAccordionHeaderLevel } from './expandable-accordion-header-level.enum-85681e2f.js';
 export { E as ExpandableFaqItemHeadingLevel, a as ExpandableFaqItemVariation } from './expandable-faq-item-variation.enum-a8cb225b.js';
@@ -14,7 +13,6 @@ export { E as ExpandableFaqHeadingLevel, a as ExpandableFaqVariation } from './e
 export { F as FooterCardVariation } from './footer-card-variation.enum-cc732148.js';
 export { F as FormCheckboxLayout, a as FormCheckboxValidation, b as FormCheckboxVariation } from './form-checkbox-variation.enum-83e906fc.js';
 export { F as FormFileUploadHeadingLevel, a as FormFileUploadValidation, b as FormFileUploadVariation } from './form-file-upload-variation.enum-9c49ec5e.js';
-export { F as FormInputSearchVariation } from './form-input-search-variation.enum-f9d669f2.js';
 export { F as FormInputButtonVariation, a as FormInputType } from './form-input-type.enum-3da3db27.js';
 export { F as FormInputMode, a as FormInputValidation, b as FormInputVariation } from './form-input-variation.enum-64d9450f.js';
 export { F as FormRadiogroupValidation } from './form-radiogroup-validation.enum-d790fc66.js';
@@ -23,7 +21,6 @@ export { F as FormTextareaValidation, a as FormTextareaVariation } from './form-
 export { F as FormValidationMessageVariation } from './form-validation-message-variation.enum-bcef8a9d.js';
 export { I as InfoCardMultiType } from './info-card-multi-type.enum-07ee124f.js';
 export { I as InfoCardBorderPosition, a as InfoCardSize, b as InfoCardType, c as InfoCardVariation } from './info-card-variation.enum-2ccc52c1.js';
-export { L as LayoutBlockContainer, b as LayoutContainerMaxWidth, a as LayoutContainerVariation } from './layout-container-max-width.enum-c40018ac.js';
 export { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
 export { a as LayoutColumnsElement, L as LayoutColumnsGap, b as LayoutColumnsVariation } from './layout-columns-variation.enum-34f7754e.js';
 export { L as LinkButtonVariation } from './link-button-variation.enum-84d4976f.js';