@public-ui/sample-react 3.0.2-rc.2 → 3.0.2-rc.3

package/dist/assets/index-DsZS5rr4.css

@@ -0,0 +1 @@
+*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.grid{display:grid}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-6{grid-column:span 6/span 6}.grid-cols-\[4fr_4fr_1fr\]{grid-template-columns:4fr 4fr 1fr}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.me{margin-inline-end:calc(16rem / var(--kolibri-root-font-size, 16))}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-\[1em\]{height:1em}.ha{height:auto}.max-w-2xl{max-width:42rem}.w-\[1em\]{width:1em}.w-75px{width:75px}.w-fit{width:fit-content}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-end{align-items:flex-end}.flex-items-center,.items-center{align-items:center}.items-stretch{align-items:stretch}.flex-justify-between,.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.b,.border{border-width:1px}.border-b-1{border-bottom-width:1px}.border-dark-100{--un-border-opacity:1;border-color:rgb(60 60 60 / var(--un-border-opacity))}.border-gray{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity))}.border-solid{border-style:solid}.border-b-solid{border-bottom-style:solid}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity))}.px{padding-left:calc(16rem / var(--kolibri-root-font-size, 16));padding-right:calc(16rem / var(--kolibri-root-font-size, 16))}.pb-sm{padding-bottom:calc(14rem / var(--kolibri-root-font-size, 16))}.text-center{text-align:center}.text-base{font-size:calc(16rem / var(--kolibri-root-font-size, 16));line-height:1.5}.text-sm{font-size:calc(14rem / var(--kolibri-root-font-size, 16));line-height:1.25}.color-gray-5{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.tab-0{-moz-tab-size:0;-o-tab-size:0;tab-size:0}.tab-1{-moz-tab-size:1;-o-tab-size:1;tab-size:1}.tab-2{-moz-tab-size:2;-o-tab-size:2;tab-size:2}.tab-3{-moz-tab-size:3;-o-tab-size:3;tab-size:3}.p-0{padding:calc(0rem / var(--kolibri-root-font-size, 16))}.p-2{padding:calc(8rem / var(--kolibri-root-font-size, 16))}.p-3{padding:calc(12rem / var(--kolibri-root-font-size, 16))}.p-4{padding:calc(16rem / var(--kolibri-root-font-size, 16))}.py-2{padding-top:calc(8rem / var(--kolibri-root-font-size, 16));padding-bottom:calc(8rem / var(--kolibri-root-font-size, 16))}.m-0{margin:calc(0rem / var(--kolibri-root-font-size, 16))}.m-4{margin:calc(16rem / var(--kolibri-root-font-size, 16))}.my-2{margin-top:calc(8rem / var(--kolibri-root-font-size, 16));margin-bottom:calc(8rem / var(--kolibri-root-font-size, 16))}.my-4{margin-top:calc(16rem / var(--kolibri-root-font-size, 16));margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16))}.mt,.mt-4{margin-top:calc(16rem / var(--kolibri-root-font-size, 16))}.mr{margin-right:calc(16rem / var(--kolibri-root-font-size, 16))}.mt-0{margin-top:calc(0rem / var(--kolibri-root-font-size, 16))}.m-t-2,.mt-2{margin-top:calc(8rem / var(--kolibri-root-font-size, 16))}.mt-6{margin-top:calc(24rem / var(--kolibri-root-font-size, 16))}.mb-2{margin-bottom:calc(8rem / var(--kolibri-root-font-size, 16))}.mb-3{margin-bottom:calc(12rem / var(--kolibri-root-font-size, 16))}.mb-4{margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16))}.mb-8{margin-bottom:calc(32rem / var(--kolibri-root-font-size, 16))}.gap-14{gap:calc(56rem / var(--kolibri-root-font-size, 16))}.gap-2{gap:calc(8rem / var(--kolibri-root-font-size, 16))}.gap-4{gap:calc(16rem / var(--kolibri-root-font-size, 16))}.gap-8{gap:calc(32rem / var(--kolibri-root-font-size, 16))}.w-8rem{width:calc(128rem / var(--kolibri-root-font-size, 16))}.w-sm{width:calc(384rem / var(--kolibri-root-font-size, 16))}@media (min-width: 640px){.sm\:col-span-6{grid-column:span 6/span 6}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex{display:flex}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}:root{--kolibri-root-font-size: 100;font-size:625%}body{margin:0;font-family:Verdana;font-size:calc(16rem / var(--kolibri-root-font-size, 16));line-height:normal}dl,hr{margin:0}.grid-cols-2{grid-template-columns:auto auto}.indented-text p{margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.black-background{background-color:#000;display:flex;flex-direction:column;padding:calc(8rem / var(--kolibri-root-font-size, 16))}.w-image{width:500px}.drawer-content-vertical{width:calc(400rem / var(--kolibri-root-font-size, 16))}@media (min-width: 1024px){.app-container{display:grid;grid-template-columns:calc(360rem / var(--kolibri-root-font-size, 16)) calc(100% - 360rem / var(--kolibri-root-font-size, 16));min-height:100vh;height:100%}.app-sidebar{border-right:1px solid gray;position:relative;z-index:1}.app-sidebar .scrollable-container-wrapper{position:fixed;top:0;bottom:0;left:0;width:calc(330rem / var(--kolibri-root-font-size, 16));margin:calc(16rem / var(--kolibri-root-font-size, 16));flex-direction:column;display:flex}.app-sidebar .scrollable-container-wrapper .scrollable-container{flex:1 auto;overflow:auto}}@media print{.no-print,.no-print *{display:none!important}}.mainlayout{min-height:calc(100vh - 32rem / var(--kolibri-root-font-size, 16));width:100%;display:grid;column-gap:calc(16rem / var(--kolibri-root-font-size, 16));grid-template-columns:calc(400rem / var(--kolibri-root-font-size, 16)) calc(100% - 460rem / var(--kolibri-root-font-size, 16));grid-template-rows:1fr;grid-template-areas:"nav content"}.mainlayout>.nav-area{grid-area:nav}.mainlayout>.content{grid-area:content}.loader{width:48px;height:48px;border:5px solid #333;border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:pulse 1s linear infinite}.loader:after{content:"";position:absolute;width:48px;height:48px;border:5px solid #f00;border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}@media (prefers-reduced-motion){.loader,.loader:after{animation-duration:2s}}

package/dist/assets/isObject-DvSELytj-B0RigBxT.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */var f=typeof global=="object"&&global&&global.Object===Object&&global,l=typeof self=="object"&&self&&self.Object===Object&&self,s=f||l||Function("return this")(),n=s.Symbol,a=Object.prototype,g=a.hasOwnProperty,j=a.toString,r=n?n.toStringTag:void 0;function y(t){var e=g.call(t,r),i=t[r];try{t[r]=void 0;var c=!0}catch{}var b=j.call(t);return c&&(e?t[r]=i:delete t[r]),b}var u=Object.prototype,O=u.toString;function d(t){return O.call(t)}var S="[object Null]",T="[object Undefined]",o=n?n.toStringTag:void 0;function v(t){return t==null?t===void 0?T:S:o&&o in Object(t)?y(t):d(t)}function h(t){return t!=null&&typeof t=="object"}var m=Array.isArray;function w(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}export{n as S,h as a,m as b,v as c,f,w as i,s as r};
+//# sourceMappingURL=isObject-DvSELytj-B0RigBxT.js.map

package/dist/assets/isObject-DvSELytj-B0RigBxT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isObject-DvSELytj-B0RigBxT.js","sources":["../../../../components/dist/esm/isObject-DvSELytj.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\n/** Used for built-in method references. */\nvar objectProto$1 = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto$1.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString$1 = objectProto$1.toString;\n\n/** Built-in value references. */\nvar symToStringTag$1 = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n  var isOwn = hasOwnProperty.call(value, symToStringTag$1),\n      tag = value[symToStringTag$1];\n\n  try {\n    value[symToStringTag$1] = undefined;\n    var unmasked = true;\n  } catch (e) {}\n\n  var result = nativeObjectToString$1.call(value);\n  if (unmasked) {\n    if (isOwn) {\n      value[symToStringTag$1] = tag;\n    } else {\n      delete value[symToStringTag$1];\n    }\n  }\n  return result;\n}\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n  return nativeObjectToString.call(value);\n}\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n    undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  if (value == null) {\n    return value === undefined ? undefinedTag : nullTag;\n  }\n  return (symToStringTag && symToStringTag in Object(value))\n    ? getRawTag(value)\n    : objectToString(value);\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return value != null && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return value != null && (type == 'object' || type == 'function');\n}\n\nexport { Symbol as S, isObjectLike as a, isArray as b, baseGetTag as c, freeGlobal as f, isObject as i, root as r };\n//# sourceMappingURL=isObject-DvSELytj.js.map\n\n//# sourceMappingURL=isObject-DvSELytj.js.map"],"names":["freeGlobal","freeSelf","root","Symbol","objectProto$1","hasOwnProperty","nativeObjectToString$1","symToStringTag$1","getRawTag","value","isOwn","tag","unmasked","result","objectProto","nativeObjectToString","objectToString","nullTag","undefinedTag","symToStringTag","baseGetTag","isObjectLike","isArray","isObject","type"],"mappings":"AAAA;AAAA;AAAA,GAIG,IAACA,EAAa,OAAO,QAAU,UAAY,QAAU,OAAO,SAAW,QAAU,OAGhFC,EAAW,OAAO,MAAQ,UAAY,MAAQ,KAAK,SAAW,QAAU,KAGxEC,EAAOF,GAAcC,GAAY,SAAS,aAAa,EAAC,EAGxDE,EAASD,EAAK,OAGdE,EAAgB,OAAO,UAGvBC,EAAiBD,EAAc,eAO/BE,EAAyBF,EAAc,SAGvCG,EAAmBJ,EAASA,EAAO,YAAc,OASrD,SAASK,EAAUC,EAAO,CACxB,IAAIC,EAAQL,EAAe,KAAKI,EAAOF,CAAgB,EACnDI,EAAMF,EAAMF,CAAgB,EAEhC,GAAI,CACFE,EAAMF,CAAgB,EAAI,OAC1B,IAAIK,EAAW,EAChB,MAAW,CAAA,CAEZ,IAAIC,EAASP,EAAuB,KAAKG,CAAK,EAC9C,OAAIG,IACEF,EACFD,EAAMF,CAAgB,EAAII,EAE1B,OAAOF,EAAMF,CAAgB,GAG1BM,CACT,CAGA,IAAIC,EAAc,OAAO,UAOrBC,EAAuBD,EAAY,SASvC,SAASE,EAAeP,EAAO,CAC7B,OAAOM,EAAqB,KAAKN,CAAK,CACxC,CAGA,IAAIQ,EAAU,gBACVC,EAAe,qBAGfC,EAAiBhB,EAASA,EAAO,YAAc,OASnD,SAASiB,EAAWX,EAAO,CACzB,OAAIA,GAAS,KACJA,IAAU,OAAYS,EAAeD,EAEtCE,GAAkBA,KAAkB,OAAOV,CAAK,EACpDD,EAAUC,CAAK,EACfO,EAAeP,CAAK,CAC1B,CA0BA,SAASY,EAAaZ,EAAO,CAC3B,OAAOA,GAAS,MAAQ,OAAOA,GAAS,QAC1C,CAyBG,IAACa,EAAU,MAAM,QA2BpB,SAASC,EAASd,EAAO,CACvB,IAAIe,EAAO,OAAOf,EAClB,OAAOA,GAAS,OAASe,GAAQ,UAAYA,GAAQ,WACvD"}

