@descope/sdk-mixins/dist/cjs/mixins/initElementMixin.js

Descope JavaScript SDK mixins

'use strict';

var sdkHelpers = require('@descope/sdk-helpers');
var injectStyleMixin = require('./injectStyleMixin.js');

const CONTENT_ROOT_ID = 'content-root';
const ROOT_ID = 'root';
const initElementMixin = sdkHelpers.createSingletonMixin((superclass) => {
    const BaseClass = sdkHelpers.compose(injectStyleMixin.injectStyleMixin)(superclass);
    return class InitElementMixinClass extends BaseClass {
        constructor(...rest) {
            var _a, _b;
            super(...rest);
            this.attachShadow({ mode: 'open' }).innerHTML = `
          <div id="${ROOT_ID}">
            <div id="${CONTENT_ROOT_ID}"></div>
          </div>
          `;
            this.injectStyle(`
            #${ROOT_ID}, #${CONTENT_ROOT_ID} {
              height: 100%;
            }
            #${ROOT_ID} {
              position: relative;
              height: fit-content;
            }
          `);
            this.contentRootElement =
                (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById(CONTENT_ROOT_ID);
            this.rootElement = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(ROOT_ID);
        }
    };
});

exports.initElementMixin = initElementMixin;
//# sourceMappingURL=initElementMixin.js.map