@uh-design-system/component-library 1.5.1-rc.0 → 1.5.2-rc.0

package/dist/collection/patterns/stories/filters.stories.js

@@ -1,121 +0,0 @@
-import { html } from "lit";
-import { getDsElem } from "../../utils/tests/testUtils";
-import { expect, waitFor } from "@storybook/test";
-const meta = {
-    title: 'Patterns/Filters',
-};
-export default meta;
-const options = [
-    { value: 'combobox-1', label: 'Option 1' },
-    { value: 'combobox-2', label: 'Option 2' },
-    { value: 'combobox-3', label: 'Option 3' },
-];
-const keyValueMap = new Map(options.map(option => [option.value, option.label]));
-const valueKeyMap = new Map(options.map(option => [option.label, option.value]));
-export const Default = {
-    render: () => {
-        return html `
-      <ds-combobox ds-label="Combobox"> ${options.map(option => html `<ds-option ds-value="${option.value}">${option.label}</ds-option>`)} </ds-combobox>
-      <div class="ds-my-md">
-        <ds-chip-group ds-label="Selected filters"></ds-chip-group>
-      </div>
-    `;
-    },
-    play: async ({ canvasElement, step }) => {
-        const combobox = (await getDsElem(canvasElement, 'ds-combobox'));
-        const chipGroup = (await getDsElem(canvasElement, 'ds-chip-group'));
-        const createChip = (text, value) => {
-            const chip = document.createElement('ds-chip');
-            chip.setAttribute('ds-text', text);
-            chip.setAttribute('ds-value', value);
-            chip.setAttribute('role', 'listitem');
-            return chip;
-        };
-        const getChip = (selector) => {
-            return chipGroup.querySelector(selector).closest('ds-chip');
-        };
-        chipGroup.addEventListener('dsChipClick', (event) => {
-            const chip = getChip(`ds-chip[ds-value="${event.detail}"]`);
-            if (chip) {
-                chipGroup.removeChild(chip);
-                const optionValue = valueKeyMap.get(chip.dsText);
-                if (combobox.dsValue === optionValue) {
-                    combobox.dsValue = null;
-                }
-            }
-        });
-        combobox.addEventListener('dsChange', (event) => {
-            combobox.dsValue = event.detail;
-            const existingOptionChip = Array.from(chipGroup.children).find((chip) => valueKeyMap.get(chip.dsText));
-            if (existingOptionChip) {
-                chipGroup.removeChild(existingOptionChip);
-            }
-            if (event.detail) {
-                const newOptionChip = createChip(keyValueMap.get(event.detail), event.detail);
-                chipGroup.appendChild(newOptionChip);
-            }
-        });
-        await step('Append chips to the chip group', async () => {
-            const chips = [
-                { text: 'Foo 1', value: 'foo-1' },
-                { text: 'Foo 2', value: 'foo-2' },
-            ].map(({ text, value }) => {
-                return createChip(text, value);
-            });
-            chipGroup.append(...chips);
-            await expect(chipGroup.children).toHaveLength(2);
-        });
-        await step('Select an option in the combobox', async () => {
-            await waitFor(async () => {
-                const value = combobox.getElementsByTagName('ds-option')[0]?.dsValue;
-                combobox.dsValue = value;
-                combobox.dispatchEvent(new CustomEvent('dsChange', { detail: value, bubbles: true }));
-            });
-            await expect(await combobox.getSelectedOption()).toEqual({
-                value: 'combobox-1',
-                label: 'Option 1',
-                description: null,
-            });
-            await expect(combobox.dsValue).toBe('combobox-1');
-            await expect(chipGroup.children).toHaveLength(3);
-        });
-        await step('Clear the combobox selection programmatically', async () => {
-            await waitFor(async () => {
-                combobox.dsValue = null;
-                combobox.dispatchEvent(new CustomEvent('dsChange', { detail: null, bubbles: true }));
-            });
-            await expect(await combobox.getSelectedOption()).toBeNull();
-            await expect(chipGroup.children).toHaveLength(2);
-        });
-        await step('Click a chip to remove it from the chip group', async () => {
-            const chip = getChip('ds-chip');
-            await waitFor(async () => {
-                chip.click();
-                await expect(chipGroup.children).toHaveLength(1);
-            });
-        });
-        await step('Select another option in the combobox', async () => {
-            await waitFor(async () => {
-                const value = combobox.getElementsByTagName('ds-option')[1]?.dsValue;
-                combobox.dsValue = value;
-                combobox.dispatchEvent(new CustomEvent('dsChange', { detail: value, bubbles: true }));
-            });
-            await expect(await combobox.getSelectedOption()).toEqual({
-                value: 'combobox-2',
-                label: 'Option 2',
-                description: null,
-            });
-            await expect(combobox.dsValue).toBe('combobox-2');
-            await expect(chipGroup.children).toHaveLength(2);
-        });
-        await step('Click the combobox option chip to remove it from the chip group', async () => {
-            const chip = getChip('ds-chip[ds-text="Option 2"]');
-            await waitFor(async () => {
-                chip.click();
-                await expect(await combobox.getSelectedOption()).toBeNull();
-                await expect(combobox.dsValue).toBe(null);
-                await expect(chipGroup.children).toHaveLength(1);
-            });
-        });
-    },
-};

