@duetds/components/lib/duet/p-61vigah2.entry.js

This package includes Duet Components and related tools.

import{r as e,h as t,g as s}from"./p-e7cbb506.js";import{c as a}from"./p-ea56b96b.js";import{c as i}from"./p-ec399bf6.js";class l{constructor(t){e(this,t),this.theme="",this.expand=!1,this.disabled=!1,this.autofocus=!1,this.required=!1,this.label="label",this.labelHidden=!1,this.spellCheck=!1}componentWillLoad(){"default"!==this.theme&&document.documentElement.classList.contains("duet-theme-turva")&&(this.theme="turva")}render(){this.expand&&this.element.classList.add("duet-expand");const e=a("duet-textarea-container",{"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden}),s=a("duet-textarea",{disabled:this.disabled}),l=this.identifier||i("DuetCheckbox");return t("div",{class:e},t("label",{class:"duet-label",htmlFor:l},this.label),t("textarea",{class:s,value:this.value,autofocus:this.autofocus,disabled:this.disabled,"label-hidden":this.labelHidden,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-active-descendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,maxlength:this.maxLength,minlength:this.minLength,placeholder:this.placeholder,spellcheck:this.spellCheck,required:this.required,role:this.role,name:this.name,id:l}),t("span",{class:"duet-textarea-help"},this.helpText))}get element(){return s(this)}static get style(){return":host{background:transparent;margin:0;margin-right:8px;margin-bottom:12px;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;max-width:100%}.duet-label,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:0}.duet-label{background:transparent;margin:0;margin-bottom:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:#fff;color:#00294d;font-weight:600;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;width:100%;cursor:pointer;position:relative;display:block}.duet-theme-turva .duet-label{color:#111;font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.duet-label-hidden .duet-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.duet-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border:2px solid #cfd2d4;border-radius:4px;font-size:1rem;background:#fff;color:#00294d;font-weight:400;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;min-width:13.75rem;min-height:160px;resize:vertical;width:100%;position:relative;display:block}.duet-theme-turva .duet-textarea{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border-color:#d1d1d1;color:#111}.duet-textarea-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;position:relative;width:100%;height:100%}.duet-textarea::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-textarea::-webkit-input-placeholder{color:#d1d1d1}.duet-textarea::-moz-placeholder{color:#cfd2d4;opacity:1!important}.duet-theme-turva .duet-textarea::-moz-placeholder{color:#d1d1d1}.duet-textarea:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-textarea:-ms-input-placeholder{color:#d1d1d1}.duet-textarea.disabled,.duet-textarea[disabled]{cursor:not-allowed!important;border-color:#f5f8fa!important;background:#f5f8fa!important;color:#657787!important}.duet-theme-turva .duet-textarea.disabled,.duet-theme-turva .duet-textarea[disabled]{border-color:#f9f9f9!important;background:#f9f9f9!important;color:#757575!important}.duet-textarea:hover{border-color:#657787}.duet-theme-turva .duet-textarea:hover{border-color:#757575}.duet-textarea:focus{border-color:#0077b3;outline:0}.duet-theme-turva .duet-textarea:focus{border-color:#111}.duet-textarea:not(:placeholder-shown):focus:required:invalid{border-color:#de2362}.duet-theme-turva .duet-textarea:not(:placeholder-shown):focus:required:invalid{border-color:#e02a0d}.duet-textarea:focus:required:valid{border-color:#0077b3}.duet-theme-turva .duet-textarea:focus:required:valid{border-color:#111}"}}export{l as duet_textarea};