@haiilo/catalyst 11.0.0 → 12.0.0

package/dist/components/cat-select2.js

@@ -1,5 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.js';
+import { g as getDefaultExportFromCjs } from './loglevel.js';
+import { c as cjsExports } from './index2.js';
 import { c as coerceBoolean, a as coerceNumber } from './coerce.js';
 import { C as CatFormHint } from './cat-form-hint.js';
 import { c as catI18nRegistry } from './cat-i18n-registry.js';
@@ -7,317 +9,107 @@ import { d as defineCustomElement$7 } from './cat-avatar2.js';
 import { d as defineCustomElement$6 } from './cat-button2.js';
 import { d as defineCustomElement$5 } from './cat-checkbox2.js';
 import { d as defineCustomElement$4 } from './cat-icon2.js';
-import { m as mergeAll, E as EMPTY, f as filter, S as Subject, a as distinctUntilChanged, t as timer, d as defineCustomElement$3 } from './cat-scrollable2.js';
+import { d as defineCustomElement$3 } from './cat-scrollable2.js';
 import { d as defineCustomElement$2 } from './cat-skeleton2.js';
 import { d as defineCustomElement$1 } from './cat-spinner2.js';
-import { c as createErrorClass, f as from, p as popScheduler, o as operate, b as createOperatorSubscriber, i as innerFrom, n as noop, h as identity, g as isFunction } from './from.js';
-import { o as of } from './of.js';
 
-const EmptyError = createErrorClass((_super) => function EmptyErrorImpl() {
-    _super(this);
-    this.name = 'EmptyError';
-    this.message = 'no elements in sequence';
-});
+var autosizeInput$1;
+var hasRequiredAutosizeInput;
 
