dap-design-system/dist/components/form/form-label/form-label.component.js

Official design system for the DÁP (dap.gov.hu)

import { clsx as f } from "../../../node_modules/clsx/dist/clsx.js";
import "../../../node_modules/@lit/reactive-element/reactive-element.js";
import "../../../node_modules/lit-html/lit-html.js";
import "../../../node_modules/lit-element/lit-element.js";
import { property as a } from "../../../node_modules/@lit/reactive-element/decorators/property.js";
import { ifDefined as m } from "../../../node_modules/lit-html/directives/if-defined.js";
import { unsafeStatic as h, html as s } from "../../../node_modules/lit-html/static.js";
import { adoptLightStyles as b } from "../../../internal/adopt-light-styles.js";
import { DdsElement as u } from "../../../internal/dds-hu-element.js";
import { LabelableMixin as c } from "../../../internal/mixin/labelableMixin.js";
import { SizedMixin as $ } from "../../../internal/mixin/sizedMixin.js";
import y from "./_styles/form-label.scss.js";
import { unsafeCSS as g } from "../../../node_modules/@lit/reactive-element/css-tag.js";
var v = Object.defineProperty, l = (o, d, n, _) => {
  for (var e = void 0, r = o.length - 1, p; r >= 0; r--)
    (p = o[r]) && (e = p(d, n, e) || e);
  return e && v(d, n, e), e;
};
const i = class i extends $(
  c(u)
) {
  constructor() {
    super(...arguments), this.renderAs = "label", this.noMargin = !1;
  }
  createRenderRoot() {
    return b(this), this;
  }
  render() {
    return s`
    
    <${h(this.renderAs)}
          part="label-base"
          class=${f("dds-label", `dds-label--${this.effectiveSize}`, {
      "dds-label--disabled": this.disabled,
      "dds-label--required": this.required,
      "dds-label--optional": this.optional,
      "dds-label--subtle": this.subtle,
      "dds-label--no-margin": this.noMargin,
      "dds-label--hidden": this.hideLabel
    })}
          for=${m(this.for)}>
          ${this.label}
          ${this.required ? s`<span
                  part="required"
                  aria-hidden="true"
                  class="dds-label__required-indicator"
                  >${this.requiredLabel}</span
                >` : null}
          ${this.optional ? s`<span
                  part="optional"
                  class=${f("dds-label__optional-indicator", {
      [`dds-label__optional-indicator--${this.effectiveSize}`]: this.effectiveSize
    })}>
                  ${this.optionalLabel}
                </span>` : null}
        </${h(this.renderAs)}>`;
  }
};
i.tagName = "dap-ds-form-label", i.styles = g(y);
let t = i;
l([
  a()
], t.prototype, "for");
l([
  a({ type: String })
], t.prototype, "renderAs");
l([
  a({ type: Boolean })
], t.prototype, "noMargin");
export {
  t as default
};
//# sourceMappingURL=form-label.component.js.map