@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
32 lines (31 loc) • 1.78 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import { Fragment, h } from "@stencil/core";
function renderSpinVariant(variant) {
switch (variant) {
case 'cycle':
return h("span", { class: `kol-spin__loader kol-spin__spinner--${variant}__element` });
case 'none':
return h("slot", { name: "expert" });
default:
return (h(Fragment, null, h("span", { class: `kol-spin__spinner-element
kol-spin__spinner-element--1
kol-spin__spinner--${variant}__element
kol-spin__spinner--${variant}__element--1` }), h("span", { class: `kol-spin__spinner-element
kol-spin__spinner-element--2
kol-spin__spinner--${variant}__element
kol-spin__spinner--${variant}__element--2` }), h("span", { class: `kol-spin__spinner-element
kol-spin__spinner-element--3
kol-spin__spinner--${variant}__element
kol-spin__spinner--${variant}__element--3` }), h("span", { class: `kol-spin__spinner-element
kol-spin__spinner-element--neutral
kol-spin__spinner--${variant}__element
kol-spin__spinner--${variant}__element--4` })));
}
}
export const SpinFC = (props) => {
const { show, label, variant, showToggled, handleGetTranslateActionRunning, handleGetTranslateActionDone } = props;
return (h(Fragment, null, show ? (h(Fragment, null, h("span", { class: `kol-spin__spinner kol-spin__spinner--${variant}` }, renderSpinVariant(variant)), h("span", { "aria-busy": "true", class: "visually-hidden", role: "alert" }, label || handleGetTranslateActionRunning()))) : (showToggled && (h("span", { "aria-busy": "false", class: "visually-hidden", role: "alert" }, label || handleGetTranslateActionDone())))));
};
//# sourceMappingURL=component.js.map