@cupra/ui-kit 2.0.0-canary.16 → 2.0.0-canary.161

package/dist-react/cjs/components/ds-password-input/ds-password-input.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../ds-text-input/ds-text-input.cjs"),l=require("../../decorators/customUiKitElement.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");var b=Object.defineProperty,c=Object.getOwnPropertyDescriptor,i=(a,t,r,s)=>{for(var e=s>1?void 0:s?c(t,r):t,o=a.length-1,n;o>=0;o--)(n=a[o])&&(e=(s?n(t,r,e):n(e))||e);return s&&e&&b(t,r,e),e};exports.DsPasswordInput=class extends p.DsTextInput{constructor(){super(...arguments),this.dataAriaLabelHideButton="",this.dataAriaLabelShowButton="",this.visible=!1,this.handleClickIcon=()=>{this.visible?(this.nativeInput.setAttribute("type","password"),this.visible=!1):(this.nativeInput.setAttribute("type","text"),this.visible=!0)}}get iconTemplate(){var t;return this.componentFactory.createIconButton({class:"icon-button","icon-name":this.visible?"eye-crossed-out":"eye",disabled:!!((t=this.nativeInput)!=null&&t.disabled),size:this.size,variant:"naked","@click":this.handleClickIcon,"data-aria-label":this.visible?this.dataAriaLabelHideButton||"hide":this.dataAriaLabelShowButton||"show"})}};i([u.property({type:String,attribute:"data-aria-label-hide-button"})],exports.DsPasswordInput.prototype,"dataAriaLabelHideButton",2);i([u.property({type:String,attribute:"data-aria-label-show-button"})],exports.DsPasswordInput.prototype,"dataAriaLabelShowButton",2);i([d.state()],exports.DsPasswordInput.prototype,"visible",2);exports.DsPasswordInput=i([l.customUiKitElement("ds-password-input",{extendComponentNames:["ds-text-input"]})],exports.DsPasswordInput);
+const e=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../../utils/uiKitHtml.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const o=require(`../ds-text-input/ds-text-input.cjs`);var s=class extends o.DsTextInput{constructor(...e){super(...e),this.dataAriaLabelHideButton=``,this.dataAriaLabelShowButton=``,this.visible=!1,this.handleClickIcon=()=>{this.visible?(this.nativeInput.setAttribute(`type`,`password`),this.visible=!1):(this.nativeInput.setAttribute(`type`,`text`),this.visible=!0)}}get iconTemplate(){return i.uiKitHtml`<ds-icon-button
+            class="icon-button"
+            icon-name=${this.visible?`eye-crossed-out`:`eye`}
+            ?disabled=${!!this.nativeInput?.disabled}
+            size=${a.o(this.size)}
+            variant="naked"
+            @click=${this.handleClickIcon}
+            data-aria-label=${this.visible?this.dataAriaLabelHideButton||`hide`:this.dataAriaLabelShowButton||`show`}
+        ></ds-icon-button>`}};n.__decorate([e.n({type:String,attribute:`data-aria-label-hide-button`})],s.prototype,`dataAriaLabelHideButton`,void 0),n.__decorate([e.n({type:String,attribute:`data-aria-label-show-button`})],s.prototype,`dataAriaLabelShowButton`,void 0),n.__decorate([t.r()],s.prototype,`visible`,void 0),s=n.__decorate([r.customUiKitElement(`ds-password-input`,{extendComponentNames:[`ds-text-input`]})],s);

package/dist-react/cjs/components/ds-picker-item/ds-picker-item.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),v=require("../../mixins/ViewportMixin.cjs"),C=require("../../utils/booleanConverter.cjs"),d=require("../../utils/objectConverter.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 s=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"),h=require("./styles/common.styles.cjs");var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(o,e,n,i)=>{for(var t=i>1?void 0:i?y(e,n):e,l=o.length-1,c;l>=0;l--)(c=o[l])&&(t=(i?c(e,n,t):c(t))||t);return i&&t&&g(e,n,t),t};exports.DsPickerItem=class extends v.ViewportMixin(u.UiKitElement){constructor(){super(...arguments),this.variant="without-border",this.size="medium",this.loading=!1,this.selected=!1}get containerClasses(){const e=typeof this.size=="string"?this.size:this.size[this.viewport];return{container:!0,[e]:!!e,selected:this.selected,loading:this.loading}}handleClick(){this.selected||this.loading||this.dispatchEvent(new CustomEvent("ds-picker-item:click",{bubbles:!0,composed:!0}))}get imageContainerClasses(){return{"image-container":!0,[this.variant]:!!this.variant}}get loadingTemplate(){return this.loading?a.html`
-            <div class="overlay">
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`../../mixins/ViewportMixin.cjs`),c=require(`../../utils/objectConverter.cjs`),l=require(`./styles/common.styles.cjs`);var u=class extends s.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`without-border`,this.size=`medium`,this.loading=!1,this.selected=!1}static{this.styles=[l.pickerItemStyles]}get containerClasses(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[e]:!!e,selected:this.selected,loading:this.loading}}handleClick(){this.selected||this.loading||this.dispatchEvent(new CustomEvent(`ds-picker-item:click`,{bubbles:!0,composed:!0}))}get imageContainerClasses(){return{"image-container":!0,[this.variant]:!!this.variant}}get loadingTemplate(){return this.loading?e.x`
+            <span class="overlay">
                 <svg class="spinner" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
                     <path
                         d="M38.3334 20.0001C38.3334 30.1253 30.1252 38.3334 20 38.3334C9.8748 38.3334 1.66669 30.1253 1.66669 20.0001C1.66669 9.87486 9.8748 1.66675 20 1.66675C30.1252 1.66675 38.3334 9.87486 38.3334 20.0001ZM7.97929 20.0001C7.97929 26.6389 13.3612 32.0208 20 32.0208C26.6389 32.0208 32.0207 26.6389 32.0207 20.0001C32.0207 13.3612 26.6389 7.97935 20 7.97935C13.3612 7.97935 7.97929 13.3612 7.97929 20.0001Z"
@@ -10,12 +10,12 @@
                         fill="#E1E6EA"
                     />
                 </svg>
-            </div>
-        `:a.nothing}render(){return a.html`
-            <div class=${p.classMap(this.containerClasses)} @click=${this.handleClick}>
-                <div class=${p.classMap(this.imageContainerClasses)}>
+            </span>
+        `:e.E}render(){return e.x`
+            <button class=${o.e(this.containerClasses)} @click=${this.handleClick}>
+                <span class=${o.e(this.imageContainerClasses)}>
                     <slot></slot>
-                </div>
+                </span>
                 ${this.loadingTemplate}
-            </div>
-        `}};exports.DsPickerItem.styles=[h.pickerItemStyles];r([s.property({type:String})],exports.DsPickerItem.prototype,"variant",2);r([s.property({type:String,converter:d.objectConverter})],exports.DsPickerItem.prototype,"size",2);r([s.property({type:Boolean,converter:C.booleanConverter})],exports.DsPickerItem.prototype,"loading",2);r([s.property({type:Boolean,converter:C.booleanConverter})],exports.DsPickerItem.prototype,"selected",2);exports.DsPickerItem=r([m.customUiKitElement("ds-picker-item")],exports.DsPickerItem);
+            </button>
+        `}};n.__decorate([t.n({type:String})],u.prototype,`variant`,void 0),n.__decorate([t.n({type:String,converter:c.objectConverter})],u.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`loading`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),u=n.__decorate([i.customUiKitElement(`ds-picker-item`)],u);

