@cupra/ui-kit 2.0.0-canary.17 → 2.0.0-canary.171

package/dist/esm/components/ds-loader-spinner/ds-loader-spinner.js

@@ -1,53 +1,66 @@
-import { UiKitElement as a } from "../base/UiKitElement.js";
-import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as h } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as f, html as v } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as y } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as g } from "./styles/common.styles.js";
-var u = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (l, r, i, o) => {
-  for (var t = o > 1 ? void 0 : o ? d(r, i) : r, n = l.length - 1, p; n >= 0; n--)
-    (p = l[n]) && (t = (o ? p(r, i, t) : p(t)) || t);
-  return o && t && u(r, i, t), t;
-};
-let e = class extends a {
-  constructor() {
-    super(...arguments), this.show = !1, this.mode = "light", this.orientation = "row";
-  }
-  get classes() {
-    return {
-      container: !0,
-      [this.mode]: !!this.mode,
-      [this.orientation]: !!this.orientation
-    };
-  }
-  render() {
-    return this.show ? v`
-                  <div class=${y(this.classes)}>
-                      <svg class="spinner" viewBox="0 0 50 50">
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { o as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
+import { commonStyles as u } from "./styles/common.styles.js";
+//#region src/components/ds-loader-spinner/ds-loader-spinner.ts
+var d, f = (d = class extends i {
+	constructor(...e) {
+		super(...e), this.show = !1, this.mode = "light", this.orientation = "row", this.size = 24;
+	}
+	get classes() {
+		return {
+			container: !0,
+			[this.mode]: !!this.mode,
+			[this.orientation]: !!this.orientation
+		};
+	}
+	get spinnerStyles() {
+		return {
+			width: `${this.size}px`,
+			height: `${this.size}px`
+		};
+	}
+	render() {
+		return this.show ? t`
+                  <div class=${s(this.classes)}>
+                      <svg
+                          class="spinner"
+                          style=${l(this.spinnerStyles)}
+                          viewBox="0 0 50 50"
+                          role=${c(this.dataAriaLabel ? "img" : void 0)}
+                          aria-label=${c(this.dataAriaLabel)}
+                          aria-hidden=${c(this.dataAriaLabel ? void 0 : "true")}
+                      >
                           <circle class="spinner-bg" cx="25" cy="25" r="20" />
                           <circle class="spinner-fg" cx="25" cy="25" r="20" />
                       </svg>
                       <slot name="text"></slot>
                   </div>
-              ` : f;
-  }
-};
-e.styles = g;
-s([
-  m({ type: Boolean, converter: h })
-], e.prototype, "show", 2);
-s([
-  m({ type: String, reflect: !0 })
-], e.prototype, "mode", 2);
-s([
-  m({ type: String })
-], e.prototype, "orientation", 2);
-e = s([
-  c("ds-loader-spinner")
-], e);
-export {
-  e as DsLoaderSpinner
-};
+              ` : e;
+	}
+}, d.styles = u, d);
+r([n({
+	type: Boolean,
+	converter: o
+})], f.prototype, "show", void 0), r([n({
+	type: String,
+	reflect: !0
+})], f.prototype, "mode", void 0), r([n({ type: String })], f.prototype, "orientation", void 0), r([n({
+	type: Number,
+	reflect: !0
+})], f.prototype, "size", void 0), r([n({
+	type: String,
+	attribute: "data-aria-label"
+})], f.prototype, "dataAriaLabel", void 0), f = r([a("ds-loader-spinner")], f);
+//#endregion

package/dist/esm/components/ds-loader-spinner/styles/common.styles.js

@@ -1,8 +1,6 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as n } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const t = n`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+var t = [e`
     :host {
         display: contents;
     }
@@ -19,10 +17,8 @@ const t = n`
     .container.default ::slotted([slot='text']) {
         display: none;
     }
-`, e = n`
+`, e`
     .spinner {
-        width: 24px;
-        height: 24px;
         animation: spin 1s linear infinite;
     }
 
@@ -50,7 +46,6 @@ const t = n`
             transform: rotate(360deg);
         }
     }
