@trendyol/baklava 2.0.0-beta.80 → 2.0.0-beta.81

package/dist/chunk-DJOD4BTL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@open-wc/form-control/src/FormControlMixin.ts", "../node_modules/element-internals-polyfill/dist/index.js"],
+  "sourcesContent": ["import { Constructor, CustomValidityState, FormControlInterface, FormValue, IControlHost, validationMessageCallback, Validator } from './types.js';\n\nexport function FormControlMixin<\n  TBase extends Constructor<HTMLElement & IControlHost> & { observedAttributes?: string [] }\n>(SuperClass: TBase) {\n  class FormControl extends SuperClass {\n    /** Wires up control instances to be form associated */\n    static get formAssociated(): boolean {\n      return true;\n    }\n\n    /**\n     * A list of Validator objects that will be evaluated when a control's form\n     * value is modified or optionally when a given attribute changes.\n     *\n     * When a Validator's callback returns false, the entire form control will\n     * be set to an invalid state.\n     */\n    declare static formControlValidators: Validator[];\n\n     /**\n     * If set to true the control described should be evaluated and validated\n     * as part of a group. Like a radio, if any member of the group's validity\n     * changes the the other members should update as well.\n     */\n    declare static formControlValidationGroup: boolean;\n\n    private static get validators(): Validator[] {\n      return this.formControlValidators || [];\n    }\n\n    /**\n     * Allows the FormControl instance to respond to Validator attributes.\n     * For instance, if a given Validator has a `required` attribute, that\n     * validator will be evaluated whenever the host's required attribute\n     * is updated.\n     */\n     static get observedAttributes(): string[] {\n      const validatorAttributes = this.validators.map((validator) => validator.attribute).flat();\n\n      const observedAttributes = super.observedAttributes || [];\n\n      /** Make sure there are no duplicates inside the attributes list */\n      const attributeSet = new Set([...observedAttributes, ...validatorAttributes]);\n      return [...attributeSet] as string[];\n    }\n\n    /**\n     * Return the validator associated with a given attribute. If no\n     * Validator is associated with the attribute, it will return null.\n     */\n    static getValidator(attribute: string): Validator | null {\n      return this.validators.find((validator) => validator.attribute === attribute) || null;\n    }\n\n    /**\n     * Get all validators that are set to react to a given attribute\n     * @param {string} attribute - The attribute that has changed\n     * @returns {Validator[]}\n     */\n    static getValidators(attribute: string): Validator[] | null {\n      return this.validators.filter(validator => {\n        if (validator.attribute === attribute || validator.attribute?.includes(attribute)) {\n          return true;\n        }\n      });\n    }\n\n    /** The ElementInternals instance for the control. */\n    internals = this.attachInternals();\n\n    /**\n     * Keep track of if the control has focus\n     * @private\n     */\n    #focused = false;\n\n    /**\n     * Exists to control when an error should be displayed\n     * @private\n     */\n    #forceError = false;\n\n    /**\n     * Toggles to true whenever the element has been focused. This property\n     * will reset whenever the control's formResetCallback is called.\n     * @private\n     */\n    #touched = false;\n\n    /** An internal abort controller for cancelling pending async validation */\n    #abortController?: AbortController;\n    #previousAbortController?: AbortController;\n\n    /**\n     * Used for tracking if a validation target has been set to manage focus\n     * when the control's validity is reported\n     */\n    #awaitingValidationTarget = true;\n\n    /** All of the controls within a root with a matching local name and form name */\n    get #formValidationGroup(): NodeListOf<FormControl> {\n      const rootNode = this.getRootNode() as HTMLElement;\n      const selector = `${this.localName}[name=\"${this.getAttribute('name')}\"]`;\n      return rootNode.querySelectorAll<FormControl>(selector);\n    }\n\n    /**\n     * Acts as a cache for the current value so the value can be re-evaluated\n     * whenever an attribute changes or on some other event.\n     */\n    #value: FormValue = '';\n\n    /**\n     * Set this[touched] and this[focused]\n     * to true when the element is focused\n     * @private\n     */\n    #onFocus = (): void => {\n      this.#touched = true;\n      this.#focused = true;\n      this.#shouldShowError();\n    };\n\n    /**\n     * Reset this[focused] on blur\n     * @private\n     */\n    #onBlur = (): void => {\n      this.#focused = false;\n\n      this.#runValidators(this.shouldFormValueUpdate() ? this.#value : '');\n\n      /**\n       * Set forceError to ensure error messages persist until\n       * the value is changed.\n       */\n      if (!this.validity.valid && this.#touched) {\n        this.#forceError = true;\n      }\n      const showError = this.#shouldShowError();\n      if (this.validationMessageCallback) {\n        this.validationMessageCallback(showError ? this.internals.validationMessage : '');\n      }\n    };\n\n    /**\n     * For the show error state on invalid\n     * @private\n     */\n    #onInvalid = (): void => {\n      if (this.#awaitingValidationTarget && this.validationTarget) {\n        this.internals.setValidity(\n          this.validity,\n          this.validationMessage,\n          this.validationTarget\n        );\n        this.#awaitingValidationTarget = false;\n      }\n      this.#touched = true;\n      this.#forceError = true;\n      this.#shouldShowError();\n      this?.validationMessageCallback?.(this.showError ? this.internals.validationMessage : '');\n    };\n\n    /** Return a reference to the control's form */\n    get form(): HTMLFormElement {\n      return this.internals.form;\n    }\n\n    /**\n     * Will return true if it is recommended that the control shows an internal\n     * error. If using this property, it is wise to listen for 'invalid' events\n     * on the element host and call preventDefault on the event. Doing this will\n     * prevent browsers from showing a validation popup.\n     */\n    get showError(): boolean {\n      return this.#shouldShowError();\n    }\n\n    /**\n     * Forward the internals checkValidity method\n     * will return the valid state of the control.\n     */\n    checkValidity(): boolean {\n      return this.internals.checkValidity();\n    }\n\n    /** The element's validity state */\n    get validity(): ValidityState {\n      return this.internals.validity;\n    }\n\n    /**\n     * The validation message shown by a given Validator object. If the control\n     * is in a valid state this should be falsy.\n     */\n    get validationMessage(): string {\n      return this.internals.validationMessage;\n    }\n\n    /* eslint-disable  @typescript-eslint/no-explicit-any */\n    constructor(...args: any[]) {\n      super(...args);\n      this.addEventListener?.('focus', this.#onFocus);\n      this.addEventListener?.('blur', this.#onBlur);\n      this.addEventListener?.('invalid', this.#onInvalid);\n      this.setValue(null);\n    }\n\n    attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n      super.attributeChangedCallback?.(name, oldValue, newValue);\n\n      /**\n       * Check to see if a Validator is associated with the changed attribute.\n       * If one exists, call control's validate function which will perform\n       * control validation.\n       */\n      const proto = this.constructor as typeof FormControl;\n      const validators = proto.getValidators(name);\n\n      if (validators?.length && this.validationTarget) {\n        this.setValue(this.#value);\n      }\n    }\n\n    /** PUBLIC LIFECYCLE METHODS */\n\n    /**\n     * Sets the control's form value if the call to `shouldFormValueUpdate`\n     * returns `true`.\n     * @param value {FormValue} - The value to pass to the form\n     */\n    setValue(value: FormValue): void {\n      this.#forceError = false;\n      this.validationMessageCallback?.('');\n      this.#value = value;\n      const valueShouldUpdate = this.shouldFormValueUpdate();\n      const valueToUpdate = valueShouldUpdate ? value : null;\n      this.internals.setFormValue(valueToUpdate as string);\n      this.#runValidators(valueToUpdate);\n      if (this.valueChangedCallback) {\n        this.valueChangedCallback(valueToUpdate);\n      }\n      this.#shouldShowError();\n    }\n\n    /**\n     * This method can be overridden to determine if the control's form value\n     * should be set on a call to `setValue`. An example of when a user might want\n     * to skip this step is when implementing checkbox-like behavior, first checking\n     * to see if `this.checked` is set to a truthy value. By default this returns\n     * `true`.\n     */\n    shouldFormValueUpdate(): boolean {\n      return true;\n    }\n\n    /** Save a reference to the validation complete resolver */\n    #validationCompleteResolver?: (value: void | PromiseLike<void>) => void;\n\n    /** When true validation will be pending */\n    #isValidationPending = false;\n\n    #validationComplete = Promise.resolve();\n\n    /** A promise that will resolve when all pending validations are complete */\n    get validationComplete(): Promise<void> {\n      return new Promise(resolve => resolve(this.#validationComplete));\n    }\n\n    /** DECLARED INSTANCE METHODS AND PROPERTIES*/\n\n    /**\n     * Resets a form control to its initial state\n     */\n    declare resetFormControl: () => void;\n\n    /**\n     * This method is used to override the controls' validity message\n     * for a given Validator key. This has the highest level of priority when\n     * setting a validationMessage, so use this method wisely.\n     *\n     * The returned value will be used as the validationMessage for the given key.\n     * @param validationKey {string} - The key that has returned invalid\n     */\n    declare validityCallback: (validationKey: string) => string | void;\n\n     /**\n      * Called when the control's validationMessage should be changed\n      * @param message { string } - The new validation message\n      */\n    declare validationMessageCallback: (message: string) => void;\n\n    /**\n     * A callback for when the controls' form value changes. The value\n     * passed to this function should not be confused with the control's\n     * value property, this is the value that will appear on the form.\n     *\n     * In cases where `checked` did not exist on the control's prototype\n     * upon initialization, this value and the value property will be identical;\n     * in cases where `checked` is present upon initialization, this will be\n     * effectively `this.checked && this.value`.\n     */\n    declare valueChangedCallback: (value: FormValue) => void;\n\n    /**\n     * The element that will receive focus when the control's validity\n     * state is reported either by a form submission or via API\n     *\n     * We use declare since this is optional and we don't particularly\n     * care how the consuming component implements this (as a field, member\n     * or getter/setter)\n     */\n    declare validationTarget: HTMLElement | null;\n\n    /** PRIVATE LIFECYCLE METHODS */\n\n    /**\n     * Check to see if an error should be shown. This method will also\n     * update the internals state object with the --show-error state\n     * if necessary.\n     * @private\n     */\n    #shouldShowError(): boolean {\n      if (this.hasAttribute('disabled')) {\n        return false;\n      }\n\n      const showError = this.#forceError || (this.#touched && !this.validity.valid && !this.#focused);\n\n      /**\n       * At the time of writing Firefox doesn't support states\n       * TODO: Remove when check for states when fully support is in place\n       */\n      if (showError && this.internals.states) {\n        this.internals.states.add('--show-error');\n      } else if (this.internals.states) {\n        this.internals.states.delete('--show-error');\n      }\n\n      return showError;\n    }\n\n    #runValidators(value: FormValue): void {\n      const proto = this.constructor as typeof FormControl;\n      const validity: CustomValidityState = {};\n      const validators = proto.validators;\n      const asyncValidators: Promise<boolean|void>[] = [];\n      const hasAsyncValidators = validators.some((validator) => validator.isValid instanceof Promise)\n\n      if (!this.#isValidationPending) {\n        this.#validationComplete = new Promise(resolve => {\n          this.#validationCompleteResolver = resolve\n        });\n        this.#isValidationPending = true;\n      }\n\n      /**\n       * If an abort controller exists from a previous validation step\n       * notify still-running async validators that we are requesting they\n       * discontinue any work.\n       */\n      if (this.#abortController) {\n        this.#abortController.abort();\n        this.#previousAbortController = this.#abortController;\n      }\n\n      /**\n       * Create a new abort controller and replace the instance reference\n       * so we can clean it up for next time\n       */\n      const abortController = new AbortController();\n      this.#abortController = abortController;\n      let validationMessage: string | undefined = undefined;\n\n      /** Track to see if any validity key has changed */\n      let hasChange = false;\n\n      if (!validators.length) {\n        return;\n      }\n\n      validators.forEach(validator => {\n        const key = validator.key || 'customError';\n        const isValid = validator.isValid(this, value, abortController.signal);\n        const isAsyncValidator = isValid instanceof Promise;\n\n        if (isAsyncValidator) {\n          asyncValidators.push(isValid);\n\n          isValid.then(isValidatorValid => {\n            if (isValidatorValid === undefined || isValidatorValid === null) {\n              return;\n            }\n            /** Invert the validity state to correspond to the ValidityState API */\n            validity[key] = !isValidatorValid;\n\n            validationMessage = this.#getValidatorMessageForValue(validator, value);\n            this.#setValidityWithOptionalTarget(validity, validationMessage);\n          });\n        } else {\n          /** Invert the validity state to correspond to the ValidityState API */\n          validity[key] = !isValid;\n\n          if (this.validity[key] !== !isValid) {\n            hasChange = true;\n          }\n\n          // only update the validationMessage for the first invalid scenario\n          // so that earlier invalid validators dont get their messages overwritten by later ones\n          // in the validators array\n          if (!isValid && !validationMessage) {\n            validationMessage = this.#getValidatorMessageForValue(validator, value);\n          }\n        }\n      });\n\n      /** Once all the async validators have settled, resolve validationComplete */\n      Promise.allSettled(asyncValidators)\n        .then(() => {\n          /** Don't resolve validations if the signal is aborted */\n          if (!abortController?.signal.aborted) {\n            this.#isValidationPending = false;\n            this.#validationCompleteResolver?.();\n          }\n        });\n\n      /**\n       * If async validators are present:\n       * Only run updates when a sync validator has a change. This is to prevent\n       * situations where running sync validators can override async validators\n       * that are still in progress\n       *\n       * If async validators are not present, always update validity\n       */\n      if (hasChange || !hasAsyncValidators) {\n        this.#setValidityWithOptionalTarget(validity, validationMessage);\n      }\n    }\n\n    /**\n     * If the validationTarget is not set, the user can decide how they would\n     * prefer to handle focus when the field is validated.\n     */\n    #setValidityWithOptionalTarget(validity: Partial<ValidityState>, validationMessage: string|undefined): void {\n      if (this.validationTarget) {\n        this.internals.setValidity(validity, validationMessage, this.validationTarget);\n        this.#awaitingValidationTarget = false;\n      } else {\n        this.internals.setValidity(validity, validationMessage);\n\n        if (this.internals.validity.valid) {\n          return;\n        }\n\n        /**\n         * Sets mark the component as awaiting a validation target\n         * if the element dispatches an invalid event, the #onInvalid listener\n         * will check to see if the validation target has been set since this call\n         * has run. This useful in cases like Lit's use of the query\n         * decorator for setting the validationTarget or any scenario\n         * where the validationTarget isn't available upon construction\n         */\n        this.#awaitingValidationTarget = true;\n      }\n    }\n\n    /** Process the validator message attribute */\n    #getValidatorMessageForValue(validator: Validator, value: FormValue): string {\n      /** If the validity callback exists and returns, use that as the result */\n      if (this.validityCallback) {\n        const message = this.validityCallback(validator.key || 'customError');\n\n        if (message) {\n          return message;\n        }\n      }\n\n      if (validator.message instanceof Function) {\n        return (validator.message as validationMessageCallback)(this, value);\n      } else {\n        return validator.message as string;\n      }\n    }\n\n     /** Reset control state when the form is reset */\n    formResetCallback() {\n      this.#touched = false;\n      this.#forceError = false;\n      this.#shouldShowError();\n      this.resetFormControl?.();\n\n      this.validationMessageCallback?.(\n        this.#shouldShowError() ? this.validationMessage : ''\n      );\n    }\n  }\n\n  return FormControl as Constructor<FormControlInterface> & TBase;\n}\n", "(function () {\n    'use strict';\n\n    const refMap = new WeakMap();\n    const validityMap = new WeakMap();\n    const hiddenInputMap = new WeakMap();\n    const internalsMap = new WeakMap();\n    const validationMessageMap = new WeakMap();\n    const formsMap = new WeakMap();\n    const shadowHostsMap = new WeakMap();\n    const formElementsMap = new WeakMap();\n    const refValueMap = new WeakMap();\n    const upgradeMap = new WeakMap();\n    const shadowRootMap = new WeakMap();\n    const validationAnchorMap = new WeakMap();\n    const documentFragmentMap = new WeakMap();\n    const connectedCallbackMap = new WeakMap();\n    const validityUpgradeMap = new WeakMap();\n\n    const aom = {\n        ariaAtomic: 'aria-atomic',\n        ariaAutoComplete: 'aria-autocomplete',\n        ariaBusy: 'aria-busy',\n        ariaChecked: 'aria-checked',\n        ariaColCount: 'aria-colcount',\n        ariaColIndex: 'aria-colindex',\n        ariaColIndexText: 'aria-colindextext',\n        ariaColSpan: 'aria-colspan',\n        ariaCurrent: 'aria-current',\n        ariaDisabled: 'aria-disabled',\n        ariaExpanded: 'aria-expanded',\n        ariaHasPopup: 'aria-haspopup',\n        ariaHidden: 'aria-hidden',\n        ariaInvalid: 'aria-invalid',\n        ariaKeyShortcuts: 'aria-keyshortcuts',\n        ariaLabel: 'aria-label',\n        ariaLevel: 'aria-level',\n        ariaLive: 'aria-live',\n        ariaModal: 'aria-modal',\n        ariaMultiLine: 'aria-multiline',\n        ariaMultiSelectable: 'aria-multiselectable',\n        ariaOrientation: 'aria-orientation',\n        ariaPlaceholder: 'aria-placeholder',\n        ariaPosInSet: 'aria-posinset',\n        ariaPressed: 'aria-pressed',\n        ariaReadOnly: 'aria-readonly',\n        ariaRelevant: 'aria-relevant',\n        ariaRequired: 'aria-required',\n        ariaRoleDescription: 'aria-roledescription',\n        ariaRowCount: 'aria-rowcount',\n        ariaRowIndex: 'aria-rowindex',\n        ariaRowIndexText: 'aria-rowindextext',\n        ariaRowSpan: 'aria-rowspan',\n        ariaSelected: 'aria-selected',\n        ariaSetSize: 'aria-setsize',\n        ariaSort: 'aria-sort',\n        ariaValueMax: 'aria-valuemax',\n        ariaValueMin: 'aria-valuemin',\n        ariaValueNow: 'aria-valuenow',\n        ariaValueText: 'aria-valuetext',\n        role: 'role'\n    };\n    const initAom = (ref, internals) => {\n        for (let key in aom) {\n            internals[key] = null;\n            let closureValue = null;\n            const attributeName = aom[key];\n            Object.defineProperty(internals, key, {\n                get() {\n                    return closureValue;\n                },\n                set(value) {\n                    closureValue = value;\n                    if (ref.isConnected) {\n                        ref.setAttribute(attributeName, value);\n                    }\n                    else {\n                        upgradeMap.set(ref, internals);\n                    }\n                }\n            });\n        }\n    };\n\n    function initNode(node) {\n        const internals = internalsMap.get(node);\n        const { form } = internals;\n        initForm(node, form, internals);\n        initLabels(node, internals.labels);\n    }\n    const walkFieldset = (node, firstRender = false) => {\n        const walker = document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT, {\n            acceptNode(node) {\n                return internalsMap.has(node) ?\n                    NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n            }\n        });\n        let current = walker.nextNode();\n        const isCallNecessary = (!firstRender || node.disabled);\n        while (current) {\n            if (current.formDisabledCallback && isCallNecessary) {\n                setDisabled(current, node.disabled);\n            }\n            current = walker.nextNode();\n        }\n    };\n    const disabledObserverConfig = { attributes: true, attributeFilter: ['disabled'] };\n    const disabledObserver = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n            const target = mutation.target;\n            if (target.constructor['formAssociated']) {\n                setDisabled(target, target.hasAttribute('disabled'));\n            }\n            else if (target.localName === 'fieldset') {\n                walkFieldset(target);\n            }\n        }\n    });\n    function observerCallback(mutationList) {\n        mutationList.forEach(mutationRecord => {\n            const { addedNodes, removedNodes } = mutationRecord;\n            const added = Array.from(addedNodes);\n            const removed = Array.from(removedNodes);\n            added.forEach(node => {\n                if (internalsMap.has(node) && node.constructor['formAssociated']) {\n                    initNode(node);\n                }\n                if (upgradeMap.has(node)) {\n                    const internals = upgradeMap.get(node);\n                    const aomKeys = Object.keys(aom);\n                    aomKeys\n                        .filter(key => internals[key] !== null)\n                        .forEach(key => {\n                        node.setAttribute(aom[key], internals[key]);\n                    });\n                    upgradeMap.delete(node);\n                }\n                if (validityUpgradeMap.has(node)) {\n                    const internals = validityUpgradeMap.get(node);\n                    node.setAttribute('internals-valid', internals.validity.valid.toString());\n                    node.setAttribute('internals-invalid', (!internals.validity.valid).toString());\n                    node.setAttribute('aria-invalid', (!internals.validity.valid).toString());\n                    validityUpgradeMap.delete(node);\n                }\n                if (node.localName === 'form') {\n                    const formElements = formElementsMap.get(node);\n                    const walker = document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT, {\n                        acceptNode(node) {\n                            return internalsMap.has(node) && !(formElements && formElements.has(node)) ?\n                                NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n                        }\n                    });\n                    let current = walker.nextNode();\n                    while (current) {\n                        initNode(current);\n                        current = walker.nextNode();\n                    }\n                }\n                if (node.localName === 'fieldset') {\n                    disabledObserver.observe(node, disabledObserverConfig);\n                    walkFieldset(node, true);\n                }\n            });\n            removed.forEach(node => {\n                const internals = internalsMap.get(node);\n                if (internals && hiddenInputMap.get(internals)) {\n                    removeHiddenInputs(internals);\n                }\n                if (shadowHostsMap.has(node)) {\n                    const observer = shadowHostsMap.get(node);\n                    observer.disconnect();\n                }\n            });\n        });\n    }\n    function fragmentObserverCallback(mutationList) {\n        mutationList.forEach(mutation => {\n            const { removedNodes } = mutation;\n            removedNodes.forEach(node => {\n                const observer = documentFragmentMap.get(mutation.target);\n                if (internalsMap.has(node)) {\n                    upgradeInternals(node);\n                }\n                observer.disconnect();\n            });\n        });\n    }\n    const deferUpgrade = (fragment) => {\n        const observer = new MutationObserver(fragmentObserverCallback);\n        observer.observe(fragment, { childList: true });\n        documentFragmentMap.set(fragment, observer);\n    };\n    new MutationObserver(observerCallback);\n    const observerConfig = {\n        childList: true,\n        subtree: true\n    };\n\n    const setDisabled = (ref, disabled) => {\n        ref.toggleAttribute('internals-disabled', disabled);\n        if (disabled) {\n            ref.setAttribute('aria-disabled', 'true');\n        }\n        else {\n            ref.removeAttribute('aria-disabled');\n        }\n        if (ref.formDisabledCallback) {\n            ref.formDisabledCallback.apply(ref, [disabled]);\n        }\n    };\n    const removeHiddenInputs = (internals) => {\n        const hiddenInputs = hiddenInputMap.get(internals);\n        hiddenInputs.forEach(hiddenInput => {\n            hiddenInput.remove();\n        });\n        hiddenInputMap.set(internals, []);\n    };\n    const createHiddenInput = (ref, internals) => {\n        const input = document.createElement('input');\n        input.type = 'hidden';\n        input.name = ref.getAttribute('name');\n        ref.after(input);\n        hiddenInputMap.get(internals).push(input);\n        return input;\n    };\n    const initRef = (ref, internals) => {\n        hiddenInputMap.set(internals, []);\n        disabledObserver.observe(ref, disabledObserverConfig);\n    };\n    const initLabels = (ref, labels) => {\n        if (labels.length) {\n            Array.from(labels).forEach(label => label.addEventListener('click', ref.click.bind(ref)));\n            let firstLabelId = labels[0].id;\n            if (!labels[0].id) {\n                firstLabelId = `${labels[0].htmlFor}_Label`;\n                labels[0].id = firstLabelId;\n            }\n            ref.setAttribute('aria-labelledby', firstLabelId);\n        }\n    };\n    const setFormValidity = (form) => {\n        const nativeControlValidity = Array.from(form.elements)\n            .filter((element) => !element.tagName.includes('-') && element.validity)\n            .map((element) => element.validity.valid);\n        const polyfilledElements = formElementsMap.get(form) || [];\n        const polyfilledValidity = Array.from(polyfilledElements)\n            .filter(control => control.isConnected)\n            .map((control) => internalsMap.get(control).validity.valid);\n        const hasInvalid = [...nativeControlValidity, ...polyfilledValidity].includes(false);\n        form.toggleAttribute('internals-invalid', hasInvalid);\n        form.toggleAttribute('internals-valid', !hasInvalid);\n    };\n    const formInputCallback = (event) => {\n        setFormValidity(findParentForm(event.target));\n    };\n    const formChangeCallback = (event) => {\n        setFormValidity(findParentForm(event.target));\n    };\n    const wireSubmitLogic = (form) => {\n        const SUBMIT_BUTTON_SELECTOR = ':is(:is(button, input)[type=submit], button:not([type])):not([disabled])';\n        let submitButtonSelector = `${SUBMIT_BUTTON_SELECTOR}:not([form])`;\n        if (form.id) {\n            submitButtonSelector += `,${SUBMIT_BUTTON_SELECTOR}[form='${form.id}']`;\n        }\n        form.addEventListener('click', event => {\n            const target = event.target;\n            if (target.closest(submitButtonSelector)) {\n                const elements = formElementsMap.get(form);\n                if (form.noValidate) {\n                    return;\n                }\n                if (elements.size) {\n                    const nodes = Array.from(elements);\n                    const validityList = nodes\n                        .reverse()\n                        .map(node => {\n                        const internals = internalsMap.get(node);\n                        return internals.reportValidity();\n                    });\n                    if (validityList.includes(false)) {\n                        event.preventDefault();\n                    }\n                }\n            }\n        });\n    };\n    const formResetCallback = (event) => {\n        const elements = formElementsMap.get(event.target);\n        if (elements && elements.size) {\n            elements.forEach(element => {\n                if (element.constructor.formAssociated && element.formResetCallback) {\n                    element.formResetCallback.apply(element);\n                }\n            });\n        }\n    };\n    const initForm = (ref, form, internals) => {\n        if (form) {\n            const formElements = formElementsMap.get(form);\n            if (formElements) {\n                formElements.add(ref);\n            }\n            else {\n                const initSet = new Set();\n                initSet.add(ref);\n                formElementsMap.set(form, initSet);\n                wireSubmitLogic(form);\n                form.addEventListener('reset', formResetCallback);\n                form.addEventListener('input', formInputCallback);\n                form.addEventListener('change', formChangeCallback);\n            }\n            formsMap.set(form, { ref, internals });\n            if (ref.constructor['formAssociated'] && ref.formAssociatedCallback) {\n                setTimeout(() => {\n                    ref.formAssociatedCallback.apply(ref, [form]);\n                }, 0);\n            }\n            setFormValidity(form);\n        }\n    };\n    const findParentForm = (elem) => {\n        let parent = elem.parentNode;\n        if (parent && parent.tagName !== 'FORM') {\n            parent = findParentForm(parent);\n        }\n        return parent;\n    };\n    const throwIfNotFormAssociated = (ref, message, ErrorType = DOMException) => {\n        if (!ref.constructor['formAssociated']) {\n            throw new ErrorType(message);\n        }\n    };\n    const overrideFormMethod = (form, returnValue, method) => {\n        const elements = formElementsMap.get(form);\n        if (elements && elements.size) {\n            elements.forEach(element => {\n                const internals = internalsMap.get(element);\n                const valid = internals[method]();\n                if (!valid) {\n                    returnValue = false;\n                }\n            });\n        }\n        return returnValue;\n    };\n    const upgradeInternals = (ref) => {\n        if (ref.constructor['formAssociated']) {\n            const internals = internalsMap.get(ref);\n            const { labels, form } = internals;\n            initLabels(ref, labels);\n            initForm(ref, form, internals);\n        }\n    };\n\n    class ValidityState {\n        constructor() {\n            this.badInput = false;\n            this.customError = false;\n            this.patternMismatch = false;\n            this.rangeOverflow = false;\n            this.rangeUnderflow = false;\n            this.stepMismatch = false;\n            this.tooLong = false;\n            this.tooShort = false;\n            this.typeMismatch = false;\n            this.valid = true;\n            this.valueMissing = false;\n            Object.seal(this);\n        }\n    }\n    const setValid = (validityObject) => {\n        validityObject.badInput = false;\n        validityObject.customError = false;\n        validityObject.patternMismatch = false;\n        validityObject.rangeOverflow = false;\n        validityObject.rangeUnderflow = false;\n        validityObject.stepMismatch = false;\n        validityObject.tooLong = false;\n        validityObject.tooShort = false;\n        validityObject.typeMismatch = false;\n        validityObject.valid = true;\n        validityObject.valueMissing = false;\n        return validityObject;\n    };\n    const reconcileValidity = (validityObject, newState, form) => {\n        validityObject.valid = isValid(newState);\n        Object.keys(newState).forEach(key => validityObject[key] = newState[key]);\n        if (form) {\n            setFormValidity(form);\n        }\n        return validityObject;\n    };\n    const isValid = (validityState) => {\n        let valid = true;\n        for (let key in validityState) {\n            if (key !== 'valid' && validityState[key] !== false) {\n                valid = false;\n            }\n        }\n        return valid;\n    };\n\n    const customStateMap = new WeakMap();\n    class CustomStateSet extends Set {\n        static get isPolyfilled() {\n            return true;\n        }\n        constructor(ref) {\n            super();\n            if (!ref || !ref.tagName || ref.tagName.indexOf('-') === -1) {\n                throw new TypeError('Illegal constructor');\n            }\n            customStateMap.set(this, ref);\n        }\n        add(state) {\n            if (!/^--/.test(state) || typeof state !== 'string') {\n                throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${state} must start with '--'.`);\n            }\n            const result = super.add(state);\n            const ref = customStateMap.get(this);\n            ref.toggleAttribute(`state${state}`, true);\n            if (ref.part) {\n                ref.part.add(`state${state}`);\n            }\n            return result;\n        }\n        clear() {\n            for (let [entry] of this.entries()) {\n                this.delete(entry);\n            }\n            super.clear();\n        }\n        delete(state) {\n            const result = super.delete(state);\n            const ref = customStateMap.get(this);\n            ref.toggleAttribute(`state${state}`, false);\n            if (ref.part) {\n                ref.part.remove(`state${state}`);\n            }\n            return result;\n        }\n    }\n\n    function __classPrivateFieldGet(receiver, state, kind, f) {\n        if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n        if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n        return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n    }\n    function __classPrivateFieldSet(receiver, state, value, kind, f) {\n        if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n        if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n        if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n        return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n    }\n\n    var _HTMLFormControlsCollection_elements;\n    class HTMLFormControlsCollection {\n        constructor(elements) {\n            _HTMLFormControlsCollection_elements.set(this, void 0);\n            __classPrivateFieldSet(this, _HTMLFormControlsCollection_elements, elements, \"f\");\n            for (let i = 0; i < elements.length; i++) {\n                let element = elements[i];\n                this[i] = element;\n                if (element.hasAttribute('name')) {\n                    this[element.getAttribute('name')] = element;\n                }\n            }\n            Object.freeze(this);\n        }\n        get length() {\n            return __classPrivateFieldGet(this, _HTMLFormControlsCollection_elements, \"f\").length;\n        }\n        [(_HTMLFormControlsCollection_elements = new WeakMap(), Symbol.iterator)]() {\n            return __classPrivateFieldGet(this, _HTMLFormControlsCollection_elements, \"f\")[Symbol.iterator]();\n        }\n        item(i) {\n            return this[i] == null ? null : this[i];\n        }\n        namedItem(name) {\n            return this[name] == null ? null : this[name];\n        }\n    }\n\n    class ElementInternals {\n        static get isPolyfilled() {\n            return true;\n        }\n        constructor(ref) {\n            if (!ref || !ref.tagName || ref.tagName.indexOf('-') === -1) {\n                throw new TypeError('Illegal constructor');\n            }\n            const rootNode = ref.getRootNode();\n            const validity = new ValidityState();\n            this.states = new CustomStateSet(ref);\n            refMap.set(this, ref);\n            validityMap.set(this, validity);\n            internalsMap.set(ref, this);\n            initAom(ref, this);\n            initRef(ref, this);\n            Object.seal(this);\n            upgradeInternals(ref);\n            if (rootNode instanceof DocumentFragment) {\n                deferUpgrade(rootNode);\n            }\n        }\n        checkValidity() {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n            if (!this.willValidate) {\n                return true;\n            }\n            const validity = validityMap.get(this);\n            if (!validity.valid) {\n                const validityEvent = new Event('invalid', {\n                    bubbles: false,\n                    cancelable: true,\n                    composed: false\n                });\n                ref.dispatchEvent(validityEvent);\n            }\n            return validity.valid;\n        }\n        get form() {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n            let form;\n            if (ref.constructor['formAssociated'] === true) {\n                form = findParentForm(ref);\n            }\n            return form;\n        }\n        get labels() {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n            const id = ref.getAttribute('id');\n            const hostRoot = ref.getRootNode();\n            if (hostRoot && id) {\n                return hostRoot.querySelectorAll(`[for=\"${id}\"]`);\n            }\n            return [];\n        }\n        reportValidity() {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n            if (!this.willValidate) {\n                return true;\n            }\n            const valid = this.checkValidity();\n            const anchor = validationAnchorMap.get(this);\n            if (anchor && !ref.constructor['formAssociated']) {\n                throw new DOMException(`Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n            }\n            if (!valid && anchor) {\n                ref.focus();\n                anchor.focus();\n            }\n            return valid;\n        }\n        setFormValue(value) {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element.`);\n            removeHiddenInputs(this);\n            if (value != null && !(value instanceof FormData)) {\n                if (ref.getAttribute('name')) {\n                    const hiddenInput = createHiddenInput(ref, this);\n                    hiddenInput.value = value;\n                }\n            }\n            else if (value != null && value instanceof FormData) {\n                Array.from(value).reverse().forEach(([formDataKey, formDataValue]) => {\n                    if (typeof formDataValue === 'string') {\n                        const hiddenInput = createHiddenInput(ref, this);\n                        hiddenInput.name = formDataKey;\n                        hiddenInput.value = formDataValue;\n                    }\n                });\n            }\n            refValueMap.set(ref, value);\n        }\n        setValidity(validityChanges, validationMessage, anchor) {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n            if (!validityChanges) {\n                throw new TypeError('Failed to execute \\'setValidity\\' on \\'ElementInternals\\': 1 argument required, but only 0 present.');\n            }\n            validationAnchorMap.set(this, anchor);\n            const validity = validityMap.get(this);\n            const validityChangesObj = {};\n            for (const key in validityChanges) {\n                validityChangesObj[key] = validityChanges[key];\n            }\n            if (Object.keys(validityChangesObj).length === 0) {\n                setValid(validity);\n            }\n            const check = { ...validity, ...validityChangesObj };\n            delete check.valid;\n            const { valid } = reconcileValidity(validity, check, this.form);\n            if (!valid && !validationMessage) {\n                throw new DOMException(`Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.`);\n            }\n            validationMessageMap.set(this, valid ? '' : validationMessage);\n            if (ref.isConnected) {\n                ref.toggleAttribute('internals-invalid', !valid);\n                ref.toggleAttribute('internals-valid', valid);\n                ref.setAttribute('aria-invalid', `${!valid}`);\n            }\n            else {\n                validityUpgradeMap.set(ref, this);\n            }\n        }\n        get shadowRoot() {\n            const ref = refMap.get(this);\n            const shadowRoot = shadowRootMap.get(ref);\n            if (shadowRoot) {\n                return shadowRoot;\n            }\n            return null;\n        }\n        get validationMessage() {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n            return validationMessageMap.get(this);\n        }\n        get validity() {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n            const validity = validityMap.get(this);\n            return validity;\n        }\n        get willValidate() {\n            const ref = refMap.get(this);\n            throwIfNotFormAssociated(ref, `Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n            if ((ref.disabled || ref.hasAttribute('disabled')) ||\n                ref.hasAttribute('readonly')) {\n                return false;\n            }\n            return true;\n        }\n    }\n    function isElementInternalsSupported() {\n        if (!window.ElementInternals || !HTMLElement.prototype.attachInternals) {\n            return false;\n        }\n        class ElementInternalsFeatureDetection extends HTMLElement {\n            constructor() {\n                super();\n                this.internals = this.attachInternals();\n            }\n        }\n        const randomName = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, '')}`;\n        customElements.define(randomName, ElementInternalsFeatureDetection);\n        const featureDetectionElement = new ElementInternalsFeatureDetection();\n        return [\n            'shadowRoot',\n            'form',\n            'willValidate',\n            'validity',\n            'validationMessage',\n            'labels',\n            'setFormValue',\n            'setValidity',\n            'checkValidity',\n            'reportValidity'\n        ].every(prop => prop in featureDetectionElement.internals);\n    }\n    if (!isElementInternalsSupported()) {\n        window.ElementInternals = ElementInternals;\n        const define = customElements.define;\n        customElements.define = function (name, constructor, options) {\n            if (constructor.formAssociated) {\n                const connectedCallback = constructor.prototype.connectedCallback;\n                constructor.prototype.connectedCallback = function () {\n                    if (!connectedCallbackMap.has(this)) {\n                        connectedCallbackMap.set(this, true);\n                        if (this.hasAttribute('disabled')) {\n                            setDisabled(this, true);\n                        }\n                    }\n                    if (connectedCallback != null) {\n                        connectedCallback.apply(this);\n                    }\n                };\n            }\n            define.apply(customElements, [name, constructor, options]);\n        };\n        function attachShadowObserver(...args) {\n            const shadowRoot = attachShadow.apply(this, args);\n            const observer = new MutationObserver(observerCallback);\n            shadowRootMap.set(this, shadowRoot);\n            if (window.ShadyDOM) {\n                observer.observe(this, observerConfig);\n            }\n            else {\n                observer.observe(shadowRoot, observerConfig);\n            }\n            shadowHostsMap.set(this, observer);\n            return shadowRoot;\n        }\n        function checkValidityOverride(...args) {\n            let returnValue = checkValidity.apply(this, args);\n            return overrideFormMethod(this, returnValue, 'checkValidity');\n        }\n        function reportValidityOverride(...args) {\n            let returnValue = reportValidity.apply(this, args);\n            return overrideFormMethod(this, returnValue, 'reportValidity');\n        }\n        HTMLElement.prototype.attachInternals = function () {\n            if (!this.tagName) {\n                return {};\n            }\n            else if (this.tagName.indexOf('-') === -1) {\n                throw new Error(`Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.`);\n            }\n            if (internalsMap.has(this)) {\n                throw new DOMException(`DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.`);\n            }\n            return new ElementInternals(this);\n        };\n        const attachShadow = Element.prototype.attachShadow;\n        Element.prototype.attachShadow = attachShadowObserver;\n        const documentObserver = new MutationObserver(observerCallback);\n        documentObserver.observe(document.documentElement, observerConfig);\n        const checkValidity = HTMLFormElement.prototype.checkValidity;\n        HTMLFormElement.prototype.checkValidity = checkValidityOverride;\n        const reportValidity = HTMLFormElement.prototype.reportValidity;\n        HTMLFormElement.prototype.reportValidity = reportValidityOverride;\n        const { get } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'elements');\n        Object.defineProperty(HTMLFormElement.prototype, 'elements', {\n            get(...args) {\n                const elements = get.call(this, ...args);\n                const polyfilledElements = Array.from(formElementsMap.get(this) || []);\n                if (polyfilledElements.length === 0) {\n                    return elements;\n                }\n                const orderedElements = Array.from(elements).concat(polyfilledElements).sort((a, b) => {\n                    if (a.compareDocumentPosition) {\n                        return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n                    }\n                    return 0;\n                });\n                return new HTMLFormControlsCollection(orderedElements);\n            },\n        });\n        if (!window.CustomStateSet) {\n            window.CustomStateSet = CustomStateSet;\n        }\n    }\n    else if (!window.CustomStateSet) {\n        window.CustomStateSet = CustomStateSet;\n        const attachInternals = HTMLElement.prototype.attachInternals;\n        HTMLElement.prototype.attachInternals = function (...args) {\n            const internals = attachInternals.call(this, args);\n            internals.states = new CustomStateSet(this);\n            return internals;\n        };\n    }\n\n})();\n"],
+  "mappings": "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",
+  "names": ["FormControlMixin", "SuperClass", "FormControl", "args", "_FormControl_focused", "_FormControl_forceError", "_FormControl_touched", "_FormControl_abortController", "_FormControl_previousAbortController", "_FormControl_awaitingValidationTarget", "_FormControl_value", "_FormControl_onFocus", "__classPrivateFieldSet", "__classPrivateFieldGet", "_FormControl_instances", "_FormControl_shouldShowError", "_FormControl_onBlur", "_FormControl_runValidators", "showError", "_FormControl_onInvalid", "_a", "_FormControl_validationCompleteResolver", "_FormControl_isValidationPending", "_FormControl_validationComplete", "_b", "_c", "validatorAttributes", "validator", "observedAttributes", "attribute", "name", "oldValue", "newValue", "validators", "value", "valueToUpdate", "resolve", "rootNode", "selector", "proto", "validity", "asyncValidators", "hasAsyncValidators", "abortController", "validationMessage", "hasChange", "key", "isValid", "isValidatorValid", "_FormControl_getValidatorMessageForValue", "_FormControl_setValidityWithOptionalTarget", "message", "refMap", "validityMap", "hiddenInputMap", "internalsMap", "validationMessageMap", "formsMap", "shadowHostsMap", "formElementsMap", "refValueMap", "upgradeMap", "shadowRootMap", "validationAnchorMap", "documentFragmentMap", "connectedCallbackMap", "validityUpgradeMap", "aom", "initAom", "ref", "internals", "key", "closureValue", "attributeName", "value", "initNode", "node", "form", "initForm", "initLabels", "walkFieldset", "firstRender", "walker", "current", "isCallNecessary", "setDisabled", "disabledObserverConfig", "disabledObserver", "mutationsList", "mutation", "target", "observerCallback", "mutationList", "mutationRecord", "addedNodes", "removedNodes", "added", "removed", "formElements", "removeHiddenInputs", "fragmentObserverCallback", "observer", "upgradeInternals", "deferUpgrade", "fragment", "observerConfig", "disabled", "hiddenInput", "createHiddenInput", "input", "initRef", "labels", "label", "firstLabelId", "setFormValidity", "nativeControlValidity", "element", "polyfilledElements", "polyfilledValidity", "control", "hasInvalid", "formInputCallback", "event", "findParentForm", "formChangeCallback", "wireSubmitLogic", "SUBMIT_BUTTON_SELECTOR", "submitButtonSelector", "elements", "formResetCallback", "initSet", "elem", "parent", "throwIfNotFormAssociated", "message", "ErrorType", "overrideFormMethod", "returnValue", "method", "ValidityState", "setValid", "validityObject", "reconcileValidity", "newState", "isValid", "validityState", "valid", "customStateMap", "CustomStateSet", "state", "result", "entry", "__classPrivateFieldGet", "receiver", "kind", "f", "__classPrivateFieldSet", "_HTMLFormControlsCollection_elements", "HTMLFormControlsCollection", "i", "name", "ElementInternals", "rootNode", "validity", "validityEvent", "id", "hostRoot", "anchor", "formDataKey", "formDataValue", "validityChanges", "validationMessage", "validityChangesObj", "check", "shadowRoot", "isElementInternalsSupported", "ElementInternalsFeatureDetection", "randomName", "featureDetectionElement", "prop", "attachInternals", "args", "attachShadowObserver", "attachShadow", "checkValidityOverride", "checkValidity", "reportValidityOverride", "reportValidity", "define", "constructor", "options", "connectedCallback", "get", "orderedElements", "a", "b"]
+}

