2 lines
30 KiB
JavaScript
2 lines
30 KiB
JavaScript
"use strict";(self.webpackChunkf7cloud_mail=self.webpackChunkf7cloud_mail||[]).push([[1286],{15441:(n,t,e)=>{e.d(t,{N:()=>D});var i=e(85072),a=e.n(i),r=e(97825),o=e.n(r),d=e(77659),l=e.n(d),u=e(55056),p=e.n(u),s=e(10540),c=e.n(s),A=e(41113),b=e.n(A),v=e(72586),f={};f.styleTagTransform=b(),f.setAttributes=p(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=c(),a()(v.A,f),v.A&&v.A.locals&&v.A.locals;var C=e(39911),_=e(25763),x=e(94294),h=e(39841),g=e(88751),m=e(70415),E=e(3168),k=e(51431);const w={name:"NcInputField",components:{NcButton:x.N,AlertCircle:C.A,Check:_.C},inheritAttrs:!1,model:{prop:"modelValue",event:"update:modelValue"},props:{value:{type:[String,Number],default:void 0},modelValue:{type:[String,Number],default:void 0},type:{type:String,default:"text",validator:n=>["text","password","email","tel","url","search","number"].includes(n)},label:{type:String,default:void 0},labelOutside:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},showTrailingButton:{type:Boolean,default:!1},trailingButtonLabel:{type:String,default:""},success:{type:Boolean,default:!1},error:{type:Boolean,default:!1},helperText:{type:String,default:""},disabled:{type:Boolean,default:!1},pill:{type:Boolean,default:!1},inputClass:{type:[Object,String],default:""}},emits:["update:value","update:modelValue","update:model-value","trailing-button-click"],setup(){const n=(0,h.u)("value","update:value",!0);return{isLegacy32:m.i,model:n}},computed:{computedId(){return this.$attrs.id&&""!==this.$attrs.id?this.$attrs.id:this.inputName},inputName:()=>"input"+(0,g.G)(),hasTrailingIcon(){return this.success},computedPlaceholder(){return this.placeholder?this.placeholder:this.label?m.i?this.label:"":void 0},isValidLabel(){const n=this.label||this.labelOutside;return n||E.l.warn("You need to add a label to the NcInputField component. Either use the prop label or use an external one, as per the example in the documentation."),n},ariaDescribedby(){const n=[];return this.helperText.length>0&&n.push(`${this.inputName}-helper-text`),this.$attrs["aria-describedby"]&&n.push(this.$attrs["aria-describedby"]),n.join(" ")||null}},methods:{focus(){this.$refs.input.focus()},select(){this.$refs.input.select()},handleInput(n){const t="number"===this.type&&"number"==typeof this.model?parseFloat(n.target.value,10):n.target.value;this.model=t},handleTrailingButtonClick(n){this.$emit("trailing-button-click",n)}}};var B=function(){var n=this,t=n._self._c;return t("div",{staticClass:"input-field",class:{"input-field--disabled":n.disabled,"input-field--error":n.error,"input-field--label-outside":n.labelOutside||!n.isValidLabel,"input-field--leading-icon":!!n.$scopedSlots.icon||!!n.$scopedSlots.default||!!n.$slots.default,"input-field--success":n.success,"input-field--trailing-icon":n.showTrailingButton||n.hasTrailingIcon,"input-field--pill":n.pill,"input-field--legacy":n.isLegacy32}},[t("div",{staticClass:"input-field__main-wrapper"},[t("input",n._g(n._b({ref:"input",staticClass:"input-field__input",class:[n.inputClass,{"input-field__input--success":n.success,"input-field__input--error":n.error}],attrs:{id:n.computedId,type:n.type,disabled:n.disabled,placeholder:n.computedPlaceholder,"aria-describedby":n.ariaDescribedby,"aria-live":"polite"},domProps:{value:n.model?.toString()},on:{input:n.handleInput}},"input",n.$attrs,!1),n.$listeners)),!n.labelOutside&&n.isValidLabel?t("label",{staticClass:"input-field__label",attrs:{for:n.computedId}},[n._v(" "+n._s(n.label)+" ")]):n._e(),t("div",{directives:[{name:"show",rawName:"v-show",value:!!n.$scopedSlots.icon||!!n.$scopedSlots.default||!!n.$slots.default,expression:"!!$scopedSlots.icon || !!$scopedSlots.default || !!$slots.default"}],staticClass:"input-field__icon input-field__icon--leading"},[n._t("icon",(function(){return[n._t("default")]}))],2),n.showTrailingButton?t("NcButton",{staticClass:"input-field__trailing-button",attrs:{"aria-label":n.trailingButtonLabel,disabled:n.disabled,variant:"tertiary-no-background"},on:{click:n.handleTrailingButtonClick},scopedSlots:n._u([{key:"icon",fn:function(){return[n._t("trailing-button-icon")]},proxy:!0}],null,!0)}):n.success||n.error?t("div",{staticClass:"input-field__icon input-field__icon--trailing"},[n.success?t("Check",{staticStyle:{color:"var(--color-success-text)"},attrs:{size:20}}):n.error?t("AlertCircle",{staticStyle:{color:"var(--color-error-text)"},attrs:{size:20}}):n._e()],1):n._e()],1),n.helperText.length>0?t("p",{staticClass:"input-field__helper-text-message",class:{"input-field__helper-text-message--error":n.error,"input-field__helper-text-message--success":n.success},attrs:{id:`${n.inputName}-helper-text`}},[n.success?t("Check",{staticClass:"input-field__helper-text-message__icon",attrs:{size:18}}):n.error?t("AlertCircle",{staticClass:"input-field__helper-text-message__icon",attrs:{size:18}}):n._e(),n._v(" "+n._s(n.helperText)+" ")],1):n._e()])},y=[];const D=(0,k.n)(w,B,y,!1,null,"ab8d7671").exports},21286:(n,t,e)=>{e.d(t,{N:()=>A});var i=e(94238),a=e(15441),r=e(39841),o=e(6202),d=e(48191),l=e(51431);(0,o.r)(o.c,o.b);const u=new Set(Object.keys(a.N.props)),p={name:"NcTextField",components:{NcIconSvgWrapper:d.N,NcInputField:a.N},inheritAttrs:!1,model:{prop:"modelValue",event:"update:modelValue"},props:{" ":{},...a.N.props,trailingButtonLabel:{type:String,default:""},trailingButtonIcon:{type:String,default:"close",validator:n=>["close","arrowEnd","arrowRight","undo"].includes(n)}},emits:["update:value","update:modelValue","update:model-value"],setup:()=>({model:(0,r.u)("value","update:value"),mdiArrowRight:i.d,mdiClose:i.c,mdiUndo:i.b}),computed:{isArrow(){return"arrowEnd"===this.trailingButtonIcon||"arrowRight"===this.trailingButtonIcon},propsAndAttrsToForward(){const n={arrowEnd:(0,o.a)("Save changes"),arrowRight:(0,o.a)("Save changes"),close:(0,o.a)("Clear text"),undo:(0,o.a)("Undo changes")};return{...this.$attrs,...Object.fromEntries(Object.entries(this.$props).filter((([n])=>u.has(n)))),trailingButtonLabel:this.trailingButtonLabel||n[this.trailingButtonIcon]}}},methods:{focus(){this.$refs.inputField.focus()},select(){this.$refs.inputField.select()}}};var s=function(){var n=this,t=n._self._c;return t("NcInputField",n._g(n._b({ref:"inputField",scopedSlots:n._u([n.$scopedSlots.icon||n.$slots.default||n.$scopedSlots.default?{key:"icon",fn:function(){return[n._t("icon",(function(){return[n._t("default")]}))]},proxy:!0}:null,"search"!==n.type?{key:"trailing-button-icon",fn:function(){return[n.isArrow?t("NcIconSvgWrapper",{attrs:{directional:"",path:n.mdiArrowRight}}):t("NcIconSvgWrapper",{attrs:{path:"undo"===n.trailingButtonIcon?n.mdiUndo:n.mdiClose}})]},proxy:!0}:null],null,!0)},"NcInputField",n.propsAndAttrsToForward,!1),n.$listeners))},c=[];const A=(0,l.n)(p,s,c,!1,null,null).exports},25763:(n,t,e)=>{e.d(t,{C:()=>d});var i=e(51431);const a={name:"CheckIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var r=function(){var n=this,t=n._self._c;return t("span",n._b({staticClass:"material-design-icon check-icon",attrs:{"aria-hidden":n.title?null:"true","aria-label":n.title,role:"img"},on:{click:function(t){return n.$emit("click",t)}}},"span",n.$attrs,!1),[t("svg",{staticClass:"material-design-icon__svg",attrs:{fill:n.fillColor,width:n.size,height:n.size,viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}},[n.title?t("title",[n._v(n._s(n.title))]):n._e()])])])},o=[];const d=(0,i.n)(a,r,o,!1,null,null).exports},39841:(n,t,e)=>{e.d(t,{u:()=>a});var i=e(85471);function a(n,t,e=!1){const a=(0,i.nI)().proxy;return e&&void 0===a.$props[n]&&void 0===a.$props.modelValue&&i.Ay.util.warn(`Missing required prop: "modelValue" or old "${n}"`),(0,i.EW)({get:()=>void 0!==a.$props[n]?a.$props[n]:a.$props.modelValue,set(n){a.$emit("update:modelValue",n),a.$emit("update:model-value",n),a.$emit(t,n)}})}},39911:(n,t,e)=>{e.d(t,{A:()=>d});var i=e(51431);const a={name:"AlertCircleOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var r=function(){var n=this,t=n._self._c;return t("span",n._b({staticClass:"material-design-icon alert-circle-outline-icon",attrs:{"aria-hidden":n.title?null:"true","aria-label":n.title,role:"img"},on:{click:function(t){return n.$emit("click",t)}}},"span",n.$attrs,!1),[t("svg",{staticClass:"material-design-icon__svg",attrs:{fill:n.fillColor,width:n.size,height:n.size,viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"}},[n.title?t("title",[n._v(n._s(n.title))]):n._e()])])])},o=[];const d=(0,i.n)(a,r,o,!1,null,null).exports},72586:(n,t,e)=>{e.d(t,{A:()=>d});var i=e(71354),a=e.n(i),r=e(76314),o=e.n(r)()(a());o.push([n.id,"/**\n * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/*\n* Ensure proper alignment of the vue material icons\n*/\n.material-design-icon[data-v-ab8d7671] {\n display: flex;\n align-self: center;\n justify-self: center;\n align-items: center;\n justify-content: center;\n}\n\n/*!\n * SPDX-FileCopyrightText: 2025 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * Similar as inputBorder but without active styles.\n */\n/**\n * Create a consistent border for an input element.\n * With F7cloud 32+ there is no real border anymore but we use a box-shadow.\n */\n.input-field[data-v-ab8d7671] {\n --input-border-color: var(--color-border-maxcontrast);\n --input-border-radius: var(--border-radius-element);\n --input-padding-start: var(--border-radius-large);\n --input-padding-end: var(--border-radius-large);\n position: relative;\n width: 100%;\n margin-block-start: 6px;\n}\n.input-field--disabled[data-v-ab8d7671] {\n opacity: 0.4;\n filter: saturate(0.4);\n}\n.input-field--label-outside[data-v-ab8d7671] {\n margin-block-start: 0;\n}\n.input-field--leading-icon[data-v-ab8d7671] {\n --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--trailing-icon[data-v-ab8d7671] {\n --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--pill[data-v-ab8d7671] {\n --input-border-radius: var(--border-radius-pill);\n}\n.input-field__main-wrapper[data-v-ab8d7671] {\n height: var(--default-clickable-area);\n padding: var(--border-width-input-focused, 2px);\n position: relative;\n}\n.input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow-light: 0 -1px var(--input-border-color),\n \t0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);\n --input-border-box-shadow-dark: 0 1px var(--input-border-color),\n \t0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);\n --input-border-box-shadow: var(--input-border-box-shadow-light);\n border: none;\n border-radius: var(--border-radius-element);\n box-shadow: var(--input-border-box-shadow);\n}\n.input-field__input[data-v-ab8d7671]:hover:not([disabled]) {\n box-shadow: 0 0 0 1px var(--input-border-color);\n}\n@media (prefers-color-scheme: dark) {\n.input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n}\n[data-theme-dark] .input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n[data-theme-light] .input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow: var(--input-border-box-shadow-light);\n}\n.input-field--legacy .input-field__input[data-v-ab8d7671] {\n box-shadow: 0 0 0 1px var(--input-border-color);\n}\n.input-field--legacy .input-field__input[data-v-ab8d7671]:hover:not([disabled]) {\n box-shadow: 0 0 0 2px var(--input-border-color);\n}\n.input-field__input[data-v-ab8d7671]:focus-within:not([disabled]), .input-field__input[data-v-ab8d7671]:active:not([disabled]) {\n box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important;\n}\n.input-field__input[data-v-ab8d7671] {\n background-color: var(--color-main-background);\n color: var(--color-main-text);\n border-radius: var(--input-border-radius);\n cursor: pointer;\n -webkit-appearance: textfield !important;\n -moz-appearance: textfield !important;\n appearance: textfield !important;\n font-size: var(--default-font-size);\n text-overflow: ellipsis;\n padding-block: 0;\n padding-inline: var(--input-padding-start) var(--input-padding-end);\n height: 100% !important;\n min-height: unset;\n width: 100%;\n}\n.input-field__input[data-v-ab8d7671]::placeholder {\n color: var(--color-text-maxcontrast);\n}\n.input-field__input[data-v-ab8d7671]::-webkit-search-cancel-button {\n display: none;\n}\n.input-field__input[data-v-ab8d7671]::-webkit-search-decoration, .input-field__input[data-v-ab8d7671]::-webkit-search-results-button, .input-field__input[data-v-ab8d7671]::-webkit-search-results-decoration, .input-field__input[data-v-ab8d7671]::-ms-clear {\n display: none;\n}\n.input-field__input[data-v-ab8d7671]:active:not([disabled]), .input-field__input[data-v-ab8d7671]:focus:not([disabled]) {\n --input-border-color: var(--color-main-text);\n}\n.input-field__input:focus + .input-field__label[data-v-ab8d7671], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-ab8d7671] {\n color: var(--color-main-text);\n}\n.input-field__input[data-v-ab8d7671]:focus {\n cursor: text;\n}\n.input-field__input[data-v-ab8d7671]:disabled {\n cursor: default;\n}\n.input-field__input[data-v-ab8d7671]:focus-visible {\n box-shadow: unset !important;\n}\n.input-field__input--success[data-v-ab8d7671] {\n border-color: var(--color-border-success, var(--color-success)) !important;\n}\n.input-field__input--success[data-v-ab8d7671]:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}\n.input-field__input--error[data-v-ab8d7671], .input-field__input[data-v-ab8d7671]:user-invalid {\n border-color: var(--color-border-error, var(--color-error)) !important;\n}\n.input-field__input--error[data-v-ab8d7671]:focus-visible, .input-field__input[data-v-ab8d7671]:user-invalid:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}\n.input-field:not(.input-field--label-outside) .input-field__input[data-v-ab8d7671]:not(:focus)::placeholder {\n opacity: 0;\n}\n.input-field__label[data-v-ab8d7671] {\n --input-label-font-size: var(--default-font-size);\n position: absolute;\n margin-inline: var(--input-padding-start) var(--input-padding-end);\n max-width: fit-content;\n font-size: var(--input-label-font-size);\n inset-block-start: calc((var(--default-clickable-area) - 1lh) / 2);\n inset-inline: var(--border-width-input-focused, 2px);\n color: var(--color-text-maxcontrast);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none;\n transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);\n}\n.input-field__input:focus + .input-field__label[data-v-ab8d7671], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-ab8d7671] {\n --input-label-font-size: 13px;\n line-height: 1.5;\n inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2);\n font-weight: 500;\n border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;\n background-color: var(--color-main-background);\n padding-inline: var(--default-grid-baseline);\n margin-inline: calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));\n transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);\n}\n.input-field__icon[data-v-ab8d7671] {\n position: absolute;\n height: var(--default-clickable-area);\n width: var(--default-clickable-area);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.7;\n inset-block-end: 0;\n}\n.input-field__icon--leading[data-v-ab8d7671] {\n inset-inline-start: 0px;\n}\n.input-field__icon--trailing[data-v-ab8d7671] {\n inset-inline-end: 0px;\n}\n.input-field__trailing-button[data-v-ab8d7671] {\n --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important;\n --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px));\n}\n.input-field__trailing-button.button-vue[data-v-ab8d7671] {\n position: absolute;\n top: var(--border-width-input-focused, 2px);\n inset-inline-end: var(--border-width-input-focused, 2px);\n}\n.input-field__trailing-button.button-vue[data-v-ab8d7671]:focus-visible {\n box-shadow: none !important;\n}\n.input-field__helper-text-message[data-v-ab8d7671] {\n padding-block: 4px;\n padding-inline: var(--border-radius-large);\n display: flex;\n align-items: center;\n color: var(--color-text-maxcontrast);\n}\n.input-field__helper-text-message__icon[data-v-ab8d7671] {\n margin-inline-end: 8px;\n}\n.input-field__helper-text-message--error[data-v-ab8d7671] {\n color: var(--color-text-error, var(--color-error));\n}\n.input-field--error .input-field__input[data-v-ab8d7671], .input-field__input[data-v-ab8d7671]:user-invalid {\n --input-border-color: var(--color-border-error, var(--color-error)) !important;\n}\n.input-field--error .input-field__input[data-v-ab8d7671]:focus-visible, .input-field__input[data-v-ab8d7671]:user-invalid:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}\n.input-field--success .input-field__input[data-v-ab8d7671] {\n --input-border-color: var(--color-border-success, var(--color-success)) !important;\n}\n.input-field--success .input-field__input[data-v-ab8d7671]:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}","",{version:3,sources:["webpack://./node_modules/@f7cloud/vue/dist/assets/NcInputField-DDJ6W_1o.css"],names:[],mappings:"AAAA;;;EAGE;AACF;;;EAGE;AACF;;CAEC;AACD;EACE,aAAa;EACb,kBAAkB;EAClB,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;;;EAGE;AACF;;EAEE;AACF;;;EAGE;AACF;EACE,qDAAqD;EACrD,mDAAmD;EACnD,iDAAiD;EACjD,+CAA+C;EAC/C,kBAAkB;EAClB,WAAW;EACX,uBAAuB;AACzB;AACA;EACE,YAAY;EACZ,qBAAqB;AACvB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,yFAAyF;AAC3F;AACA;EACE,uFAAuF;AACzF;AACA;EACE,gDAAgD;AAClD;AACA;EACE,qCAAqC;EACrC,+CAA+C;EAC/C,kBAAkB;AACpB;AACA;EACE;2EACyE;EACzE;2EACyE;EACzE,+DAA+D;EAC/D,YAAY;EACZ,2CAA2C;EAC3C,0CAA0C;AAC5C;AACA;EACE,+CAA+C;AACjD;AACA;AACA;IACI,8DAA8D;AAClE;AACA;AACA;EACE,8DAA8D;AAChE;AACA;EACE,+DAA+D;AACjE;AACA;EACE,+CAA+C;AACjD;AACA;EACE,+CAA+C;AACjD;AACA;EACE,kGAAkG;AACpG;AACA;EACE,8CAA8C;EAC9C,6BAA6B;EAC7B,yCAAyC;EACzC,eAAe;EACf,wCAAwC;EACxC,qCAAqC;EACrC,gCAAgC;EAChC,mCAAmC;EACnC,uBAAuB;EACvB,gBAAgB;EAChB,mEAAmE;EACnE,uBAAuB;EACvB,iBAAiB;EACjB,WAAW;AACb;AACA;EACE,oCAAoC;AACtC;AACA;EACE,aAAa;AACf;AACA;EACE,aAAa;AACf;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,6BAA6B;AAC/B;AACA;EACE,YAAY;AACd;AACA;EACE,eAAe;AACjB;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,0EAA0E;AAC5E;AACA;EACE,iIAAiI;AACnI;AACA;EACE,sEAAsE;AACxE;AACA;EACE,iIAAiI;AACnI;AACA;EACE,UAAU;AACZ;AACA;EACE,iDAAiD;EACjD,kBAAkB;EAClB,kEAAkE;EAClE,sBAAsB;EACtB,uCAAuC;EACvC,kEAAkE;EAClE,oDAAoD;EACpD,oCAAoC;EACpC,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;EACvB,oBAAoB;EACpB,kNAAkN;AACpN;AACA;EACE,6BAA6B;EAC7B,gBAAgB;EAChB,gEAAgE;EAChE,gBAAgB;EAChB,4EAA4E;EAC5E,8CAA8C;EAC9C,4CAA4C;EAC5C,4IAA4I;EAC5I,mJAAmJ;AACrJ;AACA;EACE,kBAAkB;EAClB,qCAAqC;EACrC,oCAAoC;EACpC,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,uBAAuB;AACzB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,0GAA0G;EAC1G,0FAA0F;AAC5F;AACA;EACE,kBAAkB;EAClB,2CAA2C;EAC3C,wDAAwD;AAC1D;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,kBAAkB;EAClB,0CAA0C;EAC1C,aAAa;EACb,mBAAmB;EACnB,oCAAoC;AACtC;AACA;EACE,sBAAsB;AACxB;AACA;EACE,kDAAkD;AACpD;AACA;EACE,8EAA8E;AAChF;AACA;EACE,iIAAiI;AACnI;AACA;EACE,kFAAkF;AACpF;AACA;EACE,iIAAiI;AACnI",sourcesContent:["/**\n * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/*\n* Ensure proper alignment of the vue material icons\n*/\n.material-design-icon[data-v-ab8d7671] {\n display: flex;\n align-self: center;\n justify-self: center;\n align-items: center;\n justify-content: center;\n}\n\n/*!\n * SPDX-FileCopyrightText: 2025 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * Similar as inputBorder but without active styles.\n */\n/**\n * Create a consistent border for an input element.\n * With F7cloud 32+ there is no real border anymore but we use a box-shadow.\n */\n.input-field[data-v-ab8d7671] {\n --input-border-color: var(--color-border-maxcontrast);\n --input-border-radius: var(--border-radius-element);\n --input-padding-start: var(--border-radius-large);\n --input-padding-end: var(--border-radius-large);\n position: relative;\n width: 100%;\n margin-block-start: 6px;\n}\n.input-field--disabled[data-v-ab8d7671] {\n opacity: 0.4;\n filter: saturate(0.4);\n}\n.input-field--label-outside[data-v-ab8d7671] {\n margin-block-start: 0;\n}\n.input-field--leading-icon[data-v-ab8d7671] {\n --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--trailing-icon[data-v-ab8d7671] {\n --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--pill[data-v-ab8d7671] {\n --input-border-radius: var(--border-radius-pill);\n}\n.input-field__main-wrapper[data-v-ab8d7671] {\n height: var(--default-clickable-area);\n padding: var(--border-width-input-focused, 2px);\n position: relative;\n}\n.input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow-light: 0 -1px var(--input-border-color),\n \t0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);\n --input-border-box-shadow-dark: 0 1px var(--input-border-color),\n \t0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);\n --input-border-box-shadow: var(--input-border-box-shadow-light);\n border: none;\n border-radius: var(--border-radius-element);\n box-shadow: var(--input-border-box-shadow);\n}\n.input-field__input[data-v-ab8d7671]:hover:not([disabled]) {\n box-shadow: 0 0 0 1px var(--input-border-color);\n}\n@media (prefers-color-scheme: dark) {\n.input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n}\n[data-theme-dark] .input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n[data-theme-light] .input-field__input[data-v-ab8d7671] {\n --input-border-box-shadow: var(--input-border-box-shadow-light);\n}\n.input-field--legacy .input-field__input[data-v-ab8d7671] {\n box-shadow: 0 0 0 1px var(--input-border-color);\n}\n.input-field--legacy .input-field__input[data-v-ab8d7671]:hover:not([disabled]) {\n box-shadow: 0 0 0 2px var(--input-border-color);\n}\n.input-field__input[data-v-ab8d7671]:focus-within:not([disabled]), .input-field__input[data-v-ab8d7671]:active:not([disabled]) {\n box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important;\n}\n.input-field__input[data-v-ab8d7671] {\n background-color: var(--color-main-background);\n color: var(--color-main-text);\n border-radius: var(--input-border-radius);\n cursor: pointer;\n -webkit-appearance: textfield !important;\n -moz-appearance: textfield !important;\n appearance: textfield !important;\n font-size: var(--default-font-size);\n text-overflow: ellipsis;\n padding-block: 0;\n padding-inline: var(--input-padding-start) var(--input-padding-end);\n height: 100% !important;\n min-height: unset;\n width: 100%;\n}\n.input-field__input[data-v-ab8d7671]::placeholder {\n color: var(--color-text-maxcontrast);\n}\n.input-field__input[data-v-ab8d7671]::-webkit-search-cancel-button {\n display: none;\n}\n.input-field__input[data-v-ab8d7671]::-webkit-search-decoration, .input-field__input[data-v-ab8d7671]::-webkit-search-results-button, .input-field__input[data-v-ab8d7671]::-webkit-search-results-decoration, .input-field__input[data-v-ab8d7671]::-ms-clear {\n display: none;\n}\n.input-field__input[data-v-ab8d7671]:active:not([disabled]), .input-field__input[data-v-ab8d7671]:focus:not([disabled]) {\n --input-border-color: var(--color-main-text);\n}\n.input-field__input:focus + .input-field__label[data-v-ab8d7671], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-ab8d7671] {\n color: var(--color-main-text);\n}\n.input-field__input[data-v-ab8d7671]:focus {\n cursor: text;\n}\n.input-field__input[data-v-ab8d7671]:disabled {\n cursor: default;\n}\n.input-field__input[data-v-ab8d7671]:focus-visible {\n box-shadow: unset !important;\n}\n.input-field__input--success[data-v-ab8d7671] {\n border-color: var(--color-border-success, var(--color-success)) !important;\n}\n.input-field__input--success[data-v-ab8d7671]:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}\n.input-field__input--error[data-v-ab8d7671], .input-field__input[data-v-ab8d7671]:user-invalid {\n border-color: var(--color-border-error, var(--color-error)) !important;\n}\n.input-field__input--error[data-v-ab8d7671]:focus-visible, .input-field__input[data-v-ab8d7671]:user-invalid:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}\n.input-field:not(.input-field--label-outside) .input-field__input[data-v-ab8d7671]:not(:focus)::placeholder {\n opacity: 0;\n}\n.input-field__label[data-v-ab8d7671] {\n --input-label-font-size: var(--default-font-size);\n position: absolute;\n margin-inline: var(--input-padding-start) var(--input-padding-end);\n max-width: fit-content;\n font-size: var(--input-label-font-size);\n inset-block-start: calc((var(--default-clickable-area) - 1lh) / 2);\n inset-inline: var(--border-width-input-focused, 2px);\n color: var(--color-text-maxcontrast);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none;\n transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);\n}\n.input-field__input:focus + .input-field__label[data-v-ab8d7671], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-ab8d7671] {\n --input-label-font-size: 13px;\n line-height: 1.5;\n inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2);\n font-weight: 500;\n border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;\n background-color: var(--color-main-background);\n padding-inline: var(--default-grid-baseline);\n margin-inline: calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));\n transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);\n}\n.input-field__icon[data-v-ab8d7671] {\n position: absolute;\n height: var(--default-clickable-area);\n width: var(--default-clickable-area);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.7;\n inset-block-end: 0;\n}\n.input-field__icon--leading[data-v-ab8d7671] {\n inset-inline-start: 0px;\n}\n.input-field__icon--trailing[data-v-ab8d7671] {\n inset-inline-end: 0px;\n}\n.input-field__trailing-button[data-v-ab8d7671] {\n --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important;\n --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px));\n}\n.input-field__trailing-button.button-vue[data-v-ab8d7671] {\n position: absolute;\n top: var(--border-width-input-focused, 2px);\n inset-inline-end: var(--border-width-input-focused, 2px);\n}\n.input-field__trailing-button.button-vue[data-v-ab8d7671]:focus-visible {\n box-shadow: none !important;\n}\n.input-field__helper-text-message[data-v-ab8d7671] {\n padding-block: 4px;\n padding-inline: var(--border-radius-large);\n display: flex;\n align-items: center;\n color: var(--color-text-maxcontrast);\n}\n.input-field__helper-text-message__icon[data-v-ab8d7671] {\n margin-inline-end: 8px;\n}\n.input-field__helper-text-message--error[data-v-ab8d7671] {\n color: var(--color-text-error, var(--color-error));\n}\n.input-field--error .input-field__input[data-v-ab8d7671], .input-field__input[data-v-ab8d7671]:user-invalid {\n --input-border-color: var(--color-border-error, var(--color-error)) !important;\n}\n.input-field--error .input-field__input[data-v-ab8d7671]:focus-visible, .input-field__input[data-v-ab8d7671]:user-invalid:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}\n.input-field--success .input-field__input[data-v-ab8d7671] {\n --input-border-color: var(--color-border-success, var(--color-success)) !important;\n}\n.input-field--success .input-field__input[data-v-ab8d7671]:focus-visible {\n box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n}"],sourceRoot:""}]);const d=o}}]);
|
|
//# sourceMappingURL=mail.1286.17dad8dfa30bc00535de.js.map
|