@omegagrid/core 0.10.2 → 0.10.5

package/dist/ui/container.js

@@ -0,0 +1,313 @@
+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 * as dom from "../common/dom";
+import { html, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { SlideEvent } from "./slider";
+import { createRef, ref } from "lit/directives/ref.js";
+import { OmegaComponent } from "../model";
+import constants from "../constants";
+import { styleMap } from "lit-html/directives/style-map.js";
+let Container = class Container extends OmegaComponent {
+    constructor() {
+        super(...arguments);
+        this.overscroll = false;
+        this.scrollMode = 'vertical';
+        this.sliderSize = 0;
+        this.scrollbarPadding = false;
+        this.horizontalSliderPosition = 'bottom';
+        this.verticalSliderPosition = 'right';
+        this.verticalSliderRef = createRef();
+        this.horizontalSliderRef = createRef();
+        this._mouseIn = false;
+        this.render = () => html `
+		${this.createComponent ? html `
+			<div class="inner"></div>
+		` : html `
+			<div class="inner">
+				<slot name="content"></slot>
+			</div>
+		`}
+		
+		${this.scrollMode === 'vertical' || this.scrollMode === 'both' ? html `
+			<og-slider ${ref(this.verticalSliderRef)}
+				style="${styleMap(this.sliderSize > 0 ? { width: `${this.sliderSize}px` } : {})}"
+				direction="vertical"
+				hidden>
+			</og-slider>	
+		` : ''}
+		
+		${this.scrollMode === 'horizontal' || this.scrollMode === 'both' ? html `
+			<og-slider ${ref(this.horizontalSliderRef)}
+				style="${styleMap(this.sliderSize > 0 ? { height: `${this.sliderSize}px` } : {})}"
+				direction="horizontal" 
+				hidden>
+			</og-slider>
+		` : ''}
+	`;
+    }
+    get verticalSlider() { return this.verticalSliderRef.value; }
+    get horizontalSlider() { return this.horizontalSliderRef.value; }
+    get isScrolling() { return this.verticalSlider?.sliding || this.horizontalSlider?.sliding; }
+    fixScrollPosition() {
+        if (this.inner.offsetTop < 0) {
+            if (this.clientHeight - this.inner.offsetHeight - this.inner.offsetTop > 0) {
+                this.scrollVerticalTo(Math.max(0, this.inner.offsetHeight - this.clientHeight));
+            }
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.connectObservers();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.disconnectObservers();
+    }
+    connectObservers() {
+        this.resizeObserver = this.resizeObserver ?? new ResizeObserver(() => {
+            this.updateSliders();
+            this.fixScrollPosition();
+        });
+        this.resizeObserver.observe(this);
+        if (this.inner)
+            this.resizeObserver.observe(this.inner);
+    }
+    disconnectObservers() {
+        this.resizeObserver.disconnect();
+        this.resizeObserver = null;
+    }
+    scrollVerticalByPixels(deltaY) {
+        if (this.inner.offsetHeight <= this.clientHeight)
+            return false;
+        const top = this.scrollHeight > 0
+            ? (Math.max(-this.verticalSlider.maxValue, Math.min(0, this.inner.offsetTop - deltaY)) ?? 0)
+            : 0;
+        if (this.inner.offsetTop === top)
+            return false;
+        dom.setPosition(this.inner, { t: top });
+        this.verticalSlider.value = -top;
+        this.classList.toggle('scroll-top-0', top === 0);
+        this.dispatchEvent(new SlideEvent('verticalscroll', -top));
+        return true;
+    }
+    scrollVerticalTo(top) {
+        if (this.inner) {
+            top = Math.min(this.verticalSlider?.maxValue || 0, Math.max(0, top));
+            dom.setPosition(this.inner, { t: -top });
+            this.classList.toggle('scroll-top-0', top === 0);
+            if (this.verticalSlider)
+                this.verticalSlider.value = top;
+        }
+    }
+    scrollHorizontalByPixels(deltaX) {
+        const left = Math.max(-this.horizontalSliderRef.value.maxValue, Math.min(0, this.inner.offsetLeft - deltaX)) ?? 0;
+        if (this.inner.offsetLeft == left)
+            return false;
+        dom.setPosition(this.inner, { l: left });
+        this.horizontalSliderRef.value.value = left;
+        return true;
+    }
+    scrollHorizontalTo(left) {
+        if (this.inner) {
+            dom.setPosition(this.inner, { l: -left });
+            if (this.horizontalSlider)
+                this.horizontalSlider.value = left;
+        }
+    }
+    firstUpdated() {
+        this.connectObservers();
+        this.classList.add('scroll-top-0');
+        this.verticalSlider?.hide();
+        this.horizontalSlider?.hide();
+        this.verticalSlider?.addEventListener('slide', (e) => {
+            this.scrollVerticalTo(e.value);
+            this.dispatchEvent(new SlideEvent('verticalscroll', e.value));
+        });
+        this.horizontalSlider?.addEventListener('slide', (e) => {
+            this.scrollHorizontalTo(e.value);
+            this.dispatchEvent(new SlideEvent('horizontalscroll', e.value));
+        });
+        this.verticalSlider?.addEventListener('slideEnd', () => {
+            this.updateSliders();
+        });
+        this.addEventListener('mouseenter', () => {
+            this._mouseIn = true;
+            this.updateSliders();
+        });
+        this.addEventListener('mouseleave', () => {
+            this._mouseIn = false;
+            this.updateSliders();
+        });
+        this.addEventListener('wheel', (e) => {
+            if (e.deltaY != 0) {
+                if (this.scrollVerticalByPixels(e.deltaY)) {
+                    e.stopPropagation();
+                }
+            }
+        }, { passive: true });
+        this.addEventListener('touchstart', e => {
+            this.touchStart = e.touches[0];
+            this._mouseIn = true;
+        }, { passive: true });
+        this.addEventListener('touchend', () => {
+            this.touchStart = null;
+            this._mouseIn = false;
+            this.updateSliders();
+        }, { passive: true });
+        this.addEventListener('touchmove', (e) => {
+            if (this.touchStart) {
+                const touch = e.touches[0];
+                this.scrollVerticalByPixels(this.touchStart.clientY - touch.clientY);
+                this.scrollVerticalByPixels(this.touchStart.clientX - touch.clientX);
+                this.updateSliders();
+                this.touchStart = touch;
+            }
+        }, { passive: true });
+    }
+    async updated() {
+        if (this.createComponent) {
+            dom.empty(this.inner);
+            this.inner.appendChild(await this.createComponent(this.componentId));
+        }
+        // set absolute poitioning if height is set to allow proper scrolling
+        if (this.inner.style.height && this.inner.style.position !== 'absolute') {
+            dom.setPosition(this.inner, { t: 0, l: 0 });
+        }
+    }
+    get scrollHeight() {
+        return this.inner?.clientHeight - (this.overscroll ? 0 : this.clientHeight);
+    }
+    get scrollWidth() {
+        return this.inner?.clientWidth - this.clientWidth;
+    }
+    updateSliders() {
+        if (this.verticalSliderRef.value) {
+            const containerHeight = this.clientHeight;
+            if (containerHeight < this.inner.clientHeight) {
+                this.verticalSliderRef.value.pageSize = containerHeight;
+                this.verticalSliderRef.value.maxValue = this.scrollHeight;
+                this.verticalSliderRef.value.requestUpdate();
+                if (this._mouseIn || this.verticalSliderRef.value.sliding) {
+                    this.verticalSliderRef.value.show();
+                }
+                else {
+                    this.verticalSliderRef.value.hide();
+                }
+            }
+            else {
+                this.verticalSliderRef.value.hide();
+            }
+        }
+        if (this.horizontalSliderRef.value) {
+            const containerWidth = this.clientWidth;
+            if (containerWidth < this.inner.clientWidth) {
+                this.horizontalSliderRef.value.pageSize = containerWidth;
+                this.horizontalSliderRef.value.maxValue = this.scrollWidth;
+                this.horizontalSliderRef.value.requestUpdate();
+                if (this._mouseIn || this.horizontalSliderRef.value.sliding) {
+                    this.horizontalSliderRef.value.show();
+                }
+                else {
+                    this.horizontalSliderRef.value.hide();
+                }
+            }
+            else {
+                this.horizontalSliderRef.value.hide();
+            }
+        }
+    }
+};
+Container.styles = css `
+		* {
+			box-sizing: border-box;
+		}
+
+		:host {
+			position: relative;
+			display: block;
+			overflow: hidden;
+			box-shadow: inset 0px 4px 3px -2px var(--og-inset-shadow-color);
+		}
+
+		:host(.scroll-top-0) {
+			box-shadow: none;
+		}
+
+		:host([horizontalSliderPosition="top"]) og-slider[direction="horizontal"] {
+			left: 0;
+			right: 0;
+			top: 0;
+			bottom: auto;
+		}
+
+		:host([horizontalSliderPosition="left"]) og-slider[direction="vertical"] {
+			left: 0;
+			right: auto;
+			top: 0;
+			bottom: 0;
+		}
+
+		og-slider[direction="vertical"] {
+			right: 0;
+			top: 0;
+			bottom: 0;
+		}
+
+		:host([scrollMode="horizontal"]) .inner {
+			width: auto;
+			min-width: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+
+		:host([scrollMode="vertical"]) .inner,
+		:host([scrollMode="both"]) .inner {
+			width: 100%;
+		}
+
+		:host([scrollbarPadding]) .inner {
+			right: ${constants.SLIDER_SIZE}px;
+		}
+
+		:host([scrollbarPadding]) {	
+			padding-right: ${constants.SLIDER_SIZE}px;
+		}
+	`;
+__decorate([
+    property({ type: String })
+], Container.prototype, "componentId", void 0);
+__decorate([
+    property({ type: Object })
+], Container.prototype, "createComponent", void 0);
+__decorate([
+    property({ type: Boolean })
+], Container.prototype, "overscroll", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Container.prototype, "scrollMode", void 0);
+__decorate([
+    property({ type: Number })
+], Container.prototype, "sliderSize", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Container.prototype, "scrollbarPadding", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Container.prototype, "horizontalSliderPosition", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Container.prototype, "verticalSliderPosition", void 0);
+__decorate([
+    query('.inner')
+], Container.prototype, "inner", void 0);
+Container = __decorate([
+    customElement('og-container')
+], Container);
+export { Container };
+//# sourceMappingURL=container.js.map

package/dist/ui/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/ui/container.ts"],"names":[],"mappings":"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","sourcesContent":["import * as dom from \"../common/dom\";\nimport { html, css } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { SlideEvent, Slider } from \"./slider\";\nimport { createRef, Ref, ref } from \"lit/directives/ref.js\";\nimport { OmegaComponent } from \"../model\";\nimport { ComponentFactory, ComponentId, HorizontalPosition, VerticalPosition } from \"../types\";\nimport constants from \"../constants\";\nimport { styleMap } from \"lit-html/directives/style-map.js\";\n\n@customElement('og-container')\nexport class Container extends OmegaComponent {\n\n\tstatic styles = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tposition: relative;\n\t\t\tdisplay: block;\n\t\t\toverflow: hidden;\n\t\t\tbox-shadow: inset 0px 4px 3px -2px var(--og-inset-shadow-color);\n\t\t}\n\n\t\t:host(.scroll-top-0) {\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t:host([horizontalSliderPosition=\"top\"]) og-slider[direction=\"horizontal\"] {\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\tbottom: auto;\n\t\t}\n\n\t\t:host([horizontalSliderPosition=\"left\"]) og-slider[direction=\"vertical\"] {\n\t\t\tleft: 0;\n\t\t\tright: auto;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t}\n\n\t\tog-slider[direction=\"vertical\"] {\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t}\n\n\t\t:host([scrollMode=\"horizontal\"]) .inner {\n\t\t\twidth: auto;\n\t\t\tmin-width: 100%;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t:host([scrollMode=\"vertical\"]) .inner,\n\t\t:host([scrollMode=\"both\"]) .inner {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t:host([scrollbarPadding]) .inner {\n\t\t\tright: ${constants.SLIDER_SIZE}px;\n\t\t}\n\n\t\t:host([scrollbarPadding]) {\t\n\t\t\tpadding-right: ${constants.SLIDER_SIZE}px;\n\t\t}\n\t`;\n\n\t@property({type: String})\n\tcomponentId: ComponentId;\n\n\t@property({type: Object})\n\tcreateComponent: ComponentFactory;\n\n\t@property({type: Boolean})\n\toverscroll = false;\n\n\t@property({type: String, reflect: true})\n\tscrollMode: 'vertical'|'horizontal'|'both' = 'vertical';\n\n\t@property({type: Number})\n\tsliderSize = 0;\n\n\t@property({type: Boolean, reflect: true})\n\tscrollbarPadding = false;\n\n\t@property({type: String, reflect: true})\n\thorizontalSliderPosition: VerticalPosition = 'bottom';\n\n\t@property({type: String, reflect: true})\n\tverticalSliderPosition: HorizontalPosition = 'right';\n\n\t@query('.inner')\n\tinner: HTMLDivElement;\n\n\tprivate verticalSliderRef: Ref<Slider> = createRef();\n\tget verticalSlider() { return this.verticalSliderRef.value }\n\t\n\tprivate horizontalSliderRef: Ref<Slider> = createRef();\n\tget horizontalSlider() { return this.horizontalSliderRef.value }\n\n\tprivate resizeObserver: ResizeObserver;\n\tprivate touchStart: Touch;\n\tprivate _mouseIn = false;\n\n\tget isScrolling() { return this.verticalSlider?.sliding || this.horizontalSlider?.sliding; }\n\n\tfixScrollPosition() {\n\t\tif (this.inner.offsetTop < 0) {\n\t\t\tif (this.clientHeight - this.inner.offsetHeight - this.inner.offsetTop > 0) {\n\t\t\t\tthis.scrollVerticalTo(Math.max(0, this.inner.offsetHeight - this.clientHeight));\n\t\t\t}\n\t\t}\n\t}\n\t\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.connectObservers();\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tthis.disconnectObservers();\n\t}\n\n\tconnectObservers() {\n\t\tthis.resizeObserver = this.resizeObserver ?? new ResizeObserver(() => {\n\t\t\tthis.updateSliders();\n\t\t\tthis.fixScrollPosition();\n\t\t});\n\n\t\tthis.resizeObserver.observe(this);\n\t\tif (this.inner)\tthis.resizeObserver.observe(this.inner);\n\t}\n\n\tdisconnectObservers() {\n\t\tthis.resizeObserver.disconnect();\n\t\tthis.resizeObserver = null;\n\t}\n\n\tscrollVerticalByPixels(deltaY: number): boolean {\n\t\tif (this.inner.offsetHeight <= this.clientHeight) return false;\n\t\tconst top = this.scrollHeight > 0\n\t\t\t? (Math.max(-this.verticalSlider.maxValue, Math.min(0, this.inner.offsetTop - deltaY)) ?? 0)\n\t\t\t: 0;\n\n\t\tif (this.inner.offsetTop === top) return false;\n\t\tdom.setPosition(this.inner, {t: top});\n\t\tthis.verticalSlider.value = -top;\n\t\tthis.classList.toggle('scroll-top-0', top === 0);\n\t\tthis.dispatchEvent(new SlideEvent('verticalscroll', -top));\n\t\treturn true;\n\t}\n\n\tscrollVerticalTo(top: number) {\n\t\tif (this.inner) {\n\t\t\ttop = Math.min(this.verticalSlider?.maxValue || 0, Math.max(0, top));\n\t\t\tdom.setPosition(this.inner, {t: -top});\n\t\t\tthis.classList.toggle('scroll-top-0', top === 0);\n\t\t\tif (this.verticalSlider) this.verticalSlider.value = top;\n\t\t}\n\t}\n\t\n\tscrollHorizontalByPixels(deltaX: number): boolean {\n\t\tconst left = Math.max(-this.horizontalSliderRef.value.maxValue, Math.min(0, this.inner.offsetLeft - deltaX)) ?? 0;\n\t\tif (this.inner.offsetLeft == left) return false;\n\t\tdom.setPosition(this.inner, {l: left});\n\t\tthis.horizontalSliderRef.value.value = left;\n\t\treturn true;\n\t}\n\t\n\tscrollHorizontalTo(left: number) {\n\t\tif (this.inner) {\n\t\t\tdom.setPosition(this.inner, {l: -left});\n\t\t\tif (this.horizontalSlider) this.horizontalSlider.value = left;\n\t\t}\n\t}\n\t\n\tfirstUpdated() {\n\t\tthis.connectObservers();\n\t\tthis.classList.add('scroll-top-0');\n\t\tthis.verticalSlider?.hide();\n\t\tthis.horizontalSlider?.hide();\n\t\t\n\t\tthis.verticalSlider?.addEventListener('slide', (e: SlideEvent) => {\n\t\t\tthis.scrollVerticalTo(e.value);\n\t\t\tthis.dispatchEvent(new SlideEvent('verticalscroll', e.value));\n\t\t});\n\t\tthis.horizontalSlider?.addEventListener('slide', (e: SlideEvent) => {\n\t\t\tthis.scrollHorizontalTo(e.value);\n\t\t\tthis.dispatchEvent(new SlideEvent('horizontalscroll', e.value));\n\t\t});\n\n\t\tthis.verticalSlider?.addEventListener('slideEnd', () => {\n\t\t\tthis.updateSliders();\n\t\t});\n\n\t\tthis.addEventListener('mouseenter', () => {\n\t\t\tthis._mouseIn = true;\n\t\t\tthis.updateSliders();\n\t\t});\n\n\t\tthis.addEventListener('mouseleave', () => {\n\t\t\tthis._mouseIn = false;\n\t\t\tthis.updateSliders();\n\t\t});\n\n\t\tthis.addEventListener('wheel', (e) => {\n\t\t\tif (e.deltaY != 0) {\n\t\t\t\tif (this.scrollVerticalByPixels(e.deltaY)) {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t}\n\t\t\t}\n\t\t}, {passive: true});\n\n\t\tthis.addEventListener('touchstart', e => {\n\t\t\tthis.touchStart = e.touches[0];\n\t\t\tthis._mouseIn = true;\n\t\t}, {passive: true});\n\n\t\tthis.addEventListener('touchend', () => {\n\t\t\tthis.touchStart = null;\n\t\t\tthis._mouseIn = false;\n\t\t\tthis.updateSliders();\n\t\t}, {passive: true});\n\n\t\tthis.addEventListener('touchmove', (e: TouchEvent) => {\n\t\t\tif (this.touchStart) {\n\t\t\t\tconst touch = e.touches[0];\n\t\t\t\tthis.scrollVerticalByPixels(this.touchStart.clientY - touch.clientY);\n\t\t\t\tthis.scrollVerticalByPixels(this.touchStart.clientX - touch.clientX);\n\t\t\t\tthis.updateSliders();\n\t\t\t\tthis.touchStart = touch;\n\t\t\t}\n\t\t}, {passive: true});\n\t}\n\n\tasync updated() {\n\t\tif (this.createComponent) {\n\t\t\tdom.empty(this.inner);\n\t\t\tthis.inner.appendChild(await this.createComponent(this.componentId));\n\t\t}\n\n\t\t// set absolute poitioning if height is set to allow proper scrolling\n\t\tif (this.inner.style.height && this.inner.style.position !== 'absolute') {\n\t\t\tdom.setPosition(this.inner, {t: 0, l: 0});\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t${this.createComponent ? html`\n\t\t\t<div class=\"inner\"></div>\n\t\t` : html`\n\t\t\t<div class=\"inner\">\n\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t</div>\n\t\t`}\n\t\t\n\t\t${this.scrollMode === 'vertical' || this.scrollMode === 'both' ? html`\n\t\t\t<og-slider ${ref(this.verticalSliderRef)}\n\t\t\t\tstyle=\"${styleMap(this.sliderSize > 0 ? {width: `${this.sliderSize}px`} : {})}\"\n\t\t\t\tdirection=\"vertical\"\n\t\t\t\thidden>\n\t\t\t</og-slider>\t\n\t\t` : ''}\n\t\t\n\t\t${this.scrollMode === 'horizontal' || this.scrollMode === 'both' ? html`\n\t\t\t<og-slider ${ref(this.horizontalSliderRef)}\n\t\t\t\tstyle=\"${styleMap(this.sliderSize > 0 ? {height: `${this.sliderSize}px`} : {})}\"\n\t\t\t\tdirection=\"horizontal\" \n\t\t\t\thidden>\n\t\t\t</og-slider>\n\t\t` : ''}\n\t`;\n\n\tget scrollHeight() {\n\t\treturn this.inner?.clientHeight - (this.overscroll ? 0 : this.clientHeight);\n\t}\n\n\tget scrollWidth() {\n\t\treturn this.inner?.clientWidth - this.clientWidth;\n\t}\n\n\tupdateSliders() {\n\t\tif (this.verticalSliderRef.value) {\n\t\t\tconst containerHeight = this.clientHeight;\n\t\t\t\n\t\t\tif (containerHeight < this.inner.clientHeight) {\n\t\t\t\tthis.verticalSliderRef.value.pageSize = containerHeight;\n\t\t\t\tthis.verticalSliderRef.value.maxValue = this.scrollHeight;\n\t\t\t\tthis.verticalSliderRef.value.requestUpdate();\n\t\t\t\tif (this._mouseIn || this.verticalSliderRef.value.sliding) {\n\t\t\t\t\tthis.verticalSliderRef.value.show();\n\t\t\t\t} else {\n\t\t\t\t\tthis.verticalSliderRef.value.hide();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.verticalSliderRef.value.hide();\n\t\t\t}\n\t\t}\n\n\t\tif (this.horizontalSliderRef.value) {\n\t\t\tconst containerWidth = this.clientWidth;\n\t\t\t\n\t\t\tif (containerWidth < this.inner.clientWidth) {\n\t\t\t\tthis.horizontalSliderRef.value.pageSize = containerWidth;\n\t\t\t\tthis.horizontalSliderRef.value.maxValue = this.scrollWidth;\n\t\t\t\tthis.horizontalSliderRef.value.requestUpdate();\n\t\t\t\tif (this._mouseIn || this.horizontalSliderRef.value.sliding) {\n\t\t\t\t\tthis.horizontalSliderRef.value.show();\n\t\t\t\t} else {\n\t\t\t\t\tthis.horizontalSliderRef.value.hide();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.horizontalSliderRef.value.hide();\n\t\t\t}\n\t\t}\n\t}\n\n}"]}

