@db-ux/wc-core-components 3.1.20 → 4.0.1

package/dist/types/components.d.ts

@@ -165,7 +165,6 @@ export namespace Components {
     interface DbCustomSelect {
         "amountText": DBCustomSelectProps["amountText"];
         "ariaDescribedBy": DBCustomSelectProps["ariaDescribedBy"];
-        "ariaListLabel": DBCustomSelectProps["ariaListLabel"];
         "className": DBCustomSelectProps["className"];
         /**
           * @default "Clear selection"
@@ -179,6 +178,7 @@ export namespace Components {
         "id": DBCustomSelectProps["id"];
         "invalidMessage": DBCustomSelectProps["invalidMessage"];
         "label": DBCustomSelectProps["label"];
+        "listLabel": DBCustomSelectProps["listLabel"];
         "loadingText": DBCustomSelectProps["loadingText"];
         "message": DBCustomSelectProps["message"];
         "messageIcon": DBCustomSelectProps["messageIcon"];
@@ -478,19 +478,24 @@ export namespace Components {
         "checked": DBSwitchProps["checked"];
         "className": DBSwitchProps["className"];
         "disabled": DBSwitchProps["disabled"];
-        "emphasis": DBSwitchProps["emphasis"];
         "icon": DBSwitchProps["icon"];
         "iconLeading": DBSwitchProps["iconLeading"];
         "iconTrailing": DBSwitchProps["iconTrailing"];
         "id": DBSwitchProps["id"];
+        "invalidMessage": DBSwitchProps["invalidMessage"];
         "label": DBSwitchProps["label"];
+        "message": DBSwitchProps["message"];
+        "messageIcon": DBSwitchProps["messageIcon"];
         "name": DBSwitchProps["name"];
         "required": DBSwitchProps["required"];
         "showLabel": DBSwitchProps["showLabel"];
+        "showMessage": DBSwitchProps["showMessage"];
         "showRequiredAsterisk": DBSwitchProps["showRequiredAsterisk"];
         "size": DBSwitchProps["size"];
+        "validMessage": DBSwitchProps["validMessage"];
         "validation": DBSwitchProps["validation"];
         "value": DBSwitchProps["value"];
+        "variant": DBSwitchProps["variant"];
         "visualAid": DBSwitchProps["visualAid"];
     }
     interface DbTabItem {
@@ -1232,7 +1237,6 @@ declare namespace LocalJSX {
     interface DbCustomSelect {
         "amountText"?: DBCustomSelectProps["amountText"];
         "ariaDescribedBy"?: DBCustomSelectProps["ariaDescribedBy"];
-        "ariaListLabel"?: DBCustomSelectProps["ariaListLabel"];
         "className"?: DBCustomSelectProps["className"];
         /**
           * @default "Clear selection"
@@ -1246,6 +1250,7 @@ declare namespace LocalJSX {
         "id"?: DBCustomSelectProps["id"];
         "invalidMessage"?: DBCustomSelectProps["invalidMessage"];
         "label"?: DBCustomSelectProps["label"];
+        "listLabel"?: DBCustomSelectProps["listLabel"];
         "loadingText"?: DBCustomSelectProps["loadingText"];
         "message"?: DBCustomSelectProps["message"];
         "messageIcon"?: DBCustomSelectProps["messageIcon"];
@@ -1566,22 +1571,27 @@ declare namespace LocalJSX {
         "checked"?: DBSwitchProps["checked"];
         "className"?: DBSwitchProps["className"];
         "disabled"?: DBSwitchProps["disabled"];
-        "emphasis"?: DBSwitchProps["emphasis"];
         "icon"?: DBSwitchProps["icon"];
         "iconLeading"?: DBSwitchProps["iconLeading"];
         "iconTrailing"?: DBSwitchProps["iconTrailing"];
         "id"?: DBSwitchProps["id"];
+        "invalidMessage"?: DBSwitchProps["invalidMessage"];
         "label"?: DBSwitchProps["label"];
+        "message"?: DBSwitchProps["message"];
+        "messageIcon"?: DBSwitchProps["messageIcon"];
         "name"?: DBSwitchProps["name"];
         "onBlur"?: (event: DbSwitchCustomEvent<any>) => void;
         "onChange"?: (event: DbSwitchCustomEvent<any>) => void;
         "onFocus"?: (event: DbSwitchCustomEvent<any>) => void;
         "required"?: DBSwitchProps["required"];
         "showLabel"?: DBSwitchProps["showLabel"];
+        "showMessage"?: DBSwitchProps["showMessage"];
         "showRequiredAsterisk"?: DBSwitchProps["showRequiredAsterisk"];
         "size"?: DBSwitchProps["size"];
+        "validMessage"?: DBSwitchProps["validMessage"];
         "validation"?: DBSwitchProps["validation"];
         "value"?: DBSwitchProps["value"];
+        "variant"?: DBSwitchProps["variant"];
         "visualAid"?: DBSwitchProps["visualAid"];
     }
     interface DbTabItem {

package/dist/types/shared/model.d.ts

@@ -308,6 +308,8 @@ export type FormCheckProps = {
 };
 export declare const LabelVariantList: readonly ["above", "floating"];
 export type LabelVariantType = (typeof LabelVariantList)[number];
+export declare const LabelVariantHorizontalList: readonly ["leading", "trailing"];
+export type LabelVariantHorizontalType = (typeof LabelVariantHorizontalList)[number];
 export declare const AutoCompleteList: readonly ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"];
 export type AutoCompleteType = (typeof AutoCompleteList)[number];
 export type FormMessageProps = {

package/dist/types/stencil-public-runtime.d.ts

@@ -338,8 +338,9 @@ export declare function forceUpdate(ref: any): void;
  * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
-export interface HTMLStencilElement extends HTMLElement {
+export interface HTMLStencilElement extends Omit<HTMLElement, 'autocorrect'> {
     componentOnReady(): Promise<this>;
+    autocorrect: 'on' | 'off';
 }
 /**
  * Schedules a DOM-write task. The provided callback will be executed

package/dist/types/utils/index.d.ts

@@ -10,6 +10,16 @@ export type ClassNameArg = string | {
 export declare const cls: (...args: ClassNameArg[]) => string;
 export declare const isArrayOfStrings: (value: unknown) => value is string[];
 export declare const hasVoiceOver: () => boolean;
+/**
+ * Determines if the current browser is Safari running on an iOS device.
+ *
+ * This function checks the user agent string to verify both iOS platform
+ * (iPad, iPhone, or iPod) and Safari browser, excluding other browsers
+ * such as Chrome, Firefox, Opera, and Edge on iOS.
+ *
+ * @returns {boolean} `true` if the browser is Safari on iOS, otherwise `false`.
+ */
+export declare const isIOSSafari: () => boolean;
 export declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
 /**
  * Some frameworks like stencil would not add "true" as value for a prop

package/dist/vscode.html-custom-data.json

@@ -1268,7 +1268,7 @@
           "values": []
         },
         {
-          "name": "aria-list-label",
+          "name": "list-label",
           "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
           "values": []
         },
@@ -2259,6 +2259,45 @@
           "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
           "values": []
         },
+        {
+          "name": "validation",
+          "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+          "values": [
+            { "name": "invalid" },
+            { "name": "valid" },
+            { "name": "no-validation" }
+          ]
+        },
+        {
+          "name": "required",
+          "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+          "values": []
+        },
+        {
+          "name": "message",
+          "description": "Optional helper message for form components",
+          "values": []
+        },
+        {
+          "name": "show-message",
+          "description": "Enables or disables the visibility of the message.",
+          "values": []
+        },
+        {
+          "name": "valid-message",
+          "description": "Helper message for valid form components",
+          "values": []
+        },
+        {
+          "name": "invalid-message",
+          "description": "Helper message for invalid form components",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "Define the radio or checkbox elements checked state",
+          "values": []
+        },
         {
           "name": "visual-aid",
           "description": "Add additional icons to indicate active/inactive state.",
@@ -2275,9 +2314,9 @@
           "values": []
         },
         {
-          "name": "emphasis",
-          "description": "The emphasis attribute divides in between a weak or strong importance.",
-          "values": [{ "name": "weak" }, { "name": "strong" }]
+          "name": "variant",
+          "description": "Change the variant of the label to float or hidden",
+          "values": [{ "name": "above" }, { "name": "floating" }]
         },
         {
           "name": "show-required-asterisk",
@@ -2289,11 +2328,6 @@
           "description": "React specific for adding className to the component.",
           "values": []
         },
-        {
-          "name": "checked",
-          "description": "Define the radio or checkbox elements checked state",
-          "values": []
-        },
         {
           "name": "value",
           "description": "The value property is to receive results from the native form element.",
@@ -2304,25 +2338,11 @@
           "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
           "values": []
         },
-        {
-          "name": "validation",
-          "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
-          "values": [
-            { "name": "invalid" },
-            { "name": "valid" },
-            { "name": "no-validation" }
-          ]
-        },
         {
           "name": "name",
           "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
           "values": []
         },
-        {
-          "name": "required",
-          "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-          "values": []
-        },
         {
           "name": "icon-leading",
           "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
@@ -2342,6 +2362,11 @@
           "name": "label",
           "description": "The label attribute specifies the caption of the form element.",
           "values": []
+        },
+        {
+          "name": "message-icon",
+          "description": "Set/overwrite icon for helper message for form components",
+          "values": [{ "name": "IconTypes" }]
         }
       ],
       "references": []

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@db-ux/wc-core-components",
-  "version": "3.1.20",
+  "version": "4.0.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2217,7 +2217,7 @@
               "value": { "type": "string" }
             },
             {
-              "name": "aria-list-label",
+              "name": "list-label",
               "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
               "value": { "type": "string" }
             },
@@ -2474,7 +2474,7 @@
                 "type": "string"
               },
               {
-                "name": "ariaListLabel",
+                "name": "listLabel",
                 "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
                 "type": "string"
               },
@@ -4380,6 +4380,41 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
+            {
+              "name": "validation",
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
+            },
+            {
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "message",
+              "description": "Optional helper message for form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-message",
+              "description": "Enables or disables the visibility of the message.",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "checked",
+              "description": "Define the radio or checkbox elements checked state",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "visual-aid",
               "description": "Add additional icons to indicate active/inactive state.",
@@ -4396,9 +4431,9 @@
               "value": { "type": "boolean | string" }
             },
             {
-              "name": "emphasis",
-              "description": "The emphasis attribute divides in between a weak or strong importance.",
-              "value": { "type": "\"weak\" | \"strong\"" }
+              "name": "variant",
+              "description": "Change the variant of the label to float or hidden",
+              "value": { "type": "\"above\" | \"floating\"" }
             },
             {
               "name": "show-required-asterisk",
@@ -4410,11 +4445,6 @@
               "description": "React specific for adding className to the component.",
               "value": { "type": "string" }
             },
-            {
-              "name": "checked",
-              "description": "Define the radio or checkbox elements checked state",
-              "value": { "type": "boolean | string" }
-            },
             {
               "name": "value",
               "description": "The value property is to receive results from the native form element.",
@@ -4425,21 +4455,11 @@
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
               "value": { "type": "boolean | string" }
             },
-            {
-              "name": "validation",
-              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
-              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
-            },
             {
               "name": "name",
               "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
               "value": { "type": "string" }
             },
-            {
-              "name": "required",
-              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-              "value": { "type": "boolean | string" }
-            },
             {
               "name": "icon-leading",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
@@ -4459,6 +4479,11 @@
               "name": "label",
               "description": "The label attribute specifies the caption of the form element.",
               "value": { "type": "string" }
+            },
+            {
+              "name": "message-icon",
+              "description": "Set/overwrite icon for helper message for form components",
+              "value": { "type": "IconTypes" }
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
@@ -4483,6 +4508,41 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
+              {
+                "name": "validation",
+                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "type": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              {
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+                "type": "boolean | string"
+              },
+              {
+                "name": "message",
+                "description": "Optional helper message for form components",
+                "type": "string"
+              },
+              {
+                "name": "showMessage",
+                "description": "Enables or disables the visibility of the message.",
+                "type": "boolean | string"
+              },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
+              {
+                "name": "checked",
+                "description": "Define the radio or checkbox elements checked state",
+                "type": "boolean | string"
+              },
               {
                 "name": "visualAid",
                 "description": "Add additional icons to indicate active/inactive state.",
@@ -4499,9 +4559,9 @@
                 "type": "boolean | string"
               },
               {
-                "name": "emphasis",
-                "description": "The emphasis attribute divides in between a weak or strong importance.",
-                "type": "\"weak\" | \"strong\""
+                "name": "variant",
+                "description": "Change the variant of the label to float or hidden",
+                "type": "\"above\" | \"floating\""
               },
               {
                 "name": "showRequiredAsterisk",
@@ -4513,11 +4573,6 @@
                 "description": "React specific for adding className to the component.",
                 "type": "string"
               },
-              {
-                "name": "checked",
-                "description": "Define the radio or checkbox elements checked state",
-                "type": "boolean | string"
-              },
               {
                 "name": "value",
                 "description": "The value property is to receive results from the native form element.",
@@ -4528,21 +4583,11 @@
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
                 "type": "boolean | string"
               },
-              {
-                "name": "validation",
-                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
-                "type": "\"invalid\" | \"valid\" | \"no-validation\""
-              },
               {
                 "name": "name",
                 "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
                 "type": "string"
               },
-              {
-                "name": "required",
-                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-                "type": "boolean | string"
-              },
               {
                 "name": "iconLeading",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
@@ -4563,7 +4608,18 @@
                 "description": "The label attribute specifies the caption of the form element.",
                 "type": "string"
               },
-              { "name": "_id" }
+              {
+                "name": "messageIcon",
+                "description": "Set/overwrite icon for helper message for form components",
+                "type": "IconTypes"
+              },
+              { "name": "_id" },
+              { "name": "_messageId" },
+              { "name": "_validMessageId" },
+              { "name": "_invalidMessageId" },
+              { "name": "_invalidMessage" },
+              { "name": "_descByIds" },
+              { "name": "_voiceOverFallback", "type": "string" }
             ],
             "events": [
               {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/wc-core-components",
-  "version": "3.1.20",
+  "version": "4.0.1",
   "description": "Stencil components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.10.10",
-    "@stencil/core": "4.38.0",
+    "@stencil/core": "4.38.1",
     "cem-plugin-expanded-types": "1.4.0",
     "custom-element-jet-brains-integration": "1.7.0",
     "custom-element-vs-code-integration": "1.5.0",
@@ -47,7 +47,7 @@
   "web-types": "./dist/web-types.json",
   "customElements": "dist/custom-elements.json",
   "dependencies": {
-    "@db-ux/core-components": "3.1.20",
-    "@db-ux/core-foundations": "3.1.20"
+    "@db-ux/core-components": "4.0.1",
+    "@db-ux/core-foundations": "4.0.1"
   }
 }

package/dist/cjs/index-DjV59BYq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DjV59BYq.js","sources":["src/utils/index.ts"],"sourcesContent":["import { ClickEvent, GeneralKeyboardEvent } from '../shared/model';\nexport const uuid = () => {\n  if (typeof window !== 'undefined') {\n    if (window.crypto?.randomUUID) {\n      return window.crypto.randomUUID();\n    } else if (window.crypto?.getRandomValues) {\n      return window.crypto.getRandomValues(new Uint32Array(3)).join('-');\n    }\n  }\n  return Math.random().toString().substring(2);\n};\nexport const addAttributeToChildren = (element: Element, attribute: {\n  key: string;\n  value: string;\n}) => {\n  const children = element.children;\n  Object.values(children).forEach((child: Element) => {\n    child.setAttribute(attribute.key, attribute.value);\n    if (child.children.length > 0) {\n      addAttributeToChildren(child, attribute);\n    }\n  });\n};\nexport type ClassNameArg = string | {\n  [key: string]: boolean | undefined;\n} | undefined;\nexport const cls = (...args: ClassNameArg[]) => {\n  let result = '';\n  for (const arg of args) {\n    if (arg) {\n      if (typeof arg === 'string') {\n        result += `${arg} `;\n      } else {\n        for (const key in arg) {\n          if (arg[key]) {\n            result += `${key} `;\n          }\n        }\n      }\n    }\n  }\n  return result.trim();\n};\nexport const isArrayOfStrings = (value: unknown): value is string[] => Array.isArray(value) && value.every(item => typeof item === 'string');\nconst appleOs = ['Mac', 'iPhone', 'iPad', 'iPod'];\nexport const hasVoiceOver = (): boolean => typeof window !== 'undefined' && appleOs.some(os => window.navigator.userAgent.includes(os));\nexport const delay = (fn: () => void, ms: number) => new Promise(() => setTimeout(fn, ms));\n\n/**\n * Some frameworks like stencil would not add \"true\" as value for a prop\n * if it is used in a framework like angular e.g.: [disabled]=\"myDisabledProp\"\n * @param originBool Some boolean to convert to string\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getBooleanAsString = (originBool?: boolean | string): any => {\n  if (originBool === undefined || originBool === null) return;\n  if (typeof originBool === 'string') {\n    return String(Boolean(originBool));\n  }\n  return String(originBool);\n};\nexport const getBoolean = (originBool?: boolean | string, propertyName?: string): boolean | undefined => {\n  if (originBool === undefined || originBool === null) return;\n  if (typeof originBool === 'string' && propertyName) {\n    return Boolean(propertyName === originBool || originBool);\n  }\n  return Boolean(originBool);\n};\nexport const getNumber = (originNumber?: number | string, alternativeNumber?: number | string): number | undefined => {\n  if ((originNumber === undefined || originNumber === null) && (alternativeNumber === undefined || alternativeNumber === null)) {\n    return;\n  }\n  return Number(originNumber ?? alternativeNumber);\n};\n\n/**\n * Retrieves the input value based on the provided value and input type.\n *\n * If the input type is \"number\" or \"range\", the value is processed as a number.\n * Otherwise, the value is returned as-is.\n *\n * @param value - The input value, which can be a number, string, or undefined.\n * @param inputType - The type of the input, such as \"number\", \"range\", or other string types.\n * @returns The processed input value as a string, number, or undefined.\n */\nexport const getInputValue = (value?: number | string, inputType?: string): string | number | undefined => {\n  return inputType && ['number', 'range'].includes(inputType) ? getNumber(value) : value;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getHideProp = (show?: boolean | string): any => {\n  if (show === undefined || show === null) {\n    return undefined;\n  }\n  return getBooleanAsString(!Boolean(show));\n};\nexport const stringPropVisible = (givenString?: string, showString?: boolean | string) => {\n  if (showString === undefined) {\n    return !!givenString;\n  } else {\n    return Boolean(showString) && Boolean(givenString);\n  }\n};\nexport const getSearchInput = (element: HTMLElement): HTMLInputElement | null => element.querySelector<HTMLInputElement>(`input[type=\"search\"]`);\nexport const getOptionKey = (option: {\n  id?: string;\n  value?: string | number | string[] | undefined;\n}, prefix: string) => {\n  const key = option.id ?? option.value ?? uuid();\n  return `${prefix}${key}`;\n};\nexport const isKeyboardEvent = <T,>(event?: ClickEvent<T> | GeneralKeyboardEvent<T>): event is GeneralKeyboardEvent<T> => (event as GeneralKeyboardEvent<T>).key !== undefined"],"names":[],"mappings":"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"}

package/dist/db-ux/p-07a7eb33.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s}from"./p-Bxi-mtJ7.js";import{g as i,c as a}from"./p-YECpAE3G.js";const o=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const o=s.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);i.removeAttribute(o.name)}if(o&&o.name==="class"){const s=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(o.name,`${n?`${n} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"c126d11d979284931006fa76b2a6a49e396f394c",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-show-icon-leading":i((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{o as db_infotext};
-//# sourceMappingURL=p-07a7eb33.entry.js.map

package/dist/db-ux/p-2c457e48.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as t,F as h}from"./p-Bxi-mtJ7.js";import{l as e,g as a,h as l,f as d,i as n,k as o,a as c}from"./p-DC9V_oNU.js";import{h as u,d as r,s as f,u as v,b,g as p,j as m,c as y}from"./p-YECpAE3G.js";const k=class{constructor(t){i(this,t);this.click=s(this,"click");this.input=s(this,"input");this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._placeholderId="";this._descByIds=undefined;this._value="";this.initialized=false;this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,s,t,h;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((s=this._ref)===null||s===void 0?void 0:s.validationMessage)||e;if(u()){this._voiceOverFallback=this._invalidMessage;r((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((t=this._ref)===null||t===void 0?void 0:t.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(u()){this._voiceOverFallback=(h=this.validMessage)!==null&&h!==void 0?h:o;r((()=>this._voiceOverFallback=""),1e3)}}else if(f(this.message,this.showMessage)){this._descByIds=this._messageId}else if(this.placeholder){this._descByIds=this._placeholderId}else{this._descByIds=undefined}}handleClick(i){if(this.click){this.click.emit(i)}}handleInput(i){if(this.input){this.input.emit(i)}this.handleValidation()}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}getOptionLabel(i){var s,t;return(s=i.label)!==null&&s!==void 0?s:(t=i.value)===null||t===void 0?void 0:t.toString()}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const e=s.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const a=i.getAttribute("class");i.setAttribute(e.name,`${a?`${a} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||e}watch0(){this.watch0Fn()}watch1Fn(){if(this._id&&this.initialized){const i=this._id+d;const s=this._id+n;this._messageId=i;this._validMessageId=this._id+a;this._invalidMessageId=this._id+l;this._placeholderId=s;if(f(this.message,this.showMessage)){this._descByIds=i}else if(this.placeholder){this._descByIds=s}else{this._descByIds=undefined}this.handleValidation();this.initialized=false}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select");this.initialized=true;const s=(i=this.id)!==null&&i!==void 0?i:`select-${v()}`;this._id=s;this._messageId=s+d;this._validMessageId=s+a;this._invalidMessageId=s+l;this._placeholderId=s+n;this._invalidMessage=this.invalidMessage||e;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,s,e,a,l;return t("div",{key:"3c3bb0ec9b5e040323211dc012ae9ef2f18edd28",class:y("db-select",this.className),"data-variant":this.variant,"data-hide-label":m(this.showLabel),"data-hide-asterisk":m(this.showRequiredAsterisk),"data-icon":this.icon,"data-show-icon":p(this.showIcon)},t("label",{key:"42de14ce2de05affc0178480c3b07383c1582d32",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:c),t("select",{key:"6de35614bc8874be81ac0e92897f3ab97f42a93c","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},required:b(this.required,"required"),disabled:b(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:(s=this.value)!==null&&s!==void 0?s:this._value,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":(e=this.ariaDescribedBy)!==null&&e!==void 0?e:this._descByIds},this.variant==="floating"||this.placeholder?t("option",{class:"placeholder",value:""}):null,((a=this.options)===null||a===void 0?void 0:a.length)?(l=this.options)===null||l===void 0?void 0:l.map((i=>{var s;return t(h,null,i.options?t("optgroup",{label:this.getOptionLabel(i),key:undefined},(s=i.options)===null||s===void 0?void 0:s.map((i=>t("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:undefined},this.getOptionLabel(i))))):t("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:undefined},this.getOptionLabel(i)))})):t("slot",null)),this.placeholder?t("span",{class:"db-select-placeholder",id:this._placeholderId},this.placeholder):null,f(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?t("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||o):null,t("db-infotext",{key:"c33aafbbf890e84ba036622a9579e1be2a8be812",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),t("span",{key:"86b74ac1a6764783339bda2d0413f71f1d1cff0a","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],initialized:["watch1"],value:["watch2"]}}};export{k as db_select};
-//# sourceMappingURL=p-2c457e48.entry.js.map

package/dist/db-ux/p-69a7e5f9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s}from"./p-Bxi-mtJ7.js";import{c as i}from"./p-YECpAE3G.js";const a=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const d=s.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const s=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const r=t.getAttribute("class");t.setAttribute(d.name,`${r?`${r} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){return s("div",{key:"0e9bf54bcd77ec1c324eb6300162bbf8c67b8c16",class:i("db-divider",this.className),ref:t=>{this._ref=t},id:this.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider};
-//# sourceMappingURL=p-69a7e5f9.entry.js.map

package/dist/db-ux/p-72bd1665.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,F as a}from"./p-Bxi-mtJ7.js";import{n}from"./p-DC9V_oNU.js";import{u as h,d as e,b as o,g as d,c as l}from"./p-YECpAE3G.js";import{N as r}from"./p-sP2NlPcu.js";import"./p-G-TursYV.js";const c=class{constructor(s){i(this,s);this.click=t(this,"click");this.initialized=false;this.hasAreaPopup=false;this.hasSubNavigation=true;this.isSubNavigationExpanded=false;this.autoClose=false;this.subNavigationId="sub-navigation-"+h();this.navigationItemSafeTriangle=undefined}handleNavigationItemClick(i){var t;if(((t=i===null||i===void 0?void 0:i.target)===null||t===void 0?void 0:t.nodeName)==="A"){this.autoClose=true;void e((()=>{this.autoClose=false}),1e3)}}handleClick(i){if(this.click){i.stopPropagation();this.click.emit(i)}if(this.hasAreaPopup){this.isSubNavigationExpanded=true}}handleBackClick(i){i.stopPropagation();this.isSubNavigationExpanded=false}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const n=t.item(a);if(n&&(n.name.startsWith("data-")||n.name.startsWith("aria-"))){i.setAttribute(n.name,n.value);s.removeAttribute(n.name)}if(n&&n.name==="class"){const t=n.value.includes("hydrated");const a=n.value.replace("hydrated","").trim();const h=i.getAttribute("class");i.setAttribute(n.name,`${h?`${h} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(n.name)}}}}}watch0Fn(){if(this.subNavigationExpanded!==undefined){this.isSubNavigationExpanded=!!o(this.subNavigationExpanded,"subNavigationExpanded")}}watch0(){this.watch0Fn()}watch1Fn(){var i;if(this.initialized&&this._ref){const t=this._ref.querySelector("menu");if(t){if(((i=t.children)===null||i===void 0?void 0:i.length)>0){this.hasAreaPopup=true;if(!this.navigationItemSafeTriangle){this.navigationItemSafeTriangle=new r(this._ref,t)}}else{this.hasSubNavigation=false}}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var i;return s("li",{key:"d00b7b4852a729301d545abaf1a65cd3e0cdcee7",class:l("db-navigation-item",this.className),ref:i=>{this._ref=i},id:this.id,onMouseOver:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.disableFollow()},onMouseMove:i=>{var t;return(t=this.navigationItemSafeTriangle)===null||t===void 0?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-show-icon":d(this.showIcon),"data-active":this.active,"data-wrap":d(this.wrap),"aria-disabled":d(this.disabled)},!this.hasSubNavigation?this.text?this.text:s("slot",null):null,this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button","aria-haspopup":this.hasAreaPopup,"aria-expanded":this.isSubNavigationExpanded,disabled:o(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",null)),s("menu",{class:"db-sub-navigation","data-force-close":this.autoClose,id:this.subNavigationId,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},(i=this.backButtonText)!==null&&i!==void 0?i:n)):null,s("slot",{name:"subNavigation"}))):null)}static get watchers(){return{subNavigationExpanded:["watch0"],initialized:["watch1"],_ref:["watch1"]}}};export{c as db_navigation_item};
-//# sourceMappingURL=p-72bd1665.entry.js.map

package/dist/db-ux/p-90f21d44.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s}from"./p-Bxi-mtJ7.js";import{l as h,g as a,h as e,f as d,k as l,b as n,r,a as c}from"./p-DC9V_oNU.js";import{h as o,d as u,s as f,u as v,e as b,b as m,j as p,c as y}from"./p-YECpAE3G.js";const w=class{constructor(s){i(this,s);this.input=t(this,"input");this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._descByIds=undefined;this._value="";this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,a;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||h;if(o()){this._voiceOverFallback=this._invalidMessage;u((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)){this._descByIds=this._validMessageId;if(o()){this._voiceOverFallback=(a=this.validMessage)!==null&&a!==void 0?a:l;u((()=>this._voiceOverFallback=""),1e3)}}else if(f(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=undefined}}handleInput(i){if(this.input){this.input.emit(i)}this.handleValidation()}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const t=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+d;this._messageId=i;this._validMessageId=this._id+a;this._invalidMessageId=this._id+e;if(f(this.message,this.showMessage)){this._descByIds=i}this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-textarea");const t=(i=this.id)!==null&&i!==void 0?i:`textarea-${v()}`;this._id=t;this._messageId=t+d;this._validMessageId=t+a;this._invalidMessageId=t+e;this._invalidMessage=this.invalidMessage||h;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,t,h,a,e;return s("div",{key:"987c1133ee1ad412b77c27c5fc77735548bb4470",class:y("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":p(this.showRequiredAsterisk),"data-hide-label":p(this.showLabel)},s("label",{key:"e487aa66097f32caaf8cb5dd4c63ca1a9d67f37d",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:c),s("textarea",{key:"69434958df4127fe56b66df8bf57ee8b2d3e78ce","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,"data-hide-resizer":p((t=this.showResizer)!==null&&t!==void 0?t:true),disabled:m(this.disabled,"disabled"),required:m(this.required,"required"),readOnly:m(this.readOnly,"readOnly")||m(this.readonly,"readonly"),form:this.form,maxLength:b(this.maxLength,this.maxlength),minLength:b(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:(h=this.value)!==null&&h!==void 0?h:this._value,"aria-describedby":(a=this.ariaDescribedBy)!==null&&a!==void 0?a:this._descByIds,placeholder:(e=this.placeholder)!==null&&e!==void 0?e:n,rows:b(this.rows,r),cols:b(this.cols)}),f(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||l):null,s("db-infotext",{key:"e1ae4a692e1e3a115354185b0b712bfcb5c2238e",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"1190dd7dbb597fb65cd0d83cc4770c5d5f11af27","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};export{w as db_textarea};
-//# sourceMappingURL=p-90f21d44.entry.js.map

package/dist/db-ux/p-950bf6ab.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i}from"./p-Bxi-mtJ7.js";import{g as a,b as e,c,u as d}from"./p-YECpAE3G.js";import{D as h}from"./p-DC9V_oNU.js";const n=class{constructor(i){t(this,i);this.change=s(this,"change");this._selected=false;this._name=undefined;this.initialized=false}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,i)=>{t.call(this._ref,s,i);if(s==="name"){this._name=i}}}}handleChange(t){var s;t.stopPropagation();if(this.change){this.change.emit(t)}const i=(s=t.target)===null||s===void 0?void 0:s["checked"];this._selected=a(i)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){if(this.initialized&&this._ref){if(this.active){this._ref.click()}this.initialized=false}}watch0(){this.watch0Fn()}watch1Fn(){if(this.name){this._name=this.name}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var t,s;return i("li",{key:"783a7b85f5d5c48bc86890a70e0f7ba497c78357",class:c("db-tab-item",this.className),role:"none"},i("label",{key:"1691dfe198cbbfc943ee15e8a98a5bfa8d2c38c9",htmlFor:this.id,"data-icon":(t=this.iconLeading)!==null&&t!==void 0?t:this.icon,"data-icon-trailing":this.iconTrailing,"data-show-icon":a((s=this.showIconLeading)!==null&&s!==void 0?s:this.showIcon),"data-show-icon-trailing":a(this.showIconTrailing),"data-no-text":a(this.noText)},i("input",{key:"c84dbf7eecd6fca414d44f99789f31e7343be32a",type:"radio",role:"tab",disabled:e(this.disabled,"disabled"),"aria-selected":this._selected,checked:e(this.checked,"checked"),ref:t=>{this._ref=t},name:this._name,id:this.id,onInput:t=>this.handleChange(t)}),this.label?this.label:null,i("slot",{key:"c18d88865dc6cb537ce846d7eb290cfc6408be88"})))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"],name:["watch1"]}}};const o=class{constructor(s){t(this,s);this._id=h}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list");this._id=this.id||"tab-list-"+d()}render(){return i("div",{key:"d65855c3e219394e145bb6472be44efd8ad2f5c6",class:c("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},i("ul",{key:"df0a48deba8650387cf824fd339094ab5a8afd32",role:"tablist"},i("slot",{key:"56597cc2c3b344fdf4c9be7784a6b57b6f3b1f7e"})))}};const l=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return i("section",{key:"e2118080ba0bc2b7cecd50029131ca3faeb77a36",class:c("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id},this.content?this.content:null,i("slot",{key:"2b4cb8605b0dcd313f5dfb2aeac063074b0249ae"}))}};export{n as db_tab_item,o as db_tab_list,l as db_tab_panel};
-//# sourceMappingURL=p-950bf6ab.entry.js.map