-function concatAll() {
-    return mergeAll(1);
-}
-
-function concat(...args) {
-    return concatAll()(from(args, popScheduler(args)));
-}
-
-function catchError(selector) {
-    return operate((source, subscriber) => {
-        let innerSub = null;
-        let syncUnsub = false;
-        let handledResult;
-        innerSub = source.subscribe(createOperatorSubscriber(subscriber, undefined, undefined, (err) => {
-            handledResult = innerFrom(selector(err, catchError(selector)(source)));
-            if (innerSub) {
-                innerSub.unsubscribe();
-                innerSub = null;
-                handledResult.subscribe(subscriber);
-            }
-            else {
-                syncUnsub = true;
-            }
-        }));
-        if (syncUnsub) {
-            innerSub.unsubscribe();
-            innerSub = null;
-            handledResult.subscribe(subscriber);
-        }
-    });
-}
-
-function scanInternals(accumulator, seed, hasSeed, emitOnNext, emitBeforeComplete) {
-    return (source, subscriber) => {
-        let hasState = hasSeed;
-        let state = seed;
-        let index = 0;
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-            const i = index++;
-            state = hasState
-                ?
-                    accumulator(state, value, i)
-                :
-                    ((hasState = true), value);
-            emitOnNext && subscriber.next(state);
-        }, emitBeforeComplete &&
-            (() => {
-                hasState && subscriber.next(state);
-                subscriber.complete();
-            })));
-    };
-}
-
-function debounce(durationSelector) {
-    return operate((source, subscriber) => {
-        let hasValue = false;
-        let lastValue = null;
-        let durationSubscriber = null;
-        const emit = () => {
-            durationSubscriber === null || durationSubscriber === void 0 ? void 0 : durationSubscriber.unsubscribe();
-            durationSubscriber = null;
-            if (hasValue) {
-                hasValue = false;
-                const value = lastValue;
-                lastValue = null;
-                subscriber.next(value);
-            }
-        };
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-            durationSubscriber === null || durationSubscriber === void 0 ? void 0 : durationSubscriber.unsubscribe();
-            hasValue = true;
-            lastValue = value;
-            durationSubscriber = createOperatorSubscriber(subscriber, emit, noop);
-            innerFrom(durationSelector(value)).subscribe(durationSubscriber);
-        }, () => {
-            emit();
-            subscriber.complete();
-        }, undefined, () => {
-            lastValue = durationSubscriber = null;
-        }));
-    });
-}
-
-function defaultIfEmpty(defaultValue) {
-    return operate((source, subscriber) => {
-        let hasValue = false;
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-            hasValue = true;
-            subscriber.next(value);
-        }, () => {
-            if (!hasValue) {
-                subscriber.next(defaultValue);
-            }
-            subscriber.complete();
-        }));
-    });
-}
-
-function take(count) {
-    return count <= 0
-        ?
-            () => EMPTY
-        : operate((source, subscriber) => {
-            let seen = 0;
-            source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-                if (++seen <= count) {
-                    subscriber.next(value);
-                    if (count <= seen) {
-                        subscriber.complete();
-                    }
-                }
-            }));
-        });
-}
-
-function throwIfEmpty(errorFactory = defaultErrorFactory) {
-    return operate((source, subscriber) => {
-        let hasValue = false;
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-            hasValue = true;
-            subscriber.next(value);
-        }, () => (hasValue ? subscriber.complete() : subscriber.error(errorFactory()))));
-    });
-}
-function defaultErrorFactory() {
-    return new EmptyError();
-}
-
-function first(predicate, defaultValue) {
-    const hasDefaultValue = arguments.length >= 2;
-    return (source) => source.pipe(predicate ? filter((v, i) => predicate(v, i, source)) : identity, take(1), hasDefaultValue ? defaultIfEmpty(defaultValue) : throwIfEmpty(() => new EmptyError()));
-}
+function requireAutosizeInput () {
+	if (hasRequiredAutosizeInput) return autosizeInput$1;
+	hasRequiredAutosizeInput = 1;
+	var GHOST_ELEMENT_ID = '__autosizeInputGhost';
 
-function scan(accumulator, seed) {
-    return operate(scanInternals(accumulator, seed, arguments.length >= 2, true));
-}
+	var characterEntities = {
+	  ' ': 'nbsp',
+	  '<': 'lt',
+	  '>': 'gt'
+	};
+	function mapSpecialCharacterToCharacterEntity (specialCharacter) {
+	  return '&' + characterEntities[specialCharacter] + ';'
+	}
+	function escapeSpecialCharacters (string) {
+	  return string.replace(/\s|<|>/g, mapSpecialCharacterToCharacterEntity)
+	}
 
-function startWith(...values) {
-    const scheduler = popScheduler(values);
-    return operate((source, subscriber) => {
-        (scheduler ? concat(values, source, scheduler) : concat(values, source)).subscribe(subscriber);
-    });
-}
+	// Create `ghostElement`, with inline styles to hide it and ensure that the text is all
+	// on a single line.
+	function createGhostElement () {
+	  var ghostElement = document.createElement('div');
+	  ghostElement.id = GHOST_ELEMENT_ID;
+	  ghostElement.style.cssText =
+	    'display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;';
+	  document.body.appendChild(ghostElement);
+	  return ghostElement
+	}
 
-function switchMap(project, resultSelector) {
-    return operate((source, subscriber) => {
-        let innerSubscriber = null;
-        let index = 0;
-        let isComplete = false;
-        const checkComplete = () => isComplete && !innerSubscriber && subscriber.complete();
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-            innerSubscriber === null || innerSubscriber === void 0 ? void 0 : innerSubscriber.unsubscribe();
-            let innerIndex = 0;
-            const outerIndex = index++;
-            innerFrom(project(value, outerIndex)).subscribe((innerSubscriber = createOperatorSubscriber(subscriber, (innerValue) => subscriber.next(resultSelector ? resultSelector(value, innerValue, outerIndex, innerIndex++) : innerValue), () => {
-                innerSubscriber = null;
-                checkComplete();
-            })));
-        }, () => {
-            isComplete = true;
-            checkComplete();
-        }));
-    });
-}
+	autosizeInput$1 = function (element, options) {
+	  var elementStyle = window.getComputedStyle(element);
+	  // prettier-ignore
+	  var elementCssText = 'box-sizing:' + elementStyle.boxSizing +
+	                      ';border-left:' + elementStyle.borderLeftWidth + ' solid red' +
+	                      ';border-right:' + elementStyle.borderRightWidth + ' solid red' +
+	                      ';font-family:' + elementStyle.fontFamily +
+	                      ';font-feature-settings:' + elementStyle.fontFeatureSettings +
+	                      ';font-kerning:' + elementStyle.fontKerning +
+	                      ';font-size:' + elementStyle.fontSize +
+	                      ';font-stretch:' + elementStyle.fontStretch +
+	                      ';font-style:' + elementStyle.fontStyle +
+	                      ';font-variant:' + elementStyle.fontVariant +
+	                      ';font-variant-caps:' + elementStyle.fontVariantCaps +
+	                      ';font-variant-ligatures:' + elementStyle.fontVariantLigatures +
+	                      ';font-variant-numeric:' + elementStyle.fontVariantNumeric +
+	                      ';font-weight:' + elementStyle.fontWeight +
+	                      ';letter-spacing:' + elementStyle.letterSpacing +
+	                      ';margin-left:' + elementStyle.marginLeft +
+	                      ';margin-right:' + elementStyle.marginRight +
+	                      ';padding-left:' + elementStyle.paddingLeft +
+	                      ';padding-right:' + elementStyle.paddingRight +
+	                      ';text-indent:' + elementStyle.textIndent +
+	                      ';text-transform:' + elementStyle.textTransform;
 
-function takeWhile(predicate, inclusive = false) {
-    return operate((source, subscriber) => {
-        let index = 0;
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-            const result = predicate(value, index++);
-            (result || inclusive) && subscriber.next(value);
-            !result && subscriber.complete();
-        }));
-    });
-}
+	  // Assigns an appropriate width to the given `element` based on its contents.
+	  function setWidth () {
+	    var string = element.value || element.getAttribute('placeholder') || '';
+	    // Check if the `ghostElement` exists. If no, create it.
+	    var ghostElement =
+	      document.getElementById(GHOST_ELEMENT_ID) || createGhostElement();
+	    // Copy all width-affecting styles to the `ghostElement`.
+	    ghostElement.style.cssText += elementCssText;
+	    ghostElement.innerHTML = escapeSpecialCharacters(string);
+	    // Copy the width of `ghostElement` to `element`.
+	    var width = window.getComputedStyle(ghostElement).width;
+	    element.style.width = width;
+	    return width
+	  }
 
