@ds-autonomie/web-components 1.0.1

package/dist/translations/en-gb.d.ts

@@ -0,0 +1,3 @@
+import type { Translation } from '../utilities/localize';
+declare const translation: Translation;
+export default translation;

package/dist/translations/en-gb.js

@@ -0,0 +1,21 @@
+import {
+  en_default,
+  registerTranslation
+} from "../chunks/chunk.5XL2LZLC.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunks/chunk.6M63UXML.js";
+
+// src/translations/en-gb.ts
+var translation = __spreadProps(__spreadValues({}, en_default), {
+  $code: "en-GB",
+  $name: "English (United Kingdom)",
+  selectAColorFromTheScreen: "Select a colour from the screen",
+  toggleColorFormat: "Toggle colour format"
+});
+registerTranslation(translation);
+var en_gb_default = translation;
+export {
+  en_gb_default as default
+};

package/dist/translations/en.d.ts

@@ -0,0 +1,3 @@
+import type { Translation } from '../utilities/localize';
+declare const translation: Translation;
+export default translation;

package/dist/translations/en.js

@@ -0,0 +1,7 @@
+import {
+  en_default
+} from "../chunks/chunk.5XL2LZLC.js";
+import "../chunks/chunk.6M63UXML.js";
+export {
+  en_default as default
+};

package/dist/translations/fr.d.ts

@@ -0,0 +1,3 @@
+import type { Translation } from '../utilities/localize';
+declare const translation: Translation;
+export default translation;

package/dist/translations/fr.js

@@ -0,0 +1,7 @@
+import {
+  fr_default
+} from "../chunks/chunk.5XL2LZLC.js";
+import "../chunks/chunk.6M63UXML.js";
+export {
+  fr_default as default
+};

package/dist/utilities/animation-registry.d.ts

@@ -0,0 +1,24 @@
+export interface ElementAnimation {
+    keyframes: Keyframe[];
+    rtlKeyframes?: Keyframe[];
+    options?: KeyframeAnimationOptions;
+}
+export interface ElementAnimationMap {
+    [animationName: string]: ElementAnimation;
+}
+export interface GetAnimationOptions {
+    /**
+     * The component's directionality. When set to "rtl", `rtlKeyframes` will be preferred over `keyframes` where
+     * available using getAnimation().
+     */
+    dir: string;
+}
+/**
+ * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`
+ * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.
+ */
+export declare function setDefaultAnimation(animationName: string, animation: ElementAnimation | null): void;
+/** Sets a custom animation for the specified element. */
+export declare function setAnimation(el: Element, animationName: string, animation: ElementAnimation | null): void;
+/** Gets an element's animation. Falls back to the default if no animation is found. */
+export declare function getAnimation(el: Element, animationName: string, options: GetAnimationOptions): ElementAnimation;

package/dist/utilities/animation-registry.js

@@ -0,0 +1,11 @@
+import {
+  getAnimation,
+  setAnimation,
+  setDefaultAnimation
+} from "../chunks/chunk.V7RJROLH.js";
+import "../chunks/chunk.6M63UXML.js";
+export {
+  getAnimation,
+  setAnimation,
+  setDefaultAnimation
+};

package/dist/utilities/animation.d.ts

@@ -0,0 +1 @@
+export { getAnimationNames, getEasingNames, } from '../components/animation/animations';

package/dist/utilities/animation.js

@@ -0,0 +1,10 @@
+import "../chunks/chunk.QL5C2XOW.js";
+import {
+  getAnimationNames,
+  getEasingNames
+} from "../chunks/chunk.TJOP7HQP.js";
+import "../chunks/chunk.6M63UXML.js";
+export {
+  getAnimationNames,
+  getEasingNames
+};

package/dist/utilities/base-path.d.ts

