@luzmo/analytics-components-kit 1.0.1-alpha.15 → 1.0.1-alpha.150

package/components/data-fields-select/index.js

@@ -0,0 +1,31 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+(function() {
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+	}
+})();
+import "../set-locale-CgsoV0B9.js";
+import "../localized-mixin-rjHF23Hg.js";
+import "../periods.const-Ch6SfeaG.js";
+import "../calculate-data-field-icon-CY7Y6fn1.js";
+import { t as LuzmoDataFieldsSelect } from "../data-fields-select-CT_nHj54.js";
+export { LuzmoDataFieldsSelect };

package/components/data-fields-select-CT_nHj54.js

@@ -0,0 +1,258 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { t as __decorate } from "./decorate-Da6S_xrw.js";
+import { t as LocalizedMixin } from "./localized-mixin-rjHF23Hg.js";
+import { t as localize } from "./localize-Dlt3EN5i.js";
+import { n as DATETIME_LEVELS } from "./periods.const-Ch6SfeaG.js";
+import { t as calculateDataFieldIcon } from "./calculate-data-field-icon-CY7Y6fn1.js";
+import { n as mapDatasetColumnToDatasetDataField, r as mapDatasetFormulaToDatasetDataField } from "./convert-datasets-to-data-fields-Ct3YLD0R.js";
+import { luzmoFormula } from "@luzmo/icons";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { localized, msg } from "@lit/localize";
+import "@luzmo/lucero/select";
+import { ElementSizes, LuzmoElement, SizedMixin } from "@luzmo/lucero/utils";
+var data_fields_select_module_default = ":host{font-family:var(--luzmo-font-family)}", LEVEL_SEPARATOR = "::level::", encodeSublevelValue = (e, p) => `${e}${LEVEL_SEPARATOR}${p}`, decodeSublevelValue = (e) => {
+	let p = e.indexOf(LEVEL_SEPARATOR);
+	return p === -1 ? null : {
+		columnId: e.slice(0, p),
+		level: Number(e.slice(p + 9))
+	};
+}, LuzmoDataFieldsSelect = class extends LocalizedMixin(SizedMixin(LuzmoElement, { validSizes: Object.values(ElementSizes) })) {
+	constructor(...e) {
+		super(...e), this.contentLanguage = "en", this.icons = "menu-only", this.allowEmpty = !1, this.selects = "single", this.value = [], this.retrieving = !1, this.invalid = !1, this.clearable = !1, this.pending = !1, this.disabled = !1, this.search = "auto", this.placement = "bottom-start", this.datasetsDataFields = [], this._dataFieldsSelected = [];
+	}
+	static get styles() {
+		return [unsafeCSS(data_fields_select_module_default)];
+	}
+	_isAdHocFormula(e) {
+		return "formula" in e && typeof e.formula == "string";
+	}
+	_sendChangeEvent() {
+		this.dispatchEvent(new CustomEvent("luzmo-data-fields-selected", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { dataFields: this._dataFieldsSelected }
+		}));
+	}
+	_toDataFieldData(e, p, m = !1) {
+		return m ? mapDatasetFormulaToDatasetDataField(p, e, { includeHidden: !0 }) : mapDatasetColumnToDatasetDataField(p, e, { includeHidden: !0 });
+	}
+	_toAdHocFormulaFieldData(e, p) {
+		return {
+			datasetId: p,
+			formula: e.formula,
+			type: e.type,
+			name: e.label ?? { en: "Ad-hoc formula" },
+			subtype: e.subtype ?? void 0,
+			format: e.format
+		};
+	}
+	_findFormulaMatch(e, p, m) {
+		for (let h of e) if (this._isAdHocFormula(h)) {
+			if (h.formula === p) return this._toAdHocFormulaFieldData(h, m);
+		} else if (h.id === p) return this._toDataFieldData(h, m, !0);
+		return null;
+	}
+	_resolveDataFieldFromValue(e, p) {
+		let m = decodeSublevelValue(e), h = m ? m.columnId : e;
+		for (let g of p) {
+			let p = g.columns ?? [], _ = g.formulas ?? [], v = p.find((e) => e.id === h);
+			if (v) {
+				let e = this._toDataFieldData(v, g.id, !1);
+				if (e && m && (e.level = m.level, this._isExpandableHierarchy(v))) {
+					let p = v.hierarchyLevels?.find((e) => e.level === m.level);
+					p && (e.name = p.name);
+				}
+				return e;
+			}
+			let y = this._findFormulaMatch(_, e, g.id);
+			if (y) return y;
+		}
+		return null;
+	}
+	setDataField(e) {
+		let p = e?.detail?.value ?? [];
+		this._dataFieldsSelected = [];
+		for (let e of p) {
+			let p = this._resolveDataFieldFromValue(e, this.datasetsDataFields);
+			p && this._dataFieldsSelected.push(p);
+		}
+		this.value = p, this._sendChangeEvent();
+	}
+	_findDataFieldsInDatasetsDataFields(e) {
+		this._dataFieldsSelected = [];
+		for (let p of e) {
+			let e = this._resolveDataFieldFromValue(p, this.datasetsDataFields);
+			e && this._dataFieldsSelected.push(e);
+		}
+	}
+	willUpdate(e) {
+		super.willUpdate(e);
+		let p = e.has("value"), m = e.has("datasetsDataFields");
+		if ((p || m) && (this._findDataFieldsInDatasetsDataFields(this.value), this._dataFieldsSelected.length === 0 && !this.allowEmpty && !this.retrieving)) {
+			for (let e of this.datasetsDataFields) if (e?.columns?.length > 0) {
+				let p = this._toDataFieldData(e.columns[0], e.id, !1);
+				this._dataFieldsSelected = p ? [p] : [];
+				break;
+			} else {
+				let p = e?.formulas?.find((e) => !this._isAdHocFormula(e));
+				if (p && !this._isAdHocFormula(p)) {
+					let m = this._toDataFieldData(p, e.id, !0);
+					this._dataFieldsSelected = m ? [m] : [];
+					break;
+				}
+			}
+			this.value = this._dataFieldsSelected.map((e) => {
+				if ("columnId" in e && e.columnId) return e.columnId;
+				if ("formulaId" in e && e.formulaId) return e.formulaId;
+				if ("formula" in e && e.formula) return e.formula;
+			}).filter((e) => typeof e == "string" && e.length > 0), this._sendChangeEvent();
+		}
+	}
+	_buildDatetimeChildren(e) {
+		let p = [], m = Math.min(Math.max(e.lowestLevel ?? 1, 1), DATETIME_LEVELS.length), g = Math.min(Math.max(e.highestLevel ?? 1, 1), DATETIME_LEVELS.length);
+		for (let _ = g; _ <= m; _++) p.push({
+			value: encodeSublevelValue(e.id, _),
+			label: DATETIME_LEVELS[_ - 1]?.i18n() ?? ""
+		});
+		return p;
+	}
+	_buildHierarchyChildren(e) {
+		let p = [], h = e.hierarchyLevels ?? [];
+		for (let g of h) g.level < 1 || p.push({
+			value: encodeSublevelValue(e.id, g.level),
+			label: localize(g.name ?? {}, this.contentLanguage) ?? ""
+		});
+		return p;
+	}
+	_isExpandableDatetime(e) {
+		let p = e.type;
+		return (p === "datetime" || p === "array[datetime]") && typeof e.lowestLevel == "number";
+	}
+	_isExpandableHierarchy(e) {
+		return Array.isArray(e.hierarchyLevels) && e.hierarchyLevels.length > 2 && e.hierarchy_enabled === !0;
+	}
+	render() {
+		let e = [], p = this.icons !== "none";
+		for (let h of this.datasetsDataFields ?? []) {
+			let _ = h?.columns ?? [], v = h?.formulas ?? [];
+			for (let h of _) {
+				let _ = {
+					value: h.id,
+					label: localize(h?.name ?? {}, this.contentLanguage) ?? ""
+				};
+				p && (_.icon = calculateDataFieldIcon(h, this.size)), this._isExpandableDatetime(h) ? _.children = this._buildDatetimeChildren(h) : this._isExpandableHierarchy(h) && (_.children = this._buildHierarchyChildren(h)), e.push(_);
+			}
+			for (let h of v) if (this._isAdHocFormula(h)) {
+				let g = h.label ? localize(h.label, this.contentLanguage) : msg("Ad-hoc formula"), _ = {
+					value: h.formula,
+					label: g ?? msg("Ad-hoc formula")
+				};
+				p && (_.icon = luzmoFormula), e.push(_);
+			} else {
+				let _ = {
+					value: h.id,
+					label: localize(h?.name ?? {}, this.contentLanguage) ?? ""
+				};
+				p && (_.icon = calculateDataFieldIcon(h, this.size)), e.push(_);
+			}
+		}
+		let h = msg("Select..."), _ = this.pending ? "" : this.label || this.placeholder || h, v = this.pending || this.value.length === 0 ? [] : this.value, b = this.icons === "none" || this.icons === "menu-only" ? "none" : void 0;
+		return html`<luzmo-select
+        id="data-fields"
+        .size=${this.size}
+        .label=${_}
+        .retrieving=${this.retrieving}
+        .icons=${b}
+        .selects=${this.selects}
+        .variant=${this.selects === "multiple" ? "checkmarks" : "highlight"}
+        .placement=${this.placement}
+        .search=${this.search}
+        emphasized
+        no-wrap
+        ?invalid=${this.invalid}
+        ?clearable=${this.clearable && this.allowEmpty}
+        ?pending=${this.pending}
+        ?disabled=${this.disabled}
+        .options=${e}
+        .value=${v}
+        @change=${this.setDataField}
+      >
+      </luzmo-select>`;
+	}
+};
+__decorate([property({
+	type: String,
+	attribute: "content-language",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "contentLanguage", void 0), __decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "label", void 0), __decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "icons", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "allow-empty",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "allowEmpty", void 0), __decorate([property({
+	type: String,
+	attribute: "placeholder",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "placeholder", void 0), __decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "selects", void 0), __decorate([property({
+	type: Array,
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "value", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "retrieving",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "retrieving", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "invalid",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "invalid", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "clearable",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "clearable", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "pending",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "pending", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "disabled",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "disabled", void 0), __decorate([property({
+	type: String,
+	attribute: "search",
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "search", void 0), __decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoDataFieldsSelect.prototype, "placement", void 0), __decorate([property({
+	type: Array,
+	reflect: !1
+})], LuzmoDataFieldsSelect.prototype, "datasetsDataFields", void 0), LuzmoDataFieldsSelect = __decorate([localized()], LuzmoDataFieldsSelect), customElements.get("luzmo-data-fields-select") || customElements.define("luzmo-data-fields-select", LuzmoDataFieldsSelect);
+export { LuzmoDataFieldsSelect as t };

package/components/data-fields-select-cqu8GYXD.cjs

@@ -0,0 +1,40 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./localized-mixin-DD2Hm1jz.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./periods.const-CX2ZWWrf.cjs`),a=require(`./calculate-data-field-icon-BhiGlh0u.cjs`),o=require(`./convert-datasets-to-data-fields-BV57XueO.cjs`);let s=require(`@luzmo/icons`),c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@lit/localize`);require(`@luzmo/lucero/select`);let d=require(`@luzmo/lucero/utils`);var f=`:host{font-family:var(--luzmo-font-family)}`,p=`::level::`,m=(e,t)=>`${e}${p}${t}`,h=e=>{let t=e.indexOf(p);return t===-1?null:{columnId:e.slice(0,t),level:Number(e.slice(t+9))}},g=class extends n.t((0,d.SizedMixin)(d.LuzmoElement,{validSizes:Object.values(d.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this.icons=`menu-only`,this.allowEmpty=!1,this.selects=`single`,this.value=[],this.retrieving=!1,this.invalid=!1,this.clearable=!1,this.pending=!1,this.disabled=!1,this.search=`auto`,this.placement=`bottom-start`,this.datasetsDataFields=[],this._dataFieldsSelected=[]}static get styles(){return[(0,c.unsafeCSS)(f)]}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}_sendChangeEvent(){this.dispatchEvent(new CustomEvent(`luzmo-data-fields-selected`,{bubbles:!0,composed:!0,cancelable:!0,detail:{dataFields:this._dataFieldsSelected}}))}_toDataFieldData(e,t,n=!1){return n?o.r(t,e,{includeHidden:!0}):o.n(t,e,{includeHidden:!0})}_toAdHocFormulaFieldData(e,t){return{datasetId:t,formula:e.formula,type:e.type,name:e.label??{en:`Ad-hoc formula`},subtype:e.subtype??void 0,format:e.format}}_findFormulaMatch(e,t,n){for(let r of e)if(this._isAdHocFormula(r)){if(r.formula===t)return this._toAdHocFormulaFieldData(r,n)}else if(r.id===t)return this._toDataFieldData(r,n,!0);return null}_resolveDataFieldFromValue(e,t){let n=h(e),r=n?n.columnId:e;for(let i of t){let t=i.columns??[],a=i.formulas??[],o=t.find(e=>e.id===r);if(o){let e=this._toDataFieldData(o,i.id,!1);if(e&&n&&(e.level=n.level,this._isExpandableHierarchy(o))){let t=o.hierarchyLevels?.find(e=>e.level===n.level);t&&(e.name=t.name)}return e}let s=this._findFormulaMatch(a,e,i.id);if(s)return s}return null}setDataField(e){let t=e?.detail?.value??[];this._dataFieldsSelected=[];for(let e of t){let t=this._resolveDataFieldFromValue(e,this.datasetsDataFields);t&&this._dataFieldsSelected.push(t)}this.value=t,this._sendChangeEvent()}_findDataFieldsInDatasetsDataFields(e){this._dataFieldsSelected=[];for(let t of e){let e=this._resolveDataFieldFromValue(t,this.datasetsDataFields);e&&this._dataFieldsSelected.push(e)}}willUpdate(e){super.willUpdate(e);let t=e.has(`value`),n=e.has(`datasetsDataFields`);if((t||n)&&(this._findDataFieldsInDatasetsDataFields(this.value),this._dataFieldsSelected.length===0&&!this.allowEmpty&&!this.retrieving)){for(let e of this.datasetsDataFields)if(e?.columns?.length>0){let t=this._toDataFieldData(e.columns[0],e.id,!1);this._dataFieldsSelected=t?[t]:[];break}else{let t=e?.formulas?.find(e=>!this._isAdHocFormula(e));if(t&&!this._isAdHocFormula(t)){let n=this._toDataFieldData(t,e.id,!0);this._dataFieldsSelected=n?[n]:[];break}}this.value=this._dataFieldsSelected.map(e=>{if(`columnId`in e&&e.columnId)return e.columnId;if(`formulaId`in e&&e.formulaId)return e.formulaId;if(`formula`in e&&e.formula)return e.formula}).filter(e=>typeof e==`string`&&e.length>0),this._sendChangeEvent()}}_buildDatetimeChildren(e){let t=[],n=Math.min(Math.max(e.lowestLevel??1,1),i.n.length),r=Math.min(Math.max(e.highestLevel??1,1),i.n.length);for(let a=r;a<=n;a++)t.push({value:m(e.id,a),label:i.n[a-1]?.i18n()??``});return t}_buildHierarchyChildren(e){let t=[],n=e.hierarchyLevels??[];for(let i of n)i.level<1||t.push({value:m(e.id,i.level),label:r.t(i.name??{},this.contentLanguage)??``});return t}_isExpandableDatetime(e){let t=e.type;return(t===`datetime`||t===`array[datetime]`)&&typeof e.lowestLevel==`number`}_isExpandableHierarchy(e){return Array.isArray(e.hierarchyLevels)&&e.hierarchyLevels.length>2&&e.hierarchy_enabled===!0}render(){let e=[],t=this.icons!==`none`;for(let n of this.datasetsDataFields??[]){let i=n?.columns??[],o=n?.formulas??[];for(let n of i){let i={value:n.id,label:r.t(n?.name??{},this.contentLanguage)??``};t&&(i.icon=a.t(n,this.size)),this._isExpandableDatetime(n)?i.children=this._buildDatetimeChildren(n):this._isExpandableHierarchy(n)&&(i.children=this._buildHierarchyChildren(n)),e.push(i)}for(let n of o)if(this._isAdHocFormula(n)){let i=n.label?r.t(n.label,this.contentLanguage):(0,u.msg)(`Ad-hoc formula`),a={value:n.formula,label:i??(0,u.msg)(`Ad-hoc formula`)};t&&(a.icon=s.luzmoFormula),e.push(a)}else{let i={value:n.id,label:r.t(n?.name??{},this.contentLanguage)??``};t&&(i.icon=a.t(n,this.size)),e.push(i)}}let n=(0,u.msg)(`Select...`),i=this.pending?``:this.label||this.placeholder||n,o=this.pending||this.value.length===0?[]:this.value,l=this.icons===`none`||this.icons===`menu-only`?`none`:void 0;return c.html`<luzmo-select
+        id="data-fields"
+        .size=${this.size}
+        .label=${i}
+        .retrieving=${this.retrieving}
+        .icons=${l}
+        .selects=${this.selects}
+        .variant=${this.selects===`multiple`?`checkmarks`:`highlight`}
+        .placement=${this.placement}
+        .search=${this.search}
+        emphasized
+        no-wrap
+        ?invalid=${this.invalid}
+        ?clearable=${this.clearable&&this.allowEmpty}
+        ?pending=${this.pending}
+        ?disabled=${this.disabled}
+        .options=${e}
+        .value=${o}
+        @change=${this.setDataField}
+      >
+      </luzmo-select>`}};t.t([(0,l.property)({type:String,attribute:`content-language`,reflect:!0})],g.prototype,`contentLanguage`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],g.prototype,`label`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],g.prototype,`icons`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`allow-empty`,reflect:!0})],g.prototype,`allowEmpty`,void 0),t.t([(0,l.property)({type:String,attribute:`placeholder`,reflect:!0})],g.prototype,`placeholder`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],g.prototype,`selects`,void 0),t.t([(0,l.property)({type:Array,reflect:!0})],g.prototype,`value`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`retrieving`,reflect:!0})],g.prototype,`retrieving`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`invalid`,reflect:!0})],g.prototype,`invalid`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`clearable`,reflect:!0})],g.prototype,`clearable`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`pending`,reflect:!0})],g.prototype,`pending`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`disabled`,reflect:!0})],g.prototype,`disabled`,void 0),t.t([(0,l.property)({type:String,attribute:`search`,reflect:!0})],g.prototype,`search`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],g.prototype,`placement`,void 0),t.t([(0,l.property)({type:Array,reflect:!1})],g.prototype,`datasetsDataFields`,void 0),g=t.t([(0,u.localized)()],g),customElements.get(`luzmo-data-fields-select`)||customElements.define(`luzmo-data-fields-select`,g),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});