package/dist/ui/dropdown.d.ts

@@ -0,0 +1,48 @@
+import { LitElement, TemplateResult } from 'lit';
+import { ColorTypes, Layout, VerticalDirection } from '../types';
+import { IconSpec } from './icon';
+export declare class DropdownEvent extends Event {
+    constructor(event: string);
+}
+export declare class DropdownContainer extends LitElement {
+    static styles: import("lit").CSSResult;
+    color: ColorTypes;
+    constructor();
+    render: () => TemplateResult<1>;
+}
+export declare class Dropdown extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    alignment: 'left' | 'right';
+    openDirection: VerticalDirection;
+    positionOffset: number;
+    dropdownParent: HTMLElement;
+    animation: number;
+    label: string | HTMLElement | TemplateResult;
+    icon: IconSpec | string;
+    width: number;
+    color: ColorTypes;
+    noCaret: boolean;
+    disabled: boolean;
+    labelElm: HTMLDivElement;
+    private _contentElm;
+    protected dropdownRef: import("lit-html/directives/ref.js").Ref<DropdownContainer>;
+    get dropdown(): DropdownContainer;
+    get isOpen(): boolean;
+    connectedCallback(): void;
+    _onDocumentMouseDown: (e: MouseEvent) => void;
+    animateDropdown(seconds: number): void;
+    open(): Promise<void>;
+    close(): void;
+    toggle(): void;
+    _onMousedown: () => Promise<void>;
+    disconnectedCallback(): void;
+    renderDropdown: () => TemplateResult<1>;
+    renderLabel: () => import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-html").UnsafeHTMLDirective>;
+    get hasLabelSlot(): boolean;
+    get hasLabel(): boolean;
+    updated(props: Map<string, unknown>): void;
+    render: () => TemplateResult<1>;
+    get useRadiusFix(): boolean;
+    layout(): void;
+}
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/ui/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAe,MAAM,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAK9E,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKlC,qBAAa,aAAc,SAAQ,KAAK;gBAE3B,KAAK,EAAE,MAAM;CAGzB;AAED,qBAEa,iBAAkB,SAAQ,UAAU;IAEhD,MAAM,CAAC,MAAM,0BAuBX;IAGF,KAAK,aAAqB;;IAO1B,MAAM,0BAA6D;CACnE;AAED,qBAEa,QAAS,SAAQ,UAAW,YAAW,MAAM;IAEzD,MAAM,CAAC,MAAM,4BA4CV;IAGH,SAAS,EAAE,MAAM,GAAC,OAAO,CAAW;IAGpC,aAAa,EAAE,iBAAiB,CAAU;IAG1C,cAAc,SAAK;IAGnB,cAAc,EAAE,WAAW,CAAiB;IAG5C,SAAS,SAAO;IAGhB,KAAK,EAAE,MAAM,GAAC,WAAW,GAAC,cAAc,CAAC;IAGzC,IAAI,EAAE,QAAQ,GAAC,MAAM,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,aAAqB;IAG1B,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,WAAW,CAAc;IAEjC,SAAS,CAAC,WAAW,8DAAkC;IACvD,IAAI,QAAQ,sBAAqC;IAEjD,IAAI,MAAM,YAA2D;IAErE,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,GAAI,GAAG,UAAU,UAKpC;IAED,eAAe,CAAC,OAAO,EAAE,MAAM;IAYzB,IAAI;IA4BV,KAAK;IAML,MAAM;IAMN,YAAY,sBAA6B;IAEzC,oBAAoB;IAKpB,cAAc,0BAIZ;IAEF,WAAW,2HAMT;IAEF,IAAI,YAAY,YAEf;IAED,IAAI,QAAQ,YAEX;IAED,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAKnC,MAAM,0BAgBJ;IAEF,IAAI,YAAY,YAEf;IAED,MAAM;CA6BN"}