@@ -0,0 +1,18 @@
+/** Sets the library's base path to the specified directory. */
+export declare function setBasePath(path: string): void;
+/**
+ * Gets the library's base path.
+ *
+ * The base path is used to load assets such as icons and images, so it needs to be set for components to work properly.
+ * By default, this script will look for a script ending in design-system.js or design-system-autoloader.js and set the base path
+ * to the directory that contains that file. To override this behavior, you can add the data-design-system attribute to any
+ * script on the page (it probably makes the most sense to attach it to the design-system script, but it could also be on a
+ * bundle). The value can be a local folder or it can point to a CORS-enabled endpoint such as a CDN.
+ *
+ *   <script src="bundle.js" data-design-system="/custom/base/path"></script>
+ *
+ * Alternatively, you can set the base path manually using the exported setBasePath() function.
+ *
+ * @param subpath - An optional path to append to the base path.
+ */
+export declare function getBasePath(subpath?: string): string;

package/dist/utilities/base-path.js

@@ -0,0 +1,9 @@
+import {
+  getBasePath,
+  setBasePath
+} from "../chunks/chunk.FDYFSRSX.js";
+import "../chunks/chunk.6M63UXML.js";
+export {
+  getBasePath,
+  setBasePath
+};

package/dist/utilities/form.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Serializes a form and returns a plain object. If a form control with the same name appears more than once, the
+ * property will be converted to an array.
+ */
+export declare function serialize(form: HTMLFormElement): Record<string, unknown>;
+/**
+ * Returns all form controls that are associated with the specified form. Includes both native and custom form
+ * controls. Use this function in lieu of the `HTMLFormElement.elements` property, which doesn't recognize custom
+ * form controls.
+ */
+export declare function getFormControls(form: HTMLFormElement): Element[];

package/dist/utilities/form.js

@@ -0,0 +1,43 @@
+import {
+  formCollections
+} from "../chunks/chunk.KIFBWPW5.js";
+import "../chunks/chunk.6M63UXML.js";
+
+// src/utilities/form.ts
+function serialize(form) {
+  const formData = new FormData(form);
+  const object = {};
+  formData.forEach((value, key) => {
+    if (Reflect.has(object, key)) {
+      const entry = object[key];
+      if (Array.isArray(entry)) {
+        entry.push(value);
+      } else {
+        object[key] = [object[key], value];
+      }
+    } else {
+      object[key] = value;
+    }
+  });
+  return object;
+}
+function getFormControls(form) {
+  const rootNode = form.getRootNode();
+  const allNodes = [...rootNode.querySelectorAll("*")];
+  const formControls = [...form.elements];
+  const collection = formCollections.get(form);
+  const shoelaceFormControls = collection ? Array.from(collection) : [];
+  return [...formControls, ...shoelaceFormControls].sort(
+    (a, b) => {
+      if (allNodes.indexOf(a) < allNodes.indexOf(b))
+        return -1;
+      if (allNodes.indexOf(a) > allNodes.indexOf(b))
+        return 1;
+      return 0;
+    }
+  );
+}
+export {
+  getFormControls,
+  serialize
+};

package/dist/utilities/icon-library.d.ts

@@ -0,0 +1 @@
+export { registerIconLibrary, unregisterIconLibrary, } from '../components/icon/library';

package/dist/utilities/icon-library.js

@@ -0,0 +1,13 @@
+import "../chunks/chunk.HAL7R4WT.js";
+import {
+  registerIconLibrary,
+  unregisterIconLibrary
+} from "../chunks/chunk.7J7CS3BK.js";
+import "../chunks/chunk.RDGMZ5XB.js";
+import "../chunks/chunk.I33L3NO6.js";
+import "../chunks/chunk.FDYFSRSX.js";
+import "../chunks/chunk.6M63UXML.js";
+export {
+  registerIconLibrary,
+  unregisterIconLibrary
+};

package/dist/utilities/localize.d.ts