package/dist/collection/patterns/stories/form.stories.js

@@ -1,387 +0,0 @@
-import { useArgs } from "@storybook/preview-api";
-import { html } from "lit";
-import { generateLoremIpsum } from "../../utils/storybook/storybookUtils";
-const meta = {
-    title: 'Patterns/Form',
-};
-export default meta;
-const formStyle = html `
-  <style>
-    .ds-sb-button-group {
-      display: flex;
-      gap: var(--ds-spacing-layout-2xSmall);
-    }
-    .ds-sb-full-width {
-      width: 100%;
-    }
-    .ds-sb-gap--small {
-      margin-top: 2.5rem;
-    }
-    .ds-sb-gap {
-      margin-top: var(--ds-spacing-layout-large);
-    }
-    .ds-sb-full-width > .ds-heading-md {
-      margin-bottom: var(--ds-spacing-large);
-    }
-    .ds-sb-full-width > p:last-of-type {
-      margin-bottom: 0;
-    }
-  </style>
-`;
-const formDOM = (args, validation) => {
-    const [, updateArgs] = useArgs();
-    return html `
-    <ds-grid ds-container="true">
-      <div class="ds-sb-full-width">
-        <h2 class="ds-heading-xl">Reserve a visit</h2>
-        <p class="ds-bodytext-xl">
-          Please fill in the form below to reserve a visit for your cat. We will contact you to confirm the
-          appointment.
-        </p>
-        <ds-button
-          ds-variant="primary"
-          ds-text="Contact us"
-          @click=${() => updateArgs({ contactUsModalIsOpen: true })}>
-        </ds-button>
-        <ds-modal
-          ds-variant="default"
-          ds-size="medium"
-          ds-heading-text="Contact us"
-          ?ds-open=${args.contactUsModalIsOpen}
-          @dsModalClose=${() => updateArgs({ contactUsModalIsOpen: false })}
-        >
-          <div slot="content">${generateLoremIpsum({ paragraphs: 20, wordsPerParagraph: 50, consistent: true })}</div>
-        </ds-modal>
-        <p class="ds-bodytext-xl">
-          All required fields are marked with an asterisk (*).
-        </p>
-      </div>
-      <form
-        id=${`form-${validation}`}
-        @submit=${(e) => {
-        e.preventDefault();
-        const formData = new FormData(e.target);
-        const resultElement = document.getElementById('result');
-        resultElement.innerText = `Result:\n${JSON.stringify(Array.from(formData.entries()), null, 2)}`;
-    }}
-        @reset=${() => {
-        const resultElement = document.getElementById('result');
-        resultElement.innerText = '';
-    }}
-      >
-        ${args.renderOwnerInformation
-        ? html `
-                <div class="ds-sb-full-width ds-sb-gap--small">
-                  <h3 class="ds-heading-md">Owner information</h3>
-                  <ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="first-name" ds-label="First name" ds-required="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="last-name" ds-label="Last name" ds-required="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="email" ds-type="email" ds-icon="mail" ds-label="Email" ds-required="true" style="width:100%; max-width: 437px"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="phone" ds-type="tel" ds-icon="call" ds-label="Telephone" ds-optional="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-combobox ds-name="city" ds-label="City" ds-required="true" ds-placeholder="Select or type a city...">
-                        <ds-option ds-value="helsinki">Helsinki</ds-option>
-                        <ds-option ds-value="tampere">Tampere</ds-option>
-                        <ds-option ds-value="turku">Turku</ds-option>
-                        <ds-option ds-value="oulu">Oulu</ds-option>
-                        <ds-option ds-value="jyvaskyla">Jyväskylä</ds-option>
-                        <ds-option ds-value="lahti">Lahti</ds-option>
-                        <ds-option ds-value="kuopio">Kuopio</ds-option>
-                        <ds-option ds-value="pori">Pori</ds-option>
-                        <ds-option ds-value="joensuu">Joensuu</ds-option>
-                        <ds-option ds-value="lappeenranta">Lappeenranta</ds-option>
-                      </ds-combobox>
-                    </ds-grid>
-                  </ds-grid>
-                </div>
-              `
-        : ''}
-        ${args.renderAppointment
-        ? html `
-                <div class="ds-sb-full-width ds-sb-gap">
-                  <h3 class="ds-heading-md">Appointment</h3>
-                  <ds-grid>
-                    <ds-datepicker
-                      ds-name="appointment-date-native"
-                      ds-label="Preferred appointment date (native)"
-                      ds-variant="native"
-                      ds-required="true"
-                      ds-min="2026-01-27"
-                      style="width: 100%; max-width: 300px"
-                    ></ds-datepicker>
-                  </ds-grid>
-                  <ds-grid>
-                    <ds-datepicker
-                      ds-name="appointment-date-custom"
-                      ds-label="Alternative appointment date (custom)"
-                      ds-variant="custom"
-                      ds-required="true"
-                      ds-min="2026-01-27"
-                      style="width: 100%; max-width: 300px"
-                    ></ds-datepicker>
-                  </ds-grid>
-                  <ds-grid>
-                    <ds-select
-                      ds-name="appointment-time"
-                      ds-label="Preferred appointment time"
-                      ds-required="true"
-                      ds-placeholder="Select appointment time..."
-                      style="width: 100%; max-width: 300px"
-                    >
-                      <ds-option ds-value="9:00">9:00 AM</ds-option>
-                      <ds-option ds-value="10:00">10:00 AM</ds-option>
-                      <ds-option ds-value="11:00">11:00 AM</ds-option>
-                      <ds-option ds-value="12:00">12:00 PM</ds-option>
-                      <ds-option ds-value="13:00">1:00 PM</ds-option>
-                      <ds-option ds-value="14:00">2:00 PM</ds-option>
-                      <ds-option ds-value="15:00">3:00 PM</ds-option>
-                      <ds-option ds-value="16:00">4:00 PM</ds-option>
-                      <ds-option ds-value="17:00">5:00 PM</ds-option>
-                    </ds-select>
-                    <ds-grid>
-                      <ds-text-input ds-name="cat-name" ds-label="Cat name" ds-assistive-text="Enter cat's calling name." ds-required="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input
-                        ds-name="cat-age"
-                        ds-type="number"
-                        ds-min="0"
-                        ds-label="Cat age"
-                        ds-required="true"
-                        ds-suffix-text="years"
-                        ds-hidden-assistive-text="Enter cat's age in years."
-                        style="width: 100%; max-width: 200px"
-                      ></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-radio-button-group ds-name="cat-gender" ds-label="Cat gender" ds-required="true">
-                        <ds-radio-button ds-value="male" ds-text="Male"></ds-radio-button>
-                        <ds-radio-button ds-value="female" ds-text="Female"></ds-radio-button>
-                      </ds-radio-button-group>
-                    </ds-grid>
-                    <ds-grid>
-                      <!-- <ds-text-input ds-name="cat-breed" ds-label="Cat breed" ds-optional="true"></ds-text-input> -->
-                      <ds-combobox
-                        ds-variant="multiple"
-                        ds-name="cat-breed"
-                        ds-label="Cat breed"
-                        ds-optional="true"
-                        ds-placeholder="Select or type a breed..."
-                        ds-assistive-text="Choose multiple for mixed breeds."
-                      >
-                        <ds-option ds-variant="multiple" ds-value="abyssinian">Abyssinian</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="bengal">Bengal</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="birman">Birman</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="british-shorthair">British Shorthair</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="maine-coon">Maine Coon</ds-option>
-                      </ds-combobox>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-checkbox-group ds-name="treatment" ds-label="Treatment" ds-required="true" ds-text="All treatments">
-                        <ds-checkbox ds-value="bath" ds-text="Bath, blow-dry and 15-min brushout"></ds-checkbox>
-                        <ds-checkbox ds-value="nail" ds-text="Nail trim"></ds-checkbox>
-                        <ds-checkbox ds-value="shampoo" ds-text="Deep-cleansing shampoo"></ds-checkbox>
-                        <ds-checkbox ds-value="cut" ds-text="Cut and style"></ds-checkbox>
-                      </ds-checkbox-group>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-select
-                        ds-name="appointment-vet"
-                        ds-label="Preferred veterinarian"
-                        ds-required="true"
-                        ds-placeholder="Select preferred veterinarian..."
-                        ds-variant="multiple"
-                        style="width: 100%; max-width: 300px"
-                      >
-                        <ds-option ds-variant="multiple" ds-value="dr-smith">Dr. Smith</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="dr-jones">Dr. Jones</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="dr-taylor">Dr. Taylor</ds-option>
-                        <ds-option ds-disabled="true" ds-variant="multiple" ds-value="dr-brown" ds-description="in a seminar">Dr. Brown</ds-option>
-                      </ds-select>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-datepicker
-                        ds-name="appointment-date"
-                        ds-label="Preferred appointment date"
-                        ds-variant="native"
-                        ds-required="true"
-                        ds-min="2026-01-27"
-                        style="width: 100%; max-width: 300px"
-                      ></ds-datepicker>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-select
-                        ds-name="appointment-time"
-                        ds-label="Preferred appointment time"
-                        ds-required="true"
-                        ds-placeholder="Select appointment time..."
-                        style="width: 100%; max-width: 300px"
-                      >
-                        <ds-option ds-value="9:00">9:00 AM</ds-option>
-                        <ds-option ds-value="10:00">10:00 AM</ds-option>
-                        <ds-option ds-value="11:00">11:00 AM</ds-option>
-                        <ds-option ds-value="12:00">12:00 PM</ds-option>
-                        <ds-option ds-value="13:00">1:00 PM</ds-option>
-                        <ds-option ds-value="14:00">2:00 PM</ds-option>
-                        <ds-option ds-value="15:00">3:00 PM</ds-option>
-                        <ds-option ds-value="16:00">4:00 PM</ds-option>
-                        <ds-option ds-value="17:00">5:00 PM</ds-option>
-                      </ds-select>
-                    </ds-grid>
-                  </ds-grid>
-                </div>
-              `
-        : ''}
-        ${args.renderFinishingMeows
-        ? html `
-                <div class="ds-sb-full-width ds-sb-gap">
-                  <h3 class="ds-heading-md">Finishing meows</h3>
-                  <ds-checkbox ds-name="terms" ds-value="true" ds-text="I understand and agree with the terms of service and privacy policy" ds-required="true"></ds-checkbox>
-                  <ds-checkbox ds-name="news" ds-value="true" ds-text="I would like to receive news and offers from Cat Spa" ds-optional="true"></ds-checkbox>
-                  <ds-text-area class="ds-mt-md" ds-name="comments" ds-label="Additional comments" ds-placeholder="Write your comments here..." ds-resizing="auto"></ds-text-area>
-                </div>
-              `
-        : ''}
-        <div class="ds-sb-full-width ds-sb-gap ds-sb-button-group">
-          <ds-button ds-variant="primary" ds-value="Reserve" ds-type="submit"></ds-button>
-          <ds-button ds-variant="secondary" ds-value="Cancel" ds-type="reset"></ds-button>
-        </div>
-      </form>
-      <div class="ds-sb-full-width">
-        <pre id="result"></pre>
-      </div>
-    </div>
-  `;
-};
-const storyOptions = {
-    args: {
-        contactUsModalIsOpen: false,
-        renderOwnerInformation: true,
-        renderAppointment: true,
-        renderFinishingMeows: true,
-    },
-    parameters: {
-        layout: 'fullscreen',
-    },
-};
-export const Dynamic = {
-    ...storyOptions,
-    render: args => html `
-    ${formStyle} ${formDOM(args, 'dynamic')}
-    <script>
-      /**
-       * Example demonstrating how to dynamically set error messages and focus on invalid form submission.
-       */
-      document.addEventListener('DOMContentLoaded', () => {
-        const $form = document.querySelector('#form-dynamic');
-        let firstInvalidElement = null;
-        let focusTimeout = null;
-
-        /**
-         * Handles the dsSubmitInvalid event to set error text and focus on the first invalid element.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message: string, flag: string }>} e - The dsSubmitInvalid event.
-         */
-        const handleDsSubmitInvalid = e => {
-          e.target.setAttribute('ds-error-text', e.detail.message);
-          if (!firstInvalidElement) {
-            firstInvalidElement = e.target;
-          }
-          focusTimeout = setTimeout(() => {
-            firstInvalidElement?.setFocus();
-            firstInvalidElement = null;
-            clearTimeout(focusTimeout);
-          }, 1);
-        };
-
-        /**
-         * Handles the dsValidity event to update/remove error text when user performs actions.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message?: string, flag: string }>} e - The dsValidity event.
-         */
-        const handleDsValidity = e => {
-          e.target.setAttribute('ds-error-text', e.detail.message);
-        };
-
-        $form.addEventListener('dsSubmitInvalid', handleDsSubmitInvalid);
-        $form.addEventListener('dsValidity', handleDsValidity);
-      });
-    </script>
-  `,
-};
-export const Static = {
-    ...storyOptions,
-    render: args => html `
-    ${formStyle} ${formDOM(args, 'static')}
-    <script>
-      /**
-       * Example demonstrating how to statically set error messages and focus on invalid form submission.
-       */
-      document.addEventListener('DOMContentLoaded', () => {
-        const $form = document.querySelector('#form-static');
-        let firstInvalidElement = null;
-        let focusTimeout = null;
-        const validElements = [];
-
-        /**
-         * Handles the dsSubmitInvalid event to set error text and focus on the first invalid element.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message: string, flag: string }>} e - The dsSubmitInvalid event.
-         */
-        const handleDsSubmitInvalid = e => {
-          e.target.setAttribute('ds-error-text', e.detail.message);
-
-          if (!firstInvalidElement) {
-            firstInvalidElement = e.target;
-          }
-          // Remove error text from valid elements
-          validElements.forEach(el => {
-            el.setAttribute('ds-error-text', '');
-          });
-          focusTimeout = setTimeout(() => {
-            firstInvalidElement?.setFocus();
-            firstInvalidElement = null;
-            clearTimeout(focusTimeout);
-          }, 1);
-        };
-
-        /**
-         * Handles the dsValidity event to update/remove error text when user performs actions.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message?: string, flag: string }>} e - The dsValidity event.
-         */
-        const handleDsValidity = e => {
-          if (e.detail.flag === 'valid' && !validElements.includes(e.target)) {
-            validElements.push(e.target);
-          }
-          if (e.detail.flag !== 'valid' && validElements.includes(e.target)) {
-            validElements.splice(validElements.indexOf(e.target), 1);
-          }
-        };
-
-        $form.addEventListener('dsSubmitInvalid', handleDsSubmitInvalid);
-        $form.addEventListener('dsValidity', handleDsValidity);
-      });
-    </script>
-  `,
-};