package/dist-react/cjs/components/ds-picker-item/styles/common.styles.cjs

@@ -1,5 +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"),t=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: contents;
     }
-`;exports.pickerItemStyles=t;
+`;exports.pickerItemStyles=t;

package/dist-react/cjs/components/ds-portal/ds-portal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs"),a=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,c=(n,t,r,o)=>{for(var e=o>1?void 0:o?m(t,r):t,s=n.length-1,l;s>=0;s--)(l=n[s])&&(e=(o?l(t,r,e):l(e))||e);return o&&e&&p(t,r,e),e};exports.DsPortal=class extends a.LitElement{constructor(){super(...arguments),this.nodes=[],this.querySelectorText="body"}render(){return i.html`<slot></slot>`}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.nodes)==null||t.forEach(r=>r.remove())}updated(t){super.updated(t),requestAnimationFrame(()=>{const r=document.querySelector(this.querySelectorText)||document.body;if(!r)return;const o=this.renderRoot.querySelector("slot"),e=(o==null?void 0:o.assignedNodes())||[];this.nodes=e,e.forEach(s=>{r.appendChild(s)})})}};c([d.property({type:String,attribute:"query-selector-text"})],exports.DsPortal.prototype,"querySelectorText",2);exports.DsPortal=c([u.customUiKitElement("ds-portal",{skipTagAsComponentName:!0})],exports.DsPortal);
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`),t=require(`../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../../decorators/customUiKitElement.cjs`);var a=class extends t.i{constructor(...e){super(...e),this.nodes=[],this.querySelectorText=`body`}render(){return e.x`<slot></slot>`}disconnectedCallback(){super.disconnectedCallback(),this.nodes?.forEach(e=>e.remove())}updated(e){super.updated(e),requestAnimationFrame(()=>{let e=document.querySelector(this.querySelectorText)||document.body;if(!e)return;let t=this.renderRoot.querySelector(`slot`)?.assignedNodes()||[];this.nodes=t,t.forEach(t=>{e.appendChild(t)})})}};r.__decorate([n.n({type:String,attribute:`query-selector-text`})],a.prototype,`querySelectorText`,void 0),a=r.__decorate([i.customUiKitElement(`ds-portal`,{skipTagAsComponentName:!0})],a);

package/dist-react/cjs/components/ds-progress-bar/ds-progress-bar.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../base/ds-base-progress-bar/ds-base-progress-bar.cjs"),n=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=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("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),c=require("./styles/common.styles.cjs");var P=Object.defineProperty,m=Object.getOwnPropertyDescriptor,y=Object.getPrototypeOf,_=Reflect.get,p=(s,e,t,o)=>{for(var r=o>1?void 0:o?m(e,t):e,a=s.length-1,l;a>=0;a--)(l=s[a])&&(r=(o?l(e,t,r):l(r))||r);return o&&r&&P(e,t,r),r},B=(s,e,t)=>_(y(s),t,e);exports.DsProgressBar=class extends g.DsBaseProgressBar{render(){return this.show?i.html`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../base/ds-base-progress-bar/ds-base-progress-bar.cjs`),a=require(`./styles/common.styles.cjs`);var o=class extends i.DsBaseProgressBar{static{this.styles=[...super.styles,a.commonStyles]}get progressAriaValue(){return this.progress}render(){return this.show?e.x`
                   <style>
                       .fill {
                           width: ${this.progress}%;
                       }
                   </style>
                   ${this.barTemplate}
-              `:i.nothing}};exports.DsProgressBar.styles=[...B(exports.DsProgressBar,exports.DsProgressBar,"styles"),c.commonStyles];p([u.property({type:Number})],exports.DsProgressBar.prototype,"progress",2);exports.DsProgressBar=p([n.customUiKitElement("ds-progress-bar",{skipTagAsComponentName:!0})],exports.DsProgressBar);
+              `:e.E}};n.__decorate([t.n({type:Number})],o.prototype,`progress`,void 0),o=n.__decorate([r.customUiKitElement(`ds-progress-bar`,{skipTagAsComponentName:!0})],o);

package/dist-react/cjs/components/ds-progress-bar/styles/common.styles.cjs

