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

package/dist/kolibri/Collapsible-53867075.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as o}from"./tslib.es6-2e5096f8.js";import{h as l}from"./index-a49af574.js";import{c as i}from"./clsx-09a06a12.js";import{a as e}from"./component-names-aa3cbc3c.js";import{K as a}from"./Heading-1fe830dd.js";const s=(s,n)=>{const{id:d,class:c,label:r,level:t=1,disabled:p,open:_,onClick:b,HeadingProps:v={},HeadingButtonProps:m={},ContentProps:u={}}=s,f=o(s,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),g=_?"remove":"add";return l("div",Object.assign({id:d,class:i("collapsible",{disabled:!0===p,open:!0===_},c)},f),l(a,{ref:null==v?void 0:v.ref,level:t,class:i("collapsible__heading",null==v?void 0:v.class)},l(e,{class:i("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${d}-control`,_ariaExpanded:_,_disabled:p,_icons:(null==m?void 0:m._icons)||`codicon codicon-${g}`,_label:r,_on:{onClick:b}})),l("div",{class:i("collapsible__wrapper",null==u?void 0:u.wrapperClass)},l("div",{class:i("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},l("div",{"aria-hidden":!1===_?"true":void 0,class:i("collapsible__content",null==u?void 0:u.class),id:`${d}-control`},n))))},d=s;export{d as K};

package/dist/kolibri/{Collapsible-0f95c96e.js.map → Collapsible-53867075.js.map}

@@ -1 +1 @@
-{"version":3,"names":["KolCollapsibleFc","props","children","id","class","classNames","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps","other","__rest","icon","h","Object","assign","clsx","KolHeadingFc","ref","KolButtonWcTag","slot","_ariaControls","_ariaExpanded","_disabled","_icons","_label","_on","wrapperClass","animationClass","undefined","KolCollapsibleFc$1"],"sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { HeadingLevel, IconsPropType } from '../../schema';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'remove' : 'add';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\tdisabled: disabled === true,\n\t\t\t\t\topen: open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `codicon codicon-${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"mappings":";;;kNAuCA,MAAMA,EAAyC,CAACC,EAAOC,KACtD,MAAMC,GAAEA,EAAIC,MAAOC,EAAUC,MAAEA,EAAKC,MAAEA,EAAQ,EAACC,SAAEA,EAAQC,KAAEA,EAAIC,QAAEA,EAAOC,aAAEA,EAAe,GAAEC,mBAAEA,EAAqB,GAAEC,aAAEA,EAAe,IAAiBZ,EAAVa,EAAKC,EAAKd,EAAhJ,+GACN,MAAMe,EAAOP,EAAO,SAAW,MAE/B,OACCQ,EAAA,MAAAC,OAAAC,OAAA,CACChB,GAAIA,EACJC,MAAOgB,EACN,cACA,CACCZ,SAAUA,IAAa,KACvBC,KAAMA,IAAS,MAEhBJ,IAEGS,GAEJG,EAACI,EAAY,CAACC,IAAKX,IAAY,MAAZA,SAAY,SAAZA,EAAcW,IAAKf,MAAOA,EAAOH,MAAOgB,EAAK,uBAAwBT,IAAY,MAAZA,SAAY,SAAZA,EAAcP,QACrGa,EAACM,EAAc,CACdnB,MAAOgB,EAAK,8BAA+BR,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBR,OAC/DkB,IAAKV,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBU,IACzBE,KAAK,SACLC,cAAe,GAAGtB,YAClBuB,cAAejB,EACfkB,UAAWnB,EACXoB,QAAQhB,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBgB,SAAU,mBAAmBZ,IACzDa,OAAQvB,EACRwB,IAAK,CAAEpB,cAGTO,EAAA,OAAKb,MAAOgB,EAAK,uBAAwBP,IAAY,MAAZA,SAAY,SAAZA,EAAckB,eACtDd,EAAA,OAAKb,MAAOgB,EAAK,iCAAkCP,IAAY,MAAZA,SAAY,SAAZA,EAAcmB,iBAChEf,EAAA,qBAAkBR,IAAS,MAAQ,OAASwB,UAAW7B,MAAOgB,EAAK,uBAAwBP,IAAY,MAAZA,SAAY,SAAZA,EAAcT,OAAQD,GAAI,GAAGA,aACtHD,KAIC,EAIR,MAAAgC,EAAelC,S","ignoreList":[]}
+{"version":3,"names":["KolCollapsibleFc","props","children","id","class","classNames","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps","other","__rest","icon","h","Object","assign","clsx","KolHeadingFc","ref","KolButtonWcTag","slot","_ariaControls","_ariaExpanded","_disabled","_icons","_label","_on","wrapperClass","animationClass","undefined","KolCollapsibleFc$1"],"sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { HeadingLevel, IconsPropType } from '../../schema';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'remove' : 'add';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\tdisabled: disabled === true,\n\t\t\t\t\topen: open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `codicon codicon-${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"mappings":";;;uNAuCA,MAAMA,EAAyC,CAACC,EAAOC,KACtD,MAAMC,GAAEA,EAAIC,MAAOC,EAAUC,MAAEA,EAAKC,MAAEA,EAAQ,EAACC,SAAEA,EAAQC,KAAEA,EAAIC,QAAEA,EAAOC,aAAEA,EAAe,GAAEC,mBAAEA,EAAqB,GAAEC,aAAEA,EAAe,IAAiBZ,EAAVa,EAAKC,EAAKd,EAAhJ,+GACN,MAAMe,EAAOP,EAAO,SAAW,MAE/B,OACCQ,EAAA,MAAAC,OAAAC,OAAA,CACChB,GAAIA,EACJC,MAAOgB,EACN,cACA,CACCZ,SAAUA,IAAa,KACvBC,KAAMA,IAAS,MAEhBJ,IAEGS,GAEJG,EAACI,EAAY,CAACC,IAAKX,IAAY,MAAZA,SAAY,SAAZA,EAAcW,IAAKf,MAAOA,EAAOH,MAAOgB,EAAK,uBAAwBT,IAAY,MAAZA,SAAY,SAAZA,EAAcP,QACrGa,EAACM,EAAc,CACdnB,MAAOgB,EAAK,8BAA+BR,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBR,OAC/DkB,IAAKV,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBU,IACzBE,KAAK,SACLC,cAAe,GAAGtB,YAClBuB,cAAejB,EACfkB,UAAWnB,EACXoB,QAAQhB,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBgB,SAAU,mBAAmBZ,IACzDa,OAAQvB,EACRwB,IAAK,CAAEpB,cAGTO,EAAA,OAAKb,MAAOgB,EAAK,uBAAwBP,IAAY,MAAZA,SAAY,SAAZA,EAAckB,eACtDd,EAAA,OAAKb,MAAOgB,EAAK,iCAAkCP,IAAY,MAAZA,SAAY,SAAZA,EAAcmB,iBAChEf,EAAA,qBAAkBR,IAAS,MAAQ,OAASwB,UAAW7B,MAAOgB,EAAK,uBAAwBP,IAAY,MAAZA,SAAY,SAAZA,EAAcT,OAAQD,GAAI,GAAGA,aACtHD,KAIC,EAIR,MAAAgC,EAAelC,S","ignoreList":[]}

package/dist/kolibri/FormFieldMsg-6843c725.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as r}from"./clsx-09a06a12.js";import{h as e}from"./index-a49af574.js";import{K as o}from"./Alert-1b318619.js";const i=({_alert:i,_msg:s,_hideError:a,_id:t})=>e(o,Object.assign({"aria-hidden":"true",id:`${t}-error`,alert:i,type:"error",class:r({error:!0,"visually-hidden":!0===a})},s),(null==s?void 0:s._description)||void 0),t=i;export{t as K};

package/dist/kolibri/Heading-1fe830dd.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as e}from"./tslib.es6-2e5096f8.js";import{h as s}from"./index-a49af574.js";import{c as n}from"./clsx-09a06a12.js";const c=1,a=6;function l(s){return s>=c&&s<=6}function r(s){return l(s)?`h${s}`:"strong"}function t(s){return 1===s?"span":r(s)}const o=(a,l)=>{var{class:t,level:o=c,variant:i}=a,d=e(a,["class","level","variant"]);const u=r(o),g=i||u;return s(u,Object.assign({class:n("headline",`headline-${g}`,t)},d),l)},i=(a,r)=>{var{class:l,level:o=c}=a,i=e(a,["class","level"]);const d=t(o+1);return s(d,Object.assign({class:n("secondary-headline",l)},i),r)},d=(a,r)=>{var{secondaryHeadline:l,level:t=c,class:d,HeadingGroupProps:u={},SecondaryHeadlineProps:g={}}=a,v=e(a,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const p="kol-heading-wc",j=Object.assign({level:t},v);if(!l)return s(o,Object.assign({class:n(p,d)},j),r);const{class:b}=u,f=e(u,["class"]),O=Object.assign({class:n(p,b)},f);return s("hgroup",Object.assign({},O),s(o,Object.assign({class:d},j),r),s(i,Object.assign({level:t},g),l))},u=d;export{u as K};

package/dist/kolibri/{Heading-781aa65b.js.map → Heading-1fe830dd.js.map}

@@ -1 +1 @@
-{"version":3,"names":["MIN_HEADING_LEVEL","MAX_HEADING_LEVEL","isValidHeadingLevel","level","getHeadlineTag","getSubHeadlineTag","KolHeadlineFc","_a","children","class","classNames","variant","other","__rest","HeadlineTag","finalVariant","h","Object","assign","clsx","KolSecondaryHeadlineFc","KolHeadingFc","secondaryHeadline","HeadingGroupProps","SecondaryHeadlineProps","deprecatedClassName","headlineProps","groupClassNames","groupOthers","headlineGroupProps","KolHeadingFc$1"],"sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel, HeadingVariantPropType } from '../../schema';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps & {\n\tvariant?: HeadingVariantPropType;\n};\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = BaseProps;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\ntype SubHeadlineTag = 'span' | HeadlineTag;\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Returns the appropriate sub-headline tag based on the level.\n * If the level is 1, returns 'span', otherwise returns the headline tag.\n * @param level - The heading level.\n * @returns The corresponding sub-headline tag.\n */\nexport function getSubHeadlineTag(level: HeadingLevel | number): SubHeadlineTag {\n\treturn level === 1 ? 'span' : getHeadlineTag(level);\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, variant, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\tconst finalVariant = variant || HeadlineTag;\n\n\treturn (\n\t\t<HeadlineTag class={clsx('headline', `headline-${finalVariant}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getSubHeadlineTag(level + 1);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('secondary-headline', classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\t// The 'kol-heading-wc' class is retained for backward compatibility.\n\t// It must remain here until the SCSS/themes are updated accordingly.\n\tconst deprecatedClassName = 'kol-heading-wc';\n\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(deprecatedClassName, classNames)} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx(deprecatedClassName, groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={classNames} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc level={level} {...SecondaryHeadlineProps}>\n\t\t\t\t{secondaryHeadline}\n\t\t\t</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"mappings":";;;sHA2BA,MAAMA,EAAoB,EAC1B,MAAMC,EAAoB,EAW1B,SAASC,EAAoBC,GAC5B,OAAOA,GAASH,GAAqBG,GAASF,CAC/C,C,SAQgBG,EAAeD,GAC9B,OAAOD,EAAoBC,GAAU,IAAIA,IAA0B,QACpE,C,SAQgBE,EAAkBF,GACjC,OAAOA,IAAU,EAAI,OAASC,EAAeD,EAC9C,CAQA,MAAMG,EAAmC,CAACC,EAAqEC,K,IAAnEC,MAAOC,EAAUP,MAAEA,EAAQH,EAAiBW,QAAEA,GAAOJ,EAAKK,EAAKC,EAAAN,EAAjE,6BACzC,MAAMO,EAAcV,EAAeD,GACnC,MAAMY,EAAeJ,GAAWG,EAEhC,OACCE,EAACF,EAAWG,OAAAC,OAAA,CAACT,MAAOU,EAAK,WAAY,YAAYJ,IAAgBL,IAAiBE,GAChFJ,EACY,EAUhB,MAAMY,EAAqD,CAACb,EAA4DC,K,IAA1DC,MAAOC,EAAUP,MAAEA,EAAQH,GAAiBO,EAAKK,EAAKC,EAAAN,EAAxD,mBAC3D,MAAMO,EAAcT,EAAkBF,EAAQ,GAE9C,OACCa,EAACF,EAAWG,OAAAC,OAAA,CAACT,MAAOU,EAAK,qBAAsBT,IAAiBE,GAC9DJ,EACY,EAUhB,MAAMa,EAAiC,CACtCd,EACAC,K,IADAc,kBAAEA,EAAiBnB,MAAEA,EAAQH,EAAmBS,MAAOC,EAAUa,kBAAEA,EAAoB,GAAEC,uBAAEA,EAAyB,IAAEjB,EAAKK,EAAKC,EAAAN,EAAhI,oFAKA,MAAMkB,EAAsB,iBAE5B,MAAMC,EAAaT,OAAAC,OAAA,CAClBf,SACGS,GAGJ,IAAKU,EAAmB,CACvB,OACCN,EAACV,EAAaW,OAAAC,OAAA,CAACT,MAAOU,EAAKM,EAAqBf,IAAiBgB,GAC/DlB,E,CAKJ,MAAQC,MAAOkB,GAAoCJ,EAAhBK,EAAWf,EAAKU,EAA7C,WACN,MAAMM,EAAkBZ,OAAAC,OAAA,CACvBT,MAAOU,EAAKM,EAAqBE,IAC9BC,GAGJ,OACCZ,EAAA,SAAAC,OAAAC,OAAA,GAAYW,GACXb,EAACV,EAAaW,OAAAC,OAAA,CAACT,MAAOC,GAAgBgB,GACpClB,GAEFQ,EAACI,EAAsBH,OAAAC,OAAA,CAACf,MAAOA,GAAWqB,GACxCF,GAEM,EAIX,MAAAQ,EAAeT,S","ignoreList":[]}
+{"version":3,"names":["MIN_HEADING_LEVEL","MAX_HEADING_LEVEL","isValidHeadingLevel","level","getHeadlineTag","getSubHeadlineTag","KolHeadlineFc","_a","children","class","classNames","variant","other","__rest","HeadlineTag","finalVariant","h","Object","assign","clsx","KolSecondaryHeadlineFc","KolHeadingFc","secondaryHeadline","HeadingGroupProps","SecondaryHeadlineProps","deprecatedClassName","headlineProps","groupClassNames","groupOthers","headlineGroupProps","KolHeadingFc$1"],"sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel, HeadingVariantPropType } from '../../schema';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps & {\n\tvariant?: HeadingVariantPropType;\n};\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = BaseProps;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\ntype SubHeadlineTag = 'span' | HeadlineTag;\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Returns the appropriate sub-headline tag based on the level.\n * If the level is 1, returns 'span', otherwise returns the headline tag.\n * @param level - The heading level.\n * @returns The corresponding sub-headline tag.\n */\nexport function getSubHeadlineTag(level: HeadingLevel | number): SubHeadlineTag {\n\treturn level === 1 ? 'span' : getHeadlineTag(level);\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, variant, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\tconst finalVariant = variant || HeadlineTag;\n\n\treturn (\n\t\t<HeadlineTag class={clsx('headline', `headline-${finalVariant}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getSubHeadlineTag(level + 1);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('secondary-headline', classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\t// The 'kol-heading-wc' class is retained for backward compatibility.\n\t// It must remain here until the SCSS/themes are updated accordingly.\n\tconst deprecatedClassName = 'kol-heading-wc';\n\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(deprecatedClassName, classNames)} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx(deprecatedClassName, groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={classNames} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc level={level} {...SecondaryHeadlineProps}>\n\t\t\t\t{secondaryHeadline}\n\t\t\t</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"mappings":";;;2HA2BA,MAAMA,EAAoB,EAC1B,MAAMC,EAAoB,EAW1B,SAASC,EAAoBC,GAC5B,OAAOA,GAASH,GAAqBG,GAASF,CAC/C,C,SAQgBG,EAAeD,GAC9B,OAAOD,EAAoBC,GAAU,IAAIA,IAA0B,QACpE,C,SAQgBE,EAAkBF,GACjC,OAAOA,IAAU,EAAI,OAASC,EAAeD,EAC9C,CAQA,MAAMG,EAAmC,CAACC,EAAqEC,K,IAAnEC,MAAOC,EAAUP,MAAEA,EAAQH,EAAiBW,QAAEA,GAAOJ,EAAKK,EAAKC,EAAAN,EAAjE,6BACzC,MAAMO,EAAcV,EAAeD,GACnC,MAAMY,EAAeJ,GAAWG,EAEhC,OACCE,EAACF,EAAWG,OAAAC,OAAA,CAACT,MAAOU,EAAK,WAAY,YAAYJ,IAAgBL,IAAiBE,GAChFJ,EACY,EAUhB,MAAMY,EAAqD,CAACb,EAA4DC,K,IAA1DC,MAAOC,EAAUP,MAAEA,EAAQH,GAAiBO,EAAKK,EAAKC,EAAAN,EAAxD,mBAC3D,MAAMO,EAAcT,EAAkBF,EAAQ,GAE9C,OACCa,EAACF,EAAWG,OAAAC,OAAA,CAACT,MAAOU,EAAK,qBAAsBT,IAAiBE,GAC9DJ,EACY,EAUhB,MAAMa,EAAiC,CACtCd,EACAC,K,IADAc,kBAAEA,EAAiBnB,MAAEA,EAAQH,EAAmBS,MAAOC,EAAUa,kBAAEA,EAAoB,GAAEC,uBAAEA,EAAyB,IAAEjB,EAAKK,EAAKC,EAAAN,EAAhI,oFAKA,MAAMkB,EAAsB,iBAE5B,MAAMC,EAAaT,OAAAC,OAAA,CAClBf,SACGS,GAGJ,IAAKU,EAAmB,CACvB,OACCN,EAACV,EAAaW,OAAAC,OAAA,CAACT,MAAOU,EAAKM,EAAqBf,IAAiBgB,GAC/DlB,E,CAKJ,MAAQC,MAAOkB,GAAoCJ,EAAhBK,EAAWf,EAAKU,EAA7C,WACN,MAAMM,EAAkBZ,OAAAC,OAAA,CACvBT,MAAOU,EAAKM,EAAqBE,IAC9BC,GAGJ,OACCZ,EAAA,SAAAC,OAAAC,OAAA,GAAYW,GACXb,EAACV,EAAaW,OAAAC,OAAA,CAACT,MAAOC,GAAgBgB,GACpClB,GAEFQ,EAACI,EAAsBH,OAAAC,OAAA,CAACf,MAAOA,GAAWqB,GACxCF,GAEM,EAIX,MAAAQ,EAAeT,S","ignoreList":[]}

package/dist/kolibri/{InternalUnderlinedBadgeText-3e2de35c.js → InternalUnderlinedBadgeText-8f2a64b6.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as l,F as n}from"./index-a0b4dca2.js";const t=({badgeText:t,label:e})=>{const s=t;let[a,...o]=e.split(s);return 0===o.length&&(t=s.toUpperCase(),[a,...o]=e.split(s)),0===o.length&&(t=s.toLowerCase(),[a,...o]=e.split(s)),l(n,null,a,o.length?l(n,null,l("u",null,t),o.join(s)):null)},e=t;export{e as I};
+import{h as l,F as n}from"./index-a49af574.js";const t=({badgeText:t,label:e})=>{const s=t;let[a,...o]=e.split(s);return 0===o.length&&(t=s.toUpperCase(),[a,...o]=e.split(s)),0===o.length&&(t=s.toLowerCase(),[a,...o]=e.split(s)),l(n,null,a,o.length?l(n,null,l("u",null,t),o.join(s)):null)},e=t;export{e as I};