package/dist/collection/patterns/stories/i18n.stories.js

@@ -1,53 +0,0 @@
-import { html } from "lit";
-import { expect, userEvent } from "@storybook/test";
-const meta = {
-    title: 'Patterns/Internationalization',
-};
-export default meta;
-export const Default = {
-    parameters: {
-        visualTests: {
-            disable: true,
-        },
-        a11y: {
-            disable: true,
-        },
-    },
-    render: () => html `
-    <div class="ds-mb-md">
-      <ds-store ds-language="fi"></ds-store>
-      <div>
-        <select
-          name="language"
-          @change=${(e) => {
-        const select = e.target;
-        const store = document.querySelector('ds-store');
-        store.setLanguage(select.value);
-    }}
-        >
-          <option value="fi" selected>Finnish</option>
-          <option value="sv">Swedish</option>
-          <option value="en">English</option>
-        </select>
-      </div>
-    </div>
-    <div>
-      <p>Inspect the <code>ds-link</code> component to see its <code>visually-hidden</code> text change.</p>
-      <ds-link ds-href="#" ds-target="_blank" ds-text="Link to external page"></ds-link>
-    </div>
-  `,
-    play: async ({ canvasElement, step }) => {
-        const select = canvasElement.querySelector('select[name="language"]');
-        await step('Default language is set to Finnish using ds-language property', async () => {
-            await customElements.whenDefined('ds-store');
-            const store = canvasElement.querySelector('ds-store');
-            await expect(await store.getLanguage()).toBe('fi');
-        });
-        await step('Change language to English', async () => {
-            await customElements.whenDefined('ds-store');
-            const store = canvasElement.querySelector('ds-store');
-            await userEvent.selectOptions(select, 'en');
-            await expect(store.dsLanguage).toBe('en');
-        });
-    },
-};

