@design.estate/dees-catalog 1.0.173

package/dist_ts_web/elements/dees-pdf.js

@@ -0,0 +1,108 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var DeesPdf_1;
+import { DeesElement, property, html, customElement, domtools, } from '@design.estate/dees-element';
+import { Deferred } from '@push.rocks/smartpromise';
+export let DeesPdf = class DeesPdf extends DeesElement {
+    static { DeesPdf_1 = this; }
+    // DEMO
+    static { this.demo = () => html ` <dees-pdf></dees-pdf> `; }
+    constructor() {
+        super();
+        // INSTANCE
+        this.pdfUrl = 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf';
+        // you have access to all kinds of things through this.
+        // this.setAttribute('gotIt','true');
+    }
+    render() {
+        return html `
+      <style>
+        :host {
+          font-family: 'Mona Sans', 'Inter', sans-serif;
+          display: block;
+          box-sizing: border-box;
+          max-width: 800px;
+        }
+        :host([hidden]) {
+          display: none;
+        }
+
+        #pdfcanvas {
+          box-shadow: 0px 0px 5px #ccc;
+          width: 100%;
+        }
+      </style>
+      <canvas id="pdfcanvas" .height=${0} .width=${0}></canvas>
+    `;
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        if (!DeesPdf_1.pdfJsReady) {
+            const pdfJsReadyDeferred = domtools.plugins.smartpromise.defer();
+            DeesPdf_1.pdfJsReady = pdfJsReadyDeferred.promise;
+            const loadDeferred = domtools.plugins.smartpromise.defer();
+            const script = document.createElement('script');
+            script.addEventListener('load', () => {
+                console.log('pdf.js loaded!');
+                loadDeferred.resolve();
+            });
+            script.src = 'https:////mozilla.github.io/pdf.js/build/pdf.js';
+            document.getElementsByTagName('head')[0].appendChild(script);
+            // The workerSrc property shall be specified.
+            await loadDeferred.promise;
+            DeesPdf_1.pdfjsLib = window['pdfjs-dist/build/pdf'];
+            DeesPdf_1.pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
+            pdfJsReadyDeferred.resolve();
+        }
+        await DeesPdf_1.pdfJsReady;
+        this.displayContent();
+    }
+    async displayContent() {
+        await DeesPdf_1.pdfJsReady;
+        // Asynchronous download of PDF
+        const loadingTask = DeesPdf_1.pdfjsLib.getDocument(this.pdfUrl);
+        loadingTask.promise.then((pdf) => {
+            console.log('PDF loaded');
+            // Fetch the first page
+            const pageNumber = 1;
+            pdf.getPage(pageNumber).then((page) => {
+                console.log('Page loaded');
+                const scale = 10;
+                const viewport = page.getViewport({ scale: scale });
+                // Prepare canvas using PDF page dimensions
+                const canvas = this.shadowRoot.querySelector('#pdfcanvas');
+                const context = canvas.getContext('2d');
+                canvas.height = viewport.height;
+                canvas.width = viewport.width;
+                // Render PDF page into canvas context
+                const renderContext = {
+                    canvasContext: context,
+                    viewport: viewport,
+                };
+                const renderTask = page.render(renderContext);
+                renderTask.promise.then(function () {
+                    console.log('Page rendered');
+                });
+            });
+        }, (reason) => {
+            // PDF loading error
+            console.error(reason);
+        });
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], DeesPdf.prototype, "pdfUrl", void 0);
+DeesPdf = DeesPdf_1 = __decorate([
+    customElement('dees-pdf'),
+    __metadata("design:paramtypes", [])
+], DeesPdf);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1wZGYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1wZGYudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsUUFBUSxHQUF3QyxNQUFNLDZCQUE2QixDQUFDO0FBRXpJLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQVc3QyxXQUFNLE9BQU8sR0FBYixNQUFNLE9BQVEsU0FBUSxXQUFXOztJQUN0QyxPQUFPO2FBQ08sU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSx5QkFBeUIsQUFBdEMsQ0FBdUM7SUFRekQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVBWLFdBQVc7UUFHSixXQUFNLEdBQ1gsNEZBQTRGLENBQUM7UUFLN0YsdURBQXVEO1FBQ3ZELHFDQUFxQztJQUN2QyxDQUFDO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozt1Q0FpQndCLENBQUMsV0FBVyxDQUFDO0tBQy9DLENBQUM7SUFDSixDQUFDO0lBSU0sS0FBSyxDQUFDLGlCQUFpQjtRQUM1QixLQUFLLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBTyxDQUFDLFVBQVUsRUFBRTtZQUN2QixNQUFNLGtCQUFrQixHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2pFLFNBQU8sQ0FBQyxVQUFVLEdBQUcsa0JBQWtCLENBQUMsT0FBTyxDQUFDO1lBQ2hELE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzNELE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDaEQsTUFBTSxD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

