dap-design-system 0.53.7 → 0.53.9

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.
@@ -4502,13 +4502,12 @@ let Ot = class extends de {
4502
4502
  super.disconnectedCallback(), this.clearLoadingTimeout();
4503
4503
  }
4504
4504
  render() {
4505
- var t, e;
4505
+ var t;
4506
4506
  return b`
4507
4507
  <${ft(this.href ? "a" : "button")}
4508
4508
  part="base"
4509
4509
  .disabled=${this.disabled}
4510
4510
  aria-disabled=${this.disabled}
4511
- aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
4512
4511
  aria-hidden=${f(this.ariaHidden)}
4513
4512
  aria-expanded=${f(this.getAriaExpanded())}
4514
4513
  aria-controls=${f(this.ariaControls)}
@@ -4546,7 +4545,7 @@ let Ot = class extends de {
4546
4545
  <slot></slot>
4547
4546
  </span>`}
4548
4547
  ${this.target === "_blank" ? b`<span class="sr-only">
4549
- ${(e = this.targetBlankText) != null ? e : q("opensInNewTab")}</span
4548
+ ${(t = this.targetBlankText) != null ? t : q("opensInNewTab")}</span
4550
4549
  >` : z}
4551
4550
  </${ft(this.href ? "a" : "button")}>
4552
4551
  `;
@@ -5771,7 +5770,6 @@ let Ht = class extends Ya {
5771
5770
  t.preventDefault(), this.invalid || (this.invalid = !0);
5772
5771
  }
5773
5772
  render() {
5774
- var t;
5775
5773
  return b`
5776
5774
  <div part="base">
5777
5775
  <label
