@cupra/ui-kit 1.1.0-canary.8 → 2.0.0-canary.16

package/dist/cjs/components/ds-interactive-card/ds-interactive-card.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),v=require("../../decorators/customUiKitElement.cjs"),p=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs");var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(i,t,o,s)=>{for(var e=s>1?void 0:s?y(t,o):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(e=(s?c(t,o,e):c(e))||e);return s&&e&&h(t,o,e),e};exports.DsInteractiveCard=class extends m.UiKitElement{constructor(){super(...arguments),this.size="medium",this.selected=!1,this.error=!1,this.handleClick=t=>{t.stopPropagation()}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"cross-circle",size:24})}get contentTemplate(){return this.error?r.nothing:r.html`
+            <div part="container" class=${d.classMap(this.classes)} data-testid="ds-interactive-card-container" tabindex="0">
+                <header class="header" part="header">
+                    <div class="header-main">
+                        <slot name="title" class="title" part="title"></slot>
+                        <slot name="subtitle" class="subtitle" part="subtitle"></slot>
+                    </div>
+                    <div class="meta" part="meta"><slot name="meta"></slot></div>
+                </header>
+                <div data-testid="ds-interactive-card-content" class="content" part="content"><slot name="content"></slot></div>
+                <footer @click=${this.handleClick} class="cta" part="cta"><slot name="cta"></slot></footer>
+            </div>
+    `}get errorTemplate(){return this.error?r.html`
+            <div part="error" class=${d.classMap(this.errorClasses)}>
+                ${this.iconTemplate}
+                <div class="error-content" part="error-text">
+                    <slot class="error-title" name="error-title"></slot>
+                    <slot class="error-text" name="error-text" data-testid="ds-interactive-card-error-text"></slot>
+                </div>
+            </div>
+    `:r.nothing}render(){return r.html`
+            ${this.contentTemplate}
+            ${this.errorTemplate}
+        `}};exports.DsInteractiveCard.styles=[u.commonStyles];a([l.property({type:String})],exports.DsInteractiveCard.prototype,"size",2);a([l.property({type:Boolean,converter:p.booleanConverter})],exports.DsInteractiveCard.prototype,"selected",2);a([l.property({type:Boolean,converter:p.booleanConverter})],exports.DsInteractiveCard.prototype,"error",2);exports.DsInteractiveCard=a([v.customUiKitElement("ds-interactive-card")],exports.DsInteractiveCard);

package/dist/cjs/components/ds-interactive-card/styles/common.styles.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=e.css`
+    :host {
+        display: contents;
+    }
+`;exports.commonStyles=s;

package/dist/cjs/components/ds-link-button/ds-link-button.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),y=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("./styles/common.styles.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,t=(s,n,l,r)=>{for(var i=r>1?void 0:r?f(n,l):n,p=s.length-1,a;p>=0;p--)(a=s[p])&&(i=(r?a(n,l,i):a(i))||i);return r&&i&&b(n,l,i),i};exports.DsLinkButton=class extends u.UiKitElement{constructor(){super(...arguments),this.mode="light",this.size="large",this.underline=!1,this.disabled=!1,this.iconName="arrow-right",this.iconPosition="right"}get iconTemplate(){return this.iconName==="none"?o.nothing:this.componentFactory.createIcon({class:"icon","icon-name":this.iconName})}get classes(){return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[this.size]:!0,[this.mode]:!!this.mode}}handleClick(n){this.href||n.preventDefault()}get styleTokens(){return y.htmlWithTokens`
+            <style>
+                :host{
+                    color-scheme: ${this.mode};
+                    pointer-events: ${this.disabled?"none":"visible"};
+                }
+            </style>
+        `}render(){return o.html`
+            ${this.styleTokens}
+            ${d.choose(this.htmlTagName||"button",[["button",()=>o.html`
+                        <button class=${c.classMap(this.classes)} ?disabled=${this.disabled}>
+                            ${this.iconPosition==="left"?this.iconTemplate:o.nothing}
+                            <slot></slot>
+                            ${this.iconPosition==="right"?this.iconTemplate:o.nothing}
+                        </button>
+                    `],["a",()=>o.html`
+                        <a
+                            class=${c.classMap(this.classes)}
+                            href=${this.href}
+                            rel=${this.rel}
+                            target=${this.target}
+                            @click=${this.handleClick}
+                            ?disabled=${this.disabled}
+                        >
+                            ${this.iconPosition==="left"?this.iconTemplate:o.nothing}
+                            <slot></slot>
+                            ${this.iconPosition==="right"?this.iconTemplate:o.nothing}
+                        </a>
+                    `]])}
+        `}};exports.DsLinkButton.styles=[g.commonStyles];t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"mode",2);t([e.property({type:String})],exports.DsLinkButton.prototype,"size",2);t([e.property({type:Boolean,converter:h.booleanConverter})],exports.DsLinkButton.prototype,"underline",2);t([e.property({type:Boolean,converter:h.booleanConverter})],exports.DsLinkButton.prototype,"disabled",2);t([e.property({type:String,attribute:"html-tag-name"})],exports.DsLinkButton.prototype,"htmlTagName",2);t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"href",2);t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"rel",2);t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"target",2);t([e.property({type:String,attribute:"icon-name"})],exports.DsLinkButton.prototype,"iconName",2);t([e.property({type:String,attribute:"icon-position"})],exports.DsLinkButton.prototype,"iconPosition",2);exports.DsLinkButton=t([m.customUiKitElement("ds-link-button")],exports.DsLinkButton);

package/dist/cjs/components/ds-link-button/styles/common.styles.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),n=e.css`
+    :host {
+        display: inline-flex;
+    }
+
+    .link-button {
+        background: transparent;
+        border: none;
+        outline: none;
+        text-align: center;
+        padding: 0;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+    }
+`;exports.commonStyles=n;

package/dist/cjs/components/ds-list/ds-list.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs"),y=require("./styles/cupra-diagonal.styles.cjs");var D=Object.defineProperty,d=Object.getOwnPropertyDescriptor,n=(r,t,i,s)=>{for(var e=s>1?void 0:s?d(t,i):t,l=r.length-1,o;l>=0;l--)(o=r[l])&&(e=(s?o(t,i,e):o(e))||e);return s&&e&&D(t,i,e),e};exports.DsList=class extends u.UiKitElement{constructor(){super(...arguments),this.size="medium"}get classes(){return{"ds-list":!0,[`size-${this.size}`]:!0}}render(){return a.html`
+            <div class=${p.classMap(this.classes)}>
+                <slot name="title"></slot>
+                <slot name="subtitle"></slot>
+                <div role="list">
+                    <slot name="list-item"></slot>
+                </div>
+            </div>
+        `}};exports.DsList.styles=[v.commonStyles,y.cupraDiagonalStyles];n([m.property({type:String,reflect:!0})],exports.DsList.prototype,"size",2);exports.DsList=n([c.customUiKitElement("ds-list")],exports.DsList);

package/dist/cjs/components/ds-list/styles/common.styles.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),o=t.cssWithTokens`
+    :host {
+        display: block;
+        width: fit-content;
+        padding: 16px 0;
+    }
+`;exports.commonStyles=o;

package/dist/cjs/components/ds-list/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),e=t.cssWithTokens`
+    .ds-list {
+        display: flex;
+        flex-direction: column;
+        row-gap: var(--dg-size-16);
+        font-family: var(--dg-font-family-base);
+    }
+
+    ::slotted([slot="title"]) {
+        color: var(--dg-global-color-neutral-10);
+        font-weight: 400;
+    }
+
+    ::slotted([slot="subtitle"]) {
+        color: var(--dg-global-color-neutral-60);
+        font-weight: 400;
+    }
+    
+    :host([size="small"]) ::slotted([slot="title"]) {
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-body-xs-medium-line-height);
+    }
+
+    :host([size="medium"]) ::slotted([slot="title"]) {
+        font-size: var(--dg-font-size-body-l);
+        line-height: var(--dg-font-body-s-medium-line-height);
+    }
+
+    :host([size="small"]) ::slotted([slot="subtitle"]) {
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-body-xs-medium-line-height);
+    }
+
+    :host([size="medium"]) ::slotted([slot="subtitle"]) {
+        font-size: var(--dg-font-size-body-l);
+        line-height: var(--dg-font-body-s-medium-line-height);
+    }
+`;exports.cupraDiagonalStyles=e;

package/dist/cjs/components/ds-list-item/ds-list-item.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs"),h=require("./styles/cupra-diagonal.styles.cjs");var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(o,t,i,n)=>{for(var e=n>1?void 0:n?v(t,i):t,a=o.length-1,c;a>=0;a--)(c=o[a])&&(e=(n?c(t,i,e):c(e))||e);return n&&e&&y(t,i,e),e};exports.DsListItem=class extends m.UiKitElement{constructor(){super(...arguments),this.variant="selection",this.selected=!1,this.disabled=!1,this.size="medium"}get classes(){return{content:!0,[this.size]:!0,[`${this.variant}-variant`]:!0,selected:this.selected,disabled:this.disabled}}connectedCallback(){var t;if((t=super.connectedCallback)==null||t.call(this),!this.hasAttribute("size")){const i=this.closest("ds-list");i&&(this.size=i.size)}}renderSelectionTemplate(){return s.html`
+            <slot name="input-left"></slot>
+            <slot name="icon"></slot>
+            <div class="container-text">
+                <slot name="primary-text"></slot>
+                <slot name="description-text"></slot>
+            </div>
+            <slot name="secondary-text"></slot>
+            <slot name="input-right"></slot>
+        `}renderActionTemplate(){return s.html`
+            <slot name="image-square"></slot>
+            <slot name="image-wide"></slot>
+            <slot name="icon-left"></slot>
+            <div class="container-text">
+                <slot name="primary-text"></slot>
+                <slot name="description-text"></slot>
+            </div>
+            <slot name="secondary-text"></slot>
+            <slot name="icon-right"></slot>
+        `}renderInfoTemplate(){return s.html`
+            <slot name="icon"></slot>
+            <div class="container-text">
+                <div class="container">
+                    <slot name="primary-text"></slot>
+                    <slot name="primary-subtext"></slot>
+                </div>
+                <slot name="description-text"></slot>
+            </div>
+            <slot name="aside"></slot>
+        `}renderByTemplate(){switch(this.variant){case"selection":return this.renderSelectionTemplate();case"action":return this.renderActionTemplate();case"info":return this.renderInfoTemplate();default:return s.nothing}}render(){const t=this.variant!=="info";return s.html`
+            <li class=${p.classMap(this.classes)} role="listitem" tabindex="0" ?aria-disabled=${this.disabled}>
+                ${this.renderByTemplate()}
+            </li>
+
+            ${t?s.html`<ds-divider orientation="horizontal" variant="primary"></ds-divider>`:s.nothing}
+        `}};exports.DsListItem.styles=[u.commonStyles,h.cupraDiagonalStyles];r([l.property({type:String,reflect:!0})],exports.DsListItem.prototype,"variant",2);r([l.property({type:Boolean,reflect:!0})],exports.DsListItem.prototype,"selected",2);r([l.property({type:Boolean,reflect:!0})],exports.DsListItem.prototype,"disabled",2);r([l.property({type:String,reflect:!0})],exports.DsListItem.prototype,"size",2);exports.DsListItem=r([d.customUiKitElement("ds-list-item")],exports.DsListItem);

package/dist/cjs/components/ds-list-item/styles/common.styles.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),o=t.cssWithTokens`
+    :host {
+        display: block;
+        width: fit-content;
+    }
+`;exports.commonStyles=o;

package/dist/cjs/components/ds-list-item/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,108 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),e=t.cssWithTokens`
+    .content {
+        display: flex;
+        align-items: center;
+        padding: var(--dg-size-08) 0;
+        font-family: var(--dg-font-family-base);
+        font-weight: 400;
+        gap: var(--dg-size-08);
+    }
+    
+    .container {
+        display: flex;
+        gap: var(--dg-size-08);
+    }
+    
+    .container-text {
+        padding-right: var(--dg-size-24);
+    }
+    
+    .content.info-variant,
+    .content.action-variant {
+        padding: var(--dg-size-08);
+    }
+    
+    ::slotted([slot="input-left"]),
+    ::slotted([slot="input-right"]) {
+        width: unset;
+    }
+    
+    ::slotted([slot="primary-text"]) {
+        color: var(--dg-global-color-neutral-10);
+    }
+    
+    ::slotted([slot="primary-subtext"]),
+    ::slotted([slot="secondary-text"]),
+    ::slotted([slot="description-text"]) {
+        color: var(--dg-global-color-neutral-60);
+    }
+    
+    ::slotted([slot="description-text"]) {
+        padding-top: var(--dg-size-08);
+    }
+    
+    :host([size="medium"]) ::slotted([slot="image-square"]) {
+        width: var(--dg-size-48);
+        height: var(--dg-size-48);
+    }
+    
+    :host([size="small"]) ::slotted([slot="image-square"]) {
+        width: var(--dg-size-32);
+        height: var(--dg-size-32);
+    }
+    
+    ::slotted([slot="image-wide"]) {
+        object-fit: cover;
+    }
+    
+    :host([size="medium"]) ::slotted([slot="image-wide"]) {
+        width: var(--dg-size-96);
+        height: var(--dg-size-48);
+    }
+    
+    :host([size="small"]) ::slotted([slot="image-wide"]) {
+        width: var(--dg-size-64);
+        height: var(--dg-size-32);
+    }
+    
+    :host([size="small"]) ::slotted([slot="primary-text"]),
+    :host([size="small"]) ::slotted([slot="secondary-text"]),
+    :host([size="small"]) ::slotted([slot="description-text"]),
+    :host([size="small"]) ::slotted([slot="primary-subtext"]),
+    :host([size="small"]) ::slotted([slot="aside"]) {
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-body-xs-medium-line-height);
+    }
+    
+    :host([size="medium"]) ::slotted([slot="primary-text"]),
+    :host([size="medium"]) ::slotted([slot="secondary-text"]),
+    :host([size="medium"]) ::slotted([slot="description-text"]),
+    :host([size="medium"]) ::slotted([slot="primary-subtext"]),
+    :host([size="medium"]) ::slotted([slot="aside"]) {
+        font-size: var(--dg-font-size-body-l);
+        line-height: var(--dg-font-body-s-medium-line-height);
+    }
+    
+    .content:hover {
+        background: var(--dg-color-field-bg-hover);
+    }
+    
+    .content:active {
+        background: var(--dg-button-bg-color-action-pressed);
+    }
+    
+    .content:focus-visible {
+        outline: var(--dg-border-width-02) solid var(--dg-outline-color-focus);
+        background-color: var(--dg-color-field-bg-focus);
+    }
+
+    .selected {
+        background: var(--dg-button-bg-color-action-hover);
+        border-left: var(--dg-size-04) solid var(--dg-color-field-bg-selected);
+    }
+
+    .disabled {
+        opacity: 0.25;
+        pointer-events: none;
+    }
+`;exports.cupraDiagonalStyles=e;

package/dist/cjs/components/ds-loader-bar/ds-loader-bar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/ds-base-progress-bar/ds-base-progress-bar.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const u=require("./styles/common.styles.cjs");var d=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,g=Reflect.get,B=(e,r,s,a)=>{for(var t=a>1?void 0:a?d(r,s):r,o=e.length-1,n;o>=0;o--)(n=e[o])&&(t=n(t)||t);return t},_=(e,r,s)=>g(m(e),s,r);exports.DsLoaderBar=class extends l.DsBaseProgressBar{render(){return this.show?this.barTemplate:c.nothing}};exports.DsLoaderBar.styles=[..._(exports.DsLoaderBar,exports.DsLoaderBar,"styles"),u.commonStyles];exports.DsLoaderBar=B([i.customUiKitElement("ds-loader-bar",{skipTagAsComponentName:!0})],exports.DsLoaderBar);

package/dist/cjs/components/ds-loader-bar/styles/common.styles.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+    .fill {
+        width: 33%;
+        transform: translateX(-100%);
+        animation: loader 1.4s linear infinite;
+    }
+
+    @keyframes loader {
+        0% {
+            transform: translateX(-100%);
+        }
+        100% {
+            transform: translateX(300%);
+        }
+    }
+`;exports.commonStyles=r;

