@public-ui/hydrate 1.7.3 → 2.0.0-rc.1

package/dist/index.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /*!
- Stencil Mock Doc v4.3.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.5.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -1626,6 +1626,14 @@ class MockNodeList {
   }
 }
 class MockElement extends MockNode {
+  attachInternals() {
+    return new Proxy({}, {
+      get: function (_target, prop, _receiver) {
+        console.error(`NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
+Testing components with ElementInternals is fully supported in e2e tests.`);
+      },
+    });
+  }
   constructor(ownerDocument, nodeName) {
     super(ownerDocument, 1 /* NODE_TYPES.ELEMENT_NODE */, typeof nodeName === 'string' ? nodeName : null, null);
     this.namespaceURI = null;
@@ -4953,7 +4961,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'kolibri';
-const BUILD = /* kolibri */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: true, observeAttribute: true, patchPseudoShadowDom: false, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* kolibri */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: true, observeAttribute: true, patchPseudoShadowDom: false, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -5756,7 +5764,8 @@ class Translator extends EventEmitter {
             usedKey: key,
             exactUsedKey: key,
             usedLng: lng,
-            usedNS: namespace
+            usedNS: namespace,
+            usedParams: this.getUsedParamsDetails(options)
           };
         }
         return `${namespace}${nsSeparator}${key}`;
@@ -5767,7 +5776,8 @@ class Translator extends EventEmitter {
           usedKey: key,
           exactUsedKey: key,
           usedLng: lng,
-          usedNS: namespace
+          usedNS: namespace,
+          usedParams: this.getUsedParamsDetails(options)
         };
       }
       return key;
@@ -5792,6 +5802,7 @@ class Translator extends EventEmitter {
         }) : `key '${key} (${this.language})' returned an object instead of string.`;
         if (returnDetails) {
           resolved.res = r;
+          resolved.usedParams = this.getUsedParamsDetails(options);
           return resolved;
         }
         return r;
@@ -5892,6 +5903,7 @@ class Translator extends EventEmitter {
     }
     if (returnDetails) {
       resolved.res = res;
+      resolved.usedParams = this.getUsedParamsDetails(options);
       return resolved;
     }
     return res;
@@ -6041,6 +6053,30 @@ class Translator extends EventEmitter {
     if (this.i18nFormat && this.i18nFormat.getResource) return this.i18nFormat.getResource(code, ns, key, options);
     return this.resourceStore.getResource(code, ns, key, options);
   }
