@sebgroup/green-core 1.0.0-beta.10

package/localization.d.ts

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

package/localization.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// libs/core/src/utils/localization.ts
+import { configureLocalization } from "@lit/localize";
+
+// libs/core/src/generated/locale-codes.ts
+var sourceLocale = `en`;
+var targetLocales = [
+  `sv`
+];
+
+// libs/core/src/generated/locales/sv.ts
+var sv_exports = {};
+__export(sv_exports, {
+  templates: () => templates
+});
+import { str } from "@lit/localize";
+var templates = {
+  "s58bfb494feb8eb02": str`${0} valda`,
+  "s5d929ff1619ac0c9": `S\xF6k`,
+  "sd898d99fd9c13de6": `S\xF6k i listan av val`
+};
+
+// libs/core/src/utils/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`));
+  }
+});
+export {
+  getLocale,
+  setLocale
+};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@sebgroup/green-core",
+  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
+  "version": "1.0.0-beta.10",
+  "main": "index.js",
+  "module": "index.js",
+  "type": "module",
+  "author": "SEB Open Source <opensource@seb.se> (https://github.com/sebgroup)",
+  "contributors": [],
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/sebgroup/green/"
+  },
+  "homepage": "https://sebgroup.github.io/green/latest/core/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sebgroup/green.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.5.3",
+    "@lit/localize": "^0.11.4",
+    "lit": "^2.8.0",
+    "reflect-metadata": "^0.1.13"
+  },
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./transitional-styles": {
+      "types": "./transitional-styles.d.ts",
+      "default": "./transitional-styles.js"
+    },
+    "./localization": {
+      "types": "./localization.d.ts",
+      "default": "./localization.js"
+    }
+  }
+}

package/primitives/listbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './listbox';
+export * from './option';

package/primitives/listbox/listbox.d.ts

@@ -0,0 +1,53 @@
+import { LitElement } from 'lit';
+import { GdsOption, OptionsContainer } from './option';
+import 'reflect-metadata';
+/**
+ * @element gds-listbox
+ * @internal
+ *
+ * A listbox is a widget that allows the user to select one or more items from a list of choices.
+ * This primitive corresponds to the aria listbox role: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role
+ *
+ * The listbox handles keyboard navigation and manages focus and selection of options.
+ *
+ * Can be used together with the `gds-option` primitive.
+ *
+ * @slot - The default slot. Only `gds-option` elements should be used here.
+ */
+export declare class GdsListbox extends LitElement implements OptionsContainer {
+    #private;
+    static styles: import("lit").CSSResult;
+    /**
+     * Controls whether the listbox allows multiple selection or not.
+     */
+    multiple: boolean;
+    constructor();
+    /**
+     * Returns a list of all `gds-option` elements in the listbox.
+     */
+    get options(): GdsOption[];
+    /**
+     * Returns a list of all visible `gds-option` elements in the listbox.
+     */
+    get visibleOptionElements(): GdsOption[];
+    /**
+     * Returns a list of all visible `gds-option` elements in the listbox.
+     */
+    get visibleSelectedOptionElements(): GdsOption[];
+    /**
+     * Returns a list of all selected `gds-option` elements in the listbox.
+     */
+    get selection(): GdsOption[];
+    set selection(values: GdsOption[] | any[]);
+    connectedCallback(): void;
+    /**
+     * Focuses the first selected option in the listbox.
+     * If no option is selected, the first visible option is focused.
+     */
+    focus(): void;
+    render(): any;
+    /**
+     * Re-renders all options in the listbox when the `multiple` property changes.
+     */
+    private _rerenderOptions;
+}

package/primitives/listbox/listbox.styles.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/primitives/listbox/listbox.trans.styles.d.ts

@@ -0,0 +1,2 @@
+export declare function register(): void;
+export default register;

package/primitives/listbox/option.d.ts

@@ -0,0 +1,59 @@
+import { LitElement } from 'lit';
+import 'reflect-metadata';
+export interface OptionsContainer extends HTMLElement {
+    options: GdsOption[];
+    multiple: boolean;
+}
+/**
+ * @element gds-option
+ * @internal
+ *
+ * A listbox option is an option in a listbox widget.
+ * This primitive corresponds to the aria `option` role: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/option_role
+ *
+ * Can be used together with the `gds-listbox` primitive.
+ *
+ * @slot - The default slot. Custom content can be used to display the option.
+ *
+ * @event gds-select - Fired when the option is selected.
+ * @event gds-blur - Fired when the option loses focus.
+ * @event gds-focus - Fired when the option gains focus.
+ */
+export declare class GdsOption extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult;
+    /**
+     * The value of the option.
+     */
+    value: any;
+    /**
+     * Controls whether the option is visible or not.
+     */
+    get hidden(): boolean;
+    set hidden(value: string | boolean);
+    /**
+     * Returns true if the option is selected.
+     * Setting this property will select or unselect the option.
+     */
+    selected: boolean;
+    /**
+     * Sets this option as a placeholder.
+     * A placehodler option does not have a value and will act as the default option.
+     *
+     * In a multiple select listbox, placeholder options will not be rendered in the list.
+     */
+    isPlaceholder: boolean;
+    constructor();
+    connectedCallback(): void;
+    get parentElement(): OptionsContainer;
+    handlePlaceholderStatusChange(): void;
+    /**
+     * Focuses the option.
+     *
+     * @param options - Focus options
+     */
+    focus(options?: FocusOptions | undefined): void;
+    onblur: (e: FocusEvent) => void;
+    onfocus: (e: FocusEvent) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/primitives/listbox/option.styles.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/primitives/popover/index.d.ts

@@ -0,0 +1 @@
+export * from './popover';

package/primitives/popover/popover.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * @element gds-popover
+ * @internal
+ *
+ * A popover is a transient view that appears above other content. It is used by components such as dropdowns.
+ *
+ * GdsPopover can be supplied with a trigger through the `trigger` property. If a trigger is specified, the popover will
+ * register a keydown listener on the trigger and listen to `ArrowDown` key presses. When the trigger is focused and
+ * `ArrowDown` is pressed, the popover will open and focus the first slotted child.
+ *
+ * @slot - Content of the popover
+ * @fires gds-ui-state - Fired when the popover is opened or closed
+ */
+export declare class GdsPopover extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult;
+    /**
+     * Whether the popover is open.
+     */
+    open: boolean;
+    /**
+     * Optional trigger element for the popover.
+     */
+    trigger: HTMLElement | undefined;
+    private _handleTriggerChanged;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private _updateHidden;
+}

package/primitives/popover/popover.styles.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/primitives/popover/popover.trans.styles.d.ts

@@ -0,0 +1,2 @@
+export declare function register(): void;
+export default register;

package/transitional-styles.d.ts

@@ -0,0 +1 @@
+export * from './utils/helpers/transitional-styles';