@cargosense/cargo-design-system 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2148,10 +2148,12 @@ class XA extends w {
2148
2148
  `;
2149
2149
  static properties = {
2150
2150
  name: {
2151
- type: String
2151
+ type: String,
2152
+ reflect: !0
2152
2153
  },
2153
2154
  value: {
2154
- type: String
2155
+ type: String,
2156
+ reflect: !0
2155
2157
  },
2156
2158
  disabled: {
2157
2159
  type: Boolean,
@@ -2170,6 +2172,11 @@ class XA extends w {
2170
2172
  reflect: !0,
2171
2173
  attribute: "selected-item"
2172
2174
  },
2175
+ blank: {
2176
+ type: Boolean,
2177
+ reflect: !0,
2178
+ attribute: "blank"
2179
+ },
2173
2180
  error: {
2174
2181
  type: Boolean,
2175
2182
  reflect: !0
@@ -2194,7 +2201,7 @@ class XA extends w {
2194
2201
  }
2195
2202
  };
2196
2203
  constructor() {
2197
- super(), this.name = void 0, this.value = void 0, this.disabled = !1, this.required = !1, this.error = !1, this.placeholder = void 0, this.fullWidth = !1, this.items = [], this.selectedItem = void 0, this._internals = this.attachInternals();
2204
+ super(), this.name = void 0, this.value = void 0, this.disabled = !1, this.required = !1, this.error = !1, this.placeholder = void 0, this.fullWidth = !1, this.items = [], this.selectedItem = void 0, this.blank = void 0, this._internals = this.attachInternals();
2198
2205
  }
2199
2206
  render() {
2200
2207
  return t`
@@ -2208,8 +2215,9 @@ class XA extends w {
2208
2215
  class="${this.error ? "input-error" : ""} ${this.size} ${this.fullWidth ? "full-width" : ""}"
2209
2216
  @change="${this.handleChange}"
2210
2217
  >
2211
- ${this.placeholder ? t`<option value="" disabled selected>${this.placeholder}</option>` : ""}
2212
- ${this.items ? this.items.map((A) => t`<option .value=${A} ?selected=${this.selectedItem == A}>${A}</option>`) : t`<slot></slot>`}
2218
+ ${this.placeholder ? t`<option value="" disabled selected>${this.placeholder}</option>` : ""}
2219
+ ${this.blank === !0 && n(this.blanK) ? t`<option value="'false'" selected></option>` : ""}
2220
+ ${this.items ? this.items.map((A) => t`<option .value=${A} ?selected=${this.selectedItem == A}>${A}</option>`) : t`<slot></slot>`}
2213
2221
  </select>
2214
2222
  <cd-icon name="caret-down" class="select-icon" size='xxs'></cd-icon>
2215
2223
  </div>