@@ -5805,11 +5803,10 @@ let Ht = class extends Ya {
5805
5803
  .checked=${this.checked}
5806
5804
  .disabled=${this.disabled}
5807
5805
  .required=${this.required}
5808
- aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
5809
5806
  aria-labelledby=${f(
5810
5807
  !this.ariaLabel && this.label ? this.labelId : void 0
5811
5808
  )}
5812
- aria-describedby=${f(this.getAriaDescribedBy())}
5809
+ aria-describedby=${this.ariaLabel ? "" : f(this.getAriaDescribedBy())}
5813
5810
  aria-checked=${this.getAriaChecked()}
5814
5811
  .aria-invalid=${this.invalid ? "true" : null}
5815
5812
  @invalid=${this.handleInvalid}
@@ -5856,6 +5853,7 @@ let Ht = class extends Ya {
5856
5853
  .size=${this.size}
5857
5854
  .required=${this.required}
5858
5855
  .optional=${this.optional}
5856
+ aria-hidden=${this.ariaLabel ? "true" : "false"}
5859
5857
  .optionalLabel=${this.optionalLabel}
5860
5858
  .disabled=${this.disabled || this.readonly}
5861
5859
  .readonly=${this.readonly}
@@ -5868,6 +5866,7 @@ let Ht = class extends Ya {
5868
5866
  class="description"
5869
5867
  variant="description"
5870
5868
  part="description"
5869
+ aria-hidden=${this.ariaLabel ? "true" : "false"}
5871
5870
  size=${f(this.size)}
5872
5871
  id=${this.descriptionId}>
5873
5872
  ${this.description}
@@ -17178,7 +17177,6 @@ let jt = class extends Ya {
17178
17177
  }
17179
17178
  }
17180
17179
  render() {
17181
- var t;
17182
17180
  return b`
17183
17181
  <div part="base">
17184
17182
  <label
@@ -17213,11 +17211,10 @@ let jt = class extends Ya {
17213
17211
  .required=${this.required}
17214
17212
  ?readonly=${this.readonly}
17215
17213
  tabindex=${this.checked || this.focusable ? "0" : "-1"}
17216
- aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
17217
17214
  aria-labelledby=${f(
17218
17215
  !this.ariaLabel && this.label ? this.labelId : void 0
17219
17216
  )}
17220
- aria-describedby=${f(this.getAriaDescribedBy())}
17217
+ aria-describedby=${this.ariaLabel ? "" : f(this.getAriaDescribedBy())}
17221
17218
  aria-checked=${this.checked ? "true" : "false"}
17222
17219
  .aria-invalid=${this.invalid ? "true" : null}
17223
17220
  @invalid=${this.handleInvalid}
@@ -17265,9 +17262,10 @@ let jt = class extends Ya {
17265
17262
  .required=${this.required}
17266
17263
  .optional=${this.optional}
17267
17264
  .optionalLabel=${this.optionalLabel}
17265
+ aria-hidden=${this.ariaLabel ? "true" : "false"}
17268
17266
  .disabled=${this.disabled || this.readonly}
17269
17267
  .readonly=${this.readonly}
17270
- label=${f(this.label)}
17268
+ label=${this.ariaLabel ? "" : f(this.label)}
17271
17269
  subtle
17272
17270
  renderAs="span">
17273
17271
  </dap-ds-form-label>`}
@@ -17276,9 +17274,10 @@ let jt = class extends Ya {
17276
17274
  class="description"
17277
17275
  variant="description"
17278
17276
  part="description"
17277
+ aria-hidden=${this.ariaLabel ? "true" : "false"}
17279
17278
  size=${f(this.size)}
17280
17279
  id=${this.descriptionId}>
17281
- ${this.description}
17280
+ ${this.ariaLabel ? "" : this.description}
17282
17281
  </dap-ds-typography>
17283
17282
  `}
17284
17283
  </div>
@@ -19026,7 +19025,6 @@ let ge = class extends Ya {
19026
19025
  this.readonly || t.code !== "Space" && t.code === "Enter" && (t.preventDefault(), this.handleClick());
19027
19026
  }
19028
19027
  render() {
19029
- var t;
19030
19028
  return b`
19031
19029
  <div part="base">
19032
19030
  <label
@@ -19056,11 +19054,10 @@ let ge = class extends Ya {
19056
19054
  .required=${this.required}
19057
19055
  .disabled=${this.disabled}
19058
19056
  .readonly=${this.readonly}
19059
- aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
19060
19057
  aria-labelledby=${f(
19061
19058
  !this.ariaLabel && this.label ? this.labelId : void 0
19062
19059
  )}
19063
- aria-describedby=${f(this.getAriaDescribedBy())}
19060
+ aria-describedby=${this.ariaLabel ? "" : f(this.getAriaDescribedBy())}
19064
19061
  aria-checked=${this.checked ? "true" : "false"}
19065
19062
  .aria-invalid=${this.invalid ? "true" : null}
19066
19063
  @invalid=${this.handleInvalid}
@@ -19119,10 +19116,11 @@ let ge = class extends Ya {
19119
19116
  .required=${this.required}
19120
19117
  .optional=${this.optional}
19121
19118
  .optionalLabel=${this.optionalLabel}
19119
+ aria-hidden=${this.ariaLabel ? "true" : "false"}
19122
19120
  subtle
19123
19121
  .disabled=${this.disabled || this.readonly}
19124
19122
  .readonly=${this.readonly}
19125
- label=${f(this.label)}
19123
+ label=${this.ariaLabel ? "" : f(this.label)}
19126
19124
  renderAs="span">
19127
19125
  </dap-ds-form-label>`}
19128
19126
  ${this.description && b`
@@ -19130,9 +19128,10 @@ let ge = class extends Ya {
19130
19128
  part="description"
19131
19129
  class="description"
19132
19130
  variant="description"
19131
+ aria-hidden=${this.ariaLabel ? "true" : "false"}
19133
19132
  size=${f(this.size)}
19134
19133
  id=${this.descriptionId}>
19135
- ${this.description}
19134
+ ${this.ariaLabel ? "" : this.description}
19136
19135
  </dap-ds-typography>
19137
19136
  `}
19138
19137
  </div>
@@ -21078,7 +21077,7 @@ export {
21078
21077
  Er as Y,
21079
21078
  te as Z,
21080
21079
  Bt as _,
21081
- Nt as a,
21080
+ Ir as a,
21082
21081
  zt as a0,
21083
21082
  Oo as a1,
21084
21083
  Oa as a2,
@@ -21097,10 +21096,10 @@ export {
21097
21096
  wo as aF,
21098
21097
  oo as aG,
21099
21098
  Gi as aH,
21100
- xi as aa,
21101
- Ei as ab,
21102
- rr as ac,
21103
- ti as ad,
21099
+ ti as aa,
21100
+ xi as ab,
21101
+ Ei as ac,
21102
+ rr as ad,
21104
21103
  Mi as ae,
21105
21104
  je as af,
21106
21105
  De as ag,
@@ -21123,25 +21122,25 @@ export {
21123
21122
  Le as ax,
21124
21123
  Ao as ay,
21125
21124
  ei as az,
21126
- Ji as b,
21125
+ Nt as b,
21127
21126
  Te as c,
21128
- Ve as d,
21129
- Ir as e,
21130
- js as f,
21131
- hi as g,
21127
+ js as d,
21128
+ Ji as e,
21129
+ hi as f,
21130
+ Ve as g,
21132
21131
  Xe as h,
21133
21132
  Ot as i,
21134
21133
  Ut as j,
21135
21134
  Et as k,
21136
- Jt as l,
21137
- za as m,
21138
- _o as n,
21139
- Ii as o,
21140
- ko as p,
21141
- Or as q,
21142
- be as r,
21143
- Ht as s,
21144
- ke as t,
21135
+ Ht as l,
21136
+ ke as m,
21137
+ Jt as n,
21138
+ za as o,
21139
+ _o as p,
21140
+ Ii as q,
21141
+ ko as r,
21142
+ Or as s,
21143
+ be as t,
21145
21144
  Oi as u,
21146
21145
  $e as v,
21147
21146
  Ws as w,
@@ -21149,4 +21148,4 @@ export {
21149
21148
  Xt as y,
21150
21149
  vi as z
21151
21150
  };
21152
- //# sourceMappingURL=components-SiYY2QW1.js.map
21151
+ //# sourceMappingURL=components-1lFfd8lB.js.map