@@ -1,5 +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"),r=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     .fill {
         transition: all 200ms ease-in-out;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-radio/ds-radio.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.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 h=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 o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,t=(l,e,r,s)=>{for(var i=s>1?void 0:s?f(e,r):e,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(s?a(e,r,i):a(i))||i);return s&&i&&v(e,r,i),i};exports.DsRadio=class extends c.UiKitElement{constructor(){super(...arguments),this.readonly=!1,this.checked=!1,this.disabled=!1,this.mode="light",this.size="large",this.handleClickInput=e=>{this.readonly&&e.preventDefault()},this.handleClickLabel=e=>{e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0,detail:{value:this.value}})),this.readonly||(this.input.checked=!0,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value}})))}}connectedCallback(){super.connectedCallback(),this.input=document.createElement("input"),this.input.type="radio",this.input.slot="radio",this.input.ariaLabel=this.value,this.input.addEventListener("click",this.handleClickInput),this.appendChild(this.input)}disconnectedCallback(){super.disconnectedCallback(),this.input.removeEventListener("click",this.handleClickInput)}updated(e){super.updated(e),["name","value"].forEach(s=>{e.has(s)&&(this.input[s]=this[s])}),e.has("checked")&&requestAnimationFrame(()=>{this.input.checked=this.checked}),e.has("disabled")&&(this.input.disabled=this.disabled)}get labelClasses(){return{disabled:this.disabled,[this.mode]:!!this.mode,[this.size]:!!this.size}}get styleTokens(){return u.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends i.UiKitElement{constructor(...e){super(...e),this.readonly=!1,this.checked=!1,this.disabled=!1,this.mode=`light`,this.size=`large`,this.handleClickInput=e=>{this.readonly&&e.preventDefault()},this.handleClickLabel=e=>{e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,composed:!0,detail:{value:this.value}})),this.readonly||(this.input.checked=!0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{value:this.value}})))}}static{this.styles=[c.commonStyles]}connectedCallback(){super.connectedCallback(),this.input=document.createElement(`input`),this.input.type=`radio`,this.input.slot=`radio`,this.input.ariaLabel=this.value,this.input.addEventListener(`click`,this.handleClickInput),this.appendChild(this.input)}disconnectedCallback(){super.disconnectedCallback(),this.input.removeEventListener(`click`,this.handleClickInput)}updated(e){super.updated(e),[`name`,`value`].forEach(t=>{e.has(t)&&(this.input[t]=this[t])}),e.has(`checked`)&&requestAnimationFrame(()=>{this.input.checked=this.checked}),e.has(`disabled`)&&(this.input.disabled=this.disabled)}get labelClasses(){return{disabled:this.disabled,[this.mode]:!!this.mode,[this.size]:!!this.size}}get styleTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}render(){return h.html`
+        `}render(){return e.x`
             ${this.styleTokens}
-            <label @click=${this.handleClickLabel} class=${m.classMap(this.labelClasses)}>
+            <label @click=${this.handleClickLabel} class=${s.e(this.labelClasses)}>
                 <slot name="radio"></slot>
                 <slot></slot>
             </label>
-        `}};exports.DsRadio.styles=[b.commonStyles];t([o.property({type:Boolean,converter:d.booleanConverter,reflect:!0})],exports.DsRadio.prototype,"readonly",2);t([o.property({type:String,reflect:!0})],exports.DsRadio.prototype,"name",2);t([o.property({type:String})],exports.DsRadio.prototype,"value",2);t([o.property({type:Boolean,converter:d.booleanConverter,reflect:!0})],exports.DsRadio.prototype,"checked",2);t([o.property({type:Boolean,converter:d.booleanConverter,reflect:!0})],exports.DsRadio.prototype,"disabled",2);t([o.property({type:String,reflect:!0})],exports.DsRadio.prototype,"mode",2);t([o.property({type:String})],exports.DsRadio.prototype,"size",2);t([y.queryAssignedNodes({slot:"",flatten:!0})],exports.DsRadio.prototype,"_defaultSlotNodes",2);exports.DsRadio=t([p.customUiKitElement("ds-radio")],exports.DsRadio);
+        `}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`readonly`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`name`,void 0),r.__decorate([t.n({type:String})],l.prototype,`value`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`checked`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),r.__decorate([t.n({type:String})],l.prototype,`size`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],l.prototype,`_defaultSlotNodes`,void 0),l=r.__decorate([a.customUiKitElement(`ds-radio`)],l);

package/dist-react/cjs/components/ds-radio/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"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`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: inline-block;
     }
