@dubai-design-system/components-js 4.1.0 → 5.0.0

package/dist/collection/components/dda-radiobutton/dda-radiobutton.js

@@ -12,7 +12,7 @@ export class DdaRadiobutton {
             this.radio_status ? `dda-radio-${this.radio_status}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'c193b89e2e5cb00f3188774803ea26f5c4c5c7c7' }, h("div", { key: '514bbf8ee66c9df52a0ba562e68dd3f417eacc46', class: radiobuttonClass }, h("input", { key: '7110e93cda98a572629d325d0c98c37b2b3c2bbb', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: '7ea360ae040304d45da7c70068961cdae78e8628', htmlFor: this.input_id }, h("span", { key: '66846d5a5c48f530ae31961170d2136d46c8cd78', class: "radio-circle" }), h("p", { key: '0f6e707faa535253d5a77ec0d0100b8da5ca52c4' }, h("span", { key: 'aea132f83275f001570a959111c47babd035ffa1', class: "radio-title" }, this.title_text), this.supporting && h("span", { key: 'e8d017010bb0b6263bde258f76457619c54d9303', class: "radio-supporting" }, this.supporting))))));
+        return (h(Host, { key: 'a8c20b31595f50e03be9c176ada7abe31072a92e' }, h("div", { key: '8fa4b0fc9b43d3c3e7856b48a6d48a5a27ee3d08', class: radiobuttonClass }, h("input", { key: 'c82a834dfdfce765ca8f0bc79965b33c8609cf59', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: 'dcdda4589a603a09992e1b43cfc1c2c33b3a9f31', htmlFor: this.input_id }, h("span", { key: 'f954a5e51ee26ae675d7c10af9b7a8c137f0ea76', class: "radio-circle" }), h("p", { key: 'af562e56bbc53e7e92358afef1c0fb42be24c717' }, h("span", { key: 'c66e2473d0b3a38b460bfc6d84a8d3cecda2c756', class: "radio-title" }, this.title_text), this.supporting && h("span", { key: '9b75dd46d93f4e17ce114200851b8bc019e7b27c', class: "radio-supporting" }, this.supporting))))));
     }
     static get is() { return "dda-radiobutton"; }
     static get originalStyleUrls() {
@@ -43,8 +43,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "title_text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "title_text"
             },
             "supporting": {
                 "type": "string",
@@ -62,8 +62,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "supporting",
-                "reflect": false
+                "reflect": false,
+                "attribute": "supporting"
             },
             "group_name": {
                 "type": "string",
@@ -81,8 +81,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "group_name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "group_name"
             },
             "input_id": {
                 "type": "string",
@@ -100,8 +100,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "input_id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "input_id"
             },
             "checked": {
                 "type": "boolean",
@@ -119,8 +119,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "checked",
-                "reflect": false
+                "reflect": false,
+                "attribute": "checked"
             },
             "radio_status": {
                 "type": "string",
@@ -138,8 +138,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "radio_status",
-                "reflect": false
+                "reflect": false,
+                "attribute": "radio_status"
             },
             "size": {
                 "type": "string",
@@ -157,8 +157,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
-                "reflect": false
+                "reflect": false,
+                "attribute": "size"
             },
             "variants": {
                 "type": "string",
@@ -176,8 +176,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variants",
-                "reflect": false
+                "reflect": false,
+                "attribute": "variants"
             },
             "custom_class": {
                 "type": "string",
@@ -195,8 +195,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "custom_class",
                 "reflect": false,
+                "attribute": "custom_class",
                 "defaultValue": "''"
             },
             "component_mode": {
@@ -215,8 +215,8 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component_mode",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component_mode"
             },
             "aria_label": {
                 "type": "string",
@@ -234,10 +234,9 @@ export class DdaRadiobutton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "aria_label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "aria_label"
             }
         };
     }
 }
-//# sourceMappingURL=dda-radiobutton.js.map

package/dist/collection/components/dda-radiobutton/dda-radiobutton.stories.js

@@ -4,24 +4,24 @@ export default {
     parameters: {
         docs: {
             description: {
-                component: `
-To use the \`dda-radiobutton\` component, pass the following props:
-
-\`\`\`html
-<dda-radiobutton
-    title_text="Radio Button Title"
-    checked="false"
-    size="md"
-    variants="normal"
-    supporting="Supporting Text"
-    group_name="radiogroup"
-    input_id="testId"
-    custom_class=""
-    component_mode=""
-    aria_label="radio-button"
-    onclick="console.log('clicked')"
-></dda-radiobutton>
-  \`\`\`
+                component: `
+To use the \`dda-radiobutton\` component, pass the following props:
+
+\`\`\`html
+<dda-radiobutton
+    title_text="Radio Button Title"
+    checked="false"
+    size="md"
+    variants="normal"
+    supporting="Supporting Text"
+    group_name="radiogroup"
+    input_id="testId"
+    custom_class=""
+    component_mode=""
+    aria_label="radio-button"
+    onclick="console.log('clicked')"
+></dda-radiobutton>
+  \`\`\`
 `,
             },
         },