@@ -0,0 +1,39 @@
+import { LocalizeController as DefaultLocalizationController } from '@shoelace-style/localize';
+import type { Translation as DefaultTranslation } from '@shoelace-style/localize';
+import '../translations/en';
+import '../translations/fr';
+export declare class LocalizeController extends DefaultLocalizationController<Translation> {
+}
+export { registerTranslation } from '@shoelace-style/localize';
+export interface Translation extends DefaultTranslation {
+    $code: string;
+    $name: string;
+    $dir: 'ltr' | 'rtl';
+    carousel: string;
+    clearEntry: string;
+    close: string;
+    copy: string;
+    youAreHere: string;
+    countryCallingCode: string;
+    currentValue: string;
+    goToSlide: (slide: number, count: number) => string;
+    hidePassword: string;
+    loading: string;
+    nextSlide: string;
+    numOptionsSelected: (num: number) => string;
+    previousSlide: string;
+    progress: string;
+    remove: string;
+    resize: string;
+    scrollToEnd: string;
+    scrollToStart: string;
+    selectAColorFromTheScreen: string;
+    showPassword: string;
+    slideNum: (slide: number) => string;
+    toggleColorFormat: string;
+    fr_FR: string;
+    fr_GP: string;
+    fr_GF: string;
+    fr_MQ: string;
+    fr_RE: string;
+}

package/dist/utilities/localize.js

@@ -0,0 +1,9 @@
+import {
+  LocalizeController,
+  registerTranslation
+} from "../chunks/chunk.5XL2LZLC.js";
+import "../chunks/chunk.6M63UXML.js";
+export {
+  LocalizeController,
+  registerTranslation
+};

package/dist/utilities/storybook.d.ts

@@ -0,0 +1,46 @@
+import type { Decorator } from '@storybook/web-components';
+export declare const updateCompleteArgTypes: {
+    name: string;
+    description: string;
+    control: boolean;
+    table: {
+        type: {
+            summary: string;
+        };
+    };
+};
+export declare const errorArgTypes: {
+    name: string;
+    description: string;
+    table: {
+        defaultValue: {
+            summary: string;
+        };
+        type: {
+            summary: string;
+        };
+    };
+    control: {
+        type: string;
+    };
+};
+export declare const errorMessageArgTypes: {
+    name: string;
+    description: string;
+    table: {
+        defaultValue: {
+            summary: string;
+        };
+        type: {
+            summary: string;
+        };
+    };
+    control: {
+        type: string;
+    };
+};
+/**
+ *  Decorators
+ */
+export declare const withOnLayerOnBaseDecorator: Decorator;
+export declare const withOnFloatingMenuOnBaseDecorator: Decorator;

package/dist/utilities/storybook.js

@@ -0,0 +1,54 @@
+import "../chunks/chunk.6M63UXML.js";
+
+// src/utilities/storybook.ts
+import { html } from "lit";
+var updateCompleteArgTypes = {
+  name: "updateComplete",
+  description: "A read-only promise that resolves when the component has finished updating",
+  control: false,
+  table: {
+    type: { summary: "() => void" }
+  }
+};
+var errorArgTypes = {
+  name: "error",
+  description: "Indicates whether the component should be in error state ",
+  table: {
+    defaultValue: { summary: "false" },
+    type: {
+      summary: "boolean"
+    }
+  },
+  control: { type: "boolean" }
+};
+var errorMessageArgTypes = {
+  name: "error-message",
+  description: "An error message that is shown when `error` is set to true.",
+  table: {
+    defaultValue: { summary: "''" },
+    type: {
+      summary: "string"
+    }
+  },
+  control: { type: "text" }
+};
+var withOnLayerOnBaseDecorator = (story, context) => {
+  var _a;
+  return html` <div
+  style="background-color:var(--dsa-color-background-${(_a = context.args.variant) != null ? _a : "base"}); padding:20px;"
+>
+  ${story()}
+</div>`;
+};
+var withOnFloatingMenuOnBaseDecorator = (story, context) => html` <div
+  style=" padding:20px; background-color:var(${context.args.variant === "floating" || context.args["?floating"] ? "--dsa-color-background-floating-menu" : "--dsa-color-background-base"}); display:inline-flex;"
+>
+  ${story()}
+</div>`;
+export {
+  errorArgTypes,
+  errorMessageArgTypes,
+  updateCompleteArgTypes,
+  withOnFloatingMenuOnBaseDecorator,
+  withOnLayerOnBaseDecorator
+};