@@ -34,4 +34,4 @@
     label ::slotted(input:checked)::before {
         transform: scale(1);
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-radio-button/ds-radio-button.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),n=require("../ds-radio-button-group/ds-radio-button-group.cjs"),h=require("../../decorators/customUiKitElement.cjs"),b=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),x=require("../../utils/booleanConverter.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 u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var C=Object.defineProperty,G=Object.getOwnPropertyDescriptor,r=(p,t,e,s)=>{for(var i=s>1?void 0:s?G(t,e):t,l=p.length-1,c;l>=0;l--)(c=p[l])&&(i=(s?c(t,e,i):c(i))||i);return s&&i&&C(t,e,i),i};exports.DsRadioButton=class extends d.UiKitElement{constructor(){super(...arguments),this.inputPlacement="left",this._size="medium",this.errorText="",this.helperText="",this._disabled=!1,this.handleChange=t=>{this.checkInputState(t.target)},this.handleClick=()=>{var t;(t=this.input[0])==null||t.click()}}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:n.radioGroupErrorContext,callback:t=>{this.errorGroup=t}},{context:n.radioGroupErrorTextContext,callback:t=>{this.errorTextGroup=t}},{context:n.radioGroupDisabledContext,callback:t=>{this.disabledGroup=t}},{context:n.radioGroupHelperTextContext,callback:t=>{this.helperTextGroup=t}},{context:n.radioGroupSizeContext,callback:t=>{this.sizeGroup=t}}])})}firstUpdated(t){var s;super.firstUpdated(t);const e=(s=this.input)==null?void 0:s[0];e&&(e.addEventListener("change",this.handleChange),this.observeInputAttributes(),this.checkInputState(e),this.applyAriaAttributes())}createContextConsumers(t){t.forEach(({context:e,callback:s})=>{new b.ContextConsumer(this,{context:e,callback:s,subscribe:!0})})}disconnectedCallback(){var e;super.disconnectedCallback();const t=(e=this.input)==null?void 0:e[0];t&&(t.removeEventListener("change",this.handleChange),this.inputMutationObserver.disconnect())}checkInputState(t){this._disabled=this.disabledGroup??(t==null?void 0:t.disabled)}observeInputAttributes(){const t=new MutationObserver(()=>{this.checkInputState(this.input[0])});t.observe(this.input[0],{attributes:!0,attributeFilter:["required","disabled"]}),this.inputMutationObserver=t}updated(t){super.updated(t),(t.has("error")||t.has("errorText")||t.has("helperText"))&&this.applyAriaAttributes()}applyAriaAttributes(){var i;const t=(i=this.input)==null?void 0:i[0];if(!t)return;const e=!!this.error,s=e?this.errorText||this.errorTextGroup:this.helperText||this.helperTextGroup||null;t.setAttribute("aria-disabled",this.disabled?"true":"false"),t.setAttribute("aria-invalid",e?"true":"false"),s?t.setAttribute("aria-description",s):t.removeAttribute("aria-description")}get containerClasses(){return{container:!0,error:this.error,disabled:this.disabled,[this.size]:!0,[this.inputPlacement]:!0}}get error(){return this._error??this.errorGroup}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}render(){return a.html`
-            <div @click=${this.handleClick} class=${m.classMap(this.containerClasses)}>
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const u=require(`../ds-radio-button-group/ds-radio-button-group.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends o.UiKitElement{constructor(...e){super(...e),this.inputPlacement=`left`,this._size=`medium`,this.errorText=``,this.helperText=``,this._disabled=!1,this.handleChange=e=>{this.checkInputState(e.target)},this.handleClick=()=>{this.input[0]?.click()}}static{this.styles=[d.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.radioGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.radioGroupErrorTextContext,callback:e=>{this.errorTextGroup=e}},{context:u.radioGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.radioGroupHelperTextContext,callback:e=>{this.helperTextGroup=e}},{context:u.radioGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}firstUpdated(e){super.firstUpdated(e);let t=this.input?.[0];t&&(t.addEventListener(`change`,this.handleChange),this.observeInputAttributes(),queueMicrotask(()=>this.checkInputState(t)),this.applyAriaAttributes())}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}disconnectedCallback(){super.disconnectedCallback();let e=this.input?.[0];e&&(e.removeEventListener(`change`,this.handleChange),this.inputMutationObserver.disconnect())}checkInputState(e){this._disabled=this.disabledGroup??e?.disabled}observeInputAttributes(){let e=new MutationObserver(()=>{this.checkInputState(this.input[0])});e.observe(this.input[0],{attributes:!0,attributeFilter:[`required`,`disabled`]}),this.inputMutationObserver=e}updated(e){super.updated(e),(e.has(`error`)||e.has(`errorText`)||e.has(`helperText`))&&this.applyAriaAttributes()}applyAriaAttributes(){let e=this.input?.[0];if(!e)return;let t=!!this.error,n=t?this.errorText||this.errorTextGroup:this.helperText||this.helperTextGroup||null;e.setAttribute(`aria-disabled`,this.disabled?`true`:`false`),e.setAttribute(`aria-invalid`,t?`true`:`false`),n?e.setAttribute(`aria-description`,n):e.removeAttribute(`aria-description`)}get containerClasses(){return{container:!0,error:this.error,disabled:this.disabled,[this.size]:!0,[this.inputPlacement]:!0}}get error(){return this._error??this.errorGroup}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}render(){return t.x`
+            <div @click=${this.handleClick} class=${l.e(this.containerClasses)}>
                 <span class="input-container">
                     <slot name="input"></slot>
                 </span>
                 <div class="text-container">
                     <slot name="label"></slot>
-                    ${!(this.error&&this.errorText)&&this.helperText?a.html`<div class="helper-text" > ${this.helperText}</div>`:a.nothing}
-                    ${this.error&&this.errorText?a.html`<div class="error-text">${this.errorText}</div>`:a.nothing}
+                    ${!(this.error&&this.errorText)&&this.helperText?t.x`<div class="helper-text" > ${this.helperText}</div>`:t.E}
+                    ${this.error&&this.errorText?t.x`<div class="error-text">${this.errorText}</div>`:t.E}
                 </div>
             </div>
-        `}};exports.DsRadioButton.styles=[v.commonStyles];r([u.property({type:String,attribute:"input-placement"})],exports.DsRadioButton.prototype,"inputPlacement",2);r([u.property({type:String,attribute:"size"})],exports.DsRadioButton.prototype,"_size",2);r([u.property({type:Boolean,attribute:"error",converter:x.booleanConverter})],exports.DsRadioButton.prototype,"_error",2);r([u.property({type:String,attribute:"error-text"})],exports.DsRadioButton.prototype,"errorText",2);r([u.property({type:String,attribute:"helper-text"})],exports.DsRadioButton.prototype,"helperText",2);r([o.state()],exports.DsRadioButton.prototype,"errorGroup",2);r([o.state()],exports.DsRadioButton.prototype,"errorTextGroup",2);r([o.state()],exports.DsRadioButton.prototype,"disabledGroup",2);r([o.state()],exports.DsRadioButton.prototype,"helperTextGroup",2);r([o.state()],exports.DsRadioButton.prototype,"sizeGroup",2);r([o.state()],exports.DsRadioButton.prototype,"_disabled",2);r([o.state()],exports.DsRadioButton.prototype,"inputMutationObserver",2);r([y.queryAssignedElements({slot:"input",selector:"input"})],exports.DsRadioButton.prototype,"input",2);exports.DsRadioButton=r([h.customUiKitElement("ds-radio-button")],exports.DsRadioButton);
+        `}};a.__decorate([n.n({type:String,attribute:`input-placement`})],f.prototype,`inputPlacement`,void 0),a.__decorate([n.n({type:String,attribute:`size`})],f.prototype,`_size`,void 0),a.__decorate([n.n({type:Boolean,attribute:`error`,converter:c.booleanConverter})],f.prototype,`_error`,void 0),a.__decorate([n.n({type:String,attribute:`error-text`})],f.prototype,`errorText`,void 0),a.__decorate([n.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),a.__decorate([r.r()],f.prototype,`errorGroup`,void 0),a.__decorate([r.r()],f.prototype,`errorTextGroup`,void 0),a.__decorate([r.r()],f.prototype,`disabledGroup`,void 0),a.__decorate([r.r()],f.prototype,`helperTextGroup`,void 0),a.__decorate([r.r()],f.prototype,`sizeGroup`,void 0),a.__decorate([r.r()],f.prototype,`_disabled`,void 0),a.__decorate([i.o({slot:`input`,selector:`input`})],f.prototype,`input`,void 0),f=a.__decorate([s.customUiKitElement(`ds-radio-button`)],f);

package/dist-react/cjs/components/ds-radio-button/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"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`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: block;
     }
@@ -41,4 +41,4 @@
     ::slotted([slot='label']) {
         cursor: pointer;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-radio-button-group/ds-radio-button-group.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),G=require("../../decorators/customUiKitElement.cjs"),i=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs"),s=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),c=require("../../utils/booleanConverter.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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.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 D=Object.defineProperty,S=Object.getOwnPropertyDescriptor,e=(a,n,u,p)=>{for(var t=p>1?void 0:p?S(n,u):n,d=a.length-1,l;d>=0;d--)(l=a[d])&&(t=(p?l(n,u,t):l(t))||t);return p&&t&&D(n,u,t),t};const x=i.createContext(Symbol("ds-radio-button-group:disabled")),h=i.createContext(Symbol("ds-radio-button-group:error")),b=i.createContext(Symbol("ds-radio-button-group:error-text")),y=i.createContext(Symbol("ds-radio-button-group:helper-text")),v=i.createContext(Symbol("ds-radio-button-group:size"));exports.DsRadioButtonGroup=class extends m.UiKitElement{constructor(){super(...arguments),this.error=!1,this.errorText="",this.helperText="",this.disabled=!1,this.size="medium",this.orientation="vertical"}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return o.html`
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs`),t=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs`),n=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`./styles/common.styles.cjs`);var u=e.n(Symbol(`ds-radio-button-group:disabled`)),d=e.n(Symbol(`ds-radio-button-group:error`)),f=e.n(Symbol(`ds-radio-button-group:error-text`)),p=e.n(Symbol(`ds-radio-button-group:helper-text`)),m=e.n(Symbol(`ds-radio-button-group:size`)),h=class extends a.UiKitElement{constructor(...e){super(...e),this.error=!1,this.errorText=``,this.helperText=``,this.disabled=!1,this.size=`large`,this.orientation=`vertical`}static{this.styles=[l.commonStyles]}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return n.x`
             <div
                 data-testid="ds-radio-button-group-container"
