@social.io/catalog 1.0.93

package/dist_ts_web/00_commitinfo_data.d.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @push.rocks/commitinfo
+ */
+export declare const commitinfo: {
+    name: string;
+    version: string;
+    description: string;
+};

package/dist_ts_web/00_commitinfo_data.js

@@ -0,0 +1,9 @@
+/**
+ * autocreated commitinfo by @push.rocks/commitinfo
+ */
+export const commitinfo = {
+    name: '@social.io/catalog',
+    version: '1.0.93',
+    description: 'catalog for social.io'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsb0JBQW9CO0lBQzFCLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSx1QkFBdUI7Q0FDckMsQ0FBQSJ9

package/dist_ts_web/elements/index.d.ts

@@ -0,0 +1,4 @@
+export * from './sio-fab.js';
+export * from './sio-combox.js';
+export * from './sio-subwidget-onboardme.js';
+export * from './sio-subwidget-conversations.js';

package/dist_ts_web/elements/index.js

@@ -0,0 +1,5 @@
+export * from './sio-fab.js';
+export * from './sio-combox.js';
+export * from './sio-subwidget-onboardme.js';
+export * from './sio-subwidget-conversations.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsa0NBQWtDLENBQUMifQ==

package/dist_ts_web/elements/sio-combox.d.ts

@@ -0,0 +1,13 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export declare class SioCombox extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    referenceObject: HTMLElement;
+    /**
+     * computes the button offset
+     */
+    cssComputeHeight(): number;
+    cssComputeInnerScroll(): void;
+    constructor();
+    render(): TemplateResult;
+    updated(): Promise<void>;
+}

package/dist_ts_web/elements/sio-combox.js

