@public-ui/components 3.0.0-alpha.1 → 3.0.0-df5bda2bd2700f0e27724820c12a0e0121176ad3.0

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

@@ -1 +1 @@
-{"version":3,"names":["KeyEnum","TagEnum","KoliBri","Theme","initialized","bootstrap","async","themes","loaders","options","setDevMode","environment","initializeI18n","_b","_a","translation","name","translations","transformTagName","setCustomTagNames","coreRegisterReturnValue","coreRegister","register","isInitialized","ToasterService","constructor","document","this","toastContainerElement","createElement","KolToastContainerTag","body","prepend","getInstance","Error","instance","instances","get","set","dispose","element","undefined","remove","Log","warn","forceLog","enqueue","toast","defaultVariant","defaultAlertVariant","_d","_c","alertVariant","variant","closeAll","immediate","Map"],"sources":["src/schema/i18n-keys.ts","src/schema/tag-names.ts","src/schema/index.ts","src/core/bootstrap.ts","src/components/toaster/toaster.tsx"],"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'combobox',\n\t'details',\n\t'drawer',\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'single-select',\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';\nexport * from './interfaces';\n","import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport { setDevMode } from '../schema';\nimport { setCustomTagNames } from './component-names';\nimport { initializeI18n } from './i18n';\n\ntype Environment = 'development' | 'production';\n\ntype KoliBriOptions = RegisterOptions & {\n\t/**\n\t * The environment in which the application is running.\n\t */\n\tenvironment?: Environment;\n\t/**\n\t * This option allows you to transform the component tag names.\n\t */\n\ttransformTagName?: (tagName: string) => string;\n};\n\nlet initialized = false;\n\nexport const bootstrap = async (\n\tthemes:\n\t\t| Generic.Theming.RegisterPatch<string, string, string>\n\t\t| Generic.Theming.RegisterPatch<string, string, string>[]\n\t\t| Set<Generic.Theming.RegisterPatch<string, string, string>>,\n\tloaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>,\n\toptions?: KoliBriOptions,\n): Promise<void[]> => {\n\tsetDevMode(options?.environment === 'development');\n\n\tinitializeI18n(options?.translation?.name ?? 'de', options?.translations);\n\tif (options?.transformTagName) {\n\t\tsetCustomTagNames(options?.transformTagName);\n\t}\n\tconst coreRegisterReturnValue = await coreRegister(themes, loaders, options);\n\tinitialized = true;\n\n\treturn coreRegisterReturnValue;\n};\n\nexport const register = bootstrap;\nexport const isInitialized = () => initialized;\n","import type { Toast, ToasterOptions } from '../../schema';\nimport { Log } from '../../schema';\nimport { KolToastContainerTag } from '../../core/component-names';\nimport { isInitialized } from '../../core/bootstrap';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(\n\t\tprivate readonly document: Document,\n\t\tprivate readonly options?: ToasterOptions,\n\t) {\n\t\tthis.toastContainerElement = this.document.createElement(KolToastContainerTag);\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document, options?: ToasterOptions): ToasterService {\n\t\tif (!isInitialized()) {\n\t\t\tthrow new Error('Toaster: Call KoliBri bootstrap/register method first.');\n\t\t}\n\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document, options);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tLog.warn('Toaster service is already disposed.', { forceLog: true });\n\t\t}\n\t}\n\n\tpublic enqueue(toast: Toast): Promise<() => void> | undefined {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\tconst defaultVariant = this.options?.defaultVariant ?? undefined;\n\t\t\tconst defaultAlertVariant = this.options?.defaultAlertVariant ?? undefined;\n\t\t\tif (!toast.alertVariant && !toast.variant && this.options) {\n\t\t\t\ttoast.variant = defaultAlertVariant ?? defaultVariant;\n\t\t\t}\n\n\t\t\treturn this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n\n\tpublic closeAll(immediate: boolean = false): void {\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.closeAll === 'function') {\n\t\t\tvoid this.toastContainerElement.closeAll(immediate);\n\t\t}\n\t}\n}\n"],"mappings":";;;wfAAA,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,2BACAA,IAAA,yBACAA,IAAA,uBACAA,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,qCACAA,IAAA,mCACAA,IAAA,uBACAA,IAAA,qBACAA,IAAA,yCACAA,IAAA,uCACAA,IAAA,mBACAA,IAAA,2BACAA,IAAA,yCACAA,IAAA,yBACAA,IAAA,yBACAA,IAAA,mBACAA,IAAA,4BACA,EAxDD,CAAYA,MAAO,K,MCKNC,EAAU,IAAIC,EAAyD,MAAOH,EAASC,GCcpG,IAAIG,EAAc,M,MAELC,EAAYC,MACxBC,EAIAC,EACAC,K,QAEAC,GAAWD,IAAO,MAAPA,SAAO,SAAPA,EAASE,eAAgB,eAEpCC,GAAeC,GAAAC,EAAAL,IAAO,MAAPA,SAAO,SAAPA,EAASM,eAAW,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,EAAAA,EAAI,KAAMJ,IAAO,MAAPA,SAAO,SAAPA,EAASQ,cAC5D,GAAIR,IAAO,MAAPA,SAAO,SAAPA,EAASS,iBAAkB,CAC9BC,EAAkBV,IAAO,MAAPA,SAAO,SAAPA,EAASS,iB,CAE5B,MAAME,QAAgCC,EAAad,EAAQC,EAASC,GACpEL,EAAc,KAEd,OAAOgB,CAAuB,E,MAGlBE,EAAWjB,E,MACXkB,EAAgB,IAAMnB,E,MCrCtBoB,EAKZ,WAAAC,CACkBC,EACAjB,GADAkB,KAAAD,WACAC,KAAAlB,UAEjBkB,KAAKC,sBAAwBD,KAAKD,SAASG,cAAcC,GACzDH,KAAKD,SAASK,KAAKC,QAAQL,KAAKC,sB,CAM1B,kBAAOK,CAAYP,EAAoBjB,GAC7C,IAAKc,IAAiB,CACrB,MAAM,IAAIW,MAAM,yD,CAGjB,IAAIC,EAAWR,KAAKS,UAAUC,IAAIX,GAClC,IAAKS,EAAU,CACdA,EAAW,IAAIX,EAAeE,EAAUjB,GACxCkB,KAAKS,UAAUE,IAAIZ,EAAUS,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUb,KAAKC,sBACrB,GAAIY,EAAS,CACZb,KAAKC,sBAAwBa,UAC7BD,EAAQE,Q,KACF,CACNC,EAAIC,KAAK,uCAAwC,CAAEC,SAAU,M,EAIxD,OAAAC,CAAQC,G,YAKd,GAAIpB,KAAKC,8BAAgCD,KAAKC,sBAAsBkB,UAAY,WAAY,CAC3F,MAAME,GAAiBnC,GAAAC,EAAAa,KAAKlB,WAAO,MAAAK,SAAA,SAAAA,EAAEkC,kBAAc,MAAAnC,SAAA,EAAAA,EAAI4B,UACvD,MAAMQ,GAAsBC,GAAAC,EAAAxB,KAAKlB,WAAO,MAAA0C,SAAA,SAAAA,EAAEF,uBAAmB,MAAAC,SAAA,EAAAA,EAAIT,UACjE,IAAKM,EAAMK,eAAiBL,EAAMM,SAAW1B,KAAKlB,QAAS,CAC1DsC,EAAMM,QAAUJ,IAAmB,MAAnBA,SAAmB,EAAnBA,EAAuBD,C,CAGxC,OAAOrB,KAAKC,sBAAsBkB,QAAQC,E,EAIrC,QAAAO,CAASC,EAAqB,OACpC,GAAI5B,KAAKC,8BAAgCD,KAAKC,sBAAsB0B,WAAa,WAAY,MACvF3B,KAAKC,sBAAsB0B,SAASC,E,GAxDnB/B,EAAAY,UAA2C,IAAIoB,W","ignoreList":[]}
+{"version":3,"names":["KeyEnum","TagEnum","KoliBri","Theme","initialized","bootstrap","async","themes","loaders","options","setDevMode","environment","initializeI18n","_b","_a","translation","name","translations","transformTagName","setCustomTagNames","coreRegisterReturnValue","coreRegister","register","isInitialized","ToasterService","constructor","document","this","toastContainerElement","createElement","KolToastContainerTag","body","prepend","getInstance","Error","instance","instances","get","set","dispose","element","undefined","remove","Log","warn","forceLog","enqueue","toast","variant","defaultVariant","closeAll","immediate","Map","Bundesministerium","BUNDESMINISTERIEN","Object","getOwnPropertyNames","Bundesamt","BUNDESAEMTER","Bundesanstalt","BUNDESANSTALTEN","BUND_LOGO_TEXT_MAP"],"sources":["src/schema/i18n-keys.ts","src/schema/tag-names.ts","src/schema/index.ts","src/core/bootstrap.ts","src/components/toaster/toaster.tsx","src/enums/bund.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-link',\n\t'card',\n\t'combobox',\n\t'details',\n\t'drawer',\n\t'form',\n\t'heading',\n\t'icon',\n\t'image',\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'logo',\n\t'modal',\n\t'nav',\n\t'pagination',\n\t'popover-button',\n\t'progress',\n\t'select',\n\t'separator', // TODO: github pr link\n\t'single-select',\n\t'skip-nav',\n\t'spin',\n\t'split-button',\n\t'symbol',\n\t'table',\n\t'table-stateful',\n\t'table-stateless',\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';\nexport * from './interfaces';\n","import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport { setDevMode } from '../schema';\nimport { setCustomTagNames } from './component-names';\nimport { initializeI18n } from './i18n';\n\ntype Environment = 'development' | 'production';\n\ntype KoliBriOptions = RegisterOptions & {\n\t/**\n\t * The environment in which the application is running.\n\t */\n\tenvironment?: Environment;\n\t/**\n\t * This option allows you to transform the component tag names.\n\t */\n\ttransformTagName?: (tagName: string) => string;\n};\n\nlet initialized = false;\n\nexport const bootstrap = async (\n\tthemes:\n\t\t| Generic.Theming.RegisterPatch<string, string, string>\n\t\t| Generic.Theming.RegisterPatch<string, string, string>[]\n\t\t| Set<Generic.Theming.RegisterPatch<string, string, string>>,\n\tloaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>,\n\toptions?: KoliBriOptions,\n): Promise<void[]> => {\n\tsetDevMode(options?.environment === 'development');\n\n\tinitializeI18n(options?.translation?.name ?? 'de', options?.translations);\n\tif (options?.transformTagName) {\n\t\tsetCustomTagNames(options?.transformTagName);\n\t}\n\tconst coreRegisterReturnValue = await coreRegister(themes, loaders, options);\n\tinitialized = true;\n\n\treturn coreRegisterReturnValue;\n};\n\nexport const register = bootstrap;\nexport const isInitialized = () => initialized;\n","import type { Toast, ToasterOptions } from '../../schema';\nimport { Log } from '../../schema';\nimport { KolToastContainerTag } from '../../core/component-names';\nimport { isInitialized } from '../../core/bootstrap';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(\n\t\tprivate readonly document: Document,\n\t\tprivate readonly options?: ToasterOptions,\n\t) {\n\t\tthis.toastContainerElement = this.document.createElement(KolToastContainerTag);\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document, options?: ToasterOptions): ToasterService {\n\t\tif (!isInitialized()) {\n\t\t\tthrow new Error('Toaster: Call KoliBri bootstrap/register method first.');\n\t\t}\n\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document, options);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tLog.warn('Toaster service is already disposed.', { forceLog: true });\n\t\t}\n\t}\n\n\tpublic enqueue(toast: Toast): Promise<() => void> | undefined {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\ttoast.variant ??= this.options?.defaultVariant;\n\t\t\treturn this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n\n\tpublic closeAll(immediate: boolean = false): void {\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.closeAll === 'function') {\n\t\t\tvoid this.toastContainerElement.closeAll(immediate);\n\t\t}\n\t}\n}\n","/**\n * Abkürzungen heraussuchen (Stand der Behörden: 02.08.2021)\n *\n * - https://www.bundesregierung.de/breg-de/bundesregierung/bundesministerien\n * - https://www.bundesregierung.de/breg-de/service/jetzt-durchstaaten-de/bundesbehoerden-410626\n * - https://de.wikipedia.org/wiki/Bundesamt_f%C3%BCr_Familie_und_zivilgesellschaftliche_Aufgaben\n */\n\n/**\n * Seiten tauschen\n *\n * /'([a-z äöü,ß-]+)' = '([a-z äöü,ß-]+)'gi => \"'$2' = '$1'\"\n */\n\nexport enum Bundesministerium {\n\t/**\n\t * Bundesregierung (BReg)\n\t */\n\t'Die Bundesregierung' = 'BReg',\n\t'Bundesministerium der Finanzen' = 'BMF',\n\t'Bundesministerium des Innern, für Bau und Heimat' = 'BMI',\n\t'Auswärtiges Amt' = 'AA',\n\t'Bundesministerium für Wirtschaft und Energie' = 'BMWi',\n\t'Bundesministerium der Justiz und für Verbraucherschutz' = 'BMJV',\n\t'Bundesministerium für Arbeit und Soziales' = 'BMAS',\n\t'Bundesministerium der Verteidigung' = 'BMVg',\n\t'Bundesministerium für Ernährung und Landwirtschaft' = 'BMEL',\n\t'Bundesministerium für Familie, Senioren, Frauen und Jugend' = 'BMFSFJ',\n\t'Bundesministerium für Gesundheit' = 'BMG',\n\t'Bundesministerium für Verkehr und digitale Infrastruktur' = 'BMVI',\n\t'Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit' = 'BMU',\n\t'Bundesministerium für Bildung und Forschung' = 'BMBF',\n\t'Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung' = 'BMZ',\n}\n\nexport const BUNDESMINISTERIEN = Object.getOwnPropertyNames(Bundesministerium);\n\nexport enum Bundesamt {\n\t'Beschaffungsamt des Bundesministeriums des Innern' = 'BeschA',\n\t'Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr' = 'BAAINBw',\n\t'Bundesamt für äußere Restitutionen' = 'BAR',\n\t'Bundesamt für Bauwesen und Raumordnung' = 'BBR',\n\t'Bundesamt für Bevölkerungsschutz und Katastrophenhilfe' = 'BBK',\n\t// 'Bundesamt für das Personalmanagement der Bundeswehr' = 'BAPersBw',\n\t'Bundesamt für Familie und zivilgesellschaftliche Aufgaben' = 'BAFzA',\n\t'Bundesamt für Güterverkehr' = 'BAG',\n\t// 'Bundesamt für Infrastruktur, Umweltschutz und Dienstleistungen der Bundeswehr' = 'BAIUDBw',\n\t'Bundesamt für Justiz' = 'BfJ',\n\t'Bundesamt für Kartographie und Geodäsie' = 'BKG',\n\t'Bundesamt für kerntechnische Entsorgungssicherheit' = 'BASE',\n\t'Bundesamt für Migration und Flüchtlinge' = 'BAMF',\n\t// 'Bundesamt für Naturschutz' = 'BfN',\n\t// 'Bundesamt für Seeschifffahrt und Hydrographie' = 'BSH',\n\t'Bundesamt für Sicherheit in der Informationstechnik' = 'BSI',\n\t// 'Bundesamt für Strahlenschutz' = 'BfS',\n\t'Bundesamt für Verbraucherschutz und Lebensmittelsicherheit' = 'BVL',\n\t'Bundesamt für Verfassungsschutz' = 'BfV',\n\t'Bundesamt für Wirtschaft und Ausfuhrkontrolle' = 'BAFA',\n\t'Bundesamt für zentrale Dienste und offene Vermögensfragen' = 'BADV',\n\t'Bundesanstalt für Verwaltungsdienstleistungen' = 'BAV',\n\t'Bundesarchiv' = 'BArch',\n\t'Bundesaufsichtsamt für Flugsicherung' = 'BAF',\n\t'Bundesausgleichsamt' = 'BAA',\n\t'Bundeskartellamt' = 'BKartA',\n\t'Bundeskriminalamt' = 'BKA',\n\t'Bundesnachrichtendienst' = 'BND',\n\t'Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen' = 'BNetzA',\n\t'Bundespolizeipräsidium' = 'BPOLP',\n\t'Bundesprüfstelle für jugendgefährdende Medien' = 'BPjM',\n\t'Bundessortenamt' = 'BSA',\n\t'Bundessprachenamt' = 'BSprA',\n\t// 'Bundesstelle für Flugunfalluntersuchung' = 'BFU',\n\t// 'Bundesstelle für Seeunfalluntersuchung' = 'BSU',\n\t'Bundesamt für Soziale Sicherung' = 'BAS',\n\t'Bundesverwaltungsamt' = 'BVA',\n\t// 'Bundeswehr-Dienstleistungszentren' = 'BwDLZ',\n\t'Bundeszentralamt für Steuern' = 'BZSt',\n\t// 'Bundeszentrale für gesundheitliche Aufklärung' = 'BZgA',\n\t'Deutsches Patent- und Markenamt' = 'DPMA',\n\t'Eisenbahn-Bundesamt' = 'EBA',\n\t// 'Generaldirektion Wasserstraßen und Schifffahrt' = 'GDWS',\n\t'Generalzolldirektion' = 'GZD',\n\t// 'Havariekommando' = 'HK',\n\t// 'Hauptzollämter' = 'HZA',\n\t// 'Kraftfahrt-Bundesamt' = 'KBA',\n\t// 'Luftfahrt-Bundesamt' = 'LBA',\n\t// 'Luftfahrtamt der Bundeswehr' = 'LufABw',\n\t'Militärischer Abschirmdienst' = 'MAD',\n\t// 'Planungsamt der Bundeswehr' = 'PlgABw',\n\t// 'Statistisches Bundesamt' = 'Destatis',\n\t// 'Umweltbundesamt' = 'UBA',\n\t// 'Wasser- und Schifffahrtsverwaltung des Bundes' = 'WSW',\n\t'Zentrale Stelle für Informationstechnik im Sicherheitsbereich' = 'ZITiS',\n\t// 'Zollämter' = 'ZA',\n\t// 'Zollfahndungsämter' = 'ZFA',\n\t// 'Zollkriminalamt' = 'ZKA',\n\t// 'Zollkommissariate' = 'ZKom',\n}\nexport const BUNDESAEMTER = Object.getOwnPropertyNames(Bundesamt);\n\nexport enum Bundesanstalt {\n\t'Informationstechnikzentrum Bund' = 'ITZBund',\n\t// 'Bundesanstalt für Arbeitsschutz und Arbeitsmedizin' = 'BAuA',\n\t'Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben' = 'BDBOS',\n\t// 'Bundesanstalt für Finanzdienstleistungsaufsicht' = 'BaFin',\n\t// 'Bundesanstalt für Geowissenschaften und Rohstoffe' = 'BGR',\n\t// 'Bundesanstalt für Gewässerkunde' = 'BfG',\n\t// 'Bundesanstalt für Immobilienaufgaben' = 'BImA',\n\t// 'Bundesanstalt für IT-Dienstleistungen' = 'DLZ-IT', // aufgelöst 2015\n\t'Bundesanstalt für Landwirtschaft und Ernährung' = 'BLE',\n\t// 'Bundesanstalt für Materialforschung und -prüfung' = 'BAM',\n\t// 'Bundesanstalt für Post und Telekommunikation Deutsche Bundespost' = 'BAnst PT',\n\t// 'Bundesanstalt für Straßenwesen' = 'BASt',\n\t'Bundesanstalt Technisches Hilfswerk' = 'THW',\n\t// 'Bundesanstalt für vereinigungsbedingte Sonderaufgaben' = 'BvS',\n\t// 'Bundesanstalt für Wasserbau' = 'BAW',\n\t'Bundesinstitut für Arzneimittel und Medizinprodukte' = 'BfArM',\n\t// 'Bundesinstitut für Berufsbildung' = 'BIBB',\n\t'Bundesinstitut für Bevölkerungsforschung' = 'BiB',\n\t// 'Bundesinstitut für Risikobewertung' = 'BfR',\n\t'Bundesinstitut für Sportwissenschaft' = 'BISp',\n\t// 'Bundeszentrale für politische Bildung' = 'bpb',\n\t// 'Deutsches Archäologisches Institut' = 'DAI',\n\t// 'Deutsche Nationalbibliothek' = 'DNB',\n\t// 'Deutscher Wetterdienst' = 'DWD',\n\t// 'Johann Heinrich von Thünen-Institut – Bundesforschungsinstitut für Ländliche Räume, Wald und Fischerei' = 'TI',\n\t// 'Julius Kühn-Institut – Bundesforschungsinstitut für Kulturpflanzen' = 'JKI',\n\t// 'Max Rubner-Institut – Bundesforschungsinstitut für Ernährung und Lebensmittel' = 'MRI',\n\t// 'Paul-Ehrlich-Institut – Bundesinstitut für Impfstoffe und biomedizinische Arzneimittel' = 'PEI',\n\t// 'Physikalisch-Technische Bundesanstalt' = 'PTB',\n\t// 'Robert-Koch-Institut – Bundesinstitut für Infektionskrankheiten und nicht übertragbare Krankheiten' = 'RKI',\n}\nexport const BUNDESANSTALTEN = Object.getOwnPropertyNames(Bundesanstalt);\n\nexport const BUND_LOGO_TEXT_MAP = new Map<Bundesamt | Bundesanstalt | Bundesministerium, string[]>();\n\n/* --- Bundesministerien --- */\n\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Die Bundesregierung'], ['Die', 'Bundesregierung']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium der Finanzen'], ['Bundesministerium', 'der Finanzen']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium des Innern, für Bau und Heimat'], ['Bundesministerium', 'des Inneren, für Bau', 'und Heimat']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Auswärtiges Amt'], ['Auswärtiges Amt']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Wirtschaft und Energie'], ['Bundesministerium', 'für Wirtschaft', 'und Energie']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium der Justiz und für Verbraucherschutz'], [\n\t'Bundesministerium',\n\t'der Justiz und',\n\t'für Verbraucherschutz',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Arbeit und Soziales'], ['Bundesministerium', 'für Arbeit und Soziales']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium der Verteidigung'], ['Bundesministerium', 'der Verteidigung']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Bildung und Forschung'], ['Bundesministerium', 'für Bildung', 'und Forschung']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Ernährung und Landwirtschaft'], ['Bundesministerium', 'für Ernährung', 'und Landwirtschaft']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Familie, Senioren, Frauen und Jugend'], [\n\t'Bundesministerium',\n\t'für Familie, Senioren, Frauen',\n\t'und Jugend',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Gesundheit'], ['Bundesministerium', 'für Gesundheit']);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit'], [\n\t'Bundesministerium',\n\t'für Umwelt, Naturschutz',\n\t'und nukleare Sicherheit',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Verkehr und digitale Infrastruktur'], [\n\t'Bundesministerium',\n\t'für Verkehr und',\n\t'digitale Infrastruktur',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung'], [\n\t'Bundesministerium',\n\t'für wirtschaftliche Zusammenarbeit',\n\t'und Entwicklung',\n]);\n\n/* --- Bundesämter --- */\n\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Beschaffungsamt des Bundesministeriums des Innern'], ['Beschaffungsamt', 'des Bundesministeriums', 'des Innern']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für äußere Restitutionen'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Bauwesen und Raumordnung'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Bevölkerungsschutz und Katastrophenhilfe'], ['Bundesamt', 'für Bevölkerungsschutz', 'und Katastrophenhilfe']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für das Personalmanagement der Bundeswehr'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Familie und zivilgesellschaftliche Aufgaben'], [\n\t'Bundesamt',\n\t'für Familie und',\n\t'zivilgesellschaftliche Aufgaben',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Güterverkehr'], ['Bundesamt', 'für Güterverkehr']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Infrastruktur, Umweltschutz und Dienstleistungen der Bundeswehr'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Justiz'], ['Bundesamt für', 'Justiz']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Kartographie und Geodäsie'], ['Bundesamt für', 'Kartographie und Geodäsie']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für kerntechnische Entsorgungssicherheit'], ['Bundesamt für', 'kerntechnische', 'Entsorgungssicherheit']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Migration und Flüchtlinge'], ['Bundesamt', 'für Migration', 'und Flüchtlinge']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Naturschutz'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Seeschifffahrt und Hydrographie'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Sicherheit in der Informationstechnik'], ['Bundesamt', 'für Sicherheit in der', 'Informationstechnik']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Strahlenschutz'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Verbraucherschutz und Lebensmittelsicherheit'], [\n\t'Bundesamt für',\n\t'Verbraucherschutz und',\n\t'Lebensmittelsicherheit',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Verfassungsschutz'], ['Bundesamt für', 'Verfassungsschutz']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Wirtschaft und Ausfuhrkontrolle'], ['Bundesamt', 'für Wirtschaft', 'Ausfuhrkontrolle']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für zentrale Dienste und offene Vermögensfragen'], [\n\t'Bundesamt',\n\t'für zentrale Dienste und',\n\t'offene Vermögensfragen',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesanstalt für Verwaltungsdienstleistungen'], ['Bundesanstalt', 'für Verwaltungsdienstleistungen']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesarchiv'], ['Das', 'Bundesarchiv']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesaufsichtsamt für Flugsicherung'], ['Bundesaufsichtsamt', 'für Flugsicherung']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesausgleichsamt'], ['Bundesausgleichsamt']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeskartellamt'], ['Bundeskartellamt']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeskriminalamt'], ['Bundeskriminalamt']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesnachrichtendienst'], ['Bundesnachrichtendienst']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen'], ['Bundesnetzagentur']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundespolizeipräsidium'], ['Bundespolizeipräsidium']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesprüfstelle für jugendgefährdende Medien'], ['Bundesprüfstelle', 'für jugendgefährdende', 'Medien']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundessortenamt'], ['Bundessortenamt']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundessprachenamt'], ['Bundessprachenamt']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesstelle für Flugunfalluntersuchung'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesstelle für Seeunfalluntersuchung'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Soziale Sicherung'], ['Bundesamt', 'für Soziale Sicherung']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesverwaltungsamt'], ['Bundesverwaltungsamt']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeswehr-Dienstleistungszentren'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeszentralamt für Steuern'], ['Bundeszentralamt', 'für Steuern']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeszentrale für gesundheitliche Aufklärung'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Deutsches Patent- und Markenamt'], ['Deutsches', 'Patent- und Markenamt']);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Eisenbahn-Bundesamt'], ['Eisenbahn-Bundesamt']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Generaldirektion Wasserstraßen und Schifffahrt'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Generalzolldirektion'], ['Generalzolldirektion']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Havariekommando'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Hauptzollämter'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Kraftfahrt-Bundesamt'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Luftfahrt-Bundesamt'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Luftfahrtamt der Bundeswehr'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Militärischer Abschirmdienst'], ['Bundesamt für den', 'Militärischen Abschirmdienst']);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Planungsamt der Bundeswehr'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Statistisches Bundesamt'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Umweltbundesamt'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Wasser- und Schifffahrtsverwaltung des Bundes'], []);\nBUND_LOGO_TEXT_MAP.set(Bundesamt['Zentrale Stelle für Informationstechnik im Sicherheitsbereich'], [\n\t'Zentrale Stelle',\n\t'für Informationstechnik',\n\t'im Sicherheitsbereich',\n]);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Zollämter'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Zollfahndungsämter'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Zollkriminalamt'], []);\n// BUND_LOGO_TEXT_MAP.set(Bundesamt['Zollkommissariate'], []);\n\n/*--- Bundesanstalten --- */\nBUND_LOGO_TEXT_MAP.set(Bundesanstalt['Informationstechnikzentrum Bund'], ['Informations', 'Technik', 'Zentrum Bund']);\nBUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben'], [\n\t'Bundesanstalt',\n\t'für den Digitalfunk der Behörden und',\n\t'Organisationen mit Sicherheitsaufgaben',\n]);\nBUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesanstalt für Landwirtschaft und Ernährung'], ['Bundesanstalt für', 'Landwirtschaft und Ernährung']);\nBUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesanstalt Technisches Hilfswerk'], ['Bundesanstalt', 'Technisches Hilfswerk']);\nBUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Arzneimittel und Medizinprodukte'], ['Bundesinstitut', 'für Arzneimittel', 'und Medizinprodukte']);\nBUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Bevölkerungsforschung'], ['Bundesinstitut', 'für Bevölkerungsforschung']);\nBUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Sportwissenschaft'], ['Bundesinstitut', 'für Sportwissenschaft']);\n"],"mappings":";;;yXAAA,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,gCACAA,IAAA,kBACAA,IAAA,2BACAA,IAAA,yBACAA,IAAA,uBACAA,IAAA,mBACAA,IAAA,yBACAA,IAAA,mBACAA,IAAA,qBACAA,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,mBACAA,IAAA,qBACAA,IAAA,iBACAA,IAAA,+BACAA,IAAA,uCACAA,IAAA,2BACAA,IAAA,uBACAA,IAAA,6BACAA,IAAA,qCACAA,IAAA,2BACAA,IAAA,mBACAA,IAAA,mCACAA,IAAA,uBACAA,IAAA,qBACAA,IAAA,uCACAA,IAAA,yCACAA,IAAA,mBACAA,IAAA,2BACAA,IAAA,yCACAA,IAAA,yBACAA,IAAA,yBACAA,IAAA,mBACAA,IAAA,4BACA,EAtDD,CAAYA,MAAO,K,MCKNC,EAAU,IAAIC,EAAyD,MAAOH,EAASC,GCcpG,IAAIG,EAAc,M,MAELC,EAAYC,MACxBC,EAIAC,EACAC,K,QAEAC,GAAWD,IAAO,MAAPA,SAAO,SAAPA,EAASE,eAAgB,eAEpCC,GAAeC,GAAAC,EAAAL,IAAO,MAAPA,SAAO,SAAPA,EAASM,eAAW,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,EAAAA,EAAI,KAAMJ,IAAO,MAAPA,SAAO,SAAPA,EAASQ,cAC5D,GAAIR,IAAO,MAAPA,SAAO,SAAPA,EAASS,iBAAkB,CAC9BC,EAAkBV,IAAO,MAAPA,SAAO,SAAPA,EAASS,iB,CAE5B,MAAME,QAAgCC,EAAad,EAAQC,EAASC,GACpEL,EAAc,KAEd,OAAOgB,CAAuB,E,MAGlBE,EAAWjB,E,MACXkB,EAAgB,IAAMnB,E,MCrCtBoB,EAKZ,WAAAC,CACkBC,EACAjB,GADAkB,KAAAD,WACAC,KAAAlB,UAEjBkB,KAAKC,sBAAwBD,KAAKD,SAASG,cAAcC,GACzDH,KAAKD,SAASK,KAAKC,QAAQL,KAAKC,sB,CAM1B,kBAAOK,CAAYP,EAAoBjB,GAC7C,IAAKc,IAAiB,CACrB,MAAM,IAAIW,MAAM,yD,CAGjB,IAAIC,EAAWR,KAAKS,UAAUC,IAAIX,GAClC,IAAKS,EAAU,CACdA,EAAW,IAAIX,EAAeE,EAAUjB,GACxCkB,KAAKS,UAAUE,IAAIZ,EAAUS,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUb,KAAKC,sBACrB,GAAIY,EAAS,CACZb,KAAKC,sBAAwBa,UAC7BD,EAAQE,Q,KACF,CACNC,EAAIC,KAAK,uCAAwC,CAAEC,SAAU,M,EAIxD,OAAAC,CAAQC,G,QAKd,GAAIpB,KAAKC,8BAAgCD,KAAKC,sBAAsBkB,UAAY,WAAY,EAC3FhC,EAAAiC,EAAMC,WAAO,MAAAlC,SAAA,EAAAA,EAAbiC,EAAMC,SAAYnC,EAAAc,KAAKlB,WAAO,MAAAI,SAAA,SAAAA,EAAEoC,eAChC,OAAOtB,KAAKC,sBAAsBkB,QAAQC,E,EAIrC,QAAAG,CAASC,EAAqB,OACpC,GAAIxB,KAAKC,8BAAgCD,KAAKC,sBAAsBsB,WAAa,WAAY,MACvFvB,KAAKC,sBAAsBsB,SAASC,E,GAnDnB3B,EAAAY,UAA2C,IAAIgB,I,ICQ5DC,GAAZ,SAAYA,GAIXA,EAAA,8BACAA,EAAA,wCACAA,EAAA,0DACAA,EAAA,wBACAA,EAAA,uDACAA,EAAA,iEACAA,EAAA,oDACAA,EAAA,6CACAA,EAAA,6DACAA,EAAA,uEACAA,EAAA,0CACAA,EAAA,mEACAA,EAAA,2EACAA,EAAA,sDACAA,EAAA,6EACA,EAnBD,CAAYA,MAAiB,K,MAqBhBC,EAAoBC,OAAOC,oBAAoBH,G,IAEhDI,GAAZ,SAAYA,GACXA,EAAA,8DACAA,EAAA,sFACAA,EAAA,4CACAA,EAAA,gDACAA,EAAA,gEAEAA,EAAA,qEACAA,EAAA,oCAEAA,EAAA,8BACAA,EAAA,iDACAA,EAAA,6DACAA,EAAA,kDAGAA,EAAA,6DAEAA,EAAA,oEACAA,EAAA,yCACAA,EAAA,wDACAA,EAAA,oEACAA,EAAA,uDACAA,EAAA,wBACAA,EAAA,8CACAA,EAAA,6BACAA,EAAA,6BACAA,EAAA,2BACAA,EAAA,iCACAA,EAAA,6FACAA,EAAA,kCACAA,EAAA,wDACAA,EAAA,yBACAA,EAAA,6BAGAA,EAAA,yCACAA,EAAA,8BAEAA,EAAA,uCAEAA,EAAA,0CACAA,EAAA,6BAEAA,EAAA,8BAMAA,EAAA,sCAKAA,EAAA,wEAKA,EA5DD,CAAYA,MAAS,K,MA6DRC,EAAeH,OAAOC,oBAAoBC,G,IAE3CE,GAAZ,SAAYA,GACXA,EAAA,6CAEAA,EAAA,qGAMAA,EAAA,wDAIAA,EAAA,6CAGAA,EAAA,+DAEAA,EAAA,kDAEAA,EAAA,8CAWA,EA/BD,CAAYA,MAAa,K,MAgCZC,EAAkBL,OAAOC,oBAAoBG,G,MAE7CE,EAAqB,IAAIT,IAItCS,EAAmBvB,IAAIe,EAAkB,uBAAwB,CAAC,MAAO,oBACzEQ,EAAmBvB,IAAIe,EAAkB,kCAAmC,CAAC,oBAAqB,iBAClGQ,EAAmBvB,IAAIe,EAAkB,oDAAqD,CAAC,oBAAqB,uBAAwB,eAC5IQ,EAAmBvB,IAAIe,EAAkB,mBAAoB,CAAC,oBAC9DQ,EAAmBvB,IAAIe,EAAkB,gDAAiD,CAAC,oBAAqB,iBAAkB,gBAClIQ,EAAmBvB,IAAIe,EAAkB,0DAA2D,CACnG,oBACA,iBACA,0BAEDQ,EAAmBvB,IAAIe,EAAkB,6CAA8C,CAAC,oBAAqB,4BAC7GQ,EAAmBvB,IAAIe,EAAkB,sCAAuC,CAAC,oBAAqB,qBACtGQ,EAAmBvB,IAAIe,EAAkB,+CAAgD,CAAC,oBAAqB,cAAe,kBAC9HQ,EAAmBvB,IAAIe,EAAkB,sDAAuD,CAAC,oBAAqB,gBAAiB,uBACvIQ,EAAmBvB,IAAIe,EAAkB,8DAA+D,CACvG,oBACA,gCACA,eAEDQ,EAAmBvB,IAAIe,EAAkB,oCAAqC,CAAC,oBAAqB,mBACpGQ,EAAmBvB,IAAIe,EAAkB,qEAAsE,CAC9G,oBACA,0BACA,4BAEDQ,EAAmBvB,IAAIe,EAAkB,4DAA6D,CACrG,oBACA,kBACA,2BAEDQ,EAAmBvB,IAAIe,EAAkB,wEAAyE,CACjH,oBACA,qCACA,oBAKDQ,EAAmBvB,IAAImB,EAAU,qDAAsD,CAAC,kBAAmB,yBAA0B,eACrII,EAAmBvB,IAAImB,EAAU,4EAA6E,IAC9GI,EAAmBvB,IAAImB,EAAU,sCAAuC,IACxEI,EAAmBvB,IAAImB,EAAU,0CAA2C,IAC5EI,EAAmBvB,IAAImB,EAAU,0DAA2D,CAAC,YAAa,yBAA0B,0BAEpII,EAAmBvB,IAAImB,EAAU,6DAA8D,CAC9F,YACA,kBACA,oCAEDI,EAAmBvB,IAAImB,EAAU,8BAA+B,CAAC,YAAa,qBAE9EI,EAAmBvB,IAAImB,EAAU,wBAAyB,CAAC,gBAAiB,WAC5EI,EAAmBvB,IAAImB,EAAU,2CAA4C,CAAC,gBAAiB,8BAC/FI,EAAmBvB,IAAImB,EAAU,sDAAuD,CAAC,gBAAiB,iBAAkB,0BAC5HI,EAAmBvB,IAAImB,EAAU,2CAA4C,CAAC,YAAa,gBAAiB,oBAG5GI,EAAmBvB,IAAImB,EAAU,uDAAwD,CAAC,YAAa,wBAAyB,wBAEhII,EAAmBvB,IAAImB,EAAU,8DAA+D,CAC/F,gBACA,wBACA,2BAEDI,EAAmBvB,IAAImB,EAAU,mCAAoC,CAAC,gBAAiB,sBACvFI,EAAmBvB,IAAImB,EAAU,iDAAkD,CAAC,YAAa,iBAAkB,qBACnHI,EAAmBvB,IAAImB,EAAU,6DAA8D,CAC9F,YACA,2BACA,2BAEDI,EAAmBvB,IAAImB,EAAU,iDAAkD,CAAC,gBAAiB,oCACrGI,EAAmBvB,IAAImB,EAAU,gBAAiB,CAAC,MAAO,iBAC1DI,EAAmBvB,IAAImB,EAAU,wCAAyC,CAAC,qBAAsB,sBACjGI,EAAmBvB,IAAImB,EAAU,uBAAwB,CAAC,wBAC1DI,EAAmBvB,IAAImB,EAAU,oBAAqB,CAAC,qBACvDI,EAAmBvB,IAAImB,EAAU,qBAAsB,CAAC,sBACxDI,EAAmBvB,IAAImB,EAAU,2BAA4B,CAAC,4BAC9DI,EAAmBvB,IAAImB,EAAU,oFAAqF,CAAC,sBACvHI,EAAmBvB,IAAImB,EAAU,0BAA2B,CAAC,2BAC7DI,EAAmBvB,IAAImB,EAAU,iDAAkD,CAAC,mBAAoB,wBAAyB,WACjII,EAAmBvB,IAAImB,EAAU,mBAAoB,CAAC,oBACtDI,EAAmBvB,IAAImB,EAAU,qBAAsB,CAAC,sBAGxDI,EAAmBvB,IAAImB,EAAU,mCAAoC,CAAC,YAAa,0BACnFI,EAAmBvB,IAAImB,EAAU,wBAAyB,CAAC,yBAE3DI,EAAmBvB,IAAImB,EAAU,gCAAiC,CAAC,mBAAoB,gBAEvFI,EAAmBvB,IAAImB,EAAU,mCAAoC,CAAC,YAAa,0BACnFI,EAAmBvB,IAAImB,EAAU,uBAAwB,CAAC,wBAE1DI,EAAmBvB,IAAImB,EAAU,wBAAyB,CAAC,yBAM3DI,EAAmBvB,IAAImB,EAAU,gCAAiC,CAAC,oBAAqB,iCAKxFI,EAAmBvB,IAAImB,EAAU,iEAAkE,CAClG,kBACA,0BACA,0BAQDI,EAAmBvB,IAAIqB,EAAc,mCAAoC,CAAC,eAAgB,UAAW,iBACrGE,EAAmBvB,IAAIqB,EAAc,6FAA8F,CAClI,gBACA,uCACA,2CAEDE,EAAmBvB,IAAIqB,EAAc,kDAAmD,CAAC,oBAAqB,iCAC9GE,EAAmBvB,IAAIqB,EAAc,uCAAwC,CAAC,gBAAiB,0BAC/FE,EAAmBvB,IAAIqB,EAAc,uDAAwD,CAAC,iBAAkB,mBAAoB,wBACpIE,EAAmBvB,IAAIqB,EAAc,4CAA6C,CAAC,iBAAkB,8BACrGE,EAAmBvB,IAAIqB,EAAc,wCAAyC,CAAC,iBAAkB,iC","ignoreList":[]}