-                class=${C.classMap(this.classes)}
+                class=${c.e(this.classes)}
                 .aria-invalid=${this.error}
             >   
                 <slot name="title"></slot>
@@ -9,7 +9,7 @@
                 <div class="radio-buttons-container">
                     <slot></slot>
                 </div>
-                ${!this.error&&this.helperText?o.html`<div class = 'helper-text' > ${this.helperText}</div>`:o.nothing}
-                ${this.error&&this.errorText?o.html`<div class="error-text">${this.errorText}</div>`:o.nothing}
+                ${!this.error&&this.helperText?n.x`<div class = 'helper-text' > ${this.helperText}</div>`:n.E}
+                ${this.error&&this.errorText?n.x`<div class="error-text">${this.errorText}</div>`:n.E}
             </div>
-        `}};exports.DsRadioButtonGroup.styles=[g.commonStyles];e([s.provide({context:h}),r.property({type:Boolean,converter:c.booleanConverter})],exports.DsRadioButtonGroup.prototype,"error",2);e([s.provide({context:b}),r.property({type:String,attribute:"error-text"})],exports.DsRadioButtonGroup.prototype,"errorText",2);e([s.provide({context:y}),r.property({type:String,attribute:"helper-text"})],exports.DsRadioButtonGroup.prototype,"helperText",2);e([s.provide({context:x}),r.property({type:Boolean,converter:c.booleanConverter})],exports.DsRadioButtonGroup.prototype,"disabled",2);e([s.provide({context:v}),r.property({type:String})],exports.DsRadioButtonGroup.prototype,"size",2);e([r.property({type:String,reflect:!0})],exports.DsRadioButtonGroup.prototype,"orientation",2);exports.DsRadioButtonGroup=e([G.customUiKitElement("ds-radio-button-group")],exports.DsRadioButtonGroup);exports.radioGroupDisabledContext=x;exports.radioGroupErrorContext=h;exports.radioGroupErrorTextContext=b;exports.radioGroupHelperTextContext=y;exports.radioGroupSizeContext=v;
+        `}};i.__decorate([t.e({context:d}),r.n({type:Boolean,converter:s.booleanConverter})],h.prototype,`error`,void 0),i.__decorate([t.e({context:f}),r.n({type:String,attribute:`error-text`})],h.prototype,`errorText`,void 0),i.__decorate([t.e({context:p}),r.n({type:String,attribute:`helper-text`})],h.prototype,`helperText`,void 0),i.__decorate([t.e({context:u}),r.n({type:Boolean,converter:s.booleanConverter})],h.prototype,`disabled`,void 0),i.__decorate([t.e({context:m}),r.n({type:String})],h.prototype,`size`,void 0),i.__decorate([r.n({type:String,reflect:!0})],h.prototype,`orientation`,void 0),h=i.__decorate([o.customUiKitElement(`ds-radio-button-group`)],h),exports.radioGroupDisabledContext=u,exports.radioGroupErrorContext=d,exports.radioGroupErrorTextContext=f,exports.radioGroupHelperTextContext=p,exports.radioGroupSizeContext=m;

package/dist-react/cjs/components/ds-radio-button-group/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"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 t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e=t.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: contents;
     }
@@ -15,4 +15,4 @@
         display: inline-flex;
         vertical-align: top;
     }
-`;exports.commonStyles=e;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-radio-group/ds-radio-group.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../decorators/customUiKitElement.cjs"),n=require("../../mixins/FormAssociatedMixin.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"),c=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),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_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./ds-radio-group.styles.cjs");var R=Object.defineProperty,f=Object.getOwnPropertyDescriptor,o=(a,e,s,r)=>{for(var t=r>1?void 0:r?f(e,s):e,p=a.length-1,d;p>=0;p--)(d=a[p])&&(t=(r?d(e,s,t):d(t))||t);return r&&t&&R(e,s,t),t};exports.DsRadioGroup=class extends n.FormAssociatedMixin(c.LitElement){constructor(){super(...arguments),this.mode="light",this.size="large"}updateRadioChecked(){requestAnimationFrame(()=>{this.radioElements.forEach(e=>{e.checked=e.value===this.value})})}setRadioProps(e){requestAnimationFrame(()=>{["name","size","mode"].forEach(r=>{e.has(r)&&this.radioElements.forEach(t=>{t[r]=this[r]})})})}updated(e){super.updated(e),this.setRadioProps(e)}firstUpdated(e){super.firstUpdated(e),this.updateRadioChecked(),this.setRadioProps(e)}handleChangeRadio(e){var s;this.value=(s=e.detail)==null?void 0:s.value}get classes(){return{container:!0}}render(){return l.html`
-            <fieldset class=${h.classMap(this.classes)} @change=${this.handleChangeRadio}>
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`),t=require(`../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`../../mixins/FormAssociatedMixin.cjs`),c=require(`./ds-radio-group.styles.cjs`);var l=class extends s.FormAssociatedMixin(t.i){constructor(...e){super(...e),this.mode=`light`,this.size=`large`}static{this.styles=[c.commonStyles]}updateRadioChecked(){requestAnimationFrame(()=>{this.radioElements.forEach(e=>{e.checked=e.value===this.value})})}setRadioProps(e){requestAnimationFrame(()=>{[`name`,`size`,`mode`].forEach(t=>{e.has(t)&&this.radioElements.forEach(e=>{e[t]=this[t]})})})}updated(e){super.updated(e),this.setRadioProps(e)}firstUpdated(e){super.firstUpdated(e),this.updateRadioChecked(),this.setRadioProps(e)}handleChangeRadio(e){this.value=e.detail?.value}get classes(){return{container:!0}}render(){return e.x`
+            <fieldset class=${o.e(this.classes)} @change=${this.handleChangeRadio}>
                 <slot></slot>
             </fieldset>
-        `}};exports.DsRadioGroup.styles=[y.commonStyles];o([i.property({type:String})],exports.DsRadioGroup.prototype,"name",2);o([i.property({type:String,reflect:!0})],exports.DsRadioGroup.prototype,"value",2);o([i.property({type:String,reflect:!0})],exports.DsRadioGroup.prototype,"mode",2);o([i.property({type:String})],exports.DsRadioGroup.prototype,"size",2);o([m.queryAssignedElements({selector:"ds-radio"})],exports.DsRadioGroup.prototype,"radioElements",2);exports.DsRadioGroup=o([u.customUiKitElement("ds-radio-group",{skipTagAsComponentName:!0})],exports.DsRadioGroup);
+        `}};i.__decorate([n.n({type:String})],l.prototype,`name`,void 0),i.__decorate([n.n({type:String,reflect:!0})],l.prototype,`value`,void 0),i.__decorate([n.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),i.__decorate([n.n({type:String})],l.prototype,`size`,void 0),i.__decorate([r.o({selector:`ds-radio`})],l.prototype,`radioElements`,void 0),l=i.__decorate([a.customUiKitElement(`ds-radio-group`,{skipTagAsComponentName:!0})],l);

package/dist-react/cjs/components/ds-radio-group/ds-radio-group.styles.cjs

@@ -1,4 +1,4 @@
-"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`
+const e=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: flex;
         flex-direction: column;