+  getUsedParamsDetails() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const optionsKeys = ['defaultValue', 'ordinal', 'context', 'replace', 'lng', 'lngs', 'fallbackLng', 'ns', 'keySeparator', 'nsSeparator', 'returnObjects', 'returnDetails', 'joinArrays', 'postProcess', 'interpolation'];
+    const useOptionsReplaceForData = options.replace && typeof options.replace !== 'string';
+    let data = useOptionsReplaceForData ? options.replace : options;
+    if (useOptionsReplaceForData && typeof options.count !== 'undefined') {
+      data.count = options.count;
+    }
+    if (this.options.interpolation.defaultVariables) {
+      data = {
+        ...this.options.interpolation.defaultVariables,
+        ...data
+      };
+    }
+    if (!useOptionsReplaceForData) {
+      data = {
+        ...data
+      };
+      for (const key of optionsKeys) {
+        delete data[key];
+      }
+    }
+    return data;
+  }
   static hasDefaultValue(options) {
     const prefix = 'defaultValue';
     for (const option in options) {
@@ -7810,7 +7846,7 @@ const initKoliBri = () => {
 	|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
 	|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
 	\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
-	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.3
+	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0-rc.1
 		`, {
       forceLog: true,
     });
@@ -8279,36 +8315,42 @@ const createElm = (e, t, o, n) => {
  isSvgMode && "svg" === l && (isSvgMode = !1));
 }, updateFallbackSlotVisibility = e => {
  const t = e.childNodes;
- let o, n, s, l, a, r;
- for (n = 0, s = t.length; n < s; n++) if (o = t[n], 1 === o.nodeType) {
-  if (o["s-sr"]) for (a = o["s-sn"], o.hidden = !1, l = 0; l < s; l++) if (r = t[l].nodeType, 
-  t[l]["s-hn"] !== o["s-hn"] || "" !== a) {
-   if (1 === r && a === t[l].getAttribute("slot")) {
-    o.hidden = !0;
+ for (const e of t) if (1 === e.nodeType) {
+  if (e["s-sr"]) {
+   const o = e["s-sn"];
+   e.hidden = !1;
+   for (const n of t) if (n["s-hn"] !== e["s-hn"] || "" !== o) {
+    if (1 === n.nodeType && o === n.getAttribute("slot")) {
+     e.hidden = !0;
+     break;
+    }
+   } else if (1 === n.nodeType || 3 === n.nodeType && "" !== n.textContent.trim()) {
+    e.hidden = !0;
     break;
    }
-  } else if (1 === r || 3 === r && "" !== t[l].textContent.trim()) {
-   o.hidden = !0;
-   break;
   }
-  updateFallbackSlotVisibility(o);
+  updateFallbackSlotVisibility(e);
  }
-}, relocateNodes = [], relocateSlotContent = e => {
- let t, o, n, s, l, a, r = 0;
- const i = e.childNodes, d = i.length;
- for (;r < d; r++) {
-  if (t = i[r], t["s-sr"] && (o = t["s-cr"]) && o.parentNode) for (n = o.parentNode.childNodes, 
-  s = t["s-sn"], a = n.length - 1; a >= 0; a--) o = n[a], o["s-cn"] || o["s-nr"] || o["s-hn"] === t["s-hn"] || (isNodeLocatedInSlot(o, s) ? (l = relocateNodes.find((e => e.$nodeToRelocate$ === o)), 
-  checkSlotFallbackVisibility = !0, o["s-sn"] = o["s-sn"] || s, l ? l.$slotRefNode$ = t : relocateNodes.push({
-   $slotRefNode$: t,
-   $nodeToRelocate$: o
-  }), o["s-sr"] && relocateNodes.map((e => {
-   isNodeLocatedInSlot(e.$nodeToRelocate$, o["s-sn"]) && (l = relocateNodes.find((e => e.$nodeToRelocate$ === o)), 
-   l && !e.$slotRefNode$ && (e.$slotRefNode$ = l.$slotRefNode$));
-  }))) : relocateNodes.some((e => e.$nodeToRelocate$ === o)) || relocateNodes.push({
-   $nodeToRelocate$: o
-  }));
-  1 === t.nodeType && relocateSlotContent(t);
+}, relocateNodes = [], markSlotContentForRelocation = e => {
+ let t, o, n;
+ for (const s of e.childNodes) {
+  if (s["s-sr"] && (t = s["s-cr"]) && t.parentNode) {
+   o = t.parentNode.childNodes;
+   const e = s["s-sn"];
+   for (n = o.length - 1; n >= 0; n--) if (t = o[n], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== s["s-hn"]) if (isNodeLocatedInSlot(t, e)) {
+    let o = relocateNodes.find((e => e.$nodeToRelocate$ === t));
+    checkSlotFallbackVisibility = !0, t["s-sn"] = t["s-sn"] || e, o ? o.$slotRefNode$ = s : relocateNodes.push({
+     $slotRefNode$: s,
+     $nodeToRelocate$: t
+    }), t["s-sr"] && relocateNodes.map((e => {
+     isNodeLocatedInSlot(e.$nodeToRelocate$, t["s-sn"]) && (o = relocateNodes.find((e => e.$nodeToRelocate$ === t)), 
+     o && !e.$slotRefNode$ && (e.$slotRefNode$ = o.$slotRefNode$));
+    }));
+   } else relocateNodes.some((e => e.$nodeToRelocate$ === t)) || relocateNodes.push({
+    $nodeToRelocate$: t
+   });
+  }
+  1 === s.nodeType && markSlotContentForRelocation(s);
  }
 }, isNodeLocatedInSlot = (e, t) => 1 === e.nodeType ? null === e.getAttribute("slot") && "" === t || e.getAttribute("slot") === t : e["s-sn"] === t || "" === t, nullifyVNodeRefs = e => {
  (e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(nullifyVNodeRefs));
@@ -8323,7 +8365,7 @@ const createElm = (e, t, o, n) => {
  BUILD.slotRelocation) {
   if (plt.$flags$ |= 1, checkSlotRelocate) {
    let e, t, o, n, s, l;
-   relocateSlotContent(a.$elm$);
+   markSlotContentForRelocation(a.$elm$);
    let r = 0;
    for (;r < relocateNodes.length; r++) e = relocateNodes[r], t = e.$nodeToRelocate$, 
    t["s-ol"] || (o = originalLocationDebugNode(t) , 
@@ -8387,9 +8429,9 @@ const callRender = (e, t, o, n) => {
  (safeCall(s, "componentDidRender"), 
  BUILD.isDev ), 64 & e.$flags$ ? (n()) : (e.$flags$ |= 64, addHydratedFlag(o), 
  (safeCall(s, "componentDidLoad"), 
- BUILD.isDev ), n(), (e.$onReadyResolve$(o), l || appDidLoad())), e.$onInstanceResolve$(o), (e.$onRenderResolve$ && (e.$onRenderResolve$(), 
- e.$onRenderResolve$ = void 0), 512 & e.$flags$ && nextTick((() => scheduleUpdate(e, !1))), 
- e.$flags$ &= -517);
+ BUILD.isDev ), n(), (e.$onReadyResolve$(o), l || appDidLoad())), e.$onInstanceResolve$(o), 
+ (e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), 
+ 512 & e.$flags$ && nextTick((() => scheduleUpdate(e, !1))), e.$flags$ &= -517);
 }, appDidLoad = e => {
  addHydratedFlag(doc.documentElement), nextTick((() => emitEvent(win, "appload", {
   detail: {
@@ -8477,10 +8519,11 @@ const callRender = (e, t, o, n) => {
   }
  }
  return e;
-}, initializeComponent = async (e, t, o, n, s) => {
+}, initializeComponent = async (e, t, o, n) => {
+ let s;
  if (0 == (32 & t.$flags$)) {
   if (t.$flags$ |= 32, BUILD.lazyLoad ) {
-   if ((s = loadModule(o)).then) {
+   if (s = loadModule(o), s.then) {
     const e = (() => {});
     s = await s, e();
    }
@@ -8690,16 +8733,6 @@ const a11yHint = (msg, options) => {
     });
   }
 };
-const deprecatedCache = new Set();
-const deprecatedHint = (msg, options) => {
-  if (deprecatedCache.has(msg) === false || !!(options === null || options === void 0 ? void 0 : options.force)) {
-    deprecatedCache.add(msg);
-    Log.warn([msg].concat((options === null || options === void 0 ? void 0 : options.details) || []), {
-      classifier: `🔥 deprecated`,
-      overwriteStyle: '; background-color: #f00',
-    });
-  }
-};
 const devCache = new Set();
 const devHint = (msg, options) => {
   if (devCache.has(msg) === false || !!(options === null || options === void 0 ? void 0 : options.force)) {
@@ -9913,39 +9946,6 @@ const koliBriQuerySelectorColors = (selector, a11yColorContrast = getDefaultColo
     return koliBriA11yColorContrast(selectedNode, a11yColorContrast);
   }
 };
-const scrollByHTMLElement = (element, parentElement = window) => {
-  if (element instanceof HTMLElement) {
-    parentElement.scrollTo({
-      behavior: 'smooth',
-      top: element.getBoundingClientRect().top + getWindow$1().pageYOffset - 50,
-    });
-    element.focus();
-  }
-  else {
-    devHint(`Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.`);
-  }
-};
-const scrollBySelector = (selector, document) => {
-  if ((selector instanceof Document || selector instanceof HTMLElement || selector instanceof ShadowRoot) &&
-    typeof document === 'string') {
-    devHint(`Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.`);
-    const temp = `${document}`;
-    document = selector;
-    selector = temp;
-  }
-  if (typeof selector === 'string') {
-    const element = koliBriQuerySelector(selector, document);
-    if (element instanceof HTMLElement) {
-      scrollByHTMLElement(element);
-    }
-    else {
-      devHint(`Es konnte kein HTMLElement mit dem Selector (${selector}) gefunden werden, zu dem gescrollt werden soll.`);
-    }
-  }
-  else {
-    devHint(`Der Selector ist nicht valide, zu dem gescrollt werden soll.`);
-  }
-};
 class KoliBriUtils {
   static queryHtmlElementColors(targetNode, a11yColorContrast, recursion = false, log = true) {
     let returnValue = null;
@@ -10015,13 +10015,9 @@ KoliBriUtils.cache = new Map();
 const ariaCurrentSubject = new Subject();
 class KoliBriDevHelper {
 }
-KoliBriDevHelper.ariaCurrentSubject = ariaCurrentSubject;
 KoliBriDevHelper.patchTheme = patchTheme;
-KoliBriDevHelper.patchThemeTag = patchThemeTag;
 KoliBriDevHelper.querySelector = koliBriQuerySelector;
 KoliBriDevHelper.querySelectorAll = koliBriQuerySelectorAll;
-KoliBriDevHelper.scrollByHTMLElement = scrollByHTMLElement;
-KoliBriDevHelper.scrollBySelector = scrollBySelector;
 KoliBriDevHelper.stringifyJson = stringifyJson;
 
 const READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;
@@ -10081,7 +10077,6 @@ class KolAbbr {
     this.nonce = nonce();
     this._label = undefined;
     this._tooltipAlign = 'top';
-    this._title = undefined;
     this.state = {
       _label: '…',
       _tooltipAlign: 'top',
@@ -10093,19 +10088,15 @@ class KolAbbr {
   validateLabel(value) {
     validateLabel(this, value);
   }
-  validateTitle(value) {
-    this.validateLabel(value);
-  }
   validateTooltipAlign(value) {
     validateTooltipAlign(this, value);
   }
   componentWillLoad() {
-    this.validateLabel(this._label || this._title);
+    this.validateLabel(this._label);
     this.validateTooltipAlign(this._tooltipAlign);
   }
   static get watchers() { return {
     "_label": ["validateLabel"],
-    "_title": ["validateTitle"],
     "_tooltipAlign": ["validateTooltipAlign"]
   }; }
   static get style() { return {
@@ -10117,7 +10108,6 @@ class KolAbbr {
     "$members$": {
       "_label": [1],
       "_tooltipAlign": [1, "_tooltip-align"],
-      "_title": [1],
       "state": [32]
     },
     "$listeners$": undefined,
@@ -10160,7 +10150,6 @@ class KolAccordion {
         }
       });
     };
-    this._heading = undefined;
     this._label = undefined;
     this._level = 1;
     this._on = undefined;
@@ -10174,10 +10163,7 @@ class KolAccordion {
     return (hAsync(Host, null, hAsync("div", { class: {
         accordion: true,
         open: this.state._open === true,
-      } }, hAsync("kol-heading-wc", { _label: "", _level: this.state._level }, hAsync("kol-button-wc", { _ariaControls: this.nonce, _ariaExpanded: this.state._open, _icons: this.state._open ? 'codicon codicon-remove' : 'codicon codicon-add', _label: this.state._label, _on: { onClick: this.onClick } })), hAsync("div", { class: "header" }, hAsync("slot", { name: "header" })), hAsync("div", { class: "wrapper" }, hAsync("div", { class: "animation-wrapper" }, hAsync("div", { "aria-hidden": this.state._open === false ? 'true' : undefined, class: "content", id: this.nonce }, hAsync("slot", { name: "content" }), " ", hAsync("slot", null)))))));
-  }
-  validateHeading(value) {
-    this.validateLabel(value);
+      } }, hAsync("kol-heading-wc", { _label: "", _level: this.state._level }, hAsync("kol-button-wc", { _ariaControls: this.nonce, _ariaExpanded: this.state._open, _icons: this.state._open ? 'codicon codicon-remove' : 'codicon codicon-add', _label: this.state._label, _on: { onClick: this.onClick } })), hAsync("div", { class: "wrapper" }, hAsync("div", { class: "animation-wrapper" }, hAsync("div", { "aria-hidden": this.state._open === false ? 'true' : undefined, class: "content", id: this.nonce }, hAsync("slot", null)))))));
   }
   validateLabel(value) {
     validateLabel(this, value);
@@ -10194,13 +10180,12 @@ class KolAccordion {
     validateOpen(this, value);
   }
   componentWillLoad() {
-    this.validateLabel(this._label || this._heading);
+    this.validateLabel(this._label);
     this.validateLevel(this._level);
     this.validateOn(this._on);
     this.validateOpen(this._open);
   }
   static get watchers() { return {
-    "_heading": ["validateHeading"],
     "_label": ["validateLabel"],
     "_level": ["validateLevel"],
     "_on": ["validateOn"],
@@ -10213,7 +10198,6 @@ class KolAccordion {
     "$flags$": 41,
     "$tagName$": "kol-accordion",
     "$members$": {
-      "_heading": [1],
       "_label": [1],
       "_level": [2],
       "_on": [16],
@@ -10233,7 +10217,6 @@ class KolAlert {
     registerInstance(this, hostRef);
     this._alert = false;
     this._hasCloser = false;
-    this._heading = undefined;
     this._label = undefined;
     this._level = 1;
     this._on = undefined;
@@ -10244,7 +10227,7 @@ class KolAlert {
     };
   }
   render() {
-    return (hAsync(Host, null, hAsync("kol-alert-wc", { _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label || this._heading, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, hAsync("slot", null))));
+    return (hAsync(Host, null, hAsync("kol-alert-wc", { _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, hAsync("slot", null))));
   }
   static get style() { return {
     default: defaultStyleCss$H
@@ -10255,7 +10238,6 @@ class KolAlert {
     "$members$": {
       "_alert": [4],
       "_hasCloser": [4, "_has-closer"],
-      "_heading": [1],
       "_label": [1],
       "_level": [2],
       "_on": [16],
@@ -10293,8 +10275,6 @@ var locale_de = {
   'page-current': 'Seite {{page}}',
   'page-selected': 'Seite {{page}} ist ausgewählt',
   'page-per-site': '{{entries}} Einträge pro Seite',
-  'nav-maximize': 'Navigation maximieren',
-  'nav-minimize': 'Navigation minimieren',
   'logo-description': 'Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}',
   'open-link-in-tab': 'Der Link wird in einem neuen Tab geöffnet.',
   'kolibri-logo': 'Logo von KoliBri',
@@ -10330,8 +10310,6 @@ var locale_en = {
   'page-current': 'Page {{page}}',
   'page-selected': 'Page {{page}} is selected',
   'page-per-site': '{{entries}} entries per page',
-  'nav-maximize': 'Maximize',
-  'nav-minimize': 'Minimize',
   'logo-description': 'Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}',
   'open-link-in-tab': 'The link will open in a new tab.',
   'kolibri-logo': 'KoliBri logo',
@@ -10371,7 +10349,7 @@ const validateHasCloser = (component, value) => {
 };
 
 const Icon = (props) => {
-  return hAsync("kol-icon", { class: "heading-icon", _ariaLabel: typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel, _icons: props.icon });
+  return hAsync("kol-icon", { class: "heading-icon", _label: typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel, _icons: props.icon });
 };
 const AlertIcon = (props) => {
   switch (props.type) {
@@ -11018,8 +10996,6 @@ function isColorObjectString(value) {
       const parsed = JSON.parse(value);
       if (isValidColorPair(parsed))
         return { type: 'ColorPair', value: parsed };
-      if (isValidDeprecatedColorPair(parsed))
-        return { type: 'DeprecatedColorPair', value: parsed };
     }
     catch (error) {
       return { type: null, value: null };
@@ -11042,9 +11018,6 @@ function typeOfColor(value) {
       const asColorPair = value;
       if (isValidColorPair(asColorPair))
         return { type: 'ColorPair', valid: true, value: asColorPair };
-      const asDeprecatedColorPair = value;
-      if (isValidDeprecatedColorPair(asDeprecatedColorPair))
-        return { type: 'DeprecatedColorPair', valid: true, value: asDeprecatedColorPair };
     }
   }
   return { type: null, valid: false, value: '' };
@@ -11059,9 +11032,6 @@ function isValidColorPair(value) {
         typeof value.foregroundColor.secondary === 'string' &&
         typeof value.foregroundColor.neutral === 'string')));
 }
-function isValidDeprecatedColorPair(value) {
-  return typeof value === 'object' && value && typeof value.backgroundColor === 'string' && typeof value.color === 'string';
-}
 function validatorFunction(value) {
   const valueType = typeOfColor(value);
   switch (valueType.type) {
@@ -11069,7 +11039,6 @@ function validatorFunction(value) {
       return false;
     case 'string':
     case 'ColorPair':
-    case 'DeprecatedColorPair':
       return valueType.valid;
   }
 }
@@ -11084,19 +11053,13 @@ const handleColorChange = (value) => {
     case 'string':
       colorContrast = createContrastColorPair(valueType.value);
       break;
-    case 'ColorPair':
-    case 'DeprecatedColorPair': {
+    case 'ColorPair': {
       const asColorPair = valueType.value;
-      const asDeprecatedColorPair = valueType.value;
       let foreground = '';
-      if (asDeprecatedColorPair.color)
-        foreground = asDeprecatedColorPair.color;
-      else {
-        if (typeof asColorPair.foregroundColor === 'string')
-          foreground = asColorPair.foregroundColor;
-        else if ((_a = asColorPair.foregroundColor) === null || _a === void 0 ? void 0 : _a.primary)
-          foreground = asColorPair.foregroundColor.primary;
-      }
+      if (typeof asColorPair.foregroundColor === 'string')
+        foreground = asColorPair.foregroundColor;
+      else if ((_a = asColorPair.foregroundColor) === null || _a === void 0 ? void 0 : _a.primary)
+        foreground = asColorPair.foregroundColor.primary;
       if (!foreground || typeof foreground !== 'string')
         foreground = '#fff';
       colorContrast = createContrastColorPair({
@@ -11136,10 +11099,7 @@ class KolBadge {
       this.colorStr = colorPair.foregroundColor;
     };
     this._color = '#000';
-    this._hideLabel = false;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconOnly = undefined;
     this._label = undefined;
     this._smartButton = undefined;
     this.state = {
@@ -11150,7 +11110,7 @@ class KolBadge {
     };
   }
   renderSmartButton(props) {
-    return (hAsync("kol-button-wc", { _ariaControls: this.id, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons || props._icon, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign, _variant: props._variant }));
+    return (hAsync("kol-button-wc", { _ariaControls: this.id, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign, _variant: props._variant }));
   }
   render() {
     const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;
@@ -11159,7 +11119,7 @@ class KolBadge {
       }, style: {
         backgroundColor: this.bgColorStr,
         color: this.colorStr,
-      } }, hAsync("kol-span-wc", { id: hasSmartButton ? this.id : undefined, _allowMarkdown: true, _hideLabel: this._hideLabel || this._iconOnly, _icons: this._icons || this._icon, _label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton))));
+      } }, hAsync("kol-span-wc", { id: hasSmartButton ? this.id : undefined, _allowMarkdown: true, _icons: this._icons, _label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton))));
   }
   validateColor(value) {
     validateColor(this, value, {
@@ -11195,10 +11155,7 @@ class KolBadge {
     "$tagName$": "kol-badge",
     "$members$": {
       "_color": [1],
-      "_hideLabel": [4, "_hide-label"],
-      "_icon": [1],
       "_icons": [1],
-      "_iconOnly": [4, "_icon-only"],
       "_label": [1],
       "_smartButton": [1, "_smart-button"],
       "state": [32]
@@ -11234,10 +11191,8 @@ class KolBreadcrumb {
     registerInstance(this, hostRef);
     this.renderLink = (link, index) => {
       const lastIndex = this.state._links.length - 1;
-      const hideLabel = link._iconOnly || link._hideLabel;
-      return (hAsync("li", { key: index }, index !== 0 && hAsync("kol-icon", { _label: "", _icons: "codicon codicon-chevron-right" }), index === lastIndex ? (hAsync("span", null, hideLabel ? (hAsync("kol-icon", { _label: link._label, _icons: typeof link._icon === 'string' ? link._icon : 'codicon codicon-symbol-event' })) : (hAsync(Fragment, null, link._label)))) : (hAsync("kol-link", Object.assign({}, link)))));
+      return (hAsync("li", { key: index }, index !== 0 && hAsync("kol-icon", { _label: "", _icons: "codicon codicon-chevron-right" }), index === lastIndex ? (hAsync("span", null, link._hideLabel ? (hAsync("kol-icon", { _label: link._label, _icons: typeof link._icons === 'string' ? link._icons : 'codicon codicon-symbol-event' })) : (hAsync(Fragment, null, link._label)))) : (hAsync("kol-link", Object.assign({}, link)))));
     };
-    this._ariaLabel = undefined;
     this._label = undefined;
     this._links = undefined;
     this.state = {
@@ -11248,9 +11203,6 @@ class KolBreadcrumb {
   render() {
     return (hAsync(Host, null, hAsync("nav", { "aria-label": this.state._label }, hAsync("ul", null, this.state._links.length === 0 && (hAsync("li", null, hAsync("kol-icon", { _label: "", _icons: "codicon codicon-home" }), "\u2026")), this.state._links.map(this.renderLink)))));
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
   validateLabel(value, _oldValue, initial = false) {
     if (!initial) {
       removeNavLabel(this.state._label);
@@ -11263,14 +11215,13 @@ class KolBreadcrumb {
     watchNavLinks('KolBreadcrumb', this, value);
   }
   componentWillLoad() {
-    this.validateLabel(this._label || this._ariaLabel, undefined, true);
+    this.validateLabel(this._label, undefined, true);
     this.validateLinks(this._links);
   }
   disconnectedCallback() {
     removeNavLabel(this.state._label);
   }
   static get watchers() { return {
-    "_ariaLabel": ["validateAriaLabel"],
     "_label": ["validateLabel"],
     "_links": ["validateLinks"]
   }; }
@@ -11281,7 +11232,6 @@ class KolBreadcrumb {
     "$flags$": 41,
     "$tagName$": "kol-breadcrumb",
     "$members$": {
-      "_ariaLabel": [1, "_aria-label"],
       "_label": [1],
       "_links": [1],
       "state": [32]
@@ -11301,19 +11251,13 @@ class KolButton {
       this.ref = ref;
       propagateFocus(this.host, this.ref);
     };
-    this._accessKey = undefined;
     this._ariaControls = undefined;
-    this._ariaCurrent = undefined;
     this._ariaExpanded = undefined;
-    this._ariaLabel = undefined;
     this._ariaSelected = undefined;
     this._customClass = undefined;
     this._disabled = false;
     this._hideLabel = false;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconAlign = undefined;
-    this._iconOnly = undefined;
     this._id = undefined;
     this._label = undefined;
     this._name = undefined;
@@ -11331,7 +11275,7 @@ class KolButton {
         button: true,
         [this._variant]: this._variant !== 'custom',
         [this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
-      }, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel || this._iconOnly, _icons: this._icons || this._icon, _iconAlign: this._iconAlign, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { name: "expert", slot: "expert" }))));
+      }, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { name: "expert", slot: "expert" }))));
   }
   get host() { return getElement(this); }
   static get style() { return {
@@ -11341,19 +11285,13 @@ class KolButton {
     "$flags$": 41,
     "$tagName$": "kol-button",
     "$members$": {
-      "_accessKey": [1, "_access-key"],
       "_ariaControls": [1, "_aria-controls"],
-      "_ariaCurrent": [8, "_aria-current"],
       "_ariaExpanded": [4, "_aria-expanded"],
-      "_ariaLabel": [1, "_aria-label"],
       "_ariaSelected": [4, "_aria-selected"],
       "_customClass": [1, "_custom-class"],
       "_disabled": [4],
       "_hideLabel": [4, "_hide-label"],
-      "_icon": [1],
       "_icons": [1],
-      "_iconAlign": [1, "_icon-align"],
-      "_iconOnly": [4, "_icon-only"],
       "_id": [1],
       "_label": [1],
       "_name": [1],
@@ -11423,17 +11361,12 @@ class KolButtonLink {
       this.ref = ref;
       propagateFocus(this.host, this.ref);
     };
-    this._accessKey = undefined;
     this._ariaControls = undefined;
-    this._ariaCurrent = undefined;
     this._ariaExpanded = undefined;
-    this._ariaLabel = undefined;
     this._ariaSelected = undefined;
     this._disabled = false;
     this._hideLabel = false;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconOnly = undefined;
     this._id = undefined;
     this._label = undefined;
     this._name = undefined;
@@ -11446,7 +11379,7 @@ class KolButtonLink {
     this._value = undefined;
   }
   render() {
-    return (hAsync(Host, null, hAsync("kol-button-wc", { ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _icons: this._icons || this._icon, _hideLabel: this._hideLabel || this._iconOnly, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: "link", _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, hAsync("slot", { name: "expert", slot: "expert" }))));
+    return (hAsync(Host, null, hAsync("kol-button-wc", { ref: this.catchRef, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: "link", _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, hAsync("slot", { name: "expert", slot: "expert" }))));
   }
   get host() { return getElement(this); }
   static get style() { return {
@@ -11456,17 +11389,12 @@ class KolButtonLink {
     "$flags$": 41,
     "$tagName$": "kol-button-link",
     "$members$": {
-      "_accessKey": [1, "_access-key"],
       "_ariaControls": [1, "_aria-controls"],
-      "_ariaCurrent": [8, "_aria-current"],
       "_ariaExpanded": [4, "_aria-expanded"],
-      "_ariaLabel": [1025, "_aria-label"],
       "_ariaSelected": [4, "_aria-selected"],
       "_disabled": [4],
       "_hideLabel": [4, "_hide-label"],
-      "_icon": [1],
       "_icons": [1],
-      "_iconOnly": [4, "_icon-only"],
       "_id": [1],
       "_label": [1],
       "_name": [1],
@@ -11529,16 +11457,6 @@ const validateAriaControls = (component, value) => {
   watchString(component, '_ariaControls', value);
 };
 
-const validate = (component, propName, value) => {
-  watchValidator(component, propName, (value) => value === 'date' || value === 'location' || value === 'page' || value === 'step' || value === 'time' || value === true || value === false, new Set(['String {data, location, page, step, time}', 'boolean']), value);
-};
-const validateAriaCurrent = (component, value) => {
-  validate(component, '_ariaCurrent', value);
-};
-const validateListenAriaCurrent = (component, value) => {
-  validate(component, '_listenAriaCurrent', value);
-};
-
 const validateAriaExpanded = (component, value) => {
   watchBoolean(component, '_ariaExpanded', value);
 };
@@ -11581,24 +11499,14 @@ const mapCustomIcon = (state, alignment, icon) => {
     };
   }
 };
-const mapIconProp2State = (icon, iconAlign) => {
+const mapIconProp2State = (icon) => {
   let state = {};
   if (isString$1(icon, 1)) {
-    switch (iconAlign) {
-      case 'right':
-        state = {
-          right: {
-            icon: icon,
-          },
-        };
-        break;
-      default:
-        state = {
-          left: {
-            icon: icon,
-          },
-        };
-    }
+    state = {
+      left: {
+        icon: icon,
+      },
+    };
   }
   else if (typeof icon === 'object' && icon !== null) {
     mapCustomIcon(state, 'top', icon.top);
@@ -11609,18 +11517,10 @@ const mapIconProp2State = (icon, iconAlign) => {
   return state;
 };
 const beforePatchIcon = (component) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c;
   if ((_a = component.nextState) === null || _a === void 0 ? void 0 : _a.has('_icons')) {
-    const icon = (_b = component.nextState) === null || _b === void 0 ? void 0 : _b.get('_icons');
-    const iconAlign = ((_c = component.nextState) === null || _c === void 0 ? void 0 : _c.get('_iconAlign')) || component.state._iconAlign;
-    (_d = component.nextState) === null || _d === void 0 ? void 0 : _d.set('_icons', mapIconProp2State(icon, iconAlign));
-  }
-  else if ((_e = component.nextState) === null || _e === void 0 ? void 0 : _e.has('_iconAlign')) {
-    const lastIconAlign = component.state._iconAlign;
-    (_f = component.nextState) === null || _f === void 0 ? void 0 : _f.set('_icons', {
-      [lastIconAlign]: undefined,
-      [(_g = component.nextState) === null || _g === void 0 ? void 0 : _g.get('_iconAlign')]: component.state._icons[lastIconAlign],
-    });
+    const icons = (_b = component.nextState) === null || _b === void 0 ? void 0 : _b.get('_icons');
+    (_c = component.nextState) === null || _c === void 0 ? void 0 : _c.set('_icons', mapIconProp2State(icons));
   }
 };
 const isIcon = (value) => typeof value === 'object' &&
@@ -11660,15 +11560,6 @@ const validateIcons = (component, value) => {
     });
   });
 };
-const watchIconAlign = (component, value) => {
-  watchValidator(component, '_iconAlign', (value) => value === 'left' || value === 'right', new Set(['Alignment {left, right, top, bottom}']), value, {
-    hooks: {
-      beforePatch: () => {
-        beforePatchIcon(component);
-      },
-    },
-  });
-};
 
 function stopPropagation(event) {
   event.stopImmediatePropagation();
@@ -11911,10 +11802,14 @@ class AssociatedInputController {
   }
 }
 
+const validateAriaSelected = (component, value) => {
+  watchBoolean(component, '_ariaSelected', value);
+};
+
 class KolButtonWc {
   render() {
     const hasExpertSlot = showExpertSlot(this.state._label);
-    return (hAsync(Host, null, hAsync("button", Object.assign({ ref: this.catchRef, accessKey: this.state._accessKey, "aria-controls": this.state._ariaControls, "aria-current": mapStringOrBoolean2String(this.state._ariaCurrent), "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: {
+    return (hAsync(Host, null, hAsync("button", Object.assign({ ref: this.catchRef, "aria-controls": this.state._ariaControls, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: {
         [this.state._variant]: this.state._variant !== 'custom',
         [this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
         'icon-only': this.state._hideLabel === true,
@@ -11951,19 +11846,13 @@ class KolButtonWc {
         }
       }
     };
-    this._accessKey = undefined;
     this._ariaControls = undefined;
-    this._ariaCurrent = undefined;
     this._ariaExpanded = undefined;
-    this._ariaLabel = undefined;
     this._ariaSelected = undefined;
     this._customClass = undefined;
     this._disabled = false;
     this._hideLabel = false;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconAlign = undefined;
-    this._iconOnly = undefined;
     this._id = undefined;
     this._label = undefined;
     this._name = undefined;
@@ -11984,23 +11873,14 @@ class KolButtonWc {
     };
     this.controller = new AssociatedInputController(this, 'button', this.host);
   }
-  validateAccessKey(value) {
-    watchString(this, '_accessKey', value);
-  }
   validateAriaControls(value) {
     validateAriaControls(this, value);
   }
-  validateAriaCurrent(value) {
-    validateAriaCurrent(this, value);
-  }
   validateAriaExpanded(value) {
     validateAriaExpanded(this, value);
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
   validateAriaSelected(value) {
-    watchBoolean(this, '_ariaSelected', value);
+    validateAriaSelected(this, value);
   }
   validateCustomClass(value) {
     validateCustomClass(this, value);
@@ -12014,18 +11894,9 @@ class KolButtonWc {
   validateHideLabel(value) {
     validateHideLabel(this, value);
   }
-  validateIcon(value) {
-    validateIcons(this, value);
-  }
   validateIcons(value) {
     validateIcons(this, value);
   }
-  validateIconAlign(value) {
-    watchIconAlign(this, value);
-  }
-  validateIconOnly(value) {
-    this.validateHideLabel(value);
-  }
   validateId(value) {
     watchString(this, '_id', value);
   }
@@ -12061,19 +11932,15 @@ class KolButtonWc {
     validateButtonVariant(this, value);
   }
   componentWillLoad() {
-    var _a;
-    this.validateAccessKey(this._accessKey);
     this.validateAriaControls(this._ariaControls);
-    this.validateAriaCurrent(this._ariaCurrent);
     this.validateAriaExpanded(this._ariaExpanded);
     this.validateAriaSelected(this._ariaSelected);
     this.validateCustomClass(this._customClass);
     this.validateDisabled(this._disabled);
-    this.validateHideLabel(this._hideLabel || this._iconOnly);
-    this.validateIcons(this._icons || this._icon);
-    this.validateIconAlign(this._iconAlign);
+    this.validateHideLabel(this._hideLabel);
+    this.validateIcons(this._icons);
     this.validateId(this._id);
-    this.validateLabel((_a = this._label) !== null && _a !== void 0 ? _a : this._ariaLabel);
+    this.validateLabel(this._label);
     this.validateName(this._name);
     this.validateOn(this._on);
     this.validateRole(this._role);
@@ -12086,19 +11953,13 @@ class KolButtonWc {
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "_accessKey": ["validateAccessKey"],
     "_ariaControls": ["validateAriaControls"],
-    "_ariaCurrent": ["validateAriaCurrent"],
     "_ariaExpanded": ["validateAriaExpanded"],
-    "_ariaLabel": ["validateAriaLabel"],
     "_ariaSelected": ["validateAriaSelected"],
     "_customClass": ["validateCustomClass"],
     "_disabled": ["validateDisabled"],
     "_hideLabel": ["validateHideLabel"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
-    "_iconAlign": ["validateIconAlign"],
-    "_iconOnly": ["validateIconOnly"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
     "_name": ["validateName"],
@@ -12115,19 +11976,13 @@ class KolButtonWc {
     "$flags$": 4,
     "$tagName$": "kol-button-wc",
     "$members$": {
-      "_accessKey": [1, "_access-key"],
       "_ariaControls": [1, "_aria-controls"],
-      "_ariaCurrent": [8, "_aria-current"],
       "_ariaExpanded": [4, "_aria-expanded"],
-      "_ariaLabel": [1, "_aria-label"],
       "_ariaSelected": [4, "_aria-selected"],
       "_customClass": [1, "_custom-class"],
       "_disabled": [4],
       "_hideLabel": [4, "_hide-label"],
-      "_icon": [1],
       "_icons": [1],
-      "_iconAlign": [1, "_icon-align"],
-      "_iconOnly": [4, "_icon-only"],
       "_id": [1],
       "_label": [1],
       "_name": [1],
@@ -12147,10 +12002,6 @@ class KolButtonWc {
   }; }
 }
 
-const validateHasFooter = (component, value) => {
-  watchBoolean(component, '_hasFooter', value);
-};
-
 const defaultStyleCss$A = "/*!@:host*/.sc-kol-card-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-card-default{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-card-default,button.sc-kol-card-default:not([role='link']),kol-input.sc-kol-card-default .input.sc-kol-card-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-card-default,button.sc-kol-card-default,h1.sc-kol-card-default,h2.sc-kol-card-default,h3.sc-kol-card-default,h4.sc-kol-card-default,h5.sc-kol-card-default,h6.sc-kol-card-default,input.sc-kol-card-default,option.sc-kol-card-default,select.sc-kol-card-default,textarea.sc-kol-card-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-card-default:is(a,button).sc-kol-card-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-card-default-h{max-width:100%}/*!@**/*.sc-kol-card-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-card-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-card-default>span.sc-kol-card-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-card-default,button.sc-kol-card-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-card-default,input.sc-kol-card-default,option.sc-kol-card-default,select.sc-kol-card-default,textarea.sc-kol-card-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-card-default>kol-span-wc.sc-kol-card-default>span.sc-kol-card-default>span.sc-kol-card-default{display:none}/*!@:host > div.card*/.sc-kol-card-default-h>div.card.sc-kol-card-default{height:100%;position:relative}/*!@.close*/.close.sc-kol-card-default{position:absolute;top:0;right:0}";
 
 class KolCard {
@@ -12168,9 +12019,6 @@ class KolCard {
     this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';
     this._on = undefined;
     this._hasCloser = false;
-    this._hasFooter = false;
-    this._heading = undefined;
-    this._headline = undefined;
     this._label = undefined;
     this._level = 1;
     this.state = {
@@ -12178,7 +12026,7 @@ class KolCard {
     };
   }
   render() {
-    return (hAsync(Host, null, hAsync("div", { class: "card" }, hAsync("div", { class: "header" }, hAsync("kol-heading-wc", { _label: this.state._label, _level: this.state._level }), hAsync("slot", { name: "header" })), hAsync("div", { class: "content" }, hAsync("slot", { name: "content" }), hAsync("slot", null)), this.state._hasFooter && (hAsync("div", { class: "footer" }, hAsync("slot", { name: "footer" }))), this.state._hasCloser && (hAsync("kol-button-wc", { class: "close", _hideLabel: true, _icons: {
+    return (hAsync(Host, null, hAsync("div", { class: "card" }, hAsync("div", { class: "header" }, hAsync("kol-heading-wc", { _label: this.state._label, _level: this.state._level })), hAsync("div", { class: "content" }, hAsync("slot", null)), this.state._hasCloser && (hAsync("kol-button-wc", { class: "close", _hideLabel: true, _icons: {
         left: {
           icon: 'codicon codicon-close',
         },
@@ -12194,15 +12042,6 @@ class KolCard {
   validateHasCloser(value) {
     validateHasCloser(this, value);
   }
-  validateHasFooter(value) {
-    validateHasFooter(this, value);
-  }
-  validateHeading(value) {
-    this.validateLabel(value);
-  }
-  validateHeadline(value) {
-    this.validateLabel(value);
-  }
   validateLabel(value) {
     validateLabel(this, value);
   }
@@ -12211,17 +12050,13 @@ class KolCard {
   }
   componentWillLoad() {
     this.validateHasCloser(this._hasCloser);
-    this.validateHasFooter(this._hasFooter);
-    this.validateLabel(this._label || this._heading || this._headline);
+    this.validateLabel(this._label);
     this.validateLevel(this._level);
     this.validateOn(this._on);
   }
   static get watchers() { return {
     "_on": ["validateOn"],
     "_hasCloser": ["validateHasCloser"],
-    "_hasFooter": ["validateHasFooter"],
-    "_heading": ["validateHeading"],
-    "_headline": ["validateHeadline"],
     "_label": ["validateLabel"],
     "_level": ["validateLevel"]
   }; }
@@ -12234,9 +12069,6 @@ class KolCard {
     "$members$": {
       "_on": [16],
       "_hasCloser": [4, "_has-closer"],
-      "_hasFooter": [4, "_has-footer"],
-      "_heading": [1],
-      "_headline": [1],
       "_label": [1],
       "_level": [2],
       "state": [32]
@@ -12335,7 +12167,6 @@ class KolDetails {
     this._label = undefined;
     this._on = undefined;
     this._open = false;
-    this._summary = undefined;
     this.state = {
       _label: '…',
       _on: {},
@@ -12357,11 +12188,8 @@ class KolDetails {
   validateOpen(value) {
     validateOpen(this, value);
   }
-  validateSummary(value) {
-    this.validateLabel(value);
-  }
   componentWillLoad() {
-    this.validateLabel(this._label || this._summary);
+    this.validateLabel(this._label);
     this.validateOn(this._on);
     this.validateOpen(this._open);
   }
@@ -12377,8 +12205,7 @@ class KolDetails {
   static get watchers() { return {
     "_label": ["validateLabel"],
     "_on": ["validateOn"],
-    "_open": ["validateOpen"],
-    "_summary": ["validateSummary"]
+    "_open": ["validateOpen"]
   }; }
   static get style() { return {
     default: defaultStyleCss$z
@@ -12390,7 +12217,6 @@ class KolDetails {
       "_label": [1],
       "_on": [16],
       "_open": [1540],
-      "_summary": [1],
       "state": [32]
     },
     "$listeners$": undefined,
@@ -12578,47 +12404,30 @@ const defaultStyleCss$x = "@font-face{font-family:\"codicon\";font-display:block
 class KolIcon {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this._ariaLabel = undefined;
-    this._icon = undefined;
     this._icons = undefined;
     this._label = undefined;
-    this._part = undefined;
     this.state = {
       _icons: 'codicon codicon-home',
+      _label: '',
     };
   }
   render() {
-    const ariaShow = typeof this.state._label === 'string' && this.state._label.length > 0;
+    const ariaShow = this.state._label.length > 0;
     return (hAsync(Host, { exportparts: "icon" }, hAsync("i", { "aria-hidden": ariaShow ? undefined : 'true', "aria-label": ariaShow ? this.state._label : undefined, class: this.state._icons, part: "icon", role: "img" })));
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     watchString(this, '_icons', value);
   }
   validateLabel(value) {
     validateLabel(this, value);
   }
-  validatePart(value) {
-    if (value) {
-      devHint(`ICON: The usage of the part attribute is deprecated and has no effect.`);
-    }
-  }
   componentWillLoad() {
-    this.validateIcons(this._icons || this._icon);
-    this.validateLabel(this._label || this._ariaLabel);
-    this.validatePart(this._part);
+    this.validateIcons(this._icons);
+    this.validateLabel(this._label);
   }
   static get watchers() { return {
-    "_ariaLabel": ["validateAriaLabel"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
-    "_label": ["validateLabel"],
-    "_part": ["validatePart"]
+    "_label": ["validateLabel"]
   }; }
   static get style() { return {
     default: defaultStyleCss$x
@@ -12627,11 +12436,8 @@ class KolIcon {
     "$flags$": 41,
     "$tagName$": "kol-icon",
     "$members$": {
-      "_ariaLabel": [1, "_aria-label"],
-      "_icon": [1],
       "_icons": [1],
       "_label": [1],
-      "_part": [1],
       "state": [32]
     },
     "$listeners$": undefined,
@@ -12640,56 +12446,6 @@ class KolIcon {
   }; }
 }
 
-class KolIconFontAwesome {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._ariaLabel = undefined;
-    this._icon = undefined;
-    this._prefix = undefined;
-    this._part = undefined;
-  }
-  render() {
-    return (hAsync("kol-icon", { exportparts: `icon${typeof this._part === 'string' ? `,${this._part}` : ''}`, _ariaLabel: this._ariaLabel, _icon: typeof this._prefix === 'string' && typeof this._icon === 'string' ? `${this._prefix} fa-${this._icon}` : undefined }));
-  }
-  static get cmpMeta() { return {
-    "$flags$": 0,
-    "$tagName$": "kol-icon-font-awesome",
-    "$members$": {
-      "_ariaLabel": [1, "_aria-label"],
-      "_icon": [1],
-      "_prefix": [1],
-      "_part": [1]
-    },
-    "$listeners$": undefined,
-    "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
-  }; }
-}
-
-class KolIconIcofont {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._ariaLabel = undefined;
-    this._icon = undefined;
-    this._part = undefined;
-  }
-  render() {
-    return (hAsync("kol-icon", { exportparts: `icon${typeof this._part === 'string' ? `,${this._part}` : ''}`, _ariaLabel: this._ariaLabel, _icon: typeof this._icon === 'string' ? `icofont-${this._icon}` : undefined }));
-  }
-  static get cmpMeta() { return {
-    "$flags$": 0,
-    "$tagName$": "kol-icon-icofont",
-    "$members$": {
-      "_ariaLabel": [1, "_aria-label"],
-      "_icon": [1],
-      "_part": [1]
-    },
-    "$listeners$": undefined,
-    "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
-  }; }
-}
-
 const AVAILABLE_LOADING_VALUES = new Set(['"eager", "lazy"']);
 function validateLoading(component, value) {
   watchValidator(component, '_loading', (value) => value === 'eager' || value === 'lazy', AVAILABLE_LOADING_VALUES, value);
@@ -12807,7 +12563,6 @@ class KolInput {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
@@ -12824,9 +12579,6 @@ class KolInput {
   componentWillRender() {
     this.slotName = this._slotName ? this._slotName : 'input';
   }
-  getIconsProp() {
-    return this._icons || this._icon;
-  }
   getIconStyles(icon) {
     return icon && typeof icon === 'object' && icon.style ? icon.style : {};
   }
@@ -12845,9 +12597,9 @@ class KolInput {
         'hidden-error': this._hideError === true,
       } }, hAsync("label", { id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, hAsync("span", null, hAsync("slot", { name: "label" }))), hasHint && (hAsync("span", { class: "hint", id: `${this._id}-hint` }, this._hint)), hAsync("div", { class: {
         input: true,
-        'icon-left': typeof ((_a = this.getIconsProp()) === null || _a === void 0 ? void 0 : _a.left) === 'object',
-        'icon-right': typeof ((_b = this.getIconsProp()) === null || _b === void 0 ? void 0 : _b.right) === 'object',
-      } }, ((_c = this.getIconsProp()) === null || _c === void 0 ? void 0 : _c.left) && (hAsync("kol-icon", { _ariaLabel: "", _icons: ((_d = this.getIconsProp()) === null || _d === void 0 ? void 0 : _d.left).icon, style: this.getIconStyles((_e = this.getIconsProp()) === null || _e === void 0 ? void 0 : _e.left) })), hAsync("div", { ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_f = this.getIconsProp()) === null || _f === void 0 ? void 0 : _f.right) && (hAsync("kol-icon", { _ariaLabel: "", _icons: ((_g = this.getIconsProp()) === null || _g === void 0 ? void 0 : _g.right).icon, style: this.getIconStyles((_h = this.getIconsProp()) === null || _h === void 0 ? void 0 : _h.right) }))), useTooltopInsteadOfLabel && (hAsync("kol-tooltip-wc", { "aria-hidden": "true", class: "input-tooltip", _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), hasError && (hAsync("kol-alert", { _alert: this._alert, _type: "error", _variant: "msg", "aria-hidden": this._hideError, class: `error${this._hideError ? ' hidden' : ''}`, id: `${this._id}-error` }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
+        'icon-left': typeof ((_a = this._icons) === null || _a === void 0 ? void 0 : _a.left) === 'object',
+        'icon-right': typeof ((_b = this._icons) === null || _b === void 0 ? void 0 : _b.right) === 'object',
+      } }, ((_c = this._icons) === null || _c === void 0 ? void 0 : _c.left) && (hAsync("kol-icon", { _label: "", _icons: ((_d = this._icons) === null || _d === void 0 ? void 0 : _d.left).icon, style: this.getIconStyles((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) })), hAsync("div", { ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) && (hAsync("kol-icon", { _label: "", _icons: ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.right).icon, style: this.getIconStyles((_h = this._icons) === null || _h === void 0 ? void 0 : _h.right) }))), useTooltopInsteadOfLabel && (hAsync("kol-tooltip-wc", { "aria-hidden": "true", class: "input-tooltip", _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), hasError && (hAsync("kol-alert", { _alert: this._alert, _type: "error", _variant: "msg", "aria-hidden": this._hideError, class: `error${this._hideError ? ' hidden' : ''}`, id: `${this._id}-error` }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
   }
   get host() { return getElement(this); }
   static get cmpMeta() { return {
@@ -12862,7 +12614,6 @@ class KolInput {
       "_hideError": [4, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [16],
       "_icons": [16],
       "_id": [1],
       "_label": [1],
@@ -12882,26 +12633,6 @@ class KolInput {
   }; }
 }
 
-class KolInputAdapterLeanup {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    deprecatedHint(`Die Komponente 'kol-input-adapter-leanup' mit dem Release v1.1.7 umgezogen. Lesen Sie hier, wie Sie sie migrieren: https://public-ui.github.io/docs/changelog/#117---30092022`);
-  }
-  render() {
-    return (hAsync(Host, null, hAsync("kol-alert", { _type: "warning" }, "Die Komponente ", hAsync("code", null, "kol-input-adapter-leanup"), " ist umgezogen. Lesen Sie hier, wie Sie sie migrieren:", ' ', hAsync("kol-link", { _href: "https://public-ui.github.io/docs/changelog#118---07102022", _label: "https://public-ui.github.io/docs/changelog#118---07102022", _target: "documentation" }))));
-  }
-  static get cmpMeta() { return {
-    "$flags$": 9,
-    "$tagName$": "kol-input-adapter-leanup",
-    "$members$": undefined,
-    "$listeners$": undefined,
-    "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
-  }; }
-}
-
 const getRenderStates = (state) => {
   const hasError = typeof state._error === 'string' && state._error.length > 0 && state._touched === true;
   const hasHint = typeof state._hint === 'string' && state._hint.length > 0;
@@ -13216,7 +12947,7 @@ class InputRadioController extends InputCheckboxRadioController {
       }
     };
     this.validateOrientation(this.component._orientation);
-    this.validateOptions(this.component._options || this.component._list);
+    this.validateOptions(this.component._options);
     this.validateHideError(this.component._hideError);
     this.validateValue(this.component._value);
   }
