@design.estate/dees-catalog 1.0.182 → 1.0.185

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '1.0.182',
+    version: '1.0.184',
     description: 'website for lossless.com'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9

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

@@ -1,5 +1,6 @@
 import * as plugins from './plugins.js';
 import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+import { DeesWindowLayer } from './dees-windowlayer.js';
 declare global {
     interface HTMLElementTagNameMap {
         'dees-contextmenu': DeesContextmenu;
@@ -9,6 +10,7 @@ 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[];
+    windowLayer: DeesWindowLayer;
     constructor();
     static styles: CSSResult[];
     render(): TemplateResult;

package/dist_ts_web/elements/dees-contextmenu.js

@@ -72,12 +72,17 @@ export let DeesContextmenu = class DeesContextmenu extends DeesElement {
         eventArg.preventDefault();
         const contextMenu = new DeesContextmenu_1();
         contextMenu.style.position = 'absolute';
+        contextMenu.style.zIndex = '2000';
         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;
+        contextMenu.windowLayer = await DeesWindowLayer.createAndShow();
+        contextMenu.windowLayer.addEventListener('click', async () => {
+            await contextMenu.destroy();
+        });
         document.body.append(contextMenu);
         await domtools.plugins.smartdelay.delayFor(0);
         contextMenu.style.opacity = '1';
@@ -154,6 +159,9 @@ export let DeesContextmenu = class DeesContextmenu extends DeesElement {
         await this.destroy();
     }
     async destroy() {
+        if (this.windowLayer) {
+            this.windowLayer.destroy();
+        }
         this.style.opacity = '0';
         this.style.transform = 'scale(0.95,0,95)';
         await domtools.plugins.smartdelay.delayFor(100);
@@ -170,4 +178,4 @@ DeesContextmenu = DeesContextmenu_1 = __decorate([
     customElement('dees-contextmenu'),
     __metadata("design:paramtypes", [])
 ], DeesContextmenu);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBRUgsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXOztJQUM5QyxPQUFPO2FBQ08sU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7OztnQ0FPRCxDQUFDLFFBQVEsRUFBRSxFQUFFO1FBQ3ZDLGlCQUFlLENBQUMsMEJBQTBCLENBQUMsUUFBUSxFQUFFO1lBQ25EO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxXQUFXO2dCQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxhQUFhO2dCQUN2QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRixFQUFDO2dCQUNBLElBQUksRUFBRSxPQUFPO2dCQUNiLFFBQVEsRUFBRSxZQUFZO2dCQUN0QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBRUgsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXOztJQUM5QyxPQUFPO2FBQ08sU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7OztnQ0FPRCxDQUFDLFFBQVEsRUFBRSxFQUFFO1FBQ3ZDLGlCQUFlLENBQUMsMEJBQTBCLENBQUMsUUFBUSxFQUFFO1lBQ25EO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxXQUFXO2dCQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxhQUFhO2dCQUN2QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRixFQUFDO2dCQUNBLElBQUksRUFBRSxPQUFPO2dCQUNiLFFBQVEsRUFBRSxZQUFZO2dCQUN0QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJ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

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

@@ -60,6 +60,7 @@ export declare const faIcons: {
     twitter: IconDefinition;
     users: IconDefinition;
 };
+export type TIconKey = keyof typeof faIcons;
 declare global {
     interface HTMLElementTagNameMap {
         'dees-icon': DeesIcon;

package/dist_ts_web/elements/dees-icon.js

@@ -150,4 +150,4 @@ DeesIcon = __decorate([
     customElement('dees-icon'),
     __metadata("design:paramtypes", [])
 ], DeesIcon);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sbUNBQW1DLENBQUM7QUFDOUUsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsU0FBUyxFQUNULFdBQVcsRUFDWCxRQUFRLEdBQ1QsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsTUFBTSxJQUFJLGFBQWEsRUFDdkIsYUFBYSxJQUFJLG9CQUFvQixFQUNyQyxhQUFhLElBQUksb0JBQW9CLEVBQ3JDLFNBQVMsSUFBSSxnQkFBZ0IsRUFDN0IsT0FBTyxJQUFJLGNBQWMsRUFDekIsS0FBSyxJQUFJLFlBQVksR0FDdEIsTUFBTSxxQ0FBcUMsQ0FBQztBQUM3QyxPQUFPLEVBQ0wsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyx3QkFBd0IsSUFBSSw2QkFBNkIsRUFDekQsTUFBTSxJQUFJLFdBQVcsRUFDckIsS0FBSyxJQUFJLFVBQVUsRUFDbkIsVUFBVSxJQUFJLGVBQWUsRUFDN0IsV0FBVyxJQUFJLGdCQUFnQixFQUMvQixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLFlBQVksSUFBSSxpQkFBaUIsRUFDakMsYUFBYSxJQUFJLGtCQUFrQixFQUNuQyxhQUFhLElBQUksa0JBQWtCLEVBQ25DLE1BQU0sSUFBSSxXQUFXLEVBQ3JCLFNBQVMsSUFBSSxjQUFjLEVBQzNCLEtBQUssSUFBSSxVQUFVLEVBQ25CLFVBQVUsSUFBSSxlQUFlLEVBQzdCLE1BQU0sSUFBSSxXQUFXLEVBQ3JCLFNBQVMsSUFBSSxjQUFjLEVBQzNCLFFBQVEsSUFBSSxhQUFhLEVBQ3pCLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsS0FBSyxJQUFJLFVBQVUsRUFDbkIsT0FBTyxJQUFJLFlBQVksRUFDdkIsT0FBTyxJQUFJLFlBQVksRUFDdkIsS0FBSyxJQUFJLFVBQVUsRUFDbkIsT0FBTyxJQUFJLFlBQVksR0FDeEIsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUc7SUFDckIsU0FBUztJQUNULFVBQVUsRUFBRSxpQkFBaUI7SUFDN0Isc0JBQXNCLEVBQUUsNkJBQTZCO0lBQ3JELDJCQUEyQixFQUFFLDZCQUE2QjtJQUMxRCxJQUFJLEVBQUUsV0FBVztJQUNqQixTQUFTLEVBQUUsV0FBVztJQUN0QixHQUFHLEVBQUUsVUFBVTtJQUNmLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxlQUFlO0lBQ3pCLGFBQWEsRUFBRSxlQUFlO0lBQzlCLFNBQVMsRUFBRSxnQkFBZ0I7SUFDM0IsY0FBYyxFQUFFLGdCQUFnQjtJQUNoQyxVQUFVLEVBQUUsaUJBQWlCO0lBQzdCLGVBQWUsRUFBRSxpQkFBaUI7SUFDbEMsS0FBSyxFQUFFLFlBQVk7SUFDbkIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsVUFBVSxFQUFFLGlCQUFpQjtJQUM3QixlQUFlLEVBQUUsaUJBQWlCO0lBQ2xDLFdBQVcsRUFBRSxvQkFBb0I7SUFDakMsZ0JBQWdCLEVBQUUsa0JBQWtCO0lBQ3BDLFdBQVcsRUFBRSxvQkFBb0I7SUFDakMsZ0JBQWdCLEVBQUUsa0JBQWtCO0lBQ3BDLElBQUksRUFBRSxhQUFhO0lBQ25CLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLE9BQU8sRUFBRSxjQUFjO0lBQ3ZCLFlBQVksRUFBRSxjQUFjO0lBQzVCLEdBQUcsRUFBRSxVQUFVO0lBQ2YsUUFBUSxFQUFFLFVBQVU7SUFDcEIsUUFBUSxFQUFFLGVBQWU7SUFDekIsYUFBYSxFQUFFLGVBQWU7SUFDOUIsSUFBSSxFQUFFLFdBQVc7SUFDakIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsT0FBTyxFQUFFLGdCQUFnQjtJQUN6QixZQUFZLEVBQUUsY0FBYztJQUM1QixNQUFNLEVBQUUsYUFBYTtJQUNyQixhQUFhLEVBQUUsYUFBYTtJQUM1QixLQUFLLEVBQUUsWUFBWTtJQUNuQixVQUFVLEVBQUUsWUFBWTtJQUN4QixLQUFLLEVBQUUsY0FBYztJQUNyQixVQUFVLEVBQUUsWUFBWTtJQUN4QixXQUFXLEVBQUUsa0JBQWtCO0lBQy9CLGdCQUFnQixFQUFFLGtCQUFrQjtJQUNwQyxHQUFHLEVBQUUsVUFBVTtJQUNmLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLEtBQUssRUFBRSxZQUFZO0lBQ25CLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLEdBQUcsRUFBRSxZQUFZO0lBQ2pCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLEtBQUssRUFBRSxZQUFZO0lBQ25CLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLFNBQVM7SUFDVCxRQUFRLEVBQUUsVUFBVTtJQUNwQixNQUFNLEVBQUUsUUFBUTtJQUNoQixTQUFTLEVBQUUsV0FBVztJQUN0QixRQUFRLEVBQUUsVUFBVTtJQUNwQixNQUFNLEVBQUUsUUFBUTtJQUNoQixLQUFLLEVBQUUsV0FBVztJQUNsQixNQUFNLEVBQUUsUUFBUTtJQUNoQixPQUFPLEVBQUUsU0FBUztJQUNsQixLQUFLLEVBQUUsWUFBWTtDQUNwQixDQUFDO0FBU0ssV0FBTSxRQUFRLEdBQWQsTUFBTSxRQUFTLFNBQVEsV0FBVzthQUN6QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7OzsyQkFXTixjQUFjOzJCQUNkLEtBQUs7MkJBQ0wsVUFBVTsyQkFDVixVQUFVOzJCQUNWLHdCQUF3Qjs7R0FFaEQsQUFqQmlCLENBaUJoQjtJQVVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFDUixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2hDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7OztLQVdGO0tBQ0YsQUFkbUIsQ0FjbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7UUFDUCxRQUFRLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7b0JBSWhCLElBQUksQ0FBQyxRQUFROzs7O0tBSTVCLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQU87UUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUMsVUFBVSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDeEY7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTTtnQkFDckUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztnQkFDcEMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDO1NBQ3RCO0lBQ0gsQ0FBQzs7QUFoRE07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3dDQUNrQztBQUc3QjtJQUROLFFBQVEsRUFBRTs7MENBQ2E7QUExQmIsUUFBUTtJQURwQixhQUFhLENBQUMsV0FBVyxDQUFDOztHQUNkLFFBQVEsQ0F3RXBCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sbUNBQW1DLENBQUM7QUFDOUUsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsU0FBUyxFQUNULFdBQVcsRUFDWCxRQUFRLEdBQ1QsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsTUFBTSxJQUFJLGFBQWEsRUFDdkIsYUFBYSxJQUFJLG9CQUFvQixFQUNyQyxhQUFhLElBQUksb0JBQW9CLEVBQ3JDLFNBQVMsSUFBSSxnQkFBZ0IsRUFDN0IsT0FBTyxJQUFJLGNBQWMsRUFDekIsS0FBSyxJQUFJLFlBQVksR0FDdEIsTUFBTSxxQ0FBcUMsQ0FBQztBQUM3QyxPQUFPLEVBQ0wsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyx3QkFBd0IsSUFBSSw2QkFBNkIsRUFDekQsTUFBTSxJQUFJLFdBQVcsRUFDckIsS0FBSyxJQUFJLFVBQVUsRUFDbkIsVUFBVSxJQUFJLGVBQWUsRUFDN0IsV0FBVyxJQUFJLGdCQUFnQixFQUMvQixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLFlBQVksSUFBSSxpQkFBaUIsRUFDakMsYUFBYSxJQUFJLGtCQUFrQixFQUNuQyxhQUFhLElBQUksa0JBQWtCLEVBQ25DLE1BQU0sSUFBSSxXQUFXLEVBQ3JCLFNBQVMsSUFBSSxjQUFjLEVBQzNCLEtBQUssSUFBSSxVQUFVLEVBQ25CLFVBQVUsSUFBSSxlQUFlLEVBQzdCLE1BQU0sSUFBSSxXQUFXLEVBQ3JCLFNBQVMsSUFBSSxjQUFjLEVBQzNCLFFBQVEsSUFBSSxhQUFhLEVBQ3pCLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsS0FBSyxJQUFJLFVBQVUsRUFDbkIsT0FBTyxJQUFJLFlBQVksRUFDdkIsT0FBTyxJQUFJLFlBQVksRUFDdkIsS0FBSyxJQUFJLFVBQVUsRUFDbkIsT0FBTyxJQUFJLFlBQVksR0FDeEIsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUc7SUFDckIsU0FBUztJQUNULFVBQVUsRUFBRSxpQkFBaUI7SUFDN0Isc0JBQXNCLEVBQUUsNkJBQTZCO0lBQ3JELDJCQUEyQixFQUFFLDZCQUE2QjtJQUMxRCxJQUFJLEVBQUUsV0FBVztJQUNqQixTQUFTLEVBQUUsV0FBVztJQUN0QixHQUFHLEVBQUUsVUFBVTtJQUNmLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxlQUFlO0lBQ3pCLGFBQWEsRUFBRSxlQUFlO0lBQzlCLFNBQVMsRUFBRSxnQkFBZ0I7SUFDM0IsY0FBYyxFQUFFLGdCQUFnQjtJQUNoQyxVQUFVLEVBQUUsaUJBQWlCO0lBQzdCLGVBQWUsRUFBRSxpQkFBaUI7SUFDbEMsS0FBSyxFQUFFLFlBQVk7SUFDbkIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsVUFBVSxFQUFFLGlCQUFpQjtJQUM3QixlQUFlLEVBQUUsaUJBQWlCO0lBQ2xDLFdBQVcsRUFBRSxvQkFBb0I7SUFDakMsZ0JBQWdCLEVBQUUsa0JBQWtCO0lBQ3BDLFdBQVcsRUFBRSxvQkFBb0I7SUFDakMsZ0JBQWdCLEVBQUUsa0JBQWtCO0lBQ3BDLElBQUksRUFBRSxhQUFhO0lBQ25CLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLE9BQU8sRUFBRSxjQUFjO0lBQ3ZCLFlBQVksRUFBRSxjQUFjO0lBQzVCLEdBQUcsRUFBRSxVQUFVO0lBQ2YsUUFBUSxFQUFFLFVBQVU7SUFDcEIsUUFBUSxFQUFFLGVBQWU7SUFDekIsYUFBYSxFQUFFLGVBQWU7SUFDOUIsSUFBSSxFQUFFLFdBQVc7SUFDakIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsT0FBTyxFQUFFLGdCQUFnQjtJQUN6QixZQUFZLEVBQUUsY0FBYztJQUM1QixNQUFNLEVBQUUsYUFBYTtJQUNyQixhQUFhLEVBQUUsYUFBYTtJQUM1QixLQUFLLEVBQUUsWUFBWTtJQUNuQixVQUFVLEVBQUUsWUFBWTtJQUN4QixLQUFLLEVBQUUsY0FBYztJQUNyQixVQUFVLEVBQUUsWUFBWTtJQUN4QixXQUFXLEVBQUUsa0JBQWtCO0lBQy9CLGdCQUFnQixFQUFFLGtCQUFrQjtJQUNwQyxHQUFHLEVBQUUsVUFBVTtJQUNmLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLEtBQUssRUFBRSxZQUFZO0lBQ25CLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLEdBQUcsRUFBRSxZQUFZO0lBQ2pCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLEtBQUssRUFBRSxZQUFZO0lBQ25CLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLFNBQVM7SUFDVCxRQUFRLEVBQUUsVUFBVTtJQUNwQixNQUFNLEVBQUUsUUFBUTtJQUNoQixTQUFTLEVBQUUsV0FBVztJQUN0QixRQUFRLEVBQUUsVUFBVTtJQUNwQixNQUFNLEVBQUUsUUFBUTtJQUNoQixLQUFLLEVBQUUsV0FBVztJQUNsQixNQUFNLEVBQUUsUUFBUTtJQUNoQixPQUFPLEVBQUUsU0FBUztJQUNsQixLQUFLLEVBQUUsWUFBWTtDQUNwQixDQUFDO0FBV0ssV0FBTSxRQUFRLEdBQWQsTUFBTSxRQUFTLFNBQVEsV0FBVzthQUN6QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7OzsyQkFXTixjQUFjOzJCQUNkLEtBQUs7MkJBQ0wsVUFBVTsyQkFDVixVQUFVOzJCQUNWLHdCQUF3Qjs7R0FFaEQsQUFqQmlCLENBaUJoQjtJQVVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFDUixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2hDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7OztLQVdGO0tBQ0YsQUFkbUIsQ0FjbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7UUFDUCxRQUFRLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7b0JBSWhCLElBQUksQ0FBQyxRQUFROzs7O0tBSTVCLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQU87UUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUMsVUFBVSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDeEY7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTTtnQkFDckUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztnQkFDcEMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDO1NBQ3RCO0lBQ0gsQ0FBQzs7QUFoRE07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3dDQUNrQztBQUc3QjtJQUROLFFBQVEsRUFBRTs7MENBQ2E7QUExQmIsUUFBUTtJQURwQixhQUFhLENBQUMsV0FBVyxDQUFDOztHQUNkLFFBQVEsQ0F3RXBCIn0=

package/dist_ts_web/elements/dees-mobilenavigation.js

@@ -15,22 +15,16 @@ export let DeesMobilenavigation = class DeesMobilenavigation extends DeesElement
     static { DeesMobilenavigation_1 = this; }
     // STATIC
     static { this.demo = () => html `
-    <dees-mobilenavigation
-      .menuItems="${[
-        {
-            name: 'hello1',
-            action: async () => { },
-        },
-        {
-            name: 'hello2',
-            action: async () => { },
-        },
-        {
-            name: 'hello3',
-            action: async () => { },
-        },
-    ]}"
-    ></dees-mobilenavigation>
+    <dees-button @click=${() => {
+        DeesMobilenavigation_1.createAndInit([
+            {
+                name: 'Test',
+                action: () => {
+                    alert('test');
+                },
+            },
+        ]);
+    }}></dees-button>
   `; }
     static async createAndInit(menuItemsArg) {
         if (!this.singletonRef) {
@@ -182,4 +176,4 @@ DeesMobilenavigation = DeesMobilenavigation_1 = __decorate([
     customElement('dees-mobilenavigation'),
     __metadata("design:paramtypes", [])
 ], DeesMobilenavigation);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2JpbGVuYXZpZ2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9iaWxlbmF2aWdhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLFVBQVUsRUFDVixHQUFHLEVBRUgsYUFBYSxFQUNiLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUdqRCxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFxQixTQUFRLFdBQVc7O0lBQ25ELFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztvQkFFYjtRQUNaO1lBQ0UsSUFBSSxFQUFFLFFBQVE7WUFDZCxNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsR0FBRSxDQUFDO1NBQ3ZCO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsUUFBUTtZQUNkLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxHQUFFLENBQUM7U0FDdkI7UUFDRDtZQUNFLElBQUksRUFBRSxRQUFRO1lBQ2QsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFLEdBQUUsQ0FBQztTQUN2QjtLQUNGOztHQUVKLEFBakJpQixDQWlCaEI7SUFHSyxNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFpRDtRQUNqRixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksc0JBQW9CLEVBQUUsQ0FBQztZQUMvQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDeEMsTUFBTSxJQUFJLENBQUMsWUFBWSxDQUFDLElB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2JpbGVuYXZpZ2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9iaWxlbmF2aWdhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLFVBQVUsRUFDVixHQUFHLEVBRUgsYUFBYSxFQUNiLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUdqRCxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFxQixTQUFRLFdBQVc7O0lBQ25ELFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzBCQUNQLEdBQUcsRUFBRTtRQUN6QixzQkFBb0IsQ0FBQyxhQUFhLENBQUM7WUFDakM7Z0JBQ0UsSUFBSSxFQUFFLE1BQU07Z0JBQ1osTUFBTSxFQUFFLEdBQUcsRUFBRTtvQkFDWCxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ2hCLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7R0FDRixBQVhpQixDQVdoQjtJQUdLLE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFlBQWlEO1FBQ2pGLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxzQkFBb0IsRUFBRSxDQUFDO1lBQy9DLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN4QyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDaEM7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxZQUFZ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

package/dist_ts_web/elements/dees-simple-login.d.ts

@@ -10,4 +10,8 @@ export declare class DeesSimpleLogin extends DeesElement {
     static styles: CSSResult[];
     render(): TemplateResult;
     firstUpdated(_changedProperties: any): Promise<void>;
+    /**
+     * allows switching to slotted content
+     */
+    switchToSlottedContent(): Promise<void>;
 }

package/dist_ts_web/elements/dees-simple-login.js

@@ -15,7 +15,11 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
         this.title = 'Dees Simple Login';
     }
     // STATIC
-    static { this.demo = () => html ` <dees-simple-login></dees-simple-login> `; }
+    static { this.demo = () => html `
+    <dees-simple-login>
+      Hello there
+    </dees-simple-login>
+  `; }
     static { this.styles = [
         cssManager.defaultStyles,
         css `
@@ -24,9 +28,11 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
         user-select: none;
       }
       .loginContainer {
+        position: absolute;
         display: flex;
         justify-content: center; /* aligns horizontally */
         align-items: center; /* aligns vertically */
+        width: 100%;
         height: 100%;
       }
       .login {
@@ -36,11 +42,17 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
         box-shadow: ${cssManager.bdTheme('0px 1px 4px rgba(0,0,0,0.3)', 'none')};
         border-radius: 3px;
         padding: 24px;
+        transition: opacity 0.3s, transform 0.3s;
       }
 
       .header {
         text-align: center;
       }
+      .slotContainer {
+        opacity:0;
+        transition: opacity 0.3s, transform 0.3s;
+        pointer-events: none;
+      }
     `,
     ]; }
     render() {
@@ -55,7 +67,9 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
           </dees-form>
         </div>
       </div>
-      <slot></slot>
+      <div class="slotContainer">
+        <slot></slot>
+      </div>
     `;
     }
     async firstUpdated(_changedProperties) {
@@ -68,8 +82,27 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
         const submit = this.shadowRoot.querySelector('dees-form-submit');
         form.addEventListener('formData', (event) => {
             this.dispatchEvent(new CustomEvent('login', { detail: event.detail }));
+            // this.switchToSlottedContent();
         });
     }
+    /**
+     * allows switching to slotted content
+     */
+    async switchToSlottedContent() {
+        const domtools = await this.domtoolsPromise;
+        const loginDiv = this.shadowRoot.querySelector('.login');
+        const loginContainerDiv = this.shadowRoot.querySelector('.loginContainer');
+        const slotContainerDiv = this.shadowRoot.querySelector('.slotContainer');
+        loginDiv.style.opacity = '0';
+        loginDiv.style.transform = 'translateY(20px)';
+        loginContainerDiv.style.pointerEvents = 'none';
+        slotContainerDiv.style.transform = 'translateY(20px)';
+        await domtools.convenience.smartdelay.delayFor(300);
+        slotContainerDiv.style.opacity = '1';
+        slotContainerDiv.style.transform = 'translateY(0px)';
+        await domtools.convenience.smartdelay.delayFor(300);
+        slotContainerDiv.style.pointerEvents = 'all';
+    }
 };
 __decorate([
     property(),
@@ -78,4 +111,4 @@ __decorate([
 DeesSimpleLogin = __decorate([
     customElement('dees-simple-login')
 ], DeesSimpleLogin);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zaW1wbGUtbG9naW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUNILFNBQVMsRUFFVCxLQUFLLEdBQ04sTUFBTSw2QkFBNkIsQ0FBQztBQVM5QixXQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7SUFBekM7O1FBSUwsV0FBVztRQUdKLFVBQUssR0FBRyxtQkFBbUIsQ0FBQztJQTBEckMsQ0FBQztJQWhFQyxTQUFTO2FBQ0ssU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSwyQ0FBMkMsQUFBeEQsQ0FBeUQ7YUFPN0QsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7aUJBRVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7c0JBWTdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7O0tBUTFFO0tBQ0YsQUExQm1CLENBMEJsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7OzsyQ0FJNEIsSUFBSSxDQUFDLEtBQUs7Ozs7Ozs7O0tBUWhELENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0I7UUFDMUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUN2QyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN4RCxNQUFNLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDO1FBQ2pDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLG1DQUFtQyxDQUFDLENBQUM7UUFDcEYsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsbUNBQW1DLENBQUMsQ0FBQztRQUNwRixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxLQUFrQixFQUFFLEVBQUU7WUFDdkQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN6RSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O0FBekRNO0lBRE4sUUFBUSxFQUFFOzs4Q0FDd0I7QUFQeEIsZUFBZTtJQUQzQixhQUFhLENBQUMsbUJBQW1CLENBQUM7R0FDdEIsZUFBZSxDQWlFM0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zaW1wbGUtbG9naW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUNILFNBQVMsRUFFVCxLQUFLLEdBQ04sTUFBTSw2QkFBNkIsQ0FBQztBQVM5QixXQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7SUFBekM7O1FBT0wsV0FBVztRQUdKLFVBQUssR0FBRyxtQkFBbUIsQ0FBQztJQTJGckMsQ0FBQztJQXBHQyxTQUFTO2FBQ0ssU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7OztHQUk5QixBQUppQixDQUloQjthQU1ZLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7O2lCQUVVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7c0JBYzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7O0tBYzFFO0tBQ0YsQUFsQ21CLENBa0NsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7OzsyQ0FJNEIsSUFBSSxDQUFDLEtBQUs7Ozs7Ozs7Ozs7S0FVaEQsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQjtRQUMxQyxNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hELE1BQU0sSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDakMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsbUNBQW1DLENBQUMsQ0FBQztRQUNwRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQ3BGLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxDQUFDLEtBQWtCLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3ZFLGlDQUFpQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyxzQkFBc0I7UUFDakMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6RSxNQUFNLGlCQUFpQixHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNGLE1BQU0sZ0JBQWdCLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekYsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQzdCLFFBQVEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDO1FBQzlDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO1FBQy9DLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsa0JBQWtCLENBQUM7UUFDdEQsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7UUFDckMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQztRQUNyRCxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwRCxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUkvQyxDQUFDOztBQTFGTTtJQUROLFFBQVEsRUFBRTs7OENBQ3dCO0FBVnhCLGVBQWU7SUFEM0IsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0dBQ3RCLGVBQWUsQ0FxRzNCIn0=

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

@@ -1,4 +1,5 @@
 import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+import { type TIconKey } from './dees-icon.js';
 declare global {
     interface HTMLElementTagNameMap {
         'dees-table': DeesTable<any>;
@@ -6,19 +7,39 @@ declare global {
 }
 export interface IDataAction<T = any> {
     name: string;
-    iconName: string;
+    iconName: TIconKey;
+    /**
+     * the table behaviour to use for this action
+     * e.g. upload: allows to upload files to the table
+     */
     useTableBehaviour?: 'upload' | 'cancelUpload' | 'none';
+    /**
+     * the type of the action
+     */
+    type: 'inRow' | 'rightClick' | 'footer' | 'header' | 'preview' | 'keyCombination';
+    /**
+     * allows to check if the action is relevant for the given item
+     * @param itemArg
+     * @returns
+     */
+    actionRelevancyCheckFunc?: (itemArg: T) => boolean;
+    /**
+     * the actual action function implementation
+     * @param itemArg
+     * @returns
+     */
     actionFunc: (itemArg: T) => Promise<any>;
 }
+export type TDisplayFunction<T = any> = (itemArg: T) => object;
 export declare class DeesTable<T> extends DeesElement {
     static demo: () => TemplateResult<1>;
     heading1: string;
     heading2: string;
     data: T[];
+    dataName: string;
     dataActions: IDataAction[];
+    displayFunction: TDisplayFunction;
     selectedDataRow: T;
-    type: 'normal' | 'highlighted' | 'discreet' | 'big';
-    status: 'normal' | 'pending' | 'success' | 'error';
     files: File[];
     fileWeakMap: WeakMap<object, any>;
     constructor();