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

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-01029f53.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-CwRLLmVv.js";const h=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"e91f61a16195e7972f9e1811df54b6ee119c42ff",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"b1f98ceb0d9706d7b2c1cbff26b731a48023b0c7",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:"d7317577b1cad54bf8ff2a4883a02feab085f547",d:"M232-238h239v-14q0-18-9-32t-23-19q-32-11-50-14.5t-35-3.5q-19 0-40.5 4.5T265-303q-15 5-24 19t-9 32v14Zm336-67h170v-50H568v50Zm-214-50q22.5 0 38.25-15.75T408-409q0-22.5-15.75-38.25T354-463q-22.5 0-38.25 15.75T300-409q0 22.5 15.75 38.25T354-355Zm214-63h170v-50H568v50ZM55-55v-651h310v-200h231v200h310v651H55Zm94-94h662v-462H594v90H366v-90H149v462Zm303-459h57v-211h-57v211Zm28 228Z"})))}};export{h as ds_icon_badge}

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

@@ -1 +0,0 @@
-import{r as s,h as a,H as e}from"./p-CwRLLmVv.js";const t=class{constructor(a){s(this,a)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return a(e,{key:"c6c1bf4c616d6371927e093d56c1f7a907b12ace",style:{display:"flex"},title:this.dsTitle},a("svg",{key:"167aa72f69d62a4d65253fa3a0538cdb34204d74",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},a("path",{key:"3cc35fa1ef47570a86cd81f8712decc96b591824",d:"M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z"})))}};export{t as ds_icon_arrow_forward}

package/dist/component-library/p-02070b25.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a,H as e}from"./p-CwRLLmVv.js";const t=class{constructor(a){s(this,a)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return a(e,{key:"18daa24d57bad6362b3dc62f581afca0f28a66f7",style:{display:"flex"},title:this.dsTitle},a("svg",{key:"d6681f9a633f37aaa0c18bd35b8da7692bc7e8e3",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},a("path",{key:"13dc9cd0e2cb58e3b21a7326e7f609cea70a281b",d:"M449-450v275h-94v-180H175v-95h274Zm157-336v180h180v95H511v-275h95Z"})))}};export{t as ds_icon_collapse_content}

package/dist/component-library/p-021f5679.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a,H as t}from"./p-CwRLLmVv.js";const e=class{constructor(a){s(this,a)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return a(t,{key:"0fd5f8a796344ced26ac0d7d9353f544175d74df",style:{display:"flex"},title:this.dsTitle},a("svg",{key:"93acc3993827d66fb53f006adb4e69aaa478a7aa",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},a("path",{key:"f0c05164a9079445c82fd4c5337e04d043fd433e",d:"M480.26-483q32.74 0 55.24-22.26 22.5-22.25 22.5-55 0-32.74-22.46-55.24-22.47-22.5-55.5-22.5Q447-638 425-615.54q-22 22.47-22 55.5Q403-527 425.26-505q22.25 22 55 22ZM480-179q128-115 189.5-204T731-555q0-112.52-72.64-184.26T480.15-811q-105.57 0-178.36 71.74Q229-667.52 229-555q0 83 63 171.5T480-179Zm0 124Q307-199 221-318.5T135-555q0-159.72 104.04-255.36Q343.08-906 480-906q136.49 0 241.25 95.64Q826-714.72 826-555q0 117-86.5 236.5T480-55Zm0-505Z"})))}};export{e as ds_icon_location_on}

package/dist/component-library/p-031bac5e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as s}from"./p-CwRLLmVv.js";const i=class{constructor(e){t(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(s,{key:"945cd90070f849287572bf24be260aeec9bec842",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"65312268a3b6431d6df6463d8967e1698cf6e09b",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:"4cfe2baecefd458c7ee4b2c5a78360b641787457",d:"M807-55 653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM480-330q11 0 23.5-2.5T524-339L317-544q-3 9-5 21t-2 23q0 72 50 121t120 49Zm302 48L633-432q8-12 12.5-32t4.5-36q0-71-49.5-120.5T480-670q-17 0-35 4t-33 12L283-783q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282ZM556-509l-73-73q13-8 30-7t31 12q13 13 17.5 28.5T556-509Z"})))}};export{i as ds_icon_visibility_off_fill}

package/dist/component-library/p-034f4382.entry.js

