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

package/dist/kolibri/{Collapsible-0f95c96e.js.map → Collapsible-d17302d5.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-864fe6f0.js

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

package/dist/kolibri/{Heading-781aa65b.js → Heading-98b6ed4f.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as e}from"./tslib.es6-2e5096f8.js";import{h as s}from"./index-a0b4dca2.js";import{c}from"./clsx-09a06a12.js";const n=1,a=6;function l(s){return s>=n&&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=n,variant:i}=a,d=e(a,["class","level","variant"]);const u=r(o),g=i||u;return s(u,Object.assign({class:c("headline",`headline-${g}`,t)},d),l)},i=(a,r)=>{var{class:l,level:o=n}=a,i=e(a,["class","level"]);const d=t(o+1);return s(d,Object.assign({class:c("secondary-headline",l)},i),r)},d=(a,r)=>{var{secondaryHeadline:l,level:t=n,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:c(p,d)},j),r);const{class:b}=u,f=e(u,["class"]),O=Object.assign({class:c(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};
+import{_ as e}from"./tslib.es6-2e5096f8.js";import{h as s}from"./index-4c718166.js";import{c}from"./clsx-09a06a12.js";const n=1,a=6;function l(s){return s>=n&&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=n,variant:i}=a,d=e(a,["class","level","variant"]);const u=r(o),g=i||u;return s(u,Object.assign({class:c("headline",`headline-${g}`,t)},d),l)},i=(a,r)=>{var{class:l,level:o=n}=a,i=e(a,["class","level"]);const d=t(o+1);return s(d,Object.assign({class:c("secondary-headline",l)},i),r)},d=(a,r)=>{var{secondaryHeadline:l,level:t=n,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:c(p,d)},j),r);const{class:b}=u,f=e(u,["class"]),O=Object.assign({class:c(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/InternalUnderlinedBadgeText-68465b64.js

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