xmpp.chapril.org-conversejs/src/templates/spinner.js

import { html } from "lit";

export default (o={}) => {
    if (o.classes?.includes('hor_centered')) {
        return html`<div class="spinner__container"><converse-icon size="1em" class="fa fa-spinner spinner centered ${o.classes || ''}"></converse-icon></div>`
    } else {
        return html`<converse-icon size="1em" class="fa fa-spinner spinner centered ${o.classes || ''}"></converse-icon>`
    }
}
Upgrade to Webpack 3 Had to make various other changes due to incompatibilities. - Use the new `lit` package instead of `lit-html` or `lit-element` - Drop `haunted` since it breaks the rules by specifying `type: module` but then doesn't import with file extensions - Use Sass Dart instead of node-sass (fixes #2445) - Upgrade Karma 2021-04-14 22:56:59 +02:00			`import { html } from "lit";`
Replace modal templates with lit-html components 2020-01-23 10:18:41 +01:00
Add a placeholder to indicate a gap in the message history The user can click the placeholder to fill in the gap. 2021-06-15 12:17:02 +02:00			`export default (o={}) => {`
			`if (o.classes?.includes('hor_centered')) {`
Use SVG icons and tweak message padding 2022-01-31 21:51:51 +01:00			return html`<div class="spinner__container"><converse-icon size="1em" class="fa fa-spinner spinner centered ${o.classes \|\| ''}"></converse-icon></div>`
Add a placeholder to indicate a gap in the message history The user can click the placeholder to fill in the gap. 2021-06-15 12:17:02 +02:00			`} else {`
Use SVG icons and tweak message padding 2022-01-31 21:51:51 +01:00			return html`<converse-icon size="1em" class="fa fa-spinner spinner centered ${o.classes \|\| ''}"></converse-icon>`
Add a placeholder to indicate a gap in the message history The user can click the placeholder to fill in the gap. 2021-06-15 12:17:02 +02:00			`}`
			`}`