package/dist/component-library/p--R_y72qG.js

@@ -1 +0,0 @@
-import{r as e}from"./p-L6jQWks3.js";import{a as t}from"./p-DfbgRyXR.js";const r=r=>class extends r{constructor(t){super(),e(this,t)}dsMuteAriaDeprecationWarning=!1;getDeprecationWarningForAriaAttribute=(e,t)=>{this.dsMuteAriaDeprecationWarning||e.hasAttribute(t)&&console.warn(`[DEPRECATION] The use of the '${t}' attribute on <${e.tagName.toLowerCase()}> is deprecated and will be removed in a future version (tba). Please refer to the documentation for alternative ds-prefixed property name. If the attribute you are using does not have a corresponding ds-prefixed property name, please contact developers at #designsystem Slack channel. In the future, any aria-attributes set on the web component will remain on the host element. To mute all warnings on this component instance, set the "dsMuteAriaDeprecationWarning" property.`)};getDeprecationWarningsForAriaAttributes=e=>{this.dsMuteAriaDeprecationWarning||t.forEach((t=>this.getDeprecationWarningForAriaAttribute(e,t)))}};export{r as a}

package/dist/component-library/p-0059da16.entry.js

@@ -1 +0,0 @@
-import{r as e,h as d,H as s}from"./p-L6jQWks3.js";const t=class{constructor(d){e(this,d)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return d(s,{key:"ffee089f559bd86d28bf175da4f44179c7159e85",style:{display:"flex"},title:this.dsTitle},d("svg",{key:"22ffba7ed9daf94150421418d3966d6cdcb6ce55",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},d("path",{key:"d7baa02d56b772b0955051be33bebd173db505a8","fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.00003 3.00002C3.00001 4.00002 3.00002 4.00002 3.00002 5.00002L3.00002 21C4.5 21 4.00002 21 5.00002 21L21 21C21 20 21 20 21 19L21 3.00003C20 2.99999 20 3.00002 19 3.00002H3.00003ZM16.9092 7.00001H15.2128L12.4175 10.1954L10.0005 7.00001H6.50002L10.6826 12.4692L6.71848 17H8.41591L11.4754 13.5041L14.1492 17H17.5631L13.2031 11.2359L16.9092 7.00001Z"}),d("path",{key:"2fca10af36de2994ae9f1c79eee9ed5453e52dbc",d:"M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z"})))}};export{t as ds_icon_x}