@@ -11,4 +11,4 @@
         border: none;
         display: contents;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-rating/ds-rating.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.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 l=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");require("../ds-icon/ds-icon.cjs");const d=require("./styles/common.styles.cjs");var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(i,e,t,r)=>{for(var s=r>1?void 0:r?v(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(s=(r?o(e,t,s):o(s))||s);return r&&s&&g(e,t,s),s};exports.DsRating=class extends p.UiKitElement{constructor(){super(...arguments),this.disabled=!1,this.hideRatingText=!1}get displayValue(){if(this.value===void 0||this.value===null||this.value<0)return 0;const e=Math.max(0,Math.min(5,this.value)),t=Math.floor(e),r=Number((e-t).toFixed(2));return t+Math.round(r/.5)*.5}get classes(){return{container:!0,disabled:this.disabled}}getStarIconName(e,t){return t>=e?"star-filled":t>=e-.5?"half-star-filled":"star"}get starsTemplate(){const e=this.displayValue,t=[];for(let r=1;r<=5;r++){const s=this.getStarIconName(r,e);s&&t.push(this.componentFactory.createIcon({class:"star-icon","icon-name":s,size:16}))}return t}render(){const e=this.value!==void 0&&this.value>=0?this.value:0,r=Math.max(0,Math.min(5,e)).toString();return u.html`