@@ -13250,9 +12981,6 @@ class InputCheckboxController extends InputCheckboxRadioController {
       },
     });
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     watchValidator(this.component, '_icons', (value) => {
       return typeof value === 'object' && value !== null && (isString$1(value.checked, 1) || isString$1(value.indeterminate, 1) || isString$1(value.unchecked, 1));
@@ -13267,29 +12995,21 @@ class InputCheckboxController extends InputCheckboxRadioController {
   validateIndeterminate(value) {
     validateIndeterminate(this.component, value);
   }
-  validateType(value) {
-    devHint(`The "_type" prop is deprecated. Use "_variant" instead.`);
-    this.validateVariant(value);
-  }
   validateValue(value) {
     setState(this.component, '_value', value);
     this.setFormAssociatedCheckboxValue(this.component.state._value);
   }
   validateVariant(value) {
-    if (value === 'checkbox') {
-      devHint(`[KolCheckbox] The "_variant" value 'checkbox' is deprecated. Use the new value 'default' instead.`);
-      value = 'default';
-    }
     watchValidator(this.component, '_variant', (value) => typeof value === 'string' && (value === 'button' || value === 'default' || value === 'switch'), new Set(['String {button, default, switch}']), value);
   }
   componentWillLoad() {
     super.componentWillLoad();
     this.validateChecked(this.component._checked);
     this.validateHideError(this.component._hideError);
-    this.validateIcons(this.component._icons || this.component._icon);
+    this.validateIcons(this.component._icons);
     this.validateIndeterminate(this.component._indeterminate);
     this.validateValue(this.component._value);
-    this.validateVariant(this.component._variant || this.component._type);
+    this.validateVariant(this.component._variant);
   }
 }
 
@@ -13304,7 +13024,7 @@ class KolInputCheckbox {
         [this.state._variant]: true,
         'hide-label': !!this.state._hideLabel,
         checked: this.state._checked,
-      }, "data-role": this.state._variant === 'button' ? 'button' : undefined, onKeyPress: this.state._variant === 'button' ? this.onChange : undefined, tabIndex: this.state._variant === 'button' ? 0 : undefined, _alert: this.state._alert, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("kol-icon", { class: "icon", onClick: this.handleIconClick.bind(this), _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, checked: this.state._checked, disabled: this.state._disabled, id: this.state._id, indeterminate: this.state._indeterminate, name: this.state._name, required: this.state._required, tabIndex: this.state._tabIndex, type: "checkbox" }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined }))))));
+      }, "data-role": this.state._variant === 'button' ? 'button' : undefined, onKeyPress: this.state._variant === 'button' ? this.onChange : undefined, tabIndex: this.state._variant === 'button' ? 0 : undefined, _alert: this.state._alert, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("kol-icon", { class: "icon", onClick: this.handleIconClick.bind(this), _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, checked: this.state._checked, disabled: this.state._disabled, id: this.state._id, indeterminate: this.state._indeterminate, name: this.state._name, required: this.state._required, tabIndex: this.state._tabIndex, type: "checkbox" }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined }))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -13332,7 +13052,6 @@ class KolInputCheckbox {
     this._error = undefined;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._indeterminate = undefined;
@@ -13344,9 +13063,8 @@ class KolInputCheckbox {
     this._tabIndex = undefined;
     this._tooltipAlign = 'top';
     this._touched = false;
-    this._type = undefined;
     this._value = true;
-    this._variant = undefined;
+    this._variant = 'default';
     this.state = {
       _checked: false,
       _hideError: false,
@@ -13387,9 +13105,6 @@ class KolInputCheckbox {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -13420,9 +13135,6 @@ class KolInputCheckbox {
   validateTouched(value) {
     this.controller.validateTouched(value);
   }
-  validateType(value) {
-    this.controller.validateType(value);
-  }
   validateValue(value) {
     this.controller.validateValue(value);
   }
@@ -13449,7 +13161,6 @@ class KolInputCheckbox {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_indeterminate": ["validateIndeterminate"],
@@ -13460,7 +13171,6 @@ class KolInputCheckbox {
     "_syncValueBySelector": ["validateSyncValueBySelector"],
     "_tabIndex": ["validateTabIndex"],
     "_touched": ["validateTouched"],
-    "_type": ["validateType"],
     "_value": ["validateValue"],
     "_variant": ["validateVariant"]
   }; }
@@ -13479,7 +13189,6 @@ class KolInputCheckbox {
       "_error": [1],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_indeterminate": [1540],
@@ -13491,7 +13200,6 @@ class KolInputCheckbox {
       "_tabIndex": [2, "_tab-index"],
       "_tooltipAlign": [1, "_tooltip-align"],
       "_touched": [1540],
-      "_type": [1],
       "_value": [8],
       "_variant": [1],
       "state": [32]
@@ -13565,7 +13273,6 @@ class InputColorController extends InputIconController {
   validateAutoComplete(value) {
     watchValidator(this.component, '_autoComplete', (value) => typeof value === 'string' && (value === 'on' || value === 'off'), new Set(['on | off']), value);
   }
-  validateList() { }
   validateSuggestions(value) {
     validateSuggestions(this.component, value);
   }
@@ -13588,7 +13295,7 @@ class InputColorController extends InputIconController {
     super.componentWillLoad();
     this.validateAutoComplete(this.component._autoComplete);
     this.validateHideError(this.component._hideError);
-    this.validateSuggestions(this.component._suggestions || this.component._list);
+    this.validateSuggestions(this.component._suggestions);
     this.validateValue(this.component._value);
   }
 }
@@ -13603,7 +13310,7 @@ class KolInputColor {
     return (hAsync(Host, null, hAsync("kol-input", { class: {
         color: true,
         'hide-label': !!this.state._hideLabel,
-      }, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, name: this.state._name, slot: "input", spellcheck: "false", type: "color", value: this.state._value }, this.controller.onFacade))))));
+      }, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, name: this.state._name, slot: "input", spellcheck: "false", type: "color", value: this.state._value }, this.controller.onFacade))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -13619,11 +13326,9 @@ class KolInputColor {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._name = undefined;
     this._on = undefined;
     this._smartButton = undefined;
@@ -13666,9 +13371,6 @@ class KolInputColor {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -13678,9 +13380,6 @@ class KolInputColor {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.validateSuggestions(value);
-  }
   validateName(value) {
     this.controller.validateName(value);
   }
@@ -13720,11 +13419,9 @@ class KolInputColor {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_name": ["validateName"],
     "_on": ["validateOn"],
     "_smartButton": ["validateSmartButton"],
@@ -13749,11 +13446,9 @@ class KolInputColor {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_name": [1],
       "_on": [16],
       "_smartButton": [1, "_smart-button"],
@@ -13805,7 +13500,6 @@ class InputDateController extends InputIconController {
       },
     });
   }
-  validateList() { }
   validateSuggestions(value) {
     validateSuggestions(this.component, value);
   }
@@ -13907,7 +13601,7 @@ class InputDateController extends InputIconController {
     this.validateMin(this.component._min);
     this.validateHideError(this.component._hideError);
     this.validateLabel(this.component._label);
-    this.validateSuggestions(this.component._suggestions || this.component._list);
+    this.validateSuggestions(this.component._suggestions);
     this.validateOn(this.component._on);
     this.validateReadOnly(this.component._readOnly);
     this.validateRequired(this.component._required);
@@ -13933,7 +13627,7 @@ class KolInputDate {
     return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: {
         [this.state._type]: true,
         'hide-label': !!this.state._hideLabel,
-      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, step: this.state._step, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
+      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, step: this.state._step, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -13960,11 +13654,9 @@ class KolInputDate {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._max = undefined;
     this._min = undefined;
     this._name = undefined;
@@ -14015,9 +13707,6 @@ class KolInputDate {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -14027,9 +13716,6 @@ class KolInputDate {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.validateSuggestions(value);
-  }
   validateMax(value) {
     this.controller.validateMax(value);
   }
@@ -14093,11 +13779,9 @@ class KolInputDate {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_max": ["validateMax"],
     "_min": ["validateMin"],
     "_name": ["validateName"],
@@ -14128,11 +13812,9 @@ class KolInputDate {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_max": [1],
       "_min": [1],
       "_name": [1],
@@ -14203,11 +13885,6 @@ class InputPasswordController extends InputIconController {
   validateRequired(value) {
     watchBoolean(this.component, '_required', value);
   }
-  validateSize(value) {
-    watchNumber(this.component, '_size', value, {
-      min: 1,
-    });
-  }
   validateValue(value) {
     watchString(this.component, '_value', value);
     this.setFormAssociatedValue(this.component.state._value);
@@ -14222,7 +13899,6 @@ class InputPasswordController extends InputIconController {
     this.validatePlaceholder(this.component._placeholder);
     this.validateReadOnly(this.component._readOnly);
     this.validateRequired(this.component._required);
-    this.validateSize(this.component._size);
     this.validateValue(this.component._value);
   }
   onBlur(event) {
@@ -14253,13 +13929,12 @@ class InputTextEmailController extends InputPasswordController {
       },
     });
   }
-  validateList() { }
   validateSuggestions(value) {
     validateSuggestions(this.component, value);
   }
   componentWillLoad() {
     super.componentWillLoad();
-    this.validateSuggestions(this.component._suggestions || this.component._list);
+    this.validateSuggestions(this.component._suggestions);
   }
 }
 class InputTextController extends InputTextEmailController {
@@ -14317,7 +13992,7 @@ class KolInputEmail {
     const hasExpertSlot = showExpertSlot(this.state._label);
     return (hAsync(Host, { class: {
         'has-value': this.state._hasValue,
-      } }, hAsync("kol-input", { class: { email: true, 'hide-label': !!this.state._hideLabel }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, multiple: this.state._multiple, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, size: this.state._size, spellcheck: "false", type: "email", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
+      } }, hAsync("kol-input", { class: { email: true, 'hide-label': !!this.state._hideLabel }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, multiple: this.state._multiple, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: "email", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -14346,11 +14021,9 @@ class KolInputEmail {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._maxLength = undefined;
     this._multiple = false;
     this._name = undefined;
@@ -14359,7 +14032,6 @@ class KolInputEmail {
     this._placeholder = undefined;
     this._readOnly = false;
     this._required = false;
-    this._size = undefined;
     this._smartButton = undefined;
     this._suggestions = undefined;
     this._syncValueBySelector = undefined;
@@ -14405,9 +14077,6 @@ class KolInputEmail {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -14417,9 +14086,6 @@ class KolInputEmail {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.validateSuggestions(value);
-  }
   validateMaxLength(value) {
     this.controller.validateMaxLength(value);
   }
@@ -14444,9 +14110,6 @@ class KolInputEmail {
   validateRequired(value) {
     this.controller.validateRequired(value);
   }
-  validateSize(value) {
-    this.controller.validateSize(value);
-  }
   validateSuggestions(value) {
     this.controller.validateSuggestions(value);
   }
@@ -14483,11 +14146,9 @@ class KolInputEmail {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_maxLength": ["validateMaxLength"],
     "_multiple": ["validateMultiple"],
     "_name": ["validateName"],
@@ -14496,7 +14157,6 @@ class KolInputEmail {
     "_placeholder": ["validatePlaceholder"],
     "_readOnly": ["validateReadOnly"],
     "_required": ["validateRequired"],
-    "_size": ["validateSize"],
     "_suggestions": ["validateSuggestions"],
     "_smartButton": ["validateSmartButton"],
     "_syncValueBySelector": ["validateSyncValueBySelector"],
@@ -14520,11 +14180,9 @@ class KolInputEmail {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_maxLength": [2, "_max-length"],
       "_multiple": [4],
       "_name": [1],
@@ -14533,7 +14191,6 @@ class KolInputEmail {
       "_placeholder": [1],
       "_readOnly": [4, "_read-only"],
       "_required": [4],
-      "_size": [2],
       "_smartButton": [1, "_smart-button"],
       "_suggestions": [1],
       "_syncValueBySelector": [1, "_sync-value-by-selector"],
@@ -14597,7 +14254,7 @@ class KolInputFile {
     return (hAsync(Host, null, hAsync("kol-input", { class: {
         file: true,
         'hide-label': !!this.state._hideLabel,
-      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accept: this.state._accept, accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, spellcheck: "false", type: "file", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange }))))));
+      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accept: this.state._accept, accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, spellcheck: "false", type: "file", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange }))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -14625,7 +14282,6 @@ class KolInputFile {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
@@ -14670,9 +14326,6 @@ class KolInputFile {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -14724,7 +14377,6 @@ class KolInputFile {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
@@ -14753,7 +14405,6 @@ class KolInputFile {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
@@ -14820,7 +14471,6 @@ class InputNumberController extends InputIconController {
       },
     });
   }
-  validateList() { }
   validateSuggestions(value) {
     validateSuggestions(this.component, value);
   }
@@ -14848,10 +14498,6 @@ class InputNumberController extends InputIconController {
   validateStep(value) {
     watchNumber(this.component, '_step', value);
   }
-  validateType(value) {
-    watchValidator(this.component, '_type', (value) => typeof value === 'string' &&
-      (value === 'date' || value === 'datetime-local' || value === 'month' || value === 'number' || value === 'time' || value === 'week'), new Set(['String {date, datetime-local, month, number, time, week}']), value);
-  }
   validateValue(value) {
     this.validateValueEx(value);
   }
@@ -14865,12 +14511,11 @@ class InputNumberController extends InputIconController {
     this.validateHideError(this.component._hideError);
     this.validateMax(this.component._max);
     this.validateMin(this.component._min);
-    this.validateSuggestions(this.component._suggestions || this.component._list);
+    this.validateSuggestions(this.component._suggestions);
     this.validatePlaceholder(this.component._placeholder);
     this.validateReadOnly(this.component._readOnly);
     this.validateRequired(this.component._required);
     this.validateStep(this.component._step);
-    this.validateType(this.component._type);
     this.validateValue(this.component._value);
   }
 }
@@ -14885,9 +14530,9 @@ class KolInputNumber {
     return (hAsync(Host, { class: {
         'has-value': this.state._hasValue,
       } }, hAsync("kol-input", { class: {
-        [this.state._type]: true,
+        number: true,
         'hide-label': !!this.state._hideLabel,
-      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
+      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, spellcheck: "false", type: "number", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -14914,11 +14559,9 @@ class KolInputNumber {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._max = undefined;
     this._min = undefined;
     this._name = undefined;
@@ -14933,7 +14576,6 @@ class KolInputNumber {
     this._tabIndex = undefined;
     this._tooltipAlign = 'top';
     this._touched = false;
-    this._type = 'number';
     this._value = undefined;
     this.state = {
       _autoComplete: 'off',
@@ -14942,7 +14584,6 @@ class KolInputNumber {
       _id: `id-${nonce()}`,
       _label: '',
       _suggestions: [],
-      _type: 'number',
     };
     this.controller = new InputNumberController(this, 'input-number', this.host);
   }
@@ -14970,9 +14611,6 @@ class KolInputNumber {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -14982,9 +14620,6 @@ class KolInputNumber {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.validateSuggestions(value);
-  }
   validateMax(value) {
     this.controller.validateMax(value);
   }
@@ -15024,9 +14659,6 @@ class KolInputNumber {
   validateTouched(value) {
     this.controller.validateTouched(value);
   }
-  validateType(value) {
-    this.controller.validateType(value);
-  }
   validateValue(value) {
     this.controller.validateValueEx(value, (v) => {
       if (v === '' && this.ref) {
@@ -15051,11 +14683,9 @@ class KolInputNumber {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_max": ["validateMax"],
     "_min": ["validateMin"],
     "_name": ["validateName"],
@@ -15069,7 +14699,6 @@ class KolInputNumber {
     "_syncValueBySelector": ["validateSyncValueBySelector"],
     "_tabIndex": ["validateTabIndex"],
     "_touched": ["validateTouched"],
-    "_type": ["validateType"],
     "_value": ["validateValue"]
   }; }
   static get style() { return {
@@ -15087,11 +14716,9 @@ class KolInputNumber {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_max": [8],
       "_min": [8],
       "_name": [1],
@@ -15106,7 +14733,6 @@ class KolInputNumber {
       "_tabIndex": [2, "_tab-index"],
       "_tooltipAlign": [1, "_tooltip-align"],
       "_touched": [1540],
-      "_type": [1],
       "_value": [1032],
       "state": [32]
     },
@@ -15127,7 +14753,7 @@ class KolInputPassword {
       } }, hAsync("kol-input", { class: {
         'hide-label': !!this.state._hideLabel,
         password: true,
-      }, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, size: this.state._size, spellcheck: "false", type: "password", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
+      }, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: "password", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -15156,7 +14782,6 @@ class KolInputPassword {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
@@ -15167,7 +14792,6 @@ class KolInputPassword {
     this._placeholder = undefined;
     this._readOnly = false;
     this._required = false;
-    this._size = undefined;
     this._smartButton = undefined;
     this._syncValueBySelector = undefined;
     this._tabIndex = undefined;
@@ -15214,9 +14838,6 @@ class KolInputPassword {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -15247,9 +14868,6 @@ class KolInputPassword {
   validateRequired(value) {
     this.controller.validateRequired(value);
   }
-  validateSize(value) {
-    this.controller.validateSize(value);
-  }
   validateSmartButton(value) {
     this.controller.validateSmartButton(value);
   }
@@ -15283,7 +14901,6 @@ class KolInputPassword {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
@@ -15294,7 +14911,6 @@ class KolInputPassword {
     "_placeholder": ["validatePlaceholder"],
     "_readOnly": ["validateReadOnly"],
     "_required": ["validateRequired"],
-    "_size": ["validateSize"],
     "_smartButton": ["validateSmartButton"],
     "_syncValueBySelector": ["validateSyncValueBySelector"],
     "_tabIndex": ["validateTabIndex"],
@@ -15317,7 +14933,6 @@ class KolInputPassword {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
@@ -15328,7 +14943,6 @@ class KolInputPassword {
       "_placeholder": [1],
       "_readOnly": [4, "_read-only"],
       "_required": [4],
-      "_size": [2],
       "_smartButton": [1, "_smart-button"],
       "_syncValueBySelector": [1, "_sync-value-by-selector"],
       "_tabIndex": [2, "_tab-index"],
@@ -15355,7 +14969,7 @@ class KolInputRadio {
         required: this.state._required === true,
         'hidden-error': this._hideError === true,
         [this.state._orientation]: true,
-      } }, hAsync("legend", { class: "block w-full mb-1 leading-normal" }, hAsync("span", null, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label))), this.state._options.map((option, index) => {
+      } }, hAsync("legend", { class: "block w-full mb-1 leading-normal" }, hAsync("span", null, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label))), this.state._options.map((option, index) => {
       const customId = `${this.state._id}-${index}`;
       const slotName = `radio-${index}`;
       return (hAsync("kol-input", { class: "radio", key: customId, _disabled: this.state._disabled || option.disabled, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: customId, _label: option.label, _renderNoLabel: true, _required: this.state._required, _slotName: slotName, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("div", { slot: slotName, class: "radio-input-wrapper" }, hAsync("input", Object.assign({ ref: this.state._value === option.value ? this.catchRef : undefined, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: "radio", id: customId, checked: this.state._value === option.value, name: this.state._name || this.state._id, disabled: this.state._disabled || option.disabled, required: this.state._required, tabIndex: this.state._tabIndex, value: `-${index}` }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined })), hAsync("label", { class: "radio-label", htmlFor: `${customId}`, style: {
@@ -15396,7 +15010,6 @@ class KolInputRadio {
     this._hint = '';
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._name = undefined;
     this._on = undefined;
     this._options = undefined;
@@ -15443,9 +15056,6 @@ class KolInputRadio {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.validateOptions(value);
-  }
   validateName(value) {
     this.controller.validateName(value);
   }
@@ -15489,7 +15099,6 @@ class KolInputRadio {
     "_hint": ["validateHint"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_name": ["validateName"],
     "_on": ["validateOn"],
     "_options": ["validateOptions"],
@@ -15516,7 +15125,6 @@ class KolInputRadio {
       "_hint": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_name": [1],
       "_on": [16],
       "_options": [1],
@@ -15535,59 +15143,6 @@ class KolInputRadio {
   }; }
 }
 
-class KolInputRadioGroup {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._accessKey = undefined;
-    this._alert = true;
-    this._disabled = false;
-    this._error = undefined;
-    this._hideLabel = false;
-    this._hint = '';
-    this._id = undefined;
-    this._label = undefined;
-    this._list = undefined;
-    this._name = undefined;
-    this._on = undefined;
-    this._orientation = 'vertical';
-    this._required = false;
-    this._tabIndex = undefined;
-    this._touched = false;
-    this._value = undefined;
-  }
-  render() {
-    deprecatedHint(`[KolInputRadioGroup] Die Komponenten Input-Radio-Group und Input-Radio werden zur Komponente Input-Radio zusammengeführt. Wir empfehlen den Tag <kol-input-radio> statt <kol-input-radio-group> zu verwenden.
-
-Mit der Version 1.1 wird die Komponente KolInputRadioGroup aus der Bibliothek entfernt.`);
-    return (hAsync("kol-input-radio", { _accessKey: this._accessKey, _disabled: this._disabled, _error: this._error, _hideLabel: this._hideLabel, _id: this._id, _label: this._label, _list: this._list, _name: this._name, _on: this._on, _orientation: this._orientation, _required: this._required, _tabIndex: this._tabIndex, _touched: this._touched, _value: this._value }, hAsync("slot", null)));
-  }
-  static get cmpMeta() { return {
-    "$flags$": 9,
-    "$tagName$": "kol-input-radio-group",
-    "$members$": {
-      "_accessKey": [1, "_access-key"],
-      "_alert": [4],
-      "_disabled": [4],
-      "_error": [1],
-      "_hideLabel": [4, "_hide-label"],
-      "_hint": [1],
-      "_id": [1],
-      "_label": [1],
-      "_list": [1],
-      "_name": [1],
-      "_on": [16],
-      "_orientation": [1],
-      "_required": [4],
-      "_tabIndex": [2, "_tab-index"],
-      "_touched": [4],
-      "_value": [8]
-    },
-    "$listeners$": undefined,
-    "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
-  }; }
-}
-
 class InputRangeController extends InputIconController {
   constructor(component, name, host) {
     super(component, name, host);
@@ -15607,11 +15162,6 @@ class InputRangeController extends InputIconController {
       },
     });
   }
-  validateList(value) {
-    if (Array.isArray(value)) {
-      this.validateSuggestions(value.map((option) => option.value));
-    }
-  }
   validateMax(value) {
     watchNumber(this.component, '_max', value);
   }
@@ -15632,7 +15182,6 @@ class InputRangeController extends InputIconController {
     super.componentWillLoad();
     this.validateAutoComplete(this.component._autoComplete);
     this.validateHideError(this.component._hideError);
-    this.validateList(this.component._list);
     this.validateMax(this.component._max);
     this.validateMin(this.component._min);
     this.validateStep(this.component._step);
@@ -15651,7 +15200,7 @@ class KolInputRange {
     return (hAsync(Host, null, hAsync("kol-input", { class: {
         range: true,
         'hide-label': !!this.state._hideLabel,
-      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("div", { class: "inputs-wrapper", style: {
+      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("div", { class: "inputs-wrapper", style: {
         '--kolibri-input-range--input-number--width': `${this.state._max}`.length + 0.5 + 'em',
       } }, hAsync("input", Object.assign({ title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-range` : undefined, spellcheck: "false", step: this.state._step, tabIndex: -1, type: "range", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange })), hAsync("input", Object.assign({ ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-number` : undefined, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp, onChange: this.onChange }))), hasSuggestions && [
       hAsync("datalist", { id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
@@ -15700,11 +15249,9 @@ class KolInputRange {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._max = undefined;
     this._min = undefined;
     this._name = undefined;
@@ -15749,9 +15296,6 @@ class KolInputRange {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -15761,9 +15305,6 @@ class KolInputRange {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.controller.validateList(value);
-  }
   validateMax(value) {
     this.controller.validateMax(value);
   }
@@ -15809,11 +15350,9 @@ class KolInputRange {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_max": ["validateMax"],
     "_min": ["validateMin"],
     "_name": ["validateName"],
@@ -15840,11 +15379,9 @@ class KolInputRange {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_max": [2],
       "_min": [2],
       "_name": [1],
@@ -15881,7 +15418,7 @@ class KolInputText {
       } }, hAsync("kol-input", { class: {
         [this.state._type]: true,
         'hide-label': !!this.state._hideLabel,
-      }, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, size: this.state._size, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
+      }, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
   }
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -15920,11 +15457,9 @@ class KolInputText {
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._maxLength = undefined;
     this._name = undefined;
     this._on = undefined;
@@ -15932,7 +15467,6 @@ class KolInputText {
     this._placeholder = undefined;
     this._readOnly = false;
     this._required = false;
-    this._size = undefined;
     this._suggestions = undefined;
     this._smartButton = undefined;
     this._syncValueBySelector = undefined;
@@ -15980,9 +15514,6 @@ class KolInputText {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -15992,9 +15523,6 @@ class KolInputText {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.validateSuggestions(value);
-  }
   validateMaxLength(value) {
     this.controller.validateMaxLength(value);
   }
@@ -16016,9 +15544,6 @@ class KolInputText {
   validateRequired(value) {
     this.controller.validateRequired(value);
   }
-  validateSize(value) {
-    this.controller.validateSize(value);
-  }
   validateSuggestions(value) {
     this.controller.validateSuggestions(value);
   }
@@ -16063,11 +15588,9 @@ class KolInputText {
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_maxLength": ["validateMaxLength"],
     "_name": ["validateName"],
     "_on": ["validateOn"],
@@ -16075,7 +15598,6 @@ class KolInputText {
     "_placeholder": ["validatePlaceholder"],
     "_readOnly": ["validateReadOnly"],
     "_required": ["validateRequired"],
-    "_size": ["validateSize"],
     "_suggestions": ["validateSuggestions"],
     "_smartButton": ["validateSmartButton"],
     "_syncValueBySelector": ["validateSyncValueBySelector"],
@@ -16100,11 +15622,9 @@ class KolInputText {
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_maxLength": [2, "_max-length"],
       "_name": [1],
       "_on": [16],
@@ -16112,7 +15632,6 @@ class KolInputText {
       "_placeholder": [1],
       "_readOnly": [4, "_read-only"],
       "_required": [4],
-      "_size": [2],
       "_suggestions": [1],
       "_smartButton": [1, "_smart-button"],
       "_syncValueBySelector": [1, "_sync-value-by-selector"],
@@ -16239,33 +15758,21 @@ class KolLink {
       this.ref = ref;
       propagateFocus(this.host, this.ref);
     };
-    this._ariaControls = undefined;
-    this._ariaCurrent = undefined;
-    this._ariaExpanded = undefined;
-    this._ariaLabel = undefined;
-    this._ariaSelected = undefined;
-    this._disabled = false;
     this._download = undefined;
     this._hideLabel = false;
     this._href = undefined;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconAlign = undefined;
-    this._iconOnly = undefined;
     this._label = undefined;
     this._listenAriaCurrent = undefined;
     this._on = undefined;
     this._role = undefined;
-    this._selector = undefined;
-    this._stealth = false;
     this._tabIndex = undefined;
     this._target = undefined;
     this._targetDescription = 'Der Link wird in einem neuen Tab geöffnet.';
     this._tooltipAlign = 'right';
-    this._useCase = 'text';
   }
   render() {
-    return (hAsync(Host, null, hAsync("kol-link-wc", { ref: this.catchRef, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons || this._icon, _iconAlign: this._iconAlign, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: this._role, _selector: this._selector, _stealth: this._stealth, _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign, _useCase: this._useCase }, hAsync("slot", { name: "expert", slot: "expert" }), hAsync("slot", { slot: "expert" }))));
+    return (hAsync(Host, null, hAsync("kol-link-wc", { ref: this.catchRef, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: this._role, _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
   }
   get host() { return getElement(this); }
   static get style() { return {
@@ -16275,30 +15782,18 @@ class KolLink {
     "$flags$": 41,
     "$tagName$": "kol-link",
     "$members$": {
-      "_ariaControls": [1, "_aria-controls"],
-      "_ariaCurrent": [8, "_aria-current"],
-      "_ariaExpanded": [4, "_aria-expanded"],
-      "_ariaLabel": [1, "_aria-label"],
-      "_ariaSelected": [4, "_aria-selected"],
-      "_disabled": [4],
       "_download": [1],
       "_hideLabel": [4, "_hide-label"],
       "_href": [1],
-      "_icon": [1],
       "_icons": [1],
-      "_iconAlign": [1, "_icon-align"],
-      "_iconOnly": [4, "_icon-only"],
       "_label": [1],
       "_listenAriaCurrent": [8, "_listen-aria-current"],
       "_on": [16],
       "_role": [1],
-      "_selector": [1],
-      "_stealth": [4],
       "_tabIndex": [2, "_tab-index"],
       "_target": [1],
       "_targetDescription": [1, "_target-description"],
-      "_tooltipAlign": [1, "_tooltip-align"],
-      "_useCase": [1, "_use-case"]
+      "_tooltipAlign": [1, "_tooltip-align"]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -16315,18 +15810,11 @@ class KolLinkButton {
       this.ref = ref;
       propagateFocus(this.host, this.ref);
     };
-    this._ariaControls = undefined;
-    this._ariaCurrent = undefined;
-    this._ariaExpanded = undefined;
-    this._ariaLabel = undefined;
-    this._ariaSelected = undefined;
     this._customClass = undefined;
-    this._disabled = false;
     this._download = undefined;
     this._hideLabel = false;
     this._href = undefined;
-    this._icon = undefined;
-    this._iconOnly = undefined;
+    this._icons = undefined;
     this._label = undefined;
     this._listenAriaCurrent = undefined;
     this._on = undefined;
@@ -16342,7 +15830,7 @@ class KolLinkButton {
         button: true,
         [this._variant]: this._variant !== 'custom',
         [this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
-      }, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icon: this._icon, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: "button", _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
+      }, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: "button", _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
   }
   get host() { return getElement(this); }
   static get style() { return {
@@ -16352,18 +15840,11 @@ class KolLinkButton {
     "$flags$": 41,
     "$tagName$": "kol-link-button",
     "$members$": {
-      "_ariaControls": [1, "_aria-controls"],
-      "_ariaCurrent": [8, "_aria-current"],
-      "_ariaExpanded": [4, "_aria-expanded"],
-      "_ariaLabel": [1, "_aria-label"],
-      "_ariaSelected": [4, "_aria-selected"],
       "_customClass": [1, "_custom-class"],
-      "_disabled": [4],
       "_download": [1],
       "_hideLabel": [4, "_hide-label"],
       "_href": [1],
-      "_icon": [1],
-      "_iconOnly": [4, "_icon-only"],
+      "_icons": [1],
       "_label": [1],
       "_listenAriaCurrent": [8, "_listen-aria-current"],
       "_on": [16],
@@ -16398,13 +15879,9 @@ class KolLinkGroup {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.isUl = true;
-    this._ariaLabel = undefined;
     this._listStyleType = undefined;
-    this._heading = undefined;
     this._label = undefined;
-    this._level = undefined;
     this._links = undefined;
-    this._ordered = false;
     this._orientation = 'vertical';
     this.state = {
       _label: '…',
@@ -16414,17 +15891,10 @@ class KolLinkGroup {
     };
   }
   render() {
-    var _a;
     return (hAsync("nav", { "aria-label": this.state._label, class: {
         vertical: this.state._orientation === 'vertical',
         horizontal: this.state._orientation === 'horizontal',
-      } }, typeof this.state._heading === 'string' && ((_a = this.state._heading) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync("kol-heading-wc", { _label: this.state._heading, _level: this.state._level })), this.isUl === false ? (hAsync("ol", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))) : (hAsync("ul", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType })))));
-  }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
-  validateHeading(value) {
-    watchString(this, '_heading', value);
+      } }, this.isUl === false ? (hAsync("ol", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))) : (hAsync("ul", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType })))));
   }
   validateLabel(value, _oldValue, initial = false) {
     if (!initial) {
@@ -16433,9 +15903,6 @@ class KolLinkGroup {
     validateLabel(this, value);
     addNavLabel(this.state._label);
   }
-  validateLevel(value) {
-    watchHeadingLevel(this, value);
-  }
   validateListStyleType(value) {
     watchValidator(this, '_listStyleType', (value) => {
       switch (value) {
@@ -16464,18 +15931,13 @@ class KolLinkGroup {
   validateLinks(value) {
     watchNavLinks('KolLinkGroup', this, value);
   }
-  validateOrdered(value) {
-    watchBoolean(this, '_ordered', value);
-  }
   validateOrientation(value) {
     watchValidator(this, '_orientation', (value) => value === 'horizontal' || value === 'vertical', new Set(['Orientation {horizontal, vertical}']), value, {
       defaultValue: 'vertical',
     });
   }
   componentWillLoad() {
-    this.validateHeading(this._heading);
-    this.validateLabel(this._label || this._ariaLabel, undefined, true);
-    this.validateLevel(this._level);
+    this.validateLabel(this._label, undefined, true);
     this.validateListStyleType(this._listStyleType);
     this.validateLinks(this._links);
     this.validateOrientation(this._orientation);
@@ -16484,13 +15946,9 @@ class KolLinkGroup {
     removeNavLabel(this.state._label);
   }
   static get watchers() { return {
-    "_ariaLabel": ["validateAriaLabel"],
-    "_heading": ["validateHeading"],
     "_label": ["validateLabel"],
-    "_level": ["validateLevel"],
     "_listStyleType": ["validateListStyleType"],
     "_links": ["validateLinks"],
-    "_ordered": ["validateOrdered"],
     "_orientation": ["validateOrientation"]
   }; }
   static get style() { return {
@@ -16500,13 +15958,9 @@ class KolLinkGroup {
     "$flags$": 41,
     "$tagName$": "kol-link-group",
     "$members$": {
-      "_ariaLabel": [1, "_aria-label"],
       "_listStyleType": [1, "_list-style-type"],
-      "_heading": [1],
       "_label": [1],
-      "_level": [2],
       "_links": [1],
-      "_ordered": [4],
       "_orientation": [1],
       "state": [32]
     },
@@ -16516,8 +15970,14 @@ class KolLinkGroup {
   }; }
 }
 
-const validateAriaSelected = (component, value) => {
-  watchBoolean(component, '_ariaSelected', value);
+const validate = (component, propName, value) => {
+  watchValidator(component, propName, (value) => value === 'date' || value === 'location' || value === 'page' || value === 'step' || value === 'time' || value === true || value === false, new Set(['String {data, location, page, step, time}', 'boolean']), value);
+};
+const validateAriaCurrent = (component, value) => {
+  validate(component, '_ariaCurrent', value);
+};
+const validateListenAriaCurrent = (component, value) => {
+  validate(component, '_listenAriaCurrent', value);
 };
 
 const validateDownload = (component, value) => {
@@ -16538,10 +15998,6 @@ const validateLinkTarget = (component, value) => {
   watchString(component, '_target', value);
 };
 
-const validateStealth = (component, value) => {
-  watchBoolean(component, '_stealth', value);
-};
-
 class KolLinkWc {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -16559,19 +16015,6 @@ class KolLinkWc {
       }
     };
     this.getRenderValues = () => {
-      let goToProps = {};
-      if (typeof this.state._selector === 'string') {
-        goToProps = {
-          role: 'link',
-          tabIndex: 0,
-          onClick: () => {
-            scrollBySelector(this.state._selector);
-          },
-          onKeyPress: () => {
-            scrollBySelector(this.state._selector);
-          },
-        };
-      }
       const isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';
       const tagAttrs = {
         href: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',
@@ -16579,10 +16022,10 @@ class KolLinkWc {
         rel: isExternal ? 'noopener' : undefined,
         download: typeof this.state._download === 'string' ? this.state._download : undefined,
       };
-      if ((this.state._useCase === 'image' || this.state._hideLabel === true) && !this.state._label) {
-        devHint(`[KolLink] Es muss ein Aria-Label gesetzt werden, wenn eine Grafik verlinkt oder der _hide-label gesetzt ist.`);
+      if (this.state._hideLabel === true && !this.state._label) {
+        devHint(`[KolLink] Es muss ein Aria-Label gesetzt werden _hide-label gesetzt ist.`);
       }
-      return { isExternal, tagAttrs, goToProps };
+      return { isExternal, tagAttrs };
     };
     this.unsubscribeAriaCurrentSubject = ariaCurrentSubject.subscribe((event) => {
       try {
@@ -16599,67 +16042,34 @@ class KolLinkWc {
         devWarning(`The aria-current event is not valid.`);
       }
     });
-    this._ariaControls = undefined;
-    this._ariaCurrent = undefined;
-    this._ariaExpanded = undefined;
-    this._ariaLabel = undefined;
-    this._ariaSelected = undefined;
-    this._disabled = false;
     this._download = undefined;
     this._hideLabel = false;
     this._href = undefined;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconAlign = undefined;
-    this._iconOnly = undefined;
     this._label = undefined;
     this._listenAriaCurrent = undefined;
     this._on = undefined;
     this._role = undefined;
-    this._selector = undefined;
-    this._stealth = false;
     this._tabIndex = undefined;
     this._target = undefined;
     this._targetDescription = translate('kol-open-link-in-tab');
     this._tooltipAlign = 'right';
-    this._useCase = 'text';
     this.state = {
       _href: '…',
       _icons: {},
     };
   }
   render() {
-    const { isExternal, tagAttrs, goToProps } = this.getRenderValues();
+    const { isExternal, tagAttrs } = this.getRenderValues();
     const hasExpertSlot = showExpertSlot(this.state._label);
-    return (hAsync(Host, null, hAsync("a", Object.assign({ ref: this.catchRef }, tagAttrs, { "aria-controls": this.state._ariaControls, "aria-current": this.state._ariaCurrent, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapBoolean2String(this.state._ariaSelected), class: {
-        disabled: this.state._disabled === true,
-        'skip ': this.state._stealth !== false,
-        'icon-only': this.state._hideLabel === true,
-        'hide-label': this.state._hideLabel === true,
+    return (hAsync(Host, null, hAsync("a", Object.assign({ ref: this.catchRef }, tagAttrs, { "aria-current": this.state._ariaCurrent, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, class: {
         'external-link': isExternal,
-      } }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick }, goToProps, { role: this.state._role, tabIndex: this.state._tabIndex }), hAsync("kol-span-wc", { _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { name: "expert", slot: "expert" })), isExternal && hAsync("kol-icon", { class: "external-link-icon", _label: this.state._targetDescription, _icons: 'codicon codicon-link-external' })), hAsync("kol-tooltip-wc", { "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href })));
-  }
-  validateAriaControls(value) {
-    validateAriaControls(this, value);
+        'hide-label': this.state._hideLabel === true,
+      } }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex }), hAsync("kol-span-wc", { _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { name: "expert", slot: "expert" })), isExternal && hAsync("kol-icon", { class: "external-link-icon", _label: this.state._targetDescription, _icons: 'codicon codicon-link-external' })), hAsync("kol-tooltip-wc", { "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href })));
   }
   validateAriaCurrent(value) {
     validateAriaCurrent(this, value);
   }
-  validateAriaExpanded(value) {
-    watchBoolean(this, '_ariaExpanded', value);
-  }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
-  validateAriaSelected(value) {
-    validateAriaSelected(this, value);
-  }
-  validateDisabled(value) {
-    watchBoolean(this, '_disabled', value);
-    if (value === true) {
-      a11yHintDisabled();
-    }
-  }
   validateDownload(value) {
     validateDownload(this, value);
   }
@@ -16669,18 +16079,9 @@ class KolLinkWc {
   validateHref(value) {
     validateHref(this, value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     validateIcons(this, value);
   }
-  validateIconAlign(value) {
-    watchIconAlign(this, value);
-  }
-  validateIconOnly(value) {
-    this.validateHideLabel(value);
-  }
   validateLabel(value) {
     validateLabelWithExpertSlot(this, value);
   }
@@ -16693,12 +16094,6 @@ class KolLinkWc {
   validateRole(value) {
     validateAlternativeButtonLinkRole(this, value);
   }
-  validateSelector(value) {
-    watchString(this, '_selector', value);
-  }
-  validateStealth(value) {
-    validateStealth(this, value);
-  }
   validateTabIndex(value) {
     validateTabIndex(this, value);
   }
@@ -16711,93 +16106,54 @@ class KolLinkWc {
   validateTooltipAlign(value) {
     validateTooltipAlign(this, value);
   }
-  validateUseCase(value) {
-    if (typeof value === 'string') {
-      this.state = Object.assign(Object.assign({}, this.state), { _useCase: value });
-    }
-  }
   componentWillLoad() {
-    var _a;
-    this.validateAriaControls(this._ariaControls);
-    this.validateAriaCurrent(this._ariaCurrent);
-    this.validateAriaExpanded(this._ariaExpanded);
-    this.validateAriaSelected(this._ariaSelected);
-    this.validateDisabled(this._disabled);
     this.validateDownload(this._download);
-    this.validateHideLabel(this._hideLabel || this._iconOnly);
+    this.validateHideLabel(this._hideLabel);
     this.validateHref(this._href);
-    this.validateIcon(this._icons || this._icon);
-    this.validateIconAlign(this._iconAlign);
-    this.validateLabel((_a = this._label) !== null && _a !== void 0 ? _a : this._ariaLabel);
+    this.validateIcons(this._icons);
+    this.validateLabel(this._label);
     this.validateListenAriaCurrent(this._listenAriaCurrent);
     this.validateOn(this._on);
     this.validateRole(this._role);
-    this.validateSelector(this._selector);
-    this.validateStealth(this._stealth);
     this.validateTabIndex(this._tabIndex);
     this.validateTarget(this._target);
     this.validateTargetDescription(this._targetDescription);
     this.validateTooltipAlign(this._tooltipAlign);
-    this.validateUseCase(this._useCase);
   }
   disconnectedCallback() {
     this.unsubscribeAriaCurrentSubject.unsubscribe();
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "_ariaControls": ["validateAriaControls"],
-    "_ariaCurrent": ["validateAriaCurrent"],
-    "_ariaExpanded": ["validateAriaExpanded"],
-    "_ariaLabel": ["validateAriaLabel"],
-    "_ariaSelected": ["validateAriaSelected"],
-    "_disabled": ["validateDisabled"],
     "_download": ["validateDownload"],
     "_hideLabel": ["validateHideLabel"],
     "_href": ["validateHref"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
-    "_iconAlign": ["validateIconAlign"],
-    "_iconOnly": ["validateIconOnly"],
     "_label": ["validateLabel"],
     "_listenAriaCurrent": ["validateListenAriaCurrent"],
     "_on": ["validateOn"],
     "_role": ["validateRole"],
-    "_selector": ["validateSelector"],
-    "_stealth": ["validateStealth"],
     "_tabIndex": ["validateTabIndex"],
     "_target": ["validateTarget"],
     "_targetDescription": ["validateTargetDescription"],
-    "_tooltipAlign": ["validateTooltipAlign"],
-    "_useCase": ["validateUseCase"]
+    "_tooltipAlign": ["validateTooltipAlign"]
   }; }
   static get cmpMeta() { return {
     "$flags$": 4,
     "$tagName$": "kol-link-wc",
     "$members$": {
-      "_ariaControls": [1, "_aria-controls"],
-      "_ariaCurrent": [8, "_aria-current"],
-      "_ariaExpanded": [4, "_aria-expanded"],
-      "_ariaLabel": [1, "_aria-label"],
-      "_ariaSelected": [4, "_aria-selected"],
-      "_disabled": [4],
       "_download": [1],
       "_hideLabel": [4, "_hide-label"],
       "_href": [1],
-      "_icon": [1],
       "_icons": [1],
-      "_iconAlign": [1, "_icon-align"],
-      "_iconOnly": [4, "_icon-only"],
       "_label": [1],
       "_listenAriaCurrent": [8, "_listen-aria-current"],
       "_on": [16],
       "_role": [1],
-      "_selector": [1],
-      "_stealth": [4],
       "_tabIndex": [2, "_tab-index"],
       "_target": [1],
       "_targetDescription": [1, "_target-description"],
       "_tooltipAlign": [1, "_tooltip-align"],
-      "_useCase": [1, "_use-case"],
       "state": [32]
     },
     "$listeners$": undefined,
@@ -16994,15 +16350,11 @@ const Adler = () => (hAsync("path", { d: "M21.72,12.77c0.04-0.33,0.06-0.67,0.06-
 class KolLogo {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this._abbr = undefined;
     this._org = undefined;
     this.state = {
       _org: Bundesanstalt['Informationstechnikzentrum Bund'],
     };
   }
-  validateAbbr(value) {
-    this.validateOrg(value);
-  }
   validateOrg(value) {
     if (typeof value === 'string' && ENUM_AS_MAP.has(value)) {
       setState(this, '_org', value);
@@ -17012,7 +16364,7 @@ class KolLogo {
     }
   }
   componentWillLoad() {
-    this.validateOrg(this._org || this._abbr);
+    this.validateOrg(this._org);
   }
   render() {
     var _a;
@@ -17021,7 +16373,6 @@ class KolLogo {
     }))) : (hAsync("tspan", { fill: "red" }, hAsync("tspan", { x: "0", dy: "1.1em" }, "Der Schl\u00FCsselwert"), hAsync("tspan", { x: "0", dy: "1.1em", "font-weight": "bold" }, "'", this.state._org, "'"), hAsync("tspan", { x: "0", dy: "1.1em" }, "ist nicht definiert."), hAsync("tspan", { x: "0", dy: "1.1em" }, "oder freigegeben.")))))));
   }
   static get watchers() { return {
-    "_abbr": ["validateAbbr"],
     "_org": ["validateOrg"]
   }; }
   static get style() { return {
@@ -17031,7 +16382,6 @@ class KolLogo {
     "$flags$": 41,
     "$tagName$": "kol-logo",
     "$members$": {
-      "_abbr": [1],
       "_org": [1],
       "state": [32]
     },
@@ -17052,7 +16402,6 @@ class KolModal {
       }
     };
     this._activeElement = undefined;
-    this._ariaLabel = undefined;
     this._label = undefined;
     this._on = undefined;
     this._width = '100%';
@@ -17102,9 +16451,6 @@ class KolModal {
       },
     });
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
   validateLabel(value) {
     validateLabel(this, value);
   }
@@ -17125,13 +16471,12 @@ class KolModal {
   }
   componentWillLoad() {
     this.validateActiveElement(this._activeElement);
-    this.validateLabel(this._label || this._ariaLabel);
+    this.validateLabel(this._label);
     this.validateOn(this._on);
     this.validateWidth(this._width);
   }
   static get watchers() { return {
     "_activeElement": ["validateActiveElement"],
-    "_ariaLabel": ["validateAriaLabel"],
     "_label": ["validateLabel"],
     "_on": ["validateOn"],
     "_width": ["validateWidth"]
@@ -17144,7 +16489,6 @@ class KolModal {
     "$tagName$": "kol-modal",
     "$members$": {
       "_activeElement": [1040],
-      "_ariaLabel": [1, "_aria-label"],
       "_label": [1],
       "_on": [16],
       "_width": [1],
@@ -17160,10 +16504,6 @@ const validateCollapsible = (component, value) => {
   watchBoolean(component, '_collapsible', value);
 };
 
-const validateHasCompactButton = (component, value) => {
-  watchBoolean(component, '_hasCompactButton', value);
-};
-
 const defaultStyleCss$e = "/*!@:host*/.sc-kol-nav-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-nav-default{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-nav-default,button.sc-kol-nav-default:not([role='link']),kol-input.sc-kol-nav-default .input.sc-kol-nav-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-nav-default,button.sc-kol-nav-default,h1.sc-kol-nav-default,h2.sc-kol-nav-default,h3.sc-kol-nav-default,h4.sc-kol-nav-default,h5.sc-kol-nav-default,h6.sc-kol-nav-default,input.sc-kol-nav-default,option.sc-kol-nav-default,select.sc-kol-nav-default,textarea.sc-kol-nav-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-nav-default:is(a,button).sc-kol-nav-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-nav-default-h{max-width:100%}/*!@**/*.sc-kol-nav-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-nav-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-nav-default>span.sc-kol-nav-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-nav-default,button.sc-kol-nav-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-nav-default,input.sc-kol-nav-default,option.sc-kol-nav-default,select.sc-kol-nav-default,textarea.sc-kol-nav-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-nav-default>kol-span-wc.sc-kol-nav-default>span.sc-kol-nav-default>span.sc-kol-nav-default{display:none}/*!@:host > div*/.sc-kol-nav-default-h>div.sc-kol-nav-default{display:grid;place-items:center}/*!@nav*/nav.sc-kol-nav-default{width:100%}/*!@.list*/.list.sc-kol-nav-default{display:flex;list-style:none;margin:0;padding:0}/*!@.list.vertical*/.list.vertical.sc-kol-nav-default{flex-direction:column}/*!@.entry*/.entry.sc-kol-nav-default{display:flex}/*!@.entry kol-button-wc:first-child,\n.entry kol-link-wc,\n.entry kol-span-wc*/.entry.sc-kol-nav-default kol-button-wc.sc-kol-nav-default:first-child,.entry.sc-kol-nav-default kol-link-wc.sc-kol-nav-default,.entry.sc-kol-nav-default kol-span-wc.sc-kol-nav-default{flex-grow:1}/*!@.entry kol-span-wc*/.entry.sc-kol-nav-default kol-span-wc.sc-kol-nav-default{justify-items:start}";
 
 class KolNav {
@@ -17185,24 +16525,18 @@ class KolNav {
       })));
     };
     this._ariaCurrentValue = false;
-    this._ariaLabel = undefined;
     this._collapsible = true;
-    this._compact = false;
-    this._hasCompactButton = false;
     this._hideLabel = false;
     this._label = undefined;
     this._links = undefined;
     this._orientation = 'vertical';
-    this._variant = 'primary';
     this.state = {
       _ariaCurrentValue: false,
       _collapsible: true,
-      _hasCompactButton: false,
       _hideLabel: false,
       _label: '…',
       _links: [],
       _orientation: 'vertical',
-      _variant: 'primary',
     };
   }
   entry(collapsible, hideLabel, hasChildren, link, expanded) {
@@ -17219,42 +16553,22 @@ class KolNav {
         active,
         expanded,
         'has-children': hasChildren,
-        selected: expanded,
       }, key: index }, this.entry(collapsible, hideLabel, hasChildren, link, active), expanded ? (hAsync(this.linkList, { collapsible: collapsible, hideLabel: hideLabel, deep: deep + 1, links: link._children || [], orientation: orientation })) : ('')));
   }
   render() {
-    let hasCompactButton = this.state._hasCompactButton;
-    if (this.state._orientation === 'horizontal' && this.state._hasCompactButton === true) {
-      hasCompactButton = false;
-      devWarning(`[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden.`);
-    }
     const collapsible = this.state._collapsible === true;
     const hideLabel = this.state._hideLabel === true;
     const orientation = this.state._orientation;
     return (hAsync(Host, null, hAsync("div", { class: {
         [orientation]: true,
-        [this.state._variant]: true,
-      } }, hAsync("nav", { "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { class: "compact" }, hAsync("kol-button", { _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
-        onClick: () => {
-          this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
-        },
-      }, _tooltipAlign: "right", _variant: "ghost" }))))));
+      } }, hAsync("nav", { "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })))));
   }
   validateAriaCurrentValue(value) {
     watchValidator(this, '_ariaCurrentValue', (value) => value === true || value === 'date' || value === 'location' || value === 'page' || value === 'step' || value === 'time', new Set(['boolean', 'String {data, location, page, step, time}']), value);
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
   validateCollapsible(value) {
     validateCollapsible(this, value);
   }
-  validateCompact(value) {
-    this.validateHideLabel(value);
-  }
-  validateHasCompactButton(value) {
-    validateHasCompactButton(this, value);
-  }
   validateHideLabel(value) {
     validateHideLabel(this, value);
   }
@@ -17275,35 +16589,24 @@ class KolNav {
       defaultValue: 'vertical',
     });
   }
-  validateVariant(value) {
-    watchValidator(this, '_variant', (value) => value === 'primary' || value === 'secondary', new Set(['KoliBriNavVariant {primary, secondary}']), value, {
-      defaultValue: 'primary',
-    });
-  }
   componentWillLoad() {
     this.validateAriaCurrentValue(this._ariaCurrentValue);
     this.validateCollapsible(this._collapsible);
-    this.validateHideLabel(this._hideLabel || this._compact);
-    this.validateHasCompactButton(this._hasCompactButton);
-    this.validateLabel(this._label || this._ariaLabel, undefined, true);
+    this.validateHideLabel(this._hideLabel);
+    this.validateLabel(this._label, undefined, true);
     this.validateLinks(this._links);
     this.validateOrientation(this._orientation);
-    this.validateVariant(this._variant);
   }
   disconnectedCallback() {
     removeNavLabel(this.state._label);
   }
   static get watchers() { return {
     "_ariaCurrentValue": ["validateAriaCurrentValue"],
-    "_ariaLabel": ["validateAriaLabel"],
     "_collapsible": ["validateCollapsible"],
-    "_compact": ["validateCompact"],
-    "_hasCompactButton": ["validateHasCompactButton"],
     "_hideLabel": ["validateHideLabel"],
     "_label": ["validateLabel"],
     "_links": ["validateLinks"],
-    "_orientation": ["validateOrientation"],
-    "_variant": ["validateVariant"]
+    "_orientation": ["validateOrientation"]
   }; }
   static get style() { return {
     default: defaultStyleCss$e
@@ -17313,15 +16616,11 @@ class KolNav {
     "$tagName$": "kol-nav",
     "$members$": {
       "_ariaCurrentValue": [8, "_aria-current-value"],
-      "_ariaLabel": [1, "_aria-label"],
       "_collapsible": [4],
-      "_compact": [4],
-      "_hasCompactButton": [4, "_has-compact-button"],
       "_hideLabel": [4, "_hide-label"],
       "_label": [1],
       "_links": [1],
       "_orientation": [1],
-      "_variant": [1],
       "state": [32]
     },
     "$listeners$": undefined,
@@ -17457,7 +16756,6 @@ class KolPagination {
     this._on = undefined;
     this._siblingCount = 1;
     this._tooltipAlign = 'top';
-    this._total = undefined;
     this._max = undefined;
     this._variant = 'normal';
     this.state = {
@@ -17506,7 +16804,7 @@ class KolPagination {
         return null;
       }
     });
-    return (hAsync(Host, null, hAsync("nav", { "aria-label": this.state._label }, hAsync("ul", { class: "navigation-list" }, this.state._hasButtons.first && (hAsync("li", null, hAsync("kol-button", { class: "first", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icon: leftDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-first'), _on: this.onGoToFirst, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.previous && (hAsync("li", null, hAsync("kol-button", { class: "previous", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icon: leftSingleArrow, _hideLabel: true, _label: translate('kol-page-back'), _on: this.onGoBackward, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), pageButtons, this.state._hasButtons.next && (hAsync("li", null, hAsync("kol-button", { class: "next", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icon: rightSingleArrowIcon, _hideLabel: true, _label: translate('kol-page-next'), _on: this.onGoForward, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.last && (hAsync("li", null, hAsync("kol-button", { class: "last", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icon: rightDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-last'), _on: this.onGoToEnd, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))))), ((_a = this.state._pageSizeOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync("kol-select", { _hideLabel: true, _id: `pagination-size-${this.nonce}`, _label: translate('kol-entries-per-site'), _list: this.state._pageSizeOptions, _on: {
+    return (hAsync(Host, null, hAsync("nav", { "aria-label": this.state._label }, hAsync("ul", { class: "navigation-list" }, this.state._hasButtons.first && (hAsync("li", null, hAsync("kol-button", { class: "first", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-first'), _on: this.onGoToFirst, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.previous && (hAsync("li", null, hAsync("kol-button", { class: "previous", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftSingleArrow, _hideLabel: true, _label: translate('kol-page-back'), _on: this.onGoBackward, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), pageButtons, this.state._hasButtons.next && (hAsync("li", null, hAsync("kol-button", { class: "next", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightSingleArrowIcon, _hideLabel: true, _label: translate('kol-page-next'), _on: this.onGoForward, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.last && (hAsync("li", null, hAsync("kol-button", { class: "last", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-last'), _on: this.onGoToEnd, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))))), ((_a = this.state._pageSizeOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync("kol-select", { _hideLabel: true, _id: `pagination-size-${this.nonce}`, _label: translate('kol-entries-per-site'), _options: this.state._pageSizeOptions, _on: {
         onChange: this.onChangePageSize,
       }, _value: [this.state._pageSize] }))));
   }
@@ -17518,7 +16816,7 @@ class KolPagination {
       }, _variant: this.state._variant })));
   }
   getSelectedPageButton(page) {
-    return (hAsync("li", null, hAsync("kol-button-wc", { class: "selected", key: `${this.nonce}-selected`, _customClass: this.state._customClass, _disabled: true, _ariaCurrent: true, _label: `${page}`, _variant: this.state._variant })));
+    return (hAsync("li", null, hAsync("kol-button-wc", { class: "selected", key: `${this.nonce}-selected`, _customClass: this.state._customClass, _disabled: true, _label: `${page}`, _variant: this.state._variant })));
   }
   validateBoundaryCount(value) {
     watchNumber(this, '_boundaryCount', Math.max(0, value !== null && value !== void 0 ? value : 1));
@@ -17603,9 +16901,6 @@ class KolPagination {
   validateSiblingCount(value) {
     watchNumber(this, '_siblingCount', Math.max(0, value !== null && value !== void 0 ? value : 1));
   }
-  validateTotal(value) {
-    this.validateMax(value);
-  }
   validateMax(value) {
     validateMax(this, value, {
       hooks: {
@@ -17634,7 +16929,7 @@ class KolPagination {
     this.validatePageSizeOptions(this._pageSizeOptions);
     this.validateSiblingCount(this._siblingCount);
     this.validateTooltipAlign(this._tooltipAlign);
-    this.validateMax(this._max || this._total);
+    this.validateMax(this._max);
     this.validateVariant(this._variant);
     this.validatePage(this._page);
   }
@@ -17651,7 +16946,6 @@ class KolPagination {
     "_pageSize": ["validatePageSize"],
     "_pageSizeOptions": ["validatePageSizeOptions"],
     "_siblingCount": ["validateSiblingCount"],
-    "_total": ["validateTotal"],
     "_max": ["validateMax"],
     "_tooltipAlign": ["validateTooltipAlign"],
     "_variant": ["validateVariant"]
@@ -17673,7 +16967,6 @@ class KolPagination {
       "_on": [16],
       "_siblingCount": [2, "_sibling-count"],
       "_tooltipAlign": [1, "_tooltip-align"],
-      "_total": [2],
       "_max": [2],
       "_variant": [1],
       "state": [32]
@@ -19263,7 +18556,6 @@ class KolProcess {
     registerInstance(this, hostRef);
     this._label = undefined;
     this._max = undefined;
-    this._type = undefined;
     this._unit = '%';
     this._value = undefined;
     this._variant = undefined;
@@ -19289,9 +18581,6 @@ class KolProcess {
       required: true,
     });
   }
-  validateType(value) {
-    this.validateVariant(value);
-  }
   validateUnit(value) {
     watchString(this, '_unit', value);
   }
@@ -19311,7 +18600,7 @@ class KolProcess {
     this.validateMax(this._max);
     this.validateUnit(this._unit);
     this.validateValue(this._value);
-    this.validateVariant(this._variant || this._type);
+    this.validateVariant(this._variant);
     this.interval = setInterval(() => {
       if (this.state._liveValue !== this.state._value) {
         this.state = Object.assign(Object.assign({}, this.state), { _liveValue: this.state._value });
@@ -19324,7 +18613,6 @@ class KolProcess {
   static get watchers() { return {
     "_label": ["validateLabel"],
     "_max": ["validateMax"],
-    "_type": ["validateType"],
     "_unit": ["validateUnit"],
     "_value": ["validateValue"],
     "_variant": ["validateVariant"]
@@ -19338,7 +18626,6 @@ class KolProcess {
     "$members$": {
       "_label": [1],
       "_max": [2],
-      "_type": [1],
       "_unit": [1],
       "_value": [2],
       "_variant": [1],
@@ -19355,7 +18642,6 @@ const defaultStyleCss$b = "/*!@:host*/.sc-kol-quote-default-h{--a11y-min-size:44
 class KolQuote {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this._caption = undefined;
     this._label = undefined;
     this._href = undefined;
     this._quote = undefined;
@@ -19366,9 +18652,6 @@ class KolQuote {
       _variant: 'inline',
     };
   }
-  validateCaption(value) {
-    this.validateLabel(value);
-  }
   validateLabel(value) {
     validateLabel(this, value);
   }
@@ -19387,7 +18670,7 @@ class KolQuote {
   }
   componentWillLoad() {
     this.validateHref(this._href);
-    this.validateLabel(this._label || this._caption);
+    this.validateLabel(this._label);
     this.validateQuote(this._quote);
     this.validateVariant(this._variant);
   }
@@ -19398,7 +18681,6 @@ class KolQuote {
       } }, this.state._variant === 'block' ? (hAsync("blockquote", { cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))) : (hAsync("q", { cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))), typeof this.state._label === 'string' && this.state._label.length > 0 && (hAsync("figcaption", null, hAsync("cite", null, hAsync("kol-link", { _href: this.state._href, _label: this.state._label, _target: "_blank" })))))));
   }
   static get watchers() { return {
-    "_caption": ["validateCaption"],
     "_label": ["validateLabel"],
     "_href": ["validateHref"],
     "_quote": ["validateQuote"],
@@ -19411,7 +18693,6 @@ class KolQuote {
     "$flags$": 41,
     "$tagName$": "kol-quote",
     "$members$": {
-      "_caption": [1],
       "_label": [1],
       "_href": [1],
       "_quote": [1],
@@ -19475,9 +18756,6 @@ class SelectController extends InputIconController {
       },
     });
   }
-  validateHeight(value) {
-    watchString(this.component, '_height', value);
-  }
   validateOptions(value) {
     validateOptionsWithOptgroup(this.component, value, {
       hooks: {
@@ -19516,12 +18794,11 @@ class SelectController extends InputIconController {
         });
       }
     };
-    this.validateHeight(this.component._height);
     this.validateHideError(this.component._hideError);
-    this.validateOptions(this.component._options || this.component._list);
+    this.validateOptions(this.component._options);
     this.validateMultiple(this.component._multiple);
     this.validateRequired(this.component._required);
-    this.validateRows(this.component._rows || this.component._size);
+    this.validateRows(this.component._rows);
     this.validateValue(this.component._value);
   }
 }
@@ -19550,9 +18827,7 @@ class KolSelect {
     return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: {
         'hide-label': !!this.state._hideLabel,
         select: true,
-      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("select", { ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows, spellcheck: "false", style: {
-        height: this.state._height,
-      }, onClick: this.controller.onFacade.onClick,
+      }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("select", { ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows, spellcheck: "false", onClick: this.controller.onFacade.onClick,
       onBlur: this.controller.onFacade.onBlur,
       onFocus: this.controller.onFacade.onFocus, onChange: this.onChange }, this.state._options.map((option, index) => {
       const key = `-${index}`;
@@ -19586,22 +18861,18 @@ class KolSelect {
     this._alert = true;
     this._disabled = false;
     this._error = undefined;
-    this._height = undefined;
     this._hideError = false;
     this._hideLabel = false;
     this._hint = '';
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
-    this._list = undefined;
     this._multiple = false;
     this._name = undefined;
     this._on = undefined;
     this._options = undefined;
     this._required = false;
     this._rows = undefined;
-    this._size = undefined;
     this._syncValueBySelector = undefined;
     this._tabIndex = undefined;
     this._tooltipAlign = 'top';
@@ -19609,7 +18880,6 @@ class KolSelect {
     this._value = undefined;
     this.state = {
       _hasValue: false,
-      _height: '',
       _hideError: false,
       _id: `id-${nonce()}`,
       _label: '',
@@ -19631,9 +18901,6 @@ class KolSelect {
   validateError(value) {
     this.controller.validateError(value);
   }
-  validateHeight(value) {
-    this.controller.validateHeight(value);
-  }
   validateHideError(value) {
     this.controller.validateHideError(value);
   }
@@ -19643,9 +18910,6 @@ class KolSelect {
   validateHint(value) {
     this.controller.validateHint(value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     this.controller.validateIcons(value);
   }
@@ -19655,9 +18919,6 @@ class KolSelect {
   validateLabel(value) {
     this.controller.validateLabel(value);
   }
-  validateList(value) {
-    this.validateOptions(value);
-  }
   validateMultiple(value) {
     this.controller.validateMultiple(value);
   }
@@ -19676,9 +18937,6 @@ class KolSelect {
   validateRows(value) {
     this.controller.validateRows(value);
   }
-  validateSize(value) {
-    this.controller.validateRows(value);
-  }
   validateSyncValueBySelector(value) {
     this.controller.validateSyncValueBySelector(value);
   }
@@ -19704,22 +18962,18 @@ class KolSelect {
     "_alert": ["validateAlert"],
     "_disabled": ["validateDisabled"],
     "_error": ["validateError"],
-    "_height": ["validateHeight"],
     "_hideError": ["validateHideError"],
     "_hideLabel": ["validateHideLabel"],
     "_hint": ["validateHint"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
     "_id": ["validateId"],
     "_label": ["validateLabel"],
-    "_list": ["validateList"],
     "_multiple": ["validateMultiple"],
     "_name": ["validateName"],
     "_on": ["validateOn"],
     "_options": ["validateOptions"],
     "_required": ["validateRequired"],
     "_rows": ["validateRows"],
-    "_size": ["validateSize"],
     "_syncValueBySelector": ["validateSyncValueBySelector"],
     "_tabIndex": ["validateTabIndex"],
     "_touched": ["validateTouched"],
@@ -19736,22 +18990,18 @@ class KolSelect {
       "_alert": [1540],
       "_disabled": [4],
       "_error": [1],
-      "_height": [1],
       "_hideError": [1540, "_hide-error"],
       "_hideLabel": [4, "_hide-label"],
       "_hint": [1],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
-      "_list": [1],
       "_multiple": [4],
       "_name": [1],
       "_on": [16],
       "_options": [1],
       "_required": [4],
       "_rows": [2],
-      "_size": [2],
       "_syncValueBySelector": [1, "_sync-value-by-selector"],
       "_tabIndex": [2, "_tab-index"],
       "_tooltipAlign": [1, "_tooltip-align"],
@@ -19770,7 +19020,6 @@ const defaultStyleCss$9 = "/*!@:host*/.sc-kol-skip-nav-default-h{--a11y-min-size
 class KolSkipNav {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this._ariaLabel = undefined;
     this._label = undefined;
     this._links = undefined;
     this.state = {
@@ -19783,9 +19032,6 @@ class KolSkipNav {
       return (hAsync("li", { key: index }, hAsync("kol-link-wc", Object.assign({}, link))));
     }))));
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
   validateLabel(value, _oldValue, initial = false) {
     if (!initial) {
       removeNavLabel(this.state._label);
@@ -19797,14 +19043,13 @@ class KolSkipNav {
     watchNavLinks('KolSkipNav', this, value);
   }
   componentWillLoad() {
-    this.validateLabel(this._label || this._ariaLabel, undefined, true);
+    this.validateLabel(this._label, undefined, true);
     this.validateLinks(this._links);
   }
   disconnectedCallback() {
     removeNavLabel(this.state._label);
   }
   static get watchers() { return {
-    "_ariaLabel": ["validateAriaLabel"],
     "_label": ["validateLabel"],
     "_links": ["validateLinks"]
   }; }
@@ -19815,7 +19060,6 @@ class KolSkipNav {
     "$flags$": 41,
     "$tagName$": "kol-skip-nav",
     "$members$": {
-      "_ariaLabel": [1, "_aria-label"],
       "_label": [1],
       "_links": [1],
       "state": [32]
@@ -19832,13 +19076,11 @@ class KolSpan {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this._hideLabel = false;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconOnly = undefined;
     this._label = undefined;
   }
   render() {
-    return (hAsync("kol-span-wc", { _icons: this._icons || this._icon, _hideLabel: this._hideLabel, _label: this._label }, hAsync("slot", { name: "expert", slot: "expert" })));
+    return (hAsync("kol-span-wc", { _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label }, hAsync("slot", { name: "expert", slot: "expert" })));
   }
   static get style() { return {
     default: defaultStyleCss$8
@@ -19848,9 +19090,7 @@ class KolSpan {
     "$tagName$": "kol-span",
     "$members$": {
       "_hideLabel": [4, "_hide-label"],
-      "_icon": [1],
       "_icons": [1],
-      "_iconOnly": [4, "_icon-only"],
       "_label": [1]
     },
     "$listeners$": undefined,
@@ -32078,9 +31318,7 @@ class KolSpanWc {
     registerInstance(this, hostRef);
     this._allowMarkdown = false;
     this._hideLabel = false;
-    this._icon = undefined;
     this._icons = undefined;
-    this._iconOnly = undefined;
     this._label = undefined;
     this.state = {
       _allowMarkdown: false,
@@ -32093,7 +31331,6 @@ class KolSpanWc {
     var _a;
     const hideExpertSlot = !showExpertSlot(this.state._label);
     return (hAsync(Host, { class: {
-        'icon-only': !!this.state._hideLabel,
         'hide-label': !!this.state._hideLabel,
       } }, this.state._icons.top && hAsync("kol-icon", { class: "icon top", style: this.state._icons.top.style, _label: "", _icons: this.state._icons.top.icon }), hAsync("span", null, this.state._icons.left && hAsync("kol-icon", { class: "icon left", style: this.state._icons.left.style, _label: "", _icons: this.state._icons.left.icon }), !this.state._hideLabel && hideExpertSlot ? (this.state._allowMarkdown && typeof this.state._label === 'string' && this.state._label.length > 0 ? (hAsync("span", { class: "span-label md", innerHTML: md(this.state._label) })) : (hAsync("span", { class: "span-label" }, (_a = this.state._label) !== null && _a !== void 0 ? _a : ''))) : (''), hAsync("span", { "aria-hidden": hideExpertSlot ? 'true' : undefined, class: "span-label", hidden: hideExpertSlot }, hAsync("slot", { name: "expert" })), this.state._icons.right && hAsync("kol-icon", { class: "icon right", style: this.state._icons.right.style, _label: "", _icons: this.state._icons.right.icon })), this.state._icons.bottom && hAsync("kol-icon", { class: "icon bottom", style: this.state._icons.bottom.style, _label: "", _icons: this.state._icons.bottom.icon })));
   }
@@ -32105,30 +31342,22 @@ class KolSpanWc {
   validateHideLabel(value) {
     validateHideLabel(this, value);
   }
-  validateIcon(value) {
-    this.validateIcons(value);
-  }
   validateIcons(value) {
     validateIcons(this, value);
   }
-  validateIconOnly(value) {
-    this.validateHideLabel(value);
-  }
   validateLabel(value) {
     validateLabelWithExpertSlot(this, value);
   }
   componentWillLoad() {
     this.validateAllowMarkdown(this._allowMarkdown);
-    this.validateHideLabel(this._hideLabel || this._iconOnly);
-    this.validateIcons(this._icons || this._icon);
+    this.validateHideLabel(this._hideLabel);
+    this.validateIcons(this._icons);
     this.validateLabel(this._label);
   }
   static get watchers() { return {
     "_allowMarkdown": ["validateAllowMarkdown"],
     "_hideLabel": ["validateHideLabel"],
-    "_icon": ["validateIcon"],
     "_icons": ["validateIcons"],
-    "_iconOnly": ["validateIconOnly"],
     "_label": ["validateLabel"]
   }; }
   static get cmpMeta() { return {
@@ -32137,9 +31366,7 @@ class KolSpanWc {
     "$members$": {
       "_allowMarkdown": [4, "_allow-markdown"],
       "_hideLabel": [4, "_hide-label"],
-      "_icon": [1],
       "_icons": [1],
-      "_iconOnly": [4, "_icon-only"],
       "_label": [1],
       "state": [32]
     },
@@ -32249,36 +31476,20 @@ class KolSplitButton {
       else
         this.closeDropdown();
     };
-    this.forceCounter = 100;
-    this.forceOpenDropdown = () => {
-      var _a;
-      if (this.forceCounter > 0) {
-        if ((_a = this.dropdownContent) === null || _a === void 0 ? void 0 : _a.clientHeight)
-          this.openDropdown();
-        else
-          setTimeout(this.forceOpenDropdown, 10);
-        this.forceCounter--;
-      }
-    };
     this.catchDropdownElements = (e) => {
       if (e) {
         this.dropdown = e;
         setTimeout(() => {
           this.dropdownContent = e.firstChild;
-          if (this._show)
-            this.forceOpenDropdown();
         });
       }
     };
-    this._accessKey = undefined;
     this._ariaControls = undefined;
     this._ariaExpanded = undefined;
-    this._ariaLabel = undefined;
     this._ariaSelected = undefined;
     this._customClass = undefined;
     this._disabled = false;
     this._hideLabel = false;
-    this._icon = undefined;
     this._icons = undefined;
     this._id = undefined;
     this._label = undefined;
@@ -32286,8 +31497,6 @@ class KolSplitButton {
     this._on = undefined;
     this._role = undefined;
     this._syncValueBySelector = undefined;
-    this._show = false;
-    this._showDropdown = false;
     this._tabIndex = undefined;
     this._tooltipAlign = 'top';
     this._type = 'button';
@@ -32303,26 +31512,8 @@ class KolSplitButton {
         button: true,
         [this._variant]: this._variant !== 'custom',
         [this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
-      }, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons || this._icon, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), hAsync("div", { class: "horizontal-line" }), hAsync("kol-button-wc", { class: "secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: `dropdown ${this.state._show ? 'schließen' : 'öffnen'}`, _on: this.clickToggleHandler }), hAsync("div", { class: "popover", ref: this.catchDropdownElements }, hAsync("div", { class: "popover-content" }, hAsync("slot", null)))));
-  }
-  validateShowDropdown(value) {
-    this.validateShow(value);
-  }
-  validateShow(value) {
-    validateShow(this, value, {
-      hooks: {
-        afterPatch: (value) => {
-          this.toggleDropdown(!!value);
-        },
-      },
-    });
-  }
-  componentWillLoad() {
-    this.validateShow(this._show || this._show);
+      }, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), hAsync("div", { class: "horizontal-line" }), hAsync("kol-button-wc", { class: "secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: `dropdown ${this.state._show ? 'schließen' : 'öffnen'}`, _on: this.clickToggleHandler }), hAsync("div", { class: "popover", ref: this.catchDropdownElements }, hAsync("div", { class: "popover-content" }, hAsync("slot", null)))));
   }
-  static get watchers() { return {
-    "_show": ["validateShowDropdown", "validateShow"]
-  }; }
   static get style() { return {
     default: defaultStyleCss$6
   }; }
@@ -32330,15 +31521,12 @@ class KolSplitButton {
     "$flags$": 41,
     "$tagName$": "kol-split-button",
     "$members$": {
-      "_accessKey": [1, "_access-key"],
       "_ariaControls": [1, "_aria-controls"],
       "_ariaExpanded": [4, "_aria-expanded"],
-      "_ariaLabel": [1, "_aria-label"],
       "_ariaSelected": [4, "_aria-selected"],
       "_customClass": [1, "_custom-class"],
       "_disabled": [4],
       "_hideLabel": [4, "_hide-label"],
-      "_icon": [1],
       "_icons": [1],
       "_id": [1],
       "_label": [1],
@@ -32346,8 +31534,6 @@ class KolSplitButton {
       "_on": [16],
       "_role": [1],
       "_syncValueBySelector": [1, "_sync-value-by-selector"],
-      "_show": [1540],
-      "_showDropdown": [1540, "_show-dropdown"],
       "_tabIndex": [2, "_tab-index"],
       "_tooltipAlign": [1, "_tooltip-align"],
       "_type": [1],
@@ -32357,14 +31543,13 @@ class KolSplitButton {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["_show", "_show"], ["_showDropdown", "_show-dropdown"]]
+    "$attrsToReflect$": []
   }; }
 }
 
 class KolSymbol {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this._ariaLabel = undefined;
     this._label = undefined;
     this._symbol = undefined;
     this.state = {
@@ -32375,9 +31560,6 @@ class KolSymbol {
   render() {
     return (hAsync(Host, null, hAsync("span", { "aria-label": this.state._label, role: "term" }, this.state._symbol)));
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
   validateLabel(value) {
     validateLabel(this, value);
   }
@@ -32387,11 +31569,10 @@ class KolSymbol {
     });
   }
   componentWillLoad() {
-    this.validateLabel(this._label || this._ariaLabel);
+    this.validateLabel(this._label);
     this.validateSymbol(this._symbol);
   }
   static get watchers() { return {
-    "_ariaLabel": ["validateAriaLabel"],
     "_label": ["validateLabel"],
     "_symbol": ["validateSymbol"]
   }; }
@@ -32399,7 +31580,6 @@ class KolSymbol {
     "$flags$": 0,
     "$tagName$": "kol-symbol",
     "$members$": {
-      "_ariaLabel": [1, "_aria-label"],
       "_label": [1],
       "_symbol": [1],
       "state": [32]
@@ -32508,7 +31688,7 @@ class KolTable {
           }, "aria-sort": sortDirection, "data-sort": `sort-${this.sortDirections.get(headerCell.sort)}` }, hAsync("div", { class: "w-full flex gap-1 items-center" }, hAsync("div", { class: {
             'w-full': true,
             [headerCell.textAlign]: typeof headerCell.textAlign === 'string' && headerCell.textAlign.length > 0,
-          }, innerHTML: headerCell.label, style: { textAlign: headerCell.textAlign } }), !this.disableSort && typeof headerCell.sort === 'function' && (hAsync("kol-button", { exportparts: "icon", _icon: sortButtonIcon, _hideLabel: true, _label: translate('kol-change-order', { placeholders: { colLabel: headerCell.label } }), _on: {
+          }, innerHTML: headerCell.label, style: { textAlign: headerCell.textAlign } }), !this.disableSort && typeof headerCell.sort === 'function' && (hAsync("kol-button", { exportparts: "icon", _icons: sortButtonIcon, _hideLabel: true, _label: translate('kol-change-order', { placeholders: { colLabel: headerCell.label } }), _on: {
             onClick: () => {
               if (typeof headerCell.sort === 'function') {
                 this.sortFunction = headerCell.sort;
@@ -32544,7 +31724,6 @@ class KolTable {
       const rows = this.createDataField(this.state._dataFoot, this.state._headers, true);
       return hAsync("tfoot", null, rows.map(this.renderTableRow));
     };
-    this._caption = undefined;
     this._data = undefined;
     this._dataFoot = undefined;
     this._headers = undefined;
@@ -32567,9 +31746,6 @@ class KolTable {
       _sortedData: [],
     };
   }
-  validateCaption(value) {
-    this.validateLabel(value);
-  }
   validateData(value) {
     emptyStringByArrayHandler(value, () => {
       objectObjectHandler(value, () => {
@@ -32673,7 +31849,7 @@ class KolTable {
     this.validateData(this._data);
     this.validateDataFoot(this._dataFoot);
     this.validateHeaders(this._headers);
-    this.validateLabel(this._label || this._caption);
+    this.validateLabel(this._label);
     this.validateMinWidth(this._minWidth);
     this.validatePagination(this._pagination);
   }
@@ -32857,7 +32033,7 @@ class KolTable {
     var _a, _b;
     const displayedData = this.selectDisplayedData(this.state._sortedData, this.showPagination ? (_b = (_a = this.state._pagination) === null || _a === void 0 ? void 0 : _a._pageSize) !== null && _b !== void 0 ? _b : 10 : this.state._sortedData.length, this.state._pagination._page || 1);
     const dataField = this.createDataField(displayedData, this.state._headers);
-    return (hAsync(Host, null, hAsync("span", { style: { height: '0', width: '0', overflow: 'hidden' }, "aria-live": "assertive" }, this.ariaLive), this.pageEndSlice > 0 && this.showPagination && (hAsync("div", { class: "pagination" }, hAsync("span", null, "Eintr\u00E4ge ", this.pageEndSlice > 0 ? this.pageStartSlice + 1 : 0, " bis ", this.pageEndSlice, " von", ' ', this.state._pagination._max || (Array.isArray(this.state._data) ? this.state._data.length : 0), " angezeigt"), hAsync("div", null, hAsync("kol-pagination", { _boundaryCount: this.state._pagination._boundaryCount, _customClass: this.state._pagination._customClass, _on: this.handlePagination, _page: this.state._pagination._page, _pageSize: this.state._pagination._pageSize, _pageSizeOptions: this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: "bottom", _max: this.state._pagination._max || this.state._pagination._total || this.state._data.length, _label: translate('kol-table-pagination-label', { placeholders: { label: this.state._label } }) })))), hAsync("div", { class: "table", tabindex: "0" }, hAsync("table", { style: {
+    return (hAsync(Host, null, hAsync("span", { style: { height: '0', width: '0', overflow: 'hidden' }, "aria-live": "assertive" }, this.ariaLive), this.pageEndSlice > 0 && this.showPagination && (hAsync("div", { class: "pagination" }, hAsync("span", null, "Eintr\u00E4ge ", this.pageEndSlice > 0 ? this.pageStartSlice + 1 : 0, " bis ", this.pageEndSlice, " von", ' ', this.state._pagination._max || (Array.isArray(this.state._data) ? this.state._data.length : 0), " angezeigt"), hAsync("div", null, hAsync("kol-pagination", { _boundaryCount: this.state._pagination._boundaryCount, _customClass: this.state._pagination._customClass, _on: this.handlePagination, _page: this.state._pagination._page, _pageSize: this.state._pagination._pageSize, _pageSizeOptions: this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: "bottom", _max: this.state._pagination._max || this.state._pagination._max || this.state._data.length, _label: translate('kol-table-pagination-label', { placeholders: { label: this.state._label } }) })))), hAsync("div", { class: "table", tabindex: "0" }, hAsync("table", { style: {
         minWidth: this.state._minWidth,
       } }, hAsync("caption", null, this.state._label), Array.isArray(this.state._headers.horizontal) && (hAsync("thead", null, this.state._headers.horizontal.map((cols, rowIndex) => (hAsync("tr", { key: `thead-${rowIndex}` }, cols.map((col, colIndex) => {
       if (col.asTd === true) {
@@ -32896,7 +32072,7 @@ class KolTable {
             [col.textAlign]: typeof col.textAlign === 'string' && col.textAlign.length > 0,
           }, innerHTML: col.label, style: {
             textAlign: col.textAlign,
-          } }), !this.disableSort && typeof headerCell.sort === 'function' && (hAsync("kol-button", { exportparts: "icon", _icon: sortButtonIcon, _hideLabel: true, _label: translate('kol-change-order', { placeholders: { colLabel: col.label } }), _on: {
+          } }), !this.disableSort && typeof headerCell.sort === 'function' && (hAsync("kol-button", { exportparts: "icon", _icons: sortButtonIcon, _hideLabel: true, _label: translate('kol-change-order', { placeholders: { colLabel: col.label } }), _on: {
             onClick: () => {
               if (typeof headerCell.sort === 'function') {
                 this.sortFunction = headerCell.sort;
@@ -32918,7 +32094,6 @@ class KolTable {
     })))))), hAsync("tbody", null, dataField.map(this.renderTableRow)), this.state._dataFoot.length > 0 ? this.renderFoot() : ''))));
   }
   static get watchers() { return {
-    "_caption": ["validateCaption"],
     "_data": ["validateData"],
     "_dataFoot": ["validateDataFoot"],
     "_headers": ["validateHeaders"],
@@ -32933,7 +32108,6 @@ class KolTable {
     "$flags$": 41,
     "$tagName$": "kol-table",
     "$members$": {
-      "_caption": [1],
       "_data": [1],
       "_dataFoot": [1, "_data-foot"],
       "_headers": [1],
@@ -33082,12 +32256,10 @@ class KolTabs {
       }
     };
     this._align = 'top';
-    this._ariaLabel = undefined;
     this._label = undefined;
     this._on = undefined;
     this._selected = 0;
     this._tabs = undefined;
-    this._tabsAlign = 'top';
     this.state = {
       _align: 'top',
       _label: '…',
@@ -33096,7 +32268,7 @@ class KolTabs {
     };
   }
   renderButtonGroup() {
-    return (hAsync("kol-button-group-wc", { role: "tablist", "aria-label": this.state._label, onKeyDown: this.onKeyDown }, this.state._tabs.map((button, index) => (hAsync("kol-button-wc", { _disabled: button._disabled, _icons: button._icons || button._icon, _hideLabel: button._hideLabel || button._iconOnly, _label: button._label, _on: this.callbacks, _tabIndex: this.state._selected === index ? 0 : -1, _tooltipAlign: button._tooltipAlign, _variant: this.state._selected === index ? 'custom' : undefined, _customClass: this.state._selected === index ? 'selected' : undefined, _ariaControls: `tabpanel-${index}`, _ariaSelected: this.state._selected === index, _id: `${this.state._label.replace(/\s/g, '-')}-tab-${index}`, _role: "tab", _value: index }))), this.showCreateTab && (hAsync("kol-button-wc", { class: "create-button", _label: this.onCreateLabel, _on: {
+    return (hAsync("kol-button-group-wc", { role: "tablist", "aria-label": this.state._label, onKeyDown: this.onKeyDown }, this.state._tabs.map((button, index) => (hAsync("kol-button-wc", { _disabled: button._disabled, _icons: button._icons, _hideLabel: button._hideLabel, _label: button._label, _on: this.callbacks, _tabIndex: this.state._selected === index ? 0 : -1, _tooltipAlign: button._tooltipAlign, _variant: this.state._selected === index ? 'custom' : undefined, _customClass: this.state._selected === index ? 'selected' : undefined, _ariaControls: `tabpanel-${index}`, _ariaSelected: this.state._selected === index, _id: `${this.state._label.replace(/\s/g, '-')}-tab-${index}`, _role: "tab", _value: index }))), this.showCreateTab && (hAsync("kol-button-wc", { class: "create-button", _label: this.onCreateLabel, _on: {
         onClick: this.onCreate,
       } }))));
   }
@@ -33110,9 +32282,6 @@ class KolTabs {
   validateAlign(value) {
     validateAlign(this, value);
   }
-  validateAriaLabel(value) {
-    this.validateLabel(value);
-  }
   validateLabel(value) {
     validateLabel(this, value);
   }
@@ -33171,12 +32340,9 @@ class KolTabs {
     });
     uiUxHintMillerscheZahl('KolTabs', this.state._tabs.length);
   }
-  validateTabsAlign(value) {
-    this.validateAlign(value);
-  }
   componentWillLoad() {
-    this.validateAlign(this._align || this._tabsAlign);
-    this.validateLabel(this._label || this._ariaLabel);
+    this.validateAlign(this._align);
+    this.validateLabel(this._label);
     this.validateOn(this._on);
     this.validateSelected(this._selected);
     this.validateTabs(this._tabs);
@@ -33213,12 +32379,10 @@ class KolTabs {
   get host() { return getElement(this); }
   static get watchers() { return {
     "_align": ["validateAlign"],
-    "_ariaLabel": ["validateAriaLabel"],
     "_label": ["validateLabel"],
     "_on": ["validateOn"],
     "_selected": ["validateSelected"],
-    "_tabs": ["validateTabs"],
-    "_tabsAlign": ["validateTabsAlign"]
+    "_tabs": ["validateTabs"]
   }; }
   static get style() { return {
     default: defaultStyleCss$4
@@ -33228,12 +32392,10 @@ class KolTabs {
     "$tagName$": "kol-tabs",
     "$members$": {
       "_align": [1],
-      "_ariaLabel": [1, "_aria-label"],
       "_label": [1],
       "_on": [16],
       "_selected": [1538],
       "_tabs": [1],
-      "_tabsAlign": [1, "_tabs-align"],
       "state": [32]
     },
     "$listeners$": undefined,
@@ -33330,7 +32492,7 @@ class KolTextarea {
   render() {
     const { ariaDescribedBy } = getRenderStates(this.state);
     const hasExpertSlot = showExpertSlot(this.state._label);
-    return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("textarea", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: "false" }, this.controller.onFacade, { onKeyUp: this.onKeyUp, style: {
+    return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("textarea", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: "false" }, this.controller.onFacade, { onKeyUp: this.onKeyUp, style: {
         resize: this.state._resize,
       }, value: this.state._value }))))));
   }
@@ -33875,53 +33037,27 @@ class KolTooltip {
   }; }
 }
 
-var Farbspektrum;
-(function (Farbspektrum) {
-  Farbspektrum["Violett"] = "#5f316e";
-  Farbspektrum["Dunkelrot"] = "#780f2d";
-  Farbspektrum["Rot"] = "#c0003c";
-  Farbspektrum["Orange"] = "#cd5038";
-  Farbspektrum["Hellorange"] = "#f7bb3d";
-  Farbspektrum["Gelb"] = "#f9e03a";
-  Farbspektrum["Hellgr\u00FCn"] = "#c1ca31";
-  Farbspektrum["Oliv"] = "#597c39";
-  Farbspektrum["Dunkelgr\u00FCn"] = "#005c45";
-  Farbspektrum["Gr\u00FCn"] = "#00854a";
-  Farbspektrum["T\u00FCrkis"] = "#00818b";
-  Farbspektrum["Hellblau"] = "#80cdec";
-  Farbspektrum["Blau"] = "#0077b6";
-  Farbspektrum["Petrol"] = "#007194";
-  Farbspektrum["Dunkelblau"] = "#004b76";
-  Farbspektrum["Dunkelgrau"] = "#576164";
-  Farbspektrum["Hellgrau"] = "#bec5c9";
-})(Farbspektrum || (Farbspektrum = {}));
-
 const defaultStyleCss = "/*!@:host*/.sc-kol-version-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-version-default{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-version-default,button.sc-kol-version-default:not([role='link']),kol-input.sc-kol-version-default .input.sc-kol-version-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-version-default,button.sc-kol-version-default,h1.sc-kol-version-default,h2.sc-kol-version-default,h3.sc-kol-version-default,h4.sc-kol-version-default,h5.sc-kol-version-default,h6.sc-kol-version-default,input.sc-kol-version-default,option.sc-kol-version-default,select.sc-kol-version-default,textarea.sc-kol-version-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-version-default:is(a,button).sc-kol-version-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-version-default-h{max-width:100%}/*!@**/*.sc-kol-version-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-version-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-version-default>span.sc-kol-version-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-version-default,button.sc-kol-version-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-version-default,input.sc-kol-version-default,option.sc-kol-version-default,select.sc-kol-version-default,textarea.sc-kol-version-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-version-default>kol-span-wc.sc-kol-version-default>span.sc-kol-version-default>span.sc-kol-version-default{display:none}";
 
 class KolVersion {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this._label = undefined;
-    this._version = undefined;
     this.state = {
       _label: '0.0.0-alpha.0',
     };
   }
   render() {
-    return hAsync("kol-badge", { _color: Farbspektrum.Hellgrau, _icon: "codicon codicon-versions", _label: `v${this.state._label}` });
+    return hAsync("kol-badge", { _color: "#bec5c9", _icons: "codicon codicon-versions", _label: `v${this.state._label}` });
   }
   validateLabel(value) {
     validateLabel(this, value);
   }
-  validateVersion(value) {
-    this.validateLabel(value);
-  }
   componentWillLoad() {
-    this.validateLabel(this._label || this._version);
+    this.validateLabel(this._label);
   }
   static get watchers() { return {
-    "_label": ["validateLabel"],
-    "_version": ["validateVersion"]
+    "_label": ["validateLabel"]
   }; }
   static get style() { return {
     default: defaultStyleCss
@@ -33931,7 +33067,6 @@ class KolVersion {
     "$tagName$": "kol-version",
     "$members$": {
       "_label": [1],
-      "_version": [1],
       "state": [32]
     },
     "$listeners$": undefined,
@@ -33961,12 +33096,9 @@ registerComponents([
   KolHeading,
   KolHeadingWc,
   KolIcon,
-  KolIconFontAwesome,
-  KolIconIcofont,
   KolImage,
   KolIndentedText,
   KolInput,
-  KolInputAdapterLeanup,
   KolInputCheckbox,
   KolInputColor,
   KolInputDate,
@@ -33975,7 +33107,6 @@ registerComponents([
   KolInputNumber,
   KolInputPassword,
   KolInputRadio,
-  KolInputRadioGroup,
   KolInputRange,
   KolInputText,
   KolKolibri,