@limetech/lime-elements 40.23.0 → 40.25.0

package/dist/types/components.d.ts

@@ -16,7 +16,7 @@ import { Button } from "./components/button/button.types";
 import { CalloutType } from "./components/callout/callout.types";
 import { Image } from "./global/shared-types/image.types";
 import { ListSeparator as ListSeparator1 } from "./global/shared-types/separator.types";
-import { ChartItem, ChartType, ChartValueFormat } from "./components/chart/chart.types";
+import { ChartItem, ChartSeries, ChartType, ChartValueFormat } from "./components/chart/chart.types";
 import { Label, LabelValue } from "./components/dynamic-label/label.types";
 import { Link } from "./global/shared-types/link.types";
 import { Chip, ChipType } from "./components/chip-set/chip.types";
@@ -68,7 +68,7 @@ export { Button } from "./components/button/button.types";
 export { CalloutType } from "./components/callout/callout.types";
 export { Image } from "./global/shared-types/image.types";
 export { ListSeparator as ListSeparator1 } from "./global/shared-types/separator.types";
-export { ChartItem, ChartType, ChartValueFormat } from "./components/chart/chart.types";
+export { ChartItem, ChartSeries, ChartType, ChartValueFormat } from "./components/chart/chart.types";
 export { Label, LabelValue } from "./components/dynamic-label/label.types";
 export { Link } from "./global/shared-types/link.types";
 export { Chip, ChipType } from "./components/chip-set/chip.types";
