@corti/dictation-web
Version:
Web component for Corti Dictation
158 lines • 4.72 kB
JavaScript
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
/* eslint-disable max-classes-per-file */
import { css, html, LitElement } from "lit";
import { customElement } from "lit/decorators.js";
let IconMicOn = class IconMicOn extends LitElement {
render() {
return html `
<div style="display: flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-mic"
>
<path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
<path d="M19 10v2a7 7 0 0 1-14 0v-2" />
<line x1="12" x2="12" y1="19" y2="22" />
</svg>
</div>
`;
}
};
IconMicOn = __decorate([
customElement("icon-mic-on")
], IconMicOn);
export { IconMicOn };
let IconMicOff = class IconMicOff extends LitElement {
render() {
return html ` <div style="display: flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-mic-off"
>
<line x1="2" x2="22" y1="2" y2="22" />
<path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" />
<path d="M5 10v2a7 7 0 0 0 12 5" />
<path d="M15 9.34V5a3 3 0 0 0-5.68-1.33" />
<path d="M9 9v3a3 3 0 0 0 5.12 2.12" />
<line x1="12" x2="12" y1="19" y2="22" />
</svg>
</div>`;
}
};
IconMicOff = __decorate([
customElement("icon-mic-off")
], IconMicOff);
export { IconMicOff };
let IconRecording = class IconRecording extends LitElement {
render() {
return html `
<div style="display: flex;">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-circle-stop"
>
<circle cx="12" cy="12" r="10" />
<rect x="9" y="9" width="6" height="6" rx="1" fill="currentColor" />
</svg>
</div>
`;
}
};
IconRecording = __decorate([
customElement("icon-recording")
], IconRecording);
export { IconRecording };
let IconSettings = class IconSettings extends LitElement {
render() {
return html `<div style="display: flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-settings-2"
>
<path d="M20 7h-9" />
<path d="M14 17H5" />
<circle cx="17" cy="17" r="3" />
<circle cx="7" cy="7" r="3" />
</svg>
</div>`;
}
};
IconSettings = __decorate([
customElement("icon-settings")
], IconSettings);
export { IconSettings };
let IconLoadingSpinner = class IconLoadingSpinner extends LitElement {
render() {
return html `<div style="display: flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-loader-circle spin"
>
<path d="M21 12a9 9 0 1 1-6.219-8.56" />
</svg>
</div>`;
}
};
IconLoadingSpinner.styles = css `
spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spin {
animation: spin 1s linear infinite;
}
`;
IconLoadingSpinner = __decorate([
customElement("icon-loading-spinner")
], IconLoadingSpinner);
export { IconLoadingSpinner };
//# sourceMappingURL=icons.js.map