-function tap(observerOrNext, error, complete) {
-    const tapObserver = isFunction(observerOrNext) || error || complete
-        ?
-            { next: observerOrNext, error, complete }
-        : observerOrNext;
-    return tapObserver
-        ? operate((source, subscriber) => {
-            var _a;
-            (_a = tapObserver.subscribe) === null || _a === void 0 ? void 0 : _a.call(tapObserver);
-            let isUnsub = true;
-            source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-                var _a;
-                (_a = tapObserver.next) === null || _a === void 0 ? void 0 : _a.call(tapObserver, value);
-                subscriber.next(value);
-            }, () => {
-                var _a;
-                isUnsub = false;
-                (_a = tapObserver.complete) === null || _a === void 0 ? void 0 : _a.call(tapObserver);
-                subscriber.complete();
-            }, (err) => {
-                var _a;
-                isUnsub = false;
-                (_a = tapObserver.error) === null || _a === void 0 ? void 0 : _a.call(tapObserver, err);
-                subscriber.error(err);
-            }, () => {
-                var _a, _b;
-                if (isUnsub) {
-                    (_a = tapObserver.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(tapObserver);
-                }
-                (_b = tapObserver.finalize) === null || _b === void 0 ? void 0 : _b.call(tapObserver);
-            }));
-        })
-        :
-            identity;
-}
+	  element.addEventListener('input', setWidth);
 
-var GHOST_ELEMENT_ID = '__autosizeInputGhost';
+	  var width = setWidth();
 
-var characterEntities = {
-  ' ': 'nbsp',
-  '<': 'lt',
-  '>': 'gt'
-};
-function mapSpecialCharacterToCharacterEntity (specialCharacter) {
-  return '&' + characterEntities[specialCharacter] + ';'
-}
-function escapeSpecialCharacters (string) {
-  return string.replace(/\s|<|>/g, mapSpecialCharacterToCharacterEntity)
-}
+	  // Set `min-width` only if `options.minWidth` was set, and only if the initial
+	  // width is non-zero.
+	  if (options && options.minWidth && width !== '0px') {
+	    element.style.minWidth = width;
+	  }
 
