@public-ui/components 2.2.11 → 3.0.0-0a564237c37a5d1ca12470bdd73e4ea1eac06982.0

package/dist/kolibri/kol-symbol.entry.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{r as a,h as e,H as s}from"./index-5879a66b.js";import{t}from"./i18n-31adef87.js";import{v as i}from"./label-90c13388.js";import{i as r}from"./prop.validators-17aec743.js";import"./i18n-eef4b287.js";import"./reuse-32931294.js";import"./index-6d801dad.js";import"./dev.utils-fab45cbc.js";const o=class{constructor(s){a(this,s),this._label=void 0,this._symbol=void 0,this.state={_label:t("kol-warning"),_symbol:""}}render(){return e(s,{key:"0cf724ad64920f8a2a9818302ad4ec9d428c52b2",class:"kol-symbol"},e("span",{key:"46cacaa73fc9b86e9f008d69216dd4b14ca58210","aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(a){i(this,a,{required:!0})}validateSymbol(a){r(this,"_symbol",a,{required:!0})}componentWillLoad(){this.validateLabel(this._label),this.validateSymbol(this._symbol)}static get watchers(){return{_label:["validateLabel"],_symbol:["validateSymbol"]}}};export{o as kol_symbol};

package/dist/kolibri/kol-symbol.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KolSymbol","_label","translate","_symbol","render","h","Host","key","class","this","state","role","validateLabel","value","required","validateSymbol","watchString","componentWillLoad"],"sources":["src/components/symbol/component.tsx"],"sourcesContent":["import type { LabelPropType, SymbolAPI, SymbolStates } from '../../schema';\nimport { validateLabel, watchString } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\n\nimport type { JSX } from '@stencil/core';\n@Component({\n\ttag: 'kol-symbol',\n\tshadow: false,\n})\nexport class KolSymbol implements SymbolAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-symbol\">\n\t\t\t\t<span aria-label={this.state._label} role=\"term\">\n\t\t\t\t\t{this.state._symbol}\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Dieses Property gibt den String an der angezeigt werden soll.\n\t */\n\t@Prop() public _symbol!: string;\n\n\t@State() public state: SymbolStates = {\n\t\t_label: translate('kol-warning'),\n\t\t_symbol: '', // ⚠ required\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_symbol')\n\tpublic validateSymbol(value?: string): void {\n\t\twatchString(this, '_symbol', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateSymbol(this._symbol);\n\t}\n}\n"],"mappings":";;;2SAWaA,EAAS,M,iFAqBiB,CACrCC,OAAQC,EAAU,eAClBC,QAAS,G,CAtBH,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,cACXH,EAAA,QAAAE,IAAA,wDAAkBE,KAAKC,MAAMT,OAAQU,KAAK,QACxCF,KAAKC,MAAMP,S,CAsBT,aAAAS,CAAcC,GACpBD,EAAcH,KAAMI,EAAO,CAC1BC,SAAU,M,CAKL,cAAAC,CAAeF,GACrBG,EAAYP,KAAM,UAAWI,EAAO,CACnCC,SAAU,M,CAIL,iBAAAG,GACNR,KAAKG,cAAcH,KAAKR,QACxBQ,KAAKM,eAAeN,KAAKN,Q","ignoreList":[]}

package/dist/kolibri/kol-table.entry.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{r as i,h as t}from"./index-5879a66b.js";import{p as e}from"./component-names-4cb1c62b.js";const n=class{constructor(t){i(this,t),this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0}render(){return t(e,{key:"2a0229eb463970a0b26a500059e5ca20fe665dd4",_allowMultiSort:this._allowMultiSort,_data:this._data,_dataFoot:this._dataFoot,_headers:this._headers,_label:this._label,_minWidth:this._minWidth,_pagination:this._pagination,_paginationPosition:this._paginationPosition,_selection:this._selection,_on:this._on})}};export{n as kol_table};

package/dist/kolibri/kol-table.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KolTable","render","h","KolTableStatefulTag","key","_allowMultiSort","this","_data","_dataFoot","_headers","_label","_minWidth","_pagination","_paginationPosition","_selection","_on"],"sources":["src/components/table/shadow.tsx"],"sourcesContent":["import type {\n\tKoliBriTableDataType,\n\tKoliBriTableHeaders,\n\tKoliBriTablePaginationProps,\n\tPaginationPositionPropType,\n\tStringified,\n\tTableProps,\n\tTableSelectionPropType,\n\tTableStatefulCallbacksPropType,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport { Component, Prop } from '@stencil/core';\nimport { KolTableStatefulTag } from '../../core/component-names';\n\n/**\n * @deprecated Use KolTableStateful instead.\n */\n@Component({\n\ttag: 'kol-table',\n\tshadow: true,\n})\nexport class KolTable implements TableProps {\n\t/**\n\t * Defines whether to allow multi sort.\n\t */\n\t@Prop() public _allowMultiSort?: boolean;\n\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headers!: Stringified<KoliBriTableHeaders>;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Defines the table min-width.\n\t * @deprecated This property is deprecated and will be removed in the next major release.\n\t */\n\t@Prop() public _minWidth?: string;\n\n\t/**\n\t * Defines whether to show the data distributed over multiple pages.\n\t */\n\t@Prop() public _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;\n\t/**\n\t * Controls the position of the pagination.\n\t */\n\t@Prop() public _paginationPosition?: PaginationPositionPropType = 'bottom';\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableStatefulCallbacksPropType;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTableStatefulTag\n\t\t\t\t_allowMultiSort={this._allowMultiSort}\n\t\t\t\t_data={this._data}\n\t\t\t\t_dataFoot={this._dataFoot}\n\t\t\t\t_headers={this._headers}\n\t\t\t\t_label={this._label}\n\t\t\t\t_minWidth={this._minWidth}\n\t\t\t\t_pagination={this._pagination}\n\t\t\t\t_paginationPosition={this._paginationPosition}\n\t\t\t\t_selection={this._selection}\n\t\t\t\t_on={this._on}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";;;uGAsBaA,EAAQ,M,iOAuC8C,S,6CAU3D,MAAAC,GACN,OACCC,EAACC,EAAmB,CAAAC,IAAA,2CACnBC,gBAAiBC,KAAKD,gBACtBE,MAAOD,KAAKC,MACZC,UAAWF,KAAKE,UAChBC,SAAUH,KAAKG,SACfC,OAAQJ,KAAKI,OACbC,UAAWL,KAAKK,UAChBC,YAAaN,KAAKM,YAClBC,oBAAqBP,KAAKO,oBAC1BC,WAAYR,KAAKQ,WACjBC,IAAKT,KAAKS,K","ignoreList":[]}

package/dist/kolibri/label-90c13388.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{w as t,a as o,u as a}from"./prop.validators-17aec743.js";const e=[0,1,2,3,4,5,6],n=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function r(t){var a;return"string"==typeof t&&(null===(a=t.match(n))||void 0===a?void 0:a.length)||0}function i(t,a=1){return r(t)>=a}function l(t){return s.test(t)}function c(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,s,r)=>{var c,h;"function"==typeof(null===(c=t.hooks)||void 0===c?void 0:c.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,n,s,r)),"string"==typeof e&&!1===i(e,3)&&!1===l(e)&&o(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&a("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}})}const f=new Set(["string"]),u=(a,e,o={})=>{t(a,"_label",(t=>"string"==typeof t),f,e,c(o))},d=u;export{d as a,i as b,l as c,e as h,u as v};

package/dist/kolibri/open-4d9f16d0.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{b as o}from"./prop.validators-17aec743.js";const a=(a,p,r)=>{o(a,"_open",p,r)};export{a as v};

package/dist/kolibri/prop.validators-17aec743.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{f as e,P as t,R as n}from"./index-6d801dad.js";import{L as r,g as o,a as i}from"./dev.utils-fab45cbc.js";const a=new Set,s=(e,t)=>{(!1===a.has(e)||(null==t?void 0:t.force))&&(a.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #09f"}))},l=new Set,u=(e,t)=>{(!1===l.has(e)||(null==t?void 0:t.force))&&(l.add(e),r.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f00"}))},f=new Set,c=(e,t)=>{(!1===f.has(e)||(null==t?void 0:t.force))&&(f.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},d=(e,t)=>{(!1===f.has(e)||(null==t?void 0:t.force))&&(f.add(e),r.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},v=new Set,b=(e,t=!1,o)=>{(!1===v.has(e)||(null==o?void 0:o.force))&&(v.add(e),e+=!0===t?" ✅":"",r.debug([e].concat((null==o?void 0:o.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==o?void 0:o.force),overwriteStyle:"; background-color: #309"}))};c("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const y=new Set,p=(e,t)=>{(!1===y.has(e)||(null==t?void 0:t.force))&&(y.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #060;"}))},h=()=>{s('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},g=e=>{"string"==typeof e&&""!==e||s("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},m=(e,t=8)=>{t>7&&p(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var w=.2126,S=.7152,N=.0722,k=1/12.92;function M(e){return Math.pow((e+.055)/1.055,2.4)}function A(e){var t=e[0]/255,o=e[1]/255,r=e[2]/255,n=t<=.03928?t*k:M(t),a=o<=.03928?o*k:M(o),l=r<=.03928?r*k:M(r);return n*w+a*S+l*N}function T(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,t]}function j(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function O(e,t){return j(A(e),A(t))}function L(e,t){return O(T(e),T(t))}function E(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}var C={exports:{}};function _(e){var t=I(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function x(e){var t=I(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}}function J(e){var t=I(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"}function R(e){3==(t=I(e)).length&&t.push(255);var t,o=255==t[3],r=B(t[0]),n=B(t[1]),a=B(t[2]),l=D(r,n,a,t=B(Math.round(t[3])));return o?l?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+r+n+a:l?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0)+t.charAt(0):"#"+r+n+a+t}function H(e){var t=I(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0}function I(e){return"string"==typeof e?$(e=e.toLowerCase())||K(e)||P(e)||G(e)||Q(e)||[0,0,0,255]:W(e)||z(e)||F(e)||[0,0,0,255]}function B(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function D(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}function $(e){return"red"==e?[255,0,0]:"green"==e?[0,255,0]:"blue"==e?[0,0,255]:"black"==e?[0,0,0]:"white"==e?[255,255,255]:"cyan"==e?[0,255,255]:"gray"==e||"grey"==e?[128,128,128]:"magenta"==e||"pink"==e?[255,0,255]:"yellow"==e?[255,255,0]:void 0}function q(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function K(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=q(t[0]),n=q(t[1]),a=q(t[2]),l=3==o?255:q(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}function P(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=q(t.slice(0,2)),n=q(t.slice(2,4)),a=q(t.slice(4,6)),l=6==o?255:q(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}function U(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function W(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=U(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=U(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=U(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=U(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}function z(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=U(e[0],!0),o=U(e[1],!0),r=U(e[2],!0),n=U(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}function F(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}function G(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=U(t[0],!0),r=U(t[1],!0),n=U(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}function Q(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=U(t[0],!0),r=U(t[1],!0),n=U(t[2],!0),a=U(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}C.exports=_,C.exports.arr=_,C.exports.obj=x,C.exports.css=J,C.exports.hex=R,C.exports.num=H;const V=C.exports,X=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},Y=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;X(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;X(o,Y(e,"object"==typeof n&&null!==n?n:r[t]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},Z=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let o=t.querySelector(e);if(null===o){const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;if(o=Z(e,"object"==typeof n&&null!==n?n:r[t]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")},ee=/\[object Object\]/,te=(e,t)=>{"string"==typeof e&&ee.test(e)||t()},ne=(e,t)=>{"string"==typeof e&&""===e||t()},re=(e,t)=>{i()&&(r.debug([e,t]),r.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},oe=e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach(((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)}))),delete e.nextHooks},ie=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map);e.nextHooks.get(t)instanceof Map==!1&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),oe(e)},ae=(e,t,o,r)=>{c(`[${e.constructor.name}] The property value: (${o}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function se(e,t,o,r,n,a={}){o(n)?ie(e,t,n,a.hooks):void 0===n&&!0!==a.required&&o(a.defaultValue)?ie(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),ae(e,t,n,r))}const le=(e,t,o,r)=>{se(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},ue=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;se(e,t,(e=>"string"==typeof e&&e.length>=n&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength)),new Set(["String"]),o,r)},fe=(e,t,o,r)=>{se(e,t,(e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max)),new Set(["Number"]),o,r)},ce=(e,t,o,n,a=e=>e==e,l={})=>{ne(n,(()=>{te(n,(()=>{void 0===n&&(n=[]);try{try{n=be(n)}catch(e){}if(Array.isArray(n)){const s=n.find((e=>!o(e)));void 0===s&&a(n)?ie(e,t,n,l.hooks):te(s,(()=>{throw r.debug(s),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else te(n,(()=>{throw r.debug(n),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){r.debug(e)}}))}))},de=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.warn(["stringifyJson",e]),r.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},ve=/^[{[]/,be=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(ve.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.warn(["parseJson",e]),r.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},ye=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,pe=e=>"string"==typeof e?e:ye(e),he=(e,t)=>Z(e,t||o()),ge=(e,t)=>Y(e,t||o());let me=null;const we=()=>(me=me||{backgroundColor:"#00000000",color:"#00000000",domNode:o().body,level:"Fail",score:1},me),Se=/(\d+, ){3}0\)/,Ne=(e,t=we())=>{const o=getComputedStyle(e),n=Se.test(o.backgroundColor)?t.backgroundColor:V.hex(o.backgroundColor),a=Se.test(o.color)?t.color:V.hex(o.color),l=L(n,a),s={backgroundColor:n,color:a,domNode:e,level:E(l),score:l};return l<4.5&&r.error(["Color-Contrast-Error",{backgroundColor:s.backgroundColor,color:s.color,level:s.level,score:s.score},s.domNode]),s},ke=(e,t=we())=>{t.domNode instanceof HTMLElement&&(t=Ne(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=ke(e,t)).domNode);r++);return t}return Ne(o,t)};class Me{static queryHtmlElementColors(e,t,o=!1,n=!0){let a=null;if(!0===o||!1===Me.executionLock)if(!1===o&&(Me.cache.clear(),Me.cache.set(t.domNode,t),Me.executionLock=!0,!0===n&&r.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)a=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const n=t.domNode.children;for(let e=0;e<n.length;e++)o.add(n[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let r=Me.cache.get(l[o]);void 0===r&&(r=Ne(l[o],t)),Me.cache.set(l[o],r);const n=Me.queryHtmlElementColors(e,r,!0,!1);if(null!==n){a=n;break}}}else r.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===n&&r.debug(`[KoliBriUtils] Color contrast analysis finished (${Me.cache.size} DOM elements are analysed).`),Me.executionLock=!1,Me.cache.clear()),a}}Me.executionLock=!1,Me.cache=new Map;class Ae{}Ae.getCssStyle=e,Ae.patchTheme=t,Ae.patchThemeTag=n,Ae.querySelector=he,Ae.querySelectorAll=ge,Ae.stringifyJson=de;export{ke as A,Me as B,de as C,Ae as K,s as a,le as b,h as c,L as d,g as e,b as f,ce as g,m as h,ue as i,c as j,fe as k,d as l,u as m,re as n,te as o,be as p,ne as q,V as r,ie as s,he as t,p as u,ye as v,se as w,pe as x,Ne as y,ge as z};

package/dist/kolibri/reuse-32931294.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-let t="development";try{t="production"}catch(o){t="production"}const o=(t,o,e)=>{if(t&&o&&"string"==typeof e){const c=t.querySelector(`[slot="${e}"]`);c&&o.appendChild(c)}},s=t=>""===t,c=(t,o)=>t||o||"";export{c as b,o as h,t as p,s};

package/dist/kolibri/reuse-32931294.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["processEnv","e","handleSlotContent","hostRef","slotRef","slotName","content","querySelector","appendChild","showExpertSlot","label","buildBadgeTextString","accessKey","shortKey"],"sources":["src/schema/utils/reuse.ts"],"sourcesContent":["const PROCESS_ENVS = ['development', 'production', 'test'] as const;\ntype ProcessEnv = (typeof PROCESS_ENVS)[number];\nexport let processEnv: ProcessEnv = 'development';\ntry {\n\tprocessEnv = process.env.NODE_ENV as ProcessEnv;\n} catch (e) {\n\tprocessEnv = 'production';\n}\n\n/**\n * This function is used to handle the slot content by\n * moving a DOM element to a defined slot element.\n */\nexport const handleSlotContent = (hostRef: HTMLElement, slotRef: HTMLElement, slotName: string) => {\n\tif (hostRef && slotRef && typeof slotName === 'string') {\n\t\tconst content = hostRef.querySelector(`[slot=\"${slotName}\"]`);\n\t\tif (content) {\n\t\t\tslotRef.appendChild(content);\n\t\t}\n\t}\n};\n\n/**\n * This function is used to check if a label is an empty string.\n * @param label The label of the slot\n * @returns  True if the label is an empty string\n */\nexport const showExpertSlot = (label: unknown) => label === '';\n\n/**\n * This function builds the BadgeText. It chooses access key over shortkey or empty string, if both are empty\n * @param accessKey\n * @param shortKey\n * @returns returns badgeText as string\n */\nexport const buildBadgeTextString = (accessKey?: string, shortKey?: string) => {\n\treturn accessKey || shortKey || '';\n};\n"],"mappings":";;;IAEWA,EAAyB,cACpC,IACCA,EAAa,YACd,CAAE,MAAOC,GACRD,EAAa,YACd,C,MAMaE,EAAoB,CAACC,EAAsBC,EAAsBC,KAC7E,GAAIF,GAAWC,UAAkBC,IAAa,SAAU,CACvD,MAAMC,EAAUH,EAAQI,cAAc,UAAUF,OAChD,GAAIC,EAAS,CACZF,EAAQI,YAAYF,E,UAUVG,EAAkBC,GAAmBA,IAAU,G,MAQ/CC,EAAuB,CAACC,EAAoBC,IACjDD,GAAaC,GAAY,U","ignoreList":[]}

package/dist/kolibri/rows-f033b1b3.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{k as o}from"./prop.validators-17aec743.js";const r=(r,s)=>{o(r,"_rows",s,{min:1})};export{r as v};

package/dist/kolibri/show-c115b1eb.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{b as o}from"./prop.validators-17aec743.js";const s=(s,a,r)=>{o(s,"_show",a,r)};export{s as v};

package/dist/kolibri/spell-check-27a3f91d.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{b as e}from"./prop.validators-17aec743.js";const a=(a,o)=>{e(a,"_spellCheck",o,{defaultValue:void 0})};export{a as v};

package/dist/kolibri/suggestions-04da2b2e.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{g as s,a as e}from"./prop.validators-17aec743.js";const o=(o,t)=>{s(o,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{o as v};

package/dist/kolibri/tooltip-align-d8ac9d69.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{v as o}from"./align-eeb4ecdd.js";const t=(t,e)=>{o(t,"_tooltipAlign",e)};export{t as v};

package/dist/kolibri/validation-16bfc143.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as e}from"./label-90c13388.js";import{w as r}from"./prop.validators-17aec743.js";const a=(a,o)=>{r(a,"_level",(r=>"number"==typeof r&&e.includes(r)),new Set([`Number {${e.join(", ")}`]),o,{defaultValue:1,required:!0})};export{a as w};

package/dist/kolibri/validation-81a4e752.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{g as o,h as t}from"./prop.validators-17aec743.js";const s=(s,e,a)=>{o(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),a),t(s,e.state._links.length)};export{s as w};

package/dist/types/components/button-group/component.d.ts

@@ -1,6 +0,0 @@
-import type { ButtonGroupAPI, ButtonGroupStates } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolButtonGroupWc implements ButtonGroupAPI {
-    render(): JSX.Element;
-    state: ButtonGroupStates;
-}

package/dist/types/components/button-group/shadow.d.ts

@@ -1,5 +0,0 @@
-import type { ButtonGroupProps } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolButtonGroup implements ButtonGroupProps {
-    render(): JSX.Element;
-}

package/dist/types/components/heading/component.d.ts

@@ -1,17 +0,0 @@
-import type { HeadingAPI, HeadingLevel, HeadingStates, HeadingVariantPropType, LabelWithExpertSlotPropType } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolHeadingWc implements HeadingAPI {
-    _label: LabelWithExpertSlotPropType;
-    _level?: HeadingLevel;
-    _secondaryHeadline?: string;
-    _variant?: HeadingVariantPropType;
-    state: HeadingStates;
-    validateLabel(value?: LabelWithExpertSlotPropType): void;
-    validateLevel(value?: HeadingLevel): void;
-    validateSecondaryHeadline(value?: string): void;
-    validateVariant(value?: HeadingVariantPropType): void;
-    componentWillLoad(): void;
-    private readonly renderHeadline;
-    private readonly renderSecondaryHeadline;
-    render(): JSX.Element;
-}

package/dist/types/components/indented-text/component.d.ts

@@ -1,6 +0,0 @@
-import type { IndentedTextAPI, IndentedTextStates } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolIndentedTextWc implements IndentedTextAPI {
-    state: IndentedTextStates;
-    render(): JSX.Element;
-}

package/dist/types/components/indented-text/shadow.d.ts

@@ -1,5 +0,0 @@
-import type { IndentedTextProps } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolIndentedText implements IndentedTextProps {
-    render(): JSX.Element;
-}

package/dist/types/components/input/component.d.ts

@@ -1,35 +0,0 @@
-import type { JSX } from '../../stencil-public-runtime';
-import { type MsgPropType, type ShortKeyPropType } from '../../schema';
-import type { AccessKeyPropType, ButtonProps, IdPropType, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, Stringified, SuggestionsPropType, TooltipAlignPropType } from '../../schema';
-import type { Props } from './types';
-export declare class KolInputWc implements Props {
-    private readonly host?;
-    private slotName;
-    componentWillRender(): void;
-    private catchInputSlot;
-    private getIconStyles;
-    render(): JSX.Element;
-    _accessKey?: AccessKeyPropType;
-    _alert?: boolean;
-    _currentLength?: number;
-    _disabled?: boolean;
-    _hasCounter?: boolean;
-    _hideError?: boolean;
-    _hideLabel?: boolean;
-    _hint?: string;
-    _icons?: KoliBriHorizontalIcons;
-    _id: IdPropType;
-    _label: LabelWithExpertSlotPropType;
-    _maxLength?: number;
-    _msg?: MsgPropType;
-    _readOnly?: boolean;
-    _renderNoLabel?: boolean;
-    _required?: boolean;
-    _shortKey?: ShortKeyPropType;
-    _slotName?: string;
-    _suggestions?: SuggestionsPropType;
-    _smartButton?: Stringified<ButtonProps>;
-    _tooltipAlign?: TooltipAlignPropType;
-    _touched?: boolean;
-    private getModifierClassNameByMsgType;
-}

package/dist/types/components/link-group/shadow.d.ts

@@ -1,17 +0,0 @@
-import type { LabelPropType, LinkGroupAPI, LinkGroupStates, LinkProps, ListStyleType, Orientation, Stringified } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolLinkGroup implements LinkGroupAPI {
-    render(): JSX.Element;
-    private isUl;
-    _listStyleType?: ListStyleType;
-    _label?: LabelPropType;
-    _links: Stringified<LinkProps[]>;
-    _orientation?: Orientation;
-    state: LinkGroupStates;
-    validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
-    validateListStyleType(value?: ListStyleType): void;
-    validateLinks(value?: Stringified<LinkProps[]>): void;
-    validateOrientation(value?: Orientation): void;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
-}

package/dist/types/components/logo/shadow.d.ts

@@ -1,10 +0,0 @@
-import type { JSX } from '../../stencil-public-runtime';
-import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
-import type { API, States } from './types';
-export declare class KolLogo implements API {
-    _org: Bundesministerium | Bundesamt | Bundesanstalt;
-    state: States;
-    validateOrg(value?: Bundesministerium | Bundesamt | Bundesanstalt): void;
-    componentWillLoad(): void;
-    render(): JSX.Element;
-}

package/dist/types/components/logo/types.d.ts

@@ -1,11 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
-type RequiredProps = {
-    org: Bundesministerium | Bundesamt | Bundesanstalt;
-};
-type OptionalProps = NonNullable<unknown>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
-export {};

package/dist/types/components/span/InternalUnderlinedBadgeText.d.ts

@@ -1,7 +0,0 @@
-import type { BadgeTextPropType } from '../../schema';
-type Props = {
-    badgeText: BadgeTextPropType;
-    label: string;
-};
-export declare const InternalUnderlinedBadgeText: ({ badgeText, label }: Props) => any;
-export {};

package/dist/types/components/span/component.d.ts

@@ -1,17 +0,0 @@
-import type { BadgeTextPropType, HideLabelPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, SpanAPI, SpanStates, Stringified } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolSpanWc implements SpanAPI {
-    render(): JSX.Element;
-    _badgeText?: BadgeTextPropType;
-    _allowMarkdown?: boolean;
-    _hideLabel?: boolean;
-    _icons?: Stringified<KoliBriIconsProp>;
-    _label: LabelWithExpertSlotPropType;
-    state: SpanStates;
-    validateBadgeText(value?: BadgeTextPropType): void;
-    validateAllowMarkdown(value?: boolean): void;
-    validateHideLabel(value?: HideLabelPropType): void;
-    validateIcons(value?: KoliBriIconsProp): void;
-    validateLabel(value?: LabelWithExpertSlotPropType): void;
-    componentWillLoad(): void;
-}

package/dist/types/components/symbol/component.d.ts

@@ -1,11 +0,0 @@
-import type { LabelPropType, SymbolAPI, SymbolStates } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolSymbol implements SymbolAPI {
-    render(): JSX.Element;
-    _label: LabelPropType;
-    _symbol: string;
-    state: SymbolStates;
-    validateLabel(value?: LabelPropType): void;
-    validateSymbol(value?: string): void;
-    componentWillLoad(): void;
-}

package/dist/types/components/table/shadow.d.ts

@@ -1,15 +0,0 @@
-import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, PaginationPositionPropType, Stringified, TableProps, TableSelectionPropType, TableStatefulCallbacksPropType } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolTable implements TableProps {
-    _allowMultiSort?: boolean;
-    _data: Stringified<KoliBriTableDataType[]>;
-    _dataFoot?: Stringified<KoliBriTableDataType[]>;
-    _headers: Stringified<KoliBriTableHeaders>;
-    _label: string;
-    _minWidth?: string;
-    _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
-    _paginationPosition?: PaginationPositionPropType;
-    _selection?: TableSelectionPropType;
-    _on?: TableStatefulCallbacksPropType;
-    render(): JSX.Element;
-}

package/dist/types/components/toaster/InternalToast.d.ts

@@ -1,9 +0,0 @@
-import type { ToastState } from '../../schema';
-type Props = {
-    key: string;
-    onClose: () => void;
-    onRef: (element?: HTMLDivElement) => void;
-    toastState: ToastState;
-};
-export declare const InternalToast: ({ key, onClose, onRef, toastState }: Props) => any;
-export {};

package/dist/types/schema/components/button-group.d.ts

@@ -1,9 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-type RequiredProps = NonNullable<unknown>;
-type OptionalProps = NonNullable<unknown>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-export type ButtonGroupProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-export type ButtonGroupStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type ButtonGroupAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
-export {};

package/dist/types/schema/components/indented-text.d.ts

@@ -1,9 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-type RequiredProps = NonNullable<unknown>;
-type OptionalProps = NonNullable<unknown>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-export type IndentedTextProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-export type IndentedTextStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type IndentedTextAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
-export {};

package/dist/types/schema/components/link-group.d.ts

@@ -1,22 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel } from '../props';
-import type { Orientation, Stringified } from '../types';
-import type { LinkProps } from './link';
-export type ListStyleType = 'disc' | 'circle' | 'square' | 'none' | 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-greek' | 'lower-latin' | 'lower-roman' | 'upper-alpha' | 'upper-latin' | 'upper-roman';
-type RequiredProps = {
-    links: Stringified<LinkProps[]>;
-};
-type OptionalProps = {
-    listStyleType: ListStyleType;
-    orientation: Orientation;
-} & PropLabel;
-type RequiredStates = {
-    links: LinkProps[];
-    listStyleType: ListStyleType;
-    orientation: Orientation;
-};
-type OptionalStates = NonNullable<unknown> & PropLabel;
-export type LinkGroupProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-export type LinkGroupStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type LinkGroupAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
-export {};

package/dist/types/schema/components/symbol.d.ts

@@ -1,12 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel } from '../props';
-type RequiredProps = {
-    symbol: string;
-} & PropLabel;
-type OptionalProps = NonNullable<unknown>;
-type RequiredStates = RequiredProps;
-type OptionalStates = NonNullable<unknown>;
-export type SymbolProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-export type SymbolStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type SymbolAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
-export {};

package/dist/types/schema/enums/events.d.ts

@@ -1,23 +0,0 @@
-export declare enum Events {
-    onBlur = "onBlur",
-    onChange = "onChange",
-    onClick = "onClick",
-    onDblClick = "onDblClick",
-    onFocus = "onFocus",
-    onInput = "onInput",
-    onKeyDown = "onKeyDown",
-    onKeyPress = "onKeyPress",
-    onKeyUp = "onKeyUp",
-    onMouseDown = "onMouseDown",
-    onMouseMove = "onMouseMove",
-    onMouseOut = "onMouseOut",
-    onMouseOver = "onMouseOver",
-    onMouseUp = "onMouseUp",
-    onReset = "onReset",
-    onSelect = "onSelect",
-    onSort = "onSort",
-    onSelectionChange = "onSelectionChange",
-    onSubmit = "onSubmit",
-    onToggle = "onToggle",
-    onClose = "onClose"
-}

package/dist/types/schema/props/hide-error.d.ts

@@ -1,7 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { WatchBooleanOptions } from '../utils';
-export type HideErrorPropType = boolean;
-export type PropHideError = {
-    hideError: HideErrorPropType;
-};
-export declare const validateHideError: (component: Generic.Element.Component, value?: HideErrorPropType, options?: WatchBooleanOptions) => void;

package/doc/button-group.md

@@ -1,96 +0,0 @@
-# ButtonGroup
-
-**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.
-
-Die **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.
-
-## Konstruktion
-
-### Hinweis zur Version 3
-
-Die **ButtonGroup** Komponente wurde für die Version 3 wurde als veraltet markiert (`deprecated`), da sie keinen nennenswerten Beitrag zur Verbesserung der Barrierefreiheit beiträgt.
-
-Die Komponente **ButtonGroup** besteht aus einem Hauptelement `<kol-button-group></kol-button-group>`. In ihm werden beliebig viele **Button**-Komponenten zu einer Gruppe zusammengefasst. Die einzelnen **Buttons** entsprechen in ihrer Konstruktion der Beschreibung
-zur **Button**-Komponente.
-
-### Code
-
-```html
-<kol-button-group>
-	<kol-button _label="Speichern" _variant="primary"></kol-button>
-	<kol-button _label="Speichern & Schließen" _variant="normal"></kol-button>
-	<kol-button _label="Abbrechen" _variant="secondary"></kol-button>
-	<kol-button _label="Löschen" _variant="danger"></kol-button>
-	<kol-button _label="Ghost" _variant="ghost"></kol-button>
-	<kol-button _label="Deaktiviert" _disabled></kol-button>
-</kol-button-group>
-```
-
-### Beispiel
-
-<kol-button-group> 
-  <kol-button _label="Speichern" _variant="primary"></kol-button>
-  <kol-button _label="Speichern & Schließen" _variant="normal"></kol-button>
-  <kol-button _label="Abbrechen" _variant="secondary"></kol-button>
-  <kol-button _label="Löschen" _variant="danger"></kol-button>
-  <kol-button _label="Ghost" _variant="ghost"></kol-button>
-  <kol-button _label="Deaktiviert" _disabled></kol-button>
-</kol-button-group>
-
-## Verwendung
-
-### Einfache ButtonGroup
-
-Im einfachsten Fall besteht die **ButtonGroup**-Komponente aus einer Liste beschrifteter Schaltflächen. Für die Beschriftung der Buttons wird lediglich das Attribut **`_label="Ihre Beschriftung"`** verwendet.
-
-### ButtonGroup mit Text, Icon und Text mit Icon
-
-Über das Attribut **`_icons="xxx"`** wird festgelegt, ob und welches Icon verwendet werden soll.
-
-Eine Übersicht über die zur Verfügung stehenden Icons in KoliBri finden Sie <kol-link _href="https://icofont.com/icons" _target="_blank" _label="hier"></kol-link>.
-
-Über das Attribut **`_hide-label`** legen Sie fest, ob nur das Icon angezeigt werden soll. Der Inhalt des Attributs **`_label`** wird nicht mehr angezeigt.
-
-### Ausgabe verschiedener Styles für Buttons in der ButtonGroup
-
-Für die Standardausgabe eines Buttons stehen die Werte **primary**, **secondary**, **normal**, **danger** und **ghost** zur Verfügung. Hierüber wird die farbliche Gestaltung des Buttons festgelegt.
-
-### Optische Ausrichtung
-
-Über das Attribut **`_nestled`** kann eine optische Ausrichtung der ButtonGroup bestimmt werden. An der angegebenen Position werden die abgerundeten Ecken entfernt, so dass der Eindruck einer Button-Leiste entsteht. Möglich sind die Werte `bottom`, `top`, `left`und `right`.
-
-### Best practices
-
-- Verwenden Sie eine primäre Schaltfläche für die nächstbeste Aktion. Verbleibende Calls-to-Actions sollten als sekundäre Schaltfläche dargestellt werden.
-- Verwenden Sie Schaltflächen an einheitlichen Stellen in der Benutzeroberfläche, um die Benutzererfahrung zu verbessern.
-- Verwenden Sie nur eine primäre Schaltfläche je Viewport. Auf der gesamten Seite kann ein Button-Style beliebig oft auftreten.
-- Die Beschriftung des Button muss die Aktion beschreiben, die die Schaltfläche ausführt. Sie sollte ein Verb enthalten (z.B. Speichern). Verwenden Sie prägnante, spezifische, selbsterklärende Beschriftungen.
-- Schaltflächenbeschriftungen sollten immer dann auch ein Nomen enthalten, wenn es Raum für Interpretationen darüber gibt, wofür das Verb zuständig ist. Verwenden Sie keine generischen Bezeichnungen wie "OK", insbesondere nicht im Fehlerfall. Fehler sind nie "OK".
-- Wenn Sie mehrere Buttons kombinieren oder anordnen möchten, verwenden Sie die **ButtonGroup**-Komponente.
-- Verwenden Sie nicht mehrere Buttons im Style "primär" in einer **ButtonGroup**.
-- Verwenden Sie Buttons nicht als Link oder als Navigationselement.
-
-## Barrierefreiheit
-
-Bei Verwendung der **ButtonGroup**-Komponente sind keine besonderen Maßnahmen in Bezug auf die barrierefreiheit zu berücksichtigen. Die innerhalb der ButtonGroup enthaltenen **Button**-Komponenten besitzen jedoch einige wichtige Aspekte in diesem Zusammenhang:
-
-- In der Button-Komponente werden die optionalen **Icons** links ausgerichtet, um Nutzer\*innen mit eingeschränktem Sichtfeld eine bessere Bedienbarkeit zu ermöglichen.
-- Die Farben der **Variant-Typen** `primary`, `secondary`, `normal`, `danger` und `ghost` wurden in Hinblick auf bestmöglichen Kontrast gewählt. Die Schriftfarbe ist per default immer weiß.
-
-### Tastatursteuerung
-
-| Taste   | Funktion                                                                       |
-| ------- | ------------------------------------------------------------------------------ |
-| `Tab`   | Springt den einzelnen Button der ButtonGroup an und fokussiert ihn.            |
-| `Enter` | Öffnet den Link des fokussierten Button oder führt dessen onClick-Methode aus. |
-
-## Links und Referenzen
-
-- <kol-link _href="https://www.w3.org/TR/wai-aria-practices/#button" _target="_blank"></kol-link>
-
-<!-- Auto Generated Below -->
-
-
-----------------------------------------------
-
-

package/doc/indented-text.md

@@ -1,52 +0,0 @@
-# IndentedText
-
-Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href="/docs/components/quote/" _label="/docs/components/quote/" _label="kol-quote-Komponente"></kol-link> verwendet werden.).
-
-## Konstruktion
-
-### Code
-
-```html
-<kol-indented-text>
-	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
-	vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
-	amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
-</kol-indented-text>
-```
-
-### Beispiel
-
-<kol-indented-text>
-  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
-  elitr, sed diam nonumy eirmod tempor invidunt.
-</kol-indented-text>
-
-## Verwendung
-
-Die Komponente besitzt keine weiteren Attribute. Der hervorzuhebende Text wird zwischen das öffnende und das schließende Tag geschrieben.
-
-### Best practices
-
-- Verwenden Sie die **IndentedText**-Komponente, um ergänzende Informationen zu einem Hauptthema optisch hervorzuheben.
-- Vermeiden Sie, wichtige Informationen in der Komponente auszugeben, die eine Aktion der Nutzer:innen erfordern.
-- Vermeiden Sie, viele **IndentedText**-Komponenten auf einer Einzelseite zu integrieren, da hierdurch die Übersichtlichkeit sinkt.
-
-### Anwendungsfälle
-
-Verwenden Sie die **IndentedText**-Komponente, um Textpassagen oder Informationen optisch hervorzuheben.
-
-<!-- Auto Generated Below -->
-
-
-> **[DEPRECATED]** Will be removed in v3. Replace with custom HTML and styling.
-
-## Slots
-
-| Slot | Description |
-| ---- | ----------- |
-|      | Der Text.   |
-
-
-----------------------------------------------
-
-