"use strict";(self.webpackChunkdotcms_ui=self.webpackChunkdotcms_ui||[]).push([[9191],{39191:(d,t,l)=>{l.r(t),l.d(t,{dot_label:()=>s});var e=l(55956),o=l(26184);const s=class{constructor(a){(0,e.r)(this,a),this.name="",this.label="",this.required=!1}render(){return(0,e.h)("label",{class:"dot-label",id:(0,o.m)(this.name)},this.label&&(0,e.h)("span",{class:"dot-label__text"},this.label,this.required?(0,e.h)("span",{class:"dot-label__required-mark"},"*"):null),(0,e.h)("slot",null))}};s.style=".dot-field__error-message,.dot-field__hint{display:block;font-size:0.75rem;line-height:1rem;margin-top:0.25rem;position:absolute;transition:opacity 200ms ease}.dot-field__error-message{color:red;opacity:0}.dot-invalid.dot-dirty>.dot-field__hint{opacity:0}.dot-invalid.dot-dirty>.dot-field__error-message{color:red;opacity:1}dot-label>label{display:flex;flex-direction:column}dot-label>label .dot-label__text{line-height:1.25rem;margin-bottom:0.25rem}"}}]);