@vandeurenglenn/lite-elements 0.3.23 → 0.3.25

package/exports/summary.js

@@ -0,0 +1,55 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
+import { customElement, css, html, LiteElement } from '@vandeurenglenn/lite';
+
+let CustomSummary = (() => {
+    let _classDecorators = [customElement('custom-summary')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [
+            css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        min-height: 400px;
+        max-width: 1200px;
+      }
+      ::slotted([slot='left']) {
+        padding-bottom: 24px;
+      }
+      @media (min-width: 1200px) {
+        :host {
+          flex-direction: row;
+          width: 80%;
+        }
+        ::slotted([slot='left']) {
+          padding-right: 24px;
+          padding-bottom: 0;
+        }
+      }
+    `
+        ];
+        render() {
+            return html `
+      <slot name="left"></slot>
+      <slot name="right"></slot>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomSummary };