@public-ui/components 2.0.15 → 2.1.0

package/dist/kolibri/{i18n-7bf2bd6f.js.map → i18n-37baa421.js.map}

@@ -1 +1 @@
-{"version":3,"names":["locale_de","error","warning","info","success","message","close","of","characters","new","pagination","page","version","locale_en","mapLocaleKeys","locale","Object","keys","reduce","a","c","translations","Set","t","translate","key","options","i18n","getI18nInstance","text","addTranslations","processEnv"],"sources":["src/locales/de.ts","src/locales/en.ts","src/i18n.ts"],"sourcesContent":["export default {\n\terror: 'Fehler',\n\twarning: 'Warnung',\n\tinfo: 'Hinweis',\n\tsuccess: 'Erfolg',\n\tmessage: 'Nachricht',\n\tclose: 'Schließen',\n\t'form-description': 'Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.',\n\tof: 'von',\n\tcharacters: 'Zeichen',\n\tnew: 'Neu',\n\t'no-entries': 'Es sind keine Einträge vorhanden.',\n\t'change-order': 'Sortierung von {{colLabel}} ändern',\n\t'action-running': 'Aktion wird ausgeführt...',\n\t'action-done': 'Aktion abgeschlossen',\n\tpagination: 'Paginierung',\n\t'page-first': 'Direkt zur ersten Seite',\n\t'page-back': 'Eine Seite zurück',\n\t'page-next': 'Eine Seite weiter',\n\t'page-last': 'Direkt zur letzten Seite',\n\t'entries-per-site': 'Einträge pro Seite',\n\tpage: 'Seite',\n\t'page-current': 'Seite {{page}}',\n\t'page-selected': 'Seite {{page}} ist ausgewählt',\n\t'page-per-site': '{{entries}} Einträge pro Seite',\n\t'nav-maximize': 'Navigation maximieren',\n\t'nav-minimize': 'Navigation minimieren',\n\t'logo-description': 'Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}',\n\t'open-link-in-tab': 'Öffnet in neuem Tab.',\n\t'kolibri-logo': 'Logo von KoliBri',\n\t'table-pagination-label': 'Paginierung für die Tabelle {{label}}',\n\t'avatar-alt': 'Avatar von {{name}}',\n\t'split-button-dropdown-label-open': 'Optionen anzeigen',\n\t'split-button-dropdown-label-close': 'Optionen schließen',\n\t'toast-close-all': 'Alle schließen',\n\t'error-list': 'Fehlerliste',\n\t'error-list-message': 'Bitte korrigieren Sie folgende Fehler:',\n\tversion: 'Versionsnummer',\n\t'table-visible-range': 'Einträge {{start}} bis {{end}} von {{total}}',\n};\n","export default {\n\terror: 'Error',\n\twarning: 'Warning',\n\tinfo: 'Note',\n\tsuccess: 'Success',\n\tmessage: 'Message',\n\tclose: 'Close',\n\t'form-description': 'Form fields marked with an asterisk (*) are mandatory.',\n\tof: 'of',\n\tcharacters: 'characters',\n\tnew: 'New',\n\t'no-entries': 'No entries available.',\n\t'change-order': 'Change order of {{colLabel}}',\n\t'action-running': 'Action is running...',\n\t'action-done': 'Action done',\n\tpagination: 'Pagination',\n\t'page-first': 'Directly to the first page',\n\t'page-back': 'One page back',\n\t'page-next': 'One page further',\n\t'page-last': 'Directly to the last page',\n\t'entries-per-site': 'Entries per page',\n\tpage: 'Page',\n\t'page-current': 'Page {{page}}',\n\t'page-selected': 'Page {{page}} is selected',\n\t'page-per-site': '{{entries}} entries per page',\n\t'nav-maximize': 'Maximize navigation',\n\t'nav-minimize': 'Minimize navigation',\n\t'logo-description': 'Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}',\n\t'open-link-in-tab': 'Opens in new tab.',\n\t'kolibri-logo': 'KoliBri logo',\n\t'table-pagination-label': 'Pagination for table {{label}}',\n\t'avatar-alt': 'Avatar of {{name}}',\n\t'split-button-dropdown-label-open': 'Show options',\n\t'split-button-dropdown-label-close': 'Hide options',\n\t'toast-close-all': 'Close all',\n\t'error-list': 'Error list',\n\t'error-list-message': 'Please correct the following errors',\n\tversion: 'Version number',\n\t'table-visible-range': 'Entries {{start}} to {{end}} of {{total}}',\n};\n","import { processEnv } from '@public-ui/schema';\nimport type { Generic } from 'adopted-style-sheets';\nimport { getI18nInstance } from './core/i18n';\nimport locale_de from './locales/de';\nimport locale_en from './locales/en';\n\ntype ResourcePrefix = 'Kol';\ntype ComponentKeys = keyof typeof locale_de;\n\nconst mapLocaleKeys = (locale: { [K in ComponentKeys]: string }) =>\n\t(Object.keys(locale) as ComponentKeys[]).reduce((a, c) => ((a[`${'kol'}-${c}`] = locale[c]), a), {} as Generic.I18n.Map<ResourcePrefix, ComponentKeys>);\n\nconst translations = new Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, ResourcePrefix, ComponentKeys>>([\n\t(t: (language: 'en', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('en', mapLocaleKeys(locale_en)),\n\t(t: (language: 'de', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('de', mapLocaleKeys(locale_de)),\n]);\n\ntype Options = {\n\tcount?: number;\n\tplaceholders?: { [K: string]: string };\n};\n\nexport let translate = (key: `${Lowercase<ResourcePrefix>}-${Lowercase<ComponentKeys>}`, options?: Options) => {\n\tconst i18n = getI18nInstance();\n\tlet text = i18n.translate(key, options);\n\tif (text === key) {\n\t\ti18n.addTranslations(translations);\n\t\ttext = i18n.translate(key, options);\n\t}\n\treturn text;\n};\n\nif (processEnv === 'test') {\n\ttranslate = (key): string => key;\n}\n"],"mappings":";;;+EAAA,MAAAA,EAAe,CACdC,MAAO,SACPC,QAAS,UACTC,KAAM,UACNC,QAAS,SACTC,QAAS,YACTC,MAAO,YACP,mBAAoB,yFACpBC,GAAI,MACJC,WAAY,UACZC,IAAK,MACL,aAAc,oCACd,eAAgB,qCAChB,iBAAkB,4BAClB,cAAe,uBACfC,WAAY,cACZ,aAAc,0BACd,YAAa,oBACb,YAAa,oBACb,YAAa,2BACb,mBAAoB,qBACpBC,KAAM,QACN,eAAgB,iBAChB,gBAAiB,gCACjB,gBAAiB,iCACjB,eAAgB,wBAChB,eAAgB,wBAChB,mBAAoB,4EACpB,mBAAoB,uBACpB,eAAgB,mBAChB,yBAA0B,wCAC1B,aAAc,sBACd,mCAAoC,oBACpC,oCAAqC,qBACrC,kBAAmB,iBACnB,aAAc,cACd,qBAAsB,yCACtBC,QAAS,iBACT,sBAAuB,gDCtCxB,MAAAC,EAAe,CACdZ,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,QAAS,UACTC,QAAS,UACTC,MAAO,QACP,mBAAoB,yDACpBC,GAAI,KACJC,WAAY,aACZC,IAAK,MACL,aAAc,wBACd,eAAgB,+BAChB,iBAAkB,uBAClB,cAAe,cACfC,WAAY,aACZ,aAAc,6BACd,YAAa,gBACb,YAAa,mBACb,YAAa,4BACb,mBAAoB,mBACpBC,KAAM,OACN,eAAgB,gBAChB,gBAAiB,4BACjB,gBAAiB,+BACjB,eAAgB,sBAChB,eAAgB,sBAChB,mBAAoB,6EACpB,mBAAoB,oBACpB,eAAgB,eAChB,yBAA0B,iCAC1B,aAAc,qBACd,mCAAoC,eACpC,oCAAqC,eACrC,kBAAmB,YACnB,aAAc,aACd,qBAAsB,sCACtBC,QAAS,iBACT,sBAAuB,6CC7BxB,MAAME,EAAiBC,GACrBC,OAAOC,KAAKF,GAA4BG,QAAO,CAACC,EAAGC,KAAQD,EAAE,GAAG,SAASC,KAAOL,EAAOK,GAAKD,IAAI,IAElG,MAAME,EAAe,IAAIC,IAA8F,CACrHC,GAA0HA,EAAE,KAAMT,EAAcD,IAChJU,GAA0HA,EAAE,KAAMT,EAAcd,M,IAQvIwB,EAAY,CAACC,EAAiEC,KACxF,MAAMC,EAAOC,IACb,IAAIC,EAAOF,EAAKH,UAAUC,EAAKC,GAC/B,GAAIG,IAASJ,EAAK,CACjBE,EAAKG,gBAAgBT,GACrBQ,EAAOF,EAAKH,UAAUC,EAAKC,E,CAE5B,OAAOG,CAAI,EAGZ,GAAIE,IAAe,OAAQ,CAC1BP,EAAaC,GAAgBA,CAC9B,Q"}
+{"version":3,"names":["locale_de","error","warning","info","success","message","close","of","characters","new","pagination","page","version","locale_en","mapLocaleKeys","locale","Object","keys","reduce","a","c","translations","Set","t","translate","key","options","i18n","getI18nInstance","text","addTranslations","processEnv"],"sources":["src/locales/de.ts","src/locales/en.ts","src/i18n.ts"],"sourcesContent":["export default {\n\terror: 'Fehler',\n\twarning: 'Warnung',\n\tinfo: 'Hinweis',\n\tsuccess: 'Erfolg',\n\tmessage: 'Nachricht',\n\tclose: 'Schließen',\n\t'form-description': 'Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.',\n\tof: 'von',\n\tcharacters: 'Zeichen',\n\tnew: 'Neu',\n\t'no-entries': 'Es sind keine Einträge vorhanden.',\n\t'change-order': 'Sortierung von {{colLabel}} ändern',\n\t'action-running': 'Aktion wird ausgeführt...',\n\t'action-done': 'Aktion abgeschlossen',\n\tpagination: 'Paginierung',\n\t'page-first': 'Direkt zur ersten Seite',\n\t'page-back': 'Eine Seite zurück',\n\t'page-next': 'Eine Seite weiter',\n\t'page-last': 'Direkt zur letzten Seite',\n\t'entries-per-site': 'Einträge pro Seite',\n\tpage: 'Seite',\n\t'page-current': 'Seite {{page}}',\n\t'page-selected': 'Seite {{page}} ist ausgewählt',\n\t'page-per-site': '{{entries}} Einträge pro Seite',\n\t'nav-maximize': 'Navigation maximieren',\n\t'nav-minimize': 'Navigation minimieren',\n\t'logo-description': 'Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}',\n\t'open-link-in-tab': 'Öffnet in neuem Tab.',\n\t'kolibri-logo': 'Logo von KoliBri',\n\t'table-pagination-label': 'Paginierung für die Tabelle {{label}}',\n\t'avatar-alt': 'Avatar von {{name}}',\n\t'split-button-dropdown-label-open': 'Optionen anzeigen',\n\t'split-button-dropdown-label-close': 'Optionen schließen',\n\t'toast-close-all': 'Alle schließen',\n\t'error-list': 'Fehlerliste',\n\t'error-list-message': 'Bitte korrigieren Sie folgende Fehler:',\n\tversion: 'Versionsnummer',\n\t'table-visible-range': 'Einträge {{start}} bis {{end}} von {{total}}',\n};\n","export default {\n\terror: 'Error',\n\twarning: 'Warning',\n\tinfo: 'Note',\n\tsuccess: 'Success',\n\tmessage: 'Message',\n\tclose: 'Close',\n\t'form-description': 'Form fields marked with an asterisk (*) are mandatory.',\n\tof: 'of',\n\tcharacters: 'characters',\n\tnew: 'New',\n\t'no-entries': 'No entries available.',\n\t'change-order': 'Change order of {{colLabel}}',\n\t'action-running': 'Action is running...',\n\t'action-done': 'Action done',\n\tpagination: 'Pagination',\n\t'page-first': 'Directly to the first page',\n\t'page-back': 'One page back',\n\t'page-next': 'One page further',\n\t'page-last': 'Directly to the last page',\n\t'entries-per-site': 'Entries per page',\n\tpage: 'Page',\n\t'page-current': 'Page {{page}}',\n\t'page-selected': 'Page {{page}} is selected',\n\t'page-per-site': '{{entries}} entries per page',\n\t'nav-maximize': 'Maximize navigation',\n\t'nav-minimize': 'Minimize navigation',\n\t'logo-description': 'Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}',\n\t'open-link-in-tab': 'Opens in new tab.',\n\t'kolibri-logo': 'KoliBri logo',\n\t'table-pagination-label': 'Pagination for table {{label}}',\n\t'avatar-alt': 'Avatar of {{name}}',\n\t'split-button-dropdown-label-open': 'Show options',\n\t'split-button-dropdown-label-close': 'Hide options',\n\t'toast-close-all': 'Close all',\n\t'error-list': 'Error list',\n\t'error-list-message': 'Please correct the following errors',\n\tversion: 'Version number',\n\t'table-visible-range': 'Entries {{start}} to {{end}} of {{total}}',\n};\n","import { processEnv } from './schema';\nimport type { Generic } from 'adopted-style-sheets';\nimport { getI18nInstance } from './core/i18n';\nimport locale_de from './locales/de';\nimport locale_en from './locales/en';\n\ntype ResourcePrefix = 'Kol';\ntype ComponentKeys = keyof typeof locale_de;\n\nconst mapLocaleKeys = (locale: { [K in ComponentKeys]: string }) =>\n\t(Object.keys(locale) as ComponentKeys[]).reduce((a, c) => ((a[`${'kol'}-${c}`] = locale[c]), a), {} as Generic.I18n.Map<ResourcePrefix, ComponentKeys>);\n\nconst translations = new Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, ResourcePrefix, ComponentKeys>>([\n\t(t: (language: 'en', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('en', mapLocaleKeys(locale_en)),\n\t(t: (language: 'de', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('de', mapLocaleKeys(locale_de)),\n]);\n\ntype Options = {\n\tcount?: number;\n\tplaceholders?: { [K: string]: string };\n};\n\nexport let translate = (key: `${Lowercase<ResourcePrefix>}-${Lowercase<ComponentKeys>}`, options?: Options) => {\n\tconst i18n = getI18nInstance();\n\tlet text = i18n.translate(key, options);\n\tif (text === key) {\n\t\ti18n.addTranslations(translations);\n\t\ttext = i18n.translate(key, options);\n\t}\n\treturn text;\n};\n\nif (processEnv === 'test') {\n\ttranslate = (key): string => key;\n}\n"],"mappings":";;;+EAAA,MAAAA,EAAe,CACdC,MAAO,SACPC,QAAS,UACTC,KAAM,UACNC,QAAS,SACTC,QAAS,YACTC,MAAO,YACP,mBAAoB,yFACpBC,GAAI,MACJC,WAAY,UACZC,IAAK,MACL,aAAc,oCACd,eAAgB,qCAChB,iBAAkB,4BAClB,cAAe,uBACfC,WAAY,cACZ,aAAc,0BACd,YAAa,oBACb,YAAa,oBACb,YAAa,2BACb,mBAAoB,qBACpBC,KAAM,QACN,eAAgB,iBAChB,gBAAiB,gCACjB,gBAAiB,iCACjB,eAAgB,wBAChB,eAAgB,wBAChB,mBAAoB,4EACpB,mBAAoB,uBACpB,eAAgB,mBAChB,yBAA0B,wCAC1B,aAAc,sBACd,mCAAoC,oBACpC,oCAAqC,qBACrC,kBAAmB,iBACnB,aAAc,cACd,qBAAsB,yCACtBC,QAAS,iBACT,sBAAuB,gDCtCxB,MAAAC,EAAe,CACdZ,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,QAAS,UACTC,QAAS,UACTC,MAAO,QACP,mBAAoB,yDACpBC,GAAI,KACJC,WAAY,aACZC,IAAK,MACL,aAAc,wBACd,eAAgB,+BAChB,iBAAkB,uBAClB,cAAe,cACfC,WAAY,aACZ,aAAc,6BACd,YAAa,gBACb,YAAa,mBACb,YAAa,4BACb,mBAAoB,mBACpBC,KAAM,OACN,eAAgB,gBAChB,gBAAiB,4BACjB,gBAAiB,+BACjB,eAAgB,sBAChB,eAAgB,sBAChB,mBAAoB,6EACpB,mBAAoB,oBACpB,eAAgB,eAChB,yBAA0B,iCAC1B,aAAc,qBACd,mCAAoC,eACpC,oCAAqC,eACrC,kBAAmB,YACnB,aAAc,aACd,qBAAsB,sCACtBC,QAAS,iBACT,sBAAuB,6CC7BxB,MAAME,EAAiBC,GACrBC,OAAOC,KAAKF,GAA4BG,QAAO,CAACC,EAAGC,KAAQD,EAAE,GAAG,SAASC,KAAOL,EAAOK,GAAKD,IAAI,IAElG,MAAME,EAAe,IAAIC,IAA8F,CACrHC,GAA0HA,EAAE,KAAMT,EAAcD,IAChJU,GAA0HA,EAAE,KAAMT,EAAcd,M,IAQvIwB,EAAY,CAACC,EAAiEC,KACxF,MAAMC,EAAOC,IACb,IAAIC,EAAOF,EAAKH,UAAUC,EAAKC,GAC/B,GAAIG,IAASJ,EAAK,CACjBE,EAAKG,gBAAgBT,GACrBQ,EAAOF,EAAKH,UAAUC,EAAKC,E,CAE5B,OAAOG,CAAI,EAGZ,GAAIE,IAAe,OAAQ,CAC1BP,EAAaC,GAAgBA,CAC9B,Q"}

