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

package/dist/kolibri/Collapsible-8a747ce1.js.map

@@ -0,0 +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\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': 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,CACC,wBAAyBZ,IAAa,KACtC,oBAAqBC,IAAS,MAE/BJ,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-47200fd1.js

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

package/dist/kolibri/FormFieldMsg-47200fd1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormFieldMsgFc","_alert","_msg","_hideError","_id","h","KolAlertFc","Object","assign","id","alert","type","class","clsx","error","_description","undefined","KolFormFieldMsgFc"],"sources":["src/functional-components/FormFieldMsg/FormFieldMsg.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { AlertPropType, HideErrorPropType, IdPropType, MsgPropType } from '../../schema';\nimport type { FunctionalComponent } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport KolAlertFc from '../Alert';\n\ntype FormFieldMsgProps = {\n\t_alert?: AlertPropType;\n\t_msg?: MsgPropType;\n\t_hideError?: HideErrorPropType;\n\t_id: IdPropType;\n};\n\nconst FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps> = ({ _alert, _msg, _hideError, _id }) => (\n\t<KolAlertFc\n\t\tid={`${_id}-error`}\n\t\talert={_alert}\n\t\ttype=\"error\"\n\t\tclass={clsx({\n\t\t\terror: true,\n\t\t\t'visually-hidden': _hideError === true,\n\t\t})}\n\t\t{..._msg}\n\t>\n\t\t{_msg?._description || undefined}\n\t</KolAlertFc>\n);\n\nexport default FormFieldMsgFc;\n"],"mappings":";;;uHAaA,MAAMA,EAAyD,EAAGC,SAAQC,OAAMC,aAAYC,SAC3FC,EAACC,EAAUC,OAAAC,OAAA,CACVC,GAAI,GAAGL,UACPM,MAAOT,EACPU,KAAK,QACLC,MAAOC,EAAK,CACXC,MAAO,KACP,kBAAmBX,IAAe,QAE/BD,IAEHA,IAAI,MAAJA,SAAI,SAAJA,EAAMa,eAAgBC,WAIzB,MAAAC,EAAejB,S","ignoreList":[]}

package/dist/kolibri/Heading-459bb069.js

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

package/dist/kolibri/Heading-459bb069.js.map

@@ -0,0 +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","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('kol-headline', `kol-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('kol-headline kol-headline--group kol-headline--secondary', 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\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(classNames, 'kol-headline--single')} {...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('kol-heading-group', groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--group', 'kol-headline--primary')} {...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,eAAgB,iBAAiBJ,IAAgBL,IAAiBE,GACzFJ,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,2DAA4DT,IAAiBE,GACpGJ,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,oFAGA,MAAMkB,EAAaR,OAAAC,OAAA,CAClBf,SACGS,GAGJ,IAAKU,EAAmB,CACvB,OACCN,EAACV,EAAaW,OAAAC,OAAA,CAACT,MAAOU,EAAKT,EAAY,yBAA6Be,GAClEjB,E,CAKJ,MAAQC,MAAOiB,GAAoCH,EAAhBI,EAAWd,EAAKU,EAA7C,WACN,MAAMK,EAAkBX,OAAAC,OAAA,CACvBT,MAAOU,EAAK,oBAAqBO,IAC9BC,GAGJ,OACCX,EAAA,SAAAC,OAAAC,OAAA,GAAYU,GACXZ,EAACV,EAAaW,OAAAC,OAAA,CAACT,MAAOU,EAAKT,EAAY,sBAAuB,0BAA8Be,GAC1FjB,GAEFQ,EAACI,EAAsBH,OAAAC,OAAA,CAACf,MAAOA,GAAWqB,GACxCF,GAEM,EAIX,MAAAO,EAAeR,S","ignoreList":[]}

package/dist/kolibri/{InternalUnderlinedBadgeText-529a9dbb.js → InternalUnderlinedBadgeText-9ed66543.js}

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