package/dist/cjs/components/ds-loader-dots/ds-loader-dots.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/booleanConverter.cjs"),h=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var v=Object.defineProperty,D=Object.getOwnPropertyDescriptor,r=(o,t,i,s)=>{for(var e=s>1?void 0:s?D(t,i):t,l=o.length-1,n;l>=0;l--)(n=o[l])&&(e=(s?n(t,i,e):n(e))||e);return s&&e&&v(t,i,e),e};exports.DsLoaderDots=class extends d.UiKitElement{constructor(){super(...arguments),this.show=!1,this.mode="light",this.size="large"}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return h.htmlWithTokens`
+                <style>
+                    :host {
+                        color-scheme: ${this.mode};
+                    }
+                </style>
+        `}render(){return this.show?a.html`
+                  ${this.styleTokens}
+                  <div class=${m.classMap(this.classes)}>
+                      <div class="dot first"></div>
+                      <div class="dot middle"></div>
+                      <div class="dot last"></div>
+                  </div>
+              `:a.nothing}};exports.DsLoaderDots.styles=[y.commonStyles];r([c.property({type:Boolean,converter:u.booleanConverter})],exports.DsLoaderDots.prototype,"show",2);r([c.property({type:String,reflect:!0})],exports.DsLoaderDots.prototype,"mode",2);r([c.property({type:String})],exports.DsLoaderDots.prototype,"size",2);exports.DsLoaderDots=r([p.customUiKitElement("ds-loader-dots")],exports.DsLoaderDots);

package/dist/cjs/components/ds-loader-dots/styles/common.styles.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../utils/cssWithTokens.cjs"),n=i.cssWithTokens`
+    .container {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+    }
+    
+    .dot.middle {
+        animation-delay: 0.4s;
+    }
+    
+    .dot.last {
+        animation-delay: 0.8s;
+    }
+    
+    .dot {
+        border-radius: 50%;
+        animation-name: loader;
+        animation-timing-function: linear;
+        animation-iteration-count: infinite;
+        animation-fill-mode: forwards;
+        animation-duration: 2s;
+    }
+
+    @keyframes loader {
+        0% { opacity: 1 }
+        18% { opacity: 0.2 }
+        82% { opacity: 0.6 }
+        100% { opacity: 1 }
+    }
+`;exports.commonStyles=n;

package/dist/cjs/components/ds-loader-logo/ds-loader-logo.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),y=require("./ds-loader-logo.styles.cjs");var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,o=(i,t,c,r)=>{for(var e=r>1?void 0:r?g(t,c):t,l=i.length-1,a;l>=0;l--)(a=i[l])&&(e=(r?a(t,c,e):a(e))||e);return r&&e&&m(t,c,e),e};exports.DsLoaderLogo=class extends p.UiKitElement{constructor(){super(...arguments),this.show=!1,this.zIndex=2e3,this.iconName="logo"}get styleTokens(){return s.html`
+                <style>
+                    :host {
+                        --ds-icon-color: ${this.color||"var(--ds-loader-logo-icon-color)"};
+                    }
+                </style>
+        `}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):s.nothing}render(){return this.show?s.html`
+                  <style>
+                      .backdrop {
+                          z-index: ${this.zIndex};
+                      }
+                  </style>
+                  ${this.styleTokens}
+                  <div class="backdrop">
+                      <div class="container">${this.iconTemplate}</div>
+                  </div>
+              `:s.nothing}};exports.DsLoaderLogo.styles=[y.commonStyles];o([n.property({type:Boolean,converter:u.booleanConverter})],exports.DsLoaderLogo.prototype,"show",2);o([n.property({type:Number,attribute:"z-index"})],exports.DsLoaderLogo.prototype,"zIndex",2);o([n.property({type:String,attribute:"icon-name"})],exports.DsLoaderLogo.prototype,"iconName",2);o([n.property({type:String})],exports.DsLoaderLogo.prototype,"color",2);exports.DsLoaderLogo=o([d.customUiKitElement("ds-loader-logo")],exports.DsLoaderLogo);

package/dist/cjs/components/ds-loader-logo/ds-loader-logo.styles.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    .backdrop {
+        display: flex;
+        position: fixed;
+        height: 100dvh;
+        width: 100dvw;
+        left: 0;
+        top: 0;
+        justify-content: center;
+        align-items: center;
+    }
+
+    /* WebKit and Opera browsers */
+    @-webkit-keyframes spinner {
+        from {
+            -webkit-transform: rotateY(0deg);
+        }
+        to {
+            -webkit-transform: rotateY(-360deg);
+        }
+    }
+
+    /* all other browsers */
+    @keyframes spinner {
+        from {
+            -moz-transform: rotateY(0deg);
+            -ms-transform: rotateY(0deg);
+            transform: rotateY(0deg);
+        }
+        to {
+            -moz-transform: rotateY(-360deg);
+            -ms-transform: rotateY(-360deg);
+            transform: rotateY(-360deg);
+        }
+    }
+
+    .container {
+        position: relative;
+        perspective: 1000px;
+        animation-name: spinner;
+        animation-timing-function: ease-in-out;
+        animation-iteration-count: infinite;
+        animation-duration: 2s;
+        transform-style: preserve-3d;
+    }
+
+    .logo {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .front-logo {
+        z-index: 1;
+    }
+
+    .back-logo {
+        z-index: 0;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-loader-spinner/ds-loader-spinner.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,s=(o,r,n,t)=>{for(var e=t>1?void 0:t?v(r,n):r,i=o.length-1,p;i>=0;i--)(p=o[i])&&(e=(t?p(r,n,e):p(e))||e);return t&&e&&h(r,n,e),e};exports.DsLoaderSpinner=class extends a.UiKitElement{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?l.html`
+                  <div class=${d.classMap(this.classes)}>
+                      <svg class="spinner" viewBox="0 0 50 50">
+                          <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>
+              `:l.nothing}};exports.DsLoaderSpinner.styles=y.commonStyles;s([c.property({type:Boolean,converter:m.booleanConverter})],exports.DsLoaderSpinner.prototype,"show",2);s([c.property({type:String,reflect:!0})],exports.DsLoaderSpinner.prototype,"mode",2);s([c.property({type:String})],exports.DsLoaderSpinner.prototype,"orientation",2);exports.DsLoaderSpinner=s([u.customUiKitElement("ds-loader-spinner")],exports.DsLoaderSpinner);

package/dist/cjs/components/ds-loader-spinner/styles/common.styles.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),n=e.css`
+    :host {
+        display: contents;
+    }
+    .container {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .container.column {
+        flex-direction: column;
+    }
+
+    .container.default ::slotted([slot='text']) {
+        display: none;
+    }
+`,t=e.css`
+    .spinner {
+        width: 24px;
+        height: 24px;
+        animation: spin 1s linear infinite;
+    }
+
+    .spinner circle {
+        fill: none;
+    }
+
+    .spinner-bg {
+        stroke-width: 10;
+    }
+
+    .spinner-fg {
+        stroke-width: 6;
+        stroke-linecap: round;
+        stroke-dasharray: 90;
+        stroke-dashoffset: 10;
+        transform-origin: center;
+    }
+
+    @keyframes spin {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+`,r=[n,t];exports.commonStyles=r;

package/dist/cjs/components/ds-logo/ds-logo.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),c=require("./styles/common.styles.cjs");var y=Object.defineProperty,d=Object.getOwnPropertyDescriptor,l=(s,t,r,o)=>{for(var e=o>1?void 0:o?d(t,r):t,i=s.length-1,n;i>=0;i--)(n=s[i])&&(e=(o?n(t,r,e):n(e))||e);return o&&e&&y(t,r,e),e};exports.DsLogo=class extends a.UiKitElement{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 u.htmlWithTokens`
+                <style>
+                    :host {
+                        color-scheme: ${this.mode};
+                    }
+                </style>
+        `}render(){return g.html`
+            ${this.styleTokens}
+            <div data-testid="ds-logo-container" class=${h.classMap(this.classes)}>
+                ${this.logoTemplate}
+                ${this.logoWordmarkTemplate}
+            </div>
+        `}};exports.DsLogo.styles=[c.commonStyles,c.containerStyles];l([m.property({type:String})],exports.DsLogo.prototype,"size",2);l([m.property({type:String,reflect:!0})],exports.DsLogo.prototype,"mode",2);exports.DsLogo=l([p.customUiKitElement("ds-logo")],exports.DsLogo);

package/dist/cjs/components/ds-logo/styles/common.styles.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: contents;
+    }
+`,s=e.css`
+    .container {
+        display: grid;
+        grid-template-columns: auto auto;
+    }
+`;exports.commonStyles=t;exports.containerStyles=s;

package/dist/cjs/components/ds-main-title/ds-main-title.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),c=require("../../mixins/ViewportMixin.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),M=require("./styles/common.styles.cjs");var p=Object.getOwnPropertyDescriptor,q=(t,s,l,r)=>{for(var e=r>1?void 0:r?p(s,l):s,i=t.length-1,n;i>=0;i--)(n=t[i])&&(e=n(e)||e);return e};exports.DsMainTitle=class extends c.ViewportMixin(o.UiKitElement){get containerClasses(){return{container:!0}}render(){return u.html`
+            <div class=${m.classMap(this.containerClasses)}>
+                <slot name="title"></slot>
+                <slot name="description"></slot>
+            </div>
+        `}};exports.DsMainTitle.styles=[M.commonStyles];exports.DsMainTitle=q([a.customUiKitElement("ds-main-title")],exports.DsMainTitle);

package/dist/cjs/components/ds-main-title/styles/common.styles.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    ::slotted([slot='title']),
+    ::slotted([slot='description']) {
+        margin: 0;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-map-pin/ds-map-pin.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),d=require("./styles/common.styles.cjs");var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(o,s,c,n)=>{for(var t=n>1?void 0:n?b(s,c):s,p=o.length-1,l;p>=0;p--)(l=o[p])&&(t=(n?l(s,c,t):l(t))||t);return n&&t&&y(s,c,t),t};exports.DsMapPin=class extends a.UiKitElement{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}):r.nothing}get clusterNumberTemplate(){return this.clusterCount?r.html`
+            <div class='cluster-count'>
+                    ${this.clusterCount}
+            </div>
+        `:r.nothing}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}get styleTokens(){return r.html`
+            <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 r.html`
+            ${this.styleTokens}
+            <span data-testid="ds-map-pin-container" class=${m.classMap(this.classes)} @click=${this.handleClick}>
+                <svg
+                    class="marker"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width=${this.width}
+                    height=${this.height}
+                    viewBox="0 0 48 49"
+                    fill="none"
+                >
+                    <path
+                        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>
+        `}};exports.DsMapPin.styles=[d.mapPinStyles];e([i.property({type:Number,attribute:"width"})],exports.DsMapPin.prototype,"width",2);e([i.property({type:Number,attribute:"height"})],exports.DsMapPin.prototype,"height",2);e([i.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsMapPin.prototype,"checked",2);e([i.property({type:String,attribute:"icon-name"})],exports.DsMapPin.prototype,"iconName",2);e([i.property({type:Number,attribute:"icon-size"})],exports.DsMapPin.prototype,"iconSize",2);e([i.property({type:Number,attribute:"icon-top"})],exports.DsMapPin.prototype,"iconTop",2);e([i.property({type:Number,attribute:"cluster-count"})],exports.DsMapPin.prototype,"clusterCount",2);exports.DsMapPin=e([u.customUiKitElement("ds-map-pin")],exports.DsMapPin);