package/dist/kolibri/icons-d2e01be4.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{o,p as t,w as e}from"./prop.validators-29d576d2.js";import{i,b as n,c as l}from"./reuse-b66836de.js";const c=(t,o,e)=>{l(e)?t[o]=e:i(e,1)&&(t[o]={icon:e})},s=t=>{let o={};return i(t,1)?o={left:{icon:t}}:"object"==typeof t&&null!==t&&(c(o,"top",t.top),c(o,"right",t.right),c(o,"bottom",t.bottom),c(o,"left",t.left)),o},f=t=>{var o,e,i;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icons")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icons");null===(i=t.nextState)||void 0===i||i.set("_icons",s(o))}},d=t=>"object"==typeof t&&null!==t&&(void 0===t.style||n(t.style))&&(void 0===t.label||i(t.label))&&i(t.icon,1),r=(l,n,c={})=>{o(n,(()=>{var o;try{n=t(n)}catch(o){}e(l,"_icons",(t=>{const o="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||o||i(t,1)||"object"==typeof t&&null!==t&&(i(t.left,1)||d(t.left)||i(t.right,1)||d(t.right)||i(t.top,1)||d(t.top)||i(t.bottom,1)||d(t.bottom))}),new Set(["KoliBriIcon"]),n,Object.assign(Object.assign({},c),{defaultValue:{},hooks:{afterPatch:null===(o=c.hooks)||void 0===o?void 0:o.afterPatch,beforePatch:(t,o,e,i)=>{var l,n;"function"==typeof(null===(l=c.hooks)||void 0===l?void 0:l.beforePatch)&&(null===(n=c.hooks)||void 0===n||n.beforePatch(t,o,e,i)),f(e)}}}))}))};export{d as i,r as v};

package/dist/kolibri/icons-d2e01be4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapCustomIcon","state","alignment","icon","isObject","isString","mapIconProp2State","left","top","right","bottom","beforePatchIcon","component","_a","nextState","has","icons","_b","get","_c","set","isIcon","value","style","isStyle","label","validateIcons","options","objectObjectHandler","parseJson","e","watchValidator","valueIsEmptyObject","Object","keys","length","Set","assign","defaultValue","hooks","afterPatch","beforePatch","nextValue","key"],"sources":["src/schema/props/icons.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AnyIconFontClass, KoliBriCustomIcon, KoliBriIconsProp, KoliBriIconsState } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { objectObjectHandler, parseJson, watchValidator } from '../utils';\nimport { isObject, isString, isStyle } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type IconsPropType = Stringified<KoliBriIconsProp>;\n\n/**\n * Defines the icon classnames.\n */\nexport type PropIcons = {\n\ticons: IconsPropType;\n};\n\n/* validator */\n\nconst mapCustomIcon = (state: KoliBriIconsState, alignment: AlignPropType, icon?: AnyIconFontClass | KoliBriCustomIcon) => {\n\tif (isObject(icon)) {\n\t\tstate[alignment] = icon as KoliBriCustomIcon;\n\t} else if (isString(icon, 1)) {\n\t\tstate[alignment] = {\n\t\t\ticon: icon as AnyIconFontClass,\n\t\t};\n\t}\n};\n\nexport const mapIconProp2State = (icon: KoliBriIconsProp): KoliBriIconsState => {\n\tlet state: KoliBriIconsState = {};\n\tif (isString(icon, 1)) {\n\t\tstate = {\n\t\t\tleft: {\n\t\t\t\ticon: icon as AnyIconFontClass,\n\t\t\t},\n\t\t};\n\t} else if (typeof icon === 'object' && icon !== null) {\n\t\tmapCustomIcon(state, 'top', icon.top);\n\t\tmapCustomIcon(state, 'right', icon.right);\n\t\tmapCustomIcon(state, 'bottom', icon.bottom);\n\t\tmapCustomIcon(state, 'left', icon.left);\n\t}\n\treturn state;\n};\n\nconst beforePatchIcon = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_icons')) {\n\t\tconst icons = component.nextState?.get('_icons') as KoliBriIconsProp;\n\t\tcomponent.nextState?.set('_icons', mapIconProp2State(icons));\n\t}\n};\n\nexport const isIcon = (value?: unknown): boolean =>\n\ttypeof value === 'object' &&\n\tvalue !== null &&\n\t(typeof (value as KoliBriCustomIcon).style === 'undefined' || isStyle((value as KoliBriCustomIcon).style)) &&\n\t(typeof (value as KoliBriCustomIcon).label === 'undefined' || isString((value as KoliBriCustomIcon).label)) &&\n\tisString((value as KoliBriCustomIcon).icon, 1);\n\nexport const validateIcons = (component: Generic.Element.Component, value?: IconsPropType, options: WatchOptions = {}): void => {\n\tobjectObjectHandler(value, () => {\n\t\ttry {\n\t\t\tvalue = parseJson<KoliBriIconsProp>(value as string);\n\t\t} catch (e) {\n\t\t\t// value behält den ursprünglichen Wert\n\t\t}\n\t\twatchValidator(\n\t\t\tcomponent,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\tconst valueIsEmptyObject = typeof value === 'object' && value !== null && Object.keys(value).length === 0;\n\t\t\t\treturn (\n\t\t\t\t\tvalue === null ||\n\t\t\t\t\tvalueIsEmptyObject ||\n\t\t\t\t\tisString(value, 1) ||\n\t\t\t\t\t(typeof value === 'object' &&\n\t\t\t\t\t\tvalue !== null &&\n\t\t\t\t\t\t(isString(value.left, 1) ||\n\t\t\t\t\t\t\tisIcon(value.left) ||\n\t\t\t\t\t\t\tisString(value.right, 1) ||\n\t\t\t\t\t\t\tisIcon(value.right) ||\n\t\t\t\t\t\t\tisString(value.top, 1) ||\n\t\t\t\t\t\t\tisIcon(value.top) ||\n\t\t\t\t\t\t\tisString(value.bottom, 1) ||\n\t\t\t\t\t\t\tisIcon(value.bottom)))\n\t\t\t\t);\n\t\t\t},\n\t\t\tnew Set(['KoliBriIcon']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\t...options,\n\t\t\t\tdefaultValue: {},\n\t\t\t\thooks: {\n\t\t\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforePatchIcon(component);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t});\n};\n"],"mappings":";;;4GAsBA,MAAMA,EAAgB,CAACC,EAA0BC,EAA0BC,KAC1E,GAAIC,EAASD,GAAO,CACnBF,EAAMC,GAAaC,C,MACb,GAAIE,EAASF,EAAM,GAAI,CAC7BF,EAAMC,GAAa,CAClBC,KAAMA,E,GAKF,MAAMG,EAAqBH,IACjC,IAAIF,EAA2B,GAC/B,GAAII,EAASF,EAAM,GAAI,CACtBF,EAAQ,CACPM,KAAM,CACLJ,KAAMA,G,MAGF,UAAWA,IAAS,UAAYA,IAAS,KAAM,CACrDH,EAAcC,EAAO,MAAOE,EAAKK,KACjCR,EAAcC,EAAO,QAASE,EAAKM,OACnCT,EAAcC,EAAO,SAAUE,EAAKO,QACpCV,EAAcC,EAAO,OAAQE,EAAKI,K,CAEnC,OAAON,CAAK,EAGb,MAAMU,EAAmBC,I,UACxB,IAAIC,EAAAD,EAAUE,aAAS,MAAAD,SAAA,SAAAA,EAAEE,IAAI,UAAW,CACvC,MAAMC,GAAQC,EAAAL,EAAUE,aAAS,MAAAG,SAAA,SAAAA,EAAEC,IAAI,WACvCC,EAAAP,EAAUE,aAAS,MAAAK,SAAA,SAAAA,EAAEC,IAAI,SAAUd,EAAkBU,G,SAI1CK,EAAUC,UACfA,IAAU,UACjBA,IAAU,cACDA,EAA4BC,QAAU,aAAeC,EAASF,EAA4BC,iBAC1FD,EAA4BG,QAAU,aAAepB,EAAUiB,EAA4BG,SACpGpB,EAAUiB,EAA4BnB,KAAM,G,MAEhCuB,EAAgB,CAACd,EAAsCU,EAAuBK,EAAwB,MAClHC,EAAoBN,GAAO,K,MAC1B,IACCA,EAAQO,EAA4BP,E,CACnC,MAAOQ,G,CAGTC,EACCnB,EACA,UACCU,IACA,MAAMU,SAA4BV,IAAU,UAAYA,IAAU,MAAQW,OAAOC,KAAKZ,GAAOa,SAAW,EACxG,OACCb,IAAU,MACVU,GACA3B,EAASiB,EAAO,WACRA,IAAU,UACjBA,IAAU,OACTjB,EAASiB,EAAMf,KAAM,IACrBc,EAAOC,EAAMf,OACbF,EAASiB,EAAMb,MAAO,IACtBY,EAAOC,EAAMb,QACbJ,EAASiB,EAAMd,IAAK,IACpBa,EAAOC,EAAMd,MACbH,EAASiB,EAAMZ,OAAQ,IACvBW,EAAOC,EAAMZ,QAAS,GAG1B,IAAI0B,IAAI,CAAC,gBACTd,EAAKW,OAAAI,OAAAJ,OAAAI,OAAA,GAEDV,GAAO,CACVW,aAAc,GACdC,MAAO,CACNC,YAAY3B,EAAAc,EAAQY,SAAK,MAAA1B,SAAA,SAAAA,EAAE2B,WAC3BC,YAAa,CAACC,EAAW5B,EAAWF,EAAW+B,K,QAC9C,WAAW9B,EAAAc,EAAQY,SAAK,MAAA1B,SAAA,SAAAA,EAAE4B,eAAgB,WAAY,EACrDxB,EAAAU,EAAQY,SAAK,MAAAtB,SAAA,SAAAA,EAAEwB,YAAYC,EAAW5B,EAAWF,EAAW+B,E,CAE7DhC,EAAgBC,EAAU,KAI7B,GACA,S"}

package/dist/kolibri/image-source-36b5abe9.js

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

package/dist/kolibri/image-source-36b5abe9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateImageSource","component","value","options","watchString"],"sources":["src/schema/props/image-source.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type ImageSourcePropType = string;\n\n/**\n * Sets the image `src` attribute to the given string.\n */\nexport type PropImageSource = {\n\tsrc: ImageSourcePropType;\n};\n\n/* validator */\nexport const validateImageSource = (component: Generic.Element.Component, value?: ImageSourcePropType, options?: WatchStringOptions): void => {\n\twatchString(component, '_src', value, options);\n};\n"],"mappings":";;;wDAgBaA,EAAsB,CAACC,EAAsCC,EAA6BC,KACtGC,EAAYH,EAAW,OAAQC,EAAOC,EAAQ,S"}

package/dist/kolibri/index-4a3076fc.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t={exports:{}};!function(t){!function(e,o){t.exports?t.exports=o():e.log=o()}(e,(function(){var e=function(){},t="undefined",o=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),n=["trace","debug","info","warn","error"],i={},s=null;function l(e,t){var o=e[t];if("function"==typeof o.bind)return o.bind(e);try{return Function.prototype.bind.call(o,e)}catch(t){return function(){return Function.prototype.apply.apply(o,[e,arguments])}}}function r(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function a(n){return"debug"===n&&(n="log"),typeof console!==t&&("trace"===n&&o?r:void 0!==console[n]?l(console,n):void 0!==console.log?l(console,"log"):e)}function c(){for(var o=this.getLevel(),i=0;i<n.length;i++){var s=n[i];this[s]=i<o?e:this.methodFactory(s,o,this.name)}if(this.log=this.debug,typeof console===t&&o<this.levels.SILENT)return"No console available for logging"}function y(e){return function(){typeof console!==t&&(c.call(this),this[e].apply(this,arguments))}}function f(e,t,o){return a(e)||y.apply(this,arguments)}function h(e,o){var l,r,a,y=this,h="loglevel";function u(e){var o=(n[e]||"silent").toUpperCase();if(typeof window!==t&&h){try{return void(window.localStorage[h]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(h)+"="+o+";"}catch(e){}}}function m(){var e;if(typeof window!==t&&h){try{e=window.localStorage[h]}catch(e){}if(typeof e===t)try{var o=window.document.cookie,n=encodeURIComponent(h),i=o.indexOf(n+"=");-1!==i&&(e=/^([^;]+)/.exec(o.slice(i+n.length+1))[1])}catch(e){}return void 0===y.levels[e]&&(e=void 0),e}}function p(e){var t=e;if("string"==typeof t&&void 0!==y.levels[t.toUpperCase()]&&(t=y.levels[t.toUpperCase()]),"number"==typeof t&&t>=0&&t<=y.levels.SILENT)return t;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?h+=":"+e:"symbol"==typeof e&&(h=void 0),y.name=e,y.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},y.methodFactory=o||f,y.getLevel=function(){return null!=a?a:null!=r?r:l},y.setLevel=function(e,t){return a=p(e),!1!==t&&u(a),c.call(y)},y.setDefaultLevel=function(e){r=p(e),m()||y.setLevel(e,!1)},y.resetLevel=function(){a=null,function(){if(typeof window!==t&&h){try{window.localStorage.removeItem(h)}catch(e){}try{window.document.cookie=encodeURIComponent(h)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(y)},y.enableAll=function(e){y.setLevel(y.levels.TRACE,e)},y.disableAll=function(e){y.setLevel(y.levels.SILENT,e)},y.rebuild=function(){if(s!==y&&(l=p(s.getLevel())),c.call(y),s===y)for(var e in i)i[e].rebuild()},l=p(s?s.getLevel():"WARN");var d=m();null!=d&&(a=p(d)),c.call(y)}(s=new h).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var t=i[e];return t||(t=i[e]=new h(e,s.methodFactory)),t};var u=typeof window!==t?window.log:void 0;return s.noConflict=function(){return typeof window!==t&&window.log===s&&(window.log=u),s},s.getLoggers=function(){return i},s.default=s,s}))}(t);const n=t.exports,o=(e,t)=>o=>o(e,t),r=(e,t)=>o=>o(e,t,{append:!1}),i={};let l=!0,f=!1;const s=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,c=e=>"string"==typeof e&&s.test(e),u=e=>{if(!1===c(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},a=(e,t,o,s)=>{(s=s??{}).append=s.append??!1,u(e),!0===l&&!1===f&&(f=!0,n.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n\timport { register } from 'adopted-style-sheets';\n\timport { defineCustomElements } from '...';\n\timport { THEME } from '...';\n\n\tregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\t// run your app or website\n\t})\n\t.catch(console.warn);`)),("object"!=typeof i.A11yUi||null===i.A11yUi)&&(i.A11yUi={}),"object"==typeof i.A11yUi&&null!==i.A11yUi&&("object"!=typeof i.A11yUi.Themes||null===i.A11yUi.Themes)&&(i.A11yUi.Themes={}),"object"==typeof i.A11yUi&&null!==i.A11yUi&&"object"==typeof i.A11yUi.Themes&&null!==i.A11yUi.Themes&&("object"!=typeof i.A11yUi.Themes[e]||null===i.A11yUi.Themes[e])&&(i.A11yUi.Themes[e]={}),"object"==typeof i.A11yUi&&null!==i.A11yUi&&"object"==typeof i.A11yUi.Themes&&null!==i.A11yUi.Themes&&"object"==typeof i.A11yUi.Themes[e]&&null!==i.A11yUi.Themes[e]&&(s.append&&"string"==typeof i.A11yUi.Themes[e][t]?i.A11yUi.Themes[e][t]+=o:i.A11yUi.Themes[e][t]=o)},y=(e,t,o,n)=>(u(e),"object"==typeof t&&null!==t&&Object.getOwnPropertyNames(t).forEach((i=>{const s=t[i],l=i.toLowerCase(),r="function"!=typeof n?.transformTagName||["GLOBAL","PROPERTIES"].includes(i)?i:n.transformTagName(l);"string"==typeof s&&s.length>0&&a(e,r.toUpperCase(),s,o)})),e),p=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return p(t)}}return null},d=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},h=()=>"object"==typeof i.A11yUi&&null!==i.A11yUi&&"object"==typeof i.A11yUi.Theme&&null!==i.A11yUi.Theme&&"boolean"==typeof i.A11yUi.Theme.cache&&"object"==typeof i.A11yUi.Theme.encroachCss&&null!==i.A11yUi.Theme.encroachCss&&"string"==typeof i.A11yUi.Theme.encroachCss.mode&&"string"==typeof i.A11yUi.Theme.name,w=()=>!("object"==typeof i.A11yUi&&null!==i.A11yUi&&"object"==typeof i.A11yUi.Theme&&null!==i.A11yUi.Theme&&"default"===i.A11yUi.Theme.name),b=e=>{if(h())return i.A11yUi.Theme;{const t={cache:!0,encroachCss:d(),loglevel:"silent",name:null},o=p(e);return o instanceof HTMLElement&&(t.cache="false"!==o.dataset.themeCache,t.encroachCss=d(o.dataset),t.loglevel="debug"===o.dataset.themeLoglevel?o.dataset.themeLoglevel:"silent",t.name=o.dataset.theme||null),t}},m=(e,t)=>({cache:!1!==t.cache,detect:"auto"===t.detect?"auto":"fixed",encroachCss:!1!==t.encroachCss&&("object"!=typeof t.encroachCss||null==t.encroachCss||"after"!==t.encroachCss.mode&&"before"!==t.encroachCss.mode?{mode:"before"}:t.encroachCss),loglevel:"debug"===t.loglevel?t.loglevel:"silent",name:"string"==typeof t.name?t.name:e}),g=(e,t)=>{!1===h()&&w()&&"object"==typeof t&&null!==t&&("fixed"===(t=m(e,t)).detect?(null===t.name&&"string"==typeof e&&(t.name=e),e===t.name&&(("object"!=typeof i.A11yUi||null===i.A11yUi)&&(i.A11yUi={}),i.A11yUi.Theme=t,n.info(`[Theming] Theme "${e}" was set as default theme.`))):n.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode."))};let T=!1;const v=(e,t,o={})=>{!1===T&&(T=!0,l=!1),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach((e=>{"function"==typeof e&&1===e.length?g(e(((e,t,n)=>y(e,t,n,o))),{cache:o.theme?.cache,detect:o.theme?.detect,encroachCss:o.theme?.encroachCss,name:o.theme?.name}):n.error("[Theming] Es wurde versucht eine nicht kompatibles Theme zu laden.")})),l=!0,"function"==typeof t?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const i=[];return t.forEach((e=>{const t=e();t instanceof Promise&&i.push(t)})),Promise.all(i)},E=new Map,S=[],j=new Set,R=new Map,A=/--[^;]+/g,L=/:/;("object"!=typeof i.A11yUi||null===i.A11yUi)&&(i.A11yUi={CSS_STYLE_CACHE:R,HYDRATED_HISTORY:S,STYLING_TASK_QUEUE:E});const C=(e,t)=>{let o=t.match(A);if(Array.isArray(o)){o=o.filter((e=>L.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t)}j.add(e)},O=(e,t)=>"object"==typeof i.A11yUi&&null!==i.A11yUi&&"object"==typeof i.A11yUi.Themes&&null!==i.A11yUi.Themes&&"object"==typeof i.A11yUi.Themes[e]&&null!==i.A11yUi.Themes[e]&&"string"==typeof i.A11yUi.Themes[e][t]?i.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",M=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t)}},D=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t)})),e.adoptedStyleSheets=o}catch{t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild)}))}},I=(e,t,o)=>{if(!1!==o){const n=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let i;try{i=[...Array.from(e.adoptedStyleSheets)]}catch{i=[]}"before"===o?.mode?(n.reverse().forEach((e=>t.unshift(e.innerHTML))),i.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(n.forEach((e=>t.push(e.innerHTML))),i.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}},H=(e,t,o)=>{const n=t.name||"default";let i;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");i=e.shadowRoot}catch{i=e}if(R.get(n)?.has(e.tagName))$(e,i,R.get(n)?.get(e.tagName),o);else{const s=O(n,"PROPERTIES"),l=O(n,"GLOBAL"),r=O(n,e.tagName);!1===j.has(n)&&C(n,l);const a=[s,l,r];I(i,a,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,a),!0===t.cache&&(!1===R.has(n)&&R.set(n,new Map),R.get(n)?.set(e.tagName,a)),$(e,i,a,o)}},$=(e,t,o,n)=>{M(t),D(t,o),e.style.display=n},z=e=>{"debug"===e.loglevel&&S.push({timestamp:Date.now(),numberOfTasks:E.size})},P=(e,t)=>{E.set(e,{styleDisplay:e.style.display?`${e.style.display}`:null,themeDetails:t})},U=(e,t)=>{P(e,t),z(t)},Y=e=>{E.delete(e)},x=(e,t)=>{Y(e),z(t)},N=e=>{const t=setTimeout((()=>{if(clearTimeout(t),E.has(e)&&e.classList.contains("hydrated")){const{styleDisplay:t,themeDetails:o}=E.get(e);H(e,o,t),x(e,o)}else N(e)}),25)},F=e=>{for(const t of e)if(E.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=E.get(t.target);H(t.target,o,e),x(t.target,o)}},_={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1};let k;try{k=new MutationObserver(F)}catch{k=null}const G=(e,t)=>{U(e,t),k?k.observe(e,_):N(e),e.style.display="none"};class B{constructor(e,t,n){this.createTheme=(e,t)=>r(e,t),this.createTranslation=(e,t)=>o(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(n)}}export{y as U,v as _,a as b,G as e,b as j,B as t};

package/dist/kolibri/index-4a3076fc.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["root","definition","module","exports","log","this","noop","undefinedType","isIE","window","navigator","test","userAgent","logMethods","_loggersByName","defaultLogger","bindMethod","obj","methodName","method","bind","Function","prototype","call","e","apply","arguments","traceForIE","console","trace","realMethod","undefined","replaceLoggingMethods","level","getLevel","i","length","methodFactory","name","debug","levels","SILENT","enableLoggingWhenConsoleArrives","defaultMethodFactory","_level","_loggerName","Logger","factory","self","inheritedLevel","defaultLevel","userLevel","storageKey","persistLevelIfPossible","levelNum","levelName","toUpperCase","localStorage","ignore","document","cookie","encodeURIComponent","getPersistedLevel","storedLevel","cookieName","location","indexOf","exec","slice","clearPersistedLevel","removeItem","normalizeLevel","input","TypeError","TRACE","DEBUG","INFO","WARN","ERROR","setLevel","persist","setDefaultLevel","resetLevel","enableAll","disableAll","rebuild","childName","initialLevel","getLogger","logger","_log","noConflict","getLoggers","H","t","s","P","append","o","u","A","D","I","g","Error","b","a","f","warn","A11yUi","Themes","U","Object","getOwnPropertyNames","forEach","r","n","toLowerCase","m","transformTagName","includes","E","HTMLElement","dataset","theme","parentNode","ShadowRoot","host","S","themeEncroachCss","themeReset","mode","themeEncroachCssMode","w","Theme","cache","encroachCss","z","j","loglevel","themeCache","themeLoglevel","k","detect","Y","info","C","_","Set","Array","isArray","error","Promise","push","all","c","Map","v","L","h","B","G","CSS_STYLE_CACHE","HYDRATED_HISTORY","STYLING_TASK_QUEUE","K","match","filter","createElement","innerHTML","join","querySelector","appendChild","add","T","replace","q","from","childNodes","HTMLStyleElement","tagName","removeChild","F","CSSStyleSheet","replaceSync","adoptedStyleSheets","reverse","insertBefore","firstChild","Q","unshift","cssRules","map","cssText","M","shadowRoot","get","has","$","y","set","style","display","O","timestamp","Date","now","numberOfTasks","size","J","styleDisplay","themeDetails","V","W","delete","R","N","setTimeout","clearTimeout","classList","contains","X","target","Z","attributes","attributeFilter","childList","subtree","p","MutationObserver","ee","observe","te","constructor","createTheme","createTranslation","Prefix","Key","Tag"],"sources":["../../node_modules/.pnpm/loglevel@1.9.1/node_modules/loglevel/lib/loglevel.js","../../node_modules/.pnpm/adopted-style-sheets@1.1.4/node_modules/adopted-style-sheets/dist/index.mjs"],"sourcesContent":["/*\n* loglevel - https://github.com/pimterry/loglevel\n*\n* Copyright (c) 2013 Tim Perry\n* Licensed under the MIT license.\n*/\n(function (root, definition) {\n    \"use strict\";\n    if (typeof define === 'function' && define.amd) {\n        define(definition);\n    } else if (typeof module === 'object' && module.exports) {\n        module.exports = definition();\n    } else {\n        root.log = definition();\n    }\n}(this, function () {\n    \"use strict\";\n\n    // Slightly dubious tricks to cut down minimized file size\n    var noop = function() {};\n    var undefinedType = \"undefined\";\n    var isIE = (typeof window !== undefinedType) && (typeof window.navigator !== undefinedType) && (\n        /Trident\\/|MSIE /.test(window.navigator.userAgent)\n    );\n\n    var logMethods = [\n        \"trace\",\n        \"debug\",\n        \"info\",\n        \"warn\",\n        \"error\"\n    ];\n\n    var _loggersByName = {};\n    var defaultLogger = null;\n\n    // Cross-browser bind equivalent that works at least back to IE6\n    function bindMethod(obj, methodName) {\n        var method = obj[methodName];\n        if (typeof method.bind === 'function') {\n            return method.bind(obj);\n        } else {\n            try {\n                return Function.prototype.bind.call(method, obj);\n            } catch (e) {\n                // Missing bind shim or IE8 + Modernizr, fallback to wrapping\n                return function() {\n                    return Function.prototype.apply.apply(method, [obj, arguments]);\n                };\n            }\n        }\n    }\n\n    // Trace() doesn't print the message in IE, so for that case we need to wrap it\n    function traceForIE() {\n        if (console.log) {\n            if (console.log.apply) {\n                console.log.apply(console, arguments);\n            } else {\n                // In old IE, native console methods themselves don't have apply().\n                Function.prototype.apply.apply(console.log, [console, arguments]);\n            }\n        }\n        if (console.trace) console.trace();\n    }\n\n    // Build the best logging method possible for this env\n    // Wherever possible we want to bind, not wrap, to preserve stack traces\n    function realMethod(methodName) {\n        if (methodName === 'debug') {\n            methodName = 'log';\n        }\n\n        if (typeof console === undefinedType) {\n            return false; // No method possible, for now - fixed later by enableLoggingWhenConsoleArrives\n        } else if (methodName === 'trace' && isIE) {\n            return traceForIE;\n        } else if (console[methodName] !== undefined) {\n            return bindMethod(console, methodName);\n        } else if (console.log !== undefined) {\n            return bindMethod(console, 'log');\n        } else {\n            return noop;\n        }\n    }\n\n    // These private functions always need `this` to be set properly\n\n    function replaceLoggingMethods() {\n        /*jshint validthis:true */\n        var level = this.getLevel();\n\n        // Replace the actual methods.\n        for (var i = 0; i < logMethods.length; i++) {\n            var methodName = logMethods[i];\n            this[methodName] = (i < level) ?\n                noop :\n                this.methodFactory(methodName, level, this.name);\n        }\n\n        // Define log.log as an alias for log.debug\n        this.log = this.debug;\n\n        // Return any important warnings.\n        if (typeof console === undefinedType && level < this.levels.SILENT) {\n            return \"No console available for logging\";\n        }\n    }\n\n    // In old IE versions, the console isn't present until you first open it.\n    // We build realMethod() replacements here that regenerate logging methods\n    function enableLoggingWhenConsoleArrives(methodName) {\n        return function () {\n            if (typeof console !== undefinedType) {\n                replaceLoggingMethods.call(this);\n                this[methodName].apply(this, arguments);\n            }\n        };\n    }\n\n    // By default, we use closely bound real methods wherever possible, and\n    // otherwise we wait for a console to appear, and then try again.\n    function defaultMethodFactory(methodName, _level, _loggerName) {\n        /*jshint validthis:true */\n        return realMethod(methodName) ||\n               enableLoggingWhenConsoleArrives.apply(this, arguments);\n    }\n\n    function Logger(name, factory) {\n      // Private instance variables.\n      var self = this;\n      /**\n       * The level inherited from a parent logger (or a global default). We\n       * cache this here rather than delegating to the parent so that it stays\n       * in sync with the actual logging methods that we have installed (the\n       * parent could change levels but we might not have rebuilt the loggers\n       * in this child yet).\n       * @type {number}\n       */\n      var inheritedLevel;\n      /**\n       * The default level for this logger, if any. If set, this overrides\n       * `inheritedLevel`.\n       * @type {number|null}\n       */\n      var defaultLevel;\n      /**\n       * A user-specific level for this logger. If set, this overrides\n       * `defaultLevel`.\n       * @type {number|null}\n       */\n      var userLevel;\n\n      var storageKey = \"loglevel\";\n      if (typeof name === \"string\") {\n        storageKey += \":\" + name;\n      } else if (typeof name === \"symbol\") {\n        storageKey = undefined;\n      }\n\n      function persistLevelIfPossible(levelNum) {\n          var levelName = (logMethods[levelNum] || 'silent').toUpperCase();\n\n          if (typeof window === undefinedType || !storageKey) return;\n\n          // Use localStorage if available\n          try {\n              window.localStorage[storageKey] = levelName;\n              return;\n          } catch (ignore) {}\n\n          // Use session cookie as fallback\n          try {\n              window.document.cookie =\n                encodeURIComponent(storageKey) + \"=\" + levelName + \";\";\n          } catch (ignore) {}\n      }\n\n      function getPersistedLevel() {\n          var storedLevel;\n\n          if (typeof window === undefinedType || !storageKey) return;\n\n          try {\n              storedLevel = window.localStorage[storageKey];\n          } catch (ignore) {}\n\n          // Fallback to cookies if local storage gives us nothing\n          if (typeof storedLevel === undefinedType) {\n              try {\n                  var cookie = window.document.cookie;\n                  var cookieName = encodeURIComponent(storageKey);\n                  var location = cookie.indexOf(cookieName + \"=\");\n                  if (location !== -1) {\n                      storedLevel = /^([^;]+)/.exec(\n                          cookie.slice(location + cookieName.length + 1)\n                      )[1];\n                  }\n              } catch (ignore) {}\n          }\n\n          // If the stored level is not valid, treat it as if nothing was stored.\n          if (self.levels[storedLevel] === undefined) {\n              storedLevel = undefined;\n          }\n\n          return storedLevel;\n      }\n\n      function clearPersistedLevel() {\n          if (typeof window === undefinedType || !storageKey) return;\n\n          // Use localStorage if available\n          try {\n              window.localStorage.removeItem(storageKey);\n          } catch (ignore) {}\n\n          // Use session cookie as fallback\n          try {\n              window.document.cookie =\n                encodeURIComponent(storageKey) + \"=; expires=Thu, 01 Jan 1970 00:00:00 UTC\";\n          } catch (ignore) {}\n      }\n\n      function normalizeLevel(input) {\n          var level = input;\n          if (typeof level === \"string\" && self.levels[level.toUpperCase()] !== undefined) {\n              level = self.levels[level.toUpperCase()];\n          }\n          if (typeof level === \"number\" && level >= 0 && level <= self.levels.SILENT) {\n              return level;\n          } else {\n              throw new TypeError(\"log.setLevel() called with invalid level: \" + input);\n          }\n      }\n\n      /*\n       *\n       * Public logger API - see https://github.com/pimterry/loglevel for details\n       *\n       */\n\n      self.name = name;\n\n      self.levels = { \"TRACE\": 0, \"DEBUG\": 1, \"INFO\": 2, \"WARN\": 3,\n          \"ERROR\": 4, \"SILENT\": 5};\n\n      self.methodFactory = factory || defaultMethodFactory;\n\n      self.getLevel = function () {\n          if (userLevel != null) {\n            return userLevel;\n          } else if (defaultLevel != null) {\n            return defaultLevel;\n          } else {\n            return inheritedLevel;\n          }\n      };\n\n      self.setLevel = function (level, persist) {\n          userLevel = normalizeLevel(level);\n          if (persist !== false) {  // defaults to true\n              persistLevelIfPossible(userLevel);\n          }\n\n          // NOTE: in v2, this should call rebuild(), which updates children.\n          return replaceLoggingMethods.call(self);\n      };\n\n      self.setDefaultLevel = function (level) {\n          defaultLevel = normalizeLevel(level);\n          if (!getPersistedLevel()) {\n              self.setLevel(level, false);\n          }\n      };\n\n      self.resetLevel = function () {\n          userLevel = null;\n          clearPersistedLevel();\n          replaceLoggingMethods.call(self);\n      };\n\n      self.enableAll = function(persist) {\n          self.setLevel(self.levels.TRACE, persist);\n      };\n\n      self.disableAll = function(persist) {\n          self.setLevel(self.levels.SILENT, persist);\n      };\n\n      self.rebuild = function () {\n          if (defaultLogger !== self) {\n              inheritedLevel = normalizeLevel(defaultLogger.getLevel());\n          }\n          replaceLoggingMethods.call(self);\n\n          if (defaultLogger === self) {\n              for (var childName in _loggersByName) {\n                _loggersByName[childName].rebuild();\n              }\n          }\n      };\n\n      // Initialize all the internal levels.\n      inheritedLevel = normalizeLevel(\n          defaultLogger ? defaultLogger.getLevel() : \"WARN\"\n      );\n      var initialLevel = getPersistedLevel();\n      if (initialLevel != null) {\n          userLevel = normalizeLevel(initialLevel);\n      }\n      replaceLoggingMethods.call(self);\n    }\n\n    /*\n     *\n     * Top-level API\n     *\n     */\n\n    defaultLogger = new Logger();\n\n    defaultLogger.getLogger = function getLogger(name) {\n        if ((typeof name !== \"symbol\" && typeof name !== \"string\") || name === \"\") {\n            throw new TypeError(\"You must supply a name when creating a logger.\");\n        }\n\n        var logger = _loggersByName[name];\n        if (!logger) {\n            logger = _loggersByName[name] = new Logger(\n                name,\n                defaultLogger.methodFactory\n            );\n        }\n        return logger;\n    };\n\n    // Grab the current global log variable in case of overwrite\n    var _log = (typeof window !== undefinedType) ? window.log : undefined;\n    defaultLogger.noConflict = function() {\n        if (typeof window !== undefinedType &&\n               window.log === defaultLogger) {\n            window.log = _log;\n        }\n\n        return defaultLogger;\n    };\n\n    defaultLogger.getLoggers = function getLoggers() {\n        return _loggersByName;\n    };\n\n    // ES6 default export, for compatibility\n    defaultLogger['default'] = defaultLogger;\n\n    return defaultLogger;\n}));\n","import f from\"loglevel\";const H=(e,t)=>s=>s(e,t),P=(e,t)=>s=>s(e,t,{append:!1}),o={};let u=!0,A=!1;const D=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,I=e=>typeof e==\"string\"&&D.test(e),g=e=>{if(I(e)===!1)throw new Error(`[Theming] The theme identifier \"${typeof e==\"string\"?e:\"\"}\" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},b=(e,t,s,a)=>{a=a??{},a.append=a.append??!1,g(e),u===!0&&A===!1&&(A=!0,f.warn(`[Theming] The theme process is locked. This means that the theme \"${e}\" should not be patched.\n\n\timport { register } from 'adopted-style-sheets';\n\timport { defineCustomElements } from '...';\n\timport { THEME } from '...';\n\n\tregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\t// run your app or website\n\t})\n\t.catch(console.warn);`)),(typeof o.A11yUi!=\"object\"||o.A11yUi===null)&&(o.A11yUi={}),typeof o.A11yUi==\"object\"&&o.A11yUi!==null&&(typeof o.A11yUi.Themes!=\"object\"||o.A11yUi.Themes===null)&&(o.A11yUi.Themes={}),typeof o.A11yUi==\"object\"&&o.A11yUi!==null&&typeof o.A11yUi.Themes==\"object\"&&o.A11yUi.Themes!==null&&(typeof o.A11yUi.Themes[e]!=\"object\"||o.A11yUi.Themes[e]===null)&&(o.A11yUi.Themes[e]={}),typeof o.A11yUi==\"object\"&&o.A11yUi!==null&&typeof o.A11yUi.Themes==\"object\"&&o.A11yUi.Themes!==null&&typeof o.A11yUi.Themes[e]==\"object\"&&o.A11yUi.Themes[e]!==null&&(a.append&&typeof o.A11yUi.Themes[e][t]==\"string\"?o.A11yUi.Themes[e][t]+=s:o.A11yUi.Themes[e][t]=s)},U=(e,t,s,a)=>(g(e),typeof t==\"object\"&&t!==null&&Object.getOwnPropertyNames(t).forEach(r=>{const n=t[r],i=r.toLowerCase(),m=typeof a?.transformTagName==\"function\"&&![\"GLOBAL\",\"PROPERTIES\"].includes(r)?a.transformTagName(i):r;typeof n==\"string\"&&n.length>0&&b(e,m.toUpperCase(),n,s)}),e),E=e=>{if(e instanceof HTMLElement){if(typeof e.dataset.theme==\"string\")return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return E(t)}}else return null},S=(e={})=>e.themeEncroachCss===\"false\"||e.themeReset===\"true\"?!1:{mode:e.themeEncroachCssMode===\"after\"||e.themeEncroachCssMode===\"before\"?e.themeEncroachCssMode:\"before\"},w=()=>typeof o.A11yUi==\"object\"&&o.A11yUi!==null&&typeof o.A11yUi.Theme==\"object\"&&o.A11yUi.Theme!==null&&typeof o.A11yUi.Theme.cache==\"boolean\"&&typeof o.A11yUi.Theme.encroachCss==\"object\"&&o.A11yUi.Theme.encroachCss!==null&&typeof o.A11yUi.Theme.encroachCss.mode==\"string\"&&typeof o.A11yUi.Theme.name==\"string\",z=()=>!(typeof o.A11yUi==\"object\"&&o.A11yUi!==null)||!(typeof o.A11yUi.Theme==\"object\"&&o.A11yUi.Theme!==null)||o.A11yUi.Theme.name!==\"default\",j=e=>{if(w())return o.A11yUi.Theme;{const t={cache:!0,encroachCss:S(),loglevel:\"silent\",name:null},s=E(e);return s instanceof HTMLElement&&(t.cache=s.dataset.themeCache!==\"false\",t.encroachCss=S(s.dataset),t.loglevel=s.dataset.themeLoglevel===\"debug\"?s.dataset.themeLoglevel:\"silent\",t.name=s.dataset.theme||null),t}},x=e=>j(e).name,k=(e,t)=>({cache:t.cache!==!1,detect:t.detect===\"auto\"?\"auto\":\"fixed\",encroachCss:t.encroachCss===!1?!1:typeof t.encroachCss==\"object\"&&t.encroachCss!=null&&(t.encroachCss.mode===\"after\"||t.encroachCss.mode===\"before\")?t.encroachCss:{mode:\"before\"},loglevel:t.loglevel===\"debug\"?t.loglevel:\"silent\",name:typeof t.name==\"string\"?t.name:e}),Y=(e,t)=>{w()===!1&&z()&&typeof t==\"object\"&&t!==null&&(t=k(e,t),t.detect===\"fixed\"?(t.name===null&&typeof e==\"string\"&&(t.name=e),e===t.name&&((typeof o.A11yUi!=\"object\"||o.A11yUi===null)&&(o.A11yUi={}),o.A11yUi.Theme=t,f.info(`[Theming] Theme \"${e}\" was set as default theme.`))):f.warn(\"[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.\"))};let C=!1;const _=(e,t,s={})=>{C===!1&&(C=!0,u=!1),typeof e==\"function\"?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach(r=>{typeof r==\"function\"&&r.length===1?Y(r((n,i,m)=>U(n,i,m,s)),{cache:s.theme?.cache,detect:s.theme?.detect,encroachCss:s.theme?.encroachCss,name:s.theme?.name}):f.error(\"[Theming] Es wurde versucht eine nicht kompatibles Theme zu laden.\")}),u=!0,typeof t==\"function\"?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const a=[];return t.forEach(r=>{const n=r();n instanceof Promise&&a.push(n)}),Promise.all(a)},l=class{constructor(e,t){this.store=this.createStore(e,t)}static getInstance(e,t){let s=l.instances.get(e);return s===void 0&&(s=new l(t,e),l.instances.set(e,s)),s}createStore(e,t){return Object.defineProperty(e,t,{enumerable:!1,value:{},writable:!1}),e[t]}recursiveSetItem(e,t,s,a=l.options){let r=typeof s==\"object\"&&s!==null?{}:s;if(Object.defineProperty(e,t,{enumerable:a.enumerable===!0,get:()=>r,set:a.immutable===!0?void 0:n=>r=n}),typeof s==\"object\"&&s!==null)for(const[n,i]of Object.entries(s))this.recursiveSetItem(e[t],n,i,a)}setItem(e,t,s=l.options){return this.recursiveSetItem(this.store,e,t,s),this}getItem(e){return Array.isArray(e)?e.map(t=>this.getItem(t)):this.store[e]}};let d=l;d.options={enumerable:!1,immutable:!1},d.instances=new Map;const c=new Map,v=[],L=new Set,h=new Map,B=/--[^;]+/g,G=/:/;(typeof o.A11yUi!=\"object\"||o.A11yUi===null)&&(o.A11yUi={CSS_STYLE_CACHE:h,HYDRATED_HISTORY:v,STYLING_TASK_QUEUE:c});const K=(e,t)=>{let s=t.match(B);if(Array.isArray(s)){s=s.filter(r=>G.test(r));const a=document.createElement(\"style\");a.innerHTML=`.${e} {${s.join(\";\")}}`,document.querySelector(\"head\")?.appendChild(a)}L.add(e)},T=(e,t)=>typeof o.A11yUi==\"object\"&&o.A11yUi!==null&&typeof o.A11yUi.Themes==\"object\"&&o.A11yUi.Themes!==null&&typeof o.A11yUi.Themes[e]==\"object\"&&o.A11yUi.Themes[e]!==null&&typeof o.A11yUi.Themes[e][t]==\"string\"?o.A11yUi.Themes[e][t].replace(/\\r?\\n/g,\"\"):\"\",q=e=>{for(const t of Array.from(e.childNodes))if(t instanceof HTMLStyleElement&&t.tagName===\"STYLE\")e.removeChild(t);else break},F=(e,t)=>{try{const s=[];t.forEach(a=>{const r=new CSSStyleSheet;r.replaceSync(a),s.push(r)}),e.adoptedStyleSheets=s}catch{t.reverse().forEach(s=>{const a=document.createElement(\"style\");a.innerHTML=s,e.insertBefore(a,e.firstChild)})}},Q=(e,t,s)=>{if(s!==!1){const a=[...Array.from(e.childNodes).filter(n=>n instanceof HTMLStyleElement&&n.tagName===\"STYLE\")];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch{r=[]}s?.mode===\"before\"?(a.reverse().forEach(n=>t.unshift(n.innerHTML)),r.reverse().forEach(n=>t.unshift(Array.from(n.cssRules).map(i=>i.cssText).join(\"\")))):s?.mode===\"after\"&&(a.forEach(n=>t.push(n.innerHTML)),r.forEach(n=>t.push(Array.from(n.cssRules).map(i=>i.cssText).join(\"\"))))}},M=(e,t,s)=>{const a=t.name||\"default\";let r;try{if(e.shadowRoot===null)throw new Error(\"ShadowRoot is null\");r=e.shadowRoot}catch{r=e}if(h.get(a)?.has(e.tagName))$(e,r,h.get(a)?.get(e.tagName),s);else{const n=T(a,\"PROPERTIES\"),i=T(a,\"GLOBAL\"),m=T(a,e.tagName);L.has(a)===!1&&K(a,i);const y=[n,i,m];Q(r,y,t.encroachCss),t.loglevel===\"debug\"&&console.log(e.tagName,y),t.cache===!0&&(h.has(a)===!1&&h.set(a,new Map),h.get(a)?.set(e.tagName,y)),$(e,r,y,s)}},$=(e,t,s,a)=>{q(t),F(t,s),e.style.display=a},O=e=>{e.loglevel===\"debug\"&&v.push({timestamp:Date.now(),numberOfTasks:c.size})},J=(e,t)=>{c.set(e,{styleDisplay:e.style.display?`${e.style.display}`:null,themeDetails:t})},V=(e,t)=>{J(e,t),O(t)},W=e=>{c.delete(e)},R=(e,t)=>{W(e),O(t)},N=e=>{const t=setTimeout(()=>{if(clearTimeout(t),c.has(e)&&e.classList.contains(\"hydrated\")){const{styleDisplay:s,themeDetails:a}=c.get(e);M(e,a,s),R(e,a)}else N(e)},25)},X=e=>{for(const t of e)if(c.has(t.target)&&t.target.classList.contains(\"hydrated\")){const{styleDisplay:s,themeDetails:a}=c.get(t.target);M(t.target,a,s),R(t.target,a)}},Z={attributes:!0,attributeFilter:[\"class\"],childList:!1,subtree:!1};let p;try{p=new MutationObserver(X)}catch{p=null}const ee=(e,t)=>{V(e,t),p?p.observe(e,Z):N(e),e.style.display=\"none\"};class te{constructor(t,s,a){this.createTheme=(r,n)=>P(r,n),this.createTranslation=(r,n)=>H(r,n),this.Prefix=t,this.Key=Object.getOwnPropertyNames(s),this.Tag=Object.getOwnPropertyNames(a)}}export{d as RobustStore,o as STORE,te as Theme,x as getTheme,j as getThemeDetails,U as patchTheme,b as patchThemeTag,_ as register,ee as setThemeStyle};\n"],"mappings":"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"}

package/dist/{esm/index-e9e31210.js → kolibri/index-a55b574c.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-switch(location.pathname){case"/dev/toaster.html":import("./toaster-4eb33f18.js");break;case"/dev/input-error.html":import("./input-error-bc5a177b.js");break;case"/dev/reprod-accordion-does-not-toggle-with-open.html":import("./reprod-accordion-does-not-toggle-with-open-930fccf8.js");break;case"/dev/details-synced-open-state.html":import("./details-synced-open-state-45ecc035.js");break;case"/dev/table-render-function.html":import("./table-render-function-835a18a0.js")}
+switch(location.pathname){case"/dev/toaster.html":import("./toaster-b6d0fa6b.js");break;case"/dev/input-error.html":import("./input-error-bc5a177b.js");break;case"/dev/reprod-accordion-does-not-toggle-with-open.html":import("./reprod-accordion-does-not-toggle-with-open-930fccf8.js");break;case"/dev/details-synced-open-state.html":import("./details-synced-open-state-45ecc035.js");break;case"/dev/table-render-function.html":import("./table-render-function-835a18a0.js")}

package/dist/kolibri/index.esm.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-export{K as KoliBriDevHelper}from"./index-44da6e7f.js";export{s as setCurrentLocation}from"./ariaCurrentService-6fe36ebc.js";export{T as ToasterService,b as bootstrap,r as register}from"./toaster-12097d83.js";export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-ad41b762.js";import"./component-names-ed22f86e.js";import"./i18n-0c047df5.js";
+import{t}from"./index-4a3076fc.js";export{s as setCurrentLocation}from"./ariaCurrentService-6fe36ebc.js";export{T as ToasterService,b as bootstrap,r as register}from"./toaster-18d16ce1.js";export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-ad41b762.js";export{K as KoliBriDevHelper}from"./prop.validators-29d576d2.js";import"./component-names-ed22f86e.js";import"./i18n-0c047df5.js";import"./dev.utils-1ca991a2.js";var o,n;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(o||(o={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-group"]=8]="button-group",e[e["button-link"]=9]="button-link",e[e.card=10]="card",e[e.details=11]="details",e[e.form=12]="form",e[e.heading=13]="heading",e[e.icon=14]="icon",e[e.image=15]="image",e[e["indented-text"]=16]="indented-text",e[e["input-checkbox"]=17]="input-checkbox",e[e["input-color"]=18]="input-color",e[e["input-date"]=19]="input-date",e[e["input-email"]=20]="input-email",e[e["input-file"]=21]="input-file",e[e["input-number"]=22]="input-number",e[e["input-password"]=23]="input-password",e[e["input-radio"]=24]="input-radio",e[e["input-range"]=25]="input-range",e[e["input-text"]=26]="input-text",e[e.kolibri=27]="kolibri",e[e.link=28]="link",e[e["link-button"]=29]="link-button",e[e["link-group"]=30]="link-group",e[e.logo=31]="logo",e[e.modal=32]="modal",e[e.nav=33]="nav",e[e.pagination=34]="pagination",e[e.progress=35]="progress",e[e.select=36]="select",e[e.separator=37]="separator",e[e["skip-nav"]=38]="skip-nav",e[e.spin=39]="spin",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateless"]=43]="table-stateless",e[e["table-stateful"]=44]="table-stateful",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item"}(n||(n={}));const i=new t("kol",o,n);export{i as KoliBri};

package/dist/kolibri/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"mappings":""}
+{"version":3,"names":["KeyEnum","TagEnum","KoliBri","Theme"],"sources":["src/schema/i18n-keys.ts","src/schema/tag-names.ts","src/schema/index.ts"],"sourcesContent":["export enum KeyEnum {\n\t'error',\n\t'warning',\n\t'info',\n\t'success',\n\t'message',\n\t'close',\n\t'form-description',\n\t'of',\n\t'characters',\n\t'new',\n\t'no-entries',\n\t'change-order',\n\t'action-running',\n\t'action-done',\n\t'page-first',\n\t'page-back',\n\t'page-next',\n\t'page-last',\n\t'entries-per-site',\n\t'page-current',\n\t'page-selected',\n\t'page-per-site',\n\t'logo-description',\n\t'open-link-in-tab',\n\t'kolibri-logo',\n}\n","export enum TagEnum {\n\t'abbr',\n\t'accordion',\n\t'accordion-group', // TODO: github pr link\n\t'alert',\n\t'avatar',\n\t'badge',\n\t'breadcrumb',\n\t'button',\n\t'button-group',\n\t'button-link',\n\t'card',\n\t'details',\n\t'form',\n\t'heading',\n\t'icon',\n\t'image',\n\t'indented-text',\n\t'input-checkbox',\n\t'input-color',\n\t'input-date',\n\t'input-email',\n\t'input-file',\n\t'input-number',\n\t'input-password',\n\t'input-radio',\n\t'input-range',\n\t'input-text',\n\t'kolibri',\n\t'link',\n\t'link-button',\n\t'link-group',\n\t'logo',\n\t'modal',\n\t'nav',\n\t'pagination',\n\t'progress',\n\t'select',\n\t'separator', // TODO: github pr link\n\t'skip-nav',\n\t'spin',\n\t'split-button',\n\t'symbol',\n\t'table',\n\t'table-stateless',\n\t'table-stateful',\n\t'tabs',\n\t'textarea',\n\t'toast-container',\n\t'toolbar', // TODO: github pr link\n\t'tooltip',\n\t'tree',\n\t'tree-item',\n}\n","import { Theme } from 'adopted-style-sheets';\n\nimport { KeyEnum } from './i18n-keys';\nimport { TagEnum } from './tag-names';\n\nexport const KoliBri = new Theme<'kol', keyof typeof KeyEnum, keyof typeof TagEnum>('kol', KeyEnum, TagEnum);\n\nexport * from './components';\n// export * from './enums'; only for internal use\nexport * from './props';\nexport * from './types';\nexport * from './utils';\nexport * from './validators';\n"],"mappings":";;;8gBAAA,IAAYA,GAAZ,SAAYA,GACXA,IAAA,oBACAA,IAAA,wBACAA,IAAA,kBACAA,IAAA,wBACAA,IAAA,wBACAA,IAAA,oBACAA,IAAA,0CACAA,IAAA,cACAA,IAAA,8BACAA,IAAA,gBACAA,IAAA,+BACAA,IAAA,mCACAA,IAAA,uCACAA,IAAA,iCACAA,IAAA,+BACAA,IAAA,6BACAA,IAAA,6BACAA,IAAA,6BACAA,IAAA,2CACAA,IAAA,mCACAA,IAAA,qCACAA,IAAA,qCACAA,IAAA,2CACAA,IAAA,2CACAA,IAAA,kCACA,EA1BD,CAAYA,MAAO,KCAnB,IAAYC,GAAZ,SAAYA,GACXA,IAAA,kBACAA,IAAA,4BACAA,IAAA,wCACAA,IAAA,oBACAA,IAAA,sBACAA,IAAA,oBACAA,IAAA,8BACAA,IAAA,sBACAA,IAAA,kCACAA,IAAA,gCACAA,IAAA,mBACAA,IAAA,yBACAA,IAAA,mBACAA,IAAA,yBACAA,IAAA,mBACAA,IAAA,qBACAA,IAAA,qCACAA,IAAA,uCACAA,IAAA,iCACAA,IAAA,+BACAA,IAAA,iCACAA,IAAA,+BACAA,IAAA,mCACAA,IAAA,uCACAA,IAAA,iCACAA,IAAA,iCACAA,IAAA,+BACAA,IAAA,yBACAA,IAAA,mBACAA,IAAA,iCACAA,IAAA,+BACAA,IAAA,mBACAA,IAAA,qBACAA,IAAA,iBACAA,IAAA,+BACAA,IAAA,2BACAA,IAAA,uBACAA,IAAA,6BACAA,IAAA,2BACAA,IAAA,mBACAA,IAAA,mCACAA,IAAA,uBACAA,IAAA,qBACAA,IAAA,yCACAA,IAAA,uCACAA,IAAA,mBACAA,IAAA,2BACAA,IAAA,yCACAA,IAAA,yBACAA,IAAA,yBACAA,IAAA,mBACAA,IAAA,4BACA,EArDD,CAAYA,MAAO,K,MCKNC,EAAU,IAAIC,EAAyD,MAAOH,EAASC,U"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-3fbcceca.js";import{v as i,a}from"./index-44da6e7f.js";import{n as o}from"./dev.utils-ba0ad340.js";import{a as l}from"./component-names-ed22f86e.js";const s="/*\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: 44px;\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     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * 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 44px.\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%; /* 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}\n@layer kol-global {\n  :host {\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\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-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > abbr {\n    cursor: help;\n  }\n}",r=s,d=class{constructor(e){n(this,e),this.nonce=o(),this._label=void 0,this._tooltipAlign="top",this.state={_label:"",_tooltipAlign:"top"}}render(){return e(t,{key:"c925b5b379b596db99404d6c7d4507275d70496d",class:"kol-abbr"},e("abbr",{key:"c7a6a3482ea02fca65278aa28ea115f7a9a11f74","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},e("span",{key:"7179f3b594f6815c06c46dd465739376734ea940",title:""},e("slot",{key:"00590edd1ae4afeb4f4f066f0a16ce54c8af28a9"}))),e(l,{key:"2c44fa51a1849dabb59d0541a0d9dcc192e52bcd",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(n){i(this,n,{required:!0})}validateTooltipAlign(n){a(this,n)}componentWillLoad(){this.validateLabel(this._label),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_tooltipAlign:["validateTooltipAlign"]}}};d.style={default:r};export{d as kol_abbr};
+import{r as n,h as e,H as t}from"./index-3fbcceca.js";import{n as i}from"./dev.utils-37559a2c.js";import{a as o}from"./component-names-ed22f86e.js";import{v as a}from"./label-e56ffdc6.js";import{v as s}from"./tooltip-align-c13a7aa7.js";import"./dev.utils-1ca991a2.js";import"./reuse-b66836de.js";import"./prop.validators-29d576d2.js";import"./index-4a3076fc.js";import"./align-fc528dec.js";const l="/*\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: 44px;\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     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * 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 44px.\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%; /* 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}\n@layer kol-global {\n  :host {\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\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-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > abbr {\n    cursor: help;\n  }\n}",r=l,d=class{constructor(e){n(this,e),this.nonce=i(),this._label=void 0,this._tooltipAlign="top",this.state={_label:"",_tooltipAlign:"top"}}render(){return e(t,{key:"598d706f074db11649d068894821a214d3373d11",class:"kol-abbr"},e("abbr",{key:"cea033577a07ea9cbc48cf32f2afa798b2f70c1b","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},e("span",{key:"f28a0dacfb9e1d5807f763e03401e1b71c0414c3",title:""},e("slot",{key:"c72ee140bfc1c43d781a5309c07f9a47689d6f4e"}))),e(o,{key:"2743bb91c1b770375bda8e19668e7ad698b10baa",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(n){a(this,n,{required:!0})}validateTooltipAlign(n){s(this,n)}componentWillLoad(){this.validateLabel(this._label),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_tooltipAlign:["validateTooltipAlign"]}}};d.style={default:r};export{d as kol_abbr};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","this","nonce","_label","_tooltipAlign","render","h","Host","key","class","role","tabindex","title","state","KolTooltipWcTag","_align","_id","validateLabel","value","required","validateTooltipAlign","componentWillLoad"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/component.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t:host > abbr {\n\t\tcursor: help;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { validateLabel, validateTooltipAlign } from '@public-ui/schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { KolTooltipWcTag } from '../../core/component-names';\n\nimport type { AbbrAPI, AbbrStates, LabelPropType, TooltipAlignPropType } from '@public-ui/schema';\n\n/**\n * @slot - Der Begriff, der erläutert werden soll.\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements AbbrAPI {\n\tprivate readonly nonce = nonce();\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n\t\t\t\t<abbr aria-labelledby={this.nonce} role=\"definition\" tabindex=\"0\" title={this.state._label}>\n\t\t\t\t\t<span title=\"\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t</abbr>\n\t\t\t\t<KolTooltipWcTag _align={this.state._tooltipAlign} _id={this.nonce} _label={this.state._label}></KolTooltipWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\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!: LabelPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Die State-Parameter repräsentieren den inneren State\n\t * einer Komponente.\n\t *\n\t * @see: https://stenciljs.com/docs/state\n\t */\n\t@State() public state: AbbrStates = {\n\t\t_label: '', // ⚠ required\n\t\t_tooltipAlign: 'top',\n\t};\n\n\t/**\n\t * Die Watch-Methoden dienen der Möglichkeit zur\n\t * Validierung der Werte eines Properties und\n\t * dem Mapping dessen auf einen anderen internen\n\t * State-Typ.\n\t *\n\t * @see: https://stenciljs.com/docs/properties#prop-validation\n\t */\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('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t}\n}\n"],"mappings":";;;8LAAA,MAAMA,EAAkB,qrIACxB,MAAAC,EAAeD,E,MCkBFE,EAAO,M,yBACFC,KAAAC,MAAQA,I,yCAwB6B,M,WAQlB,CACnCC,OAAQ,GACRC,cAAe,M,CAhCT,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YAEXH,EAAA,QAAAE,IAAA,6DAAuBP,KAAKC,MAAOQ,KAAK,aAAaC,SAAS,IAAIC,MAAOX,KAAKY,MAAMV,QACnFG,EAAA,QAAAE,IAAA,2CAAMI,MAAM,IACXN,EAAA,QAAAE,IAAA,+CAGFF,EAACQ,EAAe,CAAAN,IAAA,2CAACO,OAAQd,KAAKY,MAAMT,cAAeY,IAAKf,KAAKC,MAAOC,OAAQF,KAAKY,MAAMV,S,CAmCnF,aAAAc,CAAcC,GACpBD,EAAchB,KAAMiB,EAAO,CAC1BC,SAAU,M,CAKL,oBAAAC,CAAqBF,GAC3BE,EAAqBnB,KAAMiB,E,CAGrB,iBAAAG,GACNpB,KAAKgB,cAAchB,KAAKE,QACxBF,KAAKmB,qBAAqBnB,KAAKG,c"}
+{"version":3,"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","this","nonce","_label","_tooltipAlign","render","h","Host","key","class","role","tabindex","title","state","KolTooltipWcTag","_align","_id","validateLabel","value","required","validateTooltipAlign","componentWillLoad"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/component.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t:host > abbr {\n\t\tcursor: help;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { validateLabel, validateTooltipAlign } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { KolTooltipWcTag } from '../../core/component-names';\n\nimport type { AbbrAPI, AbbrStates, LabelPropType, TooltipAlignPropType } from '../../schema';\n\n/**\n * @slot - Der Begriff, der erläutert werden soll.\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements AbbrAPI {\n\tprivate readonly nonce = nonce();\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n\t\t\t\t<abbr aria-labelledby={this.nonce} role=\"definition\" tabindex=\"0\" title={this.state._label}>\n\t\t\t\t\t<span title=\"\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t</abbr>\n\t\t\t\t<KolTooltipWcTag _align={this.state._tooltipAlign} _id={this.nonce} _label={this.state._label}></KolTooltipWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\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!: LabelPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Die State-Parameter repräsentieren den inneren State\n\t * einer Komponente.\n\t *\n\t * @see: https://stenciljs.com/docs/state\n\t */\n\t@State() public state: AbbrStates = {\n\t\t_label: '', // ⚠ required\n\t\t_tooltipAlign: 'top',\n\t};\n\n\t/**\n\t * Die Watch-Methoden dienen der Möglichkeit zur\n\t * Validierung der Werte eines Properties und\n\t * dem Mapping dessen auf einen anderen internen\n\t * State-Typ.\n\t *\n\t * @see: https://stenciljs.com/docs/properties#prop-validation\n\t */\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('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t}\n}\n"],"mappings":";;;sYAAA,MAAMA,EAAkB,qrIACxB,MAAAC,EAAeD,E,MCkBFE,EAAO,M,yBACFC,KAAAC,MAAQA,I,yCAwB6B,M,WAQlB,CACnCC,OAAQ,GACRC,cAAe,M,CAhCT,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YAEXH,EAAA,QAAAE,IAAA,6DAAuBP,KAAKC,MAAOQ,KAAK,aAAaC,SAAS,IAAIC,MAAOX,KAAKY,MAAMV,QACnFG,EAAA,QAAAE,IAAA,2CAAMI,MAAM,IACXN,EAAA,QAAAE,IAAA,+CAGFF,EAACQ,EAAe,CAAAN,IAAA,2CAACO,OAAQd,KAAKY,MAAMT,cAAeY,IAAKf,KAAKC,MAAOC,OAAQF,KAAKY,MAAMV,S,CAmCnF,aAAAc,CAAcC,GACpBD,EAAchB,KAAMiB,EAAO,CAC1BC,SAAU,M,CAKL,oBAAAC,CAAqBF,GAC3BE,EAAqBnB,KAAMiB,E,CAGrB,iBAAAG,GACNpB,KAAKgB,cAAchB,KAAKE,QACxBF,KAAKmB,qBAAqBnB,KAAKG,c"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t,g as i}from"./index-3fbcceca.js";import{f as o,h as a,i as s,v as l,k as r,l as d}from"./index-44da6e7f.js";import{n as c}from"./dev.utils-ba0ad340.js";import{w as h}from"./validation-61bf6538.js";import{b as p,c as f}from"./component-names-ed22f86e.js";const b="/*\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: 44px;\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     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * 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 44px.\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%; /* 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}\n@layer kol-global {\n  :host {\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\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-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  /* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n  .wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n  }\n  .accordion.open .wrapper {\n    grid-template-rows: 1fr;\n  }\n  .animation-wrapper {\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  .accordion.open .animation-wrapper {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .animation-wrapper,\n    .wrapper {\n      transition-duration: 0s;\n    }\n  }\n  /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  @media print {\n    .accordion:not(.open) .animation-wrapper {\n      display: none;\n    }\n  }\n  /*\n  * Inside a button, the caption text is always centered.\n  * So we have to align the text to the left.\n  */\n  .accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n    justify-items: start;\n  }\n}",u=b;o("[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"),o("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const m=class{constructor(e){n(this,e),this.nonce=c(),this.catchRef=n=>{a(this.host,n)},this.onClick=n=>{this._open=!this._open,setTimeout((()=>{var e;"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&this.state._on.onClick(n,!0===this._open)}))},this._disabled=!1,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"",_level:1}}render(){return e(t,{key:"375071dab3f67a8a9ea41166c5e5955a905ba04a",class:"kol-accordion"},e("div",{key:"44e8a90eed884c991797ea6e0e727777075d6d00",class:{accordion:!0,disabled:!0===this.state._disabled,open:!0===this.state._open}},e(p,{key:"6fdf9427c74afbcc932fa05c1840e8cb6b606b9a",_label:"",_level:this.state._level,class:"accordion-heading"},e(f,{key:"4e82eb30cd0ff1fef25262dc0e34a3408b0aaad6",class:"accordion-button",ref:this.catchRef,slot:"expert",_ariaControls:this.nonce,_ariaExpanded:this.state._open,_disabled:this.state._disabled,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),e("div",{key:"0835efe279a9deb62190997682ef0e8fe4a1edf2",class:"wrapper"},e("div",{key:"f7244e8b9807223dd80f0b261ec1e2b730f95e85",class:"animation-wrapper"},e("div",{key:"4ef5849701c39fe7f738cd34661e5c0fc9f29efc","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},e("slot",{key:"324bf4086448b8c5700c98d6fa7d830846e362af"}))))))}validateDisabled(n){s(this,n)}validateLabel(n){l(this,n,{required:!0})}validateLevel(n){h(this,n)}validateOn(n){"object"==typeof n&&null!==n&&"function"==typeof n.onClick&&r(this,"_on",n)}validateOpen(n){d(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 i(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};m.style={default:u};export{m as kol_accordion};
+import{r as n,h as e,H as t,g as i}from"./index-3fbcceca.js";import{n as o}from"./dev.utils-37559a2c.js";import{w as a}from"./validation-c2d11c8c.js";import{b as s,c as r}from"./component-names-ed22f86e.js";import{f as l,s as d}from"./prop.validators-29d576d2.js";import{a as c}from"./reuse-b66836de.js";import{v as h}from"./disabled-fbc49ac0.js";import{v as p}from"./open-deacfbd7.js";import{v as f}from"./label-e56ffdc6.js";import"./dev.utils-1ca991a2.js";import"./index-4a3076fc.js";const b="/*\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: 44px;\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     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * 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 44px.\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%; /* 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}\n@layer kol-global {\n  :host {\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\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-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  /* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n  .wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n  }\n  .accordion.open .wrapper {\n    grid-template-rows: 1fr;\n  }\n  .animation-wrapper {\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  .accordion.open .animation-wrapper {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .animation-wrapper,\n    .wrapper {\n      transition-duration: 0s;\n    }\n  }\n  /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  @media print {\n    .accordion:not(.open) .animation-wrapper {\n      display: none;\n    }\n  }\n  /*\n  * Inside a button, the caption text is always centered.\n  * So we have to align the text to the left.\n  */\n  .accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n    justify-items: start;\n  }\n}",u=b;l("[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"),l("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const m=class{constructor(e){n(this,e),this.nonce=o(),this.catchRef=n=>{c(this.host,n)},this.onClick=n=>{this._open=!this._open,setTimeout((()=>{var e;"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&this.state._on.onClick(n,!0===this._open)}))},this._disabled=!1,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"",_level:1}}render(){return e(t,{key:"f1672f2cf8b9aa85b1f63ab68d00300b74638dd8",class:"kol-accordion"},e("div",{key:"e80bb532a6f148e9608b9d5b4eca382cf8c01e8d",class:{accordion:!0,disabled:!0===this.state._disabled,open:!0===this.state._open}},e(s,{key:"e221fc0ccd86504a3e491a8e32c55da5fa76a365",_label:"",_level:this.state._level,class:"accordion-heading"},e(r,{key:"f65af86aab71ff029bba8108495477d7be05c2f3",class:"accordion-button",ref:this.catchRef,slot:"expert",_ariaControls:this.nonce,_ariaExpanded:this.state._open,_disabled:this.state._disabled,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),e("div",{key:"5435d015a21707724c7180dbb96e7a0af30f9d42",class:"wrapper"},e("div",{key:"5a9958a91c49d8b807627f7029ad975e52c6e1ea",class:"animation-wrapper"},e("div",{key:"367a024dca25373063df9ec0e679161ad26bffb8","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},e("slot",{key:"dfbbf47f20297d5f5052d7df8f74bd659ce054fd"}))))))}validateDisabled(n){h(this,n)}validateLabel(n){f(this,n,{required:!0})}validateLevel(n){a(this,n)}validateOn(n){"object"==typeof n&&null!==n&&"function"==typeof n.onClick&&d(this,"_on",n)}validateOpen(n){p(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 i(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};m.style={default:u};export{m as kol_accordion};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","this","nonce","catchRef","ref","propagateFocus","host","onClick","event","_open","setTimeout","_a","state","_on","_label","_level","render","h","Host","key","class","accordion","disabled","_disabled","open","KolHeadingWcTag","KolButtonWcTag","slot","_ariaControls","_ariaExpanded","_icons","undefined","id","validateDisabled","value","validateLabel","required","validateLevel","watchHeadingLevel","validateOn","setState","validateOpen","componentWillLoad"],"sources":["src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/component.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../host-display-block';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n\t.wrapper {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows 0.3s;\n\t}\n\n\t.accordion.open .wrapper {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.animation-wrapper {\n\t\tmin-height: 0;\n\t\ttransition: visibility 0.3s;\n\t\t/* 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\t\tvisibility: hidden;\n\t}\n\n\t.accordion.open .animation-wrapper {\n\t\tvisibility: visible;\n\t}\n\n\t@media (prefers-reduced-motion) {\n\t\t.animation-wrapper,\n\t\t.wrapper {\n\t\t\ttransition-duration: 0s;\n\t\t}\n\t}\n\n\t/* @see https://github.com/public-ui/kolibri/issues/5952 */\n\t@media print {\n\t\t.accordion:not(.open) .animation-wrapper {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/*\n * Inside a button, the caption text is always centered.\n * So we have to align the text to the left.\n */\n\t.accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n\t\tjustify-items: start;\n\t}\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\n\nimport { featureHint, propagateFocus, setState, validateDisabled, validateLabel, validateOpen } from '@public-ui/schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { KolHeadingWcTag, KolButtonWcTag } from '../../core/component-names';\n\nimport type { AccordionAPI, AccordionStates, DisabledPropType, HeadingLevel, KoliBriAccordionCallbacks, LabelPropType, OpenPropType } from '@public-ui/schema';\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.`);\n\n/**\n *\n * @slot - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n */\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements AccordionAPI {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\tprivate readonly nonce = nonce();\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-accordion\">\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\taccordion: true,\n\t\t\t\t\t\tdisabled: this.state._disabled === true,\n\t\t\t\t\t\topen: this.state._open === true,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolHeadingWcTag _label=\"\" _level={this.state._level} class=\"accordion-heading\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"accordion-button\"\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t\t\t_ariaControls={this.nonce}\n\t\t\t\t\t\t\t_ariaExpanded={this.state._open}\n\t\t\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t\t\t_icons={this.state._open ? 'codicon codicon-remove' : 'codicon codicon-add'}\n\t\t\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t\t\t_on={{ onClick: this.onClick }}\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</KolHeadingWcTag>\n\t\t\t\t\t<div class=\"wrapper\">\n\t\t\t\t\t\t<div class=\"animation-wrapper\">\n\t\t\t\t\t\t\t<div aria-hidden={this.state._open === false ? 'true' : undefined} class=\"content\" id={this.nonce}>\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\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 which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen an.\n\t */\n\t@Prop() public _on?: KoliBriAccordionCallbacks;\n\n\t/**\n\t * If set (to true) opens/expands the element, closes if not set (or set to false).\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: AccordionStates = {\n\t\t_label: '', // ⚠ required\n\t\t_level: 1,\n\t};\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\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('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAccordionCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null && typeof value.onClick === 'function') {\n\t\t\tsetState(this, '_on', value);\n\t\t}\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n\n\tprivate onClick = (event: Event) => {\n\t\tthis._open = !this._open;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tthis.state._on.onClick(event, this._open === true);\n\t\t\t}\n\t\t});\n\t};\n}\n"],"mappings":";;;0RAAA,MAAMA,EAAkB,60KACxB,MAAAC,EAAeD,ECUfE,EAAY,+OAKZA,EAAY,mE,MAaCC,EAAY,M,yBAEPC,KAAAC,MAAQA,IAERD,KAAAE,SAAYC,IAC5BC,EAAeJ,KAAKK,KAAMF,EAAI,EA0GvBH,KAAAM,QAAWC,IAClBP,KAAKQ,OAASR,KAAKQ,MAQnBC,YAAW,K,MACV,WAAWC,EAAAV,KAAKW,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEJ,WAAY,WAAY,CAClDN,KAAKW,MAAMC,IAAIN,QAAQC,EAAOP,KAAKQ,QAAU,K,IAE7C,E,eA9EkC,M,kCAUE,E,8BAW0B,M,WAExB,CACxCK,OAAQ,GACRC,OAAQ,E,CA/DF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,iBACXH,EAAA,OAAAE,IAAA,2CACCC,MAAO,CACNC,UAAW,KACXC,SAAUrB,KAAKW,MAAMW,YAAc,KACnCC,KAAMvB,KAAKW,MAAMH,QAAU,OAG5BQ,EAACQ,EAAe,CAAAN,IAAA,2CAACL,OAAO,GAAGC,OAAQd,KAAKW,MAAMG,OAAQK,MAAM,qBAC3DH,EAACS,EAAc,CAAAP,IAAA,2CACdC,MAAM,mBACNhB,IAAKH,KAAKE,SACVwB,KAAK,SACLC,cAAe3B,KAAKC,MACpB2B,cAAe5B,KAAKW,MAAMH,MAC1Bc,UAAWtB,KAAKW,MAAMW,UACtBO,OAAQ7B,KAAKW,MAAMH,MAAQ,yBAA2B,sBACtDK,OAAQb,KAAKW,MAAME,OACnBD,IAAK,CAAEN,QAASN,KAAKM,YAGvBU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACVH,EAAA,OAAAE,IAAA,yDAAkBlB,KAAKW,MAAMH,QAAU,MAAQ,OAASsB,UAAWX,MAAM,UAAUY,GAAI/B,KAAKC,OAC3Fe,EAAA,QAAAE,IAAA,iD,CAyCA,gBAAAc,CAAiBC,GACvBD,EAAiBhC,KAAMiC,E,CAIjB,aAAAC,CAAcD,GACpBC,EAAclC,KAAMiC,EAAO,CAC1BE,SAAU,M,CAKL,aAAAC,CAAcH,GACpBI,EAAkBrC,KAAMiC,E,CAIlB,UAAAK,CAAWL,GACjB,UAAWA,IAAU,UAAYA,IAAU,aAAeA,EAAM3B,UAAY,WAAY,CACvFiC,EAASvC,KAAM,MAAOiC,E,EAKjB,YAAAO,CAAaP,GACnBO,EAAaxC,KAAMiC,E,CAGb,iBAAAQ,GACNzC,KAAKgC,iBAAiBhC,KAAKsB,WAC3BtB,KAAKkC,cAAclC,KAAKa,QACxBb,KAAKoC,cAAcpC,KAAKc,QACxBd,KAAKsC,WAAWtC,KAAKY,KACrBZ,KAAKwC,aAAaxC,KAAKQ,M"}
+{"version":3,"names":["defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","this","nonce","catchRef","ref","propagateFocus","host","onClick","event","_open","setTimeout","_a","state","_on","_label","_level","render","h","Host","key","class","accordion","disabled","_disabled","open","KolHeadingWcTag","KolButtonWcTag","slot","_ariaControls","_ariaExpanded","_icons","undefined","id","validateDisabled","value","validateLabel","required","validateLevel","watchHeadingLevel","validateOn","setState","validateOpen","componentWillLoad"],"sources":["src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/component.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../host-display-block';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n\t.wrapper {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows 0.3s;\n\t}\n\n\t.accordion.open .wrapper {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.animation-wrapper {\n\t\tmin-height: 0;\n\t\ttransition: visibility 0.3s;\n\t\t/* 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\t\tvisibility: hidden;\n\t}\n\n\t.accordion.open .animation-wrapper {\n\t\tvisibility: visible;\n\t}\n\n\t@media (prefers-reduced-motion) {\n\t\t.animation-wrapper,\n\t\t.wrapper {\n\t\t\ttransition-duration: 0s;\n\t\t}\n\t}\n\n\t/* @see https://github.com/public-ui/kolibri/issues/5952 */\n\t@media print {\n\t\t.accordion:not(.open) .animation-wrapper {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/*\n * Inside a button, the caption text is always centered.\n * So we have to align the text to the left.\n */\n\t.accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n\t\tjustify-items: start;\n\t}\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\n\nimport { featureHint, propagateFocus, setState, validateDisabled, validateLabel, validateOpen } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { KolHeadingWcTag, KolButtonWcTag } from '../../core/component-names';\n\nimport type { AccordionAPI, AccordionStates, DisabledPropType, HeadingLevel, KoliBriAccordionCallbacks, LabelPropType, OpenPropType } from '../../schema';\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.`);\n\n/**\n *\n * @slot - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n */\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements AccordionAPI {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\tprivate readonly nonce = nonce();\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-accordion\">\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\taccordion: true,\n\t\t\t\t\t\tdisabled: this.state._disabled === true,\n\t\t\t\t\t\topen: this.state._open === true,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolHeadingWcTag _label=\"\" _level={this.state._level} class=\"accordion-heading\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"accordion-button\"\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t\t\t_ariaControls={this.nonce}\n\t\t\t\t\t\t\t_ariaExpanded={this.state._open}\n\t\t\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t\t\t_icons={this.state._open ? 'codicon codicon-remove' : 'codicon codicon-add'}\n\t\t\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t\t\t_on={{ onClick: this.onClick }}\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</KolHeadingWcTag>\n\t\t\t\t\t<div class=\"wrapper\">\n\t\t\t\t\t\t<div class=\"animation-wrapper\">\n\t\t\t\t\t\t\t<div aria-hidden={this.state._open === false ? 'true' : undefined} class=\"content\" id={this.nonce}>\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\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 which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen an.\n\t */\n\t@Prop() public _on?: KoliBriAccordionCallbacks;\n\n\t/**\n\t * If set (to true) opens/expands the element, closes if not set (or set to false).\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: AccordionStates = {\n\t\t_label: '', // ⚠ required\n\t\t_level: 1,\n\t};\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\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('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAccordionCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null && typeof value.onClick === 'function') {\n\t\t\tsetState(this, '_on', value);\n\t\t}\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n\n\tprivate onClick = (event: Event) => {\n\t\tthis._open = !this._open;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tthis.state._on.onClick(event, this._open === true);\n\t\t\t}\n\t\t});\n\t};\n}\n"],"mappings":";;;seAAA,MAAMA,EAAkB,60KACxB,MAAAC,EAAeD,ECUfE,EAAY,+OAKZA,EAAY,mE,MAaCC,EAAY,M,yBAEPC,KAAAC,MAAQA,IAERD,KAAAE,SAAYC,IAC5BC,EAAeJ,KAAKK,KAAMF,EAAI,EA0GvBH,KAAAM,QAAWC,IAClBP,KAAKQ,OAASR,KAAKQ,MAQnBC,YAAW,K,MACV,WAAWC,EAAAV,KAAKW,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEJ,WAAY,WAAY,CAClDN,KAAKW,MAAMC,IAAIN,QAAQC,EAAOP,KAAKQ,QAAU,K,IAE7C,E,eA9EkC,M,kCAUE,E,8BAW0B,M,WAExB,CACxCK,OAAQ,GACRC,OAAQ,E,CA/DF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,iBACXH,EAAA,OAAAE,IAAA,2CACCC,MAAO,CACNC,UAAW,KACXC,SAAUrB,KAAKW,MAAMW,YAAc,KACnCC,KAAMvB,KAAKW,MAAMH,QAAU,OAG5BQ,EAACQ,EAAe,CAAAN,IAAA,2CAACL,OAAO,GAAGC,OAAQd,KAAKW,MAAMG,OAAQK,MAAM,qBAC3DH,EAACS,EAAc,CAAAP,IAAA,2CACdC,MAAM,mBACNhB,IAAKH,KAAKE,SACVwB,KAAK,SACLC,cAAe3B,KAAKC,MACpB2B,cAAe5B,KAAKW,MAAMH,MAC1Bc,UAAWtB,KAAKW,MAAMW,UACtBO,OAAQ7B,KAAKW,MAAMH,MAAQ,yBAA2B,sBACtDK,OAAQb,KAAKW,MAAME,OACnBD,IAAK,CAAEN,QAASN,KAAKM,YAGvBU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACVH,EAAA,OAAAE,IAAA,yDAAkBlB,KAAKW,MAAMH,QAAU,MAAQ,OAASsB,UAAWX,MAAM,UAAUY,GAAI/B,KAAKC,OAC3Fe,EAAA,QAAAE,IAAA,iD,CAyCA,gBAAAc,CAAiBC,GACvBD,EAAiBhC,KAAMiC,E,CAIjB,aAAAC,CAAcD,GACpBC,EAAclC,KAAMiC,EAAO,CAC1BE,SAAU,M,CAKL,aAAAC,CAAcH,GACpBI,EAAkBrC,KAAMiC,E,CAIlB,UAAAK,CAAWL,GACjB,UAAWA,IAAU,UAAYA,IAAU,aAAeA,EAAM3B,UAAY,WAAY,CACvFiC,EAASvC,KAAM,MAAOiC,E,EAKjB,YAAAO,CAAaP,GACnBO,EAAaxC,KAAMiC,E,CAGb,iBAAAQ,GACNzC,KAAKgC,iBAAiBhC,KAAKsB,WAC3BtB,KAAKkC,cAAclC,KAAKa,QACxBb,KAAKoC,cAAcpC,KAAKc,QACxBd,KAAKsC,WAAWtC,KAAKY,KACrBZ,KAAKwC,aAAaxC,KAAKQ,M"}

package/dist/kolibri/kol-alert-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as a,H as t}from"./index-3fbcceca.js";import{L as i,z as s,y as o,v as l,k as c,w as n,aw as r,ax as d}from"./index-44da6e7f.js";import{t as h}from"./i18n-7bf2bd6f.js";import{w as f}from"./validation-61bf6538.js";import{b,c as v,g as u}from"./component-names-ed22f86e.js";import"./i18n-0c047df5.js";const p=e=>a(u,{class:"heading-icon",_label:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),y=e=>{switch(e.type){case"error":return a(p,{ariaLabel:h("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return a(p,{ariaLabel:h("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return a(p,{ariaLabel:h("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return a(p,{ariaLabel:h("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return a(p,{ariaLabel:h("kol-message"),icon:"codicon codicon-comment",label:e.label})}},_=class{constructor(a){e(this,a),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=a=>"object"==typeof a&&null!==a&&"function"==typeof a.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var e;if(this.state._alert){try{i.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){i.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return a(t,{key:"056ebeba8b0ebc0d76a98e3855a0022e1c689e09",class:{"kol-alert-wc":!0,alert:!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},a("div",{key:"e2807b51c729dc7814aa46bc40f371d9b785b590",class:"heading"},a(y,{key:"207367acb5c59e0977feb68adefb0a7cdb0f4668",label:this.state._label,type:this.state._type}),a("div",{key:"1d9b3c352e84393eb31fbd056a6aa9ec639d13cd",class:"heading-content"},"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&a(b,{key:"d50d4a3e93158e486ccadec92a9e0ea2d6fa6619",_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&a("div",{key:"63669d4a74b60428884b10f8b6dab0f6f81c3536",class:"content"},a("slot",{key:"96fcaa01e83175f5f4476b38765dfc0b98c623c7"}))),this.state._hasCloser&&a(v,{key:"2d07628e18f992d455c5104869aa4c54341b97c5",class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:h("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&a("div",{key:"d2825b4f83e736616f4d8808f46af958ba2391d1",class:"content"},a("slot",{key:"2063f32e42cc024a8f9f4fe2e66489c8c73acf71"})))}validateAlert(a){s(this,"_alert",a)}validateHasCloser(a){o(this,a)}validateLabel(a){l(this,a)}validateLevel(a){f(this,a)}validateOn(a){this.validateOnValue(a)&&c(this,"_on",{onClose:a.onClose})}validateType(a){n(this,"_type",(a=>"string"==typeof a&&r.includes(a)),new Set(`String {${r.join(", ")}`),a)}validateVariant(a){n(this,"_variant",(a=>"string"==typeof a&&d.includes(a)),new Set(`AlertVariant {${d.join(", ")}`),a)}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)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{_ as kol_alert_wc};
+import{r as e,h as t,H as a}from"./index-3fbcceca.js";import{t as i}from"./i18n-37baa421.js";import{w as s}from"./validation-c2d11c8c.js";import{b as o,c,g as l}from"./component-names-ed22f86e.js";import{L as n}from"./dev.utils-1ca991a2.js";import{b as r,s as d,w as f}from"./prop.validators-29d576d2.js";import{v as h}from"./has-closer-f9cf9bc4.js";import{v as b}from"./label-e56ffdc6.js";import"./i18n-0c047df5.js";import"./reuse-b66836de.js";import"./index-4a3076fc.js";const v=["default","info","success","warning","error"],u=["card","msg"],p=e=>t(l,{class:"heading-icon",_label:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),m=e=>{switch(e.type){case"error":return t(p,{ariaLabel:i("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return t(p,{ariaLabel:i("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return t(p,{ariaLabel:i("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return t(p,{ariaLabel:i("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return t(p,{ariaLabel:i("kol-message"),icon:"codicon codicon-comment",label:e.label})}},_=class{constructor(a){e(this,a),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var e;if(this.state._alert){try{n.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){n.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return t(a,{key:"ecb2cd45b14f92cc1c337d2b81382a8cc820e869",class:{"kol-alert-wc":!0,alert:!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},t("div",{key:"b190de9f62c33d970daabc1b5638132da33c936e",class:"heading"},t(m,{key:"e1da8b194a13ec6f9270efc2234caadcee77e827",label:this.state._label,type:this.state._type}),t("div",{key:"7ffd000cfbe218c582791e8646ff5caf9bad5b25",class:"heading-content"},"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&t(o,{key:"f9e7c598243a4868b80b248fdf4dfdeed5d24a2b",_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&t("div",{key:"b5b70319b6c7747872e9d8072a1fe7565938f7c1",class:"content"},t("slot",{key:"b75edf24762d861147d5ee5fa0701b4c5a30eed1"}))),this.state._hasCloser&&t(c,{key:"a21b86376be7c8c5d8b03be1bf9635525e0ab3b7",class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&t("div",{key:"222dfcfd8c2a42d88045b744d7fb98dea05be855",class:"content"},t("slot",{key:"48fb55900500e45c7f9670e065a26de7189f771f"})))}validateAlert(e){r(this,"_alert",e)}validateHasCloser(e){h(this,e)}validateLabel(e){b(this,e)}validateLevel(e){s(this,e)}validateOn(e){this.validateOnValue(e)&&d(this,"_on",{onClose:e.onClose})}validateType(e){f(this,"_type",(e=>"string"==typeof e&&v.includes(e)),new Set(`String {${v.join(", ")}`),e)}validateVariant(e){f(this,"_variant",(e=>"string"==typeof e&&u.includes(e)),new Set(`AlertVariant {${u.join(", ")}`),e)}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)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{_ as kol_alert_wc};

package/dist/kolibri/kol-alert-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["Icon","props","h","KolIconTag","class","_label","label","length","ariaLabel","_icons","icon","AlertIcon","type","translate","KolAlertWc","this","close","_a","_on","onClose","undefined","Event","on","onClick","validateOnValue","value","_level","render","state","_alert","Log","debug","navigator","vibrate","e","setTimeout","validateAlert","Host","key","alert","_type","_variant","hasCloser","_hasCloser","role","KolHeadingWcTag","KolButtonWcTag","_hideLabel","left","_tooltipAlign","watchBoolean","validateHasCloser","validateLabel","validateLevel","watchHeadingLevel","validateOn","setState","validateType","watchValidator","alertTypeOptions","includes","Set","join","validateVariant","alertVariantOptions","componentWillLoad"],"sources":["src/components/alert/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Log, alertTypeOptions, alertVariantOptions, setState, validateHasCloser, validateLabel, watchBoolean, watchValidator } from '@public-ui/schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { KolIconTag, KolHeadingWcTag, KolButtonWcTag } from '../../core/component-names';\n\nimport type {\n\tAlertAPI,\n\tAlertStates,\n\tAlertType,\n\tAlertVariant,\n\tHasCloserPropType,\n\tHeadingLevel,\n\tKoliBriAlertEventCallbacks,\n\tLabelPropType,\n} from '@public-ui/schema';\nconst Icon = (props: { ariaLabel: string; icon: string; label?: string }) => {\n\treturn <KolIconTag class=\"heading-icon\" _label={typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel} _icons={props.icon} />;\n};\n\nconst AlertIcon = (props: { label?: string; type?: AlertType }) => {\n\tswitch (props.type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={props.label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={props.label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={props.label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={props.label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={props.label} />;\n\t}\n};\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert-wc',\n\tshadow: false,\n})\nexport class KolAlertWc implements AlertAPI {\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClick: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tif (this.state._alert) {\n\t\t\t/**\n\t\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t\t */\n\t\t\ttry {\n\t\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t\t} catch (e) {\n\t\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.validateAlert(false);\n\t\t\t}, 10000);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-alert-wc': true,\n\t\t\t\t\talert: true,\n\t\t\t\t\t[this.state._type as string]: true,\n\t\t\t\t\t[this.state._variant as string]: true,\n\t\t\t\t\thasCloser: !!this.state._hasCloser,\n\t\t\t\t}}\n\t\t\t\trole={this.state._alert ? 'alert' : undefined}\n\t\t\t>\n\t\t\t\t<div class=\"heading\">\n\t\t\t\t\t<AlertIcon label={this.state._label} type={this.state._type} />\n\t\t\t\t\t<div class=\"heading-content\">\n\t\t\t\t\t\t{typeof this.state._label === 'string' && this.state._label?.length > 0 && (\n\t\t\t\t\t\t\t<KolHeadingWcTag _label={this.state._label} _level={this.state._level}></KolHeadingWcTag>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._variant === 'msg' && (\n\t\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasCloser && (\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_label={translate('kol-close')}\n\t\t\t\t\t\t\t_on={this.on}\n\t\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop() public _alert?: boolean = false;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\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?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t */\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: AlertStates = {\n\t\t_level: 1,\n\t};\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this, '_alert', value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriAlertEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAlertEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriAlertEventCallbacks>(\n\t\t\t\tthis,\n\t\t\t\t'_on',\n\t\t\t\t{\n\t\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// \tafterPatch: (value: unknown) => {\n\t\t\t\t// \t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t\t// \t},\n\t\t\t\t// }\n\t\t\t);\n\t\t\t// } else {\n\t\t\t// \tsetState<KoliBriAlertEventCallbacks>(this, '_on', null, {\n\t\t\t// \t\tafterPatch: (value: unknown) => {\n\t\t\t// \t\t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t// \t\t},\n\t\t\t// \t});\n\t\t}\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: AlertType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_type',\n\t\t\t(value?) => typeof value === 'string' && alertTypeOptions.includes(value),\n\t\t\tnew Set(`String {${alertTypeOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: AlertVariant): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_variant',\n\t\t\t(value?) => typeof value === 'string' && alertVariantOptions.includes(value),\n\t\t\tnew Set(`AlertVariant {${alertVariantOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this._alert);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"names":["alertTypeOptions","alertVariantOptions","Icon","props","h","KolIconTag","class","_label","label","length","ariaLabel","_icons","icon","AlertIcon","type","translate","KolAlertWc","this","close","_a","_on","onClose","undefined","Event","on","onClick","validateOnValue","value","_level","render","state","_alert","Log","debug","navigator","vibrate","e","setTimeout","validateAlert","Host","key","alert","_type","_variant","hasCloser","_hasCloser","role","KolHeadingWcTag","KolButtonWcTag","_hideLabel","left","_tooltipAlign","watchBoolean","validateHasCloser","validateLabel","validateLevel","watchHeadingLevel","validateOn","setState","validateType","watchValidator","includes","Set","join","validateVariant","componentWillLoad"],"sources":["src/schema/components/alert.ts","src/components/alert/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { HeadingLevel, PropAlert, PropHasCloser, PropLabel } from '../props';\nimport type { EventCallback } from '../types';\n\nexport const alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'] as const;\nexport type AlertType = (typeof alertTypeOptions)[number];\n\nexport const alertVariantOptions = ['card', 'msg'] as const;\nexport type AlertVariant = (typeof alertVariantOptions)[number];\n\nexport type KoliBriAlertEventCallbacks = {\n\tonClose?: EventCallback<Event>;\n};\n\ntype RequiredAlertProps = NonNullable<unknown>;\ntype OptionalAlertProps = {\n\tlevel: HeadingLevel;\n\ton: KoliBriAlertEventCallbacks;\n\ttype: AlertType;\n\tvariant: AlertVariant;\n} & PropLabel &\n\tPropAlert &\n\tPropHasCloser;\n\ntype RequiredAlertStates = RequiredAlertProps;\ntype OptionalAlertStates = OptionalAlertProps;\n\nexport type AlertProps = Generic.Element.Members<RequiredAlertProps, OptionalAlertProps>;\nexport type AlertStates = Generic.Element.Members<RequiredAlertStates, OptionalAlertStates>;\nexport type AlertAPI = Generic.Element.ComponentApi<RequiredAlertProps, OptionalAlertProps, RequiredAlertStates, OptionalAlertStates>;\n","import type { JSX } from '@stencil/core';\nimport { Log, alertTypeOptions, alertVariantOptions, setState, validateHasCloser, validateLabel, watchBoolean, watchValidator } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { KolIconTag, KolHeadingWcTag, KolButtonWcTag } from '../../core/component-names';\n\nimport type { AlertAPI, AlertStates, AlertType, AlertVariant, HasCloserPropType, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';\nconst Icon = (props: { ariaLabel: string; icon: string; label?: string }) => {\n\treturn <KolIconTag class=\"heading-icon\" _label={typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel} _icons={props.icon} />;\n};\n\nconst AlertIcon = (props: { label?: string; type?: AlertType }) => {\n\tswitch (props.type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={props.label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={props.label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={props.label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={props.label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={props.label} />;\n\t}\n};\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert-wc',\n\tshadow: false,\n})\nexport class KolAlertWc implements AlertAPI {\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClick: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tif (this.state._alert) {\n\t\t\t/**\n\t\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t\t */\n\t\t\ttry {\n\t\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t\t} catch (e) {\n\t\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.validateAlert(false);\n\t\t\t}, 10000);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-alert-wc': true,\n\t\t\t\t\talert: true,\n\t\t\t\t\t[this.state._type as string]: true,\n\t\t\t\t\t[this.state._variant as string]: true,\n\t\t\t\t\thasCloser: !!this.state._hasCloser,\n\t\t\t\t}}\n\t\t\t\trole={this.state._alert ? 'alert' : undefined}\n\t\t\t>\n\t\t\t\t<div class=\"heading\">\n\t\t\t\t\t<AlertIcon label={this.state._label} type={this.state._type} />\n\t\t\t\t\t<div class=\"heading-content\">\n\t\t\t\t\t\t{typeof this.state._label === 'string' && this.state._label?.length > 0 && (\n\t\t\t\t\t\t\t<KolHeadingWcTag _label={this.state._label} _level={this.state._level}></KolHeadingWcTag>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._variant === 'msg' && (\n\t\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasCloser && (\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_label={translate('kol-close')}\n\t\t\t\t\t\t\t_on={this.on}\n\t\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop() public _alert?: boolean = false;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\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?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t */\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: AlertStates = {\n\t\t_level: 1,\n\t};\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this, '_alert', value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriAlertEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAlertEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriAlertEventCallbacks>(\n\t\t\t\tthis,\n\t\t\t\t'_on',\n\t\t\t\t{\n\t\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// \tafterPatch: (value: unknown) => {\n\t\t\t\t// \t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t\t// \t},\n\t\t\t\t// }\n\t\t\t);\n\t\t\t// } else {\n\t\t\t// \tsetState<KoliBriAlertEventCallbacks>(this, '_on', null, {\n\t\t\t// \t\tafterPatch: (value: unknown) => {\n\t\t\t// \t\t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t// \t\t},\n\t\t\t// \t});\n\t\t}\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: AlertType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_type',\n\t\t\t(value?) => typeof value === 'string' && alertTypeOptions.includes(value),\n\t\t\tnew Set(`String {${alertTypeOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: AlertVariant): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_variant',\n\t\t\t(value?) => typeof value === 'string' && alertVariantOptions.includes(value),\n\t\t\tnew Set(`AlertVariant {${alertVariantOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this._alert);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-3fbcceca.js";import{d as i}from"./component-names-ed22f86e.js";const o="/*\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: 44px;\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     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * 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 44px.\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%; /* 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}\n@layer kol-global {\n  :host {\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\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-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid 1px;\n  }\n}",a=o,l=class{constructor(e){n(this,e),this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){return e(t,{key:"0bc6af8580c2671652be185c0703d6863173054b",class:"kol-alert"},e(i,{key:"597bc59e70dd38fc02c75f93fd4bd0e18a2adc1c",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},e("slot",{key:"c3216b358f6a0dd8357009d7c95f3aa6101cc781"})))}};l.style={default:a};export{l as kol_alert};
+import{r as n,h as e,H as t}from"./index-3fbcceca.js";import{d as i}from"./component-names-ed22f86e.js";const o="/*\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: 44px;\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     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * 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 44px.\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%; /* 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}\n@layer kol-global {\n  :host {\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\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-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid 1px;\n  }\n}",a=o,l=class{constructor(e){n(this,e),this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){return e(t,{key:"4f87a50275ed8a213086458ce239ab24148b4e95",class:"kol-alert"},e(i,{key:"97764b041f739deb6fda2f01d31993131de5e6ab",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},e("slot",{key:"3108fc83dd474231a55d3ffaf4bb8fae2ac7719d"})))}};l.style={default:a};export{l as kol_alert};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","_level","render","h","Host","key","class","KolAlertWcTag","_alert","this","_hasCloser","_label","_on","_type","_variant"],"sources":["src/components/alert/style.scss?tag=kol-alert&mode=default&encapsulation=shadow","src/components/alert/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../@shared/kol-alert-mixin.scss';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n}\n\n@include kol-alert-styles;\n","import type { AlertProps, AlertStates, AlertType, AlertVariant, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '@public-ui/schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State } from '@stencil/core';\nimport { KolAlertWcTag } from '../../core/component-names';\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAlert implements AlertProps {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-alert\">\n\t\t\t\t<KolAlertWcTag\n\t\t\t\t\t_alert={this._alert}\n\t\t\t\t\t_hasCloser={this._hasCloser}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_level={this._level}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</KolAlertWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop() public _alert?: boolean = false;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\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?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t */\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: AlertStates = {\n\t\t_level: 1,\n\t};\n}\n"],"mappings":";;;wGAAA,MAAMA,EAAkB,u/IACxB,MAAAC,EAAeD,E,MCcFE,EAAQ,M,qCAsBc,M,gBAMI,M,kCAUC,E,8BAUJ,U,cAKM,M,WAEJ,CACpCC,OAAQ,E,CAvDF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,aACXH,EAACI,EAAa,CAAAF,IAAA,2CACbG,OAAQC,KAAKD,OACbE,WAAYD,KAAKC,WACjBC,OAAQF,KAAKE,OACbV,OAAQQ,KAAKR,OACbW,IAAKH,KAAKG,IACVC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,UAEfX,EAAA,QAAAE,IAAA,8C"}
+{"version":3,"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","_level","render","h","Host","key","class","KolAlertWcTag","_alert","this","_hasCloser","_label","_on","_type","_variant"],"sources":["src/components/alert/style.scss?tag=kol-alert&mode=default&encapsulation=shadow","src/components/alert/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../@shared/kol-alert-mixin.scss';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n}\n\n@include kol-alert-styles;\n","import type { AlertProps, AlertStates, AlertType, AlertVariant, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State } from '@stencil/core';\nimport { KolAlertWcTag } from '../../core/component-names';\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAlert implements AlertProps {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-alert\">\n\t\t\t\t<KolAlertWcTag\n\t\t\t\t\t_alert={this._alert}\n\t\t\t\t\t_hasCloser={this._hasCloser}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_level={this._level}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</KolAlertWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop() public _alert?: boolean = false;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\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?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t */\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: AlertStates = {\n\t\t_level: 1,\n\t};\n}\n"],"mappings":";;;wGAAA,MAAMA,EAAkB,u/IACxB,MAAAC,EAAeD,E,MCcFE,EAAQ,M,qCAsBc,M,gBAMI,M,kCAUC,E,8BAUJ,U,cAKM,M,WAEJ,CACpCC,OAAQ,E,CAvDF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,aACXH,EAACI,EAAa,CAAAF,IAAA,2CACbG,OAAQC,KAAKD,OACbE,WAAYD,KAAKC,WACjBC,OAAQF,KAAKE,OACbV,OAAQQ,KAAKR,OACbW,IAAKH,KAAKG,IACVC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,UAEfX,EAAA,QAAAE,IAAA,8C"}

package/dist/kolibri/kol-avatar-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as a,h as t,H as e}from"./index-3fbcceca.js";import{D as s,v as i}from"./index-44da6e7f.js";import{t as r}from"./i18n-7bf2bd6f.js";import"./i18n-0c047df5.js";const c=a=>0===a.length?"":a[0].toUpperCase(),n=a=>{const t=a.split(/\s+/),e=t.at(0),s=t.at(-1);return t.length>=2&&e&&s?`${c(e)}${c(s)}`:c(a)},l=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return t(e,{key:"99fac7e3555c26480cdaf36d21bae55e9455b2a4",class:"kol-avatar-wc"},t("div",{key:"bb096bc4e6e5c9e9d4c3e07338a09d36017966fe","aria-label":r("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"initials"},n(this.state._label.trim()))))}validateSrc(a){s(this,a)}validateLabel(a){i(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{l as kol_avatar_wc};
+import{r as a,h as t,H as s}from"./index-3fbcceca.js";import{t as r}from"./i18n-37baa421.js";import{v as e}from"./image-source-36b5abe9.js";import{v as i}from"./label-e56ffdc6.js";import"./i18n-0c047df5.js";import"./reuse-b66836de.js";import"./prop.validators-29d576d2.js";import"./index-4a3076fc.js";import"./dev.utils-1ca991a2.js";const c=a=>0===a.length?"":a[0].toUpperCase(),o=a=>{const t=a.split(/\s+/),s=t.at(0),e=t.at(-1);return t.length>=2&&s&&e?`${c(s)}${c(e)}`:c(a)},d=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return t(s,{key:"672b71c600e54214bbaf86210fe439af3f187c83",class:"kol-avatar-wc"},t("div",{key:"8631bb174ac54c1677149d12979f6837dddd692d","aria-label":r("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"initials"},o(this.state._label.trim()))))}validateSrc(a){e(this,a)}validateLabel(a){i(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{d as kol_avatar_wc};