@sebgroup/green-core 1.0.3 → 1.1.1

package/index.js

@@ -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 = "-0c50fd";
+var VER_SUFFIX = "-2ca105";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

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
@@ -26,20 +26,32 @@ var templates = {
   "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.3",
+  "version": "1.1.1",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/transitional-styles.js

@@ -5602,6 +5602,17 @@ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner
   clip-path: inset(1px 0 0 0);
 }
 
+::slotted([slot=trigger]) {
+  overflow: hidden;
+}
+
+slot[name=trigger] > span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+}
+
 .form-info {
   color: var(--text-primary-color);
   display: block;
@@ -5797,7 +5808,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 = "-0c50fd";
+var VER_SUFFIX = "-2ca105";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var templateCache = /* @__PURE__ */ new WeakMap();
 function applyElementScoping(strings, ...values) {

package/utils/helpers/custom-element-scoping.d.ts

@@ -71,9 +71,7 @@ export declare const VER_SUFFIX = "-gdsvsuffix";
  * @category Decorator
  * @param tagName The tag name of the custom element to define.
  */
-export declare const gdsCustomElement: (tagName: string) => (classOrDescriptor: {
-    prototype: HTMLElement;
-} | import("@lit/reactive-element/decorators/base").ClassDescriptor) => any;
+export declare const gdsCustomElement: (tagName: string) => import("lit/decorators.js").CustomElementDecorator;
 /**
  * Template tag factory that creates a new template tag, which rewrites all custom element names from the
  * lookup table to include the version suffix, and then passes the template on to the provided template tag.

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;
-};