-            <div class=${h.classMap(this.classes)} aria-label=${`Rating: ${r} out of 5`} role="img">
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.disabled=!1,this.hideRatingText=!1}static{this.styles=[c.commonStyles]}get displayValue(){if(this.value===void 0||this.value===null||this.value<0)return 0;let e=Math.max(0,Math.min(5,this.value)),t=Math.floor(e),n=Number((e-t).toFixed(2));return t+Math.round(n/.5)*.5}get classes(){return{container:!0,disabled:this.disabled}}getStarIconName(e,t){return t>=e?`star-filled`:t>=e-.5?`half-star-filled`:`star`}get starsTemplate(){let e=this.displayValue,t=[];for(let n=1;n<=5;n++){let r=this.getStarIconName(n,e);t.push(o.uiKitHtml`<ds-icon class="star-icon" icon-name=${r} size="16"></ds-icon>`)}return t}render(){let t=this.value!==void 0&&this.value>=0?this.value:0,n=Math.max(0,Math.min(5,t)).toString();return e.x`
+            <div class=${s.e(this.classes)} aria-label=${`Rating: ${n} out of 5`} role="img">
                 <div class="stars-wrapper">${this.starsTemplate}</div>
-                ${this.hideRatingText?"":u.html`<span class="rating-text">${r}</span>`}
+                ${this.hideRatingText?``:e.x`<span class="rating-text">${n}</span>`}
             </div>
-        `}};exports.DsRating.styles=[d.commonStyles];a([l.property({type:Number})],exports.DsRating.prototype,"value",2);a([l.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsRating.prototype,"disabled",2);a([l.property({type:Boolean,converter:c.booleanConverter,attribute:"hide-rating-text"})],exports.DsRating.prototype,"hideRatingText",2);exports.DsRating=a([m.customUiKitElement("ds-rating")],exports.DsRating);
+        `}};n.__decorate([t.n({type:Number})],l.prototype,`value`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`hide-rating-text`})],l.prototype,`hideRatingText`,void 0),l=n.__decorate([i.customUiKitElement(`ds-rating`)],l);

package/dist-react/cjs/components/ds-rating/styles/common.styles.cjs

@@ -1,7 +1,7 @@
-"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`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     .container,
     .stars-wrapper {
         display: flex;
         align-items: center;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-search/ds-search.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),m=require("../../mixins/FormAssociatedMixin.cjs"),p=require("../../utils/booleanConverter.cjs"),v=require("../../utils/htmlWithTokens.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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),S=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),a=require("./styles/common.styles.cjs");var T=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(n,t,o,l)=>{for(var i=l>1?void 0:l?b(t,o):t,c=n.length-1,h;c>=0;c--)(h=n[c])&&(i=(l?h(t,o,i):h(i))||i);return l&&i&&T(t,o,i),i};exports.DsSearch=class extends m.FormAssociatedMixin(d.UiKitElement){constructor(){super(...arguments),this.initialValue="",this.label="",this.helperText="",this.errorText="",this.disabled=!1,this.success=!1,this.mode="light",this.size="large",this.name="",this.placeholder="",this.type="text",this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value="",this.dispatchEvent(new CustomEvent("ds-search:clear",{bubbles:!0,composed:!0}))},this.handleInput=t=>{const o=t.target;this._value=o.value||""},this.handleSuccess=t=>{this.dispatchEvent(new CustomEvent("ds-search:position-success",{bubbles:!0,composed:!0,detail:{position:t}}))},this.handleError=t=>{this.dispatchEvent(new CustomEvent("ds-search:position-error",{bubbles:!0,composed:!0,detail:{error:t}}))}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(t){this._value=t}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return s.html`
-            ${this.componentFactory.createIcon({class:"search-icon","icon-name":"magnifying-glass"})}
-        `}get positionIconTemplate(){return s.html`
-            ${this.componentFactory.createIcon({class:"position-icon","icon-name":"position"})}
-        `}get clearIconTemplate(){return s.html`
-            ${this.componentFactory.createIcon({class:"clear-icon","data-testid":"clear-icon","icon-name":"cross","@click":this.handleClickClearIcon})}
-        `}get inputTemplate(){return s.html`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const s=require(`../../utils/booleanConverter.cjs`),c=require(`../../utils/uiKitHtml.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const u=require(`../../mixins/FormAssociatedMixin.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends u.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.name=``,this.placeholder=``,this.type=`text`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value=``,this.dispatchEvent(new CustomEvent(`ds-search:clear`,{bubbles:!0,composed:!0}))},this.handleInput=e=>{this._value=e.target.value||``},this.handleSuccess=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-success`,{bubbles:!0,composed:!0,detail:{position:e}}))},this.handleError=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-error`,{bubbles:!0,composed:!0,detail:{error:e}}))}}static{this.styles=[d.commonStyles,d.containerStyles,d.helperTextStyles,d.inputFieldStyles,d.inputContainerStyles]}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return e.x`
+            ${c.uiKitHtml`<ds-icon class="search-icon" icon-name="magnifying-glass"></ds-icon>`}
+        `}get positionIconTemplate(){return e.x`
+            ${c.uiKitHtml`<ds-icon class="position-icon" icon-name="position"></ds-icon>`}
+        `}get clearIconTemplate(){return e.x`
+            ${c.uiKitHtml`<ds-icon class="clear-icon" data-testid="clear-icon" icon-name="cross" @click=${this.handleClickClearIcon}></ds-icon>`}
+        `}get inputTemplate(){return e.x`
             <input
                 class="input-field"
                 type=${this.type}
@@ -18,21 +18,21 @@
                 @input=${this.handleInput}
                 ?disabled=${this.disabled}
             />
-        `}get helperTextTemplate(){return this.helperText?s.html`
+        `}get helperTextTemplate(){return this.helperText?e.x`
             <div class="helper-text" @click=${this.handleClickHelperText}>
                 ${this.positionIconTemplate}
                 ${this.helperText}
             </div>
-        `:s.nothing}get errorTextTemplate(){return this.errorText?s.html`<div class="error-text">${this.errorText}</div>`:s.nothing}get styleTokens(){return v.htmlWithTokens`
+        `:e.E}get errorTextTemplate(){return this.errorText?e.x`<div class="error-text">${this.errorText}</div>`:e.E}get styleTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return s.html`
+        `}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return e.x`
             ${this.styleTokens}
-            <div class=${g.classMap(this.classes)}>
+            <div class=${l.e(this.classes)}>
                 <div class="input-container">
                     ${this.searchIconTemplate}
                     ${this.inputTemplate}
@@ -41,4 +41,4 @@
                 ${this.errorTextTemplate}
                 ${this.helperTextTemplate}
             </div>
-        `}};exports.DsSearch.styles=[a.commonStyles,a.containerStyles,a.helperTextStyles,a.inputFieldStyles,a.inputContainerStyles];e([r.property({type:String,reflect:!0,attribute:"initial-value"})],exports.DsSearch.prototype,"initialValue",2);e([r.property({type:String})],exports.DsSearch.prototype,"label",2);e([r.property({type:String,attribute:"helper-text"})],exports.DsSearch.prototype,"helperText",2);e([r.property({type:String,attribute:"error-text"})],exports.DsSearch.prototype,"errorText",2);e([r.property({type:Boolean,converter:p.booleanConverter})],exports.DsSearch.prototype,"disabled",2);e([r.property({type:Boolean,converter:p.booleanConverter})],exports.DsSearch.prototype,"success",2);e([r.property({type:String,reflect:!0})],exports.DsSearch.prototype,"mode",2);e([r.property({type:String})],exports.DsSearch.prototype,"size",2);e([r.property({type:String})],exports.DsSearch.prototype,"name",2);e([r.property({type:String})],exports.DsSearch.prototype,"placeholder",2);e([r.property({type:String,attribute:"max-length"})],exports.DsSearch.prototype,"maxLength",2);e([r.property({type:String})],exports.DsSearch.prototype,"type",2);e([u.state()],exports.DsSearch.prototype,"_value",2);e([u.state()],exports.DsSearch.prototype,"focused",2);e([S.query(".input-field")],exports.DsSearch.prototype,"inputField",2);exports.DsSearch=e([y.customUiKitElement("ds-search")],exports.DsSearch);
+        `}};i.__decorate([t.n({type:String,reflect:!0,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),i.__decorate([t.n({type:String})],f.prototype,`label`,void 0),i.__decorate([t.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),i.__decorate([t.n({type:String,attribute:`error-text`})],f.prototype,`errorText`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],f.prototype,`disabled`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],f.prototype,`success`,void 0),i.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),i.__decorate([t.n({type:String})],f.prototype,`size`,void 0),i.__decorate([t.n({type:String})],f.prototype,`name`,void 0),i.__decorate([t.n({type:String})],f.prototype,`placeholder`,void 0),i.__decorate([t.n({type:String,attribute:`max-length`})],f.prototype,`maxLength`,void 0),i.__decorate([t.n({type:String})],f.prototype,`type`,void 0),i.__decorate([n.r()],f.prototype,`_value`,void 0),i.__decorate([n.r()],f.prototype,`focused`,void 0),i.__decorate([r.e(`.input-field`)],f.prototype,`inputField`,void 0),f=i.__decorate([o.customUiKitElement(`ds-search`)],f);

package/dist-react/cjs/components/ds-search/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"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`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: block;
         width: 100%;
@@ -8,11 +8,11 @@
     .helper-text {
         user-select: none;
     }
-`,n=e.css`
+`,n=e.i`
     .container {
         position: relative;
     }
-`,i=e.css`
+`,r=e.i`
     .input-field::-webkit-search-decoration,
     .input-field::-webkit-search-cancel-button,
     .input-field::-webkit-search-results-button,
@@ -33,18 +33,18 @@
     .input-field:focus {
         outline: none;
     }
-`,s=e.css`
+`,i=e.i`
     .helper-text {
         cursor: pointer;
         display: flex;
         justify-content: flex-start;
         align-items: center;
     }
-`,r=e.css`
+`,a=e.i`
     .input-container {
         align-items: center;
         justify-content: center;
         display: flex;
         position: relative;
     }
-`;exports.commonStyles=t;exports.containerStyles=n;exports.helperTextStyles=s;exports.inputContainerStyles=r;exports.inputFieldStyles=i;
+`;exports.commonStyles=t,exports.containerStyles=n,exports.helperTextStyles=i,exports.inputContainerStyles=a,exports.inputFieldStyles=r;