@@ -528,8 +528,6 @@ export namespace Components {
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
-     * @exampleComponent limel-example-chart-value-format
-     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -545,9 +543,13 @@ export namespace Components {
      * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
      * @exampleComponent limel-example-chart-type-scatter-negative
      * @exampleComponent limel-example-chart-axis-increment
+     * @exampleComponent limel-example-chart-value-format
+     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
      * @exampleComponent limel-example-chart-axis-labels
+     * @exampleComponent limel-example-chart-series
+     * @exampleComponent limel-example-chart-series-stacked
      * @exampleComponent limel-example-chart-styling
      * @beta 
      */
@@ -561,7 +563,7 @@ export namespace Components {
          */
         "accessibleLabel"?: string;
         /**
-          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language.
+          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language. In a chart with series, the series name the columns of values, and this label, when it is set, heads them all.
          */
         "accessibleValuesLabel"?: string;
         /**
@@ -595,7 +597,7 @@ export namespace Components {
         /**
           * List of items in the chart, each representing a data point.
          */
-        "items": ChartItem[];
+        "items"?: ChartItem[];
         /**
           * Defines the language for translations, and for the way values are written, such as `1 234,5` in Swedish.
           * @default 'en'
@@ -615,6 +617,15 @@ export namespace Components {
           * @default 'landscape'
          */
         "orientation"?: 'landscape' | 'portrait';
+        /**
+          * Groups of items that are drawn side by side, each in a color of its own, such as the revenue and the costs of each month. Items of different series that have the same `text` are drawn together, at the same place on the axis. When there are two series or more, a legend names them.  `bar`, `dot`, `line`, and `area` charts draw `series` instead of `items`. Other types draw `items`, or the items of the first series when `items` is not set.
+         */
+        "series"?: ChartSeries[];
+        /**
+          * Stacks the `series` on each other, so that each place on the axis shows their total, such as the revenue of each product, which adds up to the revenue of the month. Positive and negative values are stacked on their own side of zero, and a range adds its extent to the stack. Applies to `bar`, `line`, and `area` charts, but not when `valueFormat` is `date`.
+          * @default false
+         */
+        "stacked": boolean;
         /**
           * Defines how items are visualized in the chart. `stacked-bar` is the old name of `proportion-bar`. It still works, but logs a warning.
           * @default 'proportion-bar'
@@ -1354,6 +1365,7 @@ export namespace Components {
      * @exampleComponent limel-example-date-picker-programmatic-change
      * @exampleComponent limel-example-date-picker-composite
      * @exampleComponent limel-example-date-picker-custom-formatter
+     * @exampleComponent limel-example-date-picker-typed-input
      */
     interface LimelDatePicker {
         /**
@@ -1366,15 +1378,15 @@ export namespace Components {
          */
         "format": string;
         /**
-          * Custom formatting function. Will be used for date formatting.  :::note overrides `format` and `language` :::
+          * Custom formatting function. Will be used for date formatting.  :::note overrides `format` and `language`. A date can only be typed into the field when `format` is set as well, to the pattern your `formatter` produces. Typed text is parsed with `format` and `language`, and the field shows the value in `format` while it is being edited. :::
          */
         "formatter"?: (date: Date) => string;
         /**
-          * Optional helper text to display below the input field when it has focus. Screen readers read it as the description of the field, so use it for what the user needs to know, such as the format of the value or a requirement.
+          * Optional helper text to display below the input field when it has focus. Screen readers read it as the description of the field, so use it for what the user needs to know, such as the format of the value or a requirement.  While the typed text is not a valid date, an error with an example of the expected format is shown instead.
          */
         "helperText": string;
         /**
-          * Set to `true` to indicate that the current value of the date picker is invalid.
+          * Set to `true` to indicate that the current value of the date picker is invalid. Typed text that is not a valid date is flagged by the component itself, whatever this is set to.
           * @default false
          */
         "invalid": boolean;
@@ -1847,13 +1859,17 @@ export namespace Components {
      * @private 
      */
     interface LimelFlatpickrAdapter {
+        /**
+          * Moves focus to the selected day, else today, else the first day of the month.
+          * @returns `false` when the calendar has no day grid
+         */
+        "focusDay": () => Promise<boolean>;
         /**
           * Format to display the selected date in.
          */
         "format": string;
-        "formatter": (date: Date) => string;
         /**
-          * The native input element to use with flatpickr.
+          * The input the user types into. Setting it creates the calendar.
          */
         "inputElement": HTMLElement;
         /**
@@ -1865,6 +1881,10 @@ export namespace Components {
           * @default 'en'
          */
         "language": Languages;
+        /**
+          * Shown as selected instead of `value` while set.
+         */
+        "previewValue"?: Date;
         /**
           * Type of date picker.
           * @default 'datetime'
@@ -5006,8 +5026,6 @@ declare global {
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
-     * @exampleComponent limel-example-chart-value-format
-     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -5023,9 +5041,13 @@ declare global {
      * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
      * @exampleComponent limel-example-chart-type-scatter-negative
      * @exampleComponent limel-example-chart-axis-increment
+     * @exampleComponent limel-example-chart-value-format
+     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
      * @exampleComponent limel-example-chart-axis-labels
+     * @exampleComponent limel-example-chart-series
+     * @exampleComponent limel-example-chart-series-stacked
      * @exampleComponent limel-example-chart-styling
      * @beta 
      */
@@ -5379,6 +5401,7 @@ declare global {
     };
     interface HTMLLimelDatePickerElementEventMap {
         "change": Date;
+        "invalidInput": string | null;
     }
     /**
      * @exampleComponent limel-example-date-picker-datetime
@@ -5392,6 +5415,7 @@ declare global {
      * @exampleComponent limel-example-date-picker-programmatic-change
      * @exampleComponent limel-example-date-picker-composite
      * @exampleComponent limel-example-date-picker-custom-formatter
+     * @exampleComponent limel-example-date-picker-typed-input
      */
     interface HTMLLimelDatePickerElement extends Components.LimelDatePicker, HTMLStencilElement {
         addEventListener<K extends keyof HTMLLimelDatePickerElementEventMap>(type: K, listener: (this: HTMLLimelDatePickerElement, ev: LimelDatePickerCustomEvent<HTMLLimelDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -7782,8 +7806,6 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
-     * @exampleComponent limel-example-chart-value-format
-     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -7799,9 +7821,13 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
      * @exampleComponent limel-example-chart-type-scatter-negative
      * @exampleComponent limel-example-chart-axis-increment
+     * @exampleComponent limel-example-chart-value-format
+     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
      * @exampleComponent limel-example-chart-axis-labels
+     * @exampleComponent limel-example-chart-series
+     * @exampleComponent limel-example-chart-series-stacked
      * @exampleComponent limel-example-chart-styling
      * @beta 
      */
@@ -7815,7 +7841,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabel"?: string;
         /**
-          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language.
+          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language. In a chart with series, the series name the columns of values, and this label, when it is set, heads them all.
          */
         "accessibleValuesLabel"?: string;
         /**
@@ -7849,7 +7875,7 @@ declare namespace LocalJSX {
         /**
           * List of items in the chart, each representing a data point.
          */
-        "items": ChartItem[];
+        "items"?: ChartItem[];
         /**
           * Defines the language for translations, and for the way values are written, such as `1 234,5` in Swedish.
           * @default 'en'
@@ -7865,7 +7891,7 @@ declare namespace LocalJSX {
          */
         "maxValue"?: number;
         /**
-          * Fired when a chart item with `clickable` set to `true` is clicked
+          * Fired when a chart item with `clickable` set to `true` is clicked. The detail is the item itself, the same object as in `items` or in `series`, so a chart with series can tell which series the item belongs to by comparing it with the items of each series.
          */
         "onInteract"?: (event: LimelChartCustomEvent<ChartItem>) => void;
         /**
@@ -7873,6 +7899,15 @@ declare namespace LocalJSX {
           * @default 'landscape'
          */
         "orientation"?: 'landscape' | 'portrait';
+        /**
+          * Groups of items that are drawn side by side, each in a color of its own, such as the revenue and the costs of each month. Items of different series that have the same `text` are drawn together, at the same place on the axis. When there are two series or more, a legend names them.  `bar`, `dot`, `line`, and `area` charts draw `series` instead of `items`. Other types draw `items`, or the items of the first series when `items` is not set.
+         */
+        "series"?: ChartSeries[];
+        /**
+          * Stacks the `series` on each other, so that each place on the axis shows their total, such as the revenue of each product, which adds up to the revenue of the month. Positive and negative values are stacked on their own side of zero, and a range adds its extent to the stack. Applies to `bar`, `line`, and `area` charts, but not when `valueFormat` is `date`.
+          * @default false
+         */
+        "stacked"?: boolean;
         /**
           * Defines how items are visualized in the chart. `stacked-bar` is the old name of `proportion-bar`. It still works, but logs a warning.
           * @default 'proportion-bar'
@@ -8652,6 +8687,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-date-picker-programmatic-change
      * @exampleComponent limel-example-date-picker-composite
      * @exampleComponent limel-example-date-picker-custom-formatter
+     * @exampleComponent limel-example-date-picker-typed-input
      */
     interface LimelDatePicker {
         /**
@@ -8664,15 +8700,15 @@ declare namespace LocalJSX {
          */
         "format"?: string;
         /**
-          * Custom formatting function. Will be used for date formatting.  :::note overrides `format` and `language` :::
+          * Custom formatting function. Will be used for date formatting.  :::note overrides `format` and `language`. A date can only be typed into the field when `format` is set as well, to the pattern your `formatter` produces. Typed text is parsed with `format` and `language`, and the field shows the value in `format` while it is being edited. :::
          */
         "formatter"?: (date: Date) => string;
         /**
-          * Optional helper text to display below the input field when it has focus. Screen readers read it as the description of the field, so use it for what the user needs to know, such as the format of the value or a requirement.
+          * Optional helper text to display below the input field when it has focus. Screen readers read it as the description of the field, so use it for what the user needs to know, such as the format of the value or a requirement.  While the typed text is not a valid date, an error with an example of the expected format is shown instead.
          */
         "helperText"?: string;
         /**
-          * Set to `true` to indicate that the current value of the date picker is invalid.
+          * Set to `true` to indicate that the current value of the date picker is invalid. Typed text that is not a valid date is flagged by the component itself, whatever this is set to.
           * @default false
          */
         "invalid"?: boolean;
@@ -8686,9 +8722,13 @@ declare namespace LocalJSX {
          */
         "language"?: Languages;
         /**
-          * Emitted when the date picker value is changed.
+          * Emitted when a typed date is committed (on blur or `Enter`), when a date is picked in the calendar, and with `null` when the field is cleared. Typed text that is not a valid date is not emitted, so `value` keeps the last valid date, and `invalidInput` is emitted instead.  A two-digit year is read as a full year, so `1/24/20` is 2020.
          */
         "onChange"?: (event: LimelDatePickerCustomEvent<Date>) => void;
+        /**
+          * Emitted with the error message when typed text that is not a valid date is committed, and with `null` when the field no longer holds such text.
+         */
+        "onInvalidInput"?: (event: LimelDatePickerCustomEvent<string | null>) => void;
         /**
           * A hint about what to type, such as an example or the format of the value. It is shown inside the field when the field is focused and empty, but not on iOS and Android, where the native date picker is used.  Do not use it instead of a `label`, and do not put anything in it that the user needs to know. It disappears when the user starts to type, and some screen readers do not read it. Use `helperText` for that.
          */
@@ -9214,9 +9254,8 @@ declare namespace LocalJSX {
           * Format to display the selected date in.
          */
         "format"?: string;
-        "formatter": (date: Date) => string;
         /**
-          * The native input element to use with flatpickr.
+          * The input the user types into. Setting it creates the calendar.
          */
         "inputElement"?: HTMLElement;
         /**
@@ -9232,6 +9271,10 @@ declare namespace LocalJSX {
           * Emitted when the date picker value is changed.
          */
         "onChange"?: (event: LimelFlatpickrAdapterCustomEvent<Date>) => void;
+        /**
+          * Shown as selected instead of `value` while set.
+         */
+        "previewValue"?: Date;
         /**
           * Type of date picker.
           * @default 'datetime'
@@ -12120,6 +12163,7 @@ declare namespace LocalJSX {
         "displayItemText": boolean;
         "displayItemValue": boolean;
         "displayItemPercentage": boolean;
+        "stacked": boolean;
         "type": ChartType;
         "orientation": 'landscape' | 'portrait';
         "maxValue": number;
@@ -13009,8 +13053,6 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-chart-orientation
              * @exampleComponent limel-example-chart-max-value
              * @exampleComponent limel-example-chart-display-item-percentage
-             * @exampleComponent limel-example-chart-value-format
-             * @exampleComponent limel-example-chart-value-format-date
              * @exampleComponent limel-example-chart-type-bar
              * @exampleComponent limel-example-chart-type-dot
              * @exampleComponent limel-example-chart-type-area
@@ -13026,9 +13068,13 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
              * @exampleComponent limel-example-chart-type-scatter-negative
              * @exampleComponent limel-example-chart-axis-increment
+             * @exampleComponent limel-example-chart-value-format
+             * @exampleComponent limel-example-chart-value-format-date
              * @exampleComponent limel-example-chart-clickable-items
              * @exampleComponent limel-example-chart-accessibility
              * @exampleComponent limel-example-chart-axis-labels
+             * @exampleComponent limel-example-chart-series
+             * @exampleComponent limel-example-chart-series-stacked
              * @exampleComponent limel-example-chart-styling
              * @beta 
              */
@@ -13245,6 +13291,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-date-picker-programmatic-change
              * @exampleComponent limel-example-date-picker-composite
              * @exampleComponent limel-example-date-picker-custom-formatter
+             * @exampleComponent limel-example-date-picker-typed-input
              */
             "limel-date-picker": LocalJSX.IntrinsicElements["limel-date-picker"] & JSXBase.HTMLAttributes<HTMLLimelDatePickerElement>;
             /**

package/dist/types/translations/da.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/dist/types/translations/de.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/dist/types/translations/en.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/dist/types/translations/fi.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/dist/types/translations/fr.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/dist/types/translations/nl.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/dist/types/translations/no.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/dist/types/translations/sv.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
     'date-picker.month.heading': string;
     'date-picker.quarter.heading': string;
     'date-picker.year.heading': string;
+    'date-picker.invalid-format': string;
+    'date-picker.invalid-time-format': string;
     'drag-handle.drag-handle': string;
     'drag-handle.drag-to-reorder': string;
     'resize-handle.resize': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "40.23.0",
+  "version": "40.25.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -55,7 +55,7 @@
     "@commitlint/cli": "^21.2.4",
     "@commitlint/config-conventional": "^21.2.4",
     "@limetech/eslint-config": "^5.0.3",
-    "@microsoft/api-extractor": "^7.60.0",
+    "@microsoft/api-extractor": "^7.60.1",
     "@playwright/test": "1.64.1",
     "@popperjs/core": "^2.11.8",
     "@rjsf/core": "^6.11.0",
@@ -80,7 +80,7 @@
     "eslint": "^10.14.0",
     "flatpickr": "^4.6.13",
     "glob": "^14.0.3",
-    "globals": "^17.13.0",
+    "globals": "^17.14.0",
     "hast-util-from-dom": "^5.0.1",
     "hast-util-to-mdast": "^10.1.2",
     "html-escaper": "^3.0.3",

package/dist/cjs/language-s0bKUCvO.js

@@ -1,58 +0,0 @@
-'use strict';
-
-/**
- * Reduce a language to the primary subtag that our language maps are keyed by.
- *
- * A `language` prop is typed, but a custom element takes whatever string an
- * attribute carries — commonly a full BCP 47 tag such as `nb-NO`, since a host
- * application often derives the language from `document.documentElement.lang`.
- * Anything that is not a string must resolve rather than throw, so that an
- * unexpected value can never break a component's render.
- *
- * Examples:
- *  - "nb" => "nb"
- *  - "nb-NO" => "nb"
- *  - "SV-SE" => "sv"
- *  - undefined => ""
- *
- * @param language - the language to reduce
- * @returns the lower-cased primary subtag, or an empty string
- */
-function getPrimarySubtag(language) {
-    if (typeof language !== 'string') {
-        return '';
-    }
-    return language.toLowerCase().split('-', 1)[0];
-}
-/**
- * The locale that `Intl` writes numbers and dates in for `language`, or
- * `undefined` when it cannot write in that language. `Intl` throws on a
- * tag it cannot read, such as `sv_SE`, and quietly uses the viewer's own
- * locale for one it does not know, such as `zz`. A component that writes in
- * its `language` while it renders checks it here, and falls back to English
- * when this gives `undefined`.
- *
- * Examples:
- *  - "sv" => "sv"
- *  - "SV-se" => "sv-SE"
- *  - "sv_SE" => undefined
- *  - "zz" => undefined
- *  - undefined => undefined
- *
- * @param language - the language to write in
- * @returns the locale, or `undefined`
- */
-function getSupportedLocale(language) {
-    if (typeof language !== 'string') {
-        return;
-    }
-    try {
-        return Intl.NumberFormat.supportedLocalesOf(language)[0];
-    }
-    catch (_a) {
-        return;
-    }
-}
-
-exports.getPrimarySubtag = getPrimarySubtag;
-exports.getSupportedLocale = getSupportedLocale;

package/dist/esm/language-VamkUr90.js

@@ -1,55 +0,0 @@
-/**
- * Reduce a language to the primary subtag that our language maps are keyed by.
- *
- * A `language` prop is typed, but a custom element takes whatever string an
- * attribute carries — commonly a full BCP 47 tag such as `nb-NO`, since a host
- * application often derives the language from `document.documentElement.lang`.
- * Anything that is not a string must resolve rather than throw, so that an
- * unexpected value can never break a component's render.
- *
- * Examples:
- *  - "nb" => "nb"
- *  - "nb-NO" => "nb"
- *  - "SV-SE" => "sv"
- *  - undefined => ""
- *
- * @param language - the language to reduce
- * @returns the lower-cased primary subtag, or an empty string
- */
-function getPrimarySubtag(language) {
-    if (typeof language !== 'string') {
-        return '';
-    }
-    return language.toLowerCase().split('-', 1)[0];
-}
-/**
- * The locale that `Intl` writes numbers and dates in for `language`, or
- * `undefined` when it cannot write in that language. `Intl` throws on a
- * tag it cannot read, such as `sv_SE`, and quietly uses the viewer's own
- * locale for one it does not know, such as `zz`. A component that writes in
- * its `language` while it renders checks it here, and falls back to English
- * when this gives `undefined`.
- *
- * Examples:
- *  - "sv" => "sv"
- *  - "SV-se" => "sv-SE"
- *  - "sv_SE" => undefined
- *  - "zz" => undefined
- *  - undefined => undefined
- *
- * @param language - the language to write in
- * @returns the locale, or `undefined`
- */
-function getSupportedLocale(language) {
-    if (typeof language !== 'string') {
-        return;
-    }
-    try {
-        return Intl.NumberFormat.supportedLocalesOf(language)[0];
-    }
-    catch (_a) {
-        return;
-    }
-}
-
-export { getPrimarySubtag as a, getSupportedLocale as g };