-// Create `ghostElement`, with inline styles to hide it and ensure that the text is all
-// on a single line.
-function createGhostElement () {
-  var ghostElement = document.createElement('div');
-  ghostElement.id = GHOST_ELEMENT_ID;
-  ghostElement.style.cssText =
-    'display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;';
-  document.body.appendChild(ghostElement);
-  return ghostElement
+	  // Return a function for unbinding the event listener and removing the `ghostElement`.
+	  return function () {
+	    element.removeEventListener('input', setWidth);
+	    var ghostElement = document.getElementById(GHOST_ELEMENT_ID);
+	    if (ghostElement) {
+	      ghostElement.parentNode.removeChild(ghostElement);
+	    }
+	  }
+	};
+	return autosizeInput$1;
 }
 
-var autosizeInput = function (element, options) {
-  var elementStyle = window.getComputedStyle(element);
-  // prettier-ignore
-  var elementCssText = 'box-sizing:' + elementStyle.boxSizing +
-                      ';border-left:' + elementStyle.borderLeftWidth + ' solid red' +
-                      ';border-right:' + elementStyle.borderRightWidth + ' solid red' +
-                      ';font-family:' + elementStyle.fontFamily +
-                      ';font-feature-settings:' + elementStyle.fontFeatureSettings +
-                      ';font-kerning:' + elementStyle.fontKerning +
-                      ';font-size:' + elementStyle.fontSize +
-                      ';font-stretch:' + elementStyle.fontStretch +
-                      ';font-style:' + elementStyle.fontStyle +
-                      ';font-variant:' + elementStyle.fontVariant +
-                      ';font-variant-caps:' + elementStyle.fontVariantCaps +
-                      ';font-variant-ligatures:' + elementStyle.fontVariantLigatures +
-                      ';font-variant-numeric:' + elementStyle.fontVariantNumeric +
-                      ';font-weight:' + elementStyle.fontWeight +
-                      ';letter-spacing:' + elementStyle.letterSpacing +
-                      ';margin-left:' + elementStyle.marginLeft +
-                      ';margin-right:' + elementStyle.marginRight +
-                      ';padding-left:' + elementStyle.paddingLeft +
-                      ';padding-right:' + elementStyle.paddingRight +
-                      ';text-indent:' + elementStyle.textIndent +
-                      ';text-transform:' + elementStyle.textTransform;
-
-  // Assigns an appropriate width to the given `element` based on its contents.
-  function setWidth () {
-    var string = element.value || element.getAttribute('placeholder') || '';
-    // Check if the `ghostElement` exists. If no, create it.
-    var ghostElement =
-      document.getElementById(GHOST_ELEMENT_ID) || createGhostElement();
-    // Copy all width-affecting styles to the `ghostElement`.
-    ghostElement.style.cssText += elementCssText;
-    ghostElement.innerHTML = escapeSpecialCharacters(string);
-    // Copy the width of `ghostElement` to `element`.
-    var width = window.getComputedStyle(ghostElement).width;
-    element.style.width = width;
-    return width
-  }
-
-  element.addEventListener('input', setWidth);
-
-  var width = setWidth();
-
-  // Set `min-width` only if `options.minWidth` was set, and only if the initial
-  // width is non-zero.
-  if (options && options.minWidth && width !== '0px') {
-    element.style.minWidth = width;
-  }
-
-  // Return a function for unbinding the event listener and removing the `ghostElement`.
-  return function () {
-    element.removeEventListener('input', setWidth);
-    var ghostElement = document.getElementById(GHOST_ELEMENT_ID);
-    if (ghostElement) {
-      ghostElement.parentNode.removeChild(ghostElement);
-    }
-  }
-};
+var autosizeInputExports = requireAutosizeInput();
+var autosizeInput = /*@__PURE__*/getDefaultExportFromCjs(autosizeInputExports);
 
 const catSelectCss = ".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;flex-direction:column;gap:0.5rem;line-height:1.25rem;position:relative}:host([hidden]){display:none}label{align-self:flex-start}label.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.select-field,.select-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.select-field.select-horizontal{flex-direction:row;gap:1rem}.select-wrapper{display:flex;align-items:flex-start;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;padding:0.25rem;--border-color:var(--cat-border-color-dark, 215, 219, 224);}.select-wrapper:not(.select-disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}.select-wrapper:focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.select-wrapper.select-invalid{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}.select-wrapper:has(input:-webkit-autofill),.select-wrapper:has(input:-webkit-autofill):hover,.select-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}:host(.cat-error) .select-wrapper{box-shadow:0 0 0 1px rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) .select-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px rgb(var(--cat-danger-bg, 217, 52, 13))}.select-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108));pointer-events:none}.select-wrapper-inner{display:flex;flex:1 1 auto;align-items:center;gap:0.25rem;min-width:0}.select-wrapper-inner>cat-avatar{display:inline-block;padding-left:0.5rem}.select-wrapper-inner>cat-avatar+.select-input{padding-left:0.25rem}.select-wrapper-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-multiple .select-wrapper-inner{flex-wrap:wrap}.select-input{font:inherit;background:none;border:none;outline:none;padding:0.375rem 0.5rem;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select-input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.select-disabled .select-input{cursor:inherit}.select-pills{display:contents}.pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem;background:#f2f4f7;border-radius:var(--cat-border-radius-s, 0.125rem);white-space:nowrap;min-width:0}.pill>span{overflow:hidden;text-overflow:ellipsis;flex:1 1 0%}.pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.select-btn{transition:transform 125ms linear}.select-btn::part(button){outline:none}cat-spinner{padding:0.375rem}.icon-suffix{padding:0.25rem}.select-btn-open{transform:rotate(180deg)}.select-dropdown{position:fixed;right:0;background:white;display:none;overflow:auto;box-shadow:0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);border-radius:var(--cat-border-radius-m, 0.25rem);border:1px solid rgb(var(--cat-border-color, 235, 236, 240));z-index:calc(var(--cat-z-index, 1000) + 100);width:max-content;top:0;left:0}.select-options-wrapper{max-height:16rem;width:100%}.select-empty{margin:1rem 0;padding:0 1.25rem}.select-options{list-style-type:none;margin:0;padding:0.5rem 0}.select-options cat-checkbox,.select-options .select-option-single{margin:0;padding:0.5rem 1rem}.select-option-inner{display:flex;gap:0.5rem}.select-option-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-option-text{flex:1 1 0%;min-width:0}.select-option-single{cursor:pointer}.select-input-transparent-caret{caret-color:transparent}.select-option-empty,.select-option-loading{padding:0.5rem 1rem}.select-option:hover{background-color:rgba(var(--cat-secondary-bg, 105, 118, 135), 0.05)}.select-option-active{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-2px}.select-option-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word}.select-option-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}";