package/dist_ts_web/elements/dees-preview.d.ts

@@ -0,0 +1 @@
+export {};

package/dist_ts_web/elements/dees-preview.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1wcmV2aWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtcHJldmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist_ts_web/elements/dees-search.d.ts

@@ -0,0 +1 @@
+export {};

package/dist_ts_web/elements/dees-search.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zZWFyY2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zZWFyY2gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist_ts_web/elements/dees-searchbox.d.ts

@@ -0,0 +1 @@
+export {};

package/dist_ts_web/elements/dees-searchbox.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zZWFyY2hib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zZWFyY2hib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist_ts_web/elements/dees-speechbubble.d.ts

@@ -0,0 +1,18 @@
+import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-speechbubble': DeesSpeechbubble;
+    }
+}
+export declare class DeesSpeechbubble extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    text: string;
+    disabled: boolean;
+    isHidden: boolean;
+    status: 'normal' | 'pending' | 'success' | 'error';
+    constructor();
+    static styles: CSSResult[];
+    render(): TemplateResult;
+    handleClick(): Promise<void>;
+    firstUpdated(): Promise<void>;
+}

package/dist_ts_web/elements/dees-speechbubble.js

@@ -0,0 +1,153 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+export let DeesSpeechbubble = class DeesSpeechbubble extends DeesElement {
+    static { this.demo = () => html ` <dees-speechbubble></dees-speechbubble> `; }
+    constructor() {
+        super();
+        this.disabled = false;
+        this.isHidden = false;
+        this.status = 'normal';
+    }
+    static { this.styles = [
+        cssManager.defaultStyles,
+        css `
+      :host {
+        position: relative;
+        display: block;
+        box-sizing: border-box;
+        color: ${cssManager.bdTheme('#333', '#fff')};
+        cursor: pointer;
+        user-select: none;
+      }
+      :host([hidden]) {
+        display: none;
+      }
+
+      .maincontainer {
+        will-change: transform;
+        transition: transform 0.2s;
+        transform: translateX(0px);
+        position: relative;
+        transition: all 0.2s;
+        margin-left: 0px;
+      }
+
+      .maincontainer:hover {
+        transform: translateX(3px);
+      }
+
+      .arrow {
+        position: absolute;
+        transform: rotate(45deg);
+        background: ${cssManager.bdTheme('#fff', '#333')};
+        height: 15px;
+        width: 15px;
+        left: 4px;
+        top: 5px;
+        border-radius: 2px;
+      }
+
+      .speechbubble {
+        background: ${cssManager.bdTheme('#fff', '#333')};
+        padding: 0px 10px;
+        border-radius: 3px;
+        position: absolute;
+        line-height: 25px;
+        font-size: 12px;
+        top: 0px;
+        left: 8px;
+      }
+
+      .wave {
+        animation-name: wave-animation; /* Refers to the name of your @keyframes element below */
+        animation-duration: 2.5s; /* Change to speed up or slow down */
+        animation-iteration-count: infinite; /* Never stop waving :) */
+        transform-origin: 70% 70%; /* Pivot around the bottom-left palm */
+        display: inline-block;
+      }
+
+      @keyframes wave-animation {
+        0% {
+          transform: rotate(0deg);
+        }
+        10% {
+          transform: rotate(14deg);
+        } /* The following five values can be played with to make the waving more or less extreme */
+        20% {
+          transform: rotate(-8deg);
+        }
+        30% {
+          transform: rotate(14deg);
+        }
+        40% {
+          transform: rotate(-4deg);
+        }
+        50% {
+          transform: rotate(10deg);
+        }
+        60% {
+          transform: rotate(0deg);
+        } /* Reset for the last half to pause */
+        100% {
+          transform: rotate(0deg);
+        }
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="maincontainer" @click=${this.handleClick}>
+        <div class="arrow"></div>
+        <div class="speechbubble"><span class="wave">👋</span> We build with launch.sh, and you can too.</div>
+      </div>
+    `;
+    }
+    async handleClick() {
+        if (this.disabled) {
+            return;
+        }
+        globalThis.location.href = "https://launch.sh";
+    }
+    async firstUpdated() {
+        if (!this.textContent) {
+            this.textContent = 'Button';
+            this.performUpdate();
+        }
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], DeesSpeechbubble.prototype, "text", void 0);
+__decorate([
+    property({
+        type: Boolean,
+    }),
+    __metadata("design:type", Object)
+], DeesSpeechbubble.prototype, "disabled", void 0);
+__decorate([
+    property({
+        type: Boolean,
+    }),
+    __metadata("design:type", Object)
+], DeesSpeechbubble.prototype, "isHidden", void 0);
+__decorate([
+    property({
+        type: String,
+    }),
+    __metadata("design:type", String)
+], DeesSpeechbubble.prototype, "status", void 0);
+DeesSpeechbubble = __decorate([
+    customElement('dees-speechbubble'),
+    __metadata("design:paramtypes", [])
+], DeesSpeechbubble);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zcGVlY2hidWJibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zcGVlY2hidWJibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFTbEQsV0FBTSxnQkFBZ0IsR0FBdEIsTUFBTSxnQkFBaUIsU0FBUSxXQUFXO2FBQ2pDLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsMkNBQTJDLEFBQXhELENBQXlEO0lBb0IzRTtRQUNFLEtBQUssRUFBRSxDQUFDO1FBYkgsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUtqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBS2pCLFdBQU0sR0FBK0MsUUFBUSxDQUFDO0lBSXJFLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7OztpQkFLVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQkF3QjdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7O3NCQVNsQyxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBNENuRDtLQUNGLEFBckZtQixDQXFGbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7MENBQzJCLElBQUksQ0FBQyxXQUFXOzs7O0tBSXJELENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLFdBQVc7UUFDdEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU87U0FDUjtRQUVELFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLG1CQUFtQixDQUFBO0lBQ2hELENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWTtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztZQUM1QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDOztBQWxJTTtJQUROLFFBQVEsRUFBRTs7OENBQ1M7QUFLYjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQzs7a0RBQ3NCO0FBS2pCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOztrREFDc0I7QUFLakI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O2dEQUNtRTtBQW5CMUQsZ0JBQWdCO0lBRDVCLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQzs7R0FDdEIsZ0JBQWdCLENBdUk1QiJ9

package/dist_ts_web/elements/dees-spinner.d.ts

@@ -0,0 +1,15 @@
+import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-spinner': DeesSpinner;
+    }
+}
+export declare class DeesSpinner extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    size: number;
+    bnw: boolean;
+    status: 'normal' | 'pending' | 'success' | 'error';
+    constructor();
+    static styles: CSSResult[];
+    render(): TemplateResult<1>;
+}

