@senx/discovery-plugin-marauder/dist/cjs/discovery-spinner.cjs.entry.js

Discovery plugin - Marauder's map

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-df4aa1cc.js');

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{width:100%;height:100%}:host>div{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}:host .discovery-back-drop{background-color:var(--warp-view-modal-backdrop-color, rgba(0, 0, 0, 0.4));padding:20px;-ms-flex-pack:center;justify-content:center;--warp-view-font-color:#ffffff;--warp-view-spinner-size:50px;font-weight:bold;height:calc(100% - 40px)}:host span.message{color:var(--warp-view-font-color, #404040);padding-left:10px}:host .hidden{color:transparent;font-size:0;height:0;overflow:hidden}:host .loader{width:var(--warp-view-spinner-size, 12px);height:var(--warp-view-spinner-size, 12px);border:calc(var(--warp-view-spinner-size, 12px) / 10) solid transparent;border-bottom-color:var(--warp-view-spinner-color, #ff9900);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
const DiscoverySpinnerStyle0 = discoverySpinnerCss;

const DiscoverySpinner = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.message = 'Loading...';
        this.backdrop = false;
    }
    componentDidLoad() {
        this.message = this.el.innerText || this.message;
    }
    render() {
        return (index.h(index.Host, { key: '2eb92bc828a1e24b589101f54e2fe51ef3423890' }, index.h("div", { key: '83761885fddf3cc11af8f6c32216c53039fd5ea5', class: { 'discovery-back-drop': this.backdrop } }, index.h("div", { key: '06c58ddffc16ff5aef65156408f8b2f277db5c6a', class: "loader" }), index.h("span", { key: '15aee5a5707b35df55f155fe8d24611234e50537', class: "message" }, this.message), index.h("span", { key: '323d1d979874a22ee45e354d5ff17a133244614a', class: "hidden" }, index.h("slot", { key: '67ca7722105100192c45006b9b00fcabb2ffa68b' })))));
    }
    get el() { return index.getElement(this); }
};
DiscoverySpinner.style = DiscoverySpinnerStyle0;

exports.discovery_spinner = DiscoverySpinner;

//# sourceMappingURL=discovery-spinner.cjs.entry.js.map