@public-ui/components 1.1.16-rc.6 → 1.1.16-rc.7

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/kolibri/index.m-86dc8c44.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["n","r","t","e","u","Math","pow","a","i","c","o","s","f","l","replace","length","parseInt","slice","substring","repeat","max","min"],"sources":["./node_modules/wcag-contrast/dist/index.m.js"],"sourcesContent":["var n=.2126,r=.7152,t=.0722,e=1/12.92;function u(n){return Math.pow((n+.055)/1.055,2.4)}function a(a){var i=a[0]/255,c=a[1]/255,o=a[2]/255,s=i<=.03928?i*e:u(i),f=c<=.03928?c*e:u(c),l=o<=.03928?o*e:u(o);return s*n+f*r+l*t}function i(n){var r=255;8===(n=n.replace(/^#/,\"\")).length&&(r=parseInt(n.slice(6,8),16),n=n.substring(0,6)),4===n.length&&(r=parseInt(n.slice(3,4).repeat(2),16),n=n.substring(0,3)),3===n.length&&(n=n[0]+n[0]+n[1]+n[1]+n[2]+n[2]);var t=parseInt(n,16);return[t>>16,t>>8&255,255&t,r]}function c(n,r){return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function o(n,r){return c(a(n),a(r))}function s(n,r){return o(i(n),i(r))}function f(n){return n>=7?\"AAA\":n>=4.5?\"AA\":n>=3?\"AA Large\":\"Fail\"}export{c as luminance,o as rgb,s as hex,f as score};\n//# sourceMappingURL=index.m.js.map\n"],"mappings":";;;AAAA,IAAIA,EAAE,MAAMC,EAAE,MAAMC,EAAE,MAAMC,EAAE,EAAE,MAAM,SAASC,EAAEJ,GAAG,OAAOK,KAAKC,KAAKN,EAAE,MAAM,MAAM,IAAI,CAAC,SAASO,EAAEA,GAAG,IAAIC,EAAED,EAAE,GAAG,IAAIE,EAAEF,EAAE,GAAG,IAAIG,EAAEH,EAAE,GAAG,IAAII,EAAEH,GAAG,OAAOA,EAAEL,EAAEC,EAAEI,GAAGI,EAAEH,GAAG,OAAOA,EAAEN,EAAEC,EAAEK,GAAGI,EAAEH,GAAG,OAAOA,EAAEP,EAAEC,EAAEM,GAAG,OAAOC,EAAEX,EAAEY,EAAEX,EAAEY,EAAEX,CAAC,CAAC,SAASM,EAAER,GAAG,IAAIC,EAAE,IAAI,KAAKD,EAAEA,EAAEc,QAAQ,KAAK,KAAKC,SAASd,EAAEe,SAAShB,EAAEiB,MAAM,EAAE,GAAG,IAAIjB,EAAEA,EAAEkB,UAAU,EAAE,IAAI,IAAIlB,EAAEe,SAASd,EAAEe,SAAShB,EAAEiB,MAAM,EAAE,GAAGE,OAAO,GAAG,IAAInB,EAAEA,EAAEkB,UAAU,EAAE,IAAI,IAAIlB,EAAEe,SAASf,EAAEA,EAAE,GAAGA,EAAE,GAAGA,EAAE,GAAGA,EAAE,GAAGA,EAAE,GAAGA,EAAE,IAAI,IAAIE,EAAEc,SAAShB,EAAE,IAAI,MAAM,CAACE,GAAG,GAAGA,GAAG,EAAE,IAAI,IAAIA,EAAED,EAAE,CAAC,SAASQ,EAAET,EAAEC,GAAG,OAAOI,KAAKe,IAAIpB,EAAEC,GAAG,MAAMI,KAAKgB,IAAIrB,EAAEC,GAAG,IAAI,CAAC,SAASS,EAAEV,EAAEC,GAAG,OAAOQ,EAAEF,EAAEP,GAAGO,EAAEN,GAAG,CAAC,SAASU,EAAEX,EAAEC,GAAG,OAAOS,EAAEF,EAAER,GAAGQ,EAAEP,GAAG,CAAC,SAASW,EAAEZ,GAAG,OAAOA,GAAG,EAAE,MAAMA,GAAG,IAAI,KAAKA,GAAG,EAAE,WAAW,MAAM,Q"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolAbbr","this","nonce","_title","_tooltipAlign","render","h","Host","style","display","role","title","state","_align","_id","_label","validateTitle","value","watchString","required","validateTooltipAlign","watchTooltipAlignment","componentWillLoad"],"sources":["./src/components/abbr/style.sass?tag=kol-abbr&mode=default&encapsulation=shadow","./src/components/abbr/component.tsx"],"sourcesContent":["/* windicss-touch: 1637031942977 */\n@import ../style\n\n:host\n\n\tabbr\n\t\tcursor: help\n","import { Generic } from '@public-ui/core';\nimport { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { watchTooltipAlignment } from '../../types/button-link';\nimport { nonce } from '../../utils/dev.utils';\nimport { watchString } from '../../utils/prop.validators';\nimport { TooltipAlignment } from '../tooltip/component';\n\n/**\n * API\n */\ntype RequiredProps = {\n\ttitle: string;\n};\ntype OptionalProps = {\n\ttooltipAlign: TooltipAlignment;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps & OptionalProps;\ntype OptionalStates = unknown;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tprivate readonly nonce = nonce();\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'inline-block',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<abbr aria-labelledby={this.nonce} role=\"definition\" title={this.state._title}>\n\t\t\t\t\t<span title=\"\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t</abbr>\n\t\t\t\t<kol-tooltip _align={this.state._tooltipAlign} _id={this.nonce} _label={this.state._title}></kol-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignment = 'top';\n\n\t/**\n\t * Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an.\n\t */\n\t@Prop() public _title!: string;\n\n\t/**\n\t * Die State-Parameter repräsentieren den inneren State\n\t * einer Komponente.\n\t *\n\t * @see: https://stenciljs.com/docs/state\n\t */\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_title: '',\n\t\t_tooltipAlign: 'top',\n\t};\n\n\t/**\n\t * Die Watch-Methoden dienen der Möglichkeit zur\n\t * Validierung der Werte eines Properties und\n\t * dem Mapping dessen auf einen anderen internen\n\t * State-Typ.\n\t *\n\t * @see: https://stenciljs.com/docs/properties#prop-validation\n\t */\n\t@Watch('_title')\n\tpublic validateTitle(value?: string): void {\n\t\twatchString(this, '_title', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignment): void {\n\t\twatchTooltipAlignment(this, '_tooltipAlign', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateTitle(this._title);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t}\n}\n"],"mappings":";;;6RAAA,MAAMA,EAAkB,k+P,MC8BXC,EAAO,M,yBACFC,KAAAC,MAAQA,I,mBAsByB,M,iCAgBlB,CAC/BC,OAAQ,GACRC,cAAe,M,CAtCTC,SACN,OACCC,EAACC,EAAI,CACJC,MAAO,CACNC,QAAS,iBAGVH,EAAA,0BAAuBL,KAAKC,MAAOQ,KAAK,aAAaC,MAAOV,KAAKW,MAAMT,QACtEG,EAAA,QAAMK,MAAM,IACXL,EAAA,eAGFA,EAAA,eAAaO,OAAQZ,KAAKW,MAAMR,cAAeU,IAAKb,KAAKC,MAAOa,OAAQd,KAAKW,MAAMT,S,CAsC/Ea,cAAcC,GACpBC,EAAYjB,KAAM,SAAUgB,EAAO,CAClCE,SAAU,M,CAQLC,qBAAqBH,GAC3BI,EAAsBpB,KAAM,gBAAiBgB,E,CAMvCK,oBACNrB,KAAKe,cAAcf,KAAKE,QACxBF,KAAKmB,qBAAqBnB,KAAKG,c"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","featureHint","KolAccordion","this","catchAriaExpanded","button","HTMLButtonElement","buttonRef","triggerAriaExpanded","setAttribute","state","_open","onClick","event","timeout","setTimeout","clearTimeout","_a","_on","_heading","_level","render","h","Host","part","ref","_ariaLabel","_icon","_part","name","style","display","height","visibility","undefined","validateHeading","value","watchString","required","validateLevel","watchHeadingLevel","validateOn","setState","validateOpen","watchBoolean","componentWillLoad"],"sources":["./src/components/style.sass?tag=kol-accordion&mode=default&encapsulation=shadow","./src/components/accordion/component.tsx"],"sourcesContent":["/* windicss-touch: 1649810622229 */\n@windicss\n\n:host\n\n  *\n    -ms-hyphens: var(--kolibri-hyphens)\n    -webkit-hyphens: var(--kolibri-hyphens)\n    hyphens: var(--kolibri-hyphens)\n    font-family: var(--kolibri-font-family)\n    line-height: var(--kolibri-line-height)\n    word-break: break-word\n\n//     &:focus\n//       // outline-color: var(--kolibri-color-primary) !important\n//       outline-color: var(--kolibri-color-outline) !important\n//       outline-offset: 3px !important\n//       outline-style: solid !important // macht eckige Ecken\n//       outline-width: 2px !important\n//       // position: relative !important // führt zu Fehler beim Modal\n//       // z-index: 9999 !important // führt zu Fehler im Storybook\n\n//     &::selection\n//       background-color: var(--kolibri-color-primary)\n//       font-weight: 600\n//       color: white\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\n\nimport { Generic } from '@public-ui/core';\nimport { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\nimport { Events } from '../../enums/events';\n\nimport { EventValueCallback } from '../../types/callbacks';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { setState, watchBoolean, watchString } from '../../utils/prop.validators';\nimport { watchHeadingLevel } from '../heading/validation';\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\nexport type KoliBriAccordionCallbacks = {\n\t[Events.onClick]?: EventValueCallback<Event, boolean>;\n};\n\n/**\n * API\n */\ntype RequiredProps = {\n\theading: string;\n};\ntype OptionalProps = {\n\tlevel: HeadingLevel;\n\topen: boolean;\n\ton: KoliBriAccordionCallbacks;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n/**\n * @part accordion - Ermöglicht das Stylen des äußeren Container des Accordions.\n * @part open - Ermöglicht das Stylen des geöffneten Zustands und Icons.\n * @part close - Ermöglicht das Stylen des geschlossenen Zustands und Icons.\n * @part icon - Ermöglicht das Stylen der Icons.\n * @part header - Ermöglicht das Stylen des Kopfbereichs.\n * @part content - Ermöglicht das Stylen des Inhaltsbereichs.\n *\n * @slot header - Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich des Accordions.\n * @slot content - 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.sass',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tprivate buttonRef?: HTMLButtonElement;\n\t// private content?: HTMLDivElement;\n\n\tprivate catchAriaExpanded = (button?: HTMLButtonElement) => {\n\t\tif (button instanceof HTMLButtonElement) {\n\t\t\tthis.buttonRef = button;\n\t\t}\n\t};\n\tprivate triggerAriaExpanded = (button: HTMLButtonElement) => {\n\t\tbutton.setAttribute('aria-expanded', this.state._open ? 'true' : 'false');\n\t};\n\n\tpublic render(): JSX.Element {\n\t\t// const height = this.content?.getBoundingClientRect().height ?? 0;\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div part={`accordion ${this.state._open ? 'open' : 'close'}`}>\n\t\t\t\t\t<kol-heading-wc _level={this.state._level}>\n\t\t\t\t\t\t<button ref={this.catchAriaExpanded} onClick={this.onClick}>\n\t\t\t\t\t\t\t<kol-icon _ariaLabel=\"\" _icon={this.state._open ? 'fa-solid fa-minus' : 'fa-solid fa-plus'} _part={this.state._open ? 'close' : 'open'} />\n\t\t\t\t\t\t\t<span>{this.state._heading}</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</kol-heading-wc>\n\t\t\t\t\t<div part=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tpart=\"content\"\n\t\t\t\t\t\t// ref={(r) => (this.content = r)}\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tthis.state._open === false\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t\t\t\theight: '0',\n\t\t\t\t\t\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// style={\n\t\t\t\t\t\t// \tthis.state._open\n\t\t\t\t\t\t// \t\t? height > 0 && process.env.NODE_ENV !== 'test' // TODO: remove this check when testing is fixed\n\t\t\t\t\t\t// \t\t\t? {\n\t\t\t\t\t\t// \t\t\t\theight: `${height}px`,\n\t\t\t\t\t\t// \t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t// \t\t\t}\n\t\t\t\t\t\t// \t\t\t: undefined\n\t\t\t\t\t\t// \t\t: {\n\t\t\t\t\t\t// \t\t\theight: '0',\n\t\t\t\t\t\t// \t\t\toverflow: 'hidden',\n\t\t\t\t\t\t// \t\t\tvisibility: 'hidden',\n\t\t\t\t\t\t// \t\t}\n\t\t\t\t\t\t// }\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt die Überschrift des Accordions an.\n\t */\n\t@Prop() public _heading!: string;\n\n\t/**\n\t * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen an.\n\t */\n\t@Prop() public _on?: KoliBriAccordionCallbacks;\n\n\t/**\n\t * Gibt an, ob das Accordion geöffnet ist.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_heading: '⚠',\n\t\t_level: 1,\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\twatchString(this, '_heading', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAccordionCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null && typeof value.onClick === 'function') {\n\t\t\tsetState(this, '_on', value);\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_open')\n\tpublic validateOpen(value?: boolean): void {\n\t\twatchBoolean(this, '_open', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHeading(this._heading);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n\n\tprivate onClick = (event: Event) => {\n\t\tthis._open = this._open === false;\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\tconst timeout = setTimeout(() => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tthis.state._on.onClick(event, this._open === true);\n\t\t\t}\n\t\t\tif (this.buttonRef instanceof HTMLButtonElement) {\n\t\t\t\tthis.triggerAriaExpanded(this.buttonRef);\n\t\t\t}\n\t\t});\n\t};\n}\n"],"mappings":";;;0SAAA,MAAMA,EAAkB,28PCYxBC,EAAY,+OAKZA,EAAY,mE,MAyCCC,EAAY,M,yBAIhBC,KAAAC,kBAAqBC,IAC5B,GAAIA,aAAkBC,kBAAmB,CACxCH,KAAKI,UAAYF,C,GAGXF,KAAAK,oBAAuBH,IAC9BA,EAAOI,aAAa,gBAAiBN,KAAKO,MAAMC,MAAQ,OAAS,QAAQ,EA6HlER,KAAAS,QAAWC,IAClBV,KAAKQ,MAAQR,KAAKQ,QAAU,MAQ5B,MAAMG,EAAUC,YAAW,K,MAC1BC,aAAaF,GACb,WAAWG,EAAAd,KAAKO,MAAMQ,OAAG,MAAAD,SAAA,SAAAA,EAAEL,WAAY,WAAY,CAClDT,KAAKO,MAAMQ,IAAIN,QAAQC,EAAOV,KAAKQ,QAAU,K,CAE9C,GAAIR,KAAKI,qBAAqBD,kBAAmB,CAChDH,KAAKK,oBAAoBL,KAAKI,U,IAE9B,E,oCAnFoC,E,8BAU0B,M,WAKjC,CAC/BY,SAAU,IACVC,OAAQ,E,CAzEFC,SAEN,OACCC,EAACC,EAAI,KACJD,EAAA,OAAKE,KAAM,aAAarB,KAAKO,MAAMC,MAAQ,OAAS,WACnDW,EAAA,kBAAgBF,OAAQjB,KAAKO,MAAMU,QAClCE,EAAA,UAAQG,IAAKtB,KAAKC,kBAAmBQ,QAAST,KAAKS,SAClDU,EAAA,YAAUI,WAAW,GAAGC,MAAOxB,KAAKO,MAAMC,MAAQ,oBAAsB,mBAAoBiB,MAAOzB,KAAKO,MAAMC,MAAQ,QAAU,SAChIW,EAAA,YAAOnB,KAAKO,MAAMS,YAGpBG,EAAA,OAAKE,KAAK,UACTF,EAAA,QAAMO,KAAK,YAEZP,EAAA,OACCE,KAAK,UAELM,MACC3B,KAAKO,MAAMC,QAAU,MAClB,CACAoB,QAAS,OACTC,OAAQ,IACRC,WAAY,UAEZC,WAiBJZ,EAAA,QAAMO,KAAK,c,CAuCTM,gBAAgBC,GACtBC,EAAYlC,KAAM,WAAYiC,EAAO,CACpCE,SAAU,M,CAQLC,cAAcH,GACpBI,EAAkBrC,KAAMiC,E,CAOlBK,WAAWL,GACjB,UAAWA,IAAU,UAAYA,IAAU,aAAeA,EAAMxB,UAAY,WAAY,CACvF8B,EAASvC,KAAM,MAAOiC,E,EAQjBO,aAAaP,GACnBQ,EAAazC,KAAM,QAASiC,E,CAMtBS,oBACN1C,KAAKgC,gBAAgBhC,KAAKgB,UAC1BhB,KAAKoC,cAAcpC,KAAKiB,QACxBjB,KAAKsC,WAAWtC,KAAKe,KACrBf,KAAKwC,aAAaxC,KAAKQ,M"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","Icon","props","h","class","_ariaLabel","heading","length","ariaLabel","_icon","icon","AlertIcon","type","KolAlert","this","close","_a","_on","onClose","undefined","Event","on","onClick","_level","render","state","_alert","Log","debug","navigator","vibrate","e","setTimeout","validateAlert","Host","_type","_variant","role","_heading","_hasCloser","left","_iconOnly","_label","_tooltipAlign","value","watchBoolean","validateHasCloser","validateHeading","watchString","validateLevel","watchHeadingLevel","validateOn","featureHint","callbacks","setState","validateType","watchValidator","Set","validateVariant","componentWillLoad"],"sources":["./src/components/alert/style.sass?tag=kol-alert&mode=default&encapsulation=shadow","./src/components/alert/component.tsx"],"sourcesContent":["/* windicss-touch: 1648382011141 */\n@import ../style\n\n:host\n\n\t*\n\t\tbox-sizing: border-box\n\n\t> div\n\t\tbackground-color: white\n\t\tborder-color: white\n\t\tborder-width: 1px\n\t\tborder-radius: .5rem\n\t\tborder-style: solid\n\t\tdisplay: flex\n\t\twidth: 100%\n\t\toverflow: hidden\n\n\t\t&.error\n\t\t\tborder-color: var(--kolibri-color-error)\n\t\t\t.icon\n\t\t\t\tbackground-color: var(--kolibri-color-error)\n\t\t&.info\n\t\t\tborder-color: var(--kolibri-color-info)\n\t\t\t.icon\n\t\t\t\tbackground-color: var(--kolibri-color-info)\n\t\t&.success\n\t\t\tborder-color: var(--kolibri-color-success)\n\t\t\t.icon\n\t\t\t\tbackground-color: var(--kolibri-color-success)\n\t\t&.warning\n\t\t\tborder-color: var(--kolibri-color-warning)\n\t\t\t.icon\n\t\t\t\tbackground-color: var(--kolibri-color-warning)\n\n\t\t.icon\n\t\t\tcolor: white\n\t\t\tdisplay: inline-block\n\t\t\tpadding: 0 0.25rem\n\n\t\t> div\n\t\t\tdisplay: grid\n\n\t\t\t.heading\n\t\t\t\tpadding: 0 0.25rem\n\t\t\t\tdisplay: inline-block\n\n\t\t\t\t.icon\n\t\t\t\t\tmargin-left: -0.25rem\n\t\t\t\t\tmargin-right: 0.25rem\n\t\t\t\t\tborder-radius: 0 0 0.25rem 0\n\n\t\t\t> div:last-child\n\t\t\t\tpadding: .25rem\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from '../../types/alert';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { Log } from '../../utils/dev.utils';\nimport { setState, watchBoolean, watchString, watchValidator } from '../../utils/prop.validators';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * API\n */\ntype RequiredProps = unknown;\ntype OptionalProps = {\n\talert: boolean;\n\thasCloser: boolean;\n\theading: string;\n\tlevel: HeadingLevel;\n\ton: KoliBriAlertEventCallbacks;\n\ttype: AlertType;\n\tvariant: AlertVariant;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\nconst Icon = (props: { ariaLabel: string; icon: string; heading?: string }) => {\n\treturn <kol-icon class=\"icon\" _ariaLabel={typeof props.heading === 'string' && props.heading.length > 0 ? '' : props.ariaLabel} _icon={props.icon} />;\n};\n\nconst AlertIcon = (props: { heading?: string; type?: AlertType }) => {\n\tswitch (props.type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={'Fehler'} icon=\"fa-solid fa-circle-xmark\" heading={props.heading} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={'Hinweis'} icon=\"fa-solid fa-circle-info\" heading={props.heading} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={'Warnung'} icon=\"fa-solid fa-triangle-exclamation\" heading={props.heading} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={'Erfolg'} icon=\"fa-solid fa-circle-check\" heading={props.heading} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={'Nachricht'} icon=\"fa-regular fa-comment\" heading={props.heading} />;\n\t}\n};\n\n@Component({\n\ttag: 'kol-alert',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolAlert implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClick: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tif (this.state._alert) {\n\t\t\t/**\n\t\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t\t */\n\t\t\ttry {\n\t\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t\t} catch (e) {\n\t\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.validateAlert(false);\n\t\t\t}, 10000);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t[this.state._type as string]: true,\n\t\t\t\t\t\t[this.state._variant as string]: true,\n\t\t\t\t\t}}\n\t\t\t\t\trole={this.state._alert ? 'alert' : undefined}\n\t\t\t\t>\n\t\t\t\t\t{this.state._variant === 'msg' && <AlertIcon heading={this.state._heading} type={this.state._type} />}\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{((typeof this.state._heading === 'string' && this.state._heading.length > 0) || this.state._variant === 'card') && (\n\t\t\t\t\t\t\t<kol-heading-wc class=\"heading\" _level={this.state._level}>\n\t\t\t\t\t\t\t\t{this.state._variant === 'card' && <AlertIcon heading={this.state._heading} type={this.state._type} />}\n\t\t\t\t\t\t\t\t{this.state._heading}\n\t\t\t\t\t\t\t</kol-heading-wc>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.state._hasCloser && (\n\t\t\t\t\t\t\t<kol-button-wc\n\t\t\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t\t\t_icon={{\n\t\t\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\t\t\ticon: 'fa-solid fa-circle-xmark',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t_iconOnly\n\t\t\t\t\t\t\t\t_label=\"Schließen\"\n\t\t\t\t\t\t\t\t_on={this.on}\n\t\t\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t\t\t></kol-button-wc>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, ob der Screenreader die Meldung vorlesen soll.\n\t */\n\t@Prop({ reflect: true }) public _alert?: boolean = false;\n\n\t/**\n\t * Gibt an, ob der Alert ein Schließen-Icon hat.\n\t */\n\t@Prop({ reflect: true }) public _hasCloser?: boolean = false;\n\n\t/**\n\t * Gibt den Titel der Meldung an.\n\t */\n\t@Prop() public _heading?: string;\n\n\t/**\n\t * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.\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 * Gibt an, ob es sich um eine Erfolgs-, Info-, Warnung- oder Fehlermeldung handelt.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/**\n\t * Gibt an, welche Benachrichtigungsvariante dargestellt wird.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_level: 1,\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this, '_alert', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: boolean): void {\n\t\twatchBoolean(this, '_hasCloser', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\twatchString(this, '_heading', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAlertEventCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tfeatureHint('[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.');\n\t\t\tconst callbacks: KoliBriAlertEventCallbacks = {};\n\t\t\tif (typeof value.onClose === 'function' || value.onClose === true) {\n\t\t\t\tcallbacks.onClose = value.onClose;\n\t\t\t}\n\t\t\tsetState<KoliBriAlertEventCallbacks>(this, '_on', callbacks);\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\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' && (value === 'default' || value === 'error' || value === 'info' || value === 'success' || value === 'warning'),\n\t\t\tnew Set('String {success, info, warning, error}'),\n\t\t\tvalue\n\t\t);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_variant')\n\tpublic validateVariant(value?: AlertVariant): void {\n\t\twatchValidator(this, '_variant', (value) => value === 'card' || value === 'msg', new Set('AlertVariant {card, msg}'), value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this._alert);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateHeading(this._heading);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["getContrastYIQ","r","g","b","yiq","calcContrastColor","baseColor","contrastColor","ratio","dir","color","Math","max","min","round","contrast","hex","rgbaConvert","join","summe","getContrastColor","contrastcolor","cache","has","get","set","Map","createContrastColorPair","contrastRatio","colorRgba","contrastColorRGB","defaultStyleCss","featureHint","HACK_REG_EX","KolBadge","this","bgColorStr","colorStr","handleColorChange","value","colorPair","test","devHint","backgroundColor","Nationalfarben","Schwarz","_color","render","h","Host","class","state","_smartButton","_label","_icon","_iconOnly","style","_ariaLabel","_customClass","_disabled","_id","_on","_tooltipAlign","_variant","validateColor","watchValidator","Set","defaultValue","hooks","beforePatch","validateSmartButton","objectObjectHandler","parseJson","e","setState","componentWillLoad"],"sources":["./src/components/badge/contrast.ts","./src/components/badge/style.sass?tag=kol-badge&mode=default&encapsulation=shadow","./src/components/badge/component.tsx"],"sourcesContent":["import { rgbaConvert } from './rgba-convert';\nimport { hex } from 'wcag-contrast';\nimport { colorRgba } from './color-rgba';\nimport { RGB } from 'color-convert/conversions';\n\ntype RGBA = [number, number, number, number];\n\n// const calcColor = (color: RGBA, diff: number): RGBA => [\n//   Math.max(Math.min(Math.round(color[0] + (color[0] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[1] + (color[1] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[2] + (color[2] / 100 + 1) * diff), 255), 0),\n//   color[3],\n// ];\n\n// const relativeLuminanceFormel = (c: number): number => {\n//   if (c <= 0.03928) {\n//     return c / 12.92;\n//   } else {\n//     return ((c + 0.055) / 1.055) ** 2.4;\n//   }\n// };\n// // https://www.w3.org/TR/WCAG20/#contrast-ratiodef\n// const relativeLuminance = (r: number, g: number, b: number): number => {\n//   return (\n//     0.2126 * relativeLuminanceFormel(r) + 0.7152 * relativeLuminanceFormel(g) + 0.0722 * relativeLuminanceFormel(b)\n//   );\n// };\n\n// https://css-tricks.com/snippets/javascript/random-hex-color/\n// const randomColor = () => Math.floor(Math.random() * 16777215).toString(16);\n\n// https://24ways.org/2010/calculating-color-contrast/\n// ts-prune-ignore-next\nexport const getContrastYIQ = (r: number, g: number, b: number): number => {\n\tconst yiq = (r * 299 + g * 587 + b * 114) / 1000;\n\treturn yiq >= 128 ? -1 : 1;\n};\n\n// ts-prune-ignore-next\nexport const calcContrastColor = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): RGB => {\n\tconst color: RGB = [\n\t\tMath.max(Math.min(Math.round(contrastColor[0] + dir * Math.max(1, contrastColor[0] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[1] + dir * Math.max(1, contrastColor[1] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[2] + dir * Math.max(1, contrastColor[2] / 100)), 255), 0),\n\t];\n\tconst contrast = hex(rgbaConvert.hex(`rgba(${baseColor.join(',')},1)`), rgbaConvert.hex(`rgba(${color.join(',')},1)`));\n\tconst summe = color[0] + color[1] + color[2];\n\tif (summe === 0 || summe === 765 || contrast > ratio) {\n\t\treturn color;\n\t} else {\n\t\treturn calcContrastColor(baseColor, color, ratio, dir);\n\t}\n};\n\n// ts-prune-ignore-next\nexport const getContrastColor = (baseColor: RGB, contrastcolor: RGB, ratio: number, dir = 1): RGB => {\n\tif (cache.has(baseColor)) {\n\t\treturn cache.get(baseColor) as RGB;\n\t}\n\tconst color = calcContrastColor(baseColor, contrastcolor, ratio, dir);\n\tcache.set(baseColor, color);\n\treturn color;\n};\n\nconst cache: Map<unknown, RGB> = new Map();\n\nexport type KoliBriContrastColor = {\n\tbaseColor: string;\n\tcontrastColor: string;\n};\n\nexport const createContrastColorPair = (color: string | KoliBriContrastColor, contrastRatio = 7): KoliBriContrastColor => {\n\tlet baseColor: RGBA = [0, 0, 0, 1];\n\tlet contrastColor: RGBA = [255, 255, 255, 1];\n\tif (typeof color === 'string') {\n\t\tbaseColor = colorRgba(color);\n\t\tcontrastColor = baseColor;\n\t} else if (typeof color === 'object' && color !== null && typeof color.baseColor === 'string') {\n\t\tbaseColor = colorRgba(color.baseColor);\n\t\tif (typeof color.contrastColor === 'string') {\n\t\t\tcontrastColor = colorRgba(color.contrastColor);\n\t\t} else {\n\t\t\tcontrastColor = baseColor;\n\t\t}\n\t}\n\tconst yiq = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);\n\tconst contrastColorRGB = getContrastColor(\n\t\t[baseColor[0], baseColor[1], baseColor[2]],\n\t\t[contrastColor[0], contrastColor[1], contrastColor[2]],\n\t\tcontrastRatio,\n\t\tyiq\n\t);\n\tcontrastColor = [...contrastColorRGB, 1];\n\n\treturn {\n\t\tbaseColor: rgbaConvert.hex(`rgba(${baseColor.join(',')})`),\n\t\tcontrastColor: rgbaConvert.hex(`rgba(${contrastColor.join(',')})`),\n\t};\n};\n","@import ../style\n\nspan\n  display: inline-block\n  border-radius: var(--kolibri-border-radius)\n  @apply px-2 py-0.5\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { Nationalfarben } from '../../enums/color';\nimport { Alignment, KoliBriIconProp } from '../../types/icon';\nimport { devHint, featureHint } from '../../utils/a11y.tipps';\nimport { objectObjectHandler, parseJson, setState, watchValidator } from '../../utils/prop.validators';\nimport { createContrastColorPair, KoliBriContrastColor } from './contrast';\nimport { Stringified } from '../../types/common';\nimport { ButtonProps } from '../../types/button-link';\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\n\nconst HACK_REG_EX = /^([a-f0-9]{3}|[a-f0-9]{6})$/;\n\nexport type KoliBriColor = {\n\tbackgroundColor: string;\n\tcolor: string;\n};\n\n/**\n * API\n */\ntype RequiredProps = {\n\tlabel: string;\n};\ntype OptionalProps = {\n\tcolor: Stringified<KoliBriColor>;\n\ticon: Stringified<KoliBriIconProp>;\n\ticonOnly: boolean;\n\tsmarButton: Stringified<ButtonProps>;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = {\n\tcolor: Stringified<KoliBriColor>;\n};\ntype OptionalStates = {\n\tsmartButton: ButtonProps;\n};\nexport type States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-badge',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolBadge implements Props {\n\tprivate bgColorStr = '#000';\n\tprivate colorStr = '#fff';\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-span-wc\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t'smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n\t\t\t\t\t}}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: this.bgColorStr,\n\t\t\t\t\t\tcolor: this.colorStr,\n\t\t\t\t\t}}\n\t\t\t\t></kol-span-wc>\n\t\t\t\t{typeof this.state._smartButton === 'object' && this.state._smartButton !== null && (\n\t\t\t\t\t<kol-button-wc\n\t\t\t\t\t\t_ariaLabel={this.state._smartButton._ariaLabel}\n\t\t\t\t\t\t_customClass={this.state._smartButton._customClass}\n\t\t\t\t\t\t_disabled={this.state._smartButton._disabled}\n\t\t\t\t\t\t_icon={this.state._smartButton._icon}\n\t\t\t\t\t\t_iconOnly={true}\n\t\t\t\t\t\t_id={this.state._smartButton._id}\n\t\t\t\t\t\t_label={this.state._smartButton._label}\n\t\t\t\t\t\t_on={this.state._smartButton._on}\n\t\t\t\t\t\t_tooltipAlign={this.state._smartButton._tooltipAlign}\n\t\t\t\t\t\t_variant={this.state._smartButton._variant}\n\t\t\t\t\t></kol-button-wc>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt die Farbe des Hintergrundes bzw. der Schrift an.\n\t */\n\t@Prop() public _color?: string | KoliBriColor = Nationalfarben.Schwarz;\n\n\t/**\n\t * Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: Alignment = 'left';\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt den Label-Text des Badges an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_color: Nationalfarben.Schwarz,\n\t};\n\n\tprivate handleColorChange = (value: unknown) => {\n\t\tlet color = value as string | KoliBriColor;\n\t\tlet colorPair: KoliBriContrastColor;\n\t\tif (typeof color === 'string') {\n\t\t\tif (HACK_REG_EX.test(color)) {\n\t\t\t\t// Catch Breaking Change - remove next Major\n\t\t\t\tdevHint(\n\t\t\t\t\t`[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).`\n\t\t\t\t);\n\t\t\t\tcolor = `#${color}`;\n\t\t\t}\n\t\t\tcolorPair = createContrastColorPair(color);\n\t\t} else {\n\t\t\tcolorPair = createContrastColorPair({\n\t\t\t\tbaseColor: color.backgroundColor,\n\t\t\t\tcontrastColor: color.color,\n\t\t\t});\n\t\t}\n\t\tthis.bgColorStr = colorPair.baseColor;\n\t\tthis.colorStr = colorPair.contrastColor;\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_color')\n\tpublic validateColor(value?: string | KoliBriColor): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_color',\n\t\t\t(value) => typeof value === 'string' || (typeof value === 'object' && value !== null),\n\t\t\tnew Set(['string', 'KoliBriColor']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: Nationalfarben.Schwarz,\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\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\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateColor(this._color);\n\t\tthis.validateSmartButton(this._smartButton);\n\t}\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolBreadcrumb","_ariaLabel","_links","render","lastIndex","this","state","length","h","Host","_icon","map","link","index","key","_part","exportparts","_iconOnly","_label","Fragment","Object","assign","_useCase","validateAriaLabel","value","watchString","required","a11yHintLabelingLandmarks","validateLinks","watchNavLinks","componentWillLoad"],"sources":["./src/components/style.sass?tag=kol-breadcrumb&mode=default&encapsulation=shadow","./src/components/breadcrumb/component.tsx"],"sourcesContent":["/* windicss-touch: 1649810622229 */\n@windicss\n\n:host\n\n  *\n    -ms-hyphens: var(--kolibri-hyphens)\n    -webkit-hyphens: var(--kolibri-hyphens)\n    hyphens: var(--kolibri-hyphens)\n    font-family: var(--kolibri-font-family)\n    line-height: var(--kolibri-line-height)\n    word-break: break-word\n\n//     &:focus\n//       // outline-color: var(--kolibri-color-primary) !important\n//       outline-color: var(--kolibri-color-outline) !important\n//       outline-offset: 3px !important\n//       outline-style: solid !important // macht eckige Ecken\n//       outline-width: 2px !important\n//       // position: relative !important // führt zu Fehler beim Modal\n//       // z-index: 9999 !important // führt zu Fehler im Storybook\n\n//     &::selection\n//       background-color: var(--kolibri-color-primary)\n//       font-weight: 600\n//       color: white\n","import { Component, Fragment, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { Stringified } from '../../types/common';\nimport { a11yHintLabelingLandmarks } from '../../utils/a11y.tipps';\nimport { watchString } from '../../utils/prop.validators';\nimport { NavLinkProps } from '../link/component';\nimport { watchNavLinks } from '../nav/validation';\n\n/**\n * API\n */\ntype RequiredProps = {\n\tariaLabel: string;\n\tlinks: Stringified<NavLinkProps[]>;\n};\ntype OptionalProps = unknown;\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = {\n\tariaLabel: string;\n\tlinks: NavLinkProps[];\n};\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n/**\n * @part link - Ermöglicht das Stylen der Links.\n * @part separator - Ermöglicht das Ändern des Separator-Icons.\n */\n@Component({\n\ttag: 'kol-breadcrumb',\n\tstyleUrls: {\n\t\tdefault: '../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolBreadcrumb implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tpublic render(): JSX.Element {\n\t\tconst lastIndex = this.state._links.length - 1;\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<nav aria-label={this.state._ariaLabel}>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{this.state._links.length === 0 && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<kol-icon _ariaLabel=\"\" _icon=\"fa-solid fa-house\" />…\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._links.map((link, index: number) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={index}>\n\t\t\t\t\t\t\t\t\t{index !== 0 && <kol-icon _ariaLabel=\"\" _icon=\"fa-solid fa-angle-right\" _part=\"separator\" exportparts=\"separator\" />}\n\t\t\t\t\t\t\t\t\t{index === lastIndex ? (\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t{link._iconOnly ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<kol-icon _ariaLabel={link._label} _icon={typeof link._icon === 'string' ? link._icon : 'fa-solid fa-link-slash'} />\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<Fragment>{link._label}</Fragment>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<kol-link exportparts=\"link\" _useCase=\"nav\" {...link} _ariaLabel={link._label}>\n\t\t\t\t\t\t\t\t\t\t\t{link._label}\n\t\t\t\t\t\t\t\t\t\t</kol-link>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt den Text an, der die Navigation von anderen Navigationen differenziert.\n\t */\n\t@Prop() public _ariaLabel!: string;\n\n\t/**\n\t * Gibt die geordnete Liste der Seitenhierarchie in Links an.\n\t */\n\t@Prop() public _links!: Stringified<NavLinkProps[]>;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_ariaLabel: '…', // '⚠'\n\t\t_links: [],\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\twatchString(this, '_ariaLabel', value, {\n\t\t\trequired: true,\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<NavLinkProps[]>): void {\n\t\twatchNavLinks('KolBreadcrumb', this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAriaLabel(this._ariaLabel);\n\t\tthis.validateLinks(this._links);\n\t}\n}\n"],"mappings":";;;mSAAA,MAAMA,EAAkB,28P,MCqCXC,EAAa,M,oFAmDO,CAC/BC,WAAY,IACZC,OAAQ,G,CApDFC,SACN,MAAMC,EAAYC,KAAKC,MAAMJ,OAAOK,OAAS,EAC7C,OACCC,EAACC,EAAI,KACJD,EAAA,oBAAiBH,KAAKC,MAAML,YAC3BO,EAAA,UACEH,KAAKC,MAAMJ,OAAOK,SAAW,GAC7BC,EAAA,UACCA,EAAA,YAAUP,WAAW,GAAGS,MAAM,sBAAsB,KAGrDL,KAAKC,MAAMJ,OAAOS,KAAI,CAACC,EAAMC,IAE5BL,EAAA,MAAIM,IAAKD,GACPA,IAAU,GAAKL,EAAA,YAAUP,WAAW,GAAGS,MAAM,0BAA0BK,MAAM,YAAYC,YAAY,cACrGH,IAAUT,EACVI,EAAA,YACEI,EAAKK,UACLT,EAAA,YAAUP,WAAYW,EAAKM,OAAQR,aAAcE,EAAKF,QAAU,SAAWE,EAAKF,MAAQ,2BAExFF,EAACW,EAAQ,KAAEP,EAAKM,SAIlBV,EAAA,WAAAY,OAAAC,OAAA,CAAUL,YAAY,OAAOM,SAAS,OAAUV,EAAI,CAAEX,WAAYW,EAAKM,SACrEN,EAAKM,a,CAkCTK,kBAAkBC,GACxBC,EAAYpB,KAAM,aAAcmB,EAAO,CACtCE,SAAU,OAEXC,EAA0BH,E,CAOpBI,cAAcJ,GACpBK,EAAc,gBAAiBxB,KAAMmB,E,CAM/BM,oBACNzB,KAAKkB,kBAAkBlB,KAAKJ,YAC5BI,KAAKuB,cAAcvB,KAAKH,O"}

package/dist/kolibri/kol-button-group-wc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KolButtonGroupWc","render","h","Host","class"],"sources":["./src/components/button-group/component.tsx"],"sourcesContent":["import { Component, h, Host, JSX, State } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\n\n/**\n * API\n */\ntype RequiredProps = unknown;\ntype OptionalProps = unknown;\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-button-group-wc',\n\tshadow: false,\n})\nexport class KolButtonGroupWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div class=\"flex flex-wrap bg-normal\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {};\n}\n"],"mappings":";;;uDAmBaA,EAAgB,M,oCAcI,E,CAbzBC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,OAAKE,MAAM,4BACVF,EAAA,c"}

package/dist/kolibri/kol-button-group.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolButtonGroup","render","h","Host"],"sources":["./src/components/button-group/style.sass?tag=kol-button-group&mode=default&encapsulation=shadow","./src/components/button-group/shadow.tsx"],"sourcesContent":["/* windicss-touch: 1649041306206 */\n@import ../style\n\n:host\n  display: inline-flex\n  width: 100%\n","import { Component, h, Host, JSX } from '@stencil/core';\n\nimport { Props } from './component';\n\n@Component({\n\ttag: 'kol-button-group',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolButtonGroup implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-button-group-wc>\n\t\t\t\t\t<slot />\n\t\t\t\t</kol-button-group-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":";;;sDAAA,MAAMA,EAAkB,g/P,MCWXC,EAAc,M,yBACnBC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,2BACCA,EAAA,c"}

package/dist/kolibri/kol-button-link.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolButtonLink","this","catchRef","ref","propergateFocus","host","render","h","Host","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_icon","_iconOnly","_id","_label","_on","_role","_tabIndex","_tooltipAlign","_type","style","width","name","slot"],"sources":["./src/components/style.sass?tag=kol-button-link&mode=default&encapsulation=shadow","./src/components/button-link/component.tsx"],"sourcesContent":["/* windicss-touch: 1649810622229 */\n@windicss\n\n:host\n\n  *\n    -ms-hyphens: var(--kolibri-hyphens)\n    -webkit-hyphens: var(--kolibri-hyphens)\n    hyphens: var(--kolibri-hyphens)\n    font-family: var(--kolibri-font-family)\n    line-height: var(--kolibri-line-height)\n    word-break: break-word\n\n//     &:focus\n//       // outline-color: var(--kolibri-color-primary) !important\n//       outline-color: var(--kolibri-color-outline) !important\n//       outline-offset: 3px !important\n//       outline-style: solid !important // macht eckige Ecken\n//       outline-width: 2px !important\n//       // position: relative !important // führt zu Fehler beim Modal\n//       // z-index: 9999 !important // führt zu Fehler im Storybook\n\n//     &::selection\n//       background-color: var(--kolibri-color-primary)\n//       font-weight: 600\n//       color: white\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonCallbacks,\n\tKoliBriButtonType,\n\tOptionalButtonLinkProps,\n\tRequiredButtonLinkProps,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { propergateFocus } from '../../utils/reuse';\nimport { TooltipAlignment } from '../tooltip/component';\n\n@Component({\n\ttag: 'kol-button-link',\n\tstyleUrls: {\n\t\tdefault: '../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {\n\t@Element() private readonly host?: HTMLKolButtonLinkElement;\n\tprivate ref?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-button-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 'inherit',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t</kol-button-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text für den Screenreader an. Damit die\n\t * Sprachsteuerung von interaktiven Elementen funktioniert, muss der\n\t * Aria-Label-Text mit dem Label-Text des Buttons beginnen.\n\t *\n\t * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, ob der Button deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt die ID der Schaltfläche an. (Selection, Testing)\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Gibt einen beschreibenden Text für das Text-Element an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: KoliBriButtonCallbacks;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignment = 'top';\n\n\t/**\n\t * Gibt an, welche Typ der Button hat.\n\t */\n\t@Prop() public _type?: KoliBriButtonType = 'button';\n}\n"],"mappings":";;;qIAAA,MAAMA,EAAkB,28P,MCuBXC,EAAa,M,yBAIRC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,gIA6DiC,G,4CAUhB,M,oCAUA,M,6HA8BJ,M,WAKP,Q,CAjHpCG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,iBACCJ,IAAKF,KAAKC,SACVO,WAAYR,KAAKQ,WACjBC,cAAeT,KAAKS,cACpBC,aAAcV,KAAKU,aACnBC,cAAeX,KAAKW,cACpBC,WAAYZ,KAAKY,WACjBC,cAAeb,KAAKa,cACpBC,UAAWd,KAAKc,UAChBC,MAAOf,KAAKe,MACZC,UAAWhB,KAAKgB,UAChBC,IAAKjB,KAAKiB,IACVC,OAAQlB,KAAKkB,OACbC,IAAKnB,KAAKmB,IACVC,MAAOpB,KAAKoB,MACZC,UAAWrB,KAAKqB,UAChBC,cAAetB,KAAKsB,cACpBC,MAAOvB,KAAKuB,MACZC,MAAO,CACNC,MAAO,YAGRnB,EAAA,QAAMoB,KAAK,SAASC,KAAK,Y"}

package/dist/kolibri/kol-button-wc_2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KolButtonWc","this","nonce","catchRef","ref","propergateFocus","host","onClick","event","state","_type","propergateSubmitEventToForm","form","propergateResetEventToForm","_a","_on","setEventTargetAndStopPropagation","_b","devHint","_ariaLabel","_icon","_iconAlign","_label","render","h","Host","Object","assign","accessKey","_accessKey","_ariaControls","mapStringOrBoolean2String","_ariaCurrent","mapBoolean2String","_ariaExpanded","_iconOnly","undefined","_ariaSelected","class","_variant","_customClass","length","disabled","_disabled","id","_id","role","_role","style","width","tabIndex","_tabIndex","type","name","slot","_align","_tooltipAlign","validateAccessKey","value","watchString","validateAriaControls","validateAriaCurrent","watchValidator","Set","validateAriaExpanded","watchBoolean","validateAriaLabel","validateAriaSelected","validateCustomClass","defaultValue","validateDisabled","a11yHintDisabled","validateIcon","validateIconAlign","watchIconAlign","validateIconOnly","validateId","validateLabel","validateOn","validateRole","validateTabIndex","validateTooltipAlign","watchTooltipAlignment","validateType","watchButtonType","validateVariant","watchButtonVariant","componentWillLoad","removeNode","el","Node","setTimeout","parentElement","removeChild","parentNode","KolSpanWc","top","icon","left","right","bottom"],"sources":["./src/components/button/component.tsx","./src/components/span/component.tsx"],"sourcesContent":["import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tButtonStates,\n\tKoliBriButtonCallbacks,\n\tKoliBriButtonType,\n\tKoliBriButtonVariant,\n\tOptionalButtonProps,\n\tOptionalButtonStates,\n\tRequiredButtonProps,\n\tRequiredButtonStates,\n\twatchTooltipAlignment,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { Alignment, KoliBriIconProp } from '../../types/icon';\nimport { a11yHintDisabled, devHint } from '../../utils/a11y.tipps';\nimport { nonce } from '../../utils/dev.utils';\nimport {\n\tmapBoolean2String,\n\tmapStringOrBoolean2String,\n\tsetEventTargetAndStopPropagation,\n\twatchBoolean,\n\twatchString,\n\twatchValidator,\n} from '../../utils/prop.validators';\nimport { propergateFocus } from '../../utils/reuse';\nimport { validateIcon, watchIconAlign } from '../../utils/validators/icon';\nimport { validateAriaLabel, validateLabel } from '../../utils/validators/label';\nimport { validateTabIndex } from '../../utils/validators/tab-index';\nimport { propergateResetEventToForm, propergateSubmitEventToForm } from '../form/controller';\nimport { TooltipAlignment } from '../tooltip/component';\nimport { watchButtonType, watchButtonVariant } from './controller';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-button-wc',\n\tshadow: false,\n})\nexport class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {\n\t@Element() private readonly host?: HTMLKolButtonWcElement;\n\tprivate readonly nonce = nonce();\n\tprivate ref?: HTMLButtonElement;\n\n\tprivate readonly catchRef = (ref?: HTMLButtonElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tprivate readonly onClick = (event: Event) => {\n\t\tif (this.state._type === 'submit') {\n\t\t\tpropergateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else if (this.state._type === 'reset') {\n\t\t\tpropergateResetEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else if (typeof this.state._on?.onClick === 'function') {\n\t\t\tsetEventTargetAndStopPropagation(event, this.ref);\n\t\t\tthis.state._on?.onClick(event as PointerEvent);\n\t\t} else {\n\t\t\tdevHint(`It was no button click callback configured!`);\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-controls={this.state._ariaControls}\n\t\t\t\t\taria-current={mapStringOrBoolean2String(this.state._ariaCurrent)}\n\t\t\t\t\taria-expanded={mapBoolean2String(this.state._ariaExpanded)}\n\t\t\t\t\taria-label={this.state._iconOnly === false ? this.state._ariaLabel || this.state._label : undefined}\n\t\t\t\t\taria-labelledby={this.state._iconOnly === true ? this.nonce : undefined}\n\t\t\t\t\taria-selected={mapStringOrBoolean2String(this.state._ariaSelected)}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t[this.state._variant as string]: this.state._variant !== 'custom',\n\t\t\t\t\t\t[this.state._customClass as string]:\n\t\t\t\t\t\t\tthis.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t\t'icon-only': this.state._iconOnly === true,\n\t\t\t\t\t}}\n\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 'inherit',\n\t\t\t\t\t}}\n\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\ttype={this.state._type}\n\t\t\t\t>\n\t\t\t\t\t<kol-span-wc _icon={this._icon} _iconOnly={this._iconOnly} _label={this.state._ariaLabel || this.state._label}>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t\t</kol-span-wc>\n\t\t\t\t</button>\n\t\t\t\t{this.state._iconOnly === true && (\n\t\t\t\t\t<kol-tooltip\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t\t */\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t\t_id={this.nonce}\n\t\t\t\t\t\t_label={this.state._ariaLabel || this.state._label}\n\t\t\t\t\t></kol-tooltip>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text für den Screenreader an. Damit die\n\t * Sprachsteuerung von interaktiven Elementen funktioniert, muss der\n\t * Aria-Label-Text mit dem Label-Text des Buttons beginnen.\n\t *\n\t * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.\n\t */\n\t@Prop() public _customClass?: string;\n\n\t/**\n\t * Gibt an, ob der Button deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob das Icon links oder rechts dargestellt werden soll.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: Alignment = 'left';\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt die ID der Schaltfläche an. (Selection, Testing)\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Gibt den Label für die Beschriftung der Schaltfläche an.\n\t */\n\t// - eslint-disable-next-line @stencil/strict-mutable\n\t@Prop({ mutable: true, reflect: false }) public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: KoliBriButtonCallbacks;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignment = 'top';\n\n\t/**\n\t * Gibt an, welche Typ der Button hat.\n\t */\n\t@Prop() public _type?: KoliBriButtonType = 'button';\n\n\t/**\n\t * Gibt an, welche Ausprägung der Button hat.\n\t */\n\t@Prop() public _variant?: KoliBriButtonVariant = 'normal';\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: ButtonStates = {\n\t\t_ariaLabel: '',\n\t\t_icon: {},\n\t\t_iconAlign: 'left',\n\t\t_label: '',\n\t\t_on: {},\n\t\t_type: 'button',\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this, '_accessKey', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_ariaControls')\n\tpublic validateAriaControls(value?: string): void {\n\t\twatchString(this, '_ariaControls', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_ariaCurrent')\n\tpublic validateAriaCurrent(value?: AriaCurrent): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_ariaControls',\n\t\t\t(value) => value === true || value === 'date' || value === 'location' || value === 'page' || value === 'step' || value === 'time',\n\t\t\tnew Set(['boolean', 'String {data, location, page, step, time}']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: boolean): void {\n\t\twatchBoolean(this, '_ariaExpanded', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\tvalidateAriaLabel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_ariaSelected')\n\tpublic validateAriaSelected(value?: boolean): void {\n\t\twatchBoolean(this, '_ariaSelected', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: string): void {\n\t\twatchString(this, '_customClass', value, {\n\t\t\tdefaultValue: undefined,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_icon')\n\tpublic validateIcon(value?: KoliBriIconProp): void {\n\t\tvalidateIcon(this, value);\n\t}\n\n\t/**\n\t * @deprecated\n\t */\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_iconAlign')\n\tpublic validateIconAlign(value?: Alignment): void {\n\t\twatchIconAlign(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_iconOnly')\n\tpublic validateIconOnly(value?: boolean): void {\n\t\twatchBoolean(this, '_iconOnly', value, {\n\t\t\tdefaultValue: false,\n\t\t\t// hooks: {\n\t\t\t//   beforePatch: (_value, nextState) => {\n\t\t\t//     let ariaLabel = this.state._ariaLabel;\n\t\t\t//     if (nextState.has('_ariaLabel')) {\n\t\t\t//       ariaLabel = nextState.get('_ariaLabel') as string;\n\t\t\t//     }\n\t\t\t//     if (typeof ariaLabel !== 'string' || ariaLabel.length <= 0) {\n\t\t\t//       devHint(`[KolButton]: Bevor Icon-Only aktiviert wird, muss ein Aria-Label bzw. Label gesetzt werden.`);\n\t\t\t//       nextState.set('_iconOnly', false);\n\t\t\t//     }\n\t\t\t//   },\n\t\t\t// },\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\twatchString(this, '_id', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_label')\n\tpublic validateLabel(value?: string): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriButtonCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_on: value,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativButtonLinkRole): void {\n\t\twatchString(this, '_role', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignment): void {\n\t\twatchTooltipAlignment(this, '_tooltipAlign', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_type')\n\tpublic validateType(value?: KoliBriButtonType): void {\n\t\twatchButtonType(this, '_type', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_variant')\n\tpublic validateVariant(value?: KoliBriButtonVariant): void {\n\t\twatchButtonVariant(this, '_variant', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaControls(this._ariaControls);\n\t\tthis.validateAriaCurrent(this._ariaCurrent);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaLabel(this._ariaLabel);\n\t\tthis.validateAriaSelected(this._ariaSelected);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateIcon(this._icon);\n\t\t// this.validateIconAlign(this._iconAlign);\n\t\tthis.validateIconOnly(this._iconOnly);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n","import { Generic } from '@public-ui/core';\nimport { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\nimport { Stringified } from '../../types/common';\n\nimport { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';\nimport { watchBoolean } from '../../utils/prop.validators';\nimport { validateIcon } from '../../utils/validators/icon';\nimport { validateLabel } from '../../utils/validators/label';\n\n/**\n * API\n */\ntype RequiredProps = {\n\tlabel: string;\n};\ntype OptionalProps = {\n\ticon: Stringified<KoliBriIconProp>;\n\ticonOnly: boolean;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = {\n\ticon: {\n\t\ttop?: KoliBriCustomIcon;\n\t\tright?: KoliBriCustomIcon;\n\t\tbottom?: KoliBriCustomIcon;\n\t\tleft?: KoliBriCustomIcon;\n\t};\n\ticonOnly: boolean;\n\tlabel: string;\n};\ntype OptionalStates = unknown;\nexport type States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\nconst removeNode = (el?: Node) => {\n\tif (el instanceof Node) {\n\t\tsetTimeout(() => {\n\t\t\tel.parentElement?.removeChild(el);\n\t\t\tel.parentNode?.removeChild(el);\n\t\t});\n\t}\n};\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-span-wc',\n\tshadow: false,\n})\nexport class KolSpanWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'icon-only': this.state._iconOnly,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{this.state._icon.top && (\n\t\t\t\t\t<kol-icon\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t'icon top': true,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={this.state._icon.top.style}\n\t\t\t\t\t\t_ariaLabel=\"\"\n\t\t\t\t\t\t_icon={this.state._icon.top.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<span class=\"flex items-center\">\n\t\t\t\t\t{this.state._icon.left && (\n\t\t\t\t\t\t<kol-icon\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t'icon left': true,\n\t\t\t\t\t\t\t\t'mr-2': this.state._iconOnly,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tstyle={this.state._icon.left.style}\n\t\t\t\t\t\t\t_ariaLabel=\"\"\n\t\t\t\t\t\t\t_icon={this.state._icon.left.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<span>{this.state._iconOnly !== true && this.state._label.length > 0 ? this.state._label : ''}</span>\n\t\t\t\t\t{/*\n\t\t\t\t\t\t\tEs ist keine gute Idee hier einen Slot einzufügen,\n\t\t\t\t\t\t\tda dadurch die komplette Unterstützung der Komponente\n\t\t\t\t\t\t\tumgangen werden kann.\n\t\t\t\t\t\t*/}\n\t\t\t\t\t<span ref={this.state._label.length > 0 ? removeNode : undefined}>\n\t\t\t\t\t\t<slot name=\"expert\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t{this.state._icon.right && (\n\t\t\t\t\t\t<kol-icon\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t'icon right': true,\n\t\t\t\t\t\t\t\t'ml-2': this.state._iconOnly,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tstyle={this.state._icon.right.style}\n\t\t\t\t\t\t\t_ariaLabel=\"\"\n\t\t\t\t\t\t\t_icon={this.state._icon.right.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t\t{this.state._icon.bottom && (\n\t\t\t\t\t<kol-icon\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t'icon bottom': true,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={this.state._icon.bottom.style}\n\t\t\t\t\t\t_ariaLabel=\"\"\n\t\t\t\t\t\t_icon={this.state._icon.bottom.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt einen beschreibenden Text für das Text-Element an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_icon: {},\n\t\t_iconOnly: false,\n\t\t_label: '',\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_icon')\n\tpublic validateIcon(value?: KoliBriIconProp): void {\n\t\tvalidateIcon(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_iconOnly')\n\tpublic validateIconOnly(value?: boolean): void {\n\t\twatchBoolean(this, '_iconOnly', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_label')\n\tpublic validateLabel(value?: string): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateIcon(this._icon);\n\t\tthis.validateIconOnly(this._iconOnly);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolButton","this","catchRef","ref","propergateFocus","host","render","h","Host","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_customClass","_disabled","_icon","_iconAlign","_iconOnly","_id","_label","_on","_role","_tabIndex","_tooltipAlign","_type","_variant","style","width","name","slot"],"sources":["./src/components/button/style.sass?tag=kol-button&mode=default&encapsulation=shadow","./src/components/button/shadow.tsx"],"sourcesContent":["/* windicss-touch: 1648427233774 */\n@import ../style\n\n:host\n  display: inline-flex\n\n  &>*\n    color: inherit\n    width: inherit\n    word-spacing: inherit\n\n  button\n    display: grid\n    font-family: var(--kolibri-font-family)\n    letter-spacing: inherit\n    width: inherit\n    word-spacing: inherit\n    border-radius: var(--kolibri-border-radius)\n    align-items: center !important\n    justify-content: center !important\n    @apply border-1 p-2\n\n    kol-icon,\n    .kol-icon\n      width: 1.5em\n      height: 1.5em\n      display: inline-block\n\n    &.primary\n      @apply bg-primary border-transparent text-white\n\n      &:hover,\n      &:focus\n        @apply border-primary text-primary\n\n    &.secondary\n      @apply bg-secondary border-transparent text-white\n\n      &:hover,\n      &:focus\n        @apply border-secondary text-secondary\n\n    &.normal\n      @apply bg-normal border-transparent text-white\n\n      &:hover,\n      &:focus\n        @apply border-normal text-normal\n\n    &.danger\n      @apply bg-danger border-transparent text-white\n\n      &:hover,\n      &:focus\n        @apply border-danger text-danger\n\n    &.ghost\n      @apply bg-white border-ghost text-ghost\n\n      &:hover,\n      &:focus\n        @apply bg-ghost border-transparent text-white\n\n    &:disabled\n      @apply bg-gray-300 border-transparent  cursor-not-allowed text-gray-700\n\n      &:hover,\n      &:focus\n        @apply bg-gray-700 text-gray-300\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonCallbacks,\n\tKoliBriButtonType,\n\tKoliBriButtonVariant,\n\tOptionalButtonProps,\n\tRequiredButtonProps,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { Alignment, KoliBriIconProp } from '../../types/icon';\nimport { propergateFocus } from '../../utils/reuse';\nimport { TooltipAlignment } from '../tooltip/component';\n\n@Component({\n\ttag: 'kol-button',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {\n\t@Element() private readonly host?: HTMLKolButtonElement;\n\tprivate ref?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-button-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconAlign={this._iconAlign}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 'inherit',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t</kol-button-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text des Buttons an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n\t */\n\t@Prop() public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.\n\t */\n\t@Prop() public _customClass?: string;\n\n\t/**\n\t * Gibt an, ob der Button deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob das Icon links oder rechts dargestellt werden soll.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: Alignment = 'left';\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt die ID der Schaltfläche an. (Selection, Testing)\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Gibt den Label für die Beschriftung der Schaltfläche an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: KoliBriButtonCallbacks;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignment = 'top';\n\n\t/**\n\t * Gibt an, welche Typ der Button hat.\n\t */\n\t@Prop() public _type?: KoliBriButtonType = 'button';\n\n\t/**\n\t * Gibt an, welche Ausprägung der Button hat.\n\t */\n\t@Prop() public _variant?: KoliBriButtonVariant = 'normal';\n}\n"],"mappings":";;;qIAAA,MAAMA,EAAkB,6yU,MCwBXC,EAAS,M,yBAIJC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,gIA4DA,G,wEAeiB,M,qCAYd,O,eAKc,M,6HA8BJ,M,WAKP,S,cAKM,Q,CAjI1CG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,iBACCJ,IAAKF,KAAKC,SACVO,WAAYR,KAAKQ,WACjBC,cAAeT,KAAKS,cACpBC,aAAcV,KAAKU,aACnBC,cAAeX,KAAKW,cACpBC,WAAYZ,KAAKY,WACjBC,cAAeb,KAAKa,cACpBC,aAAcd,KAAKc,aACnBC,UAAWf,KAAKe,UAChBC,MAAOhB,KAAKgB,MACZC,WAAYjB,KAAKiB,WACjBC,UAAWlB,KAAKkB,UAChBC,IAAKnB,KAAKmB,IACVC,OAAQpB,KAAKoB,OACbC,IAAKrB,KAAKqB,IACVC,MAAOtB,KAAKsB,MACZC,UAAWvB,KAAKuB,UAChBC,cAAexB,KAAKwB,cACpBC,MAAOzB,KAAKyB,MACZC,SAAU1B,KAAK0B,SACfC,MAAO,CACNC,MAAO,YAGRtB,EAAA,QAAMuB,KAAK,SAASC,KAAK,Y"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolCard","_heading","render","h","Host","class","_level","this","state","name","_hasFooter","validateHasFooter","value","watchBoolean","validateHeading","watchString","required","validateHeadline","validateLevel","watchHeadingLevel","componentWillLoad","_headline"],"sources":["./src/components/style.sass?tag=kol-card&mode=default&encapsulation=shadow","./src/components/card/component.tsx"],"sourcesContent":["/* windicss-touch: 1649810622229 */\n@windicss\n\n:host\n\n  *\n    -ms-hyphens: var(--kolibri-hyphens)\n    -webkit-hyphens: var(--kolibri-hyphens)\n    hyphens: var(--kolibri-hyphens)\n    font-family: var(--kolibri-font-family)\n    line-height: var(--kolibri-line-height)\n    word-break: break-word\n\n//     &:focus\n//       // outline-color: var(--kolibri-color-primary) !important\n//       outline-color: var(--kolibri-color-outline) !important\n//       outline-offset: 3px !important\n//       outline-style: solid !important // macht eckige Ecken\n//       outline-width: 2px !important\n//       // position: relative !important // führt zu Fehler beim Modal\n//       // z-index: 9999 !important // führt zu Fehler im Storybook\n\n//     &::selection\n//       background-color: var(--kolibri-color-primary)\n//       font-weight: 600\n//       color: white\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { watchBoolean, watchString } from '../../utils/prop.validators';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * API\n */\ntype RequiredProps = {\n\theading: string;\n};\ntype OptionalProps = {\n\thasFooter: boolean;\n\theadline: string;\n\tlevel: HeadingLevel;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n/**\n * @part card - TBD\n *\n * @slot header - Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich unterhalb der Überschrift der Card.\n * @slot footer - Ermöglicht das Einfügen beliebigen HTML's in den Fußbereich der Card.\n * @slot content - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich der Card.\n */\n@Component({\n\ttag: 'kol-card',\n\tstyleUrls: {\n\t\tdefault: '../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolCard implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<kol-heading-wc _level={this.state._level}>{this.state._heading}</kol-heading-wc>\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasFooter === true && (\n\t\t\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t\t\t<slot name=\"footer\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, ob die Card einen Footer-Bereich hat.\n\t */\n\t@Prop({ reflect: true }) public _hasFooter?: boolean = false;\n\n\t/**\n\t * Gibt die Überschrift der Card an.\n\t */\n\t@Prop() public _heading!: string;\n\n\t/**\n\t * Gibt die Überschrift der Card an.\n\t *\n\t * @deprecated Verwende stattdessen das Property _heading.\n\t */\n\t@Prop() public _headline?: string;\n\n\t/**\n\t * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_heading: '…', // '⚠'\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_hasFooter')\n\tpublic validateHasFooter(value?: boolean): void {\n\t\twatchBoolean(this, '_hasFooter', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\twatchString(this, '_heading', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_headline')\n\tpublic validateHeadline(value?: string): void {\n\t\tthis.validateHeading(value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHasFooter(this._hasFooter);\n\t\tthis.validateHeading(this._heading || this._headline);\n\t\tthis.validateLevel(this._level);\n\t}\n}\n"],"mappings":";;;uRAAA,MAAMA,EAAkB,28P,MCsCXC,EAAO,M,yCAyBoC,M,6DAiBhB,E,WAKP,CAC/BC,SAAU,I,CA/CJC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,WACCA,EAAA,OAAKE,MAAM,UACVF,EAAA,kBAAgBG,OAAQC,KAAKC,MAAMF,QAASC,KAAKC,MAAMP,UACvDE,EAAA,QAAMM,KAAK,YAEZN,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,aAEXF,KAAKC,MAAME,aAAe,MAC1BP,EAAA,OAAKE,MAAM,UACVF,EAAA,QAAMM,KAAK,a,CAyCVE,kBAAkBC,GACxBC,EAAaN,KAAM,aAAcK,E,CAO3BE,gBAAgBF,GACtBG,EAAYR,KAAM,WAAYK,EAAO,CACpCI,SAAU,M,CAQLC,iBAAiBL,GACvBL,KAAKO,gBAAgBF,E,CAOfM,cAAcN,GACpBO,EAAkBZ,KAAMK,E,CAMlBQ,oBACNb,KAAKI,kBAAkBJ,KAAKG,YAC5BH,KAAKO,gBAAgBP,KAAKN,UAAYM,KAAKc,WAC3Cd,KAAKW,cAAcX,KAAKD,O"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["reverseKeywords","key","Object","keys","cssKeywords","convert","rgb","channels","labels","hsl","hsv","hwb","cmyk","xyz","lab","lch","hex","keyword","ansi16","ansi256","hcg","apple","gray","conversions","model","Error","length","defineProperty","value","r","g","b","min","Math","max","delta","h","s","l","rdif","gdif","bdif","v","diff","diffc","c","w","k","m","y","comparativeDistance","x","reversed","currentClosestDistance","Infinity","currentClosestKeyword","distance","z","a","t2","t3","val","t1","i","smin","lmin","sv","hi","floor","f","p","q","t","vmin","sl","wh","bl","ratio","n","y2","x2","z2","hr","atan2","PI","sqrt","cos","sin","args","saturation","round","ansi","color","mult","rem","integer","string","toString","toUpperCase","substring","match","colorString","split","map","char","join","parseInt","chroma","grayscale","hue","pure","mg","buildGraph","graph","models","len","parent","deriveBFS","fromModel","queue","current","pop","adjacents","adjacent","node","unshift","link","from","to","wrapConversion","toModel","path","fn","cur","conversion","route","wrapRaw","wrappedFn","arg0","undefined","wrapRounded","result","forEach","routes","routeModels","raw","colorConvert","cmykSaturation","getHexBySat","getValues","bgColor","fgColor","bgFgScore","bgFgValue","black","hexContrast","white","score","background","text","contrast","defaultStyleCss","COLOR_NAMES","Farbspektrum","KolColor","render","raster","class","style","borderSpacing","borderCollapse","sat","colorName","values","this","selectedColor","cursor","backgroundColor","padding","outline","outlineOffset","boxShadow","onClick","onKeyPress"],"sources":["./node_modules/color-convert/conversions.js","./node_modules/color-convert/route.js","./node_modules/color-convert/index.js","./src/utils/color.utils.ts","./src/components/style.sass?tag=kol-color&mode=default&encapsulation=shadow","./src/components/@else/color/component.tsx"],"sourcesContent":["/* MIT license */\n/* eslint-disable no-mixed-operators */\nconst cssKeywords = require('color-name');\n\n// NOTE: conversions should only return primitive values (i.e. arrays, or\n//       values that give correct `typeof` results).\n//       do not use box values types (i.e. Number(), String(), etc.)\n\nconst reverseKeywords = {};\nfor (const key of Object.keys(cssKeywords)) {\n\treverseKeywords[cssKeywords[key]] = key;\n}\n\nconst convert = {\n\trgb: {channels: 3, labels: 'rgb'},\n\thsl: {channels: 3, labels: 'hsl'},\n\thsv: {channels: 3, labels: 'hsv'},\n\thwb: {channels: 3, labels: 'hwb'},\n\tcmyk: {channels: 4, labels: 'cmyk'},\n\txyz: {channels: 3, labels: 'xyz'},\n\tlab: {channels: 3, labels: 'lab'},\n\tlch: {channels: 3, labels: 'lch'},\n\thex: {channels: 1, labels: ['hex']},\n\tkeyword: {channels: 1, labels: ['keyword']},\n\tansi16: {channels: 1, labels: ['ansi16']},\n\tansi256: {channels: 1, labels: ['ansi256']},\n\thcg: {channels: 3, labels: ['h', 'c', 'g']},\n\tapple: {channels: 3, labels: ['r16', 'g16', 'b16']},\n\tgray: {channels: 1, labels: ['gray']}\n};\n\nmodule.exports = convert;\n\n// Hide .channels and .labels properties\nfor (const model of Object.keys(convert)) {\n\tif (!('channels' in convert[model])) {\n\t\tthrow new Error('missing channels property: ' + model);\n\t}\n\n\tif (!('labels' in convert[model])) {\n\t\tthrow new Error('missing channel labels property: ' + model);\n\t}\n\n\tif (convert[model].labels.length !== convert[model].channels) {\n\t\tthrow new Error('channel and label counts mismatch: ' + model);\n\t}\n\n\tconst {channels, labels} = convert[model];\n\tdelete convert[model].channels;\n\tdelete convert[model].labels;\n\tObject.defineProperty(convert[model], 'channels', {value: channels});\n\tObject.defineProperty(convert[model], 'labels', {value: labels});\n}\n\nconvert.rgb.hsl = function (rgb) {\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\tconst min = Math.min(r, g, b);\n\tconst max = Math.max(r, g, b);\n\tconst delta = max - min;\n\tlet h;\n\tlet s;\n\n\tif (max === min) {\n\t\th = 0;\n\t} else if (r === max) {\n\t\th = (g - b) / delta;\n\t} else if (g === max) {\n\t\th = 2 + (b - r) / delta;\n\t} else if (b === max) {\n\t\th = 4 + (r - g) / delta;\n\t}\n\n\th = Math.min(h * 60, 360);\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tconst l = (min + max) / 2;\n\n\tif (max === min) {\n\t\ts = 0;\n\t} else if (l <= 0.5) {\n\t\ts = delta / (max + min);\n\t} else {\n\t\ts = delta / (2 - max - min);\n\t}\n\n\treturn [h, s * 100, l * 100];\n};\n\nconvert.rgb.hsv = function (rgb) {\n\tlet rdif;\n\tlet gdif;\n\tlet bdif;\n\tlet h;\n\tlet s;\n\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\tconst v = Math.max(r, g, b);\n\tconst diff = v - Math.min(r, g, b);\n\tconst diffc = function (c) {\n\t\treturn (v - c) / 6 / diff + 1 / 2;\n\t};\n\n\tif (diff === 0) {\n\t\th = 0;\n\t\ts = 0;\n\t} else {\n\t\ts = diff / v;\n\t\trdif = diffc(r);\n\t\tgdif = diffc(g);\n\t\tbdif = diffc(b);\n\n\t\tif (r === v) {\n\t\t\th = bdif - gdif;\n\t\t} else if (g === v) {\n\t\t\th = (1 / 3) + rdif - bdif;\n\t\t} else if (b === v) {\n\t\t\th = (2 / 3) + gdif - rdif;\n\t\t}\n\n\t\tif (h < 0) {\n\t\t\th += 1;\n\t\t} else if (h > 1) {\n\t\t\th -= 1;\n\t\t}\n\t}\n\n\treturn [\n\t\th * 360,\n\t\ts * 100,\n\t\tv * 100\n\t];\n};\n\nconvert.rgb.hwb = function (rgb) {\n\tconst r = rgb[0];\n\tconst g = rgb[1];\n\tlet b = rgb[2];\n\tconst h = convert.rgb.hsl(rgb)[0];\n\tconst w = 1 / 255 * Math.min(r, Math.min(g, b));\n\n\tb = 1 - 1 / 255 * Math.max(r, Math.max(g, b));\n\n\treturn [h, w * 100, b * 100];\n};\n\nconvert.rgb.cmyk = function (rgb) {\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\n\tconst k = Math.min(1 - r, 1 - g, 1 - b);\n\tconst c = (1 - r - k) / (1 - k) || 0;\n\tconst m = (1 - g - k) / (1 - k) || 0;\n\tconst y = (1 - b - k) / (1 - k) || 0;\n\n\treturn [c * 100, m * 100, y * 100, k * 100];\n};\n\nfunction comparativeDistance(x, y) {\n\t/*\n\t\tSee https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance\n\t*/\n\treturn (\n\t\t((x[0] - y[0]) ** 2) +\n\t\t((x[1] - y[1]) ** 2) +\n\t\t((x[2] - y[2]) ** 2)\n\t);\n}\n\nconvert.rgb.keyword = function (rgb) {\n\tconst reversed = reverseKeywords[rgb];\n\tif (reversed) {\n\t\treturn reversed;\n\t}\n\n\tlet currentClosestDistance = Infinity;\n\tlet currentClosestKeyword;\n\n\tfor (const keyword of Object.keys(cssKeywords)) {\n\t\tconst value = cssKeywords[keyword];\n\n\t\t// Compute comparative distance\n\t\tconst distance = comparativeDistance(rgb, value);\n\n\t\t// Check if its less, if so set as closest\n\t\tif (distance < currentClosestDistance) {\n\t\t\tcurrentClosestDistance = distance;\n\t\t\tcurrentClosestKeyword = keyword;\n\t\t}\n\t}\n\n\treturn currentClosestKeyword;\n};\n\nconvert.keyword.rgb = function (keyword) {\n\treturn cssKeywords[keyword];\n};\n\nconvert.rgb.xyz = function (rgb) {\n\tlet r = rgb[0] / 255;\n\tlet g = rgb[1] / 255;\n\tlet b = rgb[2] / 255;\n\n\t// Assume sRGB\n\tr = r > 0.04045 ? (((r + 0.055) / 1.055) ** 2.4) : (r / 12.92);\n\tg = g > 0.04045 ? (((g + 0.055) / 1.055) ** 2.4) : (g / 12.92);\n\tb = b > 0.04045 ? (((b + 0.055) / 1.055) ** 2.4) : (b / 12.92);\n\n\tconst x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805);\n\tconst y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722);\n\tconst z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505);\n\n\treturn [x * 100, y * 100, z * 100];\n};\n\nconvert.rgb.lab = function (rgb) {\n\tconst xyz = convert.rgb.xyz(rgb);\n\tlet x = xyz[0];\n\tlet y = xyz[1];\n\tlet z = xyz[2];\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > 0.008856 ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116);\n\ty = y > 0.008856 ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116);\n\tz = z > 0.008856 ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116);\n\n\tconst l = (116 * y) - 16;\n\tconst a = 500 * (x - y);\n\tconst b = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.hsl.rgb = function (hsl) {\n\tconst h = hsl[0] / 360;\n\tconst s = hsl[1] / 100;\n\tconst l = hsl[2] / 100;\n\tlet t2;\n\tlet t3;\n\tlet val;\n\n\tif (s === 0) {\n\t\tval = l * 255;\n\t\treturn [val, val, val];\n\t}\n\n\tif (l < 0.5) {\n\t\tt2 = l * (1 + s);\n\t} else {\n\t\tt2 = l + s - l * s;\n\t}\n\n\tconst t1 = 2 * l - t2;\n\n\tconst rgb = [0, 0, 0];\n\tfor (let i = 0; i < 3; i++) {\n\t\tt3 = h + 1 / 3 * -(i - 1);\n\t\tif (t3 < 0) {\n\t\t\tt3++;\n\t\t}\n\n\t\tif (t3 > 1) {\n\t\t\tt3--;\n\t\t}\n\n\t\tif (6 * t3 < 1) {\n\t\t\tval = t1 + (t2 - t1) * 6 * t3;\n\t\t} else if (2 * t3 < 1) {\n\t\t\tval = t2;\n\t\t} else if (3 * t3 < 2) {\n\t\t\tval = t1 + (t2 - t1) * (2 / 3 - t3) * 6;\n\t\t} else {\n\t\t\tval = t1;\n\t\t}\n\n\t\trgb[i] = val * 255;\n\t}\n\n\treturn rgb;\n};\n\nconvert.hsl.hsv = function (hsl) {\n\tconst h = hsl[0];\n\tlet s = hsl[1] / 100;\n\tlet l = hsl[2] / 100;\n\tlet smin = s;\n\tconst lmin = Math.max(l, 0.01);\n\n\tl *= 2;\n\ts *= (l <= 1) ? l : 2 - l;\n\tsmin *= lmin <= 1 ? lmin : 2 - lmin;\n\tconst v = (l + s) / 2;\n\tconst sv = l === 0 ? (2 * smin) / (lmin + smin) : (2 * s) / (l + s);\n\n\treturn [h, sv * 100, v * 100];\n};\n\nconvert.hsv.rgb = function (hsv) {\n\tconst h = hsv[0] / 60;\n\tconst s = hsv[1] / 100;\n\tlet v = hsv[2] / 100;\n\tconst hi = Math.floor(h) % 6;\n\n\tconst f = h - Math.floor(h);\n\tconst p = 255 * v * (1 - s);\n\tconst q = 255 * v * (1 - (s * f));\n\tconst t = 255 * v * (1 - (s * (1 - f)));\n\tv *= 255;\n\n\tswitch (hi) {\n\t\tcase 0:\n\t\t\treturn [v, t, p];\n\t\tcase 1:\n\t\t\treturn [q, v, p];\n\t\tcase 2:\n\t\t\treturn [p, v, t];\n\t\tcase 3:\n\t\t\treturn [p, q, v];\n\t\tcase 4:\n\t\t\treturn [t, p, v];\n\t\tcase 5:\n\t\t\treturn [v, p, q];\n\t}\n};\n\nconvert.hsv.hsl = function (hsv) {\n\tconst h = hsv[0];\n\tconst s = hsv[1] / 100;\n\tconst v = hsv[2] / 100;\n\tconst vmin = Math.max(v, 0.01);\n\tlet sl;\n\tlet l;\n\n\tl = (2 - s) * v;\n\tconst lmin = (2 - s) * vmin;\n\tsl = s * vmin;\n\tsl /= (lmin <= 1) ? lmin : 2 - lmin;\n\tsl = sl || 0;\n\tl /= 2;\n\n\treturn [h, sl * 100, l * 100];\n};\n\n// http://dev.w3.org/csswg/css-color/#hwb-to-rgb\nconvert.hwb.rgb = function (hwb) {\n\tconst h = hwb[0] / 360;\n\tlet wh = hwb[1] / 100;\n\tlet bl = hwb[2] / 100;\n\tconst ratio = wh + bl;\n\tlet f;\n\n\t// Wh + bl cant be > 1\n\tif (ratio > 1) {\n\t\twh /= ratio;\n\t\tbl /= ratio;\n\t}\n\n\tconst i = Math.floor(6 * h);\n\tconst v = 1 - bl;\n\tf = 6 * h - i;\n\n\tif ((i & 0x01) !== 0) {\n\t\tf = 1 - f;\n\t}\n\n\tconst n = wh + f * (v - wh); // Linear interpolation\n\n\tlet r;\n\tlet g;\n\tlet b;\n\t/* eslint-disable max-statements-per-line,no-multi-spaces */\n\tswitch (i) {\n\t\tdefault:\n\t\tcase 6:\n\t\tcase 0: r = v;  g = n;  b = wh; break;\n\t\tcase 1: r = n;  g = v;  b = wh; break;\n\t\tcase 2: r = wh; g = v;  b = n; break;\n\t\tcase 3: r = wh; g = n;  b = v; break;\n\t\tcase 4: r = n;  g = wh; b = v; break;\n\t\tcase 5: r = v;  g = wh; b = n; break;\n\t}\n\t/* eslint-enable max-statements-per-line,no-multi-spaces */\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.cmyk.rgb = function (cmyk) {\n\tconst c = cmyk[0] / 100;\n\tconst m = cmyk[1] / 100;\n\tconst y = cmyk[2] / 100;\n\tconst k = cmyk[3] / 100;\n\n\tconst r = 1 - Math.min(1, c * (1 - k) + k);\n\tconst g = 1 - Math.min(1, m * (1 - k) + k);\n\tconst b = 1 - Math.min(1, y * (1 - k) + k);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.rgb = function (xyz) {\n\tconst x = xyz[0] / 100;\n\tconst y = xyz[1] / 100;\n\tconst z = xyz[2] / 100;\n\tlet r;\n\tlet g;\n\tlet b;\n\n\tr = (x * 3.2406) + (y * -1.5372) + (z * -0.4986);\n\tg = (x * -0.9689) + (y * 1.8758) + (z * 0.0415);\n\tb = (x * 0.0557) + (y * -0.2040) + (z * 1.0570);\n\n\t// Assume sRGB\n\tr = r > 0.0031308\n\t\t? ((1.055 * (r ** (1.0 / 2.4))) - 0.055)\n\t\t: r * 12.92;\n\n\tg = g > 0.0031308\n\t\t? ((1.055 * (g ** (1.0 / 2.4))) - 0.055)\n\t\t: g * 12.92;\n\n\tb = b > 0.0031308\n\t\t? ((1.055 * (b ** (1.0 / 2.4))) - 0.055)\n\t\t: b * 12.92;\n\n\tr = Math.min(Math.max(0, r), 1);\n\tg = Math.min(Math.max(0, g), 1);\n\tb = Math.min(Math.max(0, b), 1);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.lab = function (xyz) {\n\tlet x = xyz[0];\n\tlet y = xyz[1];\n\tlet z = xyz[2];\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > 0.008856 ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116);\n\ty = y > 0.008856 ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116);\n\tz = z > 0.008856 ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116);\n\n\tconst l = (116 * y) - 16;\n\tconst a = 500 * (x - y);\n\tconst b = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.lab.xyz = function (lab) {\n\tconst l = lab[0];\n\tconst a = lab[1];\n\tconst b = lab[2];\n\tlet x;\n\tlet y;\n\tlet z;\n\n\ty = (l + 16) / 116;\n\tx = a / 500 + y;\n\tz = y - b / 200;\n\n\tconst y2 = y ** 3;\n\tconst x2 = x ** 3;\n\tconst z2 = z ** 3;\n\ty = y2 > 0.008856 ? y2 : (y - 16 / 116) / 7.787;\n\tx = x2 > 0.008856 ? x2 : (x - 16 / 116) / 7.787;\n\tz = z2 > 0.008856 ? z2 : (z - 16 / 116) / 7.787;\n\n\tx *= 95.047;\n\ty *= 100;\n\tz *= 108.883;\n\n\treturn [x, y, z];\n};\n\nconvert.lab.lch = function (lab) {\n\tconst l = lab[0];\n\tconst a = lab[1];\n\tconst b = lab[2];\n\tlet h;\n\n\tconst hr = Math.atan2(b, a);\n\th = hr * 360 / 2 / Math.PI;\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tconst c = Math.sqrt(a * a + b * b);\n\n\treturn [l, c, h];\n};\n\nconvert.lch.lab = function (lch) {\n\tconst l = lch[0];\n\tconst c = lch[1];\n\tconst h = lch[2];\n\n\tconst hr = h / 360 * 2 * Math.PI;\n\tconst a = c * Math.cos(hr);\n\tconst b = c * Math.sin(hr);\n\n\treturn [l, a, b];\n};\n\nconvert.rgb.ansi16 = function (args, saturation = null) {\n\tconst [r, g, b] = args;\n\tlet value = saturation === null ? convert.rgb.hsv(args)[2] : saturation; // Hsv -> ansi16 optimization\n\n\tvalue = Math.round(value / 50);\n\n\tif (value === 0) {\n\t\treturn 30;\n\t}\n\n\tlet ansi = 30\n\t\t+ ((Math.round(b / 255) << 2)\n\t\t| (Math.round(g / 255) << 1)\n\t\t| Math.round(r / 255));\n\n\tif (value === 2) {\n\t\tansi += 60;\n\t}\n\n\treturn ansi;\n};\n\nconvert.hsv.ansi16 = function (args) {\n\t// Optimization here; we already know the value and don't need to get\n\t// it converted for us.\n\treturn convert.rgb.ansi16(convert.hsv.rgb(args), args[2]);\n};\n\nconvert.rgb.ansi256 = function (args) {\n\tconst r = args[0];\n\tconst g = args[1];\n\tconst b = args[2];\n\n\t// We use the extended greyscale palette here, with the exception of\n\t// black and white. normal palette only has 4 greyscale shades.\n\tif (r === g && g === b) {\n\t\tif (r < 8) {\n\t\t\treturn 16;\n\t\t}\n\n\t\tif (r > 248) {\n\t\t\treturn 231;\n\t\t}\n\n\t\treturn Math.round(((r - 8) / 247) * 24) + 232;\n\t}\n\n\tconst ansi = 16\n\t\t+ (36 * Math.round(r / 255 * 5))\n\t\t+ (6 * Math.round(g / 255 * 5))\n\t\t+ Math.round(b / 255 * 5);\n\n\treturn ansi;\n};\n\nconvert.ansi16.rgb = function (args) {\n\tlet color = args % 10;\n\n\t// Handle greyscale\n\tif (color === 0 || color === 7) {\n\t\tif (args > 50) {\n\t\t\tcolor += 3.5;\n\t\t}\n\n\t\tcolor = color / 10.5 * 255;\n\n\t\treturn [color, color, color];\n\t}\n\n\tconst mult = (~~(args > 50) + 1) * 0.5;\n\tconst r = ((color & 1) * mult) * 255;\n\tconst g = (((color >> 1) & 1) * mult) * 255;\n\tconst b = (((color >> 2) & 1) * mult) * 255;\n\n\treturn [r, g, b];\n};\n\nconvert.ansi256.rgb = function (args) {\n\t// Handle greyscale\n\tif (args >= 232) {\n\t\tconst c = (args - 232) * 10 + 8;\n\t\treturn [c, c, c];\n\t}\n\n\targs -= 16;\n\n\tlet rem;\n\tconst r = Math.floor(args / 36) / 5 * 255;\n\tconst g = Math.floor((rem = args % 36) / 6) / 5 * 255;\n\tconst b = (rem % 6) / 5 * 255;\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hex = function (args) {\n\tconst integer = ((Math.round(args[0]) & 0xFF) << 16)\n\t\t+ ((Math.round(args[1]) & 0xFF) << 8)\n\t\t+ (Math.round(args[2]) & 0xFF);\n\n\tconst string = integer.toString(16).toUpperCase();\n\treturn '000000'.substring(string.length) + string;\n};\n\nconvert.hex.rgb = function (args) {\n\tconst match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);\n\tif (!match) {\n\t\treturn [0, 0, 0];\n\t}\n\n\tlet colorString = match[0];\n\n\tif (match[0].length === 3) {\n\t\tcolorString = colorString.split('').map(char => {\n\t\t\treturn char + char;\n\t\t}).join('');\n\t}\n\n\tconst integer = parseInt(colorString, 16);\n\tconst r = (integer >> 16) & 0xFF;\n\tconst g = (integer >> 8) & 0xFF;\n\tconst b = integer & 0xFF;\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hcg = function (rgb) {\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\tconst max = Math.max(Math.max(r, g), b);\n\tconst min = Math.min(Math.min(r, g), b);\n\tconst chroma = (max - min);\n\tlet grayscale;\n\tlet hue;\n\n\tif (chroma < 1) {\n\t\tgrayscale = min / (1 - chroma);\n\t} else {\n\t\tgrayscale = 0;\n\t}\n\n\tif (chroma <= 0) {\n\t\thue = 0;\n\t} else\n\tif (max === r) {\n\t\thue = ((g - b) / chroma) % 6;\n\t} else\n\tif (max === g) {\n\t\thue = 2 + (b - r) / chroma;\n\t} else {\n\t\thue = 4 + (r - g) / chroma;\n\t}\n\n\thue /= 6;\n\thue %= 1;\n\n\treturn [hue * 360, chroma * 100, grayscale * 100];\n};\n\nconvert.hsl.hcg = function (hsl) {\n\tconst s = hsl[1] / 100;\n\tconst l = hsl[2] / 100;\n\n\tconst c = l < 0.5 ? (2.0 * s * l) : (2.0 * s * (1.0 - l));\n\n\tlet f = 0;\n\tif (c < 1.0) {\n\t\tf = (l - 0.5 * c) / (1.0 - c);\n\t}\n\n\treturn [hsl[0], c * 100, f * 100];\n};\n\nconvert.hsv.hcg = function (hsv) {\n\tconst s = hsv[1] / 100;\n\tconst v = hsv[2] / 100;\n\n\tconst c = s * v;\n\tlet f = 0;\n\n\tif (c < 1.0) {\n\t\tf = (v - c) / (1 - c);\n\t}\n\n\treturn [hsv[0], c * 100, f * 100];\n};\n\nconvert.hcg.rgb = function (hcg) {\n\tconst h = hcg[0] / 360;\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\n\tif (c === 0.0) {\n\t\treturn [g * 255, g * 255, g * 255];\n\t}\n\n\tconst pure = [0, 0, 0];\n\tconst hi = (h % 1) * 6;\n\tconst v = hi % 1;\n\tconst w = 1 - v;\n\tlet mg = 0;\n\n\t/* eslint-disable max-statements-per-line */\n\tswitch (Math.floor(hi)) {\n\t\tcase 0:\n\t\t\tpure[0] = 1; pure[1] = v; pure[2] = 0; break;\n\t\tcase 1:\n\t\t\tpure[0] = w; pure[1] = 1; pure[2] = 0; break;\n\t\tcase 2:\n\t\t\tpure[0] = 0; pure[1] = 1; pure[2] = v; break;\n\t\tcase 3:\n\t\t\tpure[0] = 0; pure[1] = w; pure[2] = 1; break;\n\t\tcase 4:\n\t\t\tpure[0] = v; pure[1] = 0; pure[2] = 1; break;\n\t\tdefault:\n\t\t\tpure[0] = 1; pure[1] = 0; pure[2] = w;\n\t}\n\t/* eslint-enable max-statements-per-line */\n\n\tmg = (1.0 - c) * g;\n\n\treturn [\n\t\t(c * pure[0] + mg) * 255,\n\t\t(c * pure[1] + mg) * 255,\n\t\t(c * pure[2] + mg) * 255\n\t];\n};\n\nconvert.hcg.hsv = function (hcg) {\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\n\tconst v = c + g * (1.0 - c);\n\tlet f = 0;\n\n\tif (v > 0.0) {\n\t\tf = c / v;\n\t}\n\n\treturn [hcg[0], f * 100, v * 100];\n};\n\nconvert.hcg.hsl = function (hcg) {\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\n\tconst l = g * (1.0 - c) + 0.5 * c;\n\tlet s = 0;\n\n\tif (l > 0.0 && l < 0.5) {\n\t\ts = c / (2 * l);\n\t} else\n\tif (l >= 0.5 && l < 1.0) {\n\t\ts = c / (2 * (1 - l));\n\t}\n\n\treturn [hcg[0], s * 100, l * 100];\n};\n\nconvert.hcg.hwb = function (hcg) {\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\tconst v = c + g * (1.0 - c);\n\treturn [hcg[0], (v - c) * 100, (1 - v) * 100];\n};\n\nconvert.hwb.hcg = function (hwb) {\n\tconst w = hwb[1] / 100;\n\tconst b = hwb[2] / 100;\n\tconst v = 1 - b;\n\tconst c = v - w;\n\tlet g = 0;\n\n\tif (c < 1) {\n\t\tg = (v - c) / (1 - c);\n\t}\n\n\treturn [hwb[0], c * 100, g * 100];\n};\n\nconvert.apple.rgb = function (apple) {\n\treturn [(apple[0] / 65535) * 255, (apple[1] / 65535) * 255, (apple[2] / 65535) * 255];\n};\n\nconvert.rgb.apple = function (rgb) {\n\treturn [(rgb[0] / 255) * 65535, (rgb[1] / 255) * 65535, (rgb[2] / 255) * 65535];\n};\n\nconvert.gray.rgb = function (args) {\n\treturn [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];\n};\n\nconvert.gray.hsl = function (args) {\n\treturn [0, 0, args[0]];\n};\n\nconvert.gray.hsv = convert.gray.hsl;\n\nconvert.gray.hwb = function (gray) {\n\treturn [0, 100, gray[0]];\n};\n\nconvert.gray.cmyk = function (gray) {\n\treturn [0, 0, 0, gray[0]];\n};\n\nconvert.gray.lab = function (gray) {\n\treturn [gray[0], 0, 0];\n};\n\nconvert.gray.hex = function (gray) {\n\tconst val = Math.round(gray[0] / 100 * 255) & 0xFF;\n\tconst integer = (val << 16) + (val << 8) + val;\n\n\tconst string = integer.toString(16).toUpperCase();\n\treturn '000000'.substring(string.length) + string;\n};\n\nconvert.rgb.gray = function (rgb) {\n\tconst val = (rgb[0] + rgb[1] + rgb[2]) / 3;\n\treturn [val / 255 * 100];\n};\n","const conversions = require('./conversions');\n\n/*\n\tThis function routes a model to all other models.\n\n\tall functions that are routed have a property `.conversion` attached\n\tto the returned synthetic function. This property is an array\n\tof strings, each with the steps in between the 'from' and 'to'\n\tcolor models (inclusive).\n\n\tconversions that are not possible simply are not included.\n*/\n\nfunction buildGraph() {\n\tconst graph = {};\n\t// https://jsperf.com/object-keys-vs-for-in-with-closure/3\n\tconst models = Object.keys(conversions);\n\n\tfor (let len = models.length, i = 0; i < len; i++) {\n\t\tgraph[models[i]] = {\n\t\t\t// http://jsperf.com/1-vs-infinity\n\t\t\t// micro-opt, but this is simple.\n\t\t\tdistance: -1,\n\t\t\tparent: null\n\t\t};\n\t}\n\n\treturn graph;\n}\n\n// https://en.wikipedia.org/wiki/Breadth-first_search\nfunction deriveBFS(fromModel) {\n\tconst graph = buildGraph();\n\tconst queue = [fromModel]; // Unshift -> queue -> pop\n\n\tgraph[fromModel].distance = 0;\n\n\twhile (queue.length) {\n\t\tconst current = queue.pop();\n\t\tconst adjacents = Object.keys(conversions[current]);\n\n\t\tfor (let len = adjacents.length, i = 0; i < len; i++) {\n\t\t\tconst adjacent = adjacents[i];\n\t\t\tconst node = graph[adjacent];\n\n\t\t\tif (node.distance === -1) {\n\t\t\t\tnode.distance = graph[current].distance + 1;\n\t\t\t\tnode.parent = current;\n\t\t\t\tqueue.unshift(adjacent);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn graph;\n}\n\nfunction link(from, to) {\n\treturn function (args) {\n\t\treturn to(from(args));\n\t};\n}\n\nfunction wrapConversion(toModel, graph) {\n\tconst path = [graph[toModel].parent, toModel];\n\tlet fn = conversions[graph[toModel].parent][toModel];\n\n\tlet cur = graph[toModel].parent;\n\twhile (graph[cur].parent) {\n\t\tpath.unshift(graph[cur].parent);\n\t\tfn = link(conversions[graph[cur].parent][cur], fn);\n\t\tcur = graph[cur].parent;\n\t}\n\n\tfn.conversion = path;\n\treturn fn;\n}\n\nmodule.exports = function (fromModel) {\n\tconst graph = deriveBFS(fromModel);\n\tconst conversion = {};\n\n\tconst models = Object.keys(graph);\n\tfor (let len = models.length, i = 0; i < len; i++) {\n\t\tconst toModel = models[i];\n\t\tconst node = graph[toModel];\n\n\t\tif (node.parent === null) {\n\t\t\t// No possible conversion, or this node is the source model.\n\t\t\tcontinue;\n\t\t}\n\n\t\tconversion[toModel] = wrapConversion(toModel, graph);\n\t}\n\n\treturn conversion;\n};\n\n","const conversions = require('./conversions');\nconst route = require('./route');\n\nconst convert = {};\n\nconst models = Object.keys(conversions);\n\nfunction wrapRaw(fn) {\n\tconst wrappedFn = function (...args) {\n\t\tconst arg0 = args[0];\n\t\tif (arg0 === undefined || arg0 === null) {\n\t\t\treturn arg0;\n\t\t}\n\n\t\tif (arg0.length > 1) {\n\t\t\targs = arg0;\n\t\t}\n\n\t\treturn fn(args);\n\t};\n\n\t// Preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nfunction wrapRounded(fn) {\n\tconst wrappedFn = function (...args) {\n\t\tconst arg0 = args[0];\n\n\t\tif (arg0 === undefined || arg0 === null) {\n\t\t\treturn arg0;\n\t\t}\n\n\t\tif (arg0.length > 1) {\n\t\t\targs = arg0;\n\t\t}\n\n\t\tconst result = fn(args);\n\n\t\t// We're assuming the result is an array here.\n\t\t// see notice in conversions.js; don't use box types\n\t\t// in conversion functions.\n\t\tif (typeof result === 'object') {\n\t\t\tfor (let len = result.length, i = 0; i < len; i++) {\n\t\t\t\tresult[i] = Math.round(result[i]);\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n\n\t// Preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nmodels.forEach(fromModel => {\n\tconvert[fromModel] = {};\n\n\tObject.defineProperty(convert[fromModel], 'channels', {value: conversions[fromModel].channels});\n\tObject.defineProperty(convert[fromModel], 'labels', {value: conversions[fromModel].labels});\n\n\tconst routes = route(fromModel);\n\tconst routeModels = Object.keys(routes);\n\n\trouteModels.forEach(toModel => {\n\t\tconst fn = routes[toModel];\n\n\t\tconvert[fromModel][toModel] = wrapRounded(fn);\n\t\tconvert[fromModel][toModel].raw = wrapRaw(fn);\n\t});\n});\n\nmodule.exports = convert;\n","import colorConvert from 'color-convert';\nimport { CMYK } from 'color-convert/conversions';\nimport { hex as hexContrast, score } from 'wcag-contrast';\n\n// ts-prune-ignore-next\nexport const cmykSaturation = (cmyk: number[], saturation = 1): CMYK => {\n\treturn [cmyk[0] * saturation, cmyk[1] * saturation, cmyk[2] * saturation, cmyk[3] * saturation];\n};\n\n// ts-prune-ignore-next\nexport const getHexBySat = (hex: string, saturation = 1): string => {\n\treturn colorConvert.cmyk.hex(cmykSaturation(colorConvert.hex.cmyk(hex), saturation));\n};\n\ninterface KoliBriContrast {\n\tcolor: {\n\t\tbackground: string;\n\t\ttext: string;\n\t};\n\tcontrast: {\n\t\tvalue: number;\n\t\tscore: string;\n\t};\n}\n\nexport const getValues = (hex: string, saturation = 1): KoliBriContrast => {\n\tconst bgColor = getHexBySat(hex, saturation);\n\tlet fgColor = null;\n\tlet bgFgScore = null;\n\tlet bgFgValue = null;\n\tconst black = hexContrast(bgColor, '000');\n\tconst white = hexContrast(bgColor, 'fff');\n\tif (black >= white) {\n\t\tfgColor = '000';\n\t\tbgFgScore = score(black);\n\t\tbgFgValue = black;\n\t} else {\n\t\tfgColor = 'fff';\n\t\tbgFgScore = score(white);\n\t\tbgFgValue = white;\n\t}\n\treturn {\n\t\tcolor: {\n\t\t\tbackground: bgColor,\n\t\t\ttext: fgColor,\n\t\t},\n\t\tcontrast: {\n\t\t\tvalue: bgFgValue,\n\t\t\tscore: bgFgScore,\n\t\t},\n\t};\n};\n","/* windicss-touch: 1649810622229 */\n@windicss\n\n:host\n\n  *\n    -ms-hyphens: var(--kolibri-hyphens)\n    -webkit-hyphens: var(--kolibri-hyphens)\n    hyphens: var(--kolibri-hyphens)\n    font-family: var(--kolibri-font-family)\n    line-height: var(--kolibri-line-height)\n    word-break: break-word\n\n//     &:focus\n//       // outline-color: var(--kolibri-color-primary) !important\n//       outline-color: var(--kolibri-color-outline) !important\n//       outline-offset: 3px !important\n//       outline-style: solid !important // macht eckige Ecken\n//       outline-width: 2px !important\n//       // position: relative !important // führt zu Fehler beim Modal\n//       // z-index: 9999 !important // führt zu Fehler im Storybook\n\n//     &::selection\n//       background-color: var(--kolibri-color-primary)\n//       font-weight: 600\n//       color: white\n","import { hex as hexContrast } from 'wcag-contrast';\n\nimport { Component, h, JSX, State } from '@stencil/core';\n\nimport { Farbspektrum, FarbspektrumNames } from '../../../enums/color';\nimport { getValues } from '../../../utils/color.utils';\n\nconst COLOR_NAMES = Object.keys(Farbspektrum) as FarbspektrumNames[];\n\n// ts-prune-ignore-next\n@Component({\n\ttag: 'kol-color',\n\tstyleUrls: {\n\t\tdefault: '../../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolColor {\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() private selectedColor: string | null = null;\n\n\tpublic render(): JSX.Element {\n\t\t// const raster: number[] = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0];\n\t\tconst raster: number[] = [0.2, 0.4, 0.6, 0.8, 1.0];\n\t\treturn (\n\t\t\t<table\n\t\t\t\tclass=\"text-center\"\n\t\t\t\tstyle={{\n\t\t\t\t\tborderSpacing: '10px',\n\t\t\t\t\tborderCollapse: 'separate',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th>Farbe</th>\n\t\t\t\t\t\t{raster.map((sat: number) => {\n\t\t\t\t\t\t\treturn <th>{100 * sat}%</th>;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<caption>\n\t\t\t\t\tDiese Tabelle stellt ein mögliches Farbspektrum im Zusammenhang mit den Farbkontrasten für die Barrierefreiheit interaktiv dar.\n\t\t\t\t\t<br />\n\t\t\t\t\t<small>\n\t\t\t\t\t\tDurch Anklicken einer Farbkachel werden alle Farbkacheln mit zu geringem Farbabstand ausgeblendet.\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tDurch erneutes Anklicken der ausgewählten Farbe (schwarz umrandet) werden wieder alle Farben eingeblendet.\n\t\t\t\t\t</small>\n\t\t\t\t</caption>\n\t\t\t\t<tbody>\n\t\t\t\t\t{COLOR_NAMES.map((colorName: FarbspektrumNames) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>{colorName}</td>\n\t\t\t\t\t\t\t\t{raster.map((sat: number) => {\n\t\t\t\t\t\t\t\t\tconst values = getValues(Farbspektrum[colorName], sat);\n\t\t\t\t\t\t\t\t\tlet contrast = 4.5;\n\t\t\t\t\t\t\t\t\tif (typeof this.selectedColor === 'string' && this.selectedColor !== values.color.background) {\n\t\t\t\t\t\t\t\t\t\tcontrast = hexContrast(this.selectedColor, values.color.background);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: contrast >= 4.5 ? `#${values.color.background}` : 'transparent',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: contrast >= 4.5 ? `#${values.color.text}` : '#999',\n\t\t\t\t\t\t\t\t\t\t\t\tpadding: '.5em',\n\t\t\t\t\t\t\t\t\t\t\t\t// border: this.selectedColor === values.color.background ? '2px solid #000' : 'unset',\n\t\t\t\t\t\t\t\t\t\t\t\toutline: this.selectedColor === values.color.background ? '2px solid #000' : 'unset',\n\t\t\t\t\t\t\t\t\t\t\t\toutlineOffset: '-2px',\n\t\t\t\t\t\t\t\t\t\t\t\t// fontWeight: values.contrast.score === 'AAA' ? 'bold' : 'normal',\n\t\t\t\t\t\t\t\t\t\t\t\tboxShadow: values.contrast.score === 'AAA' && contrast >= 4.5 ? '3px 3px 3px grey' : 'unset',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (this.selectedColor === values.color.background) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectedColor = null;\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectedColor = values.color.background;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tonKeyPress={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (this.selectedColor === values.color.background) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectedColor = null;\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectedColor = values.color.background;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{values.color.background}\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t<small>({values.contrast.score})</small>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t);\n\t}\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolCounter","this","inc","state","_count","dec","render","h","Host","onClick"],"sources":["./src/components/@else/counter/style.sass?tag=kol-counter&mode=default&encapsulation=shadow","./src/components/@else/counter/component.tsx"],"sourcesContent":["*\n  font-size: 200%\n\nspan\n  width: 4rem\n  display: inline-block\n  text-align: center\n\nbutton\n  background-color: #490e8d\n  cursor: pointer\n  width: 4rem\n  height: 4rem\n  border: none\n  border-radius: 10px\n  background-color: seagreen\n  color: white\n","import { Component, h, Host, JSX, State } from '@stencil/core';\n\n// https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/\n\n// ts-prune-ignore-next\n@Component({\n\ttag: 'kol-counter',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\n// ts-prune-ignore-next\nexport class KolCounter {\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state = {\n\t\t_count: 0,\n\t};\n\n\tprivate inc = () => {\n\t\tthis.state = {\n\t\t\t_count: this.state._count + 1,\n\t\t};\n\t};\n\n\tprivate dec = () => {\n\t\tthis.state = {\n\t\t\t_count: this.state._count - 1,\n\t\t};\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button onClick={this.dec}>-</button>\n\t\t\t\t<span>{this.state._count}</span>\n\t\t\t\t<button onClick={this.inc}>+</button>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":";;;sDAAA,MAAMA,EAAkB,sN,MCaXC,EAAU,M,yBAQdC,KAAAC,IAAM,KACbD,KAAKE,MAAQ,CACZC,OAAQH,KAAKE,MAAMC,OAAS,EAC5B,EAGMH,KAAAI,IAAM,KACbJ,KAAKE,MAAQ,CACZC,OAAQH,KAAKE,MAAMC,OAAS,EAC5B,E,WAbsB,CACvBA,OAAQ,E,CAeFE,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,UAAQE,QAASR,KAAKI,KAAG,KACzBE,EAAA,YAAON,KAAKE,MAAMC,QAClBG,EAAA,UAAQE,QAASR,KAAKC,KAAG,K"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolDetails","this","onClick","setTimeout","_open","_a","htmlDetailsElement","open","_summary","render","h","Host","ref","el","state","_ariaLabel","_icon","validateOpen","value","watchBoolean","validateSummary","watchString","required","componentWillLoad"],"sources":["./src/components/style.sass?tag=kol-details&mode=default&encapsulation=shadow","./src/components/details/component.tsx"],"sourcesContent":["/* windicss-touch: 1649810622229 */\n@windicss\n\n:host\n\n  *\n    -ms-hyphens: var(--kolibri-hyphens)\n    -webkit-hyphens: var(--kolibri-hyphens)\n    hyphens: var(--kolibri-hyphens)\n    font-family: var(--kolibri-font-family)\n    line-height: var(--kolibri-line-height)\n    word-break: break-word\n\n//     &:focus\n//       // outline-color: var(--kolibri-color-primary) !important\n//       outline-color: var(--kolibri-color-outline) !important\n//       outline-offset: 3px !important\n//       outline-style: solid !important // macht eckige Ecken\n//       outline-width: 2px !important\n//       // position: relative !important // führt zu Fehler beim Modal\n//       // z-index: 9999 !important // führt zu Fehler im Storybook\n\n//     &::selection\n//       background-color: var(--kolibri-color-primary)\n//       font-weight: 600\n//       color: white\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { watchBoolean, watchString } from '../../utils/prop.validators';\n\n/**\n * API\n */\ntype RequiredProps = {\n\tsummary: string;\n};\ntype OptionalProps = {\n\topen: boolean;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-details',\n\tstyleUrls: {\n\t\tdefault: '../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolDetails implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tprivate htmlDetailsElement?: HTMLDetailsElement;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<details\n\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\tthis.htmlDetailsElement = el as HTMLDetailsElement;\n\t\t\t\t\t}}\n\t\t\t\t\topen={this.state._open}\n\t\t\t\t>\n\t\t\t\t\t<summary onClick={this.onClick}>\n\t\t\t\t\t\t{this.state._open ? <kol-icon _ariaLabel=\"\" _icon=\"fa-solid fa-angle-down\" /> : <kol-icon _ariaLabel=\"\" _icon=\"fa-solid fa-angle-right\" />}\n\t\t\t\t\t\t<span>{this.state._summary}</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<kol-indented-text>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</kol-indented-text>\n\t\t\t\t</details>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, ob die Detailbeschreibung geöffnet oder geschlossen ist.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t/**\n\t * Gibt die Zusammenfassung der Detailbeschreibung an.\n\t */\n\t@Prop() public _summary!: string;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_summary: '…', // '⚠'\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_open')\n\tpublic validateOpen(value?: boolean): void {\n\t\twatchBoolean(this, '_open', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_summary')\n\tpublic validateSummary(value?: string): void {\n\t\twatchString(this, '_summary', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateSummary(this._summary);\n\t}\n\n\tprivate onClick = () => {\n\t\tsetTimeout(() => {\n\t\t\tthis._open = this.htmlDetailsElement?.open;\n\t\t}, 25);\n\t};\n}\n"],"mappings":";;;0OAAA,MAAMA,EAAkB,28P,MC2BXC,EAAU,M,yBAmEdC,KAAAC,QAAU,KACjBC,YAAW,K,MACVF,KAAKG,OAAQC,EAAAJ,KAAKK,sBAAkB,MAAAD,SAAA,SAAAA,EAAEE,IAAI,GACxC,GAAG,E,WA3C0D,M,mCAUjC,CAC/BC,SAAU,I,CAnCJC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,WACCE,IAAMC,IACLZ,KAAKK,mBAAqBO,CAAwB,EAEnDN,KAAMN,KAAKa,MAAMV,OAEjBM,EAAA,WAASR,QAASD,KAAKC,SACrBD,KAAKa,MAAMV,MAAQM,EAAA,YAAUK,WAAW,GAAGC,MAAM,2BAA8BN,EAAA,YAAUK,WAAW,GAAGC,MAAM,4BAC9GN,EAAA,YAAOT,KAAKa,MAAMN,WAEnBE,EAAA,yBACCA,EAAA,e,CA4BEO,aAAaC,GACnBC,EAAalB,KAAM,QAASiB,E,CAOtBE,gBAAgBF,GACtBG,EAAYpB,KAAM,WAAYiB,EAAO,CACpCI,SAAU,M,CAOLC,oBACNtB,KAAKgB,aAAahB,KAAKG,OACvBH,KAAKmB,gBAAgBnB,KAAKO,S"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["KolForm","this","onSubmit","event","preventDefault","_a","state","_on","_b","onReset","render","h","method","autoComplete","noValidate","_requiredText","length","validateOn","value","Object","assign","validateRequiredText","watchBoolean","watchString","componentWillLoad"],"sources":["./src/components/form/component.tsx"],"sourcesContent":["import { Component, h, JSX, Prop, State, Watch } from '@stencil/core';\nimport { Events } from '../../enums/events';\n\nimport { Generic } from '@public-ui/core';\nimport { EventCallback } from '../../types/callbacks';\nimport { watchBoolean, watchString } from '../../utils/prop.validators';\nimport { Stringified } from '../../types/common';\n\nexport type KoliBriFormCallbacks = {\n\t[Events.onSubmit]?: EventCallback<Event>;\n\t[Events.onReset]?: EventCallback<Event>;\n};\n\n/**\n * API\n */\ntype RequiredProps = unknown;\ntype OptionalProps = {\n\ton: KoliBriFormCallbacks;\n\trequiredText: string | boolean;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-form',\n\tshadow: true,\n})\nexport class KolForm implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tprivate readonly onSubmit = (event: Event) => {\n\t\tevent.preventDefault();\n\t\tif (typeof this.state._on?.onSubmit === 'function') {\n\t\t\tthis.state._on?.onSubmit(event as SubmitEvent);\n\t\t}\n\t};\n\tprivate readonly onReset = (event: Event) => {\n\t\tevent.preventDefault();\n\t\tif (typeof this.state._on?.onReset === 'function') {\n\t\t\tthis.state._on?.onReset(event);\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<form method=\"post\" onSubmit={this.onSubmit} onReset={this.onReset} autoComplete=\"off\" noValidate>\n\t\t\t\t{this.state._requiredText === true ? (\n\t\t\t\t\t<p>\n\t\t\t\t\t\t<kol-indented-text>\n\t\t\t\t\t\t\tFormular-Felder, die mit einem Sternchen <span aria-hidden=\"true\">(*)</span> gekennzeichnet sind, sind Pflichtangaben.\n\t\t\t\t\t\t</kol-indented-text>\n\t\t\t\t\t</p>\n\t\t\t\t) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (\n\t\t\t\t\t<p>\n\t\t\t\t\t\t<kol-indented-text>{this.state._requiredText}</kol-indented-text>\n\t\t\t\t\t</p>\n\t\t\t\t) : null}\n\t\t\t\t<slot />\n\t\t\t</form>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Form-Events an.\n\t */\n\t@Prop() public _on?: KoliBriFormCallbacks;\n\n\t/**\n\t * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.\n\t */\n\t@Prop() public _requiredText?: Stringified<boolean> = true;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriFormCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_on: value,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_requiredText')\n\tpublic validateRequiredText(value?: Stringified<boolean>): void {\n\t\tif (typeof value === 'boolean') {\n\t\t\twatchBoolean(this, '_requiredText', value);\n\t\t} else {\n\t\t\twatchString(this, '_requiredText', value);\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRequiredText(this._requiredText);\n\t}\n}\n"],"mappings":";;;yOA+BaA,EAAO,M,yBACFC,KAAAC,SAAYC,I,QAC5BA,EAAMC,iBACN,WAAWC,EAAAJ,KAAKK,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEH,YAAa,WAAY,EACnDM,EAAAP,KAAKK,MAAMC,OAAG,MAAAC,SAAA,SAAAA,EAAEN,SAASC,E,GAGVF,KAAAQ,QAAWN,I,QAC3BA,EAAMC,iBACN,WAAWC,EAAAJ,KAAKK,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEI,WAAY,WAAY,EAClDD,EAAAP,KAAKK,MAAMC,OAAG,MAAAC,SAAA,SAAAA,EAAEC,QAAQN,E,yCA+B4B,K,WAKtB,E,CAhCzBO,SACN,OACCC,EAAA,QAAMC,OAAO,OAAOV,SAAUD,KAAKC,SAAUO,QAASR,KAAKQ,QAASI,aAAa,MAAMC,WAAU,MAC/Fb,KAAKK,MAAMS,gBAAkB,KAC7BJ,EAAA,SACCA,EAAA,qEAC0CA,EAAA,sBAAkB,QAAM,OAAW,sDAGpEV,KAAKK,MAAMS,gBAAkB,UAAYd,KAAKK,MAAMS,cAAcC,OAAS,EACrFL,EAAA,SACCA,EAAA,yBAAoBV,KAAKK,MAAMS,gBAE7B,KACJJ,EAAA,a,CAwBIM,WAAWC,GACjB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChDjB,KAAKK,MAAKa,OAAAC,OAAAD,OAAAC,OAAA,GACNnB,KAAKK,OAAK,CACbC,IAAKW,G,EASDG,qBAAqBH,GAC3B,UAAWA,IAAU,UAAW,CAC/BI,EAAarB,KAAM,gBAAiBiB,E,KAC9B,CACNK,EAAYtB,KAAM,gBAAiBiB,E,EAO9BM,oBACNvB,KAAKgB,WAAWhB,KAAKM,KACrBN,KAAKoB,qBAAqBpB,KAAKc,c"}

package/dist/kolibri/kol-heading-wc_2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KolHeadingWc","validateLevel","value","watchHeadingLevel","this","componentWillLoad","_level","render","state","h","KolInput","hasError","_error","length","_touched","hasHint","_hint","hideLabel","_hideLabel","_required","Host","class","disabled","_disabled","error","_readOnly","required","touched","_renderNoLabel","htmlFor","_id","id","style","height","undefined","margin","padding","visibility","name","input","_a","_icon","left","_b","right","_c","_ariaLabel","icon","_d","_smartButton","_customClass","_iconOnly","_label","_on","_tooltipAlign","_variant","_alert","_type","Array","isArray","_list","map","option"],"sources":["./src/components/heading/component.tsx","./src/components/input/component.tsx"],"sourcesContent":["import { Component, h, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { watchHeadingLevel } from './validation';\n\n/**\n * API\n */\ntype RequiredProps = unknown;\ntype OptionalProps = {\n\tlevel: HeadingLevel;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-heading-wc',\n\tshadow: false,\n})\nexport class KolHeadingWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\t/**\n\t * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.\n\t */\n\t@Prop({ reflect: true }) public _level?: HeadingLevel = 1;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLevel(this._level);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tswitch (this.state._level) {\n\t\t\tcase 2:\n\t\t\t\treturn (\n\t\t\t\t\t<h2>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h2>\n\t\t\t\t);\n\t\t\tcase 3:\n\t\t\t\treturn (\n\t\t\t\t\t<h3>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h3>\n\t\t\t\t);\n\t\t\tcase 4:\n\t\t\t\treturn (\n\t\t\t\t\t<h4>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h4>\n\t\t\t\t);\n\t\t\tcase 5:\n\t\t\t\treturn (\n\t\t\t\t\t<h5>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h5>\n\t\t\t\t);\n\t\t\tcase 6:\n\t\t\t\treturn (\n\t\t\t\t\t<h6>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h6>\n\t\t\t\t);\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<h1>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h1>\n\t\t\t\t);\n\t\t}\n\t}\n}\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport { Component, h, Host, JSX, Prop } from '@stencil/core';\nimport { ButtonProps } from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriCustomIcon } from '../../types/icon';\n\nimport { KoliBriInputIcon } from '../input-text/types';\nimport { Props } from './types';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-input',\n\tshadow: false,\n})\nexport class KolInput implements Props {\n\tpublic render(): JSX.Element {\n\t\tconst hasError = typeof this._error === 'string' && this._error.length > 0 && this._touched === true;\n\t\tconst hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n\t\tconst hideLabel = this._hideLabel === true && this._required !== true;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\tdisabled: this._disabled === true,\n\t\t\t\t\terror: hasError === true,\n\t\t\t\t\t'read-only': this._readOnly === true,\n\t\t\t\t\trequired: this._required === true,\n\t\t\t\t\ttouched: this._touched === true,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{this._renderNoLabel === false && (\n\t\t\t\t\t<label\n\t\t\t\t\t\thtmlFor={this._id}\n\t\t\t\t\t\tid={`${this._id}-label`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: hideLabel ? '0' : undefined,\n\t\t\t\t\t\t\tmargin: hideLabel ? '0' : undefined,\n\t\t\t\t\t\t\tpadding: hideLabel ? '0' : undefined,\n\t\t\t\t\t\t\tvisibility: hideLabel ? 'hidden' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</label>\n\t\t\t\t)}\n\t\t\t\t{hasHint && (\n\t\t\t\t\t<span class=\"hint\" id={`${this._id}-hint`}>\n\t\t\t\t\t\t{this._hint}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tinput: true,\n\t\t\t\t\t\t'icon-left': typeof this._icon?.left === 'object',\n\t\t\t\t\t\t'icon-right': typeof this._icon?.right === 'object',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{/* grid grid-cols-2 justify-between h-0 mx-3 my-2 */}\n\t\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t\t{this._icon?.left ? <kol-icon _ariaLabel=\"\" _icon={(this._icon.left as KoliBriCustomIcon).icon}></kol-icon> : <i />}\n\t\t\t\t\t\t{this._icon?.right ? <kol-icon _ariaLabel=\"\" _icon={(this._icon.right as KoliBriCustomIcon).icon}></kol-icon> : <i />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"input\"></slot>\n\t\t\t\t\t{typeof this._smartButton === 'object' && this._smartButton !== null && (\n\t\t\t\t\t\t<kol-button-wc\n\t\t\t\t\t\t\t_ariaLabel={this._smartButton._ariaLabel}\n\t\t\t\t\t\t\t_customClass={this._smartButton._customClass}\n\t\t\t\t\t\t\t_disabled={this._smartButton._disabled}\n\t\t\t\t\t\t\t_icon={this._smartButton._icon}\n\t\t\t\t\t\t\t_iconOnly={true}\n\t\t\t\t\t\t\t_id={this._smartButton._id}\n\t\t\t\t\t\t\t_label={this._smartButton._label}\n\t\t\t\t\t\t\t_on={this._smartButton._on}\n\t\t\t\t\t\t\t_tooltipAlign={this._smartButton._tooltipAlign}\n\t\t\t\t\t\t\t_variant={this._smartButton._variant}\n\t\t\t\t\t\t></kol-button-wc>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasError && (\n\t\t\t\t\t<kol-alert class=\"error\" id={`${this._id}-error`} _alert={this._alert} _type=\"error\" _variant=\"msg\">\n\t\t\t\t\t\t{this._error}\n\t\t\t\t\t</kol-alert>\n\t\t\t\t)}\n\t\t\t\t{Array.isArray(this._list) && this._list.length > 0 && (\n\t\t\t\t\t<datalist id={`${this._id}-list`}>\n\t\t\t\t\t\t{this._list.map((option: string) => (\n\t\t\t\t\t\t\t<option value={option} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</datalist>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.\n\t */\n\t@Prop({ reflect: true }) public _alert?: boolean = true;\n\n\t/**\n\t * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Text für eine Fehlermeldung an.\n\t */\n\t@Prop() public _error?: string = '';\n\n\t/**\n\t * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.\n\t */\n\t@Prop({ reflect: true }) public _hideLabel?: boolean = false;\n\n\t/**\n\t * Gibt den Text für eine Hinweistext an.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.\n\t */\n\t@Prop() public _icon?: KoliBriInputIcon;\n\n\t/**\n\t * Gibt die technische ID des Eingabefeldes an.\n\t */\n\t@Prop() public _id!: string;\n\n\t/**\n\t * Gibt die Liste der Vorschlagswörter an.\n\t */\n\t@Prop() public _list?: Stringified<string[]>;\n\n\t/**\n\t * Gibt an, ob die Eingabefeld nur lesend ist.\n\t */\n\t@Prop({ reflect: true }) public _readOnly?: boolean = false;\n\n\t/**\n\t * Gibt an, ob die Komponente kein Label rendern soll.\n\t */\n\t@Prop({ reflect: true }) public _renderNoLabel?: boolean = false;\n\n\t/**\n\t * Gibt an, ob die Checkbox ein Pflichtfeld ist.\n\t */\n\t@Prop({ reflect: true }) public _required?: boolean = false;\n\n\t/**\n\t * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).\n\t */\n\t@Prop() public _smartButton?: ButtonProps;\n\n\t/**\n\t * Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.\n\t */\n\t@Prop({ reflect: true }) public _touched?: boolean = false;\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolHeading","render","h","_level","this"],"sources":["./src/components/heading/style.sass?tag=kol-heading&mode=default&encapsulation=shadow","./src/components/heading/shadow.tsx"],"sourcesContent":["/* windicss-touch: 1632366082872 */\n@import ../style\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6\n  @apply w-full font-semibold\n","import { Component, h, JSX, Prop } from '@stencil/core';\n\nimport { HeadingLevel } from '../../types/heading-level';\nimport { Props } from './component';\n\n@Component({\n\ttag: 'kol-heading',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolHeading implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<kol-heading-wc _level={this._level}>\n\t\t\t\t<slot />\n\t\t\t</kol-heading-wc>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.\n\t */\n\t@Prop({ reflect: true }) public _level?: HeadingLevel = 1; // reflect for simpler test selection\n}\n"],"mappings":";;;+CAAA,MAAMA,EAAkB,w/P,MCYXC,EAAU,M,qCAYkC,C,CAXjDC,SACN,OACCC,EAAA,kBAAgBC,OAAQC,KAAKD,QAC5BD,EAAA,a"}

package/dist/kolibri/kol-icon-font-awesome.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolIconFontAwesome","render","h","exportparts","this","_part","_ariaLabel","_icon","_prefix","undefined"],"sources":["./src/components/icon-font-awesome/style.sass?tag=kol-icon-font-awesome&mode=default","./src/components/icon-font-awesome/component.tsx"],"sourcesContent":["// @use '../../assets/fontawesome-free/v5/css/all.css'\n@use '../../assets/fontawesome-free/v6/css/all.css'\n","import { Component, h, JSX, Prop } from '@stencil/core';\nimport { FontAwesome, FontAwesomeOssPrefix } from '../../enums/font-awesome';\n\nimport { Generic } from '@public-ui/core';\nimport { AriaLabel } from '../../types/aria-label';\n\n/**\n * API\n */\ntype RequiredProps = AriaLabel & {\n\ticon: FontAwesome;\n\tprefix: FontAwesomeOssPrefix;\n};\ntype OptionalProps = {\n\tpart: string;\n};\n// type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\n/**\n * @deprecated Wir empfehlen die flexiblere KolIcon-Komponente zu verwenden.\n */\n@Component({\n\ttag: 'kol-icon-font-awesome',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: false,\n})\nexport class KolIconFontAwesome implements Generic.Element.Members<RequiredProps, OptionalProps> {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<kol-icon\n\t\t\t\texportparts={`icon${typeof this._part === 'string' ? `,${this._part}` : ''}`}\n\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t_icon={typeof this._prefix === 'string' && typeof this._icon === 'string' ? `${this._prefix} fa-${this._icon}` : (undefined as unknown as string)}\n\t\t\t\t_part={this._part}\n\t\t\t/>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt das Aria-Label am Icon an.\n\t */\n\t@Prop() public _ariaLabel!: string;\n\n\t/**\n\t * Gibt einen Identifier eines Font Awesome Icons an. (https://fontawesome.com/v5.15/icons)\n\t */\n\t@Prop() public _icon!: FontAwesome;\n\n\t/**\n\t * Gibt den Prefix der Font Awesome Icons an. (https://fontawesome.com/v5.15/how-to-use/on-the-web/referencing-icons/basic-use)\n\t */\n\t@Prop() public _prefix!: FontAwesomeOssPrefix;\n\n\t/**\n\t * Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)\n\t */\n\t@Prop() public _part?: string;\n}\n"],"mappings":";;;+CAAA,MAAMA,EAAkB,mihH,MC4BXC,EAAkB,M,oHACvBC,SACN,OACCC,EAAA,YACCC,YAAa,cAAcC,KAAKC,QAAU,SAAW,IAAID,KAAKC,QAAU,KACxEC,WAAYF,KAAKE,WACjBC,aAAcH,KAAKI,UAAY,iBAAmBJ,KAAKG,QAAU,SAAW,GAAGH,KAAKI,cAAcJ,KAAKG,QAAWE,UAClHJ,MAAOD,KAAKC,O"}

package/dist/kolibri/kol-icon-icofont.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolIconIcofont","render","h","exportparts","this","_part","_ariaLabel","_icon","undefined"],"sources":["./src/components/icon-icofont/style.sass?tag=kol-icon-icofont&mode=default","./src/components/icon-icofont/component.tsx"],"sourcesContent":["@use '../../assets/icofont/icofont.css'\n","import { Component, h, JSX, Prop } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { AriaLabel } from '../../types/aria-label';\nimport { Icofont } from '../../types/icofont';\n\n/**\n * API\n */\ntype RequiredProps = AriaLabel & {\n\ticon: Icofont;\n};\ntype OptionalProps = {\n\tpart: string;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\n/**\n * @deprecated Wir empfehlen die flexiblere KolIcon-Komponente zu verwenden.\n */\n@Component({\n\ttag: 'kol-icon-icofont',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: false,\n})\nexport class KolIconIcofont implements Generic.Element.Members<RequiredProps, OptionalProps> {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<kol-icon\n\t\t\t\texportparts={`icon${typeof this._part === 'string' ? `,${this._part}` : ''}`}\n\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t_icon={typeof this._icon === 'string' ? `icofont-${this._icon}` : (undefined as unknown as string)}\n\t\t\t\t_part={this._part}\n\t\t\t/>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt das Aria-Label am Icon an.\n\t */\n\t@Prop() public _ariaLabel!: string;\n\n\t/**\n\t * Gibt einen Identifier eines Icofont Icons an. (https://icofont.com/icons)\n\t */\n\t@Prop() public _icon!: Icofont;\n\n\t/**\n\t * Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)\n\t */\n\t@Prop() public _part?: string;\n}\n"],"mappings":";;;+CAAA,MAAMA,EAAkB,8l5F,MC2BXC,EAAc,M,6FACnBC,SACN,OACCC,EAAA,YACCC,YAAa,cAAcC,KAAKC,QAAU,SAAW,IAAID,KAAKC,QAAU,KACxEC,WAAYF,KAAKE,WACjBC,aAAcH,KAAKG,QAAU,SAAW,WAAWH,KAAKG,QAAWC,UACnEH,MAAOD,KAAKC,O"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolIcon","_ariaLabel","_icon","render","h","Host","this","state","length","undefined","class","part","_part","role","validateAriaLabel","value","watchString","required","validateIcon","validatePart","componentWillLoad"],"sources":["./src/components/icon/style.sass?tag=kol-icon&mode=default&encapsulation=shadow","./src/components/icon/component.tsx"],"sourcesContent":["@use '../../assets/fontawesome-free/v6/css/all.css'\n@use '../../assets/icofont/icofont.css'\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\nimport { AriaLabel } from '../../types/aria-label';\nimport { watchString } from '../../utils/prop.validators';\n\n/**\n * API\n */\ntype RequiredProps = AriaLabel & {\n\ticon: string;\n};\ntype OptionalProps = {\n\tpart: string;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-icon',\n\tstyleUrls: {\n\t\tdefault: './style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolIcon implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<i\n\t\t\t\t\taria-hidden={this.state._ariaLabel.length > 0 ? undefined : 'true'}\n\t\t\t\t\t/**\n\t\t\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t\t\t *\n\t\t\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t\t\t */\n\t\t\t\t\taria-label={this.state._ariaLabel.length > 0 ? this.state._ariaLabel : undefined}\n\t\t\t\t\tclass={this.state._icon}\n\t\t\t\t\tpart={`icon${typeof this._part === 'string' ? ` ${this._part}` : ''}`}\n\t\t\t\t\trole={this.state._ariaLabel.length > 0 ? 'img' : undefined}\n\t\t\t\t></i>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt das Aria-Label am Icon an.\n\t */\n\t@Prop() public _ariaLabel!: string;\n\n\t/**\n\t * Gibt einen Identifier eines Icons aus den Icon's an.\n\t */\n\t@Prop() public _icon!: string;\n\n\t/**\n\t * Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)\n\t */\n\t@Prop() public _part?: string;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_ariaLabel: '',\n\t\t_icon: 'fa-solid fa-house',\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\twatchString(this, '_ariaLabel', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_icon')\n\tpublic validateIcon(value?: string): void {\n\t\twatchString(this, '_icon', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_part')\n\tpublic validatePart(value?: string): void {\n\t\twatchString(this, '_part', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAriaLabel(this._ariaLabel);\n\t\tthis.validateIcon(this._icon);\n\t\tthis.validatePart(this._part);\n\t}\n}\n"],"mappings":";;;mOAAA,MAAMA,EAAkB,8n6M,MC4BXC,EAAO,M,wGAuCa,CAC/BC,WAAY,GACZC,MAAO,oB,CAxCDC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,mBACcE,KAAKC,MAAMN,WAAWO,OAAS,EAAIC,UAAY,OAAM,aAOtDH,KAAKC,MAAMN,WAAWO,OAAS,EAAIF,KAAKC,MAAMN,WAAaQ,UACvEC,MAAOJ,KAAKC,MAAML,MAClBS,KAAM,cAAcL,KAAKM,QAAU,SAAW,IAAIN,KAAKM,QAAU,KACjEC,KAAMP,KAAKC,MAAMN,WAAWO,OAAS,EAAI,MAAQC,Y,CAiC9CK,kBAAkBC,GACxBC,EAAYV,KAAM,aAAcS,EAAO,CACtCE,SAAU,M,CAQLC,aAAaH,GACnBC,EAAYV,KAAM,QAASS,EAAO,CACjCE,SAAU,M,CAQLE,aAAaJ,GACnBC,EAAYV,KAAM,QAASS,E,CAMrBK,oBACNd,KAAKQ,kBAAkBR,KAAKL,YAC5BK,KAAKY,aAAaZ,KAAKJ,OACvBI,KAAKa,aAAab,KAAKM,M"}

package/dist/kolibri/kol-indented-text.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["defaultStyleCss","KolIndentedText","render","h","Host"],"sources":["./src/components/style.sass?tag=kol-indented-text&mode=default&encapsulation=shadow","./src/components/indented-text/component.tsx"],"sourcesContent":["/* windicss-touch: 1649810622229 */\n@windicss\n\n:host\n\n  *\n    -ms-hyphens: var(--kolibri-hyphens)\n    -webkit-hyphens: var(--kolibri-hyphens)\n    hyphens: var(--kolibri-hyphens)\n    font-family: var(--kolibri-font-family)\n    line-height: var(--kolibri-line-height)\n    word-break: break-word\n\n//     &:focus\n//       // outline-color: var(--kolibri-color-primary) !important\n//       outline-color: var(--kolibri-color-outline) !important\n//       outline-offset: 3px !important\n//       outline-style: solid !important // macht eckige Ecken\n//       outline-width: 2px !important\n//       // position: relative !important // führt zu Fehler beim Modal\n//       // z-index: 9999 !important // führt zu Fehler im Storybook\n\n//     &::selection\n//       background-color: var(--kolibri-color-primary)\n//       font-weight: 600\n//       color: white\n","import { Component, h, Host, JSX, State } from '@stencil/core';\n\nimport { Generic } from '@public-ui/core';\n\n/**\n * API\n */\ntype RequiredProps = unknown;\ntype OptionalProps = unknown;\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n@Component({\n\ttag: 'kol-indented-text',\n\tstyleUrls: {\n\t\tdefault: '../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolIndentedText implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":";;;sDAAA,MAAMA,EAAkB,28P,MCsBXC,EAAe,M,oCAIK,E,CAEzBC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,WACCA,EAAA,c"}

package/dist/kolibri/kol-input-adapter-leanup.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KolInputAdapterLeanup","componentWillLoad","deprecatedHint","render","h","Host","_type","_href","_label","_target"],"sources":["./src/components/input-adapter-leanup/component.tsx"],"sourcesContent":["import { Component, h, Host, JSX } from '@stencil/core';\nimport { deprecatedHint } from '../../utils/a11y.tipps';\n\n/**\n * @deprecated Use the separated lean-input-adapter from the `@leanup/kolibri-components` package.\n */\n@Component({\n\ttag: 'kol-input-adapter-leanup',\n\tshadow: true,\n})\nexport class KolInputAdapterLeanup {\n\tpublic componentWillLoad() {\n\t\tdeprecatedHint(\n\t\t\t`Die Komponente 'kol-input-adapter-leanup' ist umgezogen. Lesen Sie hier, wie Sie sie migrieren: https://public-ui.github.io/?path=/docs/backlog-und-changelog--page`\n\t\t);\n\t}\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-alert _type=\"warning\">\n\t\t\t\t\tDie Komponente <code>kol-input-adapter-leanup</code> ist umgezogen. Lesen Sie hier, wie Sie sie migrieren:{' '}\n\t\t\t\t\t<kol-link\n\t\t\t\t\t\t_href=\"https://public-ui.github.io/?path=/docs/backlog-und-changelog--page\"\n\t\t\t\t\t\t_label=\"https://public-ui.github.io/?path=/docs/backlog-und-changelog--page\"\n\t\t\t\t\t\t_target=\"storybook\"\n\t\t\t\t\t></kol-link>\n\t\t\t\t</kol-alert>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":";;;yIAUaA,EAAqB,M,yBAC1BC,oBACNC,EACC,sK,CAGKC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,aAAWE,MAAM,WAAS,kBACVF,EAAA,wCAAqC,yDAAuD,IAC3GA,EAAA,YACCG,MAAM,sEACNC,OAAO,sEACPC,QAAQ,e"}