package/dist/component-library/p-00d2476d.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as a}from"./p-L6jQWks3.js";const t=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(a,{key:"a451535803a1e807611af33a5d1ef46f3c8e06dc",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"ab5ee2f2d853d5b3dc4140b9634e6ab6a0880a9f",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"a956330d3d844cda6b51afc30ad01e3d195bf3f5",d:"M480-96 274-302l68-68 138 139 138-139 68 68L480-96ZM342-589l-68-67 206-206 206 206-68 67-138-138-138 138Z"})))}};export{t as ds_icon_unfold_more}

package/dist/component-library/p-0157c975.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as a}from"./p-L6jQWks3.js";const t=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(a,{key:"bbed9c2b7e45330af95a796034a10eac97a38d3e",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"eb18d82d36a8dfa330b912c9ef0da075cfe30a1a",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"f3a94a9f5e8f88d4df351cce4a0c383d1fdb903b",d:"M917-193 500-480l417-287v574Zm-457 0L43-480l417-287v574Z"})))}};export{t as ds_icon_fast_rewind_fill}

package/dist/component-library/p-01d01d4f.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as t}from"./p-L6jQWks3.js";const d=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"3edd6b735e7968615cbd30450f1b83e0ba588601",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"bd7902ad9dacbdd5cb6b87e76766fc78db111193",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"f4b6872ad2050e9574b2b7d169c1079fcec6b8c3",d:"M148-299v-362l268 181-268 181Zm375 11v-384h94v384h-94Zm194 0v-384h95v384h-95Z"})))}};export{d as ds_icon_play_pause}