package/dist-react/cjs/components/ds-search-input/ds-search-input.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),d=require("../../mixins/inputStatesMixin.cjs"),h=require("../../utils/booleanConverter.cjs"),v=require("../../utils/validateMaxLength.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const e=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 a=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"),g=require("./styles/common.styles.cjs");var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(s,t,r,i)=>{for(var n=i>1?void 0:i?y(t,r):t,p=s.length-1,l;p>=0;p--)(l=s[p])&&(n=(i?l(t,r,n):l(n))||n);return i&&n&&b(t,r,n),n};exports.DsSearchInput=class extends d.inputStatesMixin(u.UiKitElement){constructor(){super(...arguments),this.size="medium",this.variant="primary",this.loading=!1,this.helperText="",this.forcedError="",this.invalidError="",this.dataAriaLabelRemoveButton="",this.dataAriaLabelPositionButton="",this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value="",this.nativeInput.focus(),["input","change"].forEach(t=>this.nativeInput.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event("ds-search-input:click-position-button",{bubbles:!0,composed:!0}))}}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.html`
-            <div part="container" class=${m.classMap(this.classes)}>
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const l=require(`../../mixins/inputStatesMixin.cjs`);require(`../ds-loader-spinner/ds-loader-spinner.cjs`);const u=require(`../../utils/validateMaxLength.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends l.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.variant=`primary`,this.loading=!1,this.helperText=``,this.forcedError=``,this.invalidError=``,this.dataAriaLabelRemoveButton=``,this.dataAriaLabelPositionButton=``,this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event(`ds-search-input:click-position-button`,{bubbles:!0,composed:!0}))}}static{this.styles=[d.commonStyles]}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.x`
+            <div part="container" class=${s.e(this.classes)}>
                 <div part="input-container" class="input-container">
                     ${this.searchIconTemplate}
                     <slot></slot>
@@ -11,11 +11,27 @@
                 </div>
                 ${this.footerTemplate}
             </div>
-        `}get searchIconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"magnifying-glass",variant:"standard"})}get removeTemplate(){var t,r,i;return!((r=(t=this.nativeInput)==null?void 0:t.value)!=null&&r.length)||this.loading?e.nothing:this.componentFactory.createIconButton({class:"remove-icon-button","icon-name":"cross",disabled:!!((i=this.nativeInput)!=null&&i.disabled),size:this.size,variant:"naked","@click":this.handleRemove,"data-aria-label":this.dataAriaLabelRemoveButton||"remove button"})}get positionTemplate(){var t;return this.loading||!this.withPositionButton?e.nothing:this.componentFactory.createIconButton({class:"position-icon-button","icon-name":"position",disabled:!!((t=this.nativeInput)!=null&&t.disabled),size:this.size,variant:"naked","@click":this.handleClickPositionButton,"data-aria-label":this.dataAriaLabelPositionButton||"position button"})}get loaderSpinnerTemplate(){return this.componentFactory.createLoaderSpinner({show:this.loading})}get footerTemplate(){var t,r;return!((t=this.helperText)!=null&&t.length)&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number((r=this.nativeInput)==null?void 0:r.maxLength)<0?e.nothing:e.html`
+        `}get searchIconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="magnifying-glass"></ds-icon>`}get removeTemplate(){return!this.nativeInput?.value?.length||this.loading?e.E:o.uiKitHtml`<ds-icon-button
+            class="remove-icon-button"
+            icon-name="cross"
+            ?disabled=${!!this.nativeInput?.disabled}
+            size=${c.o(this.size)}
+            variant="naked"
+            @click=${this.handleRemove}
+            data-aria-label=${this.dataAriaLabelRemoveButton||`remove button`}
+        ></ds-icon-button>`}get positionTemplate(){return this.loading||!this.withPositionButton?e.E:o.uiKitHtml`<ds-icon-button
+            class="position-icon-button"
+            icon-name="position"
+            ?disabled=${!!this.nativeInput?.disabled}
+            size=${c.o(this.size)}
+            variant="naked"
+            @click=${this.handleClickPositionButton}
+            data-aria-label=${this.dataAriaLabelPositionButton||`position button`}
+        ></ds-icon-button>`}get loaderSpinnerTemplate(){return o.uiKitHtml`<ds-loader-spinner ?show=${this.loading}></ds-loader-spinner>`}get footerTemplate(){return!this.helperText?.length&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number(this.nativeInput?.maxLength)<0?e.E:e.x`
             <div class="footer">
                 ${this.helperTextTemplate}
                 ${this.forcedErrorTemplate}
                 ${this.invalidErrorTemplate}
                 ${this.lengthTemplate}
             </div>
-        `}get helperTextTemplate(){var t;return this.forcedError||this.inputStates.invalid&&this.invalidError||!((t=this.helperText)!=null&&t.length)?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`:e.nothing}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){var r,i,n;const t=(i=(r=this.nativeInput)==null?void 0:r.maxLength)==null?void 0:i.toString();return v.validateMaxLength(t)?e.html`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${t}</span>`:e.nothing}};exports.DsSearchInput.styles=[g.commonStyles];o([a.property({type:String})],exports.DsSearchInput.prototype,"size",2);o([a.property({type:String})],exports.DsSearchInput.prototype,"variant",2);o([a.property({type:Boolean,converter:h.booleanConverter})],exports.DsSearchInput.prototype,"loading",2);o([a.property({type:String,attribute:"helper-text"})],exports.DsSearchInput.prototype,"helperText",2);o([a.property({type:String,attribute:"forced-error"})],exports.DsSearchInput.prototype,"forcedError",2);o([a.property({type:String,attribute:"invalid-error"})],exports.DsSearchInput.prototype,"invalidError",2);o([a.property({type:String,attribute:"data-aria-label-remove-button"})],exports.DsSearchInput.prototype,"dataAriaLabelRemoveButton",2);o([a.property({type:String,attribute:"data-aria-label-position-button"})],exports.DsSearchInput.prototype,"dataAriaLabelPositionButton",2);o([a.property({type:Boolean,converter:h.booleanConverter,attribute:"with-position-button"})],exports.DsSearchInput.prototype,"withPositionButton",2);exports.DsSearchInput=o([c.customUiKitElement("ds-search-input")],exports.DsSearchInput);
+        `}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError||!this.helperText?.length?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`:e.E}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){let t=this.nativeInput?.maxLength?.toString();return u.validateMaxLength(t)?e.x`<span class="char-counter">${this.inputStates.currentValue?.length||0}/${t}</span>`:e.E}};n.__decorate([t.n({type:String})],f.prototype,`size`,void 0),n.__decorate([t.n({type:String})],f.prototype,`variant`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),n.__decorate([t.n({type:String,attribute:`forced-error`})],f.prototype,`forcedError`,void 0),n.__decorate([t.n({type:String,attribute:`invalid-error`})],f.prototype,`invalidError`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-remove-button`})],f.prototype,`dataAriaLabelRemoveButton`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-position-button`})],f.prototype,`dataAriaLabelPositionButton`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`with-position-button`})],f.prototype,`withPositionButton`,void 0),f=n.__decorate([i.customUiKitElement(`ds-search-input`)],f);