@@ -1 +0,0 @@
-import{M as i,r as t,c as s,e as r,h as e}from"./p-CwRLLmVv.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as a,i as d}from"./p-DfbgRyXR.js";import{o as n,v as l}from"./p-DdV-F0RM.js";import{b as h,t as c,i as f,d as w}from"./p-BR594Mvg.js";import{l as b}from"./p-DyxvbyfO.js";import{a as m}from"./p-BcsfYbdD.js";import{c as _}from"./p-R08NLrci.js";import{i as k}from"./p-BW1GUsO7.js";import{c as p}from"./p-BUlvPW19.js";import"./p-CWyYpt7H.js";const v=h("visually-hidden-assistive-text"),u=class extends(i(p("ds-link-with-arrow"),b,m)){constructor(i){super(),t(this,i),this.dsClick=s(this,"dsClick",7)}inheritedAttributes={};isGreaterThanEqualSmallMediaQuery=k("small");defaultIcon="arrow_forward";visuallyHiddenAssistiveTextId=v.next().value;get el(){return r(this)}dsText;dsIconPosition="start";dsTag="a";dsFullWidth=!1;dsIcon=this.defaultIcon;rel;icon=this.defaultIcon;iconSize=this.isGreaterThanEqualSmallMediaQuery.matches?"2rem":"1.5rem";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setIconSize=i=>{this.iconSize=i.matches?"2rem":"1.5rem"};connectedCallback(){this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIconSize)}disconnectedCallback(){this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIconSize)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...d(this,this.el),...a(this.el)},n(this.dsTarget)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon=this.dsIcon,this.rel=void 0)}componentDidLoad(){this.componentMounted()}render(){const i=_("ds-link-with-arrow"),t=o(i,{[`${i}--full-width`]:this.dsFullWidth}),s=o(`${i}__icon`,{[`${i}__icon--start`]:"start"===this.dsIconPosition,[`${i}__icon--end`]:"end"===this.dsIconPosition}),r=c("ds-icon","ds-link-with-arrow",this.el),a=c("ds-visually-hidden","ds-link-with-arrow",this.el),{"aria-label":d,"aria-labelledby":h,...w}=this.inheritedAttributes,b=this.dsAriaLabelledby||h;return e(this.dsTag,{key:"787b94791285fcb2aa78ed72c31d19c6f51d7bf2",class:t,...f("aria-label",this.dsAriaLabel||d),...f("aria-labelledby",b),...w,...this.linkAttributes},e("slot",{key:"f5955d296d32e0e232604d5db1f634f2c2a9c90a",name:"prefix"},"start"===this.dsIconPosition&&e(r,{key:"0577713d5a4537d15991cc8966ff37e4cd00901f",dsName:this.icon,class:s,dsSize:this.iconSize})),this.dsText,e("slot",{key:"9beb26f220795ec4529d2f0f182fd26383adab2e",name:"suffix"},"end"===this.dsIconPosition&&e(r,{key:"0747fb38f4ef37f08548f01fd68027bc57be11ee",dsName:this.icon,class:s,dsSize:this.iconSize})),n(this.dsTarget)&&e(a,{key:"ddcae794209029ffff37b3814222d1a6862efd75",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}};w([e("ds-icon",{dsName:""}),e("ds-visually-hidden",null)]),u.style=":host{display:inline-block}:host:has(.ds-link-with-arrow__bQiYWO--full-width){width:100%}.ds-link-with-arrow__bQiYWO:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__bQiYWO{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__bQiYWO{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__bQiYWO--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__bQiYWO__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__bQiYWO__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__bQiYWO__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__bQiYWO__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__bQiYWO__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__bQiYWO__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__bQiYWO:hover,.ds-link-with-arrow__bQiYWO:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__bQiYWO:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__bQiYWO:active,.ds-link-with-arrow__bQiYWO:focus-visible{color:var(--ds-textColor-link-active)}";export{u as ds_link_with_arrow}

package/dist/component-library/p-0364e79f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-CwRLLmVv.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"b582cf9f51f4c20dee5e001e5f31fc15f433e3dc",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"851686550b396549b0159fdc087ac2bc461ab689",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:"5d2bab9aa5dcd749a235c9f4385e0ee7e1cea45b",d:"M135-175v-94h71v-279q0-43 11.5-84t36.5-78l-21 162h84L56-809l50-49L867-96l-50 50-127-129H135Zm620-135L303-761q22-19 46.5-32.5T403-812v-94h154v94q91 18 144.5 94.5T755-548v238ZM481-46q-37 0-63-26t-26-63h177q0 37-26 63t-62 26Z"})))}};export{i as ds_icon_notifications_off_fill}