-`, a = [t, e];
-export {
-  a as commonStyles
-};
+`];
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-logo/ds-logo.js

@@ -1,69 +1,56 @@
-import { UiKitElement as c } from "../base/UiKitElement.js";
-import { customUiKitElement as p } from "../../decorators/customUiKitElement.js";
-import { htmlWithTokens as h } from "../../utils/htmlWithTokens.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as u, containerStyles as y } from "./styles/common.styles.js";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (n, o, s, r) => {
-  for (var t = r > 1 ? void 0 : r ? v(o, s) : o, m = n.length - 1, i; m >= 0; m--)
-    (i = n[m]) && (t = (r ? i(o, s, t) : i(t)) || t);
-  return r && t && f(o, s, t), t;
-};
-let e = class extends c {
-  constructor() {
-    super(...arguments), this.size = "xxsmall", this.mode = "light";
-  }
-  get logoTemplate() {
-    return this.componentFactory.createIcon({
-      class: "icon-logo",
-      "icon-name": "logo"
-    });
-  }
-  get logoWordmarkTemplate() {
-    return this.componentFactory.createIcon({
-      class: "icon-wordmark",
-      "icon-name": "logo-wordmark"
-    });
-  }
-  get classes() {
-    return {
-      container: !0,
-      [this.size]: !0,
-      [this.mode]: !!this.mode
-    };
-  }
-  get styleTokens() {
-    return h`
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import "../ds-icon/ds-icon.js";
+import { uiKitHtml as o } from "../../utils/uiKitHtml.js";
+import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { commonStyles as c, containerStyles as l } from "./styles/common.styles.js";
+import { themeConfig as u } from "./theme-config.js";
+//#region src/components/ds-logo/ds-logo.ts
+var d, f = (d = class extends i {
+	constructor(...e) {
+		super(...e), this.size = "xxsmall", this.mode = "light";
+	}
+	get logoTemplate() {
+		return o`<ds-icon class="icon-logo" icon-name="logo"></ds-icon>`;
+	}
+	get logoWordmarkTemplate() {
+		var t;
+		return !this.theme || !((t = u[this.theme]) != null && t["show-wordmark"]) ? e : o`<ds-icon class="icon-wordmark" icon-name="logo-wordmark"></ds-icon>`;
+	}
+	get classes() {
+		return {
+			container: !0,
+			[this.size]: !0,
+			[this.mode]: !!this.mode
+		};
+	}
+	get styleTokens() {
+		return t`
                 <style>
                     :host {
                         color-scheme: ${this.mode};
                     }
                 </style>
         `;
-  }
-  render() {
-    return g`
+	}
+	render() {
+		return t`
             ${this.styleTokens}
-            <div data-testid="ds-logo-container" class=${d(this.classes)}>
+            <div data-testid="ds-logo-container" class=${s(this.classes)}>
                 ${this.logoTemplate}
                 ${this.logoWordmarkTemplate}
             </div>
         `;
-  }
-};
-e.styles = [u, y];
-l([
-  a({ type: String })
-], e.prototype, "size", 2);
-l([
-  a({ type: String, reflect: !0 })
-], e.prototype, "mode", 2);
-e = l([
-  p("ds-logo")
-], e);
-export {
-  e as DsLogo
-};
+	}
+}, d.styles = [c, l], d);
+r([n({ type: String })], f.prototype, "size", void 0), r([n({
+	type: String,
+	reflect: !0
+})], f.prototype, "mode", void 0), f = r([a("ds-logo")], f);
+//#endregion

package/dist/esm/components/ds-logo/styles/common.styles.js

@@ -1,18 +1,15 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as t } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const r = t`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-logo/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
-`, m = t`
+`, n = e`
     .container {
         display: grid;
         grid-template-columns: auto auto;
     }
 `;
-export {
-  r as commonStyles,
-  m as containerStyles
-};
+//#endregion
+export { t as commonStyles, n as containerStyles };

package/dist/esm/components/ds-logo/theme-config.js

@@ -0,0 +1,8 @@
+//#region src/components/ds-logo/theme-config.ts
+var e = {
+	"cupra-diagonal": { "show-wordmark": !0 },
+	cupra: { "show-wordmark": !0 },
+	seat: { "show-wordmark": !1 }
+};
+//#endregion
+export { e as themeConfig };