package/dist/component-library/p-01f8e036.entry.js

@@ -1 +0,0 @@
-import{M as s,r as t,e as a,h as o}from"./p-L6jQWks3.js";import{c as e}from"./p-D2SNNeeL.js";import{s as r,p as i}from"./p-BQBzYD8J.js";import{c as n}from"./p-AkAyC-uk.js";import"./p-BR594Mvg.js";import"./p-CHRItf1W.js";const d=class extends(s(n("ds-tabs",{stopRootTracking:!0}))){constructor(s){super(),t(this,s)}get el(){return a(this)}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(s){s.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const s=this.createContext();r(this.el,s)};updateContext=()=>{const s=this.createContext();i(this.el,s)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const s=e("ds-tabs");return o("div",{key:"d052d2965d38dbfa76d202898b11acd55d45d16a",class:s},o("slot",{key:"2c87cb659baf883da5525579609aeb2a4b76949e"}))}};d.style=".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__0Yjiso.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}";export{d as ds_tabs}

package/dist/component-library/p-03ba1ff3.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-L6jQWks3.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"2f7314abbc36cb1628bf1db88f630df69c4d6e94",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"2746b2c67f4ac1944bb2b84c38b1f61eae0a56de",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"2437c65e50135491da27f0819a2a291541701fbe",d:"M215-433v-94h531v94H215Z"})))}};export{i as ds_icon_check_indeterminate_small}