package/dist/component-library/p-0372abea.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as a}from"./p-CwRLLmVv.js";const t=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(a,{key:"7b3c23cde0d3a6a9f3ac627ea9c33c62469ad21c",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"3400a916634e7017dea2d8a2e1e9b8352c9e46ef",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:"124c9317fb424443682bdfbd9115a6fea25cab25",d:"m379-343 45-44-93-93 91-91-45-44-135 135.5L379-343Zm202 0 137-137-137-137-45 44 93 93-93 93 45 44ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z"})))}};export{t as ds_icon_code_blocks}

package/dist/component-library/p-038d7c7c.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as t}from"./p-CwRLLmVv.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"b923992c98d99caa00b5c521855f569a4effb7dc",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"c1d854428b5033500751c851b9f14084ae2c240b",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:"3f15929d0a402a2e3ed34bb77e1c516230bc3cdd",d:"M359-314h71v-332h-71v332Zm171 0h71v-332h-71v332ZM480.14-55Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z"})))}};export{i as ds_icon_pause_circle_fill}

package/dist/component-library/p-0494c269.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-CwRLLmVv.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"33e2883eb341ab08c5202329597546b72f09b36f",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"787d8536b21da79e8b589c6d14f9ebddc00f156f",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:"7402516bb2e12aa2572f1c49ee5b1a8efdd7eddb",d:"M232-192v-731h611v731H232Zm94-94h422v-542H326v542ZM77-37v-731h95v636h516v95H77Zm249-249v-542 542Z"})))}};export{i as ds_icon_content_copy}

package/dist/component-library/p-057d555a.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as d}from"./p-CwRLLmVv.js";const t=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(d,{key:"86bf2c601345ed0df2413c73985d4da93f239127",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"00d92ace8db874f1b67f00fea2da772ee950779e",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:"055dfdde5d38357ca5647dbfd50b5a8c18740a96",d:"M375-229h436v-118H375v118ZM149-613h146v-118H149v118Zm0 187h146v-107H149v107Zm0 197h146v-118H149v118Zm226-197h436v-107H375v107Zm0-187h436v-118H375v118ZM55-135v-691h851v691H55Z"})))}};export{t as ds_icon_view_list}

package/dist/component-library/p-061ef236.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-CwRLLmVv.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"02756bc7f46cfa10a9132ecae1e69873c6ff9821",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"4e357f5ac6e73dab3418bd9e3702eafca48f8983",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:"5f926ca98d1d2c7af8a94fffb6f0643a210a2746",d:"M620-527q24.5 0 42.25-17.75T680-587q0-24.5-17.75-42.25T620-647q-24.5 0-41.75 17.4Q561-612.21 561-587.35q0 24.85 17.21 42.6T620-527Zm-280 0q24.5 0 41.75-17.4Q399-561.79 399-586.65q0-24.85-17.21-42.6T340-647q-24.5 0-42.25 17.75T280-587q0 24.5 17.75 42.25T340-527Zm14 194h253v-61H354v61ZM480.05-55Q392-55 314.5-88 237-121 179-179T88-314.45q-33-77.44-33-165.5Q55-568 88-645.5q33-77.5 90.84-135.55 57.85-58.06 135.36-91.5Q391.72-906 479.86-906t165.76 33.37q77.62 33.37 135.59 91.29 57.98 57.92 91.39 135.54Q906-568.17 906-479.92q0 88.2-33.45 165.68-33.44 77.48-91.5 135.36Q723-121 645.55-88q-77.44 33-165.5 33Z"})))}};export{a as ds_icon_sentiment_neutral_fill}

package/dist/component-library/p-06475b87.entry.js