@@ -0,0 +1,194 @@
+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 { DeesElement, property, html, customElement, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as deesCatalog from '@design.estate/dees-catalog';
+deesCatalog;
+let SioCombox = class SioCombox extends DeesElement {
+    static { this.demo = () => html ` <sio-combox></sio-combox> `; }
+    /**
+     * computes the button offset
+     */
+    cssComputeHeight() {
+        let height = window.innerHeight < 760 ? window.innerHeight : 760;
+        if (!this.referenceObject) {
+            console.log('SioCombox: no reference object set');
+        }
+        if (this.referenceObject) {
+            console.log(`referenceObject height is ${this.referenceObject.clientHeight}`);
+            height = height - (this.referenceObject.clientHeight + 60);
+        }
+        return height;
+    }
+    cssComputeInnerScroll() {
+        console.log(`SioCombox clientHeight: ${this.shadowRoot.querySelector('.mainbox').clientHeight}`);
+        console.log(`SioCombox content scrollheight is: ${this.shadowRoot.querySelector('.contentbox').clientHeight}`);
+        if (this.shadowRoot.querySelector('.mainbox').clientHeight <
+            this.shadowRoot.querySelector('.contentbox').clientHeight) {
+            this.shadowRoot.querySelector('.mainbox').style.overflowY = 'scroll';
+        }
+        else {
+            this.shadowRoot.querySelector('.mainbox').style.overflowY = 'hidden';
+        }
+    }
+    constructor() {
+        super();
+        domtools.DomTools.setupDomTools();
+    }
+    render() {
+        return html `
+      ${domtools.elementBasic.styles}
+      <style>
+        :host {
+          overflow: hidden;
+          font-family: 'Dees Sans';
+          position: absolute;
+          display: block;
+          height: ${this.cssComputeHeight()}px;
+          width: 375px;
+          background: ${this.goBright ? '#eeeeee' : '#000000'};
+          border-radius: 16px;
+          border: 1px solid rgba(250, 250, 250, 0.2);
+          right: 0px;
+          z-index: 10000;
+          box-shadow: 0px 0px 5px ${this.goBright ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.5)'};
+          color: ${this.goBright ? '#333' : '#ccc'};
+          cursor: default;
+          user-select: none;
+          text-align: left;
+        }
+
+        .mainbox {
+          position: absolute;
+          height: 100%;
+          width: 100%;
+          overflow: hidden;
+          overscroll-behavior: contain;
+          padding-bottom: 80px;
+        }
+
+        .toppanel {
+          height: 200px;
+          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+          padding: 20px;
+          --bg-color: ${this.goBright ? '#00000050' : '#ffffff30'};
+          --dot-color: #ffffff00;
+          --dot-size: 1px;
+          --dot-space: 6px;
+
+          background: linear-gradient(45deg, var(--bg-color) 1px, var(--dot-color) 1px) top left;
+          background-size: var(--dot-space) var(--dot-space);
+          margin-bottom: -50px;
+        }
+
+        #greeting {
+          padding-top: 50px;
+          font-family: 'Dees Sans';
+          margin: 0px;
+          font-size: 30px;
+          font-weight: 400;
+        }
+
+        #callToAction {
+          font-family: 'Dees Sans';
+          margin: 0px;
+          font-weight: 400;
+        }
+
+        .quicktabs {
+          position: absolute;
+          z-index: 100;
+          bottom: 30px;
+          display: grid;
+          width: 100%;
+          padding-bottom: 16px;
+          grid-template-columns: repeat(2, 1fr);
+          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
+          padding-top: 24px;
+        }
+
+        .quicktabs .quicktab {
+          text-align: center;
+          width: 100%;
+        }
+        .quicktabs .quicktab .quicktabicon {
+          font-size: 20px;
+          margin-bottom: 8px;
+        }
+
+        .quicktabs .quicktab .quicktabtext {
+          font-size: 12px;
+          font-weight: 600;
+        }
+        
+
+
+        .brandingbox {
+          z-index: 101;
+          text-align: center;
+          position: absolute;
+          width: 100%;
+          bottom: 0px;
+          left: 0px;
+          font-size: 12px;
+          padding: 8px;
+          border-top: 1px solid rgba(250, 250, 250, 0.1);
+          font-family: 'Dees Sans';
+          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+          background: ${this.goBright ? '#EEE' : '#000'};
+          color: ${this.goBright ? '#333' : '#777'};
+        }
+      </style>
+      <div class="mainbox">
+        <div class="contentbox">
+          <div class="toppanel">
+            <div id="greeting">Hello :)</div>
+            <div id="callToAction">Ask us anything or share your feedback!</div>
+          </div>
+          <sio-subwidget-conversations></sio-subwidget-conversations>
+          <sio-subwidget-onboardme></sio-subwidget-onboardme>
+        </div>
+      </div>
+      <div class="quicktabs">
+        <div class="quicktab">
+          <div class="quicktabicon">
+            <dees-icon iconFA="message"></dees-icon>
+          </div>
+          <div class="quicktabtext">Conversations</div>
+        </div>
+        <div class="quicktab">
+          <div class="quicktabicon">
+            <dees-icon iconFA="mugHot"></dees-icon>
+          </div>
+          <div class="quicktabtext">Onboarding</div>
+        </div>
+      </div>
+      <div class="brandingbox">powered by social.io</div>
+    `;
+    }
+    async updated() {
+        this.cssComputeHeight();
+        window.requestAnimationFrame(() => {
+            setTimeout(() => {
+                this.cssComputeInnerScroll();
+            }, 200);
+        });
+    }
+};
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", HTMLElement)
+], SioCombox.prototype, "referenceObject", void 0);
+SioCombox = __decorate([
+    customElement('sio-combox'),
+    __metadata("design:paramtypes", [])
+], SioCombox);
+export { SioCombox };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWNvbWJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zaW8tY29tYm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEdBRWQsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDM0QsV0FBVyxDQUFDO0FBR0wsSUFBTSxTQUFTLEdBQWYsTUFBTSxTQUFVLFNBQVEsV0FBVzthQUMxQixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLDZCQUE2QixBQUExQyxDQUEyQztJQUs3RDs7T0FFRztJQUNJLGdCQUFnQjtRQUNyQixJQUFJLE1BQU0sR0FBRyxNQUFNLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDMUIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxvQ0FBb0MsQ0FBQyxDQUFDO1FBQ3BELENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixPQUFPLENBQUMsR0FBRyxDQUFDLDZCQUE2QixJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7WUFDOUUsTUFBTSxHQUFHLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQzdELENBQUM7UUFDRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDO0lBRU0scUJBQXFCO1FBQzFCLE9BQU8sQ0FBQyxHQUFHLENBQ1QsMkJBQTJCLElBQUksQ0FBQyxV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