package/dist/component-library/p-03d9d9bb.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as t}from"./p-L6jQWks3.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"1582ce4261bb93f8e4b8b8c7fc54c12f0094548f",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"c859b0bf80f110fe3cb9ac0b897b4f625fa7ed00",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"9a10d2a1b2af1599e83d87e9c4f2f6c6be42a8cc",d:"m18-107 462-799 462 799H18Zm145-84h634L480-739 163-191Zm321.18-48q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Zm26-117Z"})))}};export{i as ds_icon_warning}

package/dist/component-library/p-03f4bf2c.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-L6jQWks3.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"9c43d36c3aa834d1ee844176251588163c06b62d",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"c6f645ee4a6564bed07d64596076f3c60cbec27b",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"71298c457b0207434ece0124e5332aefca8f7548",d:"M479.8-494q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.7 49T656-668.8q0 77.21-49.5 126Q557-494 479.8-494ZM135-122v-120.79q0-44.51 22.83-77.73Q180.66-353.73 217-371q69-31 133.46-46.5Q414.92-433 479.73-433q66.73 0 130.5 16Q674-401 742-371q37.61 15.96 60.8 49.48Q826-288 826-243.05V-122H135Z"})))}};export{i as ds_icon_person_fill}

package/dist/component-library/p-04678a92.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-L6jQWks3.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"c0eb4e5c3c0ae91f469e087facc0966b6f6dfb14",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"a4c9a1e0c0045981476ea862dc7f0d45362c76e7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"4240506a062bf3b235e6dfc6f8d5da82f64fb79a",d:"M95-55v-791h150.2v-60H327v60h306v-60h82.2v60H866v341h-95v-65H189v421h307v94H95Zm94-575h582v-121H189v121Zm0 0v-121 121ZM556-55v-144l278-277 143 143L700-55H556Zm315-278-37-37 37 37ZM631-130h38l118-118.77-18-19.12L750-286 631-168.24V-130Zm138-138-19-18 37 37-18-19Z"})))}};export{a as ds_icon_edit_calendar}

package/dist/component-library/p-059d6368.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as t}from"./p-L6jQWks3.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"91e7fe08ebdd42e662a3ce616a2b824ffa844609",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"250b3a9bcadd5ff0db778be5f07d5edf2bc2691c",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"b74bc113c21143c16681942d8b5c5313cd12acdc",d:"m259-471 65-131h113v-304h289l-42 84 42 83H524v137h108l66 133-142 95-76-40-78 38-143-95ZM55-55l173-350 170 113 82-40 82 41 170-112L906-55H55Z"})))}};export{i as ds_icon_mountain_flag_fill}