package/dist_ts_web/elements/dees-spinner.js

@@ -0,0 +1,130 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+export let DeesSpinner = class DeesSpinner extends DeesElement {
+    static { this.demo = () => html `
+    <dees-spinner></dees-spinner>
+    <dees-spinner status="success"></dees-spinner>
+    <dees-spinner status="error"></dees-spinner>
+    <dees-spinner size=${64} status="success"></dees-spinner>
+    <dees-spinner .size=${64} status="error"></dees-spinner>
+  `; }
+    constructor() {
+        super();
+        this.size = 20;
+        this.bnw = false;
+        this.status = 'normal';
+    }
+    static { this.styles = [
+        cssManager.defaultStyles,
+        css `
+      :host {
+        display: block;
+      }
+
+      #loading {
+        position: relative;
+        transition: none;
+        display: flex;
+        justify-content: center;
+        align-content: center;
+        background: #8bc34a00;
+        border: 3px solid ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.3)')};
+        border-radius: 50%;
+        border-top-color: ${cssManager.bdTheme('#333', '#fff')};
+        animation: spin 1s ease-in-out infinite;
+        -webkit-animation: spin 1s ease-in-out infinite;
+      }
+
+      #loading.success {
+        border: none;
+        border-radius: 50%;
+        animation: none;
+        -webkit-animation: none;
+      }
+
+      #loading.error {
+        border: none;
+        border-radius: 50%;
+        animation: none;
+        -webkit-animation: none;
+      }
+
+      @keyframes spin {
+        to {
+          -webkit-transform: rotate(360deg);
+        }
+      }
+      @-webkit-keyframes spin {
+        to {
+          -webkit-transform: rotate(360deg);
+        }
+      }
+
+      dees-icon {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <style>
+        #loading {
+          width: ${this.size}px;
+          height: ${this.size}px;
+        }
+        #loading.success {
+          color: ${cssManager.bdTheme(this.bnw ? '#333' : `#8bc34a`, this.bnw ? '#fff' : `#8bc34a`)};
+          
+        }
+        #loading.error {
+          color: ${cssManager.bdTheme(this.bnw ? '#333' : `#e64a19`, this.bnw ? '#fff' : `#e64a19`)};
+        }
+        dees-icon {
+          font-size: ${this.size}px;
+        }
+      </style>
+      <div class="${this.status}" id="loading">
+        ${(() => {
+            if (this.status === 'success') {
+                return html `<dees-icon style="transform: translateX(1%) translateY(3%);" .iconFA=${'circleCheck'}></dees-icon>`;
+            }
+            else if (this.status === 'error') {
+                return html `<dees-icon .iconFA=${'circleXmark'}></dees-icon>`;
+            }
+        })()}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Object)
+], DeesSpinner.prototype, "size", void 0);
+__decorate([
+    property({
+        type: String,
+    }),
+    __metadata("design:type", Boolean)
+], DeesSpinner.prototype, "bnw", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], DeesSpinner.prototype, "status", void 0);
+DeesSpinner = __decorate([
+    customElement('dees-spinner'),
+    __metadata("design:paramtypes", [])
+], DeesSpinner);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zcGlubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtc3Bpbm5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBRUgsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQVNsRCxXQUFNLFdBQVcsR0FBakIsTUFBTSxXQUFZLFNBQVEsV0FBVzthQUM1QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7O3lCQUlSLEVBQUU7MEJBQ0QsRUFBRTtHQUN6QixBQU5pQixDQU1oQjtJQWVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFYSCxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBS1YsUUFBRyxHQUFZLEtBQUssQ0FBQztRQUdyQixXQUFNLEdBQStDLFFBQVEsQ0FBQztJQUlyRSxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7OzRCQVlxQixVQUFVLENBQUMsT0FBTyxDQUFDLG9CQUFvQixFQUFFLDBCQUEwQixDQUFDOzs0QkFFcEUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQW1DekQ7S0FDRixBQXBEbUIsQ0FvRGxCO0lBRUYsTUFBTTtRQUNKLE9BQU8sSUFBSSxDQUFBOzs7bUJBR0ksSUFBSSxDQUFDLElBQUk7b0JBQ1IsSUFBSSxDQUFDLElBQUk7OzttQkFHVixVQUFVLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQSxDQUFDLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDOzs7O21CQUkvRSxVQUFVLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQSxDQUFDLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDOzs7dUJBRzNFLElBQUksQ0FBQyxJQUFJOzs7b0JBR1osSUFBSSxDQUFDLE1BQU07VUFDckIsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssU0FBUyxFQUFFO2dCQUM3QixPQUFPLElBQUksQ0FBQSx3RUFBd0UsYUFBb0IsZUFBZSxDQUFDO2FBQ3hIO2lCQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxPQUFPLEVBQUU7Z0JBQ2xDLE9BQVEsSUFBSSxDQUFBLHNCQUFzQixhQUFvQixlQUFlLENBQUM7YUFDdkU7UUFDSCxDQUFDLENBQUMsRUFBRTs7S0FFUCxDQUFDO0lBQ0osQ0FBQzs7QUFoR007SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3lDQUNlO0FBS1Y7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3dDQUMwQjtBQUdyQjtJQUROLFFBQVEsRUFBRTs7MkNBQzBEO0FBcEIxRCxXQUFXO0lBRHZCLGFBQWEsQ0FBQyxjQUFjLENBQUM7O0dBQ2pCLFdBQVcsQ0E2R3ZCIn0=

package/dist_ts_web/elements/dees-stepper.d.ts

@@ -0,0 +1,29 @@
+import { DeesElement, type CSSResult, type TemplateResult } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+export interface IStep {
+    title: string;
+    content: TemplateResult;
+    validationFunc?: (stepper: DeesStepper, htmlElement: HTMLElement) => Promise<any>;
+    onReturnToStepFunc?: (stepper: DeesStepper, htmlElement: HTMLElement) => Promise<any>;
+    validationFuncCalled?: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-stepper': DeesStepper;
+    }
+}
+export declare class DeesStepper extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    steps: IStep[];
+    selectedStep: IStep;
+    constructor();
+    static styles: CSSResult[];
+    render(): TemplateResult<1>;
+    getIndexOfStep: (stepArg: IStep) => number;
+    firstUpdated(): Promise<void>;
+    updated(): Promise<void>;
+    scroller: typeof domtools.plugins.SweetScroll.prototype;
+    setScrollStatus(): Promise<void>;
+    goBack(): Promise<void>;
+    goNext(): void;
+}