package/dist/kolibri/isObject-ffcbbb76.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+function n(n){var t=typeof n;return null!=n&&("object"==t||"function"==t)}export{n as i};

package/dist/kolibri/isObject-ffcbbb76.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isObject","value","type"],"sources":["../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObject.js"],"sourcesContent":["/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return value != null && (type == 'object' || type == 'function');\n}\n\nexport default isObject;\n"],"mappings":";;;AAyBA,SAASA,EAASC,GAChB,IAAIC,SAAcD,EAClB,OAAOA,GAAS,OAASC,GAAQ,UAAYA,GAAQ,WACvD,Q","ignoreList":[]}

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-a49af574.js";import{v as o}from"./label-d70e7c34.js";import"./prop.validators-c5e6ad2d.js";import"./index-541b643a.js";import"./dev.utils-fab45cbc.js";const i="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  /* 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  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-abbr {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}",a=i,l=class{constructor(e){n(this,e),this._label=void 0,this.state={_label:""}}render(){return e(t,{key:"8267aa3e74d7eaa360974c5d574061ef207f2b79",class:"kol-abbr"},e("abbr",{key:"cc15d83f035241891e2c44fe7401501dae83c15e"},e("slot",{key:"2a655a6e8c1dbae8377bd8175cd83189b0b00483"})),this.state._label?` (${this.state._label})`:"")}validateLabel(n){o(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};l.style={default:a};export{l as kol_abbr};
+import{r as n,h as e,H as t}from"./index-a11b3999.js";import{v as o}from"./label-90c13388.js";import"./prop.validators-17aec743.js";import"./index-6d801dad.js";import"./dev.utils-fab45cbc.js";const i="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]) {\n    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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  .kol-tooltip__arrow {\n    background-color: #fff;\n    color: #000;\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip__content {\n    background-color: #fff;\n    color: #000;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-abbr {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}",a=i,l=class{constructor(e){n(this,e),this._label=void 0,this.state={_label:""}}render(){return e(t,{key:"8267aa3e74d7eaa360974c5d574061ef207f2b79",class:"kol-abbr"},e("abbr",{key:"cc15d83f035241891e2c44fe7401501dae83c15e"},e("slot",{key:"2a655a6e8c1dbae8377bd8175cd83189b0b00483"})),this.state._label?` (${this.state._label})`:"")}validateLabel(n){o(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};l.style={default:a};export{l as kol_abbr};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","_label","render","h","Host","key","class","this","state","validateLabel","value","required","componentWillLoad"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../tooltip/style.scss';\n\n@layer kol-component {\n\t.kol-abbr {\n\t\tfont-size: rem(16);\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/**\n * @slot - The abbreviation (short form).\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\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t<abbr>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t\t{this.state._label ? ` (${this.state._label})` : ''}\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@State() public state: AbbrStates = {\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":";;;gMAAA,MAAMA,EAAkB,i+KACxB,MAAAC,EAAeD,E,MCcFE,EAAO,M,0DAiBiB,CACnCC,OAAQ,G,CAjBF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACXH,EAAA,QAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,8CAEAE,KAAKC,MAAMP,OAAS,KAAKM,KAAKC,MAAMP,UAAY,G,CAe7C,aAAAQ,CAAcC,GACpBD,EAAcF,KAAMG,EAAO,CAC1BC,SAAU,M,CAIL,iBAAAC,GACNL,KAAKE,cAAcF,KAAKN,O","ignoreList":[]}
+{"version":3,"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","_label","render","h","Host","key","class","this","state","validateLabel","value","required","componentWillLoad"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-abbr {\n\t\tfont-size: rem(16);\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/**\n * @slot - The abbreviation (short form).\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\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t<abbr>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t\t{this.state._label ? ` (${this.state._label})` : ''}\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@State() public state: AbbrStates = {\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":";;;gMAAA,MAAMA,EAAkB,o8KACxB,MAAAC,EAAeD,E,MCcFE,EAAO,M,0DAiBiB,CACnCC,OAAQ,G,CAjBF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACXH,EAAA,QAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,8CAEAE,KAAKC,MAAMP,OAAS,KAAKM,KAAKC,MAAMP,UAAY,G,CAe7C,aAAAQ,CAAcC,GACpBD,EAAcF,KAAMG,EAAO,CAC1BC,SAAU,M,CAIL,iBAAAC,GACNL,KAAKE,cAAcF,KAAKN,O","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-a49af574.js";import{n as t}from"./dev.utils-8fad8415.js";import{w as i}from"./validation-e83461ea.js";import{w as o,f as a}from"./prop.validators-c5e6ad2d.js";import{K as s}from"./Collapsible-53867075.js";import{v as l}from"./disabled-5fc4b444.js";import{v as r}from"./open-f7031548.js";import{v as d}from"./label-d70e7c34.js";import"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./index-541b643a.js";import"./tslib.es6-2e5096f8.js";import"./clsx-09a06a12.js";import"./component-names-aa3cbc3c.js";import"./Heading-1fe830dd.js";const c=(n,e)=>{o(n,"_on",(n=>"object"==typeof n&&null!==n),new Set(["AccordionCallbacksPropType {Events.onClick}"]),e)},h="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  /* 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/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    min-height: 0;\n    transition: visibility 0.3s;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n  }\n  .open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .open .collapsible__wrapper-animation {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition-duration: 0s;\n    }\n  }\n  @media print {\n    :not(.open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__heading-button button .kol-span-wc {\n    justify-items: start;\n  }\n}\n@layer kol-component {\n  .kol-accordion {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}",p=h;a("[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"),a("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const b=class{constructor(e){n(this,e),this.nonce=t(),this.catchRef=n=>{this.buttonWcRef=n},this.handleOnClick=n=>{this._open=!this._open,setTimeout((()=>{var e,t;null===(t=null===(e=this.state._on)||void 0===e?void 0:e.onClick)||void 0===t||t.call(e,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,_on:{}}}async focus(){await this.kolFocus()}async kolFocus(){var n;await(null===(n=this.buttonWcRef)||void 0===n?void 0:n.kolFocus())}render(){const{_open:n,_label:t,_disabled:i,_level:o}=this.state,a="kol-accordion",l={id:this.nonce,label:t,open:n,disabled:i,level:o,onClick:this.handleOnClick,class:a,HeadingProps:{class:`${a}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${a}__heading-button`},ContentProps:{class:`${a}__content`,wrapperClass:`${a}__wrapper`,animationClass:`${a}__wrapper-animation`}};return e(s,Object.assign({key:"0d338813cf8d96de3d979be8c701ec2cbb623317"},l),e("slot",{key:"16ef50a83d37f7adbe4881202c48909078ddc135"}))}validateDisabled(n){l(this,n)}validateLabel(n){d(this,n,{required:!0})}validateLevel(n){i(this,n)}validateOn(n){c(this,n)}validateOpen(n){r(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};b.style={default:p};export{b as kol_accordion};
+import{r as n,h as e,g as t}from"./index-a11b3999.js";import{n as i}from"./dev.utils-0d315fc9.js";import{w as o}from"./validation-16bfc143.js";import{d as a,K as s}from"./events-5886c68b.js";import{w as l,f as r}from"./prop.validators-17aec743.js";import{K as d}from"./Collapsible-ac30de29.js";import{v as c}from"./disabled-11f5f213.js";import{v as h}from"./open-4d9f16d0.js";import{v as p}from"./label-90c13388.js";import"./reuse-f46e7e35.js";import"./dev.utils-fab45cbc.js";import"./index-6d801dad.js";import"./tslib.es6-1173d062.js";import"./clsx-09a06a12.js";import"./component-names-60d77143.js";import"./Heading-1cbced9d.js";const b=(n,e)=>{l(n,"_on",(n=>"object"==typeof n&&null!==n),new Set(["AccordionCallbacksPropType {Events.onClick}"]),e)},m="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]) {\n    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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    min-height: 0;\n    transition: visibility 0.3s;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition-duration: 0s;\n    }\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__heading-button button .kol-span {\n    justify-items: start;\n  }\n}\n@layer kol-component {\n  .kol-accordion {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}",u=m;r("[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"),r("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const f=class{constructor(e){n(this,e),this.nonce=i(),this.catchRef=n=>{this.buttonWcRef=n},this.handleOnClick=n=>{this._open=!this._open,setTimeout((()=>{var e,t;null===(t=null===(e=this.state._on)||void 0===e?void 0:e.onClick)||void 0===t||t.call(e,n,!0===this._open),this.host&&a(this.host,s.click,!0===this._open)}))},this._disabled=!1,this._label=void 0,this._level=0,this._on=void 0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async kolFocus(){var n;await(null===(n=this.buttonWcRef)||void 0===n?void 0:n.kolFocus())}render(){const{_open:n,_label:t,_disabled:i,_level:o}=this.state,a="kol-accordion",s={id:this.nonce,label:t,open:n,disabled:i,level:o,onClick:this.handleOnClick,class:a,HeadingProps:{class:`${a}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${a}__heading-button`},ContentProps:{class:`${a}__content`,wrapperClass:`${a}__wrapper`,animationClass:`${a}__wrapper-animation`}};return e(d,Object.assign({key:"1dbccb17356ce71203174127364c940a335db42d"},s),e("slot",{key:"a04b6c07d149b451f549400a506d7b97e6cf3ed7"}))}validateDisabled(n){c(this,n)}validateLabel(n){p(this,n,{required:!0})}validateLevel(n){o(this,n)}validateOn(n){b(this,n)}validateOpen(n){h(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 t(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};f.style={default:u};export{f as kol_accordion};

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

@@ -1 +1 @@
-{"version":3,"names":["validateAccordionCallbacks","component","value","watchValidator","Set","defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","this","nonce","catchRef","ref","buttonWcRef","handleOnClick","event","_open","setTimeout","_b","_a","state","_on","onClick","call","_label","_level","focus","kolFocus","render","_disabled","rootClass","props","id","label","open","disabled","level","class","HeadingProps","HeadingButtonProps","ContentProps","wrapperClass","animationClass","h","KolCollapsibleFc","Object","assign","key","validateDisabled","validateLabel","required","validateLevel","watchHeadingLevel","validateOn","on","validateOpen","componentWillLoad"],"sources":["src/schema/props/accordion-callbacks.ts","src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Events } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types */\nexport type AccordionCallbacksPropType<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n};\n\n/**\n * Defines the callback functions for accordion events.\n */\nexport type PropAccordionCallbacks<T> = {\n\ton: AccordionCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateAccordionCallbacks = (component: Generic.Element.Component, value?: AccordionCallbacksPropType<boolean>): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n","@import '../@shared/mixins';\n@import '../style';\n@import '../host-display-block';\n@import '../../functional-components/Collapsible/collapsible';\n\n@layer kol-component {\n\t.kol-accordion {\n\t\tfont-size: rem(16);\n\t}\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\nimport { Component, h, Method, Prop, State, Watch } from '@stencil/core';\nimport type { JSX } from '@stencil/core';\nimport type {\n\tAccordionAPI,\n\tAccordionStates,\n\tAccordionCallbacksPropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHeadingLevel,\n\tLabelPropType,\n\tOpenPropType,\n} from '../../schema';\nimport { featureHint, validateAccordionCallbacks, validateDisabled, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { watchHeadingLevel } from '../heading/validation';\nimport KolCollapsibleFc, { type CollapsibleProps } from '../../functional-components/Collapsible';\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\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, FocusableElement {\n\tprivate readonly nonce = nonce();\n\tprivate buttonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.buttonWcRef = ref;\n\t};\n\n\t/**\n\t * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\n\t@Method()\n\tpublic async kolFocus() {\n\t\tawait this.buttonWcRef?.kolFocus();\n\t}\n\n\tprivate handleOnClick = (event: MouseEvent) => {\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\tthis.state._on?.onClick?.(event, this._open === true);\n\t\t});\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _open, _label, _disabled, _level } = this.state;\n\t\tconst rootClass = 'kol-accordion';\n\n\t\tconst props: CollapsibleProps = {\n\t\t\tid: this.nonce,\n\t\t\tlabel: _label,\n\t\t\topen: _open,\n\t\t\tdisabled: _disabled,\n\t\t\tlevel: _level,\n\t\t\tonClick: this.handleOnClick,\n\t\t\tclass: rootClass,\n\t\t\tHeadingProps: { class: `${rootClass}__heading` },\n\t\t\tHeadingButtonProps: {\n\t\t\t\tref: this.catchRef,\n\t\t\t\tclass: `${rootClass}__heading-button`,\n\t\t\t},\n\t\t\tContentProps: {\n\t\t\t\tclass: `${rootClass}__content`,\n\t\t\t\twrapperClass: `${rootClass}__wrapper`,\n\t\t\t\tanimationClass: `${rootClass}__wrapper-animation`,\n\t\t\t},\n\t\t};\n\n\t\treturn (\n\t\t\t<KolCollapsibleFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolCollapsibleFc>\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?: AccordionCallbacksPropType<boolean>;\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\t_on: {},\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(on?: AccordionCallbacksPropType<boolean>): void {\n\t\tvalidateAccordionCallbacks(this, on);\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"],"mappings":";;;gkBAkBO,MAAMA,EAA6B,CAACC,EAAsCC,KAChFC,EAAeF,EAAW,OAAQC,UAAiBA,IAAU,UAAYA,IAAU,MAAM,IAAIE,IAAI,CAAC,gDAAiDF,EAAM,ECnB1J,MAAMG,EAAkB,khLACxB,MAAAC,EAAeD,ECiBfE,EAAY,+OAKZA,EAAY,mE,MAaCC,EAAY,M,yBACPC,KAAAC,MAAQA,IAGRD,KAAAE,SAAYC,IAC5BH,KAAKI,YAAcD,CAAG,EAgBfH,KAAAK,cAAiBC,IACxBN,KAAKO,OAASP,KAAKO,MAQnBC,YAAW,K,SACVC,GAAAC,EAAAV,KAAKW,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEG,WAAO,MAAAJ,SAAA,SAAAA,EAAAK,KAAAJ,EAAGJ,EAAON,KAAKO,QAAU,KAAK,GACpD,E,eAqCkC,M,kCAUE,E,8BAW0B,M,WAExB,CACxCQ,OAAQ,GACRC,OAAQ,EACRJ,IAAK,G,CAnFC,WAAMK,SACNjB,KAAKkB,U,CAIL,cAAMA,G,aACNR,EAAAV,KAAKI,eAAW,MAAAM,SAAA,SAAAA,EAAEQ,W,CAiBlB,MAAAC,GACN,MAAMZ,MAAEA,EAAKQ,OAAEA,EAAMK,UAAEA,EAASJ,OAAEA,GAAWhB,KAAKW,MAClD,MAAMU,EAAY,gBAElB,MAAMC,EAA0B,CAC/BC,GAAIvB,KAAKC,MACTuB,MAAOT,EACPU,KAAMlB,EACNmB,SAAUN,EACVO,MAAOX,EACPH,QAASb,KAAKK,cACduB,MAAOP,EACPQ,aAAc,CAAED,MAAO,GAAGP,cAC1BS,mBAAoB,CACnB3B,IAAKH,KAAKE,SACV0B,MAAO,GAAGP,qBAEXU,aAAc,CACbH,MAAO,GAAGP,aACVW,aAAc,GAAGX,aACjBY,eAAgB,GAAGZ,yBAIrB,OACCa,EAACC,EAAgBC,OAAAC,OAAA,CAAAC,IAAA,4CAAKhB,GACrBY,EAAA,QAAAI,IAAA,6C,CAsCI,gBAAAC,CAAiB9C,GACvB8C,EAAiBvC,KAAMP,E,CAIjB,aAAA+C,CAAc/C,GACpB+C,EAAcxC,KAAMP,EAAO,CAC1BgD,SAAU,M,CAKL,aAAAC,CAAcjD,GACpBkD,EAAkB3C,KAAMP,E,CAIlB,UAAAmD,CAAWC,GACjBtD,EAA2BS,KAAM6C,E,CAI3B,YAAAC,CAAarD,GACnBqD,EAAa9C,KAAMP,E,CAGb,iBAAAsD,GACN/C,KAAKuC,iBAAiBvC,KAAKoB,WAC3BpB,KAAKwC,cAAcxC,KAAKe,QACxBf,KAAK0C,cAAc1C,KAAKgB,QACxBhB,KAAK4C,WAAW5C,KAAKY,KACrBZ,KAAK8C,aAAa9C,KAAKO,M","ignoreList":[]}
+{"version":3,"names":["validateAccordionCallbacks","component","value","watchValidator","Set","defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","this","nonce","catchRef","ref","buttonWcRef","handleOnClick","event","_open","setTimeout","_b","_a","state","_on","onClick","call","host","dispatchDomEvent","KolEvent","click","_label","_level","kolFocus","render","_disabled","rootClass","props","id","label","open","disabled","level","class","HeadingProps","HeadingButtonProps","ContentProps","wrapperClass","animationClass","h","KolCollapsibleFc","Object","assign","key","validateDisabled","validateLabel","required","validateLevel","watchHeadingLevel","validateOn","on","validateOpen","componentWillLoad"],"sources":["src/schema/props/accordion-callbacks.ts","src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types */\nexport type AccordionCallbacksPropType<T> = {\n\t[Callback.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n};\n\n/**\n * Defines the callback functions for accordion events.\n */\nexport type PropAccordionCallbacks<T> = {\n\ton: AccordionCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateAccordionCallbacks = (component: Generic.Element.Component, value?: AccordionCallbacksPropType<boolean>): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../host-display-block' as *;\n@use '../../functional-components/Collapsible/collapsible' as *;\n\n@layer kol-component {\n\t.kol-accordion {\n\t\tfont-size: rem(16);\n\t}\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport type { JSX } from '@stencil/core';\nimport type {\n\tAccordionAPI,\n\tAccordionStates,\n\tAccordionCallbacksPropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHeadingLevel,\n\tLabelPropType,\n\tOpenPropType,\n} from '../../schema';\nimport { featureHint, validateAccordionCallbacks, validateDisabled, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { watchHeadingLevel } from '../heading/validation';\nimport KolCollapsibleFc, { type CollapsibleProps } from '../../functional-components/Collapsible';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\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, FocusableElement {\n\t@Element() private readonly host?: HTMLKolAccordionElement;\n\n\tprivate readonly nonce = nonce();\n\tprivate buttonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.buttonWcRef = ref;\n\t};\n\n\t@Method()\n\tpublic async kolFocus() {\n\t\tawait this.buttonWcRef?.kolFocus();\n\t}\n\n\tprivate handleOnClick = (event: MouseEvent) => {\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\tthis.state._on?.onClick?.(event, this._open === true);\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.click, this._open === true);\n\t\t\t}\n\t\t});\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _open, _label, _disabled, _level } = this.state;\n\t\tconst rootClass = 'kol-accordion';\n\n\t\tconst props: CollapsibleProps = {\n\t\t\tid: this.nonce,\n\t\t\tlabel: _label,\n\t\t\topen: _open,\n\t\t\tdisabled: _disabled,\n\t\t\tlevel: _level,\n\t\t\tonClick: this.handleOnClick,\n\t\t\tclass: rootClass,\n\t\t\tHeadingProps: { class: `${rootClass}__heading` },\n\t\t\tHeadingButtonProps: {\n\t\t\t\tref: this.catchRef,\n\t\t\t\tclass: `${rootClass}__heading-button`,\n\t\t\t},\n\t\t\tContentProps: {\n\t\t\t\tclass: `${rootClass}__content`,\n\t\t\t\twrapperClass: `${rootClass}__wrapper`,\n\t\t\t\tanimationClass: `${rootClass}__wrapper-animation`,\n\t\t\t},\n\t\t};\n\n\t\treturn (\n\t\t\t<KolCollapsibleFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolCollapsibleFc>\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 = 0;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen an.\n\t */\n\t@Prop() public _on?: AccordionCallbacksPropType<boolean>;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\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: 0,\n\t\t_on: {},\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(on?: AccordionCallbacksPropType<boolean>): void {\n\t\tvalidateAccordionCallbacks(this, on);\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"],"mappings":";;;unBAkBO,MAAMA,EAA6B,CAACC,EAAsCC,KAChFC,EAAeF,EAAW,OAAQC,UAAiBA,IAAU,UAAYA,IAAU,MAAM,IAAIE,IAAI,CAAC,gDAAiDF,EAAM,ECnB1J,MAAMG,EAAkB,+lLACxB,MAAAC,EAAeD,ECkBfE,EAAY,+OAKZA,EAAY,mE,MAaCC,EAAY,M,yBAGPC,KAAAC,MAAQA,IAGRD,KAAAE,SAAYC,IAC5BH,KAAKI,YAAcD,CAAG,EAQfH,KAAAK,cAAiBC,IACxBN,KAAKO,OAASP,KAAKO,MAQnBC,YAAW,K,SACVC,GAAAC,EAAAV,KAAKW,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEG,WAAO,MAAAJ,SAAA,SAAAA,EAAAK,KAAAJ,EAAGJ,EAAON,KAAKO,QAAU,MAChD,GAAIP,KAAKe,KAAM,CACdC,EAAiBhB,KAAKe,KAAME,EAASC,MAAOlB,KAAKO,QAAU,K,IAE3D,E,eAqCkC,M,kCAUE,E,8BAW0B,M,WAExB,CACxCY,OAAQ,GACRC,OAAQ,EACRR,IAAK,G,CAjFC,cAAMS,G,aACNX,EAAAV,KAAKI,eAAW,MAAAM,SAAA,SAAAA,EAAEW,W,CAoBlB,MAAAC,GACN,MAAMf,MAAEA,EAAKY,OAAEA,EAAMI,UAAEA,EAASH,OAAEA,GAAWpB,KAAKW,MAClD,MAAMa,EAAY,gBAElB,MAAMC,EAA0B,CAC/BC,GAAI1B,KAAKC,MACT0B,MAAOR,EACPS,KAAMrB,EACNsB,SAAUN,EACVO,MAAOV,EACPP,QAASb,KAAKK,cACd0B,MAAOP,EACPQ,aAAc,CAAED,MAAO,GAAGP,cAC1BS,mBAAoB,CACnB9B,IAAKH,KAAKE,SACV6B,MAAO,GAAGP,qBAEXU,aAAc,CACbH,MAAO,GAAGP,aACVW,aAAc,GAAGX,aACjBY,eAAgB,GAAGZ,yBAIrB,OACCa,EAACC,EAAgBC,OAAAC,OAAA,CAAAC,IAAA,4CAAKhB,GACrBY,EAAA,QAAAI,IAAA,6C,CAsCI,gBAAAC,CAAiBjD,GACvBiD,EAAiB1C,KAAMP,E,CAIjB,aAAAkD,CAAclD,GACpBkD,EAAc3C,KAAMP,EAAO,CAC1BmD,SAAU,M,CAKL,aAAAC,CAAcpD,GACpBqD,EAAkB9C,KAAMP,E,CAIlB,UAAAsD,CAAWC,GACjBzD,EAA2BS,KAAMgD,E,CAI3B,YAAAC,CAAaxD,GACnBwD,EAAajD,KAAMP,E,CAGb,iBAAAyD,GACNlD,KAAK0C,iBAAiB1C,KAAKuB,WAC3BvB,KAAK2C,cAAc3C,KAAKmB,QACxBnB,KAAK6C,cAAc7C,KAAKoB,QACxBpB,KAAK+C,WAAW/C,KAAKY,KACrBZ,KAAKiD,aAAajD,KAAKO,M","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as e}from"./index-a49af574.js";import{w as a}from"./validation-e83461ea.js";import{K as s}from"./Alert-1b318619.js";import{b as i,s as l,w as r}from"./prop.validators-c5e6ad2d.js";import{v as o}from"./has-closer-aa8f6369.js";import{v as n}from"./label-d70e7c34.js";import"./tslib.es6-2e5096f8.js";import"./clsx-09a06a12.js";import"./i18n-5fe08f1c.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./component-names-aa3cbc3c.js";import"./Heading-1fe830dd.js";import"./dev.utils-fab45cbc.js";import"./index-541b643a.js";const d=["default","info","success","warning","error"],h=["card","msg"],f=class{constructor(e){t(this,e),this.close=()=>{var e,t;null===(t=null===(e=this._on)||void 0===e?void 0:e.onClose)||void 0===t||t.call(e,new Event("Close"))},this.handleAlertTimeout=()=>{this.validateAlert(!1)},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(){const{_alert:t,_hasCloser:a,_label:i,_level:l,_type:o,_variant:r}=this.state,n={alert:t,hasCloser:a,label:i,level:l,type:o,variant:r,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return e(s,Object.assign({key:"ba6363b8cd8734edafa4fbd9f13f2cc9fd843daf"},n),e("slot",{key:"809bee8da04a4a666137fdbb101745d5797af17d"}))}validateAlert(e){i(this,"_alert",e)}validateHasCloser(e){o(this,e)}validateLabel(e){n(this,e)}validateLevel(e){a(this,e)}validateOn(e){this.validateOnValue(e)&&l(this,"_on",{onClose:e.onClose})}validateType(e){r(this,"_type",(e=>"string"==typeof e&&d.includes(e)),new Set(`String {${d.join(", ")}`),e)}validateVariant(e){r(this,"_variant",(e=>"string"==typeof e&&h.includes(e)),new Set(`AlertVariant {${h.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{f as kol_alert_wc};
+import{r as t,h as s,g as e}from"./index-a11b3999.js";import{w as i}from"./validation-16bfc143.js";import{d as a,K as l}from"./events-5886c68b.js";import{K as r}from"./Alert-809ef3c8.js";import{b as o,s as n,w as h}from"./prop.validators-17aec743.js";import{v as d}from"./has-closer-b582e72a.js";import{v as c}from"./label-90c13388.js";import"./tslib.es6-1173d062.js";import"./clsx-09a06a12.js";import"./i18n-efbafc80.js";import"./i18n-45224cc3.js";import"./reuse-f46e7e35.js";import"./component-names-60d77143.js";import"./Heading-1cbced9d.js";import"./index-6d801dad.js";import"./dev.utils-fab45cbc.js";const v=["default","info","success","warning","error"],f=["card","msg"],p=class{constructor(e){t(this,e),this.close=()=>{var t,e;null===(e=null===(t=this._on)||void 0===t?void 0:t.onClose)||void 0===e||e.call(t,new Event("Close")),this.host&&a(this.host,l.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this.validateOnValue=t=>"object"==typeof t&&null!==t&&"function"==typeof t.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=0,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:0}}render(){const{_alert:t,_hasCloser:e,_label:a,_level:i,_type:l,_variant:o}=this.state,n={alert:t,hasCloser:e,label:a,level:i,type:l,variant:o,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return s(r,Object.assign({key:"9038051f21b86a9c83c8ac5619e723dff5ebcbeb"},n),s("slot",{key:"cfd116176ab783db5232d9d5520f8ae890ca44db"}))}validateAlert(t){o(this,"_alert",t)}validateHasCloser(t){d(this,t)}validateLabel(t){c(this,t)}validateLevel(t){i(this,t)}validateOn(t){this.validateOnValue(t)&&n(this,"_on",{onClose:t.onClose})}validateType(t){h(this,"_type",(t=>"string"==typeof t&&v.includes(t)),new Set(`String {${v.join(", ")}`),t)}validateVariant(t){h(this,"_variant",(t=>"string"==typeof t&&f.includes(t)),new Set(`AlertVariant {${f.join(", ")}`),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}get host(){return e(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{p as kol_alert_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["alertTypeOptions","alertVariantOptions","KolAlertWc","this","close","_b","_a","_on","onClose","call","Event","handleAlertTimeout","validateAlert","validateOnValue","value","_level","render","_alert","_hasCloser","_label","_type","_variant","state","props","alert","hasCloser","label","level","type","variant","onCloserClick","onAlertTimeout","h","KolAlertFc","Object","assign","key","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 InternalAlertProps = RequiredAlertProps & 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 { alertTypeOptions, alertVariantOptions, setState, validateHasCloser, validateLabel, watchBoolean, watchValidator } from '../../schema';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { watchHeadingLevel } from '../heading/validation';\nimport type { AlertAPI, AlertStates, AlertType, AlertVariant, HasCloserPropType, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';\nimport KolAlertFc, { type KolAlertFcProps } from '../../functional-components/Alert';\n\n/**\n * @internal\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\tthis._on?.onClose?.(new Event('Close'));\n\t};\n\n\tprivate readonly handleAlertTimeout = () => {\n\t\tthis.validateAlert(false);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _alert, _hasCloser, _label, _level, _type, _variant } = this.state;\n\n\t\tconst props: KolAlertFcProps = {\n\t\t\talert: _alert,\n\t\t\thasCloser: _hasCloser,\n\t\t\tlabel: _label,\n\t\t\tlevel: _level,\n\t\t\ttype: _type,\n\t\t\tvariant: _variant,\n\t\t\tonCloserClick: this.close,\n\t\t\tonAlertTimeout: this.handleAlertTimeout,\n\t\t};\n\n\t\treturn (\n\t\t\t<KolAlertFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolAlertFc>\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":";;;siBAKO,MAAMA,EAAmB,CAAC,UAAW,OAAQ,UAAW,UAAW,SAGnE,MAAMC,EAAsB,CAAC,OAAQ,O,MCO/BC,EAAU,M,yBACLC,KAAAC,MAAQ,K,SACxBC,GAAAC,EAAAH,KAAKI,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAO,MAAAH,SAAA,SAAAA,EAAAI,KAAAH,EAAG,IAAII,MAAM,SAAS,EAGvBP,KAAAQ,mBAAqB,KACrCR,KAAKS,cAAc,MAAM,EAoFlBT,KAAAU,gBAAmBC,UACnBA,IAAU,UAAYA,IAAU,aAAgBA,EAAqCN,UAAY,W,YA1DvE,M,gBAMI,M,kCAUC,E,8BAUJ,U,cAKM,M,WAEJ,CACpCO,OAAQ,E,CA1DF,MAAAC,GACN,MAAMC,OAAEA,EAAMC,WAAEA,EAAUC,OAAEA,EAAMJ,OAAEA,EAAMK,MAAEA,EAAKC,SAAEA,GAAalB,KAAKmB,MAErE,MAAMC,EAAyB,CAC9BC,MAAOP,EACPQ,UAAWP,EACXQ,MAAOP,EACPQ,MAAOZ,EACPa,KAAMR,EACNS,QAASR,EACTS,cAAe3B,KAAKC,MACpB2B,eAAgB5B,KAAKQ,oBAGtB,OACCqB,EAACC,EAAUC,OAAAC,OAAA,CAAAC,IAAA,4CAAKb,GACfS,EAAA,QAAAI,IAAA,6C,CA8CI,aAAAxB,CAAcE,GACpBuB,EAAalC,KAAM,SAAUW,E,CAIvB,iBAAAwB,CAAkBxB,GACxBwB,EAAkBnC,KAAMW,E,CAIlB,aAAAyB,CAAczB,GACpByB,EAAcpC,KAAMW,E,CAId,aAAA0B,CAAc1B,GACpB2B,EAAkBtC,KAAMW,E,CAOlB,UAAA4B,CAAW5B,GACjB,GAAIX,KAAKU,gBAAgBC,GAAQ,CAChC6B,EACCxC,KACA,MACA,CACCK,QAAUM,EAAqCN,S,EAkB5C,YAAAoC,CAAa9B,GACnB+B,EACC1C,KACA,SACCW,UAAkBA,IAAU,UAAYd,EAAiB8C,SAAShC,IACnE,IAAIiC,IAAI,WAAW/C,EAAiBgD,KAAK,SACzClC,E,CAKK,eAAAmC,CAAgBnC,GACtB+B,EACC1C,KACA,YACCW,UAAkBA,IAAU,UAAYb,EAAoB6C,SAAShC,IACtE,IAAIiC,IAAI,iBAAiB9C,EAAoB+C,KAAK,SAClDlC,E,CAIK,iBAAAoC,GACN/C,KAAKS,cAAcT,KAAKc,QACxBd,KAAKmC,kBAAkBnC,KAAKe,YAC5Bf,KAAKoC,cAAcpC,KAAKgB,QACxBhB,KAAKqC,cAAcrC,KAAKY,QACxBZ,KAAKuC,WAAWvC,KAAKI,KACrBJ,KAAKyC,aAAazC,KAAKiB,OACvBjB,KAAK8C,gBAAgB9C,KAAKkB,S","ignoreList":[]}
+{"version":3,"names":["alertTypeOptions","alertVariantOptions","KolAlertWc","this","close","_b","_a","_on","onClose","call","Event","host","dispatchDomEvent","KolEvent","handleAlertTimeout","validateAlert","validateOnValue","value","_level","render","_alert","_hasCloser","_label","_type","_variant","state","props","alert","hasCloser","label","level","type","variant","onCloserClick","onAlertTimeout","h","KolAlertFc","Object","assign","key","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 InternalAlertProps = RequiredAlertProps & 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 { alertTypeOptions, alertVariantOptions, setState, validateHasCloser, validateLabel, watchBoolean, watchValidator } from '../../schema';\nimport { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { watchHeadingLevel } from '../heading/validation';\nimport type { AlertAPI, AlertStates, AlertType, AlertVariant, HasCloserPropType, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';\nimport KolAlertFc, { type KolAlertFcProps } from '../../functional-components/Alert';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/**\n * @internal\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert-wc',\n\tshadow: false,\n})\nexport class KolAlertWc implements AlertAPI {\n\t@Element() private readonly host?: HTMLKolAlertWcElement;\n\n\tprivate readonly close = () => {\n\t\tthis._on?.onClose?.(new Event('Close'));\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t}\n\t};\n\n\tprivate readonly handleAlertTimeout = () => {\n\t\tthis.validateAlert(false);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _alert, _hasCloser, _label, _level, _type, _variant } = this.state;\n\n\t\tconst props: KolAlertFcProps = {\n\t\t\talert: _alert,\n\t\t\thasCloser: _hasCloser,\n\t\t\tlabel: _label,\n\t\t\tlevel: _level,\n\t\t\ttype: _type,\n\t\t\tvariant: _variant,\n\t\t\tonCloserClick: this.close,\n\t\t\tonAlertTimeout: this.handleAlertTimeout,\n\t\t};\n\n\t\treturn (\n\t\t\t<KolAlertFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolAlertFc>\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 = 0;\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: 0,\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":";;;6lBAKO,MAAMA,EAAmB,CAAC,UAAW,OAAQ,UAAW,UAAW,SAGnE,MAAMC,EAAsB,CAAC,OAAQ,O,MCQ/BC,EAAU,M,yBAGLC,KAAAC,MAAQ,K,SACxBC,GAAAC,EAAAH,KAAKI,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAO,MAAAH,SAAA,SAAAA,EAAAI,KAAAH,EAAG,IAAII,MAAM,UAC9B,GAAIP,KAAKQ,KAAM,CACdC,EAAiBT,KAAKQ,KAAME,EAAST,M,GAItBD,KAAAW,mBAAqB,KACrCX,KAAKY,cAAc,MAAM,EAoFlBZ,KAAAa,gBAAmBC,UACnBA,IAAU,UAAYA,IAAU,aAAgBA,EAAqCT,UAAY,W,YA1DvE,M,gBAMI,M,kCAUC,E,8BAUJ,U,cAKM,M,WAEJ,CACpCU,OAAQ,E,CA1DF,MAAAC,GACN,MAAMC,OAAEA,EAAMC,WAAEA,EAAUC,OAAEA,EAAMJ,OAAEA,EAAMK,MAAEA,EAAKC,SAAEA,GAAarB,KAAKsB,MAErE,MAAMC,EAAyB,CAC9BC,MAAOP,EACPQ,UAAWP,EACXQ,MAAOP,EACPQ,MAAOZ,EACPa,KAAMR,EACNS,QAASR,EACTS,cAAe9B,KAAKC,MACpB8B,eAAgB/B,KAAKW,oBAGtB,OACCqB,EAACC,EAAUC,OAAAC,OAAA,CAAAC,IAAA,4CAAKb,GACfS,EAAA,QAAAI,IAAA,6C,CA8CI,aAAAxB,CAAcE,GACpBuB,EAAarC,KAAM,SAAUc,E,CAIvB,iBAAAwB,CAAkBxB,GACxBwB,EAAkBtC,KAAMc,E,CAIlB,aAAAyB,CAAczB,GACpByB,EAAcvC,KAAMc,E,CAId,aAAA0B,CAAc1B,GACpB2B,EAAkBzC,KAAMc,E,CAOlB,UAAA4B,CAAW5B,GACjB,GAAId,KAAKa,gBAAgBC,GAAQ,CAChC6B,EACC3C,KACA,MACA,CACCK,QAAUS,EAAqCT,S,EAkB5C,YAAAuC,CAAa9B,GACnB+B,EACC7C,KACA,SACCc,UAAkBA,IAAU,UAAYjB,EAAiBiD,SAAShC,IACnE,IAAIiC,IAAI,WAAWlD,EAAiBmD,KAAK,SACzClC,E,CAKK,eAAAmC,CAAgBnC,GACtB+B,EACC7C,KACA,YACCc,UAAkBA,IAAU,UAAYhB,EAAoBgD,SAAShC,IACtE,IAAIiC,IAAI,iBAAiBjD,EAAoBkD,KAAK,SAClDlC,E,CAIK,iBAAAoC,GACNlD,KAAKY,cAAcZ,KAAKiB,QACxBjB,KAAKsC,kBAAkBtC,KAAKkB,YAC5BlB,KAAKuC,cAAcvC,KAAKmB,QACxBnB,KAAKwC,cAAcxC,KAAKe,QACxBf,KAAK0C,WAAW1C,KAAKI,KACrBJ,KAAK4C,aAAa5C,KAAKoB,OACvBpB,KAAKiD,gBAAgBjD,KAAKqB,S","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-a49af574.js";import{b as t}from"./component-names-aa3cbc3c.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: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  /* 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  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    place-items: center;\n    display: flex;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__close-button {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}",i=o,a=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:"bf0dcf3d99c23b32dce354988410b4e0534cce82",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},e("slot",{key:"1248b1be19f50c8c2e33e234fd3c5aba760f866a"}))}};a.style={default:i};export{a as kol_alert};
+import{r as n,h as e}from"./index-a11b3999.js";import{b as t}from"./component-names-60d77143.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: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]) {\n    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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  .kol-tooltip__arrow {\n    background-color: #fff;\n    color: #000;\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip__content {\n    background-color: #fff;\n    color: #000;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    place-items: center;\n    display: flex;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__close-button {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}",i=o,a=class{constructor(e){n(this,e),this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=0,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:0}}render(){return e(t,{key:"2864ce68b908fefb6e43f8ab8d255b67060d5999",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},e("slot",{key:"d6ac5ace725340adf1202221172d0f9200bd8bd9"}))}};a.style={default:i};export{a as kol_alert};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","_level","render","h","KolAlertWcTag","key","_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 '../style';\n@import '../@shared/kol-alert-mixin';\n\n@layer kol-component {\n\t.kol-alert {\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, 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<KolAlertWcTag\n\t\t\t\t_alert={this._alert}\n\t\t\t\t_hasCloser={this._hasCloser}\n\t\t\t\t_label={this._label}\n\t\t\t\t_level={this._level}\n\t\t\t\t_on={this._on}\n\t\t\t\t_type={this._type}\n\t\t\t\t_variant={this._variant}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</KolAlertWcTag>\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":";;;iGAAA,MAAMA,EAAkB,w4LACxB,MAAAC,EAAeD,E,MCcFE,EAAQ,M,qCAoBc,M,gBAMI,M,kCAUC,E,8BAUJ,U,cAKM,M,WAEJ,CACpCC,OAAQ,E,CArDF,MAAAC,GACN,OACCC,EAACC,EAAa,CAAAC,IAAA,2CACbC,OAAQC,KAAKD,OACbE,WAAYD,KAAKC,WACjBC,OAAQF,KAAKE,OACbR,OAAQM,KAAKN,OACbS,IAAKH,KAAKG,IACVC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,UAEfT,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","_level","render","h","KolAlertWcTag","key","_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":["@use '../../styles/global' as *;\n@use '../../styles/kol-alert-mixin' as *;\n@use '../@shared/mixins' as *;\n\n@include kol-alert;\n\n@layer kol-component {\n\t.kol-alert {\n\t\tfont-size: rem(16);\n\t}\n}\n","import type { AlertProps, AlertStates, AlertType, AlertVariant, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, 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<KolAlertWcTag\n\t\t\t\t_alert={this._alert}\n\t\t\t\t_hasCloser={this._hasCloser}\n\t\t\t\t_label={this._label}\n\t\t\t\t_level={this._level}\n\t\t\t\t_on={this._on}\n\t\t\t\t_type={this._type}\n\t\t\t\t_variant={this._variant}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</KolAlertWcTag>\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 = 0;\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: 0,\n\t};\n}\n"],"mappings":";;;iGAAA,MAAMA,EAAkB,22LACxB,MAAAC,EAAeD,E,MCcFE,EAAQ,M,qCAoBc,M,gBAMI,M,kCAUC,E,8BAUJ,U,cAKM,M,WAEJ,CACpCC,OAAQ,E,CArDF,MAAAC,GACN,OACCC,EAACC,EAAa,CAAAC,IAAA,2CACbC,OAAQC,KAAKD,OACbE,WAAYD,KAAKC,WACjBC,OAAQF,KAAKE,OACbR,OAAQM,KAAKN,OACbS,IAAKH,KAAKG,IACVC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,UAEfT,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as a,h as t}from"./index-a49af574.js";import{t as r}from"./i18n-5fe08f1c.js";import{v as s}from"./image-source-a6af4847.js";import{v as e}from"./label-d70e7c34.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./prop.validators-c5e6ad2d.js";import"./index-541b643a.js";import"./dev.utils-fab45cbc.js";const i=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?`${i(s)}${i(e)}`:i(a)},l=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return t("div",{key:"3343b9da0025b1db79bc3353197ed57e1ea15624","aria-label":r("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"kol-avatar__initials"},o(this.state._label.trim())))}validateSrc(a){s(this,a)}validateLabel(a){e(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}from"./index-a11b3999.js";import{t as r}from"./i18n-efbafc80.js";import{v as s}from"./image-source-6cc4aef4.js";import{v as e}from"./label-90c13388.js";import"./i18n-45224cc3.js";import"./reuse-f46e7e35.js";import"./prop.validators-17aec743.js";import"./index-6d801dad.js";import"./dev.utils-fab45cbc.js";const i=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?`${i(s)}${i(e)}`:i(a)},l=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return t("div",{key:"b9ad63a1fb9190d47524deae8e59a00d2a14fa83","aria-label":r("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"kol-avatar__initials"},o(this.state._label.trim())))}validateSrc(a){s(this,a)}validateLabel(a){e(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};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-a49af574.js";import{c as t}from"./component-names-aa3cbc3c.js";const i="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  /* 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  .kol-avatar {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    border-radius: 50%;\n    overflow: hidden;\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n    /*theme?*/\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-avatar__image {\n    width: 100%;\n    height: 100%;\n  }\n  .kol-avatar__initials {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /*theme?*/\n    background-color: #d3d3d3;\n    font-size: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n}",o=i,a=class{constructor(e){n(this,e),this._src=void 0,this._label=void 0}render(){return e(t,{key:"f4a53843b92e2d4a0fb20cec4b5b9f23f962a483",_src:this._src,_label:this._label})}};a.style={default:o};export{a as kol_avatar};
+import{r as n,h as e}from"./index-a11b3999.js";import{c as t}from"./component-names-60d77143.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: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]) {\n    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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-avatar {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    border-radius: 50%;\n    overflow: hidden;\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n    /*theme?*/\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-avatar__image {\n    width: 100%;\n    height: 100%;\n  }\n  .kol-avatar__initials {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /*theme?*/\n    background-color: #d3d3d3;\n    font-size: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n}",i=o,a=class{constructor(e){n(this,e),this._src=void 0,this._label=void 0}render(){return e(t,{key:"c4547a5724ed8d947c20de5128227bc71c14d401",_src:this._src,_label:this._label})}};a.style={default:i};export{a as kol_avatar};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","render","h","KolAvatarWcTag","key","_src","this","_label"],"sources":["src/components/avatar/style.scss?tag=kol-avatar&mode=default&encapsulation=shadow","src/components/avatar/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../host-display-block';\n\n@layer kol-component {\n\t.kol-avatar {\n\t\tfont-size: rem(16);\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t\t/* Visible with forced colors  */\n\t\toutline: transparent solid rem(1);\n\t\t/*theme?*/\n\t\twidth: rem(100);\n\t\theight: rem(100);\n\n\t\t&__image {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t&__initials {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\t/*theme?*/\n\t\t\tbackground-color: #d3d3d3;\n\t\t\tfont-size: rem(40);\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop } from '@stencil/core';\n\nimport type { AvatarProps } from '../../schema';\nimport { KolAvatarWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-avatar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAvatar implements AvatarProps {\n\tpublic render(): JSX.Element {\n\t\treturn <KolAvatarWcTag _src={this._src} _label={this._label}></KolAvatarWcTag>;\n\t}\n\n\t/**\n\t * Sets the image `src` attribute to the given string.\n\t */\n\t@Prop() public _src?: string;\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"],"mappings":";;;iGAAA,MAAMA,EAAkB,84JACxB,MAAAC,EAAeD,E,MCYFE,EAAS,M,mEACd,MAAAC,GACN,OAAOC,EAACC,EAAc,CAAAC,IAAA,2CAACC,KAAMC,KAAKD,KAAME,OAAQD,KAAKC,Q","ignoreList":[]}
+{"version":3,"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","render","h","KolAvatarWcTag","key","_src","this","_label"],"sources":["src/components/avatar/style.scss?tag=kol-avatar&mode=default&encapsulation=shadow","src/components/avatar/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../host-display-block' as *;\n\n@layer kol-component {\n\t.kol-avatar {\n\t\tfont-size: rem(16);\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t\t/* Visible with forced colors  */\n\t\toutline: transparent solid rem(1);\n\t\t/*theme?*/\n\t\twidth: rem(100);\n\t\theight: rem(100);\n\n\t\t&__image {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t&__initials {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\t/*theme?*/\n\t\t\tbackground-color: #d3d3d3;\n\t\t\tfont-size: rem(40);\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop } from '@stencil/core';\n\nimport type { AvatarProps } from '../../schema';\nimport { KolAvatarWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-avatar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAvatar implements AvatarProps {\n\tpublic render(): JSX.Element {\n\t\treturn <KolAvatarWcTag _src={this._src} _label={this._label}></KolAvatarWcTag>;\n\t}\n\n\t/**\n\t * Sets the image `src` attribute to the given string.\n\t */\n\t@Prop() public _src?: string;\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"],"mappings":";;;iGAAA,MAAMA,EAAkB,u7JACxB,MAAAC,EAAeD,E,MCYFE,EAAS,M,mEACd,MAAAC,GACN,OAAOC,EAACC,EAAc,CAAAC,IAAA,2CAACC,KAAMC,KAAKD,KAAME,OAAQD,KAAKC,Q","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t}from"./index-a49af574.js";import{n as e}from"./dev.utils-8fad8415.js";import{a as o}from"./component-names-aa3cbc3c.js";import{c as i}from"./clsx-09a06a12.js";import{h as a,v as s}from"./color-cce3e447.js";import{K as r}from"./Span-7f84ad00.js";import{v as l}from"./icons-f3b7aabd.js";import{f as d,o as c,p as h,s as m}from"./prop.validators-c5e6ad2d.js";import"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./tslib.es6-2e5096f8.js";import"./InternalUnderlinedBadgeText-8f2a64b6.js";import"./common-54bf85ba.js";import"./index-541b643a.js";const p="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  /* 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  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-badge {\n    display: inline-flex;\n    place-items: center;\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge .kol-badge__smart-button .button {\n    color: inherit;\n  }\n}",b=p;d("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const f=class{constructor(t){n(this,t),this.bgColorStr="#000",this.colorStr="#fff",this.id=e(),this.handleColorChange=n=>{const t=a(n);this.bgColorStr=t.backgroundColor,this.colorStr=t.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}}}renderSmartButton(n){return t(o,{class:"kol-badge__smart-button",_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return t("span",{key:"c04540b377e88484c6c982be4d411937ef3618ef",class:i("kol-badge",{"kol-badge--has-smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(r,{key:"d01ea028555a90f21229d1584bfb93a5c2a00c25",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){l(this,n)}validateColor(n){s(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){c(n,(()=>{try{n=h(n)}catch(n){}m(this,"_smartButton",n)}))}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};f.style={default:b};export{f as kol_badge};
+import{r as n,h as t}from"./index-a11b3999.js";import{n as e}from"./dev.utils-0d315fc9.js";import{a as o}from"./component-names-60d77143.js";import{c as i}from"./clsx-09a06a12.js";import{h as a,v as s}from"./color-c32d99db.js";import{K as r}from"./Span-742343cc.js";import{v as l}from"./icons-d00eff5e.js";import{f as d,o as c,p as h,s as b}from"./prop.validators-17aec743.js";import"./reuse-f46e7e35.js";import"./dev.utils-fab45cbc.js";import"./tslib.es6-1173d062.js";import"./Icon-7c18be7b.js";import"./InternalUnderlinedBadgeText-45e4a283.js";import"./isObject-ffcbbb76.js";import"./common-54bf85ba.js";import"./index-6d801dad.js";const m="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * 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 rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]) {\n    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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  .kol-tooltip__arrow {\n    background-color: #fff;\n    color: #000;\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip__content {\n    background-color: #fff;\n    color: #000;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-badge {\n    display: inline-flex;\n    place-items: center;\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge .kol-badge__smart-button .button {\n    color: inherit;\n  }\n}",f=m;d("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const p=class{constructor(t){n(this,t),this.bgColorStr="#000",this.colorStr="#fff",this.id=e(),this.handleColorChange=n=>{const t=a(n);this.bgColorStr=t.backgroundColor,this.colorStr=t.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}}}renderSmartButton(n){return t(o,{class:"kol-badge__smart-button",_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return t("span",{key:"c04540b377e88484c6c982be4d411937ef3618ef",class:i("kol-badge",{"kol-badge--has-smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(r,{key:"d01ea028555a90f21229d1584bfb93a5c2a00c25",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){l(this,n)}validateColor(n){s(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){c(n,(()=>{try{n=h(n)}catch(n){}b(this,"_smartButton",n)}))}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};p.style={default:f};export{p as kol_badge};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolBadgeDefaultStyle0","featureHint","KolBadge","this","bgColorStr","colorStr","id","nonce","handleColorChange","value","colorPair","backgroundColor","foregroundColor","_color","_icons","renderSmartButton","props","h","KolButtonWcTag","class","_ariaControls","_customClass","_disabled","_hideLabel","_id","_label","_on","_tooltipAlign","_variant","render","hasSmartButton","state","_smartButton","key","clsx","style","color","KolSpanFc","undefined","allowMarkdown","icons","label","validateIcons","validateColor","defaultValue","hooks","beforePatch","validateSmartButton","objectObjectHandler","parseJson","e","setState","componentWillLoad"],"sources":["src/components/badge/style.scss?tag=kol-badge&mode=default&encapsulation=shadow","src/components/badge/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../tooltip/style.scss';\n\n@layer kol-component {\n\t.kol-badge {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\t/* Visible with forced colors  */\n\t\toutline: transparent solid rem(1);\n\t\tfont-size: rem(16);\n\n\t\t.kol-badge__smart-button {\n\t\t\t.button {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { BadgeAPI, BadgeStates, ButtonProps, KoliBriIconsProp, LabelPropType, PropColor, Stringified } from '../../schema';\nimport { featureHint, handleColorChange, objectObjectHandler, parseJson, setState, validateColor, validateIcons } from '../../schema';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { KolSpanFc } from '../../functional-components';\n\nimport { nonce } from '../../utils/dev.utils';\n\nimport type { JSX } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport clsx from 'clsx';\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\n\n@Component({\n\ttag: 'kol-badge',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolBadge implements BadgeAPI {\n\tprivate bgColorStr = '#000';\n\tprivate colorStr = '#fff';\n\tprivate readonly id = nonce();\n\n\tprivate renderSmartButton(props: ButtonProps): JSX.Element {\n\t\treturn (\n\t\t\t<KolButtonWcTag\n\t\t\t\tclass=\"kol-badge__smart-button\"\n\t\t\t\t_ariaControls={this.id}\n\t\t\t\t_customClass={props._customClass}\n\t\t\t\t_disabled={props._disabled}\n\t\t\t\t_hideLabel={true}\n\t\t\t\t_icons={props._icons}\n\t\t\t\t_id={props._id}\n\t\t\t\t_label={props._label}\n\t\t\t\t_on={props._on}\n\t\t\t\t_tooltipAlign={props._tooltipAlign}\n\t\t\t\t_variant={props._variant}\n\t\t\t></KolButtonWcTag>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclass={clsx('kol-badge', {\n\t\t\t\t\t'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: this.bgColorStr,\n\t\t\t\t\tcolor: this.colorStr,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<KolSpanFc class=\"kol-badge__label\" id={hasSmartButton ? this.id : undefined} allowMarkdown icons={this.state._icons} label={this._label} />\n\t\t\t\t{hasSmartButton && this.renderSmartButton(this.state._smartButton as ButtonProps)}\n\t\t\t</span>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the backgroundColor and foregroundColor.\n\t */\n\t@Prop() public _color?: Stringified<PropColor> = '#000';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t@State() public state: BadgeStates = {\n\t\t_color: {\n\t\t\tbackgroundColor: '#000',\n\t\t\tforegroundColor: '#fff',\n\t\t},\n\t\t_icons: {},\n\t};\n\n\tprivate handleColorChange = (value: unknown) => {\n\t\tconst colorPair = handleColorChange(value);\n\t\tthis.bgColorStr = colorPair.backgroundColor;\n\t\tthis.colorStr = colorPair.foregroundColor as string;\n\t};\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: KoliBriIconsProp): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_color')\n\tpublic validateColor(value?: Stringified<PropColor>): void {\n\t\tvalidateColor(this, value, {\n\t\t\tdefaultValue: '#000',\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateColor(this._color);\n\t\tthis.validateSmartButton(this._smartButton);\n\t}\n}\n"],"mappings":";;;gkBAAA,MAAMA,EAAkB,ytLACxB,MAAAC,EAAeD,ECSfE,EAAY,uE,MASCC,EAAQ,M,yBACZC,KAAAC,WAAa,OACbD,KAAAE,SAAW,OACFF,KAAAG,GAAKC,IAmEdJ,KAAAK,kBAAqBC,IAC5B,MAAMC,EAAYF,EAAkBC,GACpCN,KAAKC,WAAaM,EAAUC,gBAC5BR,KAAKE,SAAWK,EAAUE,eAAyB,E,YA5BH,O,mFAiBZ,CACpCC,OAAQ,CACPF,gBAAiB,OACjBC,gBAAiB,QAElBE,OAAQ,G,CA9DD,iBAAAC,CAAkBC,GACzB,OACCC,EAACC,EAAc,CACdC,MAAM,0BACNC,cAAejB,KAAKG,GACpBe,aAAcL,EAAMK,aACpBC,UAAWN,EAAMM,UACjBC,WAAY,KACZT,OAAQE,EAAMF,OACdU,IAAKR,EAAMQ,IACXC,OAAQT,EAAMS,OACdC,IAAKV,EAAMU,IACXC,cAAeX,EAAMW,cACrBC,SAAUZ,EAAMY,U,CAKZ,MAAAC,GACN,MAAMC,SAAwB3B,KAAK4B,MAAMC,eAAiB,UAAY7B,KAAK4B,MAAMC,eAAiB,KAElG,OACCf,EAAA,QAAAgB,IAAA,2CACCd,MAAOe,EAAK,YAAa,CACxB,qCAAsC/B,KAAK4B,MAAMC,eAAiB,UAAY7B,KAAK4B,MAAMC,eAAiB,OAE3GG,MAAO,CACNxB,gBAAiBR,KAAKC,WACtBgC,MAAOjC,KAAKE,WAGbY,EAACoB,EAAS,CAAAJ,IAAA,2CAACd,MAAM,mBAAmBb,GAAIwB,EAAiB3B,KAAKG,GAAKgC,UAAWC,cAAa,KAACC,MAAOrC,KAAK4B,MAAMjB,OAAQ2B,MAAOtC,KAAKsB,SACjIK,GAAkB3B,KAAKY,kBAAkBZ,KAAK4B,MAAMC,c,CAwCjD,aAAAU,CAAcjC,GACpBiC,EAAcvC,KAAMM,E,CAId,aAAAkC,CAAclC,GACpBkC,EAAcxC,KAAMM,EAAO,CAC1BmC,aAAc,OACdC,MAAO,CACNC,YAAa3C,KAAKK,oB,CAMd,mBAAAuC,CAAoBtC,GAC1BuC,EAAoBvC,GAAO,KAC1B,IACCA,EAAQwC,EAAuBxC,E,CAE9B,MAAOyC,G,CAGTC,EAAShD,KAAM,eAAgBM,EAAM,G,CAIhC,iBAAA2C,GACNjD,KAAKuC,cAAcvC,KAAKW,QACxBX,KAAKwC,cAAcxC,KAAKU,QACxBV,KAAK4C,oBAAoB5C,KAAK6B,a","ignoreList":[]}
+{"version":3,"names":["defaultStyleCss","KolBadgeDefaultStyle0","featureHint","KolBadge","this","bgColorStr","colorStr","id","nonce","handleColorChange","value","colorPair","backgroundColor","foregroundColor","_color","_icons","renderSmartButton","props","h","KolButtonWcTag","class","_ariaControls","_customClass","_disabled","_hideLabel","_id","_label","_on","_tooltipAlign","_variant","render","hasSmartButton","state","_smartButton","key","clsx","style","color","KolSpanFc","undefined","allowMarkdown","icons","label","validateIcons","validateColor","defaultValue","hooks","beforePatch","validateSmartButton","objectObjectHandler","parseJson","e","setState","componentWillLoad"],"sources":["src/components/badge/style.scss?tag=kol-badge&mode=default&encapsulation=shadow","src/components/badge/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-badge {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\t/* Visible with forced colors  */\n\t\toutline: transparent solid rem(1);\n\t\tfont-size: rem(16);\n\n\t\t.kol-badge__smart-button {\n\t\t\t.button {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { BadgeAPI, BadgeStates, ButtonProps, KoliBriIconsProp, LabelPropType, PropColor, Stringified } from '../../schema';\nimport { featureHint, handleColorChange, objectObjectHandler, parseJson, setState, validateColor, validateIcons } from '../../schema';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { KolSpanFc } from '../../functional-components';\n\nimport { nonce } from '../../utils/dev.utils';\n\nimport type { JSX } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport clsx from 'clsx';\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\n\n@Component({\n\ttag: 'kol-badge',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolBadge implements BadgeAPI {\n\tprivate bgColorStr = '#000';\n\tprivate colorStr = '#fff';\n\tprivate readonly id = nonce();\n\n\tprivate renderSmartButton(props: ButtonProps): JSX.Element {\n\t\treturn (\n\t\t\t<KolButtonWcTag\n\t\t\t\tclass=\"kol-badge__smart-button\"\n\t\t\t\t_ariaControls={this.id}\n\t\t\t\t_customClass={props._customClass}\n\t\t\t\t_disabled={props._disabled}\n\t\t\t\t_hideLabel={true}\n\t\t\t\t_icons={props._icons}\n\t\t\t\t_id={props._id}\n\t\t\t\t_label={props._label}\n\t\t\t\t_on={props._on}\n\t\t\t\t_tooltipAlign={props._tooltipAlign}\n\t\t\t\t_variant={props._variant}\n\t\t\t></KolButtonWcTag>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclass={clsx('kol-badge', {\n\t\t\t\t\t'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: this.bgColorStr,\n\t\t\t\t\tcolor: this.colorStr,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<KolSpanFc class=\"kol-badge__label\" id={hasSmartButton ? this.id : undefined} allowMarkdown icons={this.state._icons} label={this._label} />\n\t\t\t\t{hasSmartButton && this.renderSmartButton(this.state._smartButton as ButtonProps)}\n\t\t\t</span>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the backgroundColor and foregroundColor.\n\t */\n\t@Prop() public _color?: Stringified<PropColor> = '#000';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t@State() public state: BadgeStates = {\n\t\t_color: {\n\t\t\tbackgroundColor: '#000',\n\t\t\tforegroundColor: '#fff',\n\t\t},\n\t\t_icons: {},\n\t};\n\n\tprivate handleColorChange = (value: unknown) => {\n\t\tconst colorPair = handleColorChange(value);\n\t\tthis.bgColorStr = colorPair.backgroundColor;\n\t\tthis.colorStr = colorPair.foregroundColor as string;\n\t};\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: KoliBriIconsProp): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_color')\n\tpublic validateColor(value?: Stringified<PropColor>): void {\n\t\tvalidateColor(this, value, {\n\t\t\tdefaultValue: '#000',\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateColor(this._color);\n\t\tthis.validateSmartButton(this._smartButton);\n\t}\n}\n"],"mappings":";;;0nBAAA,MAAMA,EAAkB,4rLACxB,MAAAC,EAAeD,ECSfE,EAAY,uE,MASCC,EAAQ,M,yBACZC,KAAAC,WAAa,OACbD,KAAAE,SAAW,OACFF,KAAAG,GAAKC,IAmEdJ,KAAAK,kBAAqBC,IAC5B,MAAMC,EAAYF,EAAkBC,GACpCN,KAAKC,WAAaM,EAAUC,gBAC5BR,KAAKE,SAAWK,EAAUE,eAAyB,E,YA5BH,O,mFAiBZ,CACpCC,OAAQ,CACPF,gBAAiB,OACjBC,gBAAiB,QAElBE,OAAQ,G,CA9DD,iBAAAC,CAAkBC,GACzB,OACCC,EAACC,EAAc,CACdC,MAAM,0BACNC,cAAejB,KAAKG,GACpBe,aAAcL,EAAMK,aACpBC,UAAWN,EAAMM,UACjBC,WAAY,KACZT,OAAQE,EAAMF,OACdU,IAAKR,EAAMQ,IACXC,OAAQT,EAAMS,OACdC,IAAKV,EAAMU,IACXC,cAAeX,EAAMW,cACrBC,SAAUZ,EAAMY,U,CAKZ,MAAAC,GACN,MAAMC,SAAwB3B,KAAK4B,MAAMC,eAAiB,UAAY7B,KAAK4B,MAAMC,eAAiB,KAElG,OACCf,EAAA,QAAAgB,IAAA,2CACCd,MAAOe,EAAK,YAAa,CACxB,qCAAsC/B,KAAK4B,MAAMC,eAAiB,UAAY7B,KAAK4B,MAAMC,eAAiB,OAE3GG,MAAO,CACNxB,gBAAiBR,KAAKC,WACtBgC,MAAOjC,KAAKE,WAGbY,EAACoB,EAAS,CAAAJ,IAAA,2CAACd,MAAM,mBAAmBb,GAAIwB,EAAiB3B,KAAKG,GAAKgC,UAAWC,cAAa,KAACC,MAAOrC,KAAK4B,MAAMjB,OAAQ2B,MAAOtC,KAAKsB,SACjIK,GAAkB3B,KAAKY,kBAAkBZ,KAAK4B,MAAMC,c,CAwCjD,aAAAU,CAAcjC,GACpBiC,EAAcvC,KAAMM,E,CAId,aAAAkC,CAAclC,GACpBkC,EAAcxC,KAAMM,EAAO,CAC1BmC,aAAc,OACdC,MAAO,CACNC,YAAa3C,KAAKK,oB,CAMd,mBAAAuC,CAAoBtC,GAC1BuC,EAAoBvC,GAAO,KAC1B,IACCA,EAAQwC,EAAuBxC,E,CAE9B,MAAOyC,G,CAGTC,EAAShD,KAAM,eAAgBM,EAAM,G,CAIhC,iBAAA2C,GACNjD,KAAKuC,cAAcvC,KAAKW,QACxBX,KAAKwC,cAAcxC,KAAKU,QACxBV,KAAK4C,oBAAoB5C,KAAK6B,a","ignoreList":[]}