package/dist_ts_web/elements/sio-fab.d.ts

@@ -0,0 +1,17 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sio-fab': SioFab;
+    }
+}
+export declare class SioFab extends DeesElement {
+    showCombox: boolean;
+    static demo: () => TemplateResult<1>;
+    constructor();
+    render(): TemplateResult;
+    /**
+     * toggles the combox
+     */
+    toggleCombox(): Promise<void>;
+    firstUpdated(args: any): Promise<void>;
+}

package/dist_ts_web/elements/sio-fab.js

@@ -0,0 +1,180 @@
+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 { DeesElement, property, html, customElement, cssManager, css, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import { SioCombox } from './sio-combox.js';
+SioCombox;
+let SioFab = class SioFab extends DeesElement {
+    static { this.demo = () => html ` <sio-fab .showCombox=${true}></sio-fab> `; }
+    constructor() {
+        super();
+        this.showCombox = false;
+        domtools.DomTools.setupDomTools();
+    }
+    render() {
+        return html `
+      ${domtools.elementBasic.styles}
+      <style>
+        :host {
+          will-change: transform;
+          position: absolute;
+          display: block;
+          bottom: 20px;
+          right: 20px;
+          z-index: 10000;
+          color: #fff;
+        }
+
+        #mainbox {
+          transition: all 0.2s;
+          position: absolute;
+          bottom: 0px;
+          right: 0px;
+          height: 60px;
+          width: 60px;
+          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
+          line-height: 60px;
+          text-align: center;
+          color: #ccc;
+          cursor: pointer;
+          background: ${this.goBright
+            ? 'linear-gradient(-45deg, #eeeeeb, #eeeeeb)'
+            : 'linear-gradient(-45deg, #222222, #333333)'};
+          border-radius: 50% 50% 50% 50%;
+          user-select: none;
+        }
+
+        #mainbox:hover {
+          transform: scale(1.05);
+        }
+
+        #mainbox:active {
+          transform: scale(0.95);
+        }
+
+        #mainbox .icon {
+          position: absolute;
+          top: 0px;
+          left: 0px;
+          will-change: transform;
+          transform: ${this.showCombox ? 'rotate(0deg)' : 'rotate(-360deg)'};
+          transition: all 0.2s;
+          height: 100%;
+          width: 100%;
+          object-fit: contain;
+          -webkit-user-drag: none;
+          -khtml-user-drag: none;
+          -moz-user-drag: none;
+          -o-user-drag: none;
+          user-drag: none;
+        }
+
+        #mainbox .icon img {
+          filter: grayscale(1) ${cssManager.bdTheme('invert(1)', '')};
+          position: absolute;
+          width: 100%;
+          top: 0px;
+          left: 0px;
+          will-change: transform;
+          transform: scale(0.2, 0.2) translateY(-5px);
+        }
+        #mainbox .icon.open:hover img {
+          filter: grayscale(0);
+        }
+
+        #mainbox .icon.open {
+          opacity: ${this.showCombox ? '0' : '1'};
+          pointer-events: ${this.showCombox ? 'none' : 'all'};
+        }
+
+        #mainbox .icon.close {
+          opacity: ${this.showCombox ? '1' : '0'};
+          pointer-events: ${this.showCombox ? 'all' : 'none'};
+        }
+        #mainbox .icon.close:hover dees-icon {
+          color: ${cssManager.bdTheme('#111', '#fff')};
+        }
+
+        #mainbox .icon.open dees-icon {
+          position: absolute;
+          width: 100%;
+          height: 100%;
+          font-size: 32px;
+          color: ${cssManager.bdTheme('#777', '#999')};
+          top: 2px;
+        }
+
+        #mainbox .icon.close dees-icon {
+          position: absolute;
+          width: 100%;
+          height: 100%;
+          font-size: 24px;
+          color: ${cssManager.bdTheme('#666', '#CCC')};
+        }
+
+        #comboxContainer sio-combox {
+          transition: transform 0.2s, opacity 0.2s;
+          will-change: transform;
+          transform: translateY(20px);
+          bottom: 80px;
+          opacity: 0;
+          pointer-events: none;
+        }
+
+        #comboxContainer.show sio-combox {
+          transform: translateY(0px);
+          opacity: 1;
+          pointer-events: all;
+        }
+      </style>
+      <div id="mainbox" @click=${this.toggleCombox}>
+        <div class="icon open">
+          <dees-icon iconFA="message"></dees-icon>
+          <img src="https://assetbroker.lossless.one/brandfiles/00general/favicon_socialio.svg" />
+        </div>
+        <div class="icon close">
+          <dees-icon iconFa="xmark"></dees-icon>
+        </div>
+      </div>
+      <div id="comboxContainer" class="${this.showCombox ? 'show' : null}">
+        <sio-combox></sio-combox>
+      </div>
+    `;
+    }
+    /**
+     * toggles the combox
+     */
+    async toggleCombox() {
+        console.log('toggle combox');
+        this.showCombox = !this.showCombox;
+    }
+    async firstUpdated(args) {
+        super.firstUpdated(args);
+        const domtools = await this.domtoolsPromise;
+        const sioCombox = this.shadowRoot.querySelector('sio-combox');
+        const mainBox = this.shadowRoot.querySelector('#mainbox');
+        sioCombox.referenceObject = mainBox;
+        domtools.keyboard
+            .on([domtools.keyboard.keyEnum.Ctrl, domtools.keyboard.keyEnum.S])
+            .subscribe((event) => {
+            this.showCombox = !this.showCombox;
+        });
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], SioFab.prototype, "showCombox", void 0);
+SioFab = __decorate([
+    customElement('sio-fab'),
+    __metadata("design:paramtypes", [])
+], SioFab);
+export { SioFab };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWZhYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zaW8tZmFiLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsVUFBVSxFQUNWLEdBQUcsR0FDSixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVDLFNBQVMsQ0FBQztBQVNILElBQU0sTUFBTSxHQUFaLE1BQU0sTUFBTyxTQUFRLFdBQVc7YUFJdkIsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSx5QkFBeUIsSUFBSSxjQUFjLEFBQXhELENBQXlEO0lBRTNFO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFMSCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBTXhCLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLFFBQVEsQ0FBQyxZQUFZLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3dCQXdCWixJQUFJLENBQUMsUUFBUTtZQUN6QixDQUFDLENBQUMsMkNBQTJDO1lBQzdDLENBQUMsQ0FBQywyQ0FBMkM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFrQmxDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCOzs7Ozs7Ozs7Ozs7O2lDQWExQyxVQUFVLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUM7Ozs7Ozs7Ozs7Ozs7cUJBYS9DLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRzs0QkFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLOzs7O3FCQUl2QyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUc7NEJBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTTs7O21CQUd6QyxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7O21CQVFsQyxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7OzttQkFTbEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7aUNBa0JwQixJQUFJLENBQUMsWUFBWTs7Ozs7Ozs7O3lDQVNULElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSTs7O0tBR25FLENBQUM7SUFDSixDQUFDO0lBRUQ7O09BRUc7SUFDSSxLQUFLLENBQUMsWUFBWTtRQUN2QixPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3JDLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWSxDQUFDLElBQUk7UUFDNUIsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsTUFBTSxTQUFTLEdBQWMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDekUsTUFBTSxPQUFPLEdBQWdCLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZFLFNBQVMsQ0FBQyxlQUFlLEdBQUcsT0FBTyxDQUFDO1FBRXBDLFFBQVEsQ0FBQyxRQUFRO2FBQ2QsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2pFLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ25CLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ3JDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7QUFoS007SUFETixRQUFRLEVBQUU7OzBDQUNlO0FBRmYsTUFBTTtJQURsQixhQUFhLENBQUMsU0FBUyxDQUFDOztHQUNaLE1BQU0sQ0FtS2xCIn0=

package/dist_ts_web/elements/sio-subwidget-conversations.d.ts

@@ -0,0 +1,7 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as sioInterfaces from '@social.io/interfaces';
+export declare class SioSubwidgetConversations extends DeesElement {
+    conversations: sioInterfaces.ISioConversation[];
+    static demo: () => TemplateResult<1>;
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/sio-subwidget-conversations.js

@@ -0,0 +1,165 @@
+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;
+};
+import { DeesElement, property, html, customElement } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as sioInterfaces from '@social.io/interfaces';
+let SioSubwidgetConversations = class SioSubwidgetConversations extends DeesElement {
+    constructor() {
+        // STATIC
+        super(...arguments);
+        // INSTANCE
+        this.conversations = [
+            {
+                subject: 'Pricing page',
+                parties: [
+                    {
+                        id: '1',
+                        description: 'Lossless Support',
+                        name: 'Lossless Support',
+                    },
+                    {
+                        id: '2',
+                        description: 'you',
+                        name: 'you',
+                    },
+                ],
+                conversationBlocks: [
+                    {
+                        partyId: '1',
+                        text: 'Hello there :) How can we help you?',
+                    },
+                    {
+                        partyId: '2',
+                        text: 'Hi! Where is your pricing page?',
+                    },
+                ],
+            }, {
+                subject: 'Pricing page',
+                parties: [
+                    {
+                        id: '1',
+                        description: 'Lossless Support',
+                        name: 'Lossless Support',
+                    },
+                    {
+                        id: '2',
+                        description: 'you',
+                        name: 'you',
+                    },
+                ],
+                conversationBlocks: [
+                    {
+                        partyId: '1',
+                        text: 'Hello there :) How can we help you?',
+                    },
+                    {
+                        partyId: '2',
+                        text: 'Hi! Where is your pricing page?',
+                    },
+                ],
+            },
+        ];
+    }
+    static { this.demo = () => html `<sio-subwidget-conversations></sio-subwidget-conversations>`; }
+    render() {
+        return html `
+      ${domtools.elementBasic.styles}
+      <style>
+        :host {
+          color: ${this.goBright ? '#666' : '#ccc'};
+          font-family: 'Dees Sans';
+        }
+
+        .conversationbox {
+          padding: 20px;
+          transition: all 0.1s;
+          min-height: 200px;
+          margin: 20px;
+          background: ${this.goBright ? '#fff' : '#111111'};
+          border-radius: 16px;
+          border-top: 1px solid rgba(250, 250, 250, 0.1);
+          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
+          margin-bottom: 20px;
+        }
+
+        .conversationbox .text {
+          font-family: 'Dees Sans';
+          margin-bottom: 8px;
+        }
+
+        .conversation {
+          display: block;
+          transition: all 0.1s;
+          padding: 8px 0px 8px 0px;
+          border-bottom: 1px solid;
+          border-image: radial-gradient(rgba(136, 136, 136, 0.44), rgba(136, 136, 136, 0)) 1 / 1 / 0 stretch;
+          cursor: pointer;
+        }
+
+        .conversation:last-of-type {
+          border-bottom: none;
+          margin-bottom: 8px;
+        }
+
+        .conversation:hover {
+          cursor: default;
+        }
+
+        .conversation:hover .gridcontainer {
+          transform: translateX(2px)
+        }
+
+        .conversation .gridcontainer {
+          display: grid;
+          grid-template-columns: 50px auto;
+          transition: transform 0.2s;
+        }
+
+        .conversation .gridcontainer .profilePicture {
+          height: 40px;
+          width: 40px;
+          border-radius: 50px;
+          background: ${this.goBright ? '#EEE' : '#222'};
+        }
+
+        .conversation .gridcontainer .text .topLine {
+          font-family: 'Dees Sans';
+          padding-top: 3px;
+          font-size: 12px;
+        }
+
+        .gridcontainer .gridcontainer .text .bottomLine {
+          font-family: 'Dees Sans';
+          font-size: 14px;
+        }
+      </style>
+      <div class="conversationbox">
+        <div class="text">Your conversations:</div>
+
+        ${this.conversations.map((conversationArg) => {
+            return html `
+            <div class="conversation">
+              <div class="gridcontainer">
+                <div class="profilePicture"></div>
+                <div class="text">
+                  <div class="topLine">Today at 8:01</div>
+                  <div class="bottomLine">${conversationArg.subject}</div>
+                </div>
+              </div>
+            </div>
+          `;
+        })}
+        <dees-button>View more</dees-button>
+      </div>
+    `;
+    }
+};
+SioSubwidgetConversations = __decorate([
+    customElement('sio-subwidget-conversations')
+], SioSubwidgetConversations);
+export { SioSubwidgetConversations };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLXN1YndpZGdldC1jb252ZXJzYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3Npby1zdWJ3aWRnZXQtY29udmVyc2F0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQzlHLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxLQUFLLGFBQWEsTUFBTSx1QkFBdUIsQ0FBQztBQUdoRCxJQUFNLHlCQUF5QixHQUEvQixNQUFNLHlCQUEwQixTQUFRLFdBQVc7SUFBbkQ7UUFDTCxTQUFTOztRQUVULFdBQVc7UUFDSixrQkFBYSxHQUFxQztZQUN2RDtnQkFDRSxPQUFPLEVBQUUsY0FBYztnQkFDdkIsT0FBTyxFQUFFO29CQUNQO3dCQUNFLEVBQUUsRUFBRSxHQUFHO3dCQUNQLFdBQVcsRUFBRSxrQkFBa0I7d0JBQy9CLElBQUksRUFBRSxrQkFBa0I7cUJBQ3pCO29CQUNEO3dCQUNFLEVBQUUsRUFBRSxHQUFHO3dCQUNQLFdBQVcsRUFBRSxLQUFLO3dCQUNsQixJQUFJLEVBQUUsS0FBSztxQkFDWjtpQkFDRjtnQkFDRCxrQkFBa0IsRUFBRTtvQkFDbEI7d0JBQ0UsT0FBTyxFQUFFLEdBQUc7d0JBQ1osSUFBSSxFQUFFLHFDQUFxQztxQkFDNUM7b0JBQ0Q7d0JBQ0UsT0FBTyxFQUFFLEdBQUc7d0JBQ1osSUFBSSxFQUFFLGlDQUFpQztxQkFDeEM7aUJBQ0Y7YUFDRixFQUFDO2dCQUNBLE9BQU8sRUFBRSxjQUFjO2dCQUN2QixPQUFPLEVBQUU7b0JBQ1A7d0JBQ0UsRUFBRSxFQUFFLEdBQUc7d0JBQ1AsV0FBVyxFQUFFLGtCQUFrQjt3QkFDL0IsSUFBSSxFQUFFLGtCQUFrQjtxQkFDekI7b0JBQ0Q7d0JBQ0UsRUFBRSxFQUFFLEdBQUc7d0JBQ1AsV0FBVyxFQUFFLEtBQUs7d0JBQ2xCLElBQUksRUFBRSxLQUFLO3FCQUNaO2lCQUNGO2dCQUNELGtCQUFrQixFQUFFO29CQUNsQjt3QkFDRSxPQUFPLEVBQUUsR0FBRzt3QkFDWixJQUFJLEVBQUUscUNBQXFDO3FCQUM1QztvQkFDRDt3QkFDRSxPQUFPLEVBQUUsR0FBRzt3QkFDWixJQUFJLEVBQUUsaUNBQWlDO3FCQUN4QztpQkFDRjthQUNGO1NBQ0YsQ0FBQztJQStGSixDQUFDO2FBN0ZlLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsNkRBQTZELEFBQTFFLENBQTJFO0lBQ3RGLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLFFBQVEsQ0FBQyxZQUFZLENBQUMsTUFBTTs7O21CQUdqQixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07Ozs7Ozs7Ozt3QkFTMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt3QkE0Q2xDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7VUFpQjdDLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsZUFBZSxFQUFFLEVBQUU7WUFDM0MsT0FBTyxJQUFJLENBQUE7Ozs7Ozs0Q0FNdUIsZUFBZSxDQUFDLE9BQU87Ozs7V0FJeEQsQ0FBQztRQUNKLENBQUMsQ0FBQzs7O0tBR0wsQ0FBQztJQUNKLENBQUM7O0FBcEpVLHlCQUF5QjtJQURyQyxhQUFhLENBQUMsNkJBQTZCLENBQUM7R0FDaEMseUJBQXlCLENBcUpyQyJ9

package/dist_ts_web/elements/sio-subwidget-onboardme.d.ts

@@ -0,0 +1,7 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export declare class SioSubwidgetOnboardme extends DeesElement {
+    showCombox: boolean;
+    static demo: () => TemplateResult<1>;
+    constructor();
+    render(): TemplateResult;
+}