@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
5 lines • 3.94 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{r as n,h as o,H as e}from"./index-BQlHOxik.js";import{B as t}from"./variant-quote-y0Z1TRdz.js";import{I as c}from"./component-DzaT2WlJ.js";import"./common-Cx_AGO_M.js";import{c as i,n as r}from"./normalizers-m3s9sgmq.js";import{l}from"./label-KTv-zMW0.js";import{B as s}from"./base-controller-CXhqh4cR.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-CWvl2xho.js";import"./clsx-COFh-Vc8.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const a=i("icons","kolicon-logo",r);const f={required:[a,l]};class k extends s{constructor(n){super(n,f)}componentWillLoad(n){const{icons:o,label:e}=n;this.watchIcons(o);this.watchLabel(e)}watchIcons(n){a.apply(n,(n=>{this.setRenderProp("icons",n)}))}watchLabel(n){l.apply(n,(n=>{this.setRenderProp("label",n)}))}}const b='@font-face {\n font-family: "kolicons";\n src: url("kolicons.eot?t=1780571516250"); /* IE9*/\n src: url("kolicons.eot?t=1780571516250#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780571516250") format("woff2"), url("kolicons.woff?t=1780571516250") format("woff"), url("kolicons.ttf?t=1780571516250") format("truetype"), url("kolicons.svg?t=1780571516250#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n [class^=kolicon-], [class*=" kolicon-"] {\n font-family: "kolicons";\n font-style: normal;\n font-weight: 400;\n line-height: 1em;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .kolicon-alert-error::before {\n content: "\\ea01";\n }\n .kolicon-alert-info::before {\n content: "\\ea02";\n }\n .kolicon-alert-success::before {\n content: "\\ea03";\n }\n .kolicon-alert-warning::before {\n content: "\\ea04";\n }\n .kolicon-check::before {\n content: "\\ea05";\n }\n .kolicon-chevron-double-left::before {\n content: "\\ea06";\n }\n .kolicon-chevron-double-right::before {\n content: "\\ea07";\n }\n .kolicon-chevron-down::before {\n content: "\\ea08";\n }\n .kolicon-chevron-left::before {\n content: "\\ea09";\n }\n .kolicon-chevron-right::before {\n content: "\\ea0a";\n }\n .kolicon-chevron-up::before {\n content: "\\ea0b";\n }\n .kolicon-cogwheel::before {\n content: "\\ea0c";\n }\n .kolicon-cross::before {\n content: "\\ea0d";\n }\n .kolicon-eye-closed::before {\n content: "\\ea0e";\n }\n .kolicon-eye::before {\n content: "\\ea0f";\n }\n .kolicon-house::before {\n content: "\\ea10";\n }\n .kolicon-kolibri::before {\n content: "\\ea11";\n }\n .kolicon-link-external::before {\n content: "\\ea12";\n }\n .kolicon-link::before {\n content: "\\ea13";\n }\n .kolicon-minus::before {\n content: "\\ea14";\n }\n .kolicon-plus::before {\n content: "\\ea15";\n }\n .kolicon-settings::before {\n content: "\\ea16";\n }\n .kolicon-sort-asc::before {\n content: "\\ea17";\n }\n .kolicon-sort-desc::before {\n content: "\\ea18";\n }\n .kolicon-sort-neutral::before {\n content: "\\ea19";\n }\n .kolicon-up::before {\n content: "\\ea1a";\n }\n .kolicon-version::before {\n content: "\\ea1b";\n }\n}\n@layer kol-component {\n .kol-icon {\n color: inherit;\n display: inline-block;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n }\n}';const h=class{constructor(o){n(this,o);this.ctrl=new k(t.stateLess)}watchIcons(n){this.ctrl.watchIcons(n)}watchLabel(n){this.ctrl.watchLabel(n)}componentWillLoad(){this.ctrl.componentWillLoad({icons:this._icons,label:this._label})}render(){return o(e,{key:"0127f2d35f4164f440a30fec825e10158fc833a5"},o(c,{key:"6fa23897706337c29bc4ef2551904436b2a65785",icons:this.ctrl.getRenderProp("icons"),label:this.ctrl.getRenderProp("label")}))}static get watchers(){return{_icons:["watchIcons"],_label:["watchLabel"]}}};h.style={default:b};export{h as kol_icon};
//# sourceMappingURL=kol-icon.entry.js.map