package/dist/esm/components/ds-main-title/ds-main-title.js

@@ -1,35 +1,32 @@
-import { UiKitElement as l } from "../base/UiKitElement.js";
-import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
-import { ViewportMixin as p } from "../../mixins/ViewportMixin.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as v } from "./styles/common.styles.js";
-var u = Object.getOwnPropertyDescriptor, d = (s, o, n, i) => {
-  for (var t = i > 1 ? void 0 : i ? u(o, n) : o, e = s.length - 1, m; e >= 0; e--)
-    (m = s[e]) && (t = m(t) || t);
-  return t;
-};
-let r = class extends p(l) {
-  get containerClasses() {
-    return {
-      container: !0
-    };
-  }
-  render() {
-    return c`
-            <div class=${f(this.containerClasses)}>
-                <slot name="title"></slot>
-                <slot name="description"></slot>
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as r } from "../base/UiKitElement.js";
+import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
+import { e as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { commonStyles as o } from "./styles/common.styles.js";
+//#region src/components/ds-main-title/ds-main-title.ts
+var s, c = (s = class extends r {
+	constructor(...e) {
+		super(...e), this.alignment = "left";
+	}
+	get classes() {
+		return {
+			container: !0,
+			[`alignment-${this.alignment}`]: !!this.alignment
+		};
+	}
+	render() {
+		return e`
+            <div class=${a(this.classes)} part="container">
+                <slot name="title" class="title"></slot>
+                <slot name="subtitle" class="subtitle"></slot>
             </div>
         `;
-  }
-};
-r.styles = [v];
-r = d([
-  a("ds-main-title")
-], r);
-export {
-  r as DsMainTitle
-};
+	}
+}, s.styles = [o], s);
+n([t({ type: String })], c.prototype, "alignment", void 0), c = n([i("ds-main-title")], c);
+//#endregion

package/dist/esm/components/ds-main-title/styles/common.styles.js

@@ -1,19 +1,25 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const l = o`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-main-title/styles/common.styles.ts
+var t = e`
     :host {
         display: block;
-        width: 100%;
         box-sizing: border-box;
     }
 
-    ::slotted([slot='title']),
-    ::slotted([slot='description']) {
+    .container {
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+    }
+
+    .subtitle {
+        margin: 0;
+    }
+
+    ::slotted(*) {
         margin: 0;
     }
 `;
-export {
-  l as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-map-pin/ds-map-pin.js

@@ -1,70 +1,60 @@
-import { UiKitElement as u } from "../base/UiKitElement.js";
-import { customUiKitElement as m } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as d } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as a, html as h } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as y } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { mapPinStyles as b } from "./styles/common.styles.js";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, e = (l, o, c, s) => {
-  for (var i = s > 1 ? void 0 : s ? v(o, c) : o, n = l.length - 1, p; n >= 0; n--)
-    (p = l[n]) && (i = (s ? p(o, c, i) : p(i)) || i);
-  return s && i && f(o, c, i), i;
-};
-let t = class extends u {
-  constructor() {
-    super(...arguments), this.width = 48, this.height = 48, this.checked = !1, this.iconSize = 24, this.iconTop = 8;
-  }
-  get iconTemplate() {
-    return this.iconName ? this.componentFactory.createIcon({
-      class: "icon",
-      "icon-name": this.iconName,
-      size: this.iconSize
-    }) : a;
-  }
-  get clusterNumberTemplate() {
-    return this.clusterCount ? h`
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import "../ds-icon/ds-icon.js";
+import { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { uiKitHtml as s } from "../../utils/uiKitHtml.js";
+import { e as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { mapPinStyles as u } from "./styles/common.styles.js";
+//#region src/components/ds-map-pin/ds-map-pin.ts
+var d, f = (d = class extends i {
+	constructor(...e) {
+		super(...e), this.width = 48, this.height = 48, this.checked = !1, this.iconSize = 24, this.iconTop = 8;
+	}
+	get iconTemplate() {
+		return this.iconName ? s`<ds-icon class="icon" icon-name=${l(this.iconName)} size=${l(this.iconSize)}></ds-icon>` : e;
+	}
+	get clusterNumberTemplate() {
+		return this.clusterCount ? t`
             <div class='cluster-count'>
                     ${this.clusterCount}
             </div>
-        ` : a;
-  }
-  handleClick() {
-    this.checked = !this.checked, this.dispatchEvent(
-      new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          checked: this.checked
-        }
-      })
-    );
-  }
-  get styleTokens() {
-    return h`
+        ` : e;
+	}
+	handleClick() {
+		this.checked = !this.checked, this.dispatchEvent(new CustomEvent("change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { checked: this.checked }
+		}));
+	}
+	get styleTokens() {
+		return t`
             <style>
-                :host{
-                    --ds-icon-color: var(--ds-map-pin-icon-color);
-                }
-
                 .icon {
                     top: ${this.iconTop}px;
                 }
             </style>
         `;
-  }
-  get classes() {
-    return {
-      container: !0,
-      checked: this.checked,
-      cluster: !!this.clusterCount
-    };
-  }
-  render() {
-    return h`
+	}
+	get classes() {
+		return {
+			container: !0,
+			checked: this.checked,
+			cluster: !!this.clusterCount
+		};
+	}
+	render() {
+		return t`
             ${this.styleTokens}
-            <span data-testid="ds-map-pin-container" class=${y(this.classes)} @click=${this.handleClick}>
+            <span data-testid="ds-map-pin-container" class=${c(this.classes)} @click=${this.handleClick}>
                 <svg
                     class="marker"
                     xmlns="http://www.w3.org/2000/svg"
@@ -77,40 +67,35 @@ let t = class extends u {
                         fill-rule="evenodd"
                         clip-rule="evenodd"
                         d="M24.1599 48.6467C26.4109 38.2008 41.9998 30.5848 41.9998 18.5849C41.9998 8.74991 33.9409 0.777954 23.9999 0.777954C14.059 0.777954 6 8.74991 6 18.5849C6 31.2298 21.5719 37.9948 23.5469 48.6077C23.7759 48.8277 23.8869 48.8277 24.1599 48.6467Z"
-                        fill="#1B1B1B"
                     />
                 </svg>
                 ${this.iconTemplate}
                 ${this.clusterNumberTemplate}
             </span>
         `;
-  }
-};
-t.styles = [b];
-e([
-  r({ type: Number, attribute: "width" })
-], t.prototype, "width", 2);
-e([
-  r({ type: Number, attribute: "height" })
-], t.prototype, "height", 2);
-e([
-  r({ type: Boolean, converter: d, reflect: !0 })
-], t.prototype, "checked", 2);
-e([
-  r({ type: String, attribute: "icon-name" })
-], t.prototype, "iconName", 2);
-e([
-  r({ type: Number, attribute: "icon-size" })
-], t.prototype, "iconSize", 2);
-e([
-  r({ type: Number, attribute: "icon-top" })
-], t.prototype, "iconTop", 2);
-e([
-  r({ type: Number, attribute: "cluster-count" })
-], t.prototype, "clusterCount", 2);
-t = e([
-  m("ds-map-pin")
-], t);
-export {
-  t as DsMapPin
-};
+	}
+}, d.styles = [u], d);
+r([n({
+	type: Number,
+	attribute: "width"
+})], f.prototype, "width", void 0), r([n({
+	type: Number,
+	attribute: "height"
+})], f.prototype, "height", void 0), r([n({
+	type: Boolean,
+	converter: o,
+	reflect: !0
+})], f.prototype, "checked", void 0), r([n({
+	type: String,
+	attribute: "icon-name"
+})], f.prototype, "iconName", void 0), r([n({
+	type: Number,
+	attribute: "icon-size"
+})], f.prototype, "iconSize", void 0), r([n({
+	type: Number,
+	attribute: "icon-top"
+})], f.prototype, "iconTop", void 0), r([n({
+	type: Number,
+	attribute: "cluster-count"
+})], f.prototype, "clusterCount", void 0), f = r([a("ds-map-pin")], f);
+//#endregion