@@ -116,4 +116,3 @@ CheckedRadio.args = {
     aria_label: 'radio-button',
     onclick: '',
 };
-//# sourceMappingURL=dda-radiobutton.stories.js.map

package/dist/collection/components/dda-range-slider/dda-range-slider.css

@@ -1,137 +1,153 @@
-.dda-range-slider-container {
-  width: 100%;
-  margin: 20px 0;
-  position: relative;
-}
-
-.dda-range-slider {
-  position: relative;
-  width: 100%;
-  height: 6px;
-  background: var(--dda-neutral-variant-92);
-  border-radius: 5px;
-}
-
-.dda-range-slider-input {
-  position: absolute;
-  width: 100%;
-  height: 6px;
-  background: transparent;
-  -webkit-appearance: none;
-  appearance: none;
-  pointer-events: none;
-  border: 0;
-  margin: 0;
-  padding: 0;
-}
-
-.dda-range-slider-input::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 22px;
-  height: 22px;
-  border-radius: 50%;
-  background: var(--dda-neutral-100);
-  border: solid 2px var(--dda-neutral-90);
-  cursor: pointer;
-  pointer-events: all;
-}
-
-.dda-range-slider-input::-moz-range-thumb {
-  width: 20px;
-  height: 20px;
-  border: 0;
-  border-radius: 50%;
-  background: var(--dda-color-primary-40);
-  cursor: pointer;
-  pointer-events: all;
-  -moz-transition: all 0.15s ease-in-out;
-  transition: all 0.15s ease-in-out;
-}
-
-.dda-range-slider-track {
-  position: absolute;
-  height: 100%;
-  background: var(--dda-color-primary-40);
-  border-radius: 5px;
-}
-
-.light-mode .dda-range-slider-track{
-  background: var(--dda-primary-40);
-}
-
-.dda-range-slider-track span {
-  background: var(--dda-neutral-100);
-  width: 55px;
-  height: 35px;
-  font-size: 16px;
-  color: var(--dda-on-surface-variant-30);
-  font-weight: var(--dda-fw-500);
-  text-align: center;
-  position: absolute;
-  top: 13px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.light-mode .dda-range-slider-track span{
-  color: var(--dda-neutral-variant-30);
-}
-
-.dda-tooltip-top .dda-range-slider-track span{
-  top: auto;
-  bottom: 24px;
-}
-.dda-tooltip-bottom .dda-range-slider-track span{
-  top: 24px;
-}
-.dda-range-slider-track .min-label {
-  left: -17px;
-}
-
-.dda-range-slider-track .max-label {
-  right: -33px;
-}
-
-.dda-tooltip-top .dda-range-slider-track span,
-.dda-tooltip-bottom .dda-range-slider-track span{
-  border: solid 1px var(--dda-neutral-90);
-  border-radius: 4px;
-  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
-  -moz-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
-}
-.dda-tooltip-top .dda-range-slider-track span::before, 
-.dda-tooltip-top .dda-range-slider-track span::after,
-.dda-tooltip-bottom .dda-range-slider-track span::before, 
-.dda-tooltip-bottom .dda-range-slider-track span::after {
-  content: "";
-  position: absolute;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  left: 50%;
-  margin-inline-start: -10px;
-}
-.dda-tooltip-top .dda-range-slider-track span::before {
-  top: 100%;
-  border-top: 8px solid var(--dda-neutral-90);
-  margin-top: 0px;
-}
-.dda-tooltip-top .dda-range-slider-track span::after {
-  top: 100%;
-  border-top: 8px solid var(--dda-neutral-100);
-  margin-top: -2px;
-  z-index: 1;
-}
-.dda-tooltip-bottom .dda-range-slider-track span::before {
-  bottom: 100%;
-  border-bottom: 8px solid var(--dda-neutral-90);
-  margin-bottom: 0px;
-}
-.dda-tooltip-bottom .dda-range-slider-track span::after {
-  bottom: 100%;
-  border-bottom: 8px solid var(--dda-neutral-100);
-  margin-bottom: -2px;
-  z-index: 1;
+.dda-range-slider-container {
+  width: 100%;
+  margin: 20px 0;
+  position: relative;
+}
+
+.dda-range-slider {
+  position: relative;
+  width: 100%;
+  height: 6px;
+  background: var(--dda-neutral-variant-92);
+  border-radius: 5px;
+}
+
+/*
+ * F-022 (WCAG 2.5.8 target size, minimum): the sweep's checker measures
+ * the <input>'s own box (its INTERACTIVE selector matches `input`
+ * generically, not the UA-styled ::-webkit-slider-thumb/::-moz-range-thumb
+ * pseudo-elements it can't select) - previously 100% wide but only 6px
+ * tall, the same height as the visible track. Growing the input's own
+ * height to 24px and re-centring it over the track fixes what the checker
+ * (and any pointer/touch user, since pointer-events below still route
+ * clicks to the thumb) actually measures, without changing the visible
+ * 6px track or the track fill drawn by .dda-range-slider/.dda-range-slider-track.
+ */
+.dda-range-slider-input {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100%;
+  height: 24px;
+  background: transparent;
+  -webkit-appearance: none;
+  appearance: none;
+  pointer-events: none;
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
+.dda-range-slider-input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: var(--dda-neutral-100);
+  border: solid 2px var(--dda-neutral-90);
+  cursor: pointer;
+  pointer-events: all;
+}
+
+.dda-range-slider-input::-moz-range-thumb {
+  width: 20px;
+  height: 20px;
+  border: 0;
+  border-radius: 50%;
+  background: var(--dda-color-primary-40);
+  cursor: pointer;
+  pointer-events: all;
+  -moz-transition: all 0.15s ease-in-out;
+  transition: all 0.15s ease-in-out;
+}
+
+.dda-range-slider-track {
+  position: absolute;
+  height: 100%;
+  background: var(--dda-color-primary-40);
+  border-radius: 5px;
+}
+
+.light-mode .dda-range-slider-track{
+  background: var(--dda-primary-40);
+}
+
+.dda-range-slider-track span {
+  /* F-023 B3: was raw, theme-invariant --dda-neutral-100, paired with the
+     theme-flipping text alias --dda-on-surface-variant-30. Swap to the
+     theme-aware surface alias so the background flips with the text. */
+  background: var(--dda-surface-100);
+  width: 55px;
+  height: 35px;
+  font-size: 16px;
+  color: var(--dda-on-surface-variant-30);
+  font-weight: var(--dda-fw-500);
+  text-align: center;
+  position: absolute;
+  top: 13px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.light-mode .dda-range-slider-track span{
+  color: var(--dda-neutral-variant-30);
+}
+
+.dda-tooltip-top .dda-range-slider-track span{
+  top: auto;
+  bottom: 24px;
+}
+.dda-tooltip-bottom .dda-range-slider-track span{
+  top: 24px;
+}
+.dda-range-slider-track .min-label {
+  left: -17px;
+}
+
+.dda-range-slider-track .max-label {
+  right: -33px;
+}
+
+.dda-tooltip-top .dda-range-slider-track span,
+.dda-tooltip-bottom .dda-range-slider-track span{
+  border: solid 1px var(--dda-neutral-90);
+  border-radius: 4px;
+  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
+  -moz-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
+}
+.dda-tooltip-top .dda-range-slider-track span::before, 
+.dda-tooltip-top .dda-range-slider-track span::after,
+.dda-tooltip-bottom .dda-range-slider-track span::before, 
+.dda-tooltip-bottom .dda-range-slider-track span::after {
+  content: "";
+  position: absolute;
+  border-left: 10px solid transparent;
+  border-right: 10px solid transparent;
+  left: 50%;
+  margin-inline-start: -10px;
+}
+.dda-tooltip-top .dda-range-slider-track span::before {
+  top: 100%;
+  border-top: 8px solid var(--dda-neutral-90);
+  margin-top: 0px;
+}
+.dda-tooltip-top .dda-range-slider-track span::after {
+  top: 100%;
+  border-top: 8px solid var(--dda-neutral-100);
+  margin-top: -2px;
+  z-index: 1;
+}
+.dda-tooltip-bottom .dda-range-slider-track span::before {
+  bottom: 100%;
+  border-bottom: 8px solid var(--dda-neutral-90);
+  margin-bottom: 0px;
+}
+.dda-tooltip-bottom .dda-range-slider-track span::after {
+  bottom: 100%;
+  border-bottom: 8px solid var(--dda-neutral-100);
+  margin-bottom: -2px;
+  z-index: 1;
 }

package/dist/collection/components/dda-range-slider/dda-range-slider.js

@@ -28,10 +28,10 @@ export class DdaRangeSlider {
         return ((value - this.min) / (this.max - this.min)) * 100;
     }
     render() {
-        return (h(Host, { key: '516374141c8f1c1844a8180196385804804cfdaa' }, h("div", { key: '95544e6ab9cdc350995e0304538680b57016d671', class: `dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}` }, h("div", { key: '61246716bdf9556db90e07680bc1a289f9658d5c', class: "dda-range-slider" }, h("div", { key: '3e9a130adcf2f47ecd9d3c09ea029a969669266d', class: "dda-range-slider-track", style: {
+        return (h(Host, { key: '80a768ff1c3149aa7e863bbe8fe4936f6c39ff43' }, h("div", { key: 'ec21fa68c81ef52b6d41a2dd73232f2da367b59a', class: `dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}` }, h("div", { key: '01837c6961c25dae8dd22722ccffb88dc6740c48', class: "dda-range-slider" }, h("div", { key: '21e0c50619dff33b4552a1b2cfaacd6d5ee4259a', class: "dda-range-slider-track", style: {
                 left: `${this.getPercentage(this.min_value)}%`,
                 right: `${100 - this.getPercentage(this.max_value)}%`,
-            } }, h("span", { key: '6c2804695ae86d12af5a529d6b51a715f0314908', class: "min-label" }, this.min_value, "%"), h("span", { key: '3f8f420bdb43cc0b85791f64bb7d607ec3a452c1', class: "max-label" }, this.max_value, "%")), h("label", { key: 'b83b89d8e236fbfb08212628b9e61acf76cd9cfe', htmlFor: this.left_input_id }, h("input", { key: '9df95cb1ad4ff1143c962e2e3ee14bc99d78cbe3', id: this.left_input_id, "aria-label": this.left_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.min_value, onInput: (event) => this.handleMinChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` } })), h("label", { key: 'a6b33e656e2a0cbf3275ff09621936cf3e16c7d6', htmlFor: this.right_input_id }, h("input", { key: 'b42d0a5941feb48606f66afab3b8d2192098a96f', id: this.right_input_id, "aria-label": this.right_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.max_value, onInput: (event) => this.handleMaxChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` } }))))));
+            } }, h("span", { key: '697d15494be5b1b2223c6994f5757449b8137d0a', class: "min-label" }, this.min_value, "%"), h("span", { key: 'cf9fb2c9a32acadf8aa39ba3bfe81eb669c3d5b6', class: "max-label" }, this.max_value, "%")), h("label", { key: '11d8300e01852e9ea304489a60611ad311318a8a', htmlFor: this.left_input_id }, h("input", { key: '11d5bf0e71ad6c1e6486baf367cc77b82b487a15', id: this.left_input_id, name: this.left_input_name, "aria-label": this.left_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.min_value, onInput: (event) => this.handleMinChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` } })), h("label", { key: 'c0985baf70eba826197503254da107693d7a21bc', htmlFor: this.right_input_id }, h("input", { key: '2b3c8aed413ef9615dca183c089c4840fdf83ab6', id: this.right_input_id, name: this.right_input_name, "aria-label": this.right_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.max_value, onInput: (event) => this.handleMaxChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` } }))))));
     }
     static get is() { return "dda-range-slider"; }
     static get originalStyleUrls() {
@@ -62,8 +62,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
                 "reflect": false,
+                "attribute": "min",
                 "defaultValue": "0"
             },
             "max": {
@@ -82,8 +82,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
                 "reflect": false,
+                "attribute": "max",
                 "defaultValue": "100"
             },
             "step": {
@@ -102,8 +102,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "step",
                 "reflect": false,
+                "attribute": "step",
                 "defaultValue": "1"
             },
             "initial_min": {
@@ -122,8 +122,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "initial_min",
                 "reflect": false,
+                "attribute": "initial_min",
                 "defaultValue": "0"
             },
             "initial_max": {
@@ -142,8 +142,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "initial_max",
                 "reflect": false,
+                "attribute": "initial_max",
                 "defaultValue": "100"
             },
             "size": {
@@ -162,8 +162,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
-                "reflect": false
+                "reflect": false,
+                "attribute": "size"
             },
             "tooltip_position": {
                 "type": "string",
@@ -181,8 +181,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip_position",
-                "reflect": false
+                "reflect": false,
+                "attribute": "tooltip_position"
             },
             "custom_class": {
                 "type": "string",
@@ -200,8 +200,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "custom_class",
                 "reflect": false,
+                "attribute": "custom_class",
                 "defaultValue": "''"
             },
             "component_mode": {
@@ -220,8 +220,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component_mode",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component_mode"
             },
             "left_input_id": {
                 "type": "string",
@@ -239,8 +239,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "left_input_id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "left_input_id"
             },
             "right_input_id": {
                 "type": "string",
@@ -258,8 +258,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "right_input_id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "right_input_id"
             },
             "left_aria_label": {
                 "type": "string",
@@ -277,8 +277,8 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "left_aria_label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "left_aria_label"
             },
             "right_aria_label": {
                 "type": "string",
@@ -296,8 +296,46 @@ export class DdaRangeSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "right_aria_label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "right_aria_label"
+            },
+            "left_input_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "left_input_name"
+            },
+            "right_input_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "right_input_name"
             }
         };
     }
@@ -308,4 +346,3 @@ export class DdaRangeSlider {
         };
     }
 }
-//# sourceMappingURL=dda-range-slider.js.map