package/dist/assets/{keyboard-2483c6de-Bn_Qh8Bq.js → keyboard-D6PoWr38-Bn_Qh8Bq.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */var n;(function(o){o.onBlur="onBlur",o.onChange="onChange",o.onChangePage="onChangePage",o.onClick="onClick",o.onClose="onClose",o.onDblClick="onDblClick",o.onFocus="onFocus",o.onInput="onInput",o.onKeyDown="onKeyDown",o.onKeyPress="onKeyPress",o.onKeyUp="onKeyUp",o.onMouseDown="onMouseDown",o.onMouseMove="onMouseMove",o.onMouseOut="onMouseOut",o.onMouseOver="onMouseOver",o.onMouseUp="onMouseUp",o.onReset="onReset",o.onSelect="onSelect",o.onSelectionChange="onSelectionChange",o.onChangePageSize="onChangePageSize",o.onSort="onSort",o.onSubmit="onSubmit",o.onToggle="onToggle"})(n||(n={}));var e;(function(o){o.ArrowDown="ArrowDown",o.ArrowLeft="ArrowLeft",o.ArrowRight="ArrowRight",o.ArrowUp="ArrowUp",o.Enter="Enter",o.Space=" "})(e||(e={}));export{n as C,e as K};
-//# sourceMappingURL=keyboard-2483c6de-Bn_Qh8Bq.js.map
+//# sourceMappingURL=keyboard-D6PoWr38-Bn_Qh8Bq.js.map

package/dist/assets/{keyboard-2483c6de-Bn_Qh8Bq.js.map → keyboard-D6PoWr38-Bn_Qh8Bq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"keyboard-2483c6de-Bn_Qh8Bq.js","sources":["../../../../components/dist/esm/keyboard-2483c6de.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nvar Callback;\n(function (Callback) {\n    Callback[\"onBlur\"] = \"onBlur\";\n    Callback[\"onChange\"] = \"onChange\";\n    Callback[\"onChangePage\"] = \"onChangePage\";\n    Callback[\"onClick\"] = \"onClick\";\n    Callback[\"onClose\"] = \"onClose\";\n    Callback[\"onDblClick\"] = \"onDblClick\";\n    Callback[\"onFocus\"] = \"onFocus\";\n    Callback[\"onInput\"] = \"onInput\";\n    Callback[\"onKeyDown\"] = \"onKeyDown\";\n    Callback[\"onKeyPress\"] = \"onKeyPress\";\n    Callback[\"onKeyUp\"] = \"onKeyUp\";\n    Callback[\"onMouseDown\"] = \"onMouseDown\";\n    Callback[\"onMouseMove\"] = \"onMouseMove\";\n    Callback[\"onMouseOut\"] = \"onMouseOut\";\n    Callback[\"onMouseOver\"] = \"onMouseOver\";\n    Callback[\"onMouseUp\"] = \"onMouseUp\";\n    Callback[\"onReset\"] = \"onReset\";\n    Callback[\"onSelect\"] = \"onSelect\";\n    Callback[\"onSelectionChange\"] = \"onSelectionChange\";\n    Callback[\"onChangePageSize\"] = \"onChangePageSize\";\n    Callback[\"onSort\"] = \"onSort\";\n    Callback[\"onSubmit\"] = \"onSubmit\";\n    Callback[\"onToggle\"] = \"onToggle\";\n})(Callback || (Callback = {}));\n\nvar KeyboardKey;\n(function (KeyboardKey) {\n    KeyboardKey[\"ArrowDown\"] = \"ArrowDown\";\n    KeyboardKey[\"ArrowLeft\"] = \"ArrowLeft\";\n    KeyboardKey[\"ArrowRight\"] = \"ArrowRight\";\n    KeyboardKey[\"ArrowUp\"] = \"ArrowUp\";\n    KeyboardKey[\"Enter\"] = \"Enter\";\n    KeyboardKey[\"Space\"] = \" \";\n})(KeyboardKey || (KeyboardKey = {}));\n\nexport { Callback as C, KeyboardKey as K };\n\n//# sourceMappingURL=keyboard-2483c6de.js.map"],"names":["Callback","KeyboardKey"],"mappings":"AAAA;AAAA;AAAA,GAGG,IAACA,GACH,SAAUA,EAAU,CACjBA,EAAS,OAAY,SACrBA,EAAS,SAAc,WACvBA,EAAS,aAAkB,eAC3BA,EAAS,QAAa,UACtBA,EAAS,QAAa,UACtBA,EAAS,WAAgB,aACzBA,EAAS,QAAa,UACtBA,EAAS,QAAa,UACtBA,EAAS,UAAe,YACxBA,EAAS,WAAgB,aACzBA,EAAS,QAAa,UACtBA,EAAS,YAAiB,cAC1BA,EAAS,YAAiB,cAC1BA,EAAS,WAAgB,aACzBA,EAAS,YAAiB,cAC1BA,EAAS,UAAe,YACxBA,EAAS,QAAa,UACtBA,EAAS,SAAc,WACvBA,EAAS,kBAAuB,oBAChCA,EAAS,iBAAsB,mBAC/BA,EAAS,OAAY,SACrBA,EAAS,SAAc,WACvBA,EAAS,SAAc,UAC3B,GAAGA,IAAaA,EAAW,CAAA,EAAG,EAE3B,IAACC,GACH,SAAUA,EAAa,CACpBA,EAAY,UAAe,YAC3BA,EAAY,UAAe,YAC3BA,EAAY,WAAgB,aAC5BA,EAAY,QAAa,UACzBA,EAAY,MAAW,QACvBA,EAAY,MAAW,GAC3B,GAAGA,IAAgBA,EAAc,CAAA,EAAG"}
+{"version":3,"file":"keyboard-D6PoWr38-Bn_Qh8Bq.js","sources":["../../../../components/dist/esm/keyboard-D6PoWr38.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nvar Callback;\n(function (Callback) {\n    Callback[\"onBlur\"] = \"onBlur\";\n    Callback[\"onChange\"] = \"onChange\";\n    Callback[\"onChangePage\"] = \"onChangePage\";\n    Callback[\"onClick\"] = \"onClick\";\n    Callback[\"onClose\"] = \"onClose\";\n    Callback[\"onDblClick\"] = \"onDblClick\";\n    Callback[\"onFocus\"] = \"onFocus\";\n    Callback[\"onInput\"] = \"onInput\";\n    Callback[\"onKeyDown\"] = \"onKeyDown\";\n    Callback[\"onKeyPress\"] = \"onKeyPress\";\n    Callback[\"onKeyUp\"] = \"onKeyUp\";\n    Callback[\"onMouseDown\"] = \"onMouseDown\";\n    Callback[\"onMouseMove\"] = \"onMouseMove\";\n    Callback[\"onMouseOut\"] = \"onMouseOut\";\n    Callback[\"onMouseOver\"] = \"onMouseOver\";\n    Callback[\"onMouseUp\"] = \"onMouseUp\";\n    Callback[\"onReset\"] = \"onReset\";\n    Callback[\"onSelect\"] = \"onSelect\";\n    Callback[\"onSelectionChange\"] = \"onSelectionChange\";\n    Callback[\"onChangePageSize\"] = \"onChangePageSize\";\n    Callback[\"onSort\"] = \"onSort\";\n    Callback[\"onSubmit\"] = \"onSubmit\";\n    Callback[\"onToggle\"] = \"onToggle\";\n})(Callback || (Callback = {}));\n\nvar KeyboardKey;\n(function (KeyboardKey) {\n    KeyboardKey[\"ArrowDown\"] = \"ArrowDown\";\n    KeyboardKey[\"ArrowLeft\"] = \"ArrowLeft\";\n    KeyboardKey[\"ArrowRight\"] = \"ArrowRight\";\n    KeyboardKey[\"ArrowUp\"] = \"ArrowUp\";\n    KeyboardKey[\"Enter\"] = \"Enter\";\n    KeyboardKey[\"Space\"] = \" \";\n})(KeyboardKey || (KeyboardKey = {}));\n\nexport { Callback as C, KeyboardKey as K };\n//# sourceMappingURL=keyboard-D6PoWr38.js.map\n\n//# sourceMappingURL=keyboard-D6PoWr38.js.map"],"names":["Callback","KeyboardKey"],"mappings":"AAAA;AAAA;AAAA,GAGG,IAACA,GACH,SAAUA,EAAU,CACjBA,EAAS,OAAY,SACrBA,EAAS,SAAc,WACvBA,EAAS,aAAkB,eAC3BA,EAAS,QAAa,UACtBA,EAAS,QAAa,UACtBA,EAAS,WAAgB,aACzBA,EAAS,QAAa,UACtBA,EAAS,QAAa,UACtBA,EAAS,UAAe,YACxBA,EAAS,WAAgB,aACzBA,EAAS,QAAa,UACtBA,EAAS,YAAiB,cAC1BA,EAAS,YAAiB,cAC1BA,EAAS,WAAgB,aACzBA,EAAS,YAAiB,cAC1BA,EAAS,UAAe,YACxBA,EAAS,QAAa,UACtBA,EAAS,SAAc,WACvBA,EAAS,kBAAuB,oBAChCA,EAAS,iBAAsB,mBAC/BA,EAAS,OAAY,SACrBA,EAAS,SAAc,WACvBA,EAAS,SAAc,UAC3B,GAAGA,IAAaA,EAAW,CAAA,EAAG,EAE3B,IAACC,GACH,SAAUA,EAAa,CACpBA,EAAY,UAAe,YAC3BA,EAAY,UAAe,YAC3BA,EAAY,WAAgB,aAC5BA,EAAY,QAAa,UACzBA,EAAY,MAAW,QACvBA,EAAY,MAAW,GAC3B,GAAGA,IAAgBA,EAAc,CAAA,EAAG"}

package/dist/assets/{kol-abbr.entry-BR_44Rv9.js → kol-abbr.entry-CbmGavwv.js}

@@ -1,6 +1,7 @@
-import{r as t,h as n,K as i,H as o}from"./index-DJuKoE9z.js";import{v as a}from"./label-bf9966d0-DD73qKA1.js";/*!
+import{r as t,h as n,K as o,H as i}from"./index-DILf8VAJ.js";import{v as a}from"./label-D3d1qqIG-Bl_cD60u.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const l=`/*
+ */const l=`/* forward the rem function */
+/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -40,7 +41,7 @@ import{r as t,h as n,K as i,H as o}from"./index-DJuKoE9z.js";import{v as a}from"
     word-spacing: inherit;
   }
   /*
-   * All interactive elements should have a minimum size of rem(44).
+   * All interactive elements should have a minimum size of to-rem(44).
    */
   /* input:not([type='checkbox'], [type='radio'], [type='range']), */
   /* option, */
@@ -120,7 +121,7 @@ import{r as t,h as n,K as i,H as o}from"./index-DJuKoE9z.js";import{v as a}from"
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -171,6 +172,7 @@ import{r as t,h as n,K as i,H as o}from"./index-DJuKoE9z.js";import{v as a}from"
 }
 @layer kol-component {
   .kol-tooltip {
+    contain: layout;
     display: contents;
   }
   .kol-tooltip__floating {
@@ -212,5 +214,5 @@ import{r as t,h as n,K as i,H as o}from"./index-DJuKoE9z.js";import{v as a}from"
       opacity: 1;
     }
   }
-}`,s=l,r=class{constructor(e){t(this,e),this._label=void 0,this.state={_label:""}}render(){return n(o,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},n("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},n("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?n(i,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(e){a(this,e)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.style={default:s};export{r as kol_abbr};
-//# sourceMappingURL=kol-abbr.entry-BR_44Rv9.js.map
+}`,s=class{constructor(e){t(this,e),this.state={_label:""}}render(){return n(i,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},n("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},n("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?n(o,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(e){a(this,e)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};s.style={default:l};export{s as kol_abbr};
+//# sourceMappingURL=kol-abbr.entry-CbmGavwv.js.map

package/dist/assets/kol-abbr.entry-CbmGavwv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-abbr.entry-CbmGavwv.js","sources":["../../../../components/dist/esm/kol-abbr.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-DSP9WWRD.js';\nimport './progress-DvHYRA46.js';\nimport { v as validateLabel } from './label-D3d1qqIG.js';\nimport { a as KolTooltipWcTag } from './component-names-CkE54Ym7.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\";\n\nconst KolAbbr = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '7f764ad6e259ac460dcd1f133da2ef8ad41b74b7', class: \"kol-abbr\" }, h(\"abbr\", { key: '3f49be16f6bbbd0d2cbd953319f6b23a8766a241', tabIndex: this.state._label ? 0 : undefined }, h(\"slot\", { key: '81175d6ce9217f34e4faaa6aa08597e63f07389e' })), this.state._label ? h(KolTooltipWcTag, { \"aria-hidden\": \"true\", _label: this.state._label }) : null));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolAbbr.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAbbr as kol_abbr };\n//# sourceMappingURL=kol-abbr.entry.js.map\n\n//# sourceMappingURL=kol-abbr.entry.js.map"],"names":["defaultStyleCss","KolAbbr","hostRef","registerInstance","h","Host","KolTooltipWcTag","value","validateLabel"],"mappings":"8GAAA;AAAA;AAAA,GAQA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,EACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,SAAU,KAAK,MAAM,OAAS,EAAI,MAAW,EAAEA,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,EAAG,KAAK,MAAM,OAASA,EAAEE,EAAiB,CAAE,cAAe,OAAQ,OAAQ,KAAK,MAAM,MAAM,CAAE,EAAI,IAAI,CAChX,CACI,cAAcC,EAAO,CACjBC,EAAc,KAAMD,CAAK,CACjC,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAN,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/{kol-accordion.entry-DEGvO3bs.js → kol-accordion.entry-BQcj6n0t.js}

@@ -1,6 +1,7 @@
-import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-DJuKoE9z.js";import{n as b}from"./dev.utils-d42aaf74-B3Nmv0Sx.js";import{w as m}from"./validation-152ea092-7u_NqxDn.js";import{K as u}from"./Collapsible-741bf621-DGjSugir.js";import{v as f}from"./disabled-e1038f54-BYwEcdH6.js";import{v}from"./open-385de2c9-7GmulFFi.js";import{v as w}from"./label-bf9966d0-DD73qKA1.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./clsx-09a06a12-BT_IL7Fz.js";import"./Heading-6d2b507b-L-Rtd2uT.js";/*!
+import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-DILf8VAJ.js";import{v as b}from"./disabled-hQGJULeA-ExpvU-Hr.js";import{v as m}from"./label-D3d1qqIG-Bl_cD60u.js";import{v as u}from"./open-8iQ59IbX-lbblIOIT.js";import{n as f}from"./dev.utils-BbQvQhMl-BtoNixUu.js";import{w as v}from"./validation-C2b7CFWx-BU3G7N7B.js";import{K as w}from"./Collapsible-t3MSmDoO-ZHh9D0T8.js";import"./Heading-CFLSQhev-SNjwSW3P.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const _=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},g=`/*
+ */const _=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},g=`/* forward the rem function */
+/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -40,7 +41,7 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-DJuKoE9z.js";import{n
     word-spacing: inherit;
   }
   /*
-   * All interactive elements should have a minimum size of rem(44).
+   * All interactive elements should have a minimum size of to-rem(44).
    */
   /* input:not([type='checkbox'], [type='radio'], [type='range']), */
   /* option, */
@@ -120,7 +121,7 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-DJuKoE9z.js";import{n
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -216,9 +217,9 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-DJuKoE9z.js";import{n
   .collapsible__heading-button button .kol-span {
     justify-items: start;
   }
-}`,y=g;l(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.
+}`;l(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.
 
 - onClick auf der KolAccordion anwenden
 - Click-Event prüft den _open-Status der Accordions
-- Logik Öffnet und Schließt entsprechend`);l("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const k=class{constructor(n){r(this,n),this.nonce=b(),this.catchRef=t=>{this.buttonWcRef=t},this.handleOnClick=t=>{this._open=!this._open,setTimeout(()=>{var e,o;(o=(e=this.state._on)===null||e===void 0?void 0:e.onClick)===null||o===void 0||o.call(e,t,this._open===!0),this.host&&d(this.host,c.click,this._open===!0)})},this._disabled=!1,this._label=void 0,this._level=0,this._on=void 0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async kolFocus(){var n;await((n=this.buttonWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){const{_open:n,_label:t,_disabled:e,_level:o}=this.state,i="kol-accordion",s={id:this.nonce,label:t,open:n,disabled:e,level:o,onClick:this.handleOnClick,class:i,HeadingProps:{class:`${i}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${i}__heading-button`},ContentProps:{class:`${i}__content`,wrapperClass:`${i}__wrapper`,animationClass:`${i}__wrapper-animation`}};return a(u,Object.assign({key:"1dbccb17356ce71203174127364c940a335db42d"},s),a("slot",{key:"a04b6c07d149b451f549400a506d7b97e6cf3ed7"}))}validateDisabled(n){f(this,n)}validateLabel(n){w(this,n,{required:!0})}validateLevel(n){m(this,n)}validateOn(n){_(this,n)}validateOpen(n){v(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return h(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};k.style={default:y};export{k as kol_accordion};
-//# sourceMappingURL=kol-accordion.entry-DEGvO3bs.js.map
+- Logik Öffnet und Schließt entsprechend`);l("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const y=class{constructor(n){r(this,n),this.nonce=f(),this.catchRef=t=>{this.buttonWcRef=t},this.handleOnClick=t=>{this._open=!this._open,setTimeout(()=>{var e,o;(o=(e=this.state._on)===null||e===void 0?void 0:e.onClick)===null||o===void 0||o.call(e,t,this._open===!0),this.host&&d(this.host,c.click,this._open===!0)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async kolFocus(){var n;await((n=this.buttonWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){const{_open:n,_label:t,_disabled:e,_level:o}=this.state,i="kol-accordion",s={id:this.nonce,label:t,open:n,disabled:e,level:o,onClick:this.handleOnClick,class:i,HeadingProps:{class:`${i}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${i}__heading-button`},ContentProps:{class:`${i}__content`,wrapperClass:`${i}__wrapper`,animationClass:`${i}__wrapper-animation`}};return a(w,Object.assign({key:"1dbccb17356ce71203174127364c940a335db42d"},s),a("slot",{key:"a04b6c07d149b451f549400a506d7b97e6cf3ed7"}))}validateDisabled(n){b(this,n)}validateLabel(n){m(this,n,{required:!0})}validateLevel(n){v(this,n)}validateOn(n){_(this,n)}validateOpen(n){u(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return h(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};y.style={default:g};export{y as kol_accordion};
+//# sourceMappingURL=kol-accordion.entry-BQcj6n0t.js.map

package/dist/assets/kol-accordion.entry-BQcj6n0t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-accordion.entry-BQcj6n0t.js","sources":["../../../../components/dist/esm/kol-accordion.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-DSP9WWRD.js';\nimport { w as watchValidator, f as featureHint } from './progress-DvHYRA46.js';\nimport { v as validateDisabled } from './disabled-hQGJULeA.js';\nimport { v as validateLabel } from './label-D3d1qqIG.js';\nimport { v as validateOpen } from './open-8iQ59IbX.js';\nimport { n as nonce } from './dev.utils-BbQvQhMl.js';\nimport { w as watchHeadingLevel } from './validation-C2b7CFWx.js';\nimport { K as KolCollapsibleFc } from './Collapsible-t3MSmDoO.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './Heading-CFLSQhev.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\n\nconst validateAccordionCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n    /*\\n          * Inside a button, the caption text is always centered.\\n          * So we have to align the text to the left.\\n          */\\n  }\\n  .collapsible__wrapper {\\n    display: grid;\\n    grid-template-rows: 0fr;\\n    overflow: hidden;\\n    transition: grid-template-rows 0.3s;\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n  }\\n  .collapsible__wrapper-animation {\\n    min-height: 0;\\n    transition: visibility 0.3s;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n  }\\n  .collapsible--open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .collapsible--open .collapsible__wrapper-animation {\\n    visibility: visible;\\n  }\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition-duration: 0s;\\n    }\\n  }\\n  @media print {\\n    :not(.collapsible--open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__heading-button button .kol-span {\\n    justify-items: start;\\n  }\\n}\";\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\nconst KolAccordion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.nonce = nonce();\n        this.catchRef = (ref) => {\n            this.buttonWcRef = ref;\n        };\n        this.handleOnClick = (event) => {\n            this._open = !this._open;\n            setTimeout(() => {\n                var _a, _b;\n                (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, this._open === true);\n                if (this.host) {\n                    dispatchDomEvent(this.host, KolEvent.click, this._open === true);\n                }\n            });\n        };\n        this._disabled = false;\n        this._level = 0;\n        this._open = false;\n        this.state = {\n            _label: '',\n            _level: 0,\n            _on: {},\n        };\n    }\n    async kolFocus() {\n        var _a;\n        await ((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'kol-accordion';\n        const props = {\n            id: this.nonce,\n            label: _label,\n            open: _open,\n            disabled: _disabled,\n            level: _level,\n            onClick: this.handleOnClick,\n            class: rootClass,\n            HeadingProps: { class: `${rootClass}__heading` },\n            HeadingButtonProps: {\n                ref: this.catchRef,\n                class: `${rootClass}__heading-button`,\n            },\n            ContentProps: {\n                class: `${rootClass}__content`,\n                wrapperClass: `${rootClass}__wrapper`,\n                animationClass: `${rootClass}__wrapper-animation`,\n            },\n        };\n        return (h(KolCollapsibleFc, Object.assign({ key: '1dbccb17356ce71203174127364c940a335db42d' }, props), h(\"slot\", { key: 'a04b6c07d149b451f549400a506d7b97e6cf3ed7' })));\n    }\n    validateDisabled(value) {\n        validateDisabled(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(on) {\n        validateAccordionCallbacks(this, on);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    componentWillLoad() {\n        this.validateDisabled(this._disabled);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateOpen(this._open);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_disabled\": [\"validateDisabled\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_open\": [\"validateOpen\"]\n    }; }\n};\nKolAccordion.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAccordion as kol_accordion };\n//# sourceMappingURL=kol-accordion.entry.js.map\n\n//# sourceMappingURL=kol-accordion.entry.js.map"],"names":["validateAccordionCallbacks","component","value","watchValidator","defaultStyleCss","featureHint","KolAccordion","hostRef","registerInstance","nonce","ref","event","_a","_b","dispatchDomEvent","KolEvent","_open","_label","_disabled","_level","rootClass","props","h","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen","getElement"],"mappings":"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"}

package/dist/assets/kol-alert-wc.entry-BWtnwhgX.js

@@ -0,0 +1,4 @@
+import{r as v,d as c,a as _,h as l,m as p,s as f,w as s,g as m}from"./index-DILf8VAJ.js";import{v as y}from"./has-closer-DB5qR5TQ-C6WAk64C.js";import{v as C}from"./label-D3d1qqIG-Bl_cD60u.js";import{w as b}from"./validation-C2b7CFWx-BU3G7N7B.js";import{K as g}from"./Alert-CRWn5DkH-lD2SJvJA.js";import"./Heading-CFLSQhev-SNjwSW3P.js";import"./i18n-H9CUbi---CfgJav92.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const i=["default","info","success","warning","error"],o=["card","msg"],j=class{constructor(t){v(this,t),this.close=()=>{var e,a;(a=(e=this._on)===null||e===void 0?void 0:e.onClose)===null||a===void 0||a.call(e,new Event("Close")),this.host&&c(this.host,_.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0},this.validateOnValue=e=>typeof e=="object"&&e!==null&&typeof e.onClose=="function"}render(){const{_alert:t,_hasCloser:e,_label:a,_level:r,_type:n,_variant:h}=this.state,d={alert:t,hasCloser:e,label:a,level:r,type:n,variant:h,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return l(g,Object.assign({key:"2b0d74465270eef8d8d6f3da8c04377f862e8630"},d),l("slot",{key:"55e8ad62be763c26af16813e5ebfac2ce1f63b54"}))}validateAlert(t){p(this,"_alert",t)}validateHasCloser(t){y(this,t)}validateLabel(t){C(this,t)}validateLevel(t){b(this,t)}validateOn(t){this.validateOnValue(t)&&f(this,"_on",{onClose:t.onClose})}validateType(t){s(this,"_type",e=>typeof e=="string"&&i.includes(e),new Set(`String {${i.join(", ")}`),t)}validateVariant(t){s(this,"_variant",e=>typeof e=="string"&&o.includes(e),new Set(`AlertVariant {${o.join(", ")}`),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}get host(){return m(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{j as kol_alert_wc};
+//# sourceMappingURL=kol-alert-wc.entry-BWtnwhgX.js.map

package/dist/assets/kol-alert-wc.entry-BWtnwhgX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-alert-wc.entry-BWtnwhgX.js","sources":["../../../../components/dist/esm/kol-alert-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-DSP9WWRD.js';\nimport { d as watchBoolean, s as setState, w as watchValidator } from './progress-DvHYRA46.js';\nimport { v as validateHasCloser } from './has-closer-DB5qR5TQ.js';\nimport { v as validateLabel } from './label-D3d1qqIG.js';\nimport { w as watchHeadingLevel } from './validation-C2b7CFWx.js';\nimport { K as KolAlertFc } from './Alert-CRWn5DkH.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './Heading-CFLSQhev.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-H9CUbi--.js';\nimport './i18n-CjhRejiw.js';\nimport './bem-Cpz0pDYV.js';\nimport './browser-DnRYLgeW.js';\n\nconst alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'];\nconst alertVariantOptions = ['card', 'msg'];\n\nconst KolAlertWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.close = () => {\n            var _a, _b;\n            (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a, new Event('Close'));\n            if (this.host) {\n                dispatchDomEvent(this.host, KolEvent.close);\n            }\n        };\n        this.handleAlertTimeout = () => {\n            this.validateAlert(false);\n        };\n        this._alert = false;\n        this._hasCloser = false;\n        this._level = 0;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 0,\n        };\n        this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';\n    }\n    render() {\n        const { _alert, _hasCloser, _label, _level, _type, _variant } = this.state;\n        const props = {\n            alert: _alert,\n            hasCloser: _hasCloser,\n            label: _label,\n            level: _level,\n            type: _type,\n            variant: _variant,\n            onCloserClick: this.close,\n            onAlertTimeout: this.handleAlertTimeout,\n        };\n        return (h(KolAlertFc, Object.assign({ key: '2b0d74465270eef8d8d6f3da8c04377f862e8630' }, props), h(\"slot\", { key: '55e8ad62be763c26af16813e5ebfac2ce1f63b54' })));\n    }\n    validateAlert(value) {\n        watchBoolean(this, '_alert', value);\n    }\n    validateHasCloser(value) {\n        validateHasCloser(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(value) {\n        if (this.validateOnValue(value)) {\n            setState(this, '_on', {\n                onClose: value.onClose,\n            });\n        }\n    }\n    validateType(value) {\n        watchValidator(this, '_type', (value) => typeof value === 'string' && alertTypeOptions.includes(value), new Set(`String {${alertTypeOptions.join(', ')}`), value);\n    }\n    validateVariant(value) {\n        watchValidator(this, '_variant', (value) => typeof value === 'string' && alertVariantOptions.includes(value), new Set(`AlertVariant {${alertVariantOptions.join(', ')}`), value);\n    }\n    componentWillLoad() {\n        this.validateAlert(this._alert);\n        this.validateHasCloser(this._hasCloser);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateType(this._type);\n        this.validateVariant(this._variant);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_alert\": [\"validateAlert\"],\n        \"_hasCloser\": [\"validateHasCloser\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_type\": [\"validateType\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\n\nexport { KolAlertWc as kol_alert_wc };\n//# sourceMappingURL=kol-alert-wc.entry.js.map\n\n//# sourceMappingURL=kol-alert-wc.entry.js.map"],"names":["alertTypeOptions","alertVariantOptions","KolAlertWc","hostRef","registerInstance","_a","_b","dispatchDomEvent","KolEvent","value","_alert","_hasCloser","_label","_level","_type","_variant","props","h","KolAlertFc","watchBoolean","validateHasCloser","validateLabel","watchHeadingLevel","setState","watchValidator","getElement"],"mappings":"sZAAA;AAAA;AAAA,GAkBA,MAAMA,EAAmB,CAAC,UAAW,OAAQ,UAAW,UAAW,OAAO,EACpEC,EAAsB,CAAC,OAAQ,KAAK,EAEpCC,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,IAAM,CACf,IAAIE,EAAIC,GACPA,GAAMD,EAAK,KAAK,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAa,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAI,IAAI,MAAM,OAAO,CAAC,EACtI,KAAK,MACLE,EAAiB,KAAK,KAAMC,EAAS,KAAK,CAEjD,EACD,KAAK,mBAAqB,IAAM,CAC5B,KAAK,cAAc,EAAK,CAC3B,EACD,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,EACd,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACX,EACD,KAAK,gBAAmBC,GAAU,OAAOA,GAAU,UAAYA,IAAU,MAAQ,OAAOA,EAAM,SAAY,UAClH,CACI,QAAS,CACL,KAAM,CAAE,OAAAC,EAAQ,WAAAC,EAAY,OAAAC,EAAQ,OAAAC,EAAQ,MAAAC,EAAO,SAAAC,GAAa,KAAK,MAC/DC,EAAQ,CACV,MAAON,EACP,UAAWC,EACX,MAAOC,EACP,MAAOC,EACP,KAAMC,EACN,QAASC,EACT,cAAe,KAAK,MACpB,eAAgB,KAAK,kBACxB,EACD,OAAQE,EAAEC,EAAY,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAIF,CAAK,EAAGC,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CACvK,CACI,cAAcR,EAAO,CACjBU,EAAa,KAAM,SAAUV,CAAK,CAC1C,CACI,kBAAkBA,EAAO,CACrBW,EAAkB,KAAMX,CAAK,CACrC,CACI,cAAcA,EAAO,CACjBY,EAAc,KAAMZ,CAAK,CACjC,CACI,cAAcA,EAAO,CACjBa,EAAkB,KAAMb,CAAK,CACrC,CACI,WAAWA,EAAO,CACV,KAAK,gBAAgBA,CAAK,GAC1Bc,EAAS,KAAM,MAAO,CAClB,QAASd,EAAM,OAC/B,CAAa,CAEb,CACI,aAAaA,EAAO,CAChBe,EAAe,KAAM,QAAUf,GAAU,OAAOA,GAAU,UAAYT,EAAiB,SAASS,CAAK,EAAG,IAAI,IAAI,WAAWT,EAAiB,KAAK,IAAI,CAAC,EAAE,EAAGS,CAAK,CACxK,CACI,gBAAgBA,EAAO,CACnBe,EAAe,KAAM,WAAaf,GAAU,OAAOA,GAAU,UAAYR,EAAoB,SAASQ,CAAK,EAAG,IAAI,IAAI,iBAAiBR,EAAoB,KAAK,IAAI,CAAC,EAAE,EAAGQ,CAAK,CACvL,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,gBAAgB,KAAK,QAAQ,CAC1C,CACI,IAAI,MAAO,CAAE,OAAOgB,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,MAAS,CAAC,cAAc,EACxB,SAAY,CAAC,iBAAiB,CACtC,CAAM,CACN"}

package/dist/assets/{kol-alert.entry-BTm5BIru.js → kol-alert.entry-HOZ78pnL.js}

@@ -1,6 +1,7 @@
-import{r as t,h as n,b as o}from"./index-DJuKoE9z.js";/*!
+import{r as t,h as n,b as o}from"./index-DILf8VAJ.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const i=`/*
+ */const i=`/* forward the rem function */
+/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -40,7 +41,7 @@ import{r as t,h as n,b as o}from"./index-DJuKoE9z.js";/*!
     word-spacing: inherit;
   }
   /*
-   * All interactive elements should have a minimum size of rem(44).
+   * All interactive elements should have a minimum size of to-rem(44).
    */
   /* input:not([type='checkbox'], [type='radio'], [type='range']), */
   /* option, */
@@ -120,7 +121,7 @@ import{r as t,h as n,b as o}from"./index-DJuKoE9z.js";/*!
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -176,6 +177,7 @@ import{r as t,h as n,b as o}from"./index-DJuKoE9z.js";/*!
 }
 @layer kol-component {
   .kol-tooltip {
+    contain: layout;
     display: contents;
   }
   .kol-tooltip__floating {
@@ -233,5 +235,5 @@ import{r as t,h as n,b as o}from"./index-DJuKoE9z.js";/*!
     /* Visible with forced colors */
     outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
   }
-}`,a=i,l=class{constructor(e){t(this,e),this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=0,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:0}}render(){return n(o,{key:"2864ce68b908fefb6e43f8ab8d255b67060d5999",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},n("slot",{key:"d6ac5ace725340adf1202221172d0f9200bd8bd9"}))}};l.style={default:a};export{l as kol_alert};
-//# sourceMappingURL=kol-alert.entry-BTm5BIru.js.map
+}`,a=class{constructor(e){t(this,e),this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0}}render(){return n(o,{key:"2864ce68b908fefb6e43f8ab8d255b67060d5999",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},n("slot",{key:"d6ac5ace725340adf1202221172d0f9200bd8bd9"}))}};a.style={default:i};export{a as kol_alert};
+//# sourceMappingURL=kol-alert.entry-HOZ78pnL.js.map

package/dist/assets/kol-alert.entry-HOZ78pnL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-alert.entry-HOZ78pnL.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DSP9WWRD.js';\nimport { b as KolAlertWcTag } from './component-names-CkE54Ym7.js';\nimport './progress-DvHYRA46.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\n\nconst KolAlert = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._alert = false;\n        this._hasCloser = false;\n        this._level = 0;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 0,\n        };\n    }\n    render() {\n        return (h(KolAlertWcTag, { key: '2864ce68b908fefb6e43f8ab8d255b67060d5999', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h(\"slot\", { key: 'd6ac5ace725340adf1202221172d0f9200bd8bd9' })));\n    }\n};\nKolAlert.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAlert as kol_alert };\n//# sourceMappingURL=kol-alert.entry.js.map\n\n//# sourceMappingURL=kol-alert.entry.js.map"],"names":["defaultStyleCss","KolAlert","hostRef","registerInstance","h","KolAlertWcTag"],"mappings":"sDAAA;AAAA;AAAA,GAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,EACd,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAe,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,MAAO,KAAK,MAAO,SAAU,KAAK,QAAQ,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAC3S,CACA,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}

package/dist/assets/kol-avatar-wc.entry-BAGzoy71.js

@@ -0,0 +1,4 @@
+import{r as l,h as e}from"./index-DILf8VAJ.js";import{v as o}from"./image-source-CtDEzXRs-hjZ50xHj.js";import{v as c}from"./label-D3d1qqIG-Bl_cD60u.js";import{t as n}from"./i18n-H9CUbi---CfgJav92.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const r=a=>a.length===0?"":a[0].toUpperCase(),d=a=>{const t=a.split(/\s+/),s=t[0],i=t[t.length-1];return t.length>=2&&s&&i?`${r(s)}${r(i)}`:r(a)},b=class{constructor(a){l(this,a),this.state={_src:"",_label:""}}render(){return e("div",{key:"b9ad63a1fb9190d47524deae8e59a00d2a14fa83","aria-label":n("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img"},this.state._src?e("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):e("span",{"aria-hidden":"true",class:"kol-avatar__initials"},d(this.state._label.trim())))}validateSrc(a){o(this,a)}validateLabel(a){c(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{b as kol_avatar_wc};
+//# sourceMappingURL=kol-avatar-wc.entry-BAGzoy71.js.map

package/dist/assets/kol-avatar-wc.entry-BAGzoy71.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-avatar-wc.entry-BAGzoy71.js","sources":["../../../../components/dist/esm/kol-avatar-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DSP9WWRD.js';\nimport './progress-DvHYRA46.js';\nimport { v as validateImageSource } from './image-source-CtDEzXRs.js';\nimport { v as validateLabel } from './label-D3d1qqIG.js';\nimport { t as translate } from './i18n-H9CUbi--.js';\nimport './i18n-CjhRejiw.js';\n\nconst formatNameAsInitial = (name) => {\n    if (name.length === 0) {\n        return '';\n    }\n    return name[0].toUpperCase();\n};\nconst formatLabelAsInitials = (label) => {\n    const names = label.split(/\\s+/);\n    const first = names[0];\n    const last = names[names.length - 1];\n    if (names.length >= 2 && first && last) {\n        return `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n    }\n    return formatNameAsInitial(label);\n};\n\nconst KolAvatarWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _src: '',\n            _label: '',\n        };\n    }\n    render() {\n        return (h(\"div\", { key: 'b9ad63a1fb9190d47524deae8e59a00d2a14fa83', \"aria-label\": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: \"kol-avatar\", role: \"img\" }, this.state._src ? (h(\"img\", { alt: \"\", \"aria-hidden\": \"true\", class: \"kol-avatar__image\", src: this.state._src })) : (h(\"span\", { \"aria-hidden\": \"true\", class: \"kol-avatar__initials\" }, formatLabelAsInitials(this.state._label.trim())))));\n    }\n    validateSrc(value) {\n        validateImageSource(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateSrc(this._src);\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_src\": [\"validateSrc\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolAvatarWc as kol_avatar_wc };\n//# sourceMappingURL=kol-avatar-wc.entry.js.map\n\n//# sourceMappingURL=kol-avatar-wc.entry.js.map"],"names":["formatNameAsInitial","name","formatLabelAsInitials","label","names","first","last","KolAvatarWc","hostRef","registerInstance","h","translate","value","validateImageSource","validateLabel"],"mappings":"wMAAA;AAAA;AAAA,GAUA,MAAMA,EAAuBC,GACrBA,EAAK,SAAW,EACT,GAEJA,EAAK,CAAC,EAAE,YAAa,EAE1BC,EAAyBC,GAAU,CACrC,MAAMC,EAAQD,EAAM,MAAM,KAAK,EACzBE,EAAQD,EAAM,CAAC,EACfE,EAAOF,EAAMA,EAAM,OAAS,CAAC,EACnC,OAAIA,EAAM,QAAU,GAAKC,GAASC,EACvB,GAAGN,EAAoBK,CAAK,CAAC,GAAGL,EAAoBM,CAAI,CAAC,GAE7DN,EAAoBG,CAAK,CACpC,EAEMI,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,KAAM,GACN,OAAQ,EACX,CACT,CACI,QAAS,CACL,OAAQE,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAcC,EAAU,iBAAkB,CAAE,aAAc,CAAE,KAAM,KAAK,MAAM,OAAU,CAAA,EAAG,MAAO,aAAc,KAAM,KAAO,EAAE,KAAK,MAAM,KAAQD,EAAE,MAAO,CAAE,IAAK,GAAI,cAAe,OAAQ,MAAO,oBAAqB,IAAK,KAAK,MAAM,IAAM,CAAA,EAAMA,EAAE,OAAQ,CAAE,cAAe,OAAQ,MAAO,sBAAwB,EAAER,EAAsB,KAAK,MAAM,OAAO,KAAM,CAAA,CAAC,CAAE,CACrb,CACI,YAAYU,EAAO,CACfC,EAAoB,KAAMD,CAAK,CACvC,CACI,cAAcA,EAAO,CACjBE,EAAc,KAAMF,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAM,CACN"}

package/dist/assets/{kol-avatar.entry-5IgIub9q.js → kol-avatar.entry-DzlP7Y5Z.js}

@@ -1,6 +1,7 @@
-import{r as e,h as t,c as i}from"./index-DJuKoE9z.js";/*!
+import{r as e,h as t,c as o}from"./index-DILf8VAJ.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const o=`/*
+ */const i=`/* forward the rem function */
+/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -40,7 +41,7 @@ import{r as e,h as t,c as i}from"./index-DJuKoE9z.js";/*!
     word-spacing: inherit;
   }
   /*
-   * All interactive elements should have a minimum size of rem(44).
+   * All interactive elements should have a minimum size of to-rem(44).
    */
   /* input:not([type='checkbox'], [type='radio'], [type='range']), */
   /* option, */
@@ -120,7 +121,7 @@ import{r as e,h as t,c as i}from"./index-DJuKoE9z.js";/*!
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -198,5 +199,5 @@ import{r as e,h as t,c as i}from"./index-DJuKoE9z.js";/*!
     background-color: #d3d3d3;
     font-size: calc(40rem / var(--kolibri-root-font-size, 16));
   }
-}`,a=o,l=class{constructor(n){e(this,n),this._src=void 0,this._label=void 0}render(){return t(i,{key:"c4547a5724ed8d947c20de5128227bc71c14d401",_src:this._src,_label:this._label})}};l.style={default:a};export{l as kol_avatar};
-//# sourceMappingURL=kol-avatar.entry-5IgIub9q.js.map
+}`,a=class{constructor(n){e(this,n)}render(){return t(o,{key:"c4547a5724ed8d947c20de5128227bc71c14d401",_src:this._src,_label:this._label})}};a.style={default:i};export{a as kol_avatar};
+//# sourceMappingURL=kol-avatar.entry-DzlP7Y5Z.js.map

package/dist/assets/kol-avatar.entry-DzlP7Y5Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-avatar.entry-DzlP7Y5Z.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DSP9WWRD.js';\nimport { c as KolAvatarWcTag } from './component-names-CkE54Ym7.js';\nimport './progress-DvHYRA46.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-avatar {\\n    border-radius: 50%;\\n    overflow: hidden;\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n    /*theme?*/\\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-avatar__image {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .kol-avatar__initials {\\n    width: 100%;\\n    height: 100%;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    /*theme?*/\\n    background-color: #d3d3d3;\\n    font-size: calc(40rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    render() {\n        return h(KolAvatarWcTag, { key: 'c4547a5724ed8d947c20de5128227bc71c14d401', _src: this._src, _label: this._label });\n    }\n};\nKolAvatar.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAvatar as kol_avatar };\n//# sourceMappingURL=kol-avatar.entry.js.map\n\n//# sourceMappingURL=kol-avatar.entry.js.map"],"names":["defaultStyleCss","KolAvatar","hostRef","registerInstance","h","KolAvatarWcTag"],"mappings":"sDAAA;AAAA;AAAA,GAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CACtC,CACI,QAAS,CACL,OAAOE,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAC1H,CACA,EACAJ,EAAU,MAAQ,CACd,QAASD,CACb"}

package/dist/assets/{kol-badge.entry-DAXf9Jv7.js → kol-badge.entry-DFt1oK4g.js}

@@ -1,6 +1,7 @@
-import{r as i,h as t,e as a,o as l,f as s,p as r,s as d}from"./index-DJuKoE9z.js";import{c}from"./clsx-09a06a12-BT_IL7Fz.js";import"./i18n-260f0fe9-r7KVCL60.js";import{K as h}from"./Span-f9dd0734-ByiWMc2q.js";import{n as u}from"./dev.utils-d42aaf74-B3Nmv0Sx.js";import{h as m,v as b}from"./color-1228dab7-Ci1wJmQ_.js";import{v as f}from"./icons-a9c52ed8-ByMBsWqN.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./markdown-f827f2ac-Bx43QwDK.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./Icon-64aecdb3-TfzS2tqg.js";import"./InternalUnderlinedBadgeText-b24e9dc5-Dst3huoL.js";import"./isObject-ffcbbb76-CLygU1TZ.js";/*!
+import{r as i,h as t,e as a,o as l,f as r,p as s,s as d}from"./index-DILf8VAJ.js";import{h as c,v as h}from"./color-DLr6p32D-DtHwn0gh.js";import{v as m}from"./icons-BVOoMgA0-CL9TrOUP.js";import"./Alert-CRWn5DkH-lD2SJvJA.js";import{c as u}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as b}from"./Span-BLItlhe3-CrQcHci5.js";import"./i18n-H9CUbi---CfgJav92.js";import{n as f}from"./dev.utils-BbQvQhMl-BtoNixUu.js";import"./Heading-CFLSQhev-SNjwSW3P.js";import"./markdown-vxO4XBWP-DEm-7Pon.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Icon-BVUl4tu0-Do2xCAoC.js";import"./InternalUnderlinedBadgeText-V7hT-T3P-YQYAeNnM.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const p=`/*
+ */const p=`/* forward the rem function */
+/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -40,7 +41,7 @@ import{r as i,h as t,e as a,o as l,f as s,p as r,s as d}from"./index-DJuKoE9z.js
     word-spacing: inherit;
   }
   /*
-   * All interactive elements should have a minimum size of rem(44).
+   * All interactive elements should have a minimum size of to-rem(44).
    */
   /* input:not([type='checkbox'], [type='radio'], [type='range']), */
   /* option, */
@@ -120,7 +121,7 @@ import{r as i,h as t,e as a,o as l,f as s,p as r,s as d}from"./index-DJuKoE9z.js
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -171,6 +172,7 @@ import{r as i,h as t,e as a,o as l,f as s,p as r,s as d}from"./index-DJuKoE9z.js
 }
 @layer kol-component {
   .kol-tooltip {
+    contain: layout;
     display: contents;
   }
   .kol-tooltip__floating {
@@ -223,5 +225,5 @@ import{r as i,h as t,e as a,o as l,f as s,p as r,s as d}from"./index-DJuKoE9z.js
   .kol-badge .kol-badge__smart-button .button {
     color: inherit;
   }
-}`,g=p;s("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const _=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=u(),this.handleColorChange=e=>{const o=m(e);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}}}renderSmartButton(n){return t(a,{class:"kol-badge__smart-button",_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_buttonVariant:n._variant})}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return t("span",{key:"5887c57c800757a960919276d5422054b6d7c17f",class:c("kol-badge",{"kol-badge--has-smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(h,{key:"d6650fca7447ba669d77f8c81cfbc70a67622b0b",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){f(this,n)}validateColor(n){b(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){l(n,()=>{try{n=r(n)}catch{}d(this,"_smartButton",n)})}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};_.style={default:g};export{_ as kol_badge};
-//# sourceMappingURL=kol-badge.entry-DAXf9Jv7.js.map
+}`;r("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=f(),this._color="#000",this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}},this.handleColorChange=o=>{const e=c(o);this.bgColorStr=e.backgroundColor,this.colorStr=e.foregroundColor}}renderSmartButton(n){return t(a,{class:"kol-badge__smart-button",_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_buttonVariant:n._variant})}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return t("span",{key:"5887c57c800757a960919276d5422054b6d7c17f",class:u("kol-badge",{"kol-badge--has-smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(b,{key:"d6650fca7447ba669d77f8c81cfbc70a67622b0b",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){m(this,n)}validateColor(n){h(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){l(n,()=>{try{n=s(n)}catch{}d(this,"_smartButton",n)})}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:p};export{g as kol_badge};
+//# sourceMappingURL=kol-badge.entry-DFt1oK4g.js.map

package/dist/assets/kol-badge.entry-DFt1oK4g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-badge.entry-DFt1oK4g.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DSP9WWRD.js';\nimport { f as featureHint, o as objectObjectHandler, p as parseJson, s as setState } from './progress-DvHYRA46.js';\nimport { h as handleColorChange, v as validateColor } from './color-DLr6p32D.js';\nimport { v as validateIcons } from './icons-BVOoMgA0.js';\nimport './Alert-CRWn5DkH.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { K as KolSpanFc } from './Span-BLItlhe3.js';\nimport './i18n-H9CUbi--.js';\nimport { n as nonce } from './dev.utils-BbQvQhMl.js';\nimport './Heading-CFLSQhev.js';\nimport './bem-Cpz0pDYV.js';\nimport './browser-DnRYLgeW.js';\nimport './Icon-BVUl4tu0.js';\nimport './markdown-vxO4XBWP.js';\nimport './InternalUnderlinedBadgeText-V7hT-T3P.js';\nimport './isObject-DvSELytj.js';\nimport './i18n-CjhRejiw.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-badge {\\n    display: inline-flex;\\n    place-items: center;\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-badge .kol-badge__smart-button .button {\\n    color: inherit;\\n  }\\n}\";\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\nconst KolBadge = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.bgColorStr = '#000';\n        this.colorStr = '#fff';\n        this.id = nonce();\n        this._color = '#000';\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n            _icons: {},\n        };\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { class: \"kol-badge__smart-button\", _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, _buttonVariant: props._variant }));\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(\"span\", { key: '5887c57c800757a960919276d5422054b6d7c17f', class: clsx('kol-badge', {\n                'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }), style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanFc, { key: 'd6650fca7447ba669d77f8c81cfbc70a67622b0b', class: \"kol-badge__label\", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));\n    }\n    validateIcons(value) {\n        validateIcons(this, value);\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#000',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this, '_smartButton', value);\n        });\n    }\n    componentWillLoad() {\n        this.validateIcons(this._icons);\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_icons\": [\"validateIcons\"],\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: defaultStyleCss\n};\n\nexport { KolBadge as kol_badge };\n//# sourceMappingURL=kol-badge.entry.js.map\n\n//# sourceMappingURL=kol-badge.entry.js.map"],"names":["defaultStyleCss","featureHint","KolBadge","hostRef","registerInstance","nonce","value","colorPair","handleColorChange","props","h","KolButtonWcTag","hasSmartButton","clsx","KolSpanFc","validateIcons","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"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"}

package/dist/assets/{kol-breadcrumb.entry-vPFYvCCO.js → kol-breadcrumb.entry-BecE88Uj.js}

@@ -1,6 +1,7 @@
-import{r as s,h as n,i as a,F as r,j as d,k as c}from"./index-DJuKoE9z.js";import{r as o,a as h}from"./unique-nav-labels-e20db0b7-Dtnj6kT5.js";import{w as b}from"./validation-9d549145-BBYWZ5RD.js";import{v as m}from"./label-bf9966d0-DD73qKA1.js";/*!
+import{r as s,h as n,i as a,F as r,j as d,k as c}from"./index-DILf8VAJ.js";import{v as h}from"./label-D3d1qqIG-Bl_cD60u.js";import{r as o,a as b}from"./unique-nav-labels-gGjh_FbY-BQjSCc0P.js";import{w as m}from"./validation-BL4fIKiW-B4hEJ_M_.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const p=`/*
+ */const p=`/* forward the rem function */
+/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -40,7 +41,7 @@ import{r as s,h as n,i as a,F as r,j as d,k as c}from"./index-DJuKoE9z.js";impor
     word-spacing: inherit;
   }
   /*
-   * All interactive elements should have a minimum size of rem(44).
+   * All interactive elements should have a minimum size of to-rem(44).
    */
   /* input:not([type='checkbox'], [type='radio'], [type='range']), */
   /* option, */
@@ -120,7 +121,7 @@ import{r as s,h as n,i as a,F as r,j as d,k as c}from"./index-DJuKoE9z.js";impor
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -171,6 +172,7 @@ import{r as s,h as n,i as a,F as r,j as d,k as c}from"./index-DJuKoE9z.js";impor
 }
 @layer kol-component {
   .kol-tooltip {
+    contain: layout;
     display: contents;
   }
   .kol-tooltip__floating {
@@ -257,5 +259,5 @@ import{r as s,h as n,i as a,F as r,j as d,k as c}from"./index-DJuKoE9z.js";impor
     content: "\\f054";
     font-family: "Font Awesome 6 Free";
   }
-}`,u=p,f=class{constructor(t){s(this,t),this.renderLink=(e,i)=>{const l=this.state._links.length-1;return n("li",{class:"kol-breadcrumb__list-element",key:i},i!==0&&n(a,{class:"kol-breadcrumb__icon",_label:"",_icons:"codicon codicon-chevron-right"}),i===l?n("span",{class:"kol-breadcrumb__list-element-span"},e._hideLabel?n(a,{class:"kol-breadcrumb__icon",_label:e._label,_icons:typeof e._icons=="string"?e._icons:"codicon codicon-symbol-event"}):n(r,null,e._label)):n(d,Object.assign({class:"kol-breadcrumb__link",_linkVariant:"standalone"},e)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return n("nav",{key:"9b691f50f72dd131c580746baf66bc7275ad01f4",class:"kol-breadcrumb","aria-label":this.state._label},n("ul",{key:"9dcc08ba1193c7d38e811db071d1adacc14aa7bc",class:"kol-breadcrumb__list"},this.state._links.length===0&&n("li",{key:"e50c3fc24b34212a270c76fc94d2002f27a699a2"},n(a,{key:"e60c9653a31176ec54e2ce9016caf274ecf7a7bc",class:"kol-breadcrumb_icon",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink)))}validateLabel(t,e,i=!1){i||o(this.state._label),m(this,t,{required:!0}),c(t),h(this.state._label)}validateLinks(t){b("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){o(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};f.style={default:u};export{f as kol_breadcrumb};
-//# sourceMappingURL=kol-breadcrumb.entry-vPFYvCCO.js.map
+}`,u=class{constructor(t){s(this,t),this.renderLink=(e,i)=>{const l=this.state._links.length-1;return n("li",{class:"kol-breadcrumb__list-element",key:i},i!==0&&n(a,{class:"kol-breadcrumb__icon",_label:"",_icons:"codicon codicon-chevron-right"}),i===l?n("span",{class:"kol-breadcrumb__list-element-span"},e._hideLabel?n(a,{class:"kol-breadcrumb__icon",_label:e._label,_icons:typeof e._icons=="string"?e._icons:"codicon codicon-symbol-event"}):n(r,null,e._label)):n(d,Object.assign({class:"kol-breadcrumb__link",_linkVariant:"standalone"},e)))},this.state={_label:"",_links:[]}}render(){return n("nav",{key:"9b691f50f72dd131c580746baf66bc7275ad01f4",class:"kol-breadcrumb","aria-label":this.state._label},n("ul",{key:"9dcc08ba1193c7d38e811db071d1adacc14aa7bc",class:"kol-breadcrumb__list"},this.state._links.length===0&&n("li",{key:"e50c3fc24b34212a270c76fc94d2002f27a699a2"},n(a,{key:"e60c9653a31176ec54e2ce9016caf274ecf7a7bc",class:"kol-breadcrumb_icon",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink)))}validateLabel(t,e,i=!1){i||o(this.state._label),h(this,t,{required:!0}),c(t),b(this.state._label)}validateLinks(t){m("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){o(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};u.style={default:p};export{u as kol_breadcrumb};
+//# sourceMappingURL=kol-breadcrumb.entry-BecE88Uj.js.map

package/dist/assets/kol-breadcrumb.entry-BecE88Uj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-breadcrumb.entry-BecE88Uj.js","sources":["../../../../components/dist/esm/kol-breadcrumb.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment } from './index-DSP9WWRD.js';\nimport { c as a11yHintLabelingLandmarks } from './progress-DvHYRA46.js';\nimport { v as validateLabel } from './label-D3d1qqIG.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-gGjh_FbY.js';\nimport { w as watchNavLinks } from './validation-BL4fIKiW.js';\nimport { e as KolIconTag, f as KolLinkWcTag } from './component-names-CkE54Ym7.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-link {\\n    align-items: baseline;\\n    display: inline-flex;\\n    place-items: center;\\n    text-align: left;\\n    text-decoration-line: none;\\n  }\\n  .kol-link--standalone {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  .kol-link__text .kol-span__label {\\n    text-decoration-line: underline;\\n  }\\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\\n    text-decoration-thickness: 0.2em;\\n  }\\n  .kol-link__icon {\\n    display: inline-flex;\\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-breadcrumb__list, .kol-breadcrumb__list-element {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n    display: flex;\\n    gap: 0.5em;\\n    flex-wrap: wrap;\\n    place-items: center;\\n  }\\n  .kol-breadcrumb__icon::part(separator) {\\n    font-weight: 900;\\n    font-size: 0.7em;\\n  }\\n  .kol-breadcrumb__icon::part(separator):before {\\n    content: \\\"\\\\f054\\\";\\n    font-family: \\\"Font Awesome 6 Free\\\";\\n  }\\n}\";\n\nconst KolBreadcrumb = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.renderLink = (link, index) => {\n            const lastIndex = this.state._links.length - 1;\n            return (h(\"li\", { class: \"kol-breadcrumb__list-element\", key: index }, index !== 0 && h(KolIconTag, { class: \"kol-breadcrumb__icon\", _label: \"\", _icons: \"codicon codicon-chevron-right\" }), index === lastIndex ? (h(\"span\", { class: \"kol-breadcrumb__list-element-span\" }, link._hideLabel ? (h(KolIconTag, { class: \"kol-breadcrumb__icon\", _label: link._label, _icons: typeof link._icons === 'string' ? link._icons : 'codicon codicon-symbol-event' })) : (h(Fragment, null, link._label)))) : (h(KolLinkWcTag, Object.assign({ class: \"kol-breadcrumb__link\", _linkVariant: \"standalone\" }, link)))));\n        };\n        this.state = {\n            _label: '',\n            _links: [],\n        };\n    }\n    render() {\n        return (h(\"nav\", { key: '9b691f50f72dd131c580746baf66bc7275ad01f4', class: \"kol-breadcrumb\", \"aria-label\": this.state._label }, h(\"ul\", { key: '9dcc08ba1193c7d38e811db071d1adacc14aa7bc', class: \"kol-breadcrumb__list\" }, this.state._links.length === 0 && (h(\"li\", { key: 'e50c3fc24b34212a270c76fc94d2002f27a699a2' }, h(KolIconTag, { key: 'e60c9653a31176ec54e2ce9016caf274ecf7a7bc', class: \"kol-breadcrumb_icon\", _label: \"\", _icons: \"codicon codicon-home\" }), \"\\u2026\")), this.state._links.map(this.renderLink))));\n    }\n    validateLabel(value, _oldValue, initial = false) {\n        if (!initial) {\n            removeNavLabel(this.state._label);\n        }\n        validateLabel(this, value, {\n            required: true,\n        });\n        a11yHintLabelingLandmarks(value);\n        addNavLabel(this.state._label);\n    }\n    validateLinks(value) {\n        watchNavLinks('KolBreadcrumb', this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label, undefined, true);\n        this.validateLinks(this._links);\n    }\n    disconnectedCallback() {\n        removeNavLabel(this.state._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_links\": [\"validateLinks\"]\n    }; }\n};\nKolBreadcrumb.style = {\n    default: defaultStyleCss\n};\n\nexport { KolBreadcrumb as kol_breadcrumb };\n//# sourceMappingURL=kol-breadcrumb.entry.js.map\n\n//# sourceMappingURL=kol-breadcrumb.entry.js.map"],"names":["defaultStyleCss","KolBreadcrumb","hostRef","registerInstance","link","index","lastIndex","h","KolIconTag","Fragment","KolLinkWcTag","value","_oldValue","initial","removeNavLabel","validateLabel","a11yHintLabelingLandmarks","addNavLabel","watchNavLinks"],"mappings":"sPAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,CAACE,EAAMC,IAAU,CAC/B,MAAMC,EAAY,KAAK,MAAM,OAAO,OAAS,EAC7C,OAAQC,EAAE,KAAM,CAAE,MAAO,+BAAgC,IAAKF,CAAO,EAAEA,IAAU,GAAKE,EAAEC,EAAY,CAAE,MAAO,uBAAwB,OAAQ,GAAI,OAAQ,+BAAiC,CAAA,EAAGH,IAAUC,EAAaC,EAAE,OAAQ,CAAE,MAAO,mCAAmC,EAAIH,EAAK,WAAcG,EAAEC,EAAY,CAAE,MAAO,uBAAwB,OAAQJ,EAAK,OAAQ,OAAQ,OAAOA,EAAK,QAAW,SAAWA,EAAK,OAAS,8BAAgC,CAAA,EAAMG,EAAEE,EAAU,KAAML,EAAK,MAAM,CAAE,EAAMG,EAAEG,EAAc,OAAO,OAAO,CAAE,MAAO,uBAAwB,aAAc,YAAc,EAAEN,CAAI,CAAC,CAAE,CAC/kB,EACD,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CAAE,CACb,CACT,CACI,QAAS,CACL,OAAQG,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,iBAAkB,aAAc,KAAK,MAAM,MAAQ,EAAEA,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,wBAA0B,KAAK,MAAM,OAAO,SAAW,GAAMA,EAAE,KAAM,CAAE,IAAK,0CAA4C,EAAEA,EAAEC,EAAY,CAAE,IAAK,2CAA4C,MAAO,sBAAuB,OAAQ,GAAI,OAAQ,sBAAwB,CAAA,EAAG,GAAQ,EAAI,KAAK,MAAM,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CACrgB,CACI,cAAcG,EAAOC,EAAWC,EAAU,GAAO,CACxCA,GACDC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAMJ,EAAO,CACvB,SAAU,EACtB,CAAS,EACDK,EAA0BL,CAAK,EAC/BM,EAAY,KAAK,MAAM,MAAM,CACrC,CACI,cAAcN,EAAO,CACjBO,EAAc,gBAAiB,KAAMP,CAAK,CAClD,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,sBAAuB,CACnBG,EAAe,KAAK,MAAM,MAAM,CACxC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAb,EAAc,MAAQ,CAClB,QAASD,CACb"}