package/dist/{chunk-F3CGCLRX.js → chunk-DSM6T5MC.js}

@@ -1,4 +1,4 @@
-import{a as v}from"./chunk-EPJ347EQ.js";import{a as d}from"./chunk-7K5FMQLQ.js";import{a as f}from"./chunk-KPAWUBRO.js";import{a as l}from"./chunk-23UFIOHV.js";import{a as s,b as a,f as n,g as c,h as r,j as m}from"./chunk-57PTZNIL.js";import{a as t}from"./chunk-NZ3RGSR6.js";var E=s`:host{display:inline-block;vertical-align:middle}:host *{outline:0}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-secondary);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{word-break:break-all}input{appearance:none;position:absolute}.check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-border);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-content-primary-contrast);font-size:var(--bl-font-size-2xs);line-height:100%;background-color:var(--bl-color-primary-background)}:host([checked]) .label,:host(:hover) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label{color:var(--bl-color-primary)}:host(:is([checked],[indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:0}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-content-passive)}:host([disabled]) .check-mark{background-color:var(--bl-color-secondary-background)}:host(:not([disabled])) input:focus-visible+.check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`,g=E;var O=s`:host{display:flex;flex-direction:row}fieldset{border:0;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-content-primary)}.options{display:flex;flex-flow:var(--bl-checkbox-direction,column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}`,k=O;var p="bl-checkbox-group",u="bl-checkbox-group-change",o=class extends d(n){constructor(){super(...arguments);this.value=[];this.required=!1;this.focusedOptionIndex=0}static get styles(){return[k]}get options(){return[].slice.call(this.querySelectorAll(h))}get checkedOptions(){return this.options.filter(e=>e.checked).map(e=>e.value)}get availableOptions(){return this.options.filter(e=>!e.disabled)}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus),this.removeEventListener("keydown",this.handleKeyDown)}updated(e){e.has("value")&&(this.setValue(this.checkedOptions.join(",")),this.onChange(this.value))}handleOptionChecked(){this.value=this.checkedOptions}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--;else if(e.key==="Tab"){if(e.shiftKey?this.focusedOptionIndex--:this.focusedOptionIndex++,this.focusedOptionIndex===this.availableOptions.length){this.tabIndex=0,this.focusedOptionIndex=0;return}}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.availableOptions.length-1)),this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}render(){return a`<fieldset role="group" aria-labelledby="label" aria-required=${this.required}>
+import{a as v}from"./chunk-EPJ347EQ.js";import{a as d}from"./chunk-DJOD4BTL.js";import{a as f}from"./chunk-KPAWUBRO.js";import{a as l}from"./chunk-23UFIOHV.js";import{a as s,b as a,f as n,g as c,h as r,j as m}from"./chunk-57PTZNIL.js";import{a as t}from"./chunk-NZ3RGSR6.js";var E=s`:host{display:inline-block;vertical-align:middle}:host *{outline:0}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-secondary);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{word-break:break-all}input{appearance:none;position:absolute}.check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-border);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-content-primary-contrast);font-size:var(--bl-font-size-2xs);line-height:100%;background-color:var(--bl-color-primary-background)}:host([checked]) .label,:host(:hover) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label{color:var(--bl-color-primary)}:host(:is([checked],[indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:0}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-content-passive)}:host([disabled]) .check-mark{background-color:var(--bl-color-secondary-background)}:host(:not([disabled])) input:focus-visible+.check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`,g=E;var O=s`:host{display:flex;flex-direction:row}fieldset{border:0;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-content-primary)}.options{display:flex;flex-flow:var(--bl-checkbox-direction,column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}`,k=O;var p="bl-checkbox-group",u="bl-checkbox-group-change",o=class extends d(n){constructor(){super(...arguments);this.value=[];this.required=!1;this.focusedOptionIndex=0}static get styles(){return[k]}get options(){return[].slice.call(this.querySelectorAll(h))}get checkedOptions(){return this.options.filter(e=>e.checked).map(e=>e.value)}get availableOptions(){return this.options.filter(e=>!e.disabled)}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus),this.removeEventListener("keydown",this.handleKeyDown)}updated(e){e.has("value")&&(this.setValue(this.checkedOptions.join(",")),this.onChange(this.value))}handleOptionChecked(){this.value=this.checkedOptions}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--;else if(e.key==="Tab"){if(e.shiftKey?this.focusedOptionIndex--:this.focusedOptionIndex++,this.focusedOptionIndex===this.availableOptions.length){this.tabIndex=0,this.focusedOptionIndex=0;return}}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.availableOptions.length-1)),this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}render(){return a`<fieldset role="group" aria-labelledby="label" aria-required=${this.required}>
       <legend id="label">${this.label}</legend>
       <div class="options" @bl-checkbox-change=${this.handleOptionChecked}>
         <slot></slot>
@@ -21,4 +21,4 @@ import{a as v}from"./chunk-EPJ347EQ.js";import{a as d}from"./chunk-7K5FMQLQ.js";
         <span class="label"><slot></slot></span>
       </label>
     `}};t([r({type:Boolean,reflect:!0})],i.prototype,"checked",2),t([r()],i.prototype,"value",2),t([r({type:Boolean,reflect:!0})],i.prototype,"required",2),t([r({type:Boolean,reflect:!0})],i.prototype,"disabled",2),t([r({type:Boolean,reflect:!0})],i.prototype,"indeterminate",2),t([l("bl-checkbox-change")],i.prototype,"onChange",2),t([l("bl-focus")],i.prototype,"onFocus",2),t([l("bl-blur")],i.prototype,"onBlur",2),t([m("[type=checkbox]")],i.prototype,"checkboxElement",2),i=t([c(h)],i);export{h as a,i as b,p as c,u as d,o as e};
-//# sourceMappingURL=chunk-F3CGCLRX.js.map
+//# sourceMappingURL=chunk-DSM6T5MC.js.map

package/dist/{chunk-IBKG5DOR.js → chunk-J774WKKH.js}

@@ -35,10 +35,9 @@ import{a as h}from"./chunk-KPAWUBRO.js";import{a as o}from"./chunk-23UFIOHV.js";
     `}render(){let e=this.hasSelect?s`
           <div class="select">
             <label>${this.selectLabel}</label>
-            <bl-select @bl-select="${this._selectHandler}">
+            <bl-select @bl-select="${this._selectHandler}" .value=${this.itemsPerPage}>
               ${this.itemsPerPageOptions.map(n=>s`<bl-select-option
-                  value="${n.value}"
-                  ?selected=${n.value===this.itemsPerPage}
+                  .value=${n.value}
                   >${n.text}</bl-select-option
                 >`)}
             </bl-select>
@@ -49,4 +48,4 @@ import{a as h}from"./chunk-KPAWUBRO.js";import{a as o}from"./chunk-23UFIOHV.js";
         </div>`:null;return s` <nav class="pagination" aria-label="Pagination">
       ${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return s` <div class="pagination-helpers">${e} ${a}</div> `})()} ${this.renderPages()}
     </nav>`}};r([i({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),r([i({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),r([i({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),r([i({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),r([i({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),r([i({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),r([i({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),r([i({type:Array,attribute:!1})],t.prototype,"itemsPerPageOptions",2),r([g()],t.prototype,"pages",2),r([o("bl-change")],t.prototype,"onChange",2),t=r([c("bl-pagination")],t);export{t as a};
-//# sourceMappingURL=chunk-IBKG5DOR.js.map
+//# sourceMappingURL=chunk-J774WKKH.js.map

package/dist/{chunk-IBKG5DOR.js.map → chunk-J774WKKH.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\\\B7 \\\\B7 \\\\B7';color:var(--bl-color-content-primary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-content-primary)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../button/bl-button';\nimport '../input/bl-input';\nimport '../select/bl-select';\n\nimport style from './bl-pagination.css';\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement('bl-pagination')\nexport default class BlPagination extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the current page\n   */\n  @property({ attribute: 'current-page', type: Number, reflect: true })\n  currentPage = 1;\n\n  /**\n   * Sets the total items to be paginated\n   */\n  @property({ attribute: 'total-items', type: Number })\n  totalItems = 0;\n\n  /**\n   * Sets the number of items per page\n   */\n  @property({ attribute: 'items-per-page', type: Number, reflect: true })\n  itemsPerPage = 10;\n\n  /**\n   * Adds jumper element if provided as true\n   */\n  @property({ attribute: 'has-jumper', type: Boolean })\n  hasJumper = false;\n\n  /**\n   * Sets the jumper label\n   */\n  @property({ attribute: 'jumper-label', type: String })\n  jumperLabel = 'Go To';\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'has-select', type: Boolean })\n  hasSelect = false;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'select-label', type: String })\n  selectLabel = 'Show';\n\n  /**\n   * Sets the items per page options of the select element\n   *  PROPERTY\n   */\n  @property({ type: Array, attribute: false })\n  itemsPerPageOptions = [\n    {\n      text: '10 Items',\n      value: 10,\n    },\n    {\n      text: '25 Items',\n      value: 25,\n    },\n    {\n      text: '50 Items',\n      value: 50,\n    },\n    {\n      text: '100 Items',\n      value: 100,\n    },\n  ];\n\n  @state() private pages: Array<number | string> = [];\n\n  /**\n   * Fires when the current page changes\n   */\n  @event('bl-change') private onChange: EventDispatcher<{\n    selectedPage: number;\n    prevPage: number;\n    itemsPerPage: number;\n  }>;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    setTimeout(() => {\n      window?.addEventListener('resize', () => this._paginate());\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window?.removeEventListener('resize', this._paginate);\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (\n      changedProperties.has('currentPage') ||\n      changedProperties.has('itemsPerPage') ||\n      changedProperties.has('totalItems')\n    ) {\n      this._paginate();\n    }\n  }\n\n  private _paginate() {\n    this.pages = [];\n    const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n    if (pageListLength <= 8) {\n      this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n      return;\n    }\n\n    this.pages.push(1);\n\n    if (this.currentPage < 5) {\n      this.pages.push(2, 3, 4, 5, '...');\n    } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n      this.pages.push('...', this.currentPage - 1, this.currentPage, this.currentPage + 1, '...');\n    } else {\n      this.pages.push(\n        '...',\n        pageListLength - 4,\n        pageListLength - 3,\n        pageListLength - 2,\n        pageListLength - 1\n      );\n    }\n\n    this.pages.push(pageListLength);\n  }\n\n  private _changePage(selectedPage: number): void {\n    const prevPage = this.currentPage;\n\n    this.currentPage = selectedPage;\n\n    this.onChange({\n      selectedPage,\n      prevPage,\n      itemsPerPage: this.itemsPerPage,\n    });\n  }\n\n  private _pageBack(): void {\n    if (this.currentPage === 1) return;\n    this._changePage(this.currentPage - 1);\n  }\n\n  private _pageForward(): void {\n    if (this.currentPage === this._getLastPage()) return;\n    this._changePage(this.currentPage + 1);\n  }\n\n  private _getLastPage(): number {\n    return +this.pages[this.pages.length - 1];\n  }\n\n  private _inputHandler(event: CustomEvent) {\n    event.stopPropagation();\n    const inputValue = +(event.target as HTMLInputElement).value;\n    const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n    this._changePage(newPage);\n  }\n\n  private _selectHandler(event: CustomEvent) {\n    this.itemsPerPage = +event?.detail[0]?.value || 100;\n    this._changePage(1);\n  }\n\n  private _renderSinglePage(page: number | string) {\n    if (typeof page === 'string') {\n      return html`<li class=\"dots\"></li>`;\n    }\n    const ariaCurrent = this.currentPage === page ? 'page' : undefined;\n    return html` <li>\n      <bl-button\n        @click=\"${() => this._changePage(page)}\"\n        variant=${this.currentPage === page ? 'primary' : 'tertiary'}\n        kind=\"neutral\"\n        label=\"Page ${page}\"\n        aria-current=${ifDefined(ariaCurrent)}\n      >\n        ${page}\n      </bl-button>\n    </li>`;\n  }\n\n  private renderPages() {\n    return html`\n      <div class=\"page-container\">\n        <bl-button\n          @click=\"${this._pageBack}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_left\"\n          class=\"previous\"\n          label=\"Previous\"\n          ?disabled=${this.currentPage === 1}\n        ></bl-button>\n        <ul class=\"page-list\">\n          ${window.innerWidth < 768\n            ? html`${this._renderSinglePage(this.currentPage)}`\n            : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n        </ul>\n        <bl-button\n          @click=\"${this._pageForward}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_right\"\n          class=\"next\"\n          label=\"Next\"\n          ?disabled=${this.currentPage === this._getLastPage()}\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  render(): TemplateResult {\n    const selectEl = this.hasSelect\n      ? html`\n          <div class=\"select\">\n            <label>${this.selectLabel}</label>\n            <bl-select @bl-select=\"${this._selectHandler}\">\n              ${this.itemsPerPageOptions.map(option => {\n                return html`<bl-select-option\n                  value=\"${option.value}\"\n                  ?selected=${option.value === this.itemsPerPage}\n                  >${option.text}</bl-select-option\n                >`;\n              })}\n            </bl-select>\n          </div>\n        `\n      : null;\n\n    const jumperEl = this.hasJumper\n      ? html` <div class=\"jumper\">\n          <label>${this.jumperLabel}</label>\n          <bl-input .value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n        </div>`\n      : null;\n\n    const getHelperElements = () => {\n      if (!this.hasSelect && !this.hasJumper) return;\n      return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n    };\n\n    return html` <nav class=\"pagination\" aria-label=\"Pagination\">\n      ${getHelperElements()} ${this.renderPages()}\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-pagination': BlPagination;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\\\B7 \\\\B7 \\\\B7';color:var(--bl-color-content-primary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-content-primary)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../button/bl-button';\nimport '../input/bl-input';\nimport '../select/bl-select';\n\nimport style from './bl-pagination.css';\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement('bl-pagination')\nexport default class BlPagination extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the current page\n   */\n  @property({ attribute: 'current-page', type: Number, reflect: true })\n  currentPage = 1;\n\n  /**\n   * Sets the total items to be paginated\n   */\n  @property({ attribute: 'total-items', type: Number })\n  totalItems = 0;\n\n  /**\n   * Sets the number of items per page\n   */\n  @property({ attribute: 'items-per-page', type: Number, reflect: true })\n  itemsPerPage = 10;\n\n  /**\n   * Adds jumper element if provided as true\n   */\n  @property({ attribute: 'has-jumper', type: Boolean })\n  hasJumper = false;\n\n  /**\n   * Sets the jumper label\n   */\n  @property({ attribute: 'jumper-label', type: String })\n  jumperLabel = 'Go To';\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'has-select', type: Boolean })\n  hasSelect = false;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'select-label', type: String })\n  selectLabel = 'Show';\n\n  /**\n   * Sets the items per page options of the select element\n   *  PROPERTY\n   */\n  @property({ type: Array, attribute: false })\n  itemsPerPageOptions = [\n    {\n      text: '10 Items',\n      value: 10,\n    },\n    {\n      text: '25 Items',\n      value: 25,\n    },\n    {\n      text: '50 Items',\n      value: 50,\n    },\n    {\n      text: '100 Items',\n      value: 100,\n    },\n  ];\n\n  @state() private pages: Array<number | string> = [];\n\n  /**\n   * Fires when the current page changes\n   */\n  @event('bl-change') private onChange: EventDispatcher<{\n    selectedPage: number;\n    prevPage: number;\n    itemsPerPage: number;\n  }>;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    setTimeout(() => {\n      window?.addEventListener('resize', () => this._paginate());\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window?.removeEventListener('resize', this._paginate);\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (\n      changedProperties.has('currentPage') ||\n      changedProperties.has('itemsPerPage') ||\n      changedProperties.has('totalItems')\n    ) {\n      this._paginate();\n    }\n  }\n\n  private _paginate() {\n    this.pages = [];\n    const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n    if (pageListLength <= 8) {\n      this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n      return;\n    }\n\n    this.pages.push(1);\n\n    if (this.currentPage < 5) {\n      this.pages.push(2, 3, 4, 5, '...');\n    } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n      this.pages.push('...', this.currentPage - 1, this.currentPage, this.currentPage + 1, '...');\n    } else {\n      this.pages.push(\n        '...',\n        pageListLength - 4,\n        pageListLength - 3,\n        pageListLength - 2,\n        pageListLength - 1\n      );\n    }\n\n    this.pages.push(pageListLength);\n  }\n\n  private _changePage(selectedPage: number): void {\n    const prevPage = this.currentPage;\n\n    this.currentPage = selectedPage;\n\n    this.onChange({\n      selectedPage,\n      prevPage,\n      itemsPerPage: this.itemsPerPage,\n    });\n  }\n\n  private _pageBack(): void {\n    if (this.currentPage === 1) return;\n    this._changePage(this.currentPage - 1);\n  }\n\n  private _pageForward(): void {\n    if (this.currentPage === this._getLastPage()) return;\n    this._changePage(this.currentPage + 1);\n  }\n\n  private _getLastPage(): number {\n    return +this.pages[this.pages.length - 1];\n  }\n\n  private _inputHandler(event: CustomEvent) {\n    event.stopPropagation();\n    const inputValue = +(event.target as HTMLInputElement).value;\n    const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n    this._changePage(newPage);\n  }\n\n  private _selectHandler(event: CustomEvent) {\n    this.itemsPerPage = +event?.detail[0]?.value || 100;\n    this._changePage(1);\n  }\n\n  private _renderSinglePage(page: number | string) {\n    if (typeof page === 'string') {\n      return html`<li class=\"dots\"></li>`;\n    }\n    const ariaCurrent = this.currentPage === page ? 'page' : undefined;\n    return html` <li>\n      <bl-button\n        @click=\"${() => this._changePage(page)}\"\n        variant=${this.currentPage === page ? 'primary' : 'tertiary'}\n        kind=\"neutral\"\n        label=\"Page ${page}\"\n        aria-current=${ifDefined(ariaCurrent)}\n      >\n        ${page}\n      </bl-button>\n    </li>`;\n  }\n\n  private renderPages() {\n    return html`\n      <div class=\"page-container\">\n        <bl-button\n          @click=\"${this._pageBack}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_left\"\n          class=\"previous\"\n          label=\"Previous\"\n          ?disabled=${this.currentPage === 1}\n        ></bl-button>\n        <ul class=\"page-list\">\n          ${window.innerWidth < 768\n            ? html`${this._renderSinglePage(this.currentPage)}`\n            : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n        </ul>\n        <bl-button\n          @click=\"${this._pageForward}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_right\"\n          class=\"next\"\n          label=\"Next\"\n          ?disabled=${this.currentPage === this._getLastPage()}\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  render(): TemplateResult {\n    const selectEl = this.hasSelect\n      ? html`\n          <div class=\"select\">\n            <label>${this.selectLabel}</label>\n            <bl-select @bl-select=\"${this._selectHandler}\" .value=${this.itemsPerPage}>\n              ${this.itemsPerPageOptions.map(option => {\n                return html`<bl-select-option\n                  .value=${option.value}\n                  >${option.text}</bl-select-option\n                >`;\n              })}\n            </bl-select>\n          </div>\n        `\n      : null;\n\n    const jumperEl = this.hasJumper\n      ? html` <div class=\"jumper\">\n          <label>${this.jumperLabel}</label>\n          <bl-input .value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n        </div>`\n      : null;\n\n    const getHelperElements = () => {\n      if (!this.hasSelect && !this.hasJumper) return;\n      return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n    };\n\n    return html` <nav class=\"pagination\" aria-label=\"Pagination\">\n      ${getHelperElements()} ${this.renderPages()}\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-pagination': BlPagination;\n  }\n}\n"],
+  "mappings": "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",
   "names": ["styles", "i", "bl_pagination_default", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "selectedPage", "prevPage", "event", "inputValue", "newPage", "_a", "page", "y", "ariaCurrent", "l", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t"]
 }

package/dist/{chunk-MWMCAJBW.js → chunk-KUOLIJCN.js}

@@ -1,4 +1,4 @@
-import{b as $}from"./chunk-AEVRCHAZ.js";import{a as z}from"./chunk-EPJ347EQ.js";import{a as w}from"./chunk-7K5FMQLQ.js";import{a as x}from"./chunk-OLPYXE2P.js";import{a as d}from"./chunk-KPAWUBRO.js";import{a as m,b as y,c as f}from"./chunk-RLMJN536.js";import{a as h}from"./chunk-23UFIOHV.js";import{a as p,b as n,c as v,f as u,g,h as a,i as c,j as b}from"./chunk-57PTZNIL.js";import{a as i}from"./chunk-NZ3RGSR6.js";var C=y(class extends f{constructor(l){var o;if(super(l),l.type!==m.ATTRIBUTE||l.name!=="style"||((o=l.strings)===null||o===void 0?void 0:o.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(l){return Object.keys(l).reduce((o,e)=>{let r=l[e];return r==null?o:o+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(l,[o]){let{style:e}=l.element;if(this.vt===void 0){this.vt=new Set;for(let r in o)this.vt.add(r);return this.render(o)}this.vt.forEach(r=>{o[r]==null&&(this.vt.delete(r),r.includes("-")?e.removeProperty(r):e[r]="")});for(let r in o){let s=o[r];s!=null&&(this.vt.add(r),r.includes("-")?e.setProperty(r,s):e[r]=s)}return v}});var V=p`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count:;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height),var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--bl-color-border);border-radius:var(--border-radius);padding-top:var(--padding-vertical);display:flex;box-sizing:border-box}textarea{width:100%;align-self:stretch;outline:0;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0;border:0;border-radius:var(--border-radius);color:var(--bl-color-content-primary);resize:vertical;display:block}:host([size='large']) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size='small']) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-secondary-background);color:var(--bl-color-content-tertiary);cursor:not-allowed}:host([disabled]) .wrapper{background-color:var(--bl-color-secondary-background)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height),var(--maxrow-height))}.wrapper:focus-within{border-color:var(--bl-color-primary)}.dirty.max-len-invalid,.dirty.invalid{border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}label{position:absolute;top:var(--padding-vertical);left:var(--padding-horizontal);right:var(--padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0;max-width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.wrapper:focus-within,.wrapper.has-value) label{--label-padding:var(--bl-size-3xs);top:0;left:calc(var(--padding-horizontal) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0 var(--label-padding);background-color:var(--bl-color-content-primary-contrast);pointer-events:initial}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-content-secondary);background-color:initial;padding:0}.hint{display:none;font:var(--bl-font-body-text-3)}:host([character-counter]) .hint,:host([help-text]) .hint,.dirty.invalid .hint{display:flex;gap:var(--bl-size-3xs)}.hint>*{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-content-secondary);margin-left:auto}:where(.max-len-invalid,.dirty.invalid) .hint>.counter-text{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}:where(.dirty.max-len-invalid,.dirty.invalid) .hint>.invalid-text{display:inline-block}.dirty.invalid .hint>.help-text{display:none}`,k=V;var t=class extends w(u){constructor(){super(...arguments);this.name="";this.required=!1;this.disabled=!1;this.expand=!1;this.size="medium";this.labelFixed=!1;this.characterCounter=!1;this.value="";this.rows=4;this.customScrollHeight=null;this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[k]}connectedCallback(){var e;super.connectedCallback(),(e=this.internals.form)==null||e.addEventListener("submit",()=>{this.reportValidity()})}inputHandler(e){this.autoResize();let r=e.target.value;this.value=r,this.onInput(r)}changeHandler(e){let r=e.target.value;this.dirty=!0,this.value=r,this.onChange(r)}firstUpdated(){this.setValue(this.value),this.autoResize()}async updated(e){e.has("rows")&&this.autoResize(),e.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate())}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(e){this.value=e}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}autoResize(){if(!this.expand)return;this.validationTarget.style.height="auto";let e=this.validationTarget.scrollHeight;this.customScrollHeight=`${e}px`,this.validationTarget.style.removeProperty("height")}render(){let e=this.internals.validity.tooLong,r=this.checkValidity()?"":n`<p class="invalid-text">${this.validationMessage}</p>`,s=this.helpText?n`<p class="help-text">${this.helpText}</p>`:"",E=this.label?n`<label for="input">${this.label}</label>`:"",S=this.characterCounter&&this.maxlength?`${this.value.length}/${this.maxlength}`:this.characterCounter?`${this.value.length}`:"",M=this.characterCounter?n`<p class="counter-text">${S}</p>`:"",H={wrapper:!0,"has-value":this.value!==null&&this.value!=="",dirty:this.dirty,"max-len-invalid":e,invalid:!this.checkValidity()},R={"--row-count":`${this.rows}`,"--maxrow-count":this.maxRows?`${this.maxRows}`:null,"--scroll-height":this.customScrollHeight};return n`
+import{b as $}from"./chunk-RST5NVHY.js";import{a as z}from"./chunk-EPJ347EQ.js";import{a as w}from"./chunk-DJOD4BTL.js";import{a as x}from"./chunk-OLPYXE2P.js";import{a as d}from"./chunk-KPAWUBRO.js";import{a as m,b as y,c as f}from"./chunk-RLMJN536.js";import{a as h}from"./chunk-23UFIOHV.js";import{a as p,b as n,c as v,f as u,g,h as a,i as c,j as b}from"./chunk-57PTZNIL.js";import{a as i}from"./chunk-NZ3RGSR6.js";var C=y(class extends f{constructor(l){var o;if(super(l),l.type!==m.ATTRIBUTE||l.name!=="style"||((o=l.strings)===null||o===void 0?void 0:o.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(l){return Object.keys(l).reduce((o,e)=>{let r=l[e];return r==null?o:o+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(l,[o]){let{style:e}=l.element;if(this.vt===void 0){this.vt=new Set;for(let r in o)this.vt.add(r);return this.render(o)}this.vt.forEach(r=>{o[r]==null&&(this.vt.delete(r),r.includes("-")?e.removeProperty(r):e[r]="")});for(let r in o){let s=o[r];s!=null&&(this.vt.add(r),r.includes("-")?e.setProperty(r,s):e[r]=s)}return v}});var V=p`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count:;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height),var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--bl-color-border);border-radius:var(--border-radius);padding-top:var(--padding-vertical);display:flex;box-sizing:border-box}textarea{width:100%;align-self:stretch;outline:0;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0;border:0;border-radius:var(--border-radius);color:var(--bl-color-content-primary);resize:vertical;display:block}:host([size='large']) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size='small']) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-secondary-background);color:var(--bl-color-content-tertiary);cursor:not-allowed}:host([disabled]) .wrapper{background-color:var(--bl-color-secondary-background)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height),var(--maxrow-height))}.wrapper:focus-within{border-color:var(--bl-color-primary)}.dirty.max-len-invalid,.dirty.invalid{border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}label{position:absolute;top:var(--padding-vertical);left:var(--padding-horizontal);right:var(--padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0;max-width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.wrapper:focus-within,.wrapper.has-value) label{--label-padding:var(--bl-size-3xs);top:0;left:calc(var(--padding-horizontal) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0 var(--label-padding);background-color:var(--bl-color-content-primary-contrast);pointer-events:initial}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-content-secondary);background-color:initial;padding:0}.hint{display:none;font:var(--bl-font-body-text-3)}:host([character-counter]) .hint,:host([help-text]) .hint,.dirty.invalid .hint{display:flex;gap:var(--bl-size-3xs)}.hint>*{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-content-secondary);margin-left:auto}:where(.max-len-invalid,.dirty.invalid) .hint>.counter-text{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}:where(.dirty.max-len-invalid,.dirty.invalid) .hint>.invalid-text{display:inline-block}.dirty.invalid .hint>.help-text{display:none}`,k=V;var t=class extends w(u){constructor(){super(...arguments);this.name="";this.required=!1;this.disabled=!1;this.expand=!1;this.size="medium";this.labelFixed=!1;this.characterCounter=!1;this.value="";this.rows=4;this.customScrollHeight=null;this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[k]}connectedCallback(){var e;super.connectedCallback(),(e=this.internals.form)==null||e.addEventListener("submit",()=>{this.reportValidity()})}inputHandler(e){this.autoResize();let r=e.target.value;this.value=r,this.onInput(r)}changeHandler(e){let r=e.target.value;this.dirty=!0,this.value=r,this.onChange(r)}firstUpdated(){this.setValue(this.value),this.autoResize()}async updated(e){e.has("rows")&&this.autoResize(),e.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate())}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(e){this.value=e}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}autoResize(){if(!this.expand)return;this.validationTarget.style.height="auto";let e=this.validationTarget.scrollHeight;this.customScrollHeight=`${e}px`,this.validationTarget.style.removeProperty("height")}render(){let e=this.internals.validity.tooLong,r=this.checkValidity()?"":n`<p class="invalid-text">${this.validationMessage}</p>`,s=this.helpText?n`<p class="help-text">${this.helpText}</p>`:"",E=this.label?n`<label for="input">${this.label}</label>`:"",S=this.characterCounter&&this.maxlength?`${this.value.length}/${this.maxlength}`:this.characterCounter?`${this.value.length}`:"",M=this.characterCounter?n`<p class="counter-text">${S}</p>`:"",H={wrapper:!0,"has-value":this.value!==null&&this.value!=="",dirty:this.dirty,"max-len-invalid":e,invalid:!this.checkValidity()},R={"--row-count":`${this.rows}`,"--maxrow-count":this.maxRows?`${this.maxRows}`:null,"--scroll-height":this.customScrollHeight};return n`
       <div style=${C(R)} class=${x(H)}>
         ${E}
         <div class="input-wrapper">
@@ -29,4 +29,4 @@ lit-html/directives/style-map.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-MWMCAJBW.js.map
+//# sourceMappingURL=chunk-KUOLIJCN.js.map

package/dist/chunk-MCWRM3WC.js

@@ -0,0 +1,19 @@
+import{a as _}from"./chunk-OLPYXE2P.js";import{a as n}from"./chunk-KPAWUBRO.js";import{a as y}from"./chunk-23UFIOHV.js";import{a as h,b as e,f as u,g as m,h as r,i as g,j as f}from"./chunk-57PTZNIL.js";import{a as o}from"./chunk-NZ3RGSR6.js";var x=i=>{if(!(!i.noValidate&&!i.reportValidity())){let d=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});i.dispatchEvent(d),d.defaultPrevented||i.submit()}};var T=h`@keyframes spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify,center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}.button:focus-visible{position:relative;outline:0}.button:focus-visible::after{border:2px solid var(--main-color);border-radius:var(--bl-border-radius-l);content:'';position:absolute;inset:-4px}.loading-icon{animation:spin 1s linear infinite;font-size:var(--icon-size)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([loading]) ::slotted(bl-icon){display:none}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([loading]){cursor:wait}:host([loading]) bl-icon:not(.loading-icon){display:none}:host .button[aria-disabled='true']{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary']) .button[aria-disabled='true']{--main-color:transparent}:host([variant='secondary']:hover) .button[aria-disabled='false'],:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover) .button[aria-disabled='false'],:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant='secondary']) .active.button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`,z=T;var t=class extends u{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.loading=!1;this.disabled=!1;this.target="_self";this.dropdown=!1;this.active=!1}static get styles(){return[z]}get _isActive(){return this.active}connectedCallback(){super.connectedCallback(),this.form=this.closest("form")}caretTemplate(){return e` <bl-icon class="open" name="arrow_up"></bl-icon>
+      <bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){this.type==="submit"&&this.form&&x(this.form),this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(a=>{var c;let l=a.nodeType;return l===a.TEXT_NODE&&((c=a.textContent)==null?void 0:c.trim())!==""||l===a.ELEMENT_NODE&&!a.hasAttribute("slot")})}render(){let s=this.loading||this.disabled,a=this.loading&&this.loadingLabel?this.loadingLabel:e`<slot></slot>`,l=!!this.href,c=this.icon?e`<bl-icon name=${this.icon}></bl-icon>`:"",b=this.loading?e`<bl-icon class="loading-icon" name="loading"></bl-icon>`:"",p=e`<slot name="icon">${c}</slot> <span class="label">${a}</span>`,O=this.dropdown?this.caretTemplate():"",v=_({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot,active:!l&&this._isActive});return l?e`<a
+          class=${v}
+          aria-disabled="${n(s)}"
+          aria-label="${n(this.label)}"
+          href=${n(this.href)}
+          target=${n(this.target)}
+          role="button"
+          >${b} ${p}
+        </a>`:e`<button
+          class=${v}
+          aria-disabled="${n(s)}"
+          aria-label="${n(this.label)}"
+          ?disabled=${s}
+          @click="${this._handleClick}"
+        >
+         ${b} ${p} ${O}
+        </button>`}};o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:String,reflect:!0})],t.prototype,"kind",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:String})],t.prototype,"label",2),o([r({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:String})],t.prototype,"href",2),o([r({type:String})],t.prototype,"icon",2),o([r({type:String})],t.prototype,"target",2),o([r({type:String})],t.prototype,"type",2),o([r({type:Boolean})],t.prototype,"dropdown",2),o([g({})],t.prototype,"active",2),o([f(".button")],t.prototype,"button",2),o([y("bl-click")],t.prototype,"onClick",2),t=o([m("bl-button")],t);export{x as a,t as b};
+//# sourceMappingURL=chunk-MCWRM3WC.js.map

package/dist/chunk-MCWRM3WC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@open-wc/form-helpers/src/index.ts", "../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
+  "sourcesContent": ["/**\n * Implicitly submit a form by first validating all controls. If the form\n * is valid, issue a submit event and if that event is not prevented, manually\n * call the form's submit method.\n *\n * @param form {HTMLFormElement} - A form to implicitly submit\n */\nexport const submit = (form: HTMLFormElement): void => {\n  if (!form.noValidate && !form.reportValidity()) {\n    return;\n  } else {\n    const submitEvent = new SubmitEvent('submit', {\n      bubbles: true,\n      cancelable: true\n    });\n    form.dispatchEvent(submitEvent);\n    if (!submitEvent.defaultPrevented) {\n      form.submit();\n    }\n  }\n};\n\nexport type FormValue = string|FormData|File|FormValue[];\n\n/**\n * Parse a form and return a set of values based on the name/value pair.\n * If multiple controls of a similar name exist, return an array for those values;\n * otherwise return a single value.\n *\n * @param form {HTMLFormElement} - The form to parse for values\n * @returns {Record<string, any>} - An object representing the form's current values\n */\nexport const formValues = (form: HTMLFormElement): Record<string, FormValue> => {\n  const formData = new FormData(form);\n  const values: Record<string, FormValue> = {};\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore This does exist in all browsers. TypeScript is wrong\n  for (const [key, value] of formData.entries()) {\n    if (!values.hasOwnProperty(key)) {\n      values[key] = value;\n    } else if (Array.isArray(values[key])) {\n      const pointer = values[key] as FormValue[];\n      pointer.push(value);\n    } else {\n      values[key] = [values[key], value];\n    }\n  }\n\n  return values;\n};\n\n/**\n * This method takes a form and parses it as an object. If any form control has a `.`\n * in its name, this utility will evaluate that name as a deep key for an object;\n * in other words, if a form has a named control, `name.first` and another, `name.last`\n * it will report back a nested object, name, with first and last properties\n * representing those controls' values.\n *\n * This can be useful when you have a complex model that you are attempting to represent\n * in declaratively in HTML.\n *\n * @param form {HTMLFormElement} - The form to grab values from\n * @returns {Object<string, FormValue>} - An object representation of the form\n */\nexport const parseFormAsObject = (form: HTMLFormElement): Record<string, FormValue> => {\n  const data = formValues(form);\n  const output: Record<string, FormValue> = {};\n\n  Object.entries(data).forEach(([key, value]) => {\n    /** If the key has a '.', parse it as an object */\n    if (key.includes('.')) {\n      const path = key.split('.');\n      const destination: string | undefined = path.pop();\n      let pointer = output;\n\n      while (path.length) {\n        const key = path.shift();\n        pointer[key as string] = pointer[key as string] || ({} as FormValue);\n        pointer = pointer[key as string] as unknown as Record<string, FormValue>;\n      }\n\n      pointer[destination as string] = value;\n    } else {\n      output[key] = data[key];\n    }\n  });\n\n  return output;\n};\n", "import {css} from 'lit';\nexport const styles = css`@keyframes spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify,center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}.button:focus-visible{position:relative;outline:0}.button:focus-visible::after{border:2px solid var(--main-color);border-radius:var(--bl-border-radius-l);content:'';position:absolute;inset:-4px}.loading-icon{animation:spin 1s linear infinite;font-size:var(--icon-size)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([loading]) ::slotted(bl-icon){display:none}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([loading]){cursor:wait}:host([loading]) bl-icon:not(.loading-icon){display:none}:host .button[aria-disabled='true']{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary']) .button[aria-disabled='true']{--main-color:transparent}:host([variant='secondary']:hover) .button[aria-disabled='false'],:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover) .button[aria-disabled='false'],:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant='secondary']) .active.button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { submit } from '@open-wc/form-helpers';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonKind = 'default' | 'neutral' | 'success' | 'danger';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n * @cssproperty --bl-button-justify - Sets the justify-content property of button. Default value is 'center'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = 'primary';\n\n  /**\n   * Sets the button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = 'default';\n\n  /**\n   * Sets the button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  /**\n   * Sets the button label. Used for accessibility.\n   */\n  @property({ type: String })\n  label: string;\n\n  /**\n   * Sets the button label for loading status.\n   */\n  @property({ type: String, attribute: 'loading-label' })\n  loadingLabel: string;\n\n  /**\n   * Sets loading state of button\n   */\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Set link url. If set, button will be rendered as anchor tag.\n   */\n  @property({ type: String })\n  href?: string;\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n  @property({ type: String })\n  icon?: string;\n\n  /**\n   * Sets the anchor target. Used when `href` is set.\n   */\n  @property({ type: String })\n  target?: TargetType = '_self';\n\n  /**\n   * Sets the type of the button. Set `submit` to use button as the submitter of parent form.\n   */\n  @property({ type: String })\n  type: 'submit' | null;\n\n  /**\n   * Sets button type to dropdown\n   */\n  @property({ type: Boolean })\n  dropdown = false;\n\n  /**\n   * Active state\n   */\n  @state({})\n  active = false;\n\n  @query('.button')\n  private button: HTMLAnchorElement | HTMLButtonElement;\n\n  /**\n   * Fires when button clicked\n   */\n  @event('bl-click') private onClick: EventDispatcher<string>;\n\n  private get _isActive() {\n    return this.active;\n  }\n\n  private form: HTMLFormElement | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.form = this.closest('form');\n  }\n\n  private caretTemplate(): TemplateResult {\n    return html` <bl-icon class=\"open\" name=\"arrow_up\"></bl-icon>\n      <bl-icon class=\"close\" name=\"arrow_down\"></bl-icon>`;\n  }\n\n  private _handleClick() {\n    if (this.type === 'submit' && this.form) {\n      submit(this.form);\n    }\n\n    this.onClick('Click event fired!');\n  }\n\n  focus() {\n    this.button.focus();\n  }\n\n  get _hasIconSlot() {\n    return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n  }\n\n  get _hasDefaultSlot() {\n    const childNodes = [...this.childNodes];\n    return childNodes.some(node => {\n      const nodeType = node.nodeType;\n      // has only text node.\n      if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n        return true;\n      }\n      // has element node, it should not have slot attribute.\n      if (nodeType === node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          return true;\n        }\n      }\n      return false;\n    });\n  }\n\n  render(): TemplateResult {\n    const isDisabled = this.loading || this.disabled;\n    const label = (this.loading && this.loadingLabel) ? this.loadingLabel : html`<slot></slot>`;\n    const isAnchor = !!this.href;\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n    const loadingIcon = this.loading ? html`<bl-icon class=\"loading-icon\" name=\"loading\"></bl-icon>` : '';\n    const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\">${label}</span>`;\n    const caret = this.dropdown ? this.caretTemplate() : '';\n    const classes = classMap({\n      'button': true,\n      'has-icon': this.icon || this._hasIconSlot,\n      'has-content': this._hasDefaultSlot,\n      'active': !isAnchor && this._isActive,\n    });\n\n    return isAnchor\n      ? html`<a\n          class=${classes}\n          aria-disabled=\"${ifDefined(isDisabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          href=${ifDefined(this.href)}\n          target=${ifDefined(this.target)}\n          role=\"button\"\n          >${loadingIcon} ${slots}\n        </a>`\n      : html`<button\n          class=${classes}\n          aria-disabled=\"${ifDefined(isDisabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          ?disabled=${isDisabled}\n          @click=\"${this._handleClick}\"\n        >\n         ${loadingIcon} ${slots} ${caret}\n        </button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-button': BlButton;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["submit", "form", "submitEvent", "styles", "i", "bl_button_default", "BlButton", "s", "bl_button_default", "y", "submit", "node", "_a", "nodeType", "isDisabled", "label", "isAnchor", "icon", "loadingIcon", "slots", "caret", "classes", "o", "l", "__decorateClass", "e", "t", "i", "event"]
+}

package/dist/chunk-RST5NVHY.js

@@ -0,0 +1,2 @@
+import{b as a}from"./chunk-3B64VOWB.js";var r=["valueMissing","typeMismatch","tooLong","tooShort","rangeUnderflow","rangeOverflow","badInput","customError"],i=r.map(t=>({key:t,isValid(e){return e.validationTarget?!e.validationTarget.validity[t]:!0}})),o={...a,isValid(t){return t.validationTarget&&t.getAttribute("maxlength")?Number(t.getAttribute("maxlength"))>=t.validationTarget.value.length:!0}},n=[...i,o];export{i as a,n as b};
+//# sourceMappingURL=chunk-RST5NVHY.js.map

package/dist/chunk-RST5NVHY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utilities/form-control.ts"],
+  "sourcesContent": ["import { maxLengthValidator } from \"@open-wc/form-control\";\n\n\nconst validityStates: Array<keyof ValidityState> = [\n  'valueMissing',\n  'typeMismatch',\n  'tooLong',\n  'tooShort',\n  'rangeUnderflow',\n  'rangeOverflow',\n  'badInput',\n  'customError',\n];\n\nexport const innerInputValidators = validityStates.map(key => ({\n  key,\n  isValid(instance: HTMLElement & { validationTarget: HTMLInputElement }) {\n    if (instance.validationTarget) {\n      return !instance.validationTarget.validity[key];\n    }\n    return true;\n  },\n}));\n\nexport const textareaLengthValidator = {\n  ...maxLengthValidator,\n  isValid(instance: HTMLElement & { validationTarget: HTMLTextAreaElement }) {\n    if(instance.validationTarget && instance.getAttribute('maxlength')){\n      return (Number(instance.getAttribute('maxlength')) >= instance.validationTarget.value.length);\n    }\n    return true;\n  }\n};\n\nexport const textAreaValidators = [\n  ...innerInputValidators,\n  textareaLengthValidator\n]\n"],
+  "mappings": "wCAGA,IAAMA,EAA6C,CACjD,eACA,eACA,UACA,WACA,iBACA,gBACA,WACA,aACF,EAEaC,EAAuBD,EAAe,IAAIE,IAAQ,CAC7D,IAAAA,EACA,QAAQC,EAAgE,CACtE,OAAIA,EAAS,iBACJ,CAACA,EAAS,iBAAiB,SAASD,CAAG,EAEzC,EACT,CACF,EAAE,EAEWE,EAA0B,CACrC,GAAGC,EACH,QAAQF,EAAmE,CACzE,OAAGA,EAAS,kBAAoBA,EAAS,aAAa,WAAW,EACvD,OAAOA,EAAS,aAAa,WAAW,CAAC,GAAKA,EAAS,iBAAiB,MAAM,OAEjF,EACT,CACF,EAEaG,EAAqB,CAChC,GAAGL,EACHG,CACF",
+  "names": ["validityStates", "innerInputValidators", "key", "instance", "textareaLengthValidator", "maxLengthValidator", "textAreaValidators"]
+}

package/dist/chunk-THIPCHAK.js

@@ -0,0 +1,13 @@
+import{a as s}from"./chunk-23UFIOHV.js";import{a as n,b as l,f as a,g as c,h as i,i as p,j as u}from"./chunk-57PTZNIL.js";import{a as o}from"./chunk-NZ3RGSR6.js";var d=n`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-spacing:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-hover);--option-color:var(--bl-color-secondary);--option-disabled-color:var(--bl-color-content-passive);--option-separator:1px solid var(--bl-color-border);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:'';width:100%;bottom:0;border-bottom:var(--option-separator)}:host(:last-of-type) .option-container::after{border-bottom:0}.single-option{width:100%;display:block;cursor:pointer;color:var(--option-color);margin:var(--option-spacing);transition:var(--option-transition);font:var(--option-font);user-select:none;position:relative;outline:0}.single-option:focus-visible::after{content:'';position:absolute;inset:calc(var(--bl-size-3xs) * -1);border:var(--bl-size-4xs) solid var(--option-hover-color);border-radius:var(--bl-size-4xs)}:host(:hover) .single-option,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-spacing)}`,h=d;var t=class extends a{constructor(){super(...arguments);this.disabled=!1;this.selected=!1;this.multiple=!1}static get styles(){return[h]}get value(){return this._value||this.textContent}set value(e){this._value=e}focus(){this.multiple||(this.focusTarget.tabIndex=0),this.focusTarget.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.focusTarget.tabIndex=-1}singleOptionTemplate(){return l`<div class="single-option focus-target" @blur=${this.blur} @keydown=${this.handleKeydown} @click="${this._onClickOption}">
+      <slot></slot>
+    </div>`}checkboxOptionTemplate(){return l`<bl-checkbox
+      class="checkbox-option focus-target"
+      .checked="${this.selected}"
+      .disabled="${this.disabled}"
+      @bl-checkbox-change="${this._onCheckboxChange}"
+    >
+      <slot></slot>
+    </bl-checkbox>`}render(){return l`<div class="option-container">
+      ${this.multiple?this.checkboxOptionTemplate():this.singleOptionTemplate()}
+    </div>`}handleKeydown(e){(e.code==="Enter"||e.code==="Space")&&(this._onClickOption(),e.preventDefault())}_handleEvent(){this._onSelect(this.value)}_onClickOption(){this.selected=!this.selected,this._handleEvent()}_onCheckboxChange(e){this.selected=e.detail,this._handleEvent()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e,r;this.blSelect=this.closest("bl-select"),this.multiple=((e=this.blSelect)==null?void 0:e.multiple)||!1,(r=this.blSelect)==null||r.registerOption(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.blSelect)==null||e.unregisterOption(this)}};o([i({})],t.prototype,"value",1),o([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([i({type:Boolean,reflect:!0})],t.prototype,"selected",2),o([p()],t.prototype,"multiple",2),o([s("bl-select-option")],t.prototype,"_onSelect",2),o([s("bl-focus")],t.prototype,"onFocus",2),o([s("bl-blur")],t.prototype,"onBlur",2),o([u(".focus-target")],t.prototype,"focusTarget",2),t=o([c("bl-select-option")],t);export{t as a};
+//# sourceMappingURL=chunk-THIPCHAK.js.map

package/dist/chunk-THIPCHAK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/select/option/bl-select-option.css", "../src/components/select/option/bl-select-option.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-spacing:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-hover);--option-color:var(--bl-color-secondary);--option-disabled-color:var(--bl-color-content-passive);--option-separator:1px solid var(--bl-color-border);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:'';width:100%;bottom:0;border-bottom:var(--option-separator)}:host(:last-of-type) .option-container::after{border-bottom:0}.single-option{width:100%;display:block;cursor:pointer;color:var(--option-color);margin:var(--option-spacing);transition:var(--option-transition);font:var(--option-font);user-select:none;position:relative;outline:0}.single-option:focus-visible::after{content:'';position:absolute;inset:calc(var(--bl-size-3xs) * -1);border:var(--bl-size-4xs) solid var(--option-hover-color);border-radius:var(--bl-size-4xs)}:host(:hover) .single-option,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-spacing)}`;\nexport default styles;\n", "import { FormValue } from '@open-wc/form-helpers';\nimport { CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\nimport BlSelect from '../bl-select';\nimport style from './bl-select-option.css';\n\n@customElement('bl-select-option')\nexport default class BlSelectOption<ValueType extends FormValue = string> extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private _value: ValueType;\n\n  /* Declare reactive properties */\n  /**\n   * Sets the value for the option\n   */\n  @property({})\n  get value(): ValueType {\n    return this._value || this.textContent as ValueType;\n  }\n\n  set value(val: ValueType) {\n    this._value = val;\n  }\n\n\n  /**\n   * Sets option as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets option as selected state\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @state()\n  multiple = false;\n\n  /**\n   * Fires when clicked on the option\n   */\n  @event('bl-select-option') private _onSelect: EventDispatcher<ValueType | string | null>;\n\n  /**\n   * Fires when checkbox is focused\n   */\n  @event('bl-focus') private onFocus: EventDispatcher<ValueType | string | null>;\n\n  /**\n   * Fires when checkbox is blurred\n   */\n  @event('bl-blur') private onBlur: EventDispatcher<ValueType | string | null>;\n\n  @query('.focus-target') private focusTarget: HTMLElement;\n\n  /**\n   * Focuses this option\n   */\n  focus() {\n    if (!this.multiple) {\n      this.focusTarget.tabIndex = 0;\n    }\n    this.focusTarget.focus();\n    this.onFocus(this.value);\n  }\n\n  /**\n   * Blurs from this option\n   */\n  blur() {\n    this.onBlur(this.value);\n    this.focusTarget.tabIndex = -1;\n  }\n\n  private blSelect: BlSelect<ValueType> | null;\n\n  private singleOptionTemplate() {\n    return html`<div class=\"single-option focus-target\" @blur=${this.blur} @keydown=${this.handleKeydown} @click=\"${this._onClickOption}\">\n      <slot></slot>\n    </div>`;\n  }\n\n  private checkboxOptionTemplate() {\n    return html`<bl-checkbox\n      class=\"checkbox-option focus-target\"\n      .checked=\"${this.selected}\"\n      .disabled=\"${this.disabled}\"\n      @bl-checkbox-change=\"${this._onCheckboxChange}\"\n    >\n      <slot></slot>\n    </bl-checkbox>`;\n  }\n\n  render() {\n    return html`<div class=\"option-container\">\n      ${this.multiple ? this.checkboxOptionTemplate() : this.singleOptionTemplate()}\n    </div>`;\n  }\n\n\n  private handleKeydown(event: KeyboardEvent) {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      this._onClickOption();\n      event.preventDefault();\n    }\n  }\n\n  private _handleEvent() {\n    this._onSelect(this.value);\n  }\n\n  private _onClickOption() {\n    this.selected = !this.selected;\n    this._handleEvent();\n  }\n\n  private _onCheckboxChange(event: CustomEvent) {\n    this.selected = event.detail;\n    this._handleEvent();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this.blSelect = this.closest<BlSelect<ValueType>>('bl-select');\n      // FIXME: We should warn when parent is not bl-select\n\n      this.multiple = this.blSelect?.multiple || false;\n      this.blSelect?.registerOption(this);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.blSelect?.unregisterOption(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-select-option': BlSelectOption;\n  }\n}\n"],
+  "mappings": "kKACO,IAAMA,EAASC,27CACfC,EAAQF,ECMf,IAAqBG,EAArB,cAAkFC,CAAW,CAA7F,kCAyBE,cAAW,GAMX,cAAW,GAGX,cAAW,GAjCX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CASA,IAAI,OAAmB,CACrB,OAAO,KAAK,QAAU,KAAK,WAC7B,CAEA,IAAI,MAAMC,EAAgB,CACxB,KAAK,OAASA,CAChB,CAsCA,OAAQ,CACD,KAAK,WACR,KAAK,YAAY,SAAW,GAE9B,KAAK,YAAY,MAAM,EACvB,KAAK,QAAQ,KAAK,KAAK,CACzB,CAKA,MAAO,CACL,KAAK,OAAO,KAAK,KAAK,EACtB,KAAK,YAAY,SAAW,EAC9B,CAIQ,sBAAuB,CAC7B,OAAOC,kDAAqD,KAAK,iBAAiB,KAAK,yBAAyB,KAAK;AAAA;AAAA,WAGvH,CAEQ,wBAAyB,CAC/B,OAAOA;AAAA;AAAA,kBAEO,KAAK;AAAA,mBACJ,KAAK;AAAA,6BACK,KAAK;AAAA;AAAA;AAAA,mBAIhC,CAEA,QAAS,CACP,OAAOA;AAAA,QACH,KAAK,SAAW,KAAK,uBAAuB,EAAI,KAAK,qBAAqB;AAAA,WAEhF,CAGQ,cAAcC,EAAsB,EACtCA,EAAM,OAAS,SAAWA,EAAM,OAAS,WAC3C,KAAK,eAAe,EACpBA,EAAM,eAAe,EAEzB,CAEQ,cAAe,CACrB,KAAK,UAAU,KAAK,KAAK,CAC3B,CAEQ,gBAAiB,CACvB,KAAK,SAAW,CAAC,KAAK,SACtB,KAAK,aAAa,CACpB,CAEQ,kBAAkBA,EAAoB,CAC5C,KAAK,SAAWA,EAAM,OACtB,KAAK,aAAa,CACpB,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CAlInC,IAAAC,EAAAC,EAmIM,KAAK,SAAW,KAAK,QAA6B,WAAW,EAG7D,KAAK,WAAWD,EAAA,KAAK,WAAL,YAAAA,EAAe,WAAY,IAC3CC,EAAA,KAAK,WAAL,MAAAA,EAAe,eAAe,KAChC,CAAC,CACH,CAEA,sBAAuB,CA3IzB,IAAAD,EA4II,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,KAClC,CACF,EA3HME,EAAA,CADHC,EAAS,CAAC,CAAC,GAXOT,EAYf,qBAaJQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAxBvBT,EAyBnB,wBAMAQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA9BvBT,EA+BnB,wBAGAQ,EAAA,CADCE,EAAM,GAjCYV,EAkCnB,wBAKmCQ,EAAA,CAAlCH,EAAM,kBAAkB,GAvCNL,EAuCgB,yBAKRQ,EAAA,CAA1BH,EAAM,UAAU,GA5CEL,EA4CQ,uBAKDQ,EAAA,CAAzBH,EAAM,SAAS,GAjDGL,EAiDO,sBAEMQ,EAAA,CAA/BG,EAAM,eAAe,GAnDHX,EAmDa,2BAnDbA,EAArBQ,EAAA,CADCC,EAAc,kBAAkB,GACZT",
+  "names": ["styles", "i", "bl_select_option_default", "BlSelectOption", "s", "bl_select_option_default", "val", "y", "event", "_a", "_b", "__decorateClass", "e", "t", "i"]
+}

package/dist/chunk-VAF7XRXM.js

@@ -0,0 +1,42 @@
+import{b as y,c as g,e as x,g as _,h as O}from"./chunk-5ODNFE7B.js";import{a as m}from"./chunk-3B64VOWB.js";import{a as f}from"./chunk-DJOD4BTL.js";import{a as p}from"./chunk-OLPYXE2P.js";import{a as b}from"./chunk-KPAWUBRO.js";import{a as h}from"./chunk-23UFIOHV.js";import{a as d,b as n,f as c,g as u,h as l,i as r,j as a,k as v}from"./chunk-57PTZNIL.js";import{a as o}from"./chunk-NZ3RGSR6.js";var T=d`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display:flex;flex-direction:column;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--background-color:var(--bl-color-primary-background);--border-color:var(--bl-color-border);--border-focus-color:var(--bl-color-primary-hover);--icon-color:var(--bl-color-content-tertiary);--text-color:var(--bl-color-content-primary);--label-color:var(--bl-color-content-secondary);--placeholder-color:var(--bl-color-content-tertiary);--height:var(--bl-size-2xl);--menu-padding:0 var(--bl-size-m);--menu-margin-top:var(--bl-size-2xs);--font-size:var(--bl-font-size-m);--disabled-color:var(--bl-color-tertiary);--z-index:100;--menu-height:250px;--popover-position:var(--bl-popover-position,fixed)}:host([size='large']) .select-wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size='small']) .select-wrapper{--height:var(--bl-size-xl);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--font-size:var(--bl-font-size-s)}:host([disabled]) .select-wrapper{--placeholder-color:var(--bl-color-content-passive)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-hover);--label-color:var(--bl-color-danger)}.select-input{display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 var(--padding-horizontal);border-radius:var(--bl-border-radius-s);color:var(--text-color);-webkit-user-select:none;user-select:none}.placeholder{color:var(--placeholder-color);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.select-wrapper.selected .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}.remove-all{display:none}.remove-all::after{content:'';position:absolute;left:1.5rem;bottom:4px;height:1rem;border-left:1px solid var(--bl-color-border)}.selected .remove-all{display:block}:host([disabled]) .remove-all,:host([disabled]) .remove-all::after{display:none}.dropdown-icon{font-size:var(--bl-font-size-m)}.dropdown-icon.open{display:none}.select-open .dropdown-icon.open{display:inline-block}.select-open .dropdown-icon.closed{display:none}.selected .dropdown-icon{--icon-color:var(--bl-color-secondary)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-content-passive)}.select-open .select-input,.select-input:focus-visible{border:solid 1px var(--border-focus-color);outline:0}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{flex:1;padding:0;margin:0;list-style:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selected-options li{display:inline;font-size:var(--font-size);color:var(--text-color)}.selected-options li:not(:last-child)::after{content:', '}.select-input:not(.has-overflowed-options) .additional-selection-count{display:none}:host([disabled]) .selected-options li{color:var(--bl-color-content-passive)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-2xs);margin-left:var(--bl-size-2xs)}.popover{--left:0;--top:0;position:var(--popover-position);border:solid 1px var(--border-color);background-color:var(--background-color);font:var(--bl-font-title-3-regular);border-radius:var(--bl-border-radius-s);padding:var(--menu-padding);outline:0;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--z-index);width:100%;top:var(--top);left:var(--left)}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}label{position:absolute;display:block;top:var(--padding-vertical);left:var(--padding-horizontal);right:calc(var(--bl-size-2xs) + var(--bl-size-m) + var(--bl-size-2xs));max-width:max-content;transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color);padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.select-open,.selected) label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial;right:var(--padding-horizontal)}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.invalid-text,.error-icon{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.select-open .help-text,.select-open .invalid-text{visibility:hidden}:host([help-text]) .hint,.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}`,w=T;var t=class extends f(c){constructor(){super(...arguments);this.size="medium";this.required=!1;this.disabled=!1;this.multiple=!1;this.labelFixed=!1;this._isPopoverOpen=!1;this._additionalSelectedOptionCount=0;this._connectedOptions=[];this._cleanUpPopover=null;this._selectedOptions=[];this.dirty=!1;this._interactOutsideHandler=e=>{var s;let i=e.composedPath();(s=i==null?void 0:i.find(z=>z.tagName==="BL-SELECT"))!=null&&s.contains(this)||this.close()};this.focusedOptionIndex=-1}static get styles(){return[w]}get value(){return this._value}set value(e){if(this._value=e,Array.isArray(e)){let i=new FormData;e.forEach(s=>i.append(this.name,`${s}`)),this.setValue(i)}else this.setValue(e);this.setOptionsSelected()}shouldFormValueUpdate(){return this.value!==null&&this.value!==""}setOptionsSelected(){this._connectedOptions.forEach(e=>e.selected=this.value===e.value||Array.isArray(this.value)&&this.value.includes(e.value)),this._selectedOptions=[...this.options.filter(e=>e.selected)]}get options(){return this._connectedOptions}get opened(){return this._isPopoverOpen}get selectedOptions(){return this._selectedOptions}get additionalSelectedOptionCount(){return this._additionalSelectedOptionCount}validityCallback(){if(this.customInvalidText)return this.customInvalidText;let e=document.createElement("select");return e.required=this.required,e.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}resetFormControl(){this.value=this._initialValue}open(){this._isPopoverOpen=!0,this._setupPopover(),document.addEventListener("click",this._interactOutsideHandler,!0),document.addEventListener("focus",this._interactOutsideHandler,!0)}close(){this._isPopoverOpen=!1,this.focusedOptionIndex=-1,this._cleanUpPopover&&this._cleanUpPopover(),document.removeEventListener("click",this._interactOutsideHandler,!0),document.removeEventListener("focus",this._interactOutsideHandler,!0)}_setupPopover(){this._cleanUpPopover=_(this._selectInput,this._popover,()=>{O(this._selectInput,this._popover,{placement:"bottom",strategy:"fixed",middleware:[y(),g(8),x({apply(e){Object.assign(e.elements.floating.style,{width:`${e.elements.reference.getBoundingClientRect().width}px`})}})]}).then(({x:e,y:i})=>{this._popover.style.setProperty("--left",`${e}px`),this._popover.style.setProperty("--top",`${i}px`)})})}connectedCallback(){var e;super.connectedCallback(),(e=this.form)==null||e.addEventListener("submit",i=>{this.reportValidity()||i.preventDefault()})}disconnectedCallback(){super.disconnectedCallback(),this._cleanUpPopover&&this._cleanUpPopover()}inputTemplate(){let e=n`<ul class="selected-options">
+      ${this._selectedOptions.map(s=>n`<li>${s.textContent}</li>`)}
+    </ul>`,i=n`<bl-button
+        class="remove-all"
+        size="small"
+        variant="tertiary"
+        kind="neutral"
+        icon="close"
+        @click=${this._onClickRemove}></bl-button>`;return n`<div
+      class=${p({"select-input":!0,"has-overflowed-options":this._additionalSelectedOptionCount>0})}
+      tabindex="${this.disabled?"-1":0}"
+      @click=${this.togglePopover}
+    >
+      <span class="placeholder">${this.placeholder}</span>
+      ${e}
+      <span class="additional-selection-count">+${this._additionalSelectedOptionCount}</span>
+      <div class="actions">
+        ${this.multiple?i:null}
+        <bl-icon
+          class="dropdown-icon open"
+          name="arrow_up"
+        ></bl-icon>
+
+        <bl-icon
+          class="dropdown-icon closed"
+          name="arrow_down"
+        ></bl-icon>
+      </div>
+    </div>`}render(){let e=this.checkValidity()?"":n`<p id="errorMessage" aria-live="polite" class="invalid-text">
+          ${this.validationMessage}
+        </p>`,i=this.helpText&&!e?n`<p class="help-text">${this.helpText}</p>`:"",s=this.label?n`<label>${this.label}</label>`:"";return n`<div
+      class=${p({"select-wrapper":!0,"select-open":this.opened,selected:this._selectedOptions.length>0,invalid:!this.validity.valid,dirty:this.dirty})}
+      @keydown=${this.handleKeydown}
+    >
+      ${s}
+      ${this.inputTemplate()}
+      <div class="popover" tabindex="${b(this._isPopoverOpen?void 0:"-1")}" @bl-select-option=${this._handleSelectOptionEvent}>
+        <slot></slot>
+      </div>
+      <div class="hint">${e} ${i}</div>
+    </div> `}handleKeydown(e){this.focusedOptionIndex===-1&&["Enter","Space"].includes(e.code)?(this.togglePopover(),e.preventDefault()):this._isPopoverOpen===!1&&["ArrowDown","ArrowUp"].includes(e.code)?(this.open(),e.preventDefault()):e.code==="Escape"?(this.close(),e.preventDefault()):this._isPopoverOpen&&["ArrowDown","ArrowUp"].includes(e.code)&&(e.code==="ArrowDown"&&this.focusedOptionIndex++,e.code==="ArrowUp"&&this.focusedOptionIndex--,this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),e.preventDefault())}togglePopover(){this._isPopoverOpen?this.close():this.open()}_handleSelectEvent(){this._onBlSelect(this._selectedOptions.map(e=>({value:e.value,selected:e.selected,text:e.textContent})))}_handleSingleSelect(e){this.value=e.value,this._handleSelectEvent(),this._isPopoverOpen=!1}_handleMultipleSelect(){this.value=this._connectedOptions.filter(e=>e.selected).map(e=>e.value),this._handleSelectEvent()}_handleSelectOptionEvent(e){let i=e.target;this.dirty=!0,this.multiple?this._handleMultipleSelect():this._handleSingleSelect(i)}_onClickRemove(e){e.stopPropagation(),this._connectedOptions.filter(i=>i.selected).forEach(i=>{i.selected=!1}),this.value=null,this._additionalSelectedOptionCount=0,this._handleSelectEvent()}_checkAdditionalItemCount(){if(!this.multiple||!this.selectedOptionsItems||this.selectedOptionsItems.length<2)return;let e=[...this.selectedOptionsItems].findIndex(i=>i.offsetLeft>this.selectedOptionsContainer.offsetWidth);e>-1?this._additionalSelectedOptionCount=this.selectedOptionsItems.length-e:this._additionalSelectedOptionCount=0}firstUpdated(){this.value===void 0&&(this.value=""),this._initialValue=this._value}updated(e){e.has("multiple")&&typeof e.get("multiple")=="boolean"&&(this.value=null),this._checkAdditionalItemCount()}registerOption(e){this._connectedOptions.push(e),e.selected&&(this.multiple?(Array.isArray(this.value)||(this.value=[]),this.value=[...this.value,e.value]):this.value=e.value),this.setOptionsSelected(),this.requestUpdate()}unregisterOption(e){this._connectedOptions.splice(this._connectedOptions.indexOf(e),1)}};t.formControlValidators=[m],o([l()],t.prototype,"name",2),o([l()],t.prototype,"value",1),o([l({reflect:!0})],t.prototype,"label",2),o([l({})],t.prototype,"placeholder",2),o([l({type:String,reflect:!0})],t.prototype,"size",2),o([l({type:Boolean,reflect:!0})],t.prototype,"required",2),o([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([l({type:Boolean})],t.prototype,"multiple",2),o([l({type:Boolean,attribute:"label-fixed",reflect:!0})],t.prototype,"labelFixed",2),o([l({type:String,attribute:"help-text"})],t.prototype,"helpText",2),o([l({type:String,attribute:"invalid-text"})],t.prototype,"customInvalidText",2),o([r()],t.prototype,"_isPopoverOpen",2),o([r()],t.prototype,"_additionalSelectedOptionCount",2),o([a(".selected-options")],t.prototype,"selectedOptionsContainer",2),o([v(".selected-options li")],t.prototype,"selectedOptionsItems",2),o([a(".popover")],t.prototype,"_popover",2),o([a(".select-input")],t.prototype,"_selectInput",2),o([h("bl-select")],t.prototype,"_onBlSelect",2),o([r()],t.prototype,"_selectedOptions",2),o([r()],t.prototype,"dirty",2),o([a(".select-input")],t.prototype,"validationTarget",2),t=o([u("bl-select")],t);export{t as a};
+//# sourceMappingURL=chunk-VAF7XRXM.js.map