-const CatSelectStyle0 = catSelectCss;
 
 const INIT_STATE = {
     term: '',
@@ -343,36 +135,62 @@ const CatSelect = /*@__PURE__*/ proxyCustomElement(class CatSelect extends HTMLE
         this.catChange = createEvent(this, "catChange", 7);
         this.catBlur = createEvent(this, "catBlur", 7);
         this._id = `cat-input-${nextUniqueId++}`;
-        this.term$ = new Subject();
-        this.more$ = new Subject();
+        this.term$ = new cjsExports.Subject();
+        this.more$ = new cjsExports.Subject();
         this.valueChangedBySelection = false;
-        this.connector = undefined;
         this.state = INIT_STATE;
         this.hasSlottedLabel = false;
         this.hasSlottedHint = false;
-        this.errorMap = undefined;
+        /**
+         * Whether the label need a marker to shown if the select is required or optional.
+         */
         this.requiredMarker = 'optional';
+        /**
+         * Whether the label is on top or left.
+         */
         this.horizontal = false;
+        /**
+         * Enable multiple selection.
+         */
         this.multiple = false;
+        /**
+         * The debounce time for the search.
+         */
         this.debounce = 250;
+        /**
+         * The placement of the select.
+         */
         this.placement = 'bottom-start';
-        this.value = undefined;
+        /**
+         * Whether the select is disabled.
+         */
         this.disabled = false;
-        this.placeholder = undefined;
-        this.hint = undefined;
-        this.identifier = undefined;
+        /**
+         * The label for the select.
+         */
         this.label = '';
-        this.name = undefined;
+        /**
+         * Visually hide the label, but still show it to assistive technologies like screen readers.
+         */
         this.labelHidden = false;
+        /**
+         * A value is required or must be checked for the form to be submittable.
+         */
         this.required = false;
+        /**
+         * Whether the select should show a clear button.
+         */
         this.clearable = false;
+        /**
+         * Whether the select should add new items.
+         */
         this.tags = false;
-        this.tagHint = undefined;
-        this.noItems = undefined;
-        this.errors = undefined;
+        /**
+         * Fine-grained control over when the errors are shown. Can be `false` to
+         * never show errors, `true` to show errors on blur, or a number to show
+         * errors change with the given delay in milliseconds or immediately on blur.
+         */
         this.errorUpdate = 0;
-        this.nativeAttributes = undefined;
-        this.testId = undefined;
     }
     get id() {
         return this.identifier || this._id;
@@ -615,7 +433,7 @@ const CatSelect = /*@__PURE__*/ proxyCustomElement(class CatSelect extends HTMLE
         this.subscription?.unsubscribe();
         this.subscription = this.term$
             .asObservable()
-            .pipe(debounce(term => (term ? timer(this.debounce) : of(0))), distinctUntilChanged(), tap(() => (number$ = this.more$.pipe(filter(() => !this.state.isLoading), scan(n => n + 1, 0), startWith(0)))), switchMap(term => number$.pipe(tap(() => this.patchState({ isLoading: true })), switchMap(number => connector.retrieve(term, number)), tap(page => this.patchState({ isLoading: false, totalElements: page.totalElements, isFirstLoading: false })), takeWhile(page => !page.last, true), scan((items, page) => [...items, ...page.content], []))))
+            .pipe(cjsExports.debounce(term => (term ? cjsExports.timer(this.debounce) : cjsExports.of(0))), cjsExports.distinctUntilChanged(), cjsExports.tap(() => (number$ = this.more$.pipe(cjsExports.filter(() => !this.state.isLoading), cjsExports.scan(n => n + 1, 0), cjsExports.startWith(0)))), cjsExports.switchMap(term => number$.pipe(cjsExports.tap(() => this.patchState({ isLoading: true })), cjsExports.switchMap(number => connector.retrieve(term, number)), cjsExports.tap(page => this.patchState({ isLoading: false, totalElements: page.totalElements, isFirstLoading: false })), cjsExports.takeWhile(page => !page.last, true), cjsExports.scan((items, page) => [...items, ...page.content], []))))
             .subscribe(items => {
             const options = this.toSelectItems(connector, items);
             if (this.tags &&
@@ -691,8 +509,8 @@ const CatSelect = /*@__PURE__*/ proxyCustomElement(class CatSelect extends HTMLE
         if (this.tags) {
             tags = this.initTags();
         }
-        const data$ = ids.length ? connector.resolve(ids).pipe(first()) : of([]);
-        data$.pipe(catchError(() => of([]))).subscribe(items => {
+        const data$ = ids.length ? connector.resolve(ids).pipe(cjsExports.first()) : cjsExports.of([]);
+        data$.pipe(cjsExports.catchError(() => cjsExports.of([]))).subscribe(items => {
             const selection = this.toSelectItems(connector, items);
             if (this.tags) {
                 tags
@@ -995,7 +813,7 @@ const CatSelect = /*@__PURE__*/ proxyCustomElement(class CatSelect extends HTMLE
         "errors": ["onErrorsChanged"],
         "state": ["onStateChanged"]
     }; }
-    static get style() { return CatSelectStyle0; }
+    static get style() { return catSelectCss; }
 }, [17, "cat-select", {
         "requiredMarker": [1, "required-marker"],
         "horizontal": [4],
@@ -1017,7 +835,7 @@ const CatSelect = /*@__PURE__*/ proxyCustomElement(class CatSelect extends HTMLE
         "noItems": [1, "no-items"],
         "errors": [4],
         "errorUpdate": [8, "error-update"],
-        "nativeAttributes": [16],
+        "nativeAttributes": [16, "native-attributes"],
         "testId": [1, "test-id"],
         "connector": [32],
         "state": [32],
@@ -1085,6 +903,7 @@ function defineCustomElement() {
     } });
 }
 
-export { CatSelect as C, concat as c, defineCustomElement as d, take as t };
+export { CatSelect as C, defineCustomElement as d };
+//# sourceMappingURL=cat-select2.js.map
 
 //# sourceMappingURL=cat-select2.js.map