package/components/dataset-icon/dataset-icon.d.ts

@@ -0,0 +1,45 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { DatasetIcon } from './types';
+/**
+ * Thumbnail size options
+ */
+export type ThumbnailSize = '32px' | '64px';
+/**
+ * Partial record type for thumbnails
+ */
+export type PartialRecord<K extends keyof any, T> = {
+    [P in K]?: T;
+};
+/**
+ * Public connectors list - these are well-known connectors that may have CSS-based icons
+ * This list should match the one from `@shared-lib`
+ */
+export declare const publicConnectors: readonly ["amazonathena", "asana", "bigquery", "citybikes", "clickhouse", "demodataplugin", "elasticsearch", "exact", "exactonline", "exactonlinenl", "google", "googleanalytics", "googleanalyticsv4", "googledrive", "hubspot", "mailchimp", "mariadb", "mongodb", "mysql", "oracle", "panoply", "pipedrive", "pipelinedb", "postgresql", "presto", "redshift", "salesforce", "saphana", "snowflake", "sqlserver", "stardog", "synapse", "teamleader", "trino", "typeform", "zendesk"];
+/**
+ * @customElement luzmo-dataset-icon
+ * @summary Displays an icon for a dataset based on its type, thumbnails, and connector
+ */
+export declare class LuzmoDatasetIcon extends LitElement {
+    static styles: import("lit").CSSResult;
+    static tagName: string;
+    /**
+     * The dataset information containing subtype and thumbnail data
+     */
+    datasetInfo?: DatasetIcon;
+    /**
+     * The size of the icon
+     * @default '32px'
+     */
+    size: '16px' | '24px' | '32px' | '48px' | '64px';
+    /**
+     * The base URL for the application (used for thumbnail URLs)
+     */
+    appUrl: string;
+    private _subtype;
+    private _isPublicConnector;
+    private _thumbnails;
+    private readonly thumbnailSizeMap;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _updateDatasetProperties;
+    protected render(): TemplateResult;
+}

