@design.estate/dees-catalog 1.0.173

package/dist_ts_web/00_commitinfo_data.d.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @pushrocks/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 @pushrocks/commitinfo
+ */
+export const commitinfo = {
+    name: '@design.estate/dees-catalog',
+    version: '1.0.173',
+    description: 'website for lossless.com'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9

package/dist_ts_web/elements/dees-button-exit.d.ts

@@ -0,0 +1,7 @@
+import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+export declare class DeesButtonExit extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    size: number;
+    styles: CSSResult[];
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/dees-button-exit.js

@@ -0,0 +1,52 @@
+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 { cssManager, customElement, DeesElement, html, css, state, property } from '@design.estate/dees-element';
+export let DeesButtonExit = class DeesButtonExit extends DeesElement {
+    constructor() {
+        super(...arguments);
+        // INSTANCE
+        this.size = 24;
+        this.styles = [
+            cssManager.defaultStyles,
+            css `
+
+    `
+        ];
+    }
+    // DEMO
+    static { this.demo = () => html `
+    <dees-button-exit></dees-button-exit>
+  `; }
+    render() {
+        return html `
+      <style>
+        .maincontainer {
+          position: relative;
+          width: ${this.size}px;
+          height: ${this.size}px;
+        }
+      </style>
+      <div class="maincontainer">
+        <div class="firstLine"></div>
+        <div class="secondLine"></div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({
+        type: Number
+    }),
+    __metadata("design:type", Number)
+], DeesButtonExit.prototype, "size", void 0);
+DeesButtonExit = __decorate([
+    customElement('dees-button-exit')
+], DeesButtonExit);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1idXR0b24tZXhpdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWJ1dHRvbi1leGl0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxVQUFVLEVBQ1YsYUFBYSxFQUNiLFdBQVcsRUFDWCxJQUFJLEVBRUosR0FBRyxFQUVILEtBQUssRUFDTCxRQUFRLEVBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUc5QixXQUFNLGNBQWMsR0FBcEIsTUFBTSxjQUFlLFNBQVEsV0FBVztJQUF4Qzs7UUFNTCxXQUFXO1FBSUosU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixXQUFNLEdBQUc7WUFDZCxVQUFVLENBQUMsYUFBYTtZQUN4QixHQUFHLENBQUE7O0tBRUY7U0FDRixDQUFBO0lBaUJILENBQUM7SUFqQ0MsT0FBTzthQUNPLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O0dBRTlCLEFBRmlCLENBRWhCO0lBZUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7O21CQUlJLElBQUksQ0FBQyxJQUFJO29CQUNSLElBQUksQ0FBQyxJQUFJOzs7Ozs7O0tBT3hCLENBQUM7SUFDSixDQUFDOztBQXZCTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7NENBQ3VCO0FBVmQsY0FBYztJQUQxQixhQUFhLENBQUMsa0JBQWtCLENBQUM7R0FDckIsY0FBYyxDQWtDMUIifQ==

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

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

package/dist_ts_web/elements/dees-button.js

@@ -0,0 +1,215 @@
+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 DeesButton = class DeesButton extends DeesElement {
+    static { this.demo = () => html `
+    <dees-button>This is a slotted Text</dees-button>
+    <p><dees-button text="Highlighted: This text shows" type="highlighted">Highlighted</dees-button></p>
+    <p><dees-button type="discreet">This is discreete button</dees-button></p>
+    <p><dees-button disabled>This is a disabled button</dees-button></p>
+    <p><dees-button type="big">This is a slotted Text</dees-button></p>
+    <p><dees-button status="normal">Normal Status</dees-button></p>
+    <p><dees-button disabled status="pending">Pending Status</dees-button></p>
+    <p><dees-button disabled status="success">Success Status</dees-button></p>
+    <p><dees-button disabled status="error">Error Status</dees-button></p>
+  `; }
+    constructor() {
+        super();
+        this.disabled = false;
+        this.isHidden = false;
+        this.type = 'normal';
+        this.status = 'normal';
+    }
+    static { this.styles = [
+        cssManager.defaultStyles,
+        css `
+
+      :host {
+        display: block;
+        box-sizing: border-box;
+      }
+      :host([hidden]) {
+        display: none;
+      }
+
+      .button {
+        transition: all 0.1s , color 0s;
+        position: relative;
+        font-size: 14px;
+        font-weight: 400;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background: ${cssManager.bdTheme('#fff', '#333')};
+        box-shadow: ${cssManager.bdTheme('0px 1px 3px rgba(0,0,0,0.3)', 'none')};
+        border: 1px solid ${cssManager.bdTheme('#eee', '#333')};
+        border-top: ${cssManager.bdTheme('1px solid #eee', '1px solid #444')};
+        border-radius: 4px;
+        line-height: 40px;
+        padding: 0px 8px;
+        min-width: 100px;
+        user-select: none;
+        color: ${cssManager.bdTheme('#333', ' #ccc')};
+        max-width: 500px;
+      }
+
+      .button:hover {
+        cursor: pointer;
+        background: #039be5;
+        color: #ffffff;
+        border: 1px solid #039be5;
+        border-top: 1px solid #039be5;
+      }
+
+      .button:active {
+        background: #0277bd;
+        border-top: 1px solid #0277bd;
+      }
+
+      .button.disabled {
+        background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
+        border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
+        color: #9b9b9e;
+        cursor: default;
+      }
+
+      .button.highlighted {
+        background: #e4002b;
+        border: none;
+        color: #fff;
+      }
+
+      .button.highlighted:hover {
+        background: #b50021;
+        border: none;
+        color: #fff;
+      }
+
+      .button.discreet {
+        background: none;
+        border: 1px solid #9b9b9e;
+        color: ${cssManager.bdTheme('#000', '#fff')};
+      }
+
+      .button.discreet:hover {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.1)')};
+      }
+      .button.hidden {
+        display: none;
+      }
+
+      .button.big {
+        width: 300px;
+        line-height: 48px;
+        font-size: 16px;
+        padding: 0px 48px;
+        margin-top: 32px;
+      }
+
+      .button.pending {
+        border: 1px dashed ${cssManager.bdTheme('#0277bd', '#0277bd70')};
+        background: ${cssManager.bdTheme('#0277bd', '#0277bd70')};
+        color: #fff;
+      }
+
+      .button.success {
+        border: 1px dashed ${cssManager.bdTheme('#689F38', '#8BC34A70')};
+        background: ${cssManager.bdTheme('#689F38', '#8BC34A70')};
+        color: #fff;
+      }
+
+      .button.error {
+        border: 1px dashed ${cssManager.bdTheme('#B71C1C', '#E64A1970')};
+        background: ${cssManager.bdTheme('#B71C1C', '#E64A1970')};
+        color: #fff;
+      }
+
+      dees-spinner {
+        position: absolute;
+        left: 10px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div
+        class="button ${this.isHidden ? 'hidden' : 'block'}  ${this.type} ${this.status} ${this.disabled
+            ? 'disabled'
+            : null}"
+        @click="${this.dispatchClick}"
+      >
+        ${this.status === 'normal' ? html `` : html `
+          <dees-spinner .bnw=${true} status="${this.status}"></dees-spinner>
+        `}
+        <div class="textbox">${this.text ? this.text : this.textContent}</div>
+      </div>
+    `;
+    }
+    async dispatchClick() {
+        if (this.disabled) {
+            return;
+        }
+        this.dispatchEvent(new CustomEvent('clicked', {
+            detail: {
+                data: this.eventDetailData,
+            },
+            bubbles: true,
+        }));
+    }
+    async firstUpdated() {
+        if (!this.textContent) {
+            this.textContent = 'Button';
+            this.performUpdate();
+        }
+    }
+};
+__decorate([
+    property({
+        reflect: true,
+        hasChanged() {
+            return true;
+        }
+    }),
+    __metadata("design:type", String)
+], DeesButton.prototype, "text", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], DeesButton.prototype, "eventDetailData", void 0);
+__decorate([
+    property({
+        type: Boolean
+    }),
+    __metadata("design:type", Object)
+], DeesButton.prototype, "disabled", void 0);
+__decorate([
+    property({
+        type: Boolean
+    }),
+    __metadata("design:type", Object)
+], DeesButton.prototype, "isHidden", void 0);
+__decorate([
+    property({
+        type: String
+    }),
+    __metadata("design:type", String)
+], DeesButton.prototype, "type", void 0);
+__decorate([
+    property({
+        type: String
+    }),
+    __metadata("design:type", String)
+], DeesButton.prototype, "status", void 0);
+DeesButton = __decorate([
+    customElement('dees-button'),
+    __metadata("design:paramtypes", [])
+], DeesButton);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFTbEQsV0FBTSxVQUFVLEdBQWhCLE1BQU0sVUFBVyxTQUFRLFdBQVc7YUFDM0IsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7OztHQVU5QixBQVZpQixDQVVoQjtJQWlDRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBbEJILGFBQVEsR0FBRyxLQUFLLENBQUM7UUFLakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUtqQixTQUFJLEdBQWtELFFBQVEsQ0FBQztRQUsvRCxXQUFNLEdBQStDLFFBQVEsQ0FBQztJQUlyRSxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQWtCZSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7c0JBQ2xDLFVBQVUsQ0FBQyxPQUFPLENBQUMsNkJBQTZCLEVBQUUsTUFBTSxDQUFDOzRCQUNuRCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7c0JBQ3hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUM7Ozs7OztpQkFNM0QsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsT0FBTyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7c0JBa0I5QixVQUFVLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxX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

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

@@ -0,0 +1,18 @@
+import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-chips': DeesChips;
+    }
+}
+export declare class DeesChips extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    selectionMode: 'single' | 'multiple';
+    selectableChips: string[];
+    selectedChip: string;
+    selectedChips: string[];
+    constructor();
+    static styles: CSSResult[];
+    render(): TemplateResult;
+    firstUpdated(): Promise<void>;
+    selectChip(chipArg: string): Promise<void>;
+}

package/dist_ts_web/elements/dees-chips.js

@@ -0,0 +1,124 @@
+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 DeesChips = class DeesChips extends DeesElement {
+    static { this.demo = () => html `
+    <dees-chips .selectableChips=${['Payment Account 1', 'PaymentAccount2', 'Payment Account 3']}></dees-chips>
+    <dees-chips selectionMode="multiple" .selectableChips=${['Payment Account 1', 'PaymentAccount2', 'Payment Account 3']}></dees-chips>
+    
+  `; }
+    constructor() {
+        super();
+        this.selectionMode = 'single';
+        this.selectableChips = [];
+        this.selectedChip = null;
+        this.selectedChips = [];
+    }
+    static { this.styles = [
+        cssManager.defaultStyles,
+        css `
+
+      :host {
+        display: block;
+        box-sizing: border-box;
+      }
+
+      .mainbox {
+
+      }
+
+      .chip {
+        background: #494949;
+        display: inline-block;
+        padding: 8px 12px;
+        font-size: 14px;
+        color: #fff;
+        border-radius: 40px;
+        margin-right: 4px;
+        margin-bottom: 8px;
+      }
+
+      .chip:hover {
+        background: #666666;
+        cursor: pointer; 
+      }
+
+      .chip.selected {
+        background: #00A3FF;
+      }
+      
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="mainbox">
+        ${this.selectableChips.map(chipArg => html `
+          <div @click=${() => this.selectChip(chipArg)} class="chip ${this.selectedChip === chipArg || this.selectedChips.includes(chipArg) ? 'selected' : ''}">
+            ${chipArg}
+          </div>
+        `)}
+      </div>
+    `;
+    }
+    async firstUpdated() {
+        if (!this.textContent) {
+            this.textContent = 'Button';
+            this.performUpdate();
+        }
+    }
+    async selectChip(chipArg) {
+        if (this.selectionMode === 'single') {
+            if (this.selectedChip === chipArg) {
+                this.selectedChip = null;
+                this.selectedChips = [];
+            }
+            else {
+                this.selectedChip = chipArg;
+                this.selectedChips = [chipArg];
+            }
+        }
+        else if (this.selectionMode === 'multiple') {
+            if (this.selectedChips.includes(chipArg)) {
+                this.selectedChips = this.selectedChips.filter(chipArg2 => chipArg !== chipArg2);
+            }
+            else {
+                this.selectedChips.push(chipArg);
+            }
+            this.requestUpdate();
+        }
+        console.log(this.selectedChips);
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], DeesChips.prototype, "selectionMode", void 0);
+__decorate([
+    property({
+        type: Array
+    }),
+    __metadata("design:type", Array)
+], DeesChips.prototype, "selectableChips", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], DeesChips.prototype, "selectedChip", void 0);
+__decorate([
+    property({
+        type: Array
+    }),
+    __metadata("design:type", Array)
+], DeesChips.prototype, "selectedChips", void 0);
+DeesChips = __decorate([
+    customElement('dees-chips'),
+    __metadata("design:paramtypes", [])
+], DeesChips);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jaGlwcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNoaXBzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFFSCxTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBU2xELFdBQU0sU0FBUyxHQUFmLE1BQU0sU0FBVSxTQUFRLFdBQVc7YUFDMUIsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTttQ0FDRSxDQUFDLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixDQUFDOzREQUNwQyxDQUFDLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixDQUFDOztHQUV0SCxBQUppQixDQUloQjtJQW1CRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBakJILGtCQUFhLEdBQTBCLFFBQVEsQ0FBQztRQUtoRCxvQkFBZSxHQUFhLEVBQUUsQ0FBQztRQUcvQixpQkFBWSxHQUFXLElBQUksQ0FBQztRQUs1QixrQkFBYSxHQUFhLEVBQUUsQ0FBQztJQUtwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQStCRjtLQUNGLEFBbENtQixDQWtDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O1VBRUwsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUE7d0JBQzFCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLGdCQUFnQixJQUFJLENBQUMsWUFBWSxLQUFLLE9BQU8sSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFO2NBQy9JLE9BQU87O1NBRVosQ0FBQzs7S0FFTCxDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO1lBQzVCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN0QjtJQUNILENBQUM7SUFFTSxLQUFLLENBQUMsVUFBVSxDQUFDLE9BQWU7UUFDckMsSUFBSSxJQUFJLENBQUMsYUFBYSxLQUFLLFFBQVEsRUFBRTtZQUNuQyxJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssT0FBTyxFQUFFO2dCQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7YUFDekI7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxPQUFPLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQzthQUNoQztTQUNGO2FBQU0sSUFBRyxJQUFJLENBQUMsYUFBYSxLQUFLLFVBQVUsRUFBRTtZQUMzQyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUN4QyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFBO2FBQ2pGO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2FBQ2xDO1lBQ0QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3RCO1FBQ0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7QUE3Rk07SUFETixRQUFRLEVBQUU7O2dEQUM0QztBQUtoRDtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxLQUFLO0tBQ1osQ0FBQzs7a0RBQ29DO0FBRy9CO0lBRE4sUUFBUSxFQUFFOzsrQ0FDd0I7QUFLNUI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsS0FBSztLQUNaLENBQUM7O2dEQUNrQztBQXJCekIsU0FBUztJQURyQixhQUFhLENBQUMsWUFBWSxDQUFDOztHQUNmLFNBQVMsQ0FzR3JCIn0=

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

@@ -0,0 +1,18 @@
+import * as plugins from './plugins.js';
+import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-contextmenu': DeesContextmenu;
+    }
+}
+export declare class DeesContextmenu extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static openContextMenuWithOptions(eventArg: MouseEvent, menuItemsArg: plugins.tsclass.website.IMenuItem[]): Promise<void>;
+    menuItems: plugins.tsclass.website.IMenuItem[];
+    constructor();
+    static styles: CSSResult[];
+    render(): TemplateResult;
+    firstUpdated(): Promise<void>;
+    handleClick(menuItem: plugins.tsclass.website.IMenuItem): Promise<void>;
+    destroy(): Promise<void>;
+}

package/dist_ts_web/elements/dees-contextmenu.js

@@ -0,0 +1,173 @@
+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 DeesContextmenu_1;
+import * as plugins from './plugins.js';
+import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import { DeesWindowLayer } from './dees-windowlayer.js';
+export let DeesContextmenu = class DeesContextmenu extends DeesElement {
+    static { DeesContextmenu_1 = this; }
+    // DEMO
+    static { this.demo = () => html `
+    <style>
+      .withMargin {
+        display: block;
+        margin: 20px;
+      }
+    </style>
+    <dees-button @contextmenu=${(eventArg) => {
+        DeesContextmenu_1.openContextMenuWithOptions(eventArg, [
+            {
+                name: 'copy',
+                iconName: 'copySolid',
+                action: async () => {
+                    return null;
+                },
+            },
+            {
+                name: 'edit',
+                iconName: 'penToSquare',
+                action: async () => {
+                    return null;
+                },
+            }, {
+                name: 'paste',
+                iconName: 'pasteSolid',
+                action: async () => {
+                    return null;
+                },
+            },
+        ]);
+    }}>Hello</dees-button>
+    <dees-contextmenu class="withMargin"></dees-contextmenu>
+    <dees-contextmenu
+      class="withMargin"
+      .menuItems=${[
+        {
+            name: 'copy',
+            iconName: 'copySolid',
+            action: async () => { },
+        },
+        {
+            name: 'edit',
+            iconName: 'penToSquare',
+            action: async () => { },
+        }, {
+            name: 'paste',
+            iconName: 'pasteSolid',
+            action: async () => { },
+        },
+    ]}
+    ></dees-contextmenu>
+  `; }
+    // STATIC
+    static async openContextMenuWithOptions(eventArg, menuItemsArg) {
+        eventArg.preventDefault();
+        const contextMenu = new DeesContextmenu_1();
+        contextMenu.style.position = 'absolute';
+        contextMenu.style.top = `${eventArg.clientY.toString()}px`;
+        contextMenu.style.left = `${eventArg.clientX.toString()}px`;
+        contextMenu.style.opacity = '0';
+        contextMenu.style.transform = 'scale(0.95,0.95)';
+        contextMenu.style.transformOrigin = 'top left';
+        contextMenu.menuItems = menuItemsArg;
+        document.body.append(contextMenu);
+        await domtools.plugins.smartdelay.delayFor(0);
+        contextMenu.style.opacity = '1';
+        contextMenu.style.transform = 'scale(1,1)';
+    }
+    constructor() {
+        super();
+        this.menuItems = [];
+    }
+    static { this.styles = [
+        cssManager.defaultStyles,
+        css `
+      :host {
+        display: block;
+        transition: all 0.1s;
+      }
+
+      .mainbox {
+        color: ${cssManager.bdTheme('#222', '#ccc')};
+        font-size: 14px;
+        width: 200px;
+        border: 1px solid #444;
+        min-height: 40px;
+        border-radius: 3px;
+        background: #222;
+        box-shadow: 0px 1px 4px #000;
+        user-select: none;
+      }
+
+      .mainbox .menuitem {
+        padding: 8px;
+      }
+
+      .mainbox .menuitem dees-icon {
+        display: inline-block;
+        margin-right: 8px;
+        width: 14px;
+        transform: translateY(2px);
+      }
+
+      .mainbox .menuitem:hover {
+        cursor: pointer;
+        background: #ffffff10;
+      }
+
+      .mainbox .menuitem:active {
+        cursor: pointer;
+        background: #ffffff05;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="mainbox">
+        ${this.menuItems.map((menuItemArg) => {
+            return html `
+            <div class="menuitem" @click=${() => this.handleClick(menuItemArg)}>
+              <dees-icon .iconFA=${menuItemArg.iconName || 'minus'}></dees-icon
+              >${menuItemArg.name}
+            </div>
+          `;
+        })}
+      </div>
+    `;
+    }
+    async firstUpdated() {
+        if (!this.menuItems || this.menuItems.length === 0) {
+            const mainbox = this.shadowRoot.querySelector('.mainbox');
+            mainbox.textContent = 'no menu items present';
+        }
+    }
+    async handleClick(menuItem) {
+        menuItem.action();
+        await this.destroy();
+    }
+    async destroy() {
+        this.style.opacity = '0';
+        this.style.transform = 'scale(0.95,0,95)';
+        await domtools.plugins.smartdelay.delayFor(100);
+        this.parentElement.removeChild(this);
+    }
+};
+__decorate([
+    property({
+        type: Array,
+    }),
+    __metadata("design:type", Array)
+], DeesContextmenu.prototype, "menuItems", void 0);
+DeesContextmenu = DeesContextmenu_1 = __decorate([
+    customElement('dees-contextmenu'),
+    __metadata("design:paramtypes", [])
+], DeesContextmenu);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBRUgsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXOztJQUM5QyxPQUFPO2FBQ08sU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7OztnQ0FPRCxDQUFDLFFBQVEsRUFBRSxFQUFFO1FBQ3ZDLGlCQUFlLENBQUMsMEJBQTBCLENBQUMsUUFBUSxFQUFFO1lBQ25EO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxXQUFXO2dCQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxhQUFhO2dCQUN2QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRixFQUFDO2dCQUNBLElBQUksRUFBRSxPQUFPO2dCQUNiLFFBQVEsRUFBRSxZQUFZO2dCQUN0QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJ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