@@ -1 +0,0 @@
-import{M as s,r as e,h as t,e as i,F as d}from"./p-CwRLLmVv.js";import{c as a}from"./p-R08NLrci.js";import{c as l}from"./p-BUlvPW19.js";import{i as o,b as r}from"./p-DfbgRyXR.js";import{t as n,d as c,i as h}from"./p-BR594Mvg.js";import{g as b,a as f}from"./p-DeQXoovX.js";import"./p-CWyYpt7H.js";const v=class extends(s(l("ds-assistive-text"))){constructor(s){super(),e(this,s)}dsId=this.getUniqueId();dsText;render(){const s=a("ds-assistive-text");return t("small",{key:"ba85b2fc87005e39d53eb7837dd0ed5700327e26",class:s,id:this.dsId},t("slot",{key:"b0c0381c3d0c369c53d40ed8164530e68074cc58"},this.dsText))}};v.style=".ds-assistive-text__bQiYWO.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";const y=class extends(s(l("ds-control-label"))){constructor(s){super(),e(this,s)}inheritedAttributes={};get el(){return i(this)}dsId;dsHtmlFor;dsLabel;dsAssistiveText;dsAssistiveTextId;dsVisuallyHiddenAssistiveText;dsVisuallyHiddenAssistiveTextId;dsRequired;dsOptional;dsOptionalText;get DsVisuallyHidden(){return n("ds-visually-hidden","ds-control-label",this.el)}get DsAssistiveText(){return n("ds-assistive-text","ds-control-label",this.el)}componentWillLoad(){this.inheritedAttributes={...r(this.el),...o(this,this.el)}}componentDidLoad(){this.componentMounted()}getLabelText=()=>this.dsRequired?b(this.dsLabel):this.dsOptional?f(this.dsLabel,this.dsOptionalText):this.dsLabel;render(){const s=a("ds-control-label");return t("div",{key:"74111ceaa165c74e43df9bbd15a3bbfd2704f93b",class:s},t("slot",{key:"afbd5efbc7ecf02146d026242419cdeca0bd895e",name:"label"},this.dsLabel&&t("label",{key:"00eea258bacd8302c32627bbf1e8d1d5a339edf7",class:`${s}__label`,htmlFor:this.dsHtmlFor,id:this.dsId,...this.inheritedAttributes},this.getLabelText())),t("slot",{key:"354218a4ca19a77c1bfaca7d397cf44baf2438d8",name:"assistiveText"},this.dsAssistiveText&&t(this.DsAssistiveText,{key:"7f5dc0c193c5df880bdfaf2a95adb486c435b78f",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText}),this.dsVisuallyHiddenAssistiveText&&t(this.DsVisuallyHidden,{key:"e4da623a56ed0ee1829917bdc4733d120e8ba93b",id:this.dsVisuallyHiddenAssistiveTextId,dsTag:"span"},this.dsVisuallyHiddenAssistiveText)))}};c([t("ds-visually-hidden",null),t("ds-assistive-text",null)]),y.style=".ds-control-label__bQiYWO__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__bQiYWO{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__bQiYWO:empty{display:none}";const p=class{constructor(s){e(this,s)}get el(){return i(this)}dsTag="div";dsRole;dsAriaLive="polite";dsAriaAtomic=!1;dsSrOnly=!1;dsSrOnlyTag="div";get DsVisuallyHidden(){return n("ds-visually-hidden","ds-feedback",this.el)}componentWillRender(){const s="Please provide either dsRole or dsAriaLive property";this.dsRole&&this.dsAriaLive?console.warn(`ds-feedback: ${s}. The dsAriaLive property is defined by default.`):this.dsRole||this.dsAriaLive||console.warn(`ds-feedback: ${s}.`)}render(){const s=this.dsSrOnly?this.DsVisuallyHidden:d,e=this.dsSrOnly?{dsTag:this.dsSrOnlyTag}:{};return t(this.dsTag,{key:"497f819b1680697bd1bb961ce5437e57fff1a1c0",...h("role",this.dsRole),...h("aria-live",this.dsAriaLive),...h("aria-atomic",this.dsAriaAtomic?"true":void 0)},t(s,{key:"e250d489a186701d2af3e3c643d6282721e30cfd",...e},t("slot",{key:"abca085a9e20f4861a8cf31cffd72ed3f6a10702"})))}};c([t("ds-visually-hidden",null)]),p.style=".sc-ds-feedback-h{display:contents}";export{v as ds_assistive_text,y as ds_control_label,p as ds_feedback}

package/dist/component-library/p-068ccc47.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-CwRLLmVv.js";const d=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"680abacefe11f861510d796a344ad09e26554b10",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"d48ac2d3dc352582b6289592852d23689de4095e",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:"d0c51166eb46d62b33c639d2692f6b8e35ba8230",d:"M506-481 308-679l67-67 265 265-265 265-67-67 198-198Z"})))}};export{d as ds_icon_chevron_forward}