package/components/dataset-icon/index.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../dataset-icon-C0cID-ra.cjs`);exports.LuzmoDatasetIcon=e.t;

package/components/dataset-icon/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoDatasetIcon } from './dataset-icon';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-dataset-icon': LuzmoDatasetIcon;
+    }
+}
+export { LuzmoDatasetIcon } from './dataset-icon';
+export type { DatasetIcon } from './types';

package/components/dataset-icon/index.js

@@ -0,0 +1,27 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+(function() {
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+	}
+})();
+import { t as LuzmoDatasetIcon } from "../dataset-icon-DhF21dXC.js";
+export { LuzmoDatasetIcon };

package/components/dataset-icon/types.d.ts

@@ -0,0 +1,11 @@
+export interface DatasetIcon {
+    subtype: string;
+    account?: {
+        plugin?: {
+            thumbnails?: {
+                url: string;
+                size: string;
+            }[];
+        };
+    };
+}

package/components/dataset-icon-C0cID-ra.cjs

@@ -0,0 +1,64 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`);let n=require(`@luzmo/icons`),r=require(`lit`),i=require(`lit/decorators.js`);var a=`.dataset-icon{justify-content:center;align-items:center;display:flex}.dataset-icon .public-connector{overflow:hidden}.dataset-icon .public-connector img{object-fit:cover;display:block}.dataset-icon [class*=public-connector-]{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.dataset-icon .public-connector-16,.dataset-icon .public-connector-24,.dataset-icon .public-connector-32{background-image:var(--connector-sprite-64x64)}.dataset-icon .public-connector-48,.dataset-icon .public-connector-64{background-image:var(--connector-sprite-96x96)}.dataset-icon .text-primary{color:var(--luzmo-primary,#007bff);justify-content:center;align-items:center;display:flex}.dataset-icon .text-primary.upload-icon,.dataset-icon .text-primary.plugin-icon{width:100%;height:100%}.public-connector-16.amazonathena{background-position:0 0}.public-connector-16.asana{background-position:0 -16px}.public-connector-16.bigquery{background-position:0 -32px}.public-connector-16.citybikes{background-position:0 -48px}.public-connector-16.clickhouse{background-position:0 -64px}.public-connector-16.demodataplugin{background-position:0 -80px}.public-connector-16.elasticsearch{background-position:0 -96px}.public-connector-16.exactonline,.public-connector-16.exactonlinenl{background-position:0 -112px}.public-connector-16.google{background-position:0 -128px}.public-connector-16.googleanalytics,.public-connector-16.googleanalyticsv4{background-position:0 -144px}.public-connector-16.googledrive{background-position:0 -160px}.public-connector-16.hubspot{background-position:0 -176px}.public-connector-16.lobbipad{background-position:0 -192px}.public-connector-16.mailchimp{background-position:0 -208px}.public-connector-16.mariadb{background-position:0 -224px}.public-connector-16.mongodb{background-position:0 -240px}.public-connector-16.mysql{background-position:0 -256px}.public-connector-16.oracle{background-position:0 -272px}.public-connector-16.panoply{background-position:0 -288px}.public-connector-16.pipedrive{background-position:0 -304px}.public-connector-16.pipelinedb{background-position:0 -320px}.public-connector-16.postgresql{background-position:0 -336px}.public-connector-16.presto{background-position:0 -352px}.public-connector-16.redshift{background-position:0 -368px}.public-connector-16.salesforce{background-position:0 -384px}.public-connector-16.saphana{background-position:0 -400px}.public-connector-16.snowflake{background-position:0 -416px}.public-connector-16.sqlserver{background-position:0 -432px}.public-connector-16.stardog{background-position:0 -448px}.public-connector-16.synapse{background-position:0 -464px}.public-connector-16.teamleader{background-position:0 -480px}.public-connector-16.trino{background-position:0 -496px}.public-connector-16.typeform{background-position:0 -512px}.public-connector-16.zendesk{background-position:0 -528px}.public-connector-24.amazonathena{background-position:0 0}.public-connector-24.asana{background-position:0 -24px}.public-connector-24.bigquery{background-position:0 -48px}.public-connector-24.citybikes{background-position:0 -72px}.public-connector-24.clickhouse{background-position:0 -96px}.public-connector-24.demodataplugin{background-position:0 -120px}.public-connector-24.elasticsearch{background-position:0 -144px}.public-connector-24.exactonline,.public-connector-24.exactonlinenl{background-position:0 -168px}.public-connector-24.google{background-position:0 -192px}.public-connector-24.googleanalytics,.public-connector-24.googleanalyticsv4{background-position:0 -216px}.public-connector-24.googledrive{background-position:0 -240px}.public-connector-24.hubspot{background-position:0 -264px}.public-connector-24.lobbipad{background-position:0 -288px}.public-connector-24.mailchimp{background-position:0 -312px}.public-connector-24.mariadb{background-position:0 -336px}.public-connector-24.mongodb{background-position:0 -360px}.public-connector-24.mysql{background-position:0 -384px}.public-connector-24.oracle{background-position:0 -408px}.public-connector-24.panoply{background-position:0 -432px}.public-connector-24.pipedrive{background-position:0 -456px}.public-connector-24.pipelinedb{background-position:0 -480px}.public-connector-24.postgresql{background-position:0 -504px}.public-connector-24.presto{background-position:0 -528px}.public-connector-24.redshift{background-position:0 -552px}.public-connector-24.salesforce{background-position:0 -576px}.public-connector-24.saphana{background-position:0 -600px}.public-connector-24.snowflake{background-position:0 -624px}.public-connector-24.sqlserver{background-position:0 -648px}.public-connector-24.stardog{background-position:0 -672px}.public-connector-24.synapse{background-position:0 -696px}.public-connector-24.teamleader{background-position:0 -720px}.public-connector-24.trino{background-position:0 -744px}.public-connector-24.typeform{background-position:0 -768px}.public-connector-24.zendesk{background-position:0 -792px}.public-connector-32.amazonathena{background-position:0 0}.public-connector-32.asana{background-position:0 -32px}.public-connector-32.bigquery{background-position:0 -64px}.public-connector-32.citybikes{background-position:0 -96px}.public-connector-32.clickhouse{background-position:0 -128px}.public-connector-32.demodataplugin{background-position:0 -160px}.public-connector-32.elasticsearch{background-position:0 -192px}.public-connector-32.exactonline,.public-connector-32.exactonlinenl{background-position:0 -224px}.public-connector-32.google{background-position:0 -256px}.public-connector-32.googleanalytics,.public-connector-32.googleanalyticsv4{background-position:0 -288px}.public-connector-32.googledrive{background-position:0 -320px}.public-connector-32.hubspot{background-position:0 -352px}.public-connector-32.lobbipad{background-position:0 -384px}.public-connector-32.mailchimp{background-position:0 -416px}.public-connector-32.mariadb{background-position:0 -448px}.public-connector-32.mongodb{background-position:0 -480px}.public-connector-32.mysql{background-position:0 -512px}.public-connector-32.oracle{background-position:0 -544px}.public-connector-32.panoply{background-position:0 -576px}.public-connector-32.pipedrive{background-position:0 -608px}.public-connector-32.pipelinedb{background-position:0 -640px}.public-connector-32.postgresql{background-position:0 -672px}.public-connector-32.presto{background-position:0 -704px}.public-connector-32.redshift{background-position:0 -736px}.public-connector-32.salesforce{background-position:0 -768px}.public-connector-32.saphana{background-position:0 -800px}.public-connector-32.snowflake{background-position:0 -832px}.public-connector-32.sqlserver{background-position:0 -864px}.public-connector-32.stardog{background-position:0 -896px}.public-connector-32.synapse{background-position:0 -928px}.public-connector-32.teamleader{background-position:0 -960px}.public-connector-32.trino{background-position:0 -992px}.public-connector-32.typeform{background-position:0 -1024px}.public-connector-32.zendesk{background-position:0 -1056px}.public-connector-48.amazonathena{background-position:0 0}.public-connector-48.asana{background-position:0 -48px}.public-connector-48.bigquery{background-position:0 -96px}.public-connector-48.citybikes{background-position:0 -144px}.public-connector-48.clickhouse{background-position:0 -192px}.public-connector-48.demodataplugin{background-position:0 -240px}.public-connector-48.elasticsearch{background-position:0 -288px}.public-connector-48.exactonline,.public-connector-48.exactonlinenl{background-position:0 -336px}.public-connector-48.google{background-position:0 -384px}.public-connector-48.googleanalytics,.public-connector-48.googleanalyticsv4{background-position:0 -432px}.public-connector-48.googledrive{background-position:0 -480px}.public-connector-48.hubspot{background-position:0 -528px}.public-connector-48.lobbipad{background-position:0 -576px}.public-connector-48.mailchimp{background-position:0 -624px}.public-connector-48.mariadb{background-position:0 -672px}.public-connector-48.mongodb{background-position:0 -720px}.public-connector-48.mysql{background-position:0 -768px}.public-connector-48.oracle{background-position:0 -816px}.public-connector-48.panoply{background-position:0 -864px}.public-connector-48.pipedrive{background-position:0 -912px}.public-connector-48.pipelinedb{background-position:0 -960px}.public-connector-48.postgresql{background-position:0 -1008px}.public-connector-48.presto{background-position:0 -1056px}.public-connector-48.redshift{background-position:0 -1104px}.public-connector-48.salesforce{background-position:0 -1152px}.public-connector-48.saphana{background-position:0 -1200px}.public-connector-48.snowflake{background-position:0 -1248px}.public-connector-48.sqlserver{background-position:0 -1296px}.public-connector-48.stardog{background-position:0 -1344px}.public-connector-48.synapse{background-position:0 -1392px}.public-connector-48.teamleader{background-position:0 -1440px}.public-connector-48.trino{background-position:0 -1488px}.public-connector-48.typeform{background-position:0 -1536px}.public-connector-48.zendesk{background-position:0 -1584px}.public-connector-64.amazonathena{background-position:0 0}.public-connector-64.asana{background-position:0 -64px}.public-connector-64.bigquery{background-position:0 -128px}.public-connector-64.citybikes{background-position:0 -192px}.public-connector-64.clickhouse{background-position:0 -256px}.public-connector-64.demodataplugin{background-position:0 -320px}.public-connector-64.elasticsearch{background-position:0 -384px}.public-connector-64.exactonline,.public-connector-64.exactonlinenl{background-position:0 -448px}.public-connector-64.google{background-position:0 -512px}.public-connector-64.googleanalytics,.public-connector-64.googleanalyticsv4{background-position:0 -576px}.public-connector-64.googledrive{background-position:0 -640px}.public-connector-64.hubspot{background-position:0 -704px}.public-connector-64.lobbipad{background-position:0 -768px}.public-connector-64.mailchimp{background-position:0 -832px}.public-connector-64.mariadb{background-position:0 -896px}.public-connector-64.mongodb{background-position:0 -960px}.public-connector-64.mysql{background-position:0 -1024px}.public-connector-64.oracle{background-position:0 -1088px}.public-connector-64.panoply{background-position:0 -1152px}.public-connector-64.pipedrive{background-position:0 -1216px}.public-connector-64.pipelinedb{background-position:0 -1280px}.public-connector-64.postgresql{background-position:0 -1344px}.public-connector-64.presto{background-position:0 -1408px}.public-connector-64.redshift{background-position:0 -1472px}.public-connector-64.salesforce{background-position:0 -1536px}.public-connector-64.saphana{background-position:0 -1600px}.public-connector-64.snowflake{background-position:0 -1664px}.public-connector-64.sqlserver{background-position:0 -1728px}.public-connector-64.stardog{background-position:0 -1792px}.public-connector-64.synapse{background-position:0 -1856px}.public-connector-64.teamleader{background-position:0 -1920px}.public-connector-64.trino{background-position:0 -1984px}.public-connector-64.typeform{background-position:0 -2048px}.public-connector-64.zendesk{background-position:0 -2112px}`;const o=`amazonathena.asana.bigquery.citybikes.clickhouse.demodataplugin.elasticsearch.exact.exactonline.exactonlinenl.google.googleanalytics.googleanalyticsv4.googledrive.hubspot.mailchimp.mariadb.mongodb.mysql.oracle.panoply.pipedrive.pipelinedb.postgresql.presto.redshift.salesforce.saphana.snowflake.sqlserver.stardog.synapse.teamleader.trino.typeform.zendesk`.split(`.`);function s(e){let t={};return e.forEach(e=>{(e.size===`32px`||e.size===`64px`)&&(t[e.size]=e.url)}),t}var c=class extends r.LitElement{constructor(...e){super(...e),this.size=`32px`,this.appUrl=``,this._subtype=``,this._isPublicConnector=!1,this._thumbnails={},this.thumbnailSizeMap={"16px":`32px`,"24px":`32px`,"32px":`32px`,"48px":`64px`,"64px":`64px`}}static{this.styles=(0,r.unsafeCSS)(a)}static{this.tagName=`luzmo-dataset-icon`}willUpdate(e){(e.has(`datasetInfo`)||e.has(`size`))&&this._updateDatasetProperties()}_updateDatasetProperties(){if(!this.datasetInfo){this._subtype=``,this._isPublicConnector=!1,this._thumbnails={};return}this._subtype=this.datasetInfo.subtype||``,this._isPublicConnector=this.datasetInfo.subtype!==`api`&&this.datasetInfo.subtype!==`upload`&&o.includes(this.datasetInfo.subtype),this._thumbnails=this.datasetInfo.account?.plugin?.thumbnails?s(this.datasetInfo.account.plugin.thumbnails):{}}render(){if(!this.datasetInfo)return r.html`
+        
+      `;let e=this.thumbnailSizeMap[this.size],t=!!this._thumbnails[e],i=this.size.slice(0,-2),a=this.appUrl?`${this.appUrl}/assets/images/connectors/sprites/all-connectors.64x64.png`:``,o=this.appUrl?`${this.appUrl}/assets/images/connectors/sprites/all-connectors.96x96.png`:``;if(this._subtype!==`upload`&&t){let t=this._thumbnails[e],n=t?`${this.appUrl}/${t}`:``;return r.html`
+        <div
+          class="position-relative dataset-icon d-flex justify-content-center"
+          style="width: ${this.size}; height: ${this.size};"
+        >
+          <div class="public-connector">
+            <img
+              src=${n}
+              style="width: ${this.size}; height: ${this.size};"
+              alt="Dataset icon"
+            />
+          </div>
+        </div>
+      `}return this._isPublicConnector&&this._subtype!==`upload`&&!t?r.html`
+        <div
+          class="position-relative dataset-icon d-flex justify-content-center"
+          style="width: ${this.size}; height: ${this.size}; --connector-sprite-64x64: url('${a}'); --connector-sprite-96x96: url('${o}');"
+        >
+          <div
+            class="public-connector-${i} ${this._subtype}"
+          ></div>
+        </div>
+      `:!this._isPublicConnector&&this._subtype===`upload`?r.html`
+        <div
+          class="position-relative dataset-icon d-flex justify-content-center"
+          style="width: ${this.size}; height: ${this.size};"
+        >
+          <div class="text-primary d-flex align-items-center" style="font-size: ${this.size};">
+            ${(0,n.luzmoIcon)(n.luzmoFileUploadOutline)}
+          </div>
+        </div>
+      `:!this._isPublicConnector&&this._subtype!==`upload`&&!t?r.html`
+        <div
+          class="position-relative dataset-icon d-flex justify-content-center"
+          style="width: ${this.size}; height: ${this.size};"
+        >
+          <div class="text-primary ${this._subtype}" style="font-size: ${this.size};">
+            ${(0,n.luzmoIcon)(n.luzmoPlugin)}
+          </div>
+        </div>
+      `:r.html`
+      
+    `}};t.t([(0,i.property)({type:Object,attribute:`dataset`})],c.prototype,`datasetInfo`,void 0),t.t([(0,i.property)({type:String,reflect:!0})],c.prototype,`size`,void 0),t.t([(0,i.property)({type:String,attribute:`app-url`})],c.prototype,`appUrl`,void 0),customElements.get(`luzmo-dataset-icon`)||customElements.define(`luzmo-dataset-icon`,c),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});