package/dist/component-library/p-05f0daf2.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as e}from"./p-L6jQWks3.js";const i=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(e,{key:"93630c370c2799825a6eb921400320d73fb34e97",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"5ea77b3c9a18626a5133b712400b9f4915c7ebb5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"f25e6790dad1aff4b54cf4a8eddf6f192941c29f",d:"m653-109 109-109v88h45v-165H642v45h88L621-141l32 32ZM95-92v-771h771v449q-22-16-46-26.5t-49-15.48V-769H189v582h289.91q2.09 26 9.11 50.17Q495.05-112.66 506-92H95Zm94-118v23-582 313-3 249Zm100-77h198q5-16 12-30.5t18-29.5H289v60Zm0-161h343q10-1 19.09-1.7 9.1-.7 19.91-4.3v-54H289v60Zm0-161h382v-60H289v60ZM723.5-25Q646-25 591-80t-55-132q0-77.43 54.99-133.22Q645.98-401 724-401q77 0 132.5 55.78Q912-289.43 912-212q0 77-55.5 132t-133 55Z"})))}};export{i as ds_icon_export_notes}

package/dist/component-library/p-066bbe4b.entry.js

@@ -1 +0,0 @@
-import{M as s,r,c as e,e as t,h as d,H as a}from"./p-L6jQWks3.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-BR594Mvg.js";import{l as o}from"./p-kZRoeb_y.js";import{c as l}from"./p-AkAyC-uk.js";import{c as b}from"./p-D2SNNeeL.js";import"./p-CHRItf1W.js";const m=class extends(s(l("ds-breadcrumb"),o)){constructor(s){super(),r(this,s),this.dsClick=e(this,"dsClick",7),this.dsIsHiddenChange=e(this,"dsIsHiddenChange",7)}get el(){return t(this)}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return d("slot",null,d("span",{class:`${s}__current-page`,"aria-current":"page"},this.dsText))}renderLinkCrumb(s){return d("slot",null,d(this.DsLink,{class:`${s}__link`,dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=b("ds-breadcrumb"),r=`${s}__content`;return d(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},d("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[`${s}--hidden`]:this.dsIsHidden})},d("div",{key:"e717c084111491d89572ee09312281f034460214",class:r},this.dsHasSeparator?d(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(r):this.renderLinkCrumb(r))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}};c([d("ds-link",{dsText:""}),d("ds-breadcrumbs-separator",null)]),m.style='.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__0Yjiso.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__0Yjiso--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__0Yjiso__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__0Yjiso__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__0Yjiso__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__0Yjiso__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}';export{m as ds_breadcrumb}

package/dist/component-library/p-06a18c21.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-L6jQWks3.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"1e19b2e2f05b515fa9a657b837b83c1d080ec054",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"890f19ef9cf0878ac3b1123b40b31e3f7fcee408",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"177bcab573e39c6e8833b120af97b4e6ba5aadfb",d:"m209-217 102-174q-5 1-11 1.5t-11 .5q-68-6-112.5-55.5T132-560q0-73.35 50.82-123.67Q233.65-734 307-734q72 0 122.5 50.33Q480-633.35 480-560q0 21-5.25 41.5T460-480L309-217H209Zm388 0 101-174q-5 1-11 1.5t-11 .5q-68-6-112-55.5T520-560q0-73.35 50.33-123.67Q620.65-734 694-734q72 0 123 50.33 51 50.32 51 123.67 0 21-5.25 41.5T848-480L696-217h-99Z"})))}};export{i as ds_icon_format_quote_fill}

package/dist/component-library/p-06a6d821.entry.js

@@ -1 +0,0 @@
-import{M as s,r as t,c as a,e,h as d,F as r}from"./p-L6jQWks3.js";import{t as n,d as i}from"./p-BR594Mvg.js";import{c as o}from"./p-AkAyC-uk.js";import"./p-CHRItf1W.js";const c=class extends(s(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),t(this,s),this.dsExpandButtonClick=a(this,"dsExpandButtonClick",7)}get el(){return e(this)}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return d(r,{key:"c6550453dc2f679ad9a7902e7503309e87693ac9"},d(this.DsBreadcrumbsExpandButton,{key:"eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),d("slot",{key:"9aebf3b18996530ca640b3006213ad42e59dca69",onSlotchange:this.handleDefaultSlotChange}))}};i([d("ds-breadcrumbs-expand-button",null)]),c.style=":host{display:contents}";export{c as ds_breadcrumbs_collapsible}