@neovici/cosmoz-omnitable 15.1.0 → 16.0.0-beta.1

package/dist/lib/cosmoz-omnitable-amount-range-input.js

@@ -1,10 +1,10 @@
 import { t } from 'i18next';
 import { PolymerElement } from '@polymer/polymer';
 import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
 import '@neovici/cosmoz-input';
 import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
 import { polymerHauntedRender } from './polymer-haunted-render-mixin';
+import { renderDropdown } from './cosmoz-omnitable-dropdown';
 class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerElement)) {
     static get properties() {
         return {
@@ -27,6 +27,7 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
                 type: String,
                 computed: '_computeFilterText(filter.*, _formatters)',
             },
+            headerFocused: { type: Boolean, value: false },
         };
     }
     static get observers() {
@@ -34,7 +35,7 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
     }
     render() {
         const onOpenedChanged = (event) => {
-            this.headerFocused = event.detail.value;
+            this.headerFocused = event.type === 'focus';
             this._onDropdownOpenedChanged(event);
         };
         return html `
@@ -91,16 +92,16 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
 				@click=${() => this.resetFilter()}
 				?visible=${this.hasFilter()}
 			></cosmoz-clear-button>
-			<paper-dropdown-menu
-				label=${this.title}
-				placeholder=${ifDefined(this._filterText)}
-				class="external-values-${this.externalValues}"
-				title=${this._tooltip}
-				horizontal-align="right"
-				?opened=${this.headerFocused}
-				@opened-changed=${onOpenedChanged}
-			>
-				<div class="dropdown-content" slot="dropdown-content">
+
+			${renderDropdown({
+            title: this.title,
+            tooltip: this._tooltip,
+            filterText: this._filterText,
+            headerFocused: this.headerFocused,
+            horizontalAlign: 'right',
+            externalValues: this.externalValues,
+            onOpenedChanged,
+            content: html `
 					<h3 style="margin: 0;">${this.title}</h3>
 					<cosmoz-input
 						class=${this._fromClasses}
@@ -109,8 +110,8 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
 						label=${t('Min amount')}
 						.value=${this._filterInput?.min}
 						@value-changed=${(event) => {
-            this.set('_filterInput.min', event.detail.value);
-        }}
+                this.set('_filterInput.min', event.detail.value);
+            }}
 						@blur=${(event) => this._onBlur(event)}
 						@keydown=${(event) => this._onKeyDown(event)}
 						min=${this._toInputStringAmount(this._limit.fromMin)}
@@ -125,8 +126,8 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
 						label=${t('Max amount')}
 						.value=${this._filterInput?.max}
 						@value-changed=${(event) => {
-            this.set('_filterInput.max', event.detail.value);
-        }}
+                this.set('_filterInput.max', event.detail.value);
+            }}
 						@blur=${(event) => this._onBlur(event)}
 						@keydown=${(event) => this._onKeyDown(event)}
 						min=${this._toInputStringAmount(this._limit.toMin)}
@@ -134,8 +135,8 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
 					>
 						<div slot="suffix" suffix>${this.filter?.max?.currency}</div>
 					</cosmoz-input>
-				</div>
-			</paper-dropdown-menu>
+				`,
+        })}
 		`;
     }
     /**

package/dist/lib/cosmoz-omnitable-amount-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"cosmoz-omnitable-amount-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-amount-range-input.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"cosmoz-omnitable-amount-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-amount-range-input.js"],"names":[],"mappings":"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"}

package/dist/lib/cosmoz-omnitable-date-range-input.js

@@ -1,42 +1,17 @@
 import { t } from 'i18next';
 import { PolymerElement } from '@polymer/polymer';
 import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
 import '@neovici/cosmoz-input';
 import { dateInputMixin } from './cosmoz-omnitable-date-input-mixin';
 import { polymerHauntedRender } from './polymer-haunted-render-mixin';
+import { renderDropdown } from './cosmoz-omnitable-dropdown';
 class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)) {
     render() {
+        const onOpenedChanged = (event) => {
+            this.headerFocused = event.type === 'focus';
+        };
         return html `
 			<style>
-				paper-dropdown-menu {
-					--iron-icon-width: 0;
-					display: block;
-				}
-
-				.dropdown-content h3 {
-					font-weight: 500;
-					font-size: 13px;
-					margin: 0;
-					font-family: var(
-						--cosmoz-input-font-family,
-						var(--paper-font-subhead_-_font-family, 'Inter', sans-serif)
-					);
-				}
-
-				.dropdown-content {
-					padding: 10px 10px 10px 10px;
-					min-width: 120px;
-					text-align: left;
-					background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
-					border-radius: 6px;
-					backdrop-filter: blur(16px) saturate(180%);
-					-webkit-backdrop-filter: blur(16px) saturate(180%);
-					box-shadow:
-						0 4px 24px 0 rgba(0, 0, 0, 0.18),
-						0 1.5px 6px 0 rgba(0, 0, 0, 0.1);
-				}
-
 				cosmoz-input[type='date'] {
 					background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
 					border-radius: 6px;
@@ -56,23 +31,21 @@ class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
 					background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
 				}
 			</style>
+
 			<cosmoz-clear-button
 				@click=${() => this.resetFilter()}
 				?visible=${this.hasFilter()}
 			></cosmoz-clear-button>
-			<paper-dropdown-menu
-				label=${this.title}
-				placeholder=${ifDefined(this._filterText)}
-				class="external-values-${this.externalValues}"
-				title=${this._tooltip}
-				horizontal-align="right"
-				?opened=${this.headerFocused}
-				@opened-changed=${(event) => {
-            // TODO: check ots integration
-            this.headerFocused = event.detail.value;
-        }}
-			>
-				<div class="dropdown-content" slot="dropdown-content">
+
+			${renderDropdown({
+            title: this.title,
+            tooltip: this._tooltip,
+            filterText: this._filterText,
+            headerFocused: this.headerFocused,
+            horizontalAlign: 'right',
+            externalValues: this.externalValues,
+            onOpenedChanged,
+            content: html `
 					<h3 style="margin: 0;">${this.title}</h3>
 					<cosmoz-input
 						type="date"
@@ -90,8 +63,8 @@ class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
 						.value=${this._filterInput?.max}
 						@value-changed=${(event) => this.set('_filterInput.max', event.detail.value)}
 					></cosmoz-input>
-				</div>
-			</paper-dropdown-menu>
+				`,
+        })}
 		`;
     }
     _fromInputString(value, property) {

package/dist/lib/cosmoz-omnitable-date-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"cosmoz-omnitable-date-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-date-range-input.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"cosmoz-omnitable-date-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-date-range-input.js"],"names":[],"mappings":"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"}

package/dist/lib/cosmoz-omnitable-datetime-range-input.js

@@ -1,42 +1,16 @@
 import { t } from 'i18next';
 import { PolymerElement } from '@polymer/polymer';
 import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { dateInputMixin } from './cosmoz-omnitable-date-input-mixin';
 import { polymerHauntedRender } from './polymer-haunted-render-mixin';
+import { renderDropdown } from './cosmoz-omnitable-dropdown';
 class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)) {
     render() {
+        const onOpenedChanged = (event) => {
+            this.headerFocused = event.type === 'focus';
+        };
         return html `
 			<style>
-				paper-dropdown-menu {
-					--iron-icon-width: 0;
-					display: block;
-					text-align: right;
-				}
-
-				.dropdown-content h3 {
-					font-weight: 500;
-					font-size: 13px;
-					margin: 0;
-					font-family: var(
-						--cosmoz-input-font-family,
-						var(--paper-font-subhead_-_font-family, 'Inter', sans-serif)
-					);
-				}
-
-				.dropdown-content {
-					padding: 10px 10px 10px 10px;
-					min-width: 120px;
-					text-align: left;
-					background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
-					border-radius: 6px;
-					backdrop-filter: blur(16px) saturate(180%);
-					-webkit-backdrop-filter: blur(16px) saturate(180%);
-					box-shadow:
-						0 4px 24px 0 rgba(0, 0, 0, 0.18),
-						0 1.5px 6px 0 rgba(0, 0, 0, 0.1);
-				}
-
 				cosmoz-datetime-input {
 					background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
 					border-radius: 6px;
@@ -61,16 +35,16 @@ class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElem
 				@click=${() => this.resetFilter()}
 				?visible=${this.hasFilter()}
 			></cosmoz-clear-button>
-			<paper-dropdown-menu
-				label=${this.title}
-				placeholder=${ifDefined(this._filterText)}
-				class="external-values-${this.externalValues}"
-				title=${this._tooltip}
-				horizontal-align="right"
-				?opened=${this.headerFocused}
-				@opened-changed=${(event) => this.set('headerFocused', event.detail.value)}
-			>
-				<div class="dropdown-content" slot="dropdown-content">
+
+			${renderDropdown({
+            title: this.title,
+            tooltip: this._tooltip,
+            filterText: this._filterText,
+            headerFocused: this.headerFocused,
+            horizontalAlign: 'right',
+            externalValues: this.externalValues,
+            onOpenedChanged,
+            content: html `
 					<h3 style="margin: 0;">${this.title}</h3>
 					<cosmoz-datetime-input
 						date-label=${t('From date')}
@@ -90,8 +64,8 @@ class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElem
 						.value=${this._filterInput?.max}
 						@value-changed=${(event) => this.set('_filterInput.max', event.detail.value)}
 					></cosmoz-datetime-input>
-				</div>
-			</paper-dropdown-menu>
+				`,
+        })}
 		`;
     }
     _toInputString(value) {

package/dist/lib/cosmoz-omnitable-datetime-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"cosmoz-omnitable-datetime-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-datetime-range-input.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,kBAAmB,SAAQ,cAAc,CAC9C,oBAAoB,CAAC,cAAc,CAAC,CACpC;IACA,MAAM;QACL,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAoDA,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;eACtB,IAAI,CAAC,SAAS,EAAE;;;YAGnB,IAAI,CAAC,KAAK;kBACJ,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;6BAChB,IAAI,CAAC,cAAc;YACpC,IAAI,CAAC,QAAQ;;cAEX,IAAI,CAAC,aAAa;sBACV,CAAC,KAAK,EAAE,EAAE,CAC3B,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;8BAGpB,IAAI,CAAC,KAAK;;mBAErB,CAAC,CAAC,WAAW,CAAC;mBACd,CAAC,CAAC,WAAW,CAAC;YACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACxC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;aACvC,IAAI,CAAC,UAAU;eACb,IAAI,CAAC,YAAY,EAAE,GAAG;uBACd,CAAC,KAAK,EAAE,EAAE,CAC1B,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;mBAGpC,CAAC,CAAC,SAAS,CAAC;mBACZ,CAAC,CAAC,SAAS,CAAC;YACnB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YACtC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;aACrC,IAAI,CAAC,UAAU;eACb,IAAI,CAAC,YAAY,EAAE,GAAG;uBACd,CAAC,KAAK,EAAE,EAAE,CAC1B,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;;GAIpD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,KAAK;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YAClB,OAAO;QACR,CAAC;QACD,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,YAAY;IACZ,iBAAiB,CAAC,MAAM;QACvB,MAAM,gBAAgB,GAAG;YACxB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SACjB,CAAC;QACF,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,SAAS,EAAE,gBAAgB,CAAC,CAAC;IACvE,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CACpB,uCAAuC,EACvC,kBAAkB,CAClB,CAAC"}
+{"version":3,"file":"cosmoz-omnitable-datetime-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-datetime-range-input.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,MAAM,kBAAmB,SAAQ,cAAc,CAC9C,oBAAoB,CAAC,cAAc,CAAC,CACpC;IACA,MAAM;QACL,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE;YACjC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;QAC7C,CAAC,CAAC;QAEF,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;aAuBA,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;eACtB,IAAI,CAAC,SAAS,EAAE;;;KAG1B,cAAc,CAAC;YAChB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,eAAe,EAAE,OAAO;YACxB,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,eAAe;YACf,OAAO,EAAE,IAAI,CAAA;8BACa,IAAI,CAAC,KAAK;;mBAErB,CAAC,CAAC,WAAW,CAAC;mBACd,CAAC,CAAC,WAAW,CAAC;YACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACxC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;aACvC,IAAI,CAAC,UAAU;eACb,IAAI,CAAC,YAAY,EAAE,GAAG;uBACd,CAAC,KAAK,EAAE,EAAE,CAC1B,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;mBAGpC,CAAC,CAAC,SAAS,CAAC;mBACZ,CAAC,CAAC,SAAS,CAAC;YACnB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YACtC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;aACrC,IAAI,CAAC,UAAU;eACb,IAAI,CAAC,YAAY,EAAE,GAAG;uBACd,CAAC,KAAK,EAAE,EAAE,CAC1B,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;KAElD;SACD,CAAC;GACF,CAAC;IACH,CAAC;IAED,cAAc,CAAC,KAAK;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YAClB,OAAO;QACR,CAAC;QACD,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,YAAY;IACZ,iBAAiB,CAAC,MAAM;QACvB,MAAM,gBAAgB,GAAG;YACxB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SACjB,CAAC;QACF,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,SAAS,EAAE,gBAAgB,CAAC,CAAC;IACvE,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CACpB,uCAAuC,EACvC,kBAAkB,CAClB,CAAC"}

package/dist/lib/cosmoz-omnitable-dropdown-input.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-dropdown-input.d.ts.map

package/dist/lib/cosmoz-omnitable-dropdown-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-dropdown-input.d.ts","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown-input.js"],"names":[],"mappings":""}

package/dist/lib/cosmoz-omnitable-dropdown-input.js

@@ -0,0 +1,62 @@
+import { component, css } from '@pionjs/pion';
+import { html } from 'lit-html';
+import { render, styles as inputStyles } from '@neovici/cosmoz-input';
+const observedAttributes = ['label', 'value', 'slot', 'always-float-label'];
+const style = css `
+	${inputStyles}
+
+	:host {
+		--text-align: left;
+	}
+
+	:host([text-align='right']) {
+		--text-align: right;
+	}
+
+	:host([text-align='center']) {
+		--text-align: center;
+	}
+
+	:host::part(control) {
+		width: 100%;
+	}
+
+	#input {
+		color: #737373;
+		user-select: none;
+		cursor: pointer;
+		min-height: var(--line-height);
+		text-align: var(--text-align);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	label {
+		display: block;
+		text-align: var(--text-align);
+		transform-origin: (var(--text-align));
+	}
+
+	:host(:not([always-float-label])) label {
+		transform: none !important;
+	}
+`;
+const DropdownInput = (host) => {
+    const { label, value, slot } = host;
+    const control = html `<div
+		id="input"
+		part="input"
+		role="button"
+		class="control"
+		slot=${slot}
+	>
+		${value || ''}
+	</div>`;
+    return render(control, { label });
+};
+customElements.define('cosmoz-omnitable-dropdown-input', component(DropdownInput, {
+    observedAttributes,
+    styleSheets: [style],
+}));
+//# sourceMappingURL=cosmoz-omnitable-dropdown-input.js.map

package/dist/lib/cosmoz-omnitable-dropdown-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-dropdown-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown-input.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEtE,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC;AAE5E,MAAM,KAAK,GAAG,GAAG,CAAA;GACd,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCb,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IAC9B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEpC,MAAM,OAAO,GAAG,IAAI,CAAA;;;;;SAKZ,IAAI;;IAET,KAAK,IAAI,EAAE;QACP,CAAC;IAER,OAAO,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,cAAc,CAAC,MAAM,CACpB,iCAAiC,EACjC,SAAS,CAAC,aAAa,EAAE;IACxB,kBAAkB;IAClB,WAAW,EAAE,CAAC,KAAK,CAAC;CACpB,CAAC,CACF,CAAC"}

package/dist/lib/cosmoz-omnitable-dropdown.d.ts

@@ -0,0 +1,10 @@
+export function renderDropdown({ title, tooltip, filterText, onOpenedChanged, content, horizontalAlign, externalValues, }: {
+    title: any;
+    tooltip?: string | undefined;
+    filterText?: string | undefined;
+    onOpenedChanged: any;
+    content: any;
+    horizontalAlign?: string | undefined;
+    externalValues?: null | undefined;
+}): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=cosmoz-omnitable-dropdown.d.ts.map

package/dist/lib/cosmoz-omnitable-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-dropdown.d.ts","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown.js"],"names":[],"mappings":"AAKO;;;;;;;;yCAyFN"}

package/dist/lib/cosmoz-omnitable-dropdown.js

@@ -0,0 +1,86 @@
+import { html } from 'lit-html';
+import { classMap } from 'lit-html/directives/class-map.js';
+import '@neovici/cosmoz-dropdown';
+import './cosmoz-omnitable-dropdown-input';
+export const renderDropdown = ({ title, tooltip = '', filterText = '', onOpenedChanged, content, horizontalAlign = 'left', externalValues = null, }) => {
+    const classes = {
+        filtered: Boolean(filterText),
+        ...(externalValues != null && {
+            [`external-values-${externalValues}`]: true,
+        }),
+    };
+    return html `
+		<style>
+			.dropdown {
+				outline: none;
+			}
+			.dropdown:focus-within .input {
+				--focused: focused;
+			}
+
+			.dropdown::part(button) {
+				background: transparent;
+				border-radius: unset;
+				position: relative;
+				width: 100%;
+				height: 100%;
+				min-height: 32px;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+			}
+
+			.dropdown-content {
+				position: absolute !important;
+				height: auto !important;
+				top: -30px;
+				left: 0;
+				right: 0;
+				width: fit-content;
+			}
+
+			.dropdown-content h3 {
+				font-weight: 500;
+				font-size: 13px;
+				margin: 0;
+				font-family: var(
+					--cosmoz-input-font-family,
+					var(--paper-font-subhead_-_font-family, 'Inter', sans-serif)
+				);
+			}
+
+			.dropdown-content {
+				padding: 10px 10px 10px 10px;
+				min-width: 120px;
+				height: 100%;
+				position: relative;
+				text-align: left;
+				background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
+				border-radius: 6px;
+				backdrop-filter: blur(16px) saturate(180%);
+				-webkit-backdrop-filter: blur(16px) saturate(180%);
+				box-shadow:
+					0 4px 24px 0 rgba(0, 0, 0, 0.18),
+					0 1.5px 6px 0 rgba(0, 0, 0, 0.1);
+			}
+		</style>
+
+		<cosmoz-dropdown
+			@focus=${onOpenedChanged}
+			class=${`${classMap(classes)} dropdown`}
+			title=${tooltip || ''}
+		>
+			<cosmoz-omnitable-dropdown-input
+				class="input"
+				slot="button"
+				.label=${title}
+				.placeholder=${title}
+				.value=${filterText ?? ''}
+				text-align=${horizontalAlign}
+				?always-float-label=${filterText?.length > 0}
+			></cosmoz-omnitable-dropdown-input>
+			<div class="dropdown-content">${content}</div>
+		</cosmoz-dropdown>
+	`;
+};
+//# sourceMappingURL=cosmoz-omnitable-dropdown.js.map

package/dist/lib/cosmoz-omnitable-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-dropdown.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,0BAA0B,CAAC;AAClC,OAAO,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC9B,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,EAAE,EACf,eAAe,EACf,OAAO,EACP,eAAe,GAAG,MAAM,EACxB,cAAc,GAAG,IAAI,GACrB,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG;QACf,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC;QAC7B,GAAG,CAAC,cAAc,IAAI,IAAI,IAAI;YAC7B,CAAC,mBAAmB,cAAc,EAAE,CAAC,EAAE,IAAI;SAC3C,CAAC;KACF,CAAC;IAEF,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyDA,eAAe;WAChB,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW;WAC/B,OAAO,IAAI,EAAE;;;;;aAKX,KAAK;mBACC,KAAK;aACX,UAAU,IAAI,EAAE;iBACZ,eAAe;0BACN,UAAU,EAAE,MAAM,GAAG,CAAC;;mCAEb,OAAO;;EAExC,CAAC;AACH,CAAC,CAAC"}

package/dist/lib/cosmoz-omnitable-number-range-input.js

@@ -1,10 +1,10 @@
 import { PolymerElement } from '@polymer/polymer';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html } from 'lit-html';
 import { t } from 'i18next';
 import '@neovici/cosmoz-input';
 import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
 import { polymerHauntedRender } from './polymer-haunted-render-mixin';
+import { renderDropdown } from './cosmoz-omnitable-dropdown';
 class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerElement)) {
     static get properties() {
         return {
@@ -20,44 +20,16 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
                 type: String,
                 computed: '_computeFilterText(filter.*, formatter)',
             },
+            headerFocused: { type: Boolean, value: false },
         };
     }
     render() {
         const onOpenedChanged = (event) => {
-            this.headerFocused = event.detail.value;
+            this.headerFocused = event.type === 'focus';
             this._onDropdownOpenedChanged(event);
         };
         return html `
 			<style>
-				paper-dropdown-menu {
-					--iron-icon-width: 0;
-					display: block;
-					text-align: right;
-				}
-
-				.dropdown-content h3 {
-					font-weight: 500;
-					font-size: 13px;
-					margin: 0;
-					font-family: var(
-						--cosmoz-input-font-family,
-						var(--paper-font-subhead_-_font-family, 'Inter', sans-serif)
-					);
-				}
-
-				.dropdown-content {
-					padding: 10px 10px 10px 10px;
-					min-width: 120px;
-					text-align: left;
-					background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
-					border-radius: 6px;
-					backdrop-filter: blur(16px) saturate(180%);
-					-webkit-backdrop-filter: blur(16px) saturate(180%);
-					box-shadow:
-						0 4px 24px 0 rgba(0, 0, 0, 0.18),
-						0 1.5px 6px 0 rgba(0, 0, 0, 0.1);
-				}
-
 				cosmoz-input[type='number'] {
 					background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
 					border-radius: 6px;
@@ -82,25 +54,25 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
 				@click=${() => this.resetFilter()}
 				?visible=${this.hasFilter()}
 			></cosmoz-clear-button>
-			<paper-dropdown-menu
-				label=${this.title}
-				placeholder=${ifDefined(this._filterText)}
-				class="external-values-${this.externalValues}"
-				title=${this._tooltip}
-				horizontal-align="right"
-				?opened=${this.headerFocused}
-				@opened-changed=${onOpenedChanged}
-			>
-				<div class="dropdown-content" slot="dropdown-content">
-					<h3 style="margin: 0;">${this.title}</h3>
+
+			${renderDropdown({
+            title: this.title,
+            tooltip: this._tooltip,
+            filterText: this._filterText,
+            headerFocused: this.headerFocused,
+            horizontalAlign: 'right',
+            externalValues: this.externalValues,
+            onOpenedChanged,
+            content: html `
+					<h3>${this.title}</h3>
 					<cosmoz-input
 						class=${this._fromClasses}
 						type="number"
 						label=${t('From')}
 						.value=${this._filterInput?.min}
 						@value-changed=${(event) => {
-            this.set('_filterInput.min', event.detail.value);
-        }}
+                this.set('_filterInput.min', event.detail.value);
+            }}
 						@blur=${(event) => this._onBlur(event)}
 						@keydown=${(event) => this._onKeyDown(event)}
 						min=${this._toInputString(this._limit.fromMin)}
@@ -112,15 +84,15 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
 						label=${t('To')}
 						.value=${this._filterInput?.max}
 						@value-changed=${(event) => {
-            this.set('_filterInput.max', event.detail.value);
-        }}
+                this.set('_filterInput.max', event.detail.value);
+            }}
 						@blur=${(event) => this._onBlur(event)}
 						@keydown=${(event) => this._onKeyDown(event)}
 						min=${this._toInputString(this._limit.toMin)}
 						max=${this._toInputString(this._limit.toMax)}
 					></cosmoz-input>
-				</div>
-			</paper-dropdown-menu>
+				`,
+        })}
 		`;
     }
     _computeFormatter(locale, minimumFractionDigits, maximumFractionDigits) {

package/dist/lib/cosmoz-omnitable-number-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"cosmoz-omnitable-number-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-number-range-input.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"cosmoz-omnitable-number-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-number-range-input.js"],"names":[],"mappings":"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"}