@sebgroup/green-core 1.0.2 → 1.1.0

package/generated/locales/sv.d.ts

@@ -1,5 +1,6 @@
 export declare const templates: {
     s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
+    s5e8250fb85d64c23: string;
     sd898d99fd9c13de6: string;
 };

package/index.js

@@ -9,9 +9,9 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
-var __accessCheck = (obj, member, msg2) => {
+var __accessCheck = (obj, member, msg3) => {
   if (!member.has(obj))
-    throw TypeError("Cannot " + msg2);
+    throw TypeError("Cannot " + msg3);
 };
 var __privateGet = (obj, member, getter) => {
   __accessCheck(obj, member, "read from private field");
@@ -38,7 +38,7 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when as when2 } from "lit/directives/when.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef as createRef3, ref as ref3 } from "lit/directives/ref.js";
-import { msg, str, updateWhenLocaleChanges } from "@lit/localize";
+import { msg as msg2, str, updateWhenLocaleChanges } from "@lit/localize";
 import "reflect-metadata";
 
 // libs/core/src/utils/helpers/constrain-slots.ts
@@ -143,7 +143,7 @@ function watchMediaQuery(q) {
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-59cf5d";
+var VER_SUFFIX = "-0863bc";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {
@@ -559,6 +559,7 @@ GdsListbox = __decorateClass([
 // libs/core/src/primitives/popover/popover.ts
 import { LitElement as LitElement3, html as html3, unsafeCSS as unsafeCSS3 } from "lit";
 import { property as property3 } from "lit/decorators.js";
+import { msg } from "@lit/localize";
 import { createRef as createRef2, ref as ref2 } from "lit/directives/ref.js";
 import { computePosition, autoUpdate, offset, flip } from "@floating-ui/dom";
 
@@ -804,7 +805,11 @@ var GdsPopover = class extends LitElement3 {
     return html3`<dialog ${ref2(__privateGet(this, _dialogElementRef))}>
       <header>
         <h2>${this.label}</h2>
-        <button class="close" @click=${__privateGet(this, _handleCloseButton)}>
+        <button
+          class="close"
+          @click=${__privateGet(this, _handleCloseButton)}
+          aria-label="${msg("Close")}"
+        >
           <i></i>
         </button>
       </header>
@@ -1156,7 +1161,7 @@ var GdsDropdown = class extends GdsFormControlElement {
   get displayValue() {
     let displayValue;
     if (Array.isArray(this.value)) {
-      this.value.length > 2 ? displayValue = msg(str`${this.value.length} selected`) : displayValue = this.value.reduce(
+      this.value.length > 2 ? displayValue = msg2(str`${this.value.length} selected`) : displayValue = this.value.reduce(
         (acc, cur) => acc + this.options.find((v) => v.value === cur)?.innerHTML + ", ",
         ""
       ).slice(0, -2);
@@ -1201,8 +1206,8 @@ var GdsDropdown = class extends GdsFormControlElement {
       this.searchable,
       () => html`<input
             type="text"
-            aria-label="${msg("Filter available options")}"
-            placeholder="${msg("Search")}"
+            aria-label="${msg2("Filter available options")}"
+            placeholder="${msg2("Search")}"
             ${ref3(__privateGet(this, _searchInputRef))}
             @keydown=${__privateGet(this, _handleSearchFieldKeyDown)}
             @keyup=${__privateGet(this, _handleSearchFieldKeyUp)}

package/localization.d.ts

@@ -1 +1 @@
-export * from './utils/localization';
+export * from './utils/localization/localization';

package/localization.js

@@ -4,7 +4,7 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// libs/core/src/utils/localization.ts
+// libs/core/src/utils/localization/localization.ts
 import { configureLocalization } from "@lit/localize";
 
 // libs/core/src/generated/locale-codes.ts
@@ -22,23 +22,36 @@ import { str } from "@lit/localize";
 var templates = {
   "s58bfb494feb8eb02": str`${0} valda`,
   "s5d929ff1619ac0c9": `S\xF6k`,
+  "s5e8250fb85d64c23": `St\xE4ng`,
   "sd898d99fd9c13de6": `S\xF6k i listan av val`
 };
 
-// libs/core/src/utils/localization.ts
+// libs/core/src/utils/localization/localization.ts
 var localizedTemplates = /* @__PURE__ */ new Map([["sv", sv_exports]]);
-var { getLocale, setLocale } = configureLocalization({
-  sourceLocale,
-  targetLocales,
-  loadLocale: async (locale) => {
-    const localModule = localizedTemplates.get(locale);
-    if (localModule) {
-      return localModule;
-    }
-    return Promise.reject(new Error(`Locale ${locale} not found`));
+var gdsInitLocalization = ({ extraLocales, extraTemplates } = {
+  extraLocales: [],
+  extraTemplates: /* @__PURE__ */ new Map()
+}) => {
+  const _targetLocales = [...targetLocales];
+  for (const [locale, template] of extraTemplates) {
+    localizedTemplates.set(locale, template);
   }
-});
+  for (const locale of extraLocales) {
+    _targetLocales.push(locale);
+  }
+  return configureLocalization({
+    sourceLocale,
+    targetLocales: _targetLocales,
+    loadLocale: async (locale) => {
+      const localModule = localizedTemplates.get(locale);
+      if (localModule) {
+        return localModule;
+      }
+      return Promise.reject(new Error(`Locale ${locale} not found`));
+    }
+  });
+};
 export {
-  getLocale,
-  setLocale
+  gdsInitLocalization,
+  targetLocales
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/transitional-styles.js

@@ -5668,6 +5668,7 @@ button {
   max-width: 100%;
   font-size: inherit;
   font-weight: normal;
+  line-height: 1.125;
   margin-bottom: 0.5rem;
   margin-top: 0.5rem;
   width: 100%;
@@ -5796,7 +5797,7 @@ function register3() {
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-59cf5d";
+var VER_SUFFIX = "-0863bc";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var templateCache = /* @__PURE__ */ new WeakMap();
 function applyElementScoping(strings, ...values) {

package/utils/localization/localization.d.ts

@@ -0,0 +1,26 @@
+import { targetLocales } from '../../generated/locale-codes';
+import * as templates_sv from '../../generated/locales/sv';
+declare const localizedTemplates: Map<string, typeof templates_sv>;
+declare type LocalizationConfig = {
+    extraLocales: string[];
+    extraTemplates: typeof localizedTemplates;
+};
+/**
+ * A list of available built-in locales
+ */
+export { targetLocales };
+/**
+ * Initializes localization for Green Core. This is a wrapper around Lit's `configureLocalization`,
+ * which adds the ability to add extra locales and templates.
+ *
+ * @param extraLocales - Extra locales to add to the list of target locales
+ * @param extraTemplates - Extra templates to add to the list of localized templates
+ */
+export declare const gdsInitLocalization: ({ extraLocales, extraTemplates }?: LocalizationConfig) => {
+    getLocale: (() => string) & {
+        _LIT_LOCALIZE_GET_LOCALE_?: undefined;
+    };
+    setLocale: ((newLocale: string) => Promise<void>) & {
+        _LIT_LOCALIZE_SET_LOCALE_?: undefined;
+    };
+};

package/utils/localization.d.ts

@@ -1,5 +0,0 @@
-export declare const getLocale: (() => string) & {
-    _LIT_LOCALIZE_GET_LOCALE_?: undefined;
-}, setLocale: ((newLocale: string) => Promise<void>) & {
-    _LIT_LOCALIZE_SET_LOCALE_?: undefined;
-};