@senx/discovery-plugin-marauder/dist/components/discovery-spinner2.js

Discovery plugin - Marauder's map

import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const discoverySpinnerCss = "/*!\n *   Copyright 2022  SenX S.A.S.\n *\n *   Licensed under the Apache License, Version 2.0 (the \"License\");\n *   you may not use this file except in compliance with the License.\n *   You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n *   Unless required by applicable law or agreed to in writing, software\n *   distributed under the License is distributed on an \"AS IS\" BASIS,\n *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *   See the License for the specific language governing permissions and\n *   limitations under the License.\n *//*!\n *   Copyright 2022-2024 SenX S.A.S.\n *\n *   Licensed under the Apache License, Version 2.0 (the \"License\");\n *   you may not use this file except in compliance with the License.\n *   You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n *   Unless required by applicable law or agreed to in writing, software\n *   distributed under the License is distributed on an \"AS IS\" BASIS,\n *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *   See the License for the specific language governing permissions and\n *   limitations under the License.\n */:host span.message{color:var(--warp-view-font-color, #404040);padding-left:5px}:host .hidden{color:transparent;font-size:0;height:0;overflow:hidden}:host .loader{font-size:10px;display:inline-block;text-indent:-9999em;width:12px;height:11px;border-radius:50%;background:var(--warp-view-spinner-color, #ff9900);background:-moz-linear-gradient(left, var(--warp-view-spinner-color, #ff9900) 10%, rgba(0, 0, 0, 0) 42%);background:-webkit-linear-gradient(left, var(--warp-view-spinner-color, #ff9900) 10%, rgba(0, 0, 0, 0) 42%);background:-o-linear-gradient(left, var(--warp-view-spinner-color, #ff9900) 10%, rgba(0, 0, 0, 0) 42%);background:-ms-linear-gradient(left, var(--warp-view-spinner-color, #ff9900) 10%, rgba(0, 0, 0, 0) 42%);background:-webkit-gradient(linear, left top, right top, color-stop(10%, var(--warp-view-spinner-color, #ff9900)), color-stop(42%, rgba(0, 0, 0, 0)));background:linear-gradient(to right, var(--warp-view-spinner-color, #ff9900) 10%, rgba(0, 0, 0, 0) 42%);position:relative;-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}:host .loader:before{width:50%;height:50%;background:var(--warp-view-spinner-color, #ff9900);border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:\"\"}:host .loader:after{background:#ffffff;width:75%;height:75%;border-radius:50%;content:\"\";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
const DiscoverySpinnerStyle0 = discoverySpinnerCss;

const DiscoverySpinner = /*@__PURE__*/ proxyCustomElement(class DiscoverySpinner extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.message = 'Loading...';
    }
    componentDidLoad() {
        this.message = this.el.innerText || this.message;
    }
    render() {
        return (h(Host, { key: '617b18a85683ff7e360bc50c112ffcb4268dac71' }, h("div", { key: '6bf3674a0d1a78f1496709b1b5bbf654b1a13ebb', class: "loader" }), h("span", { key: 'abdbc8aad4c21f293a1eb9eb3b09910090f7bf0f', class: "message" }, this.message), h("span", { key: '0561cd56d5ab02f09f81ea3748759fec1dcaf4c1', class: "hidden" }, h("slot", { key: '94da956abaf6c1ee367dd62ec766ac7e9e3dcb3c' }))));
    }
    get el() { return this; }
    static get style() { return DiscoverySpinnerStyle0; }
}, [1, "discovery-spinner", {
        "message": [1025]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["discovery-spinner"];
    components.forEach(tagName => { switch (tagName) {
        case "discovery-spinner":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DiscoverySpinner);
            }
            break;
    } });
}

export { DiscoverySpinner as D, defineCustomElement as d };

//# sourceMappingURL=discovery-spinner2.js.map