mirror of
https://github.com/nextcloud/server.git
synced 2026-02-03 20:41:22 -05:00
971cae8eef
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2 lines
No EOL
26 KiB
JavaScript
2 lines
No EOL
26 KiB
JavaScript
"use strict";(globalThis.webpackChunknextcloud_ui_legacy=globalThis.webpackChunknextcloud_ui_legacy||[]).push([[7859],{17859(n,e,a){a.d(e,{A:()=>i._});var i=a(66497)},45988(n,e,a){a.d(e,{A:()=>l});var i=a(71354),t=a.n(i),r=a(76314),o=a.n(r)()(t());o.push([n.id,"/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud 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-a0e80f48] {\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 Nextcloud GmbH and Nextcloud 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 Nextcloud 32+ there is no real border anymore but we use a box-shadow.\n */\n.input-field[data-v-a0e80f48] {\n --input-border-color: var(--color-border-maxcontrast);\n --input-border-radius: var(--border-radius-element);\n --input-padding-start: var(--border-radius-element);\n --input-padding-end: var(--border-radius-element);\n position: relative;\n width: 100%;\n margin-block-start: 6px;\n}\n.input-field--disabled[data-v-a0e80f48] {\n opacity: 0.4;\n filter: saturate(0.4);\n}\n.input-field--label-outside[data-v-a0e80f48] {\n margin-block-start: 0;\n}\n.input-field--leading-icon[data-v-a0e80f48] {\n --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--trailing-icon[data-v-a0e80f48] {\n --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--pill[data-v-a0e80f48] {\n --input-border-radius: var(--border-radius-pill);\n}\n.input-field__main-wrapper[data-v-a0e80f48] {\n height: var(--default-clickable-area);\n padding: var(--border-width-input-focused, 2px);\n position: relative;\n}\n.input-field__input[data-v-a0e80f48] {\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-a0e80f48]: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-a0e80f48] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n}\n[data-theme-dark] .input-field__input[data-v-a0e80f48] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n[data-theme-light] .input-field__input[data-v-a0e80f48] {\n --input-border-box-shadow: var(--input-border-box-shadow-light);\n}\n.input-field--legacy .input-field__input[data-v-a0e80f48] {\n box-shadow: 0 0 0 1px var(--input-border-color);\n}\n.input-field--legacy .input-field__input[data-v-a0e80f48]:hover:not([disabled]) {\n box-shadow: 0 0 0 2px var(--input-border-color);\n}\n.input-field__input[data-v-a0e80f48]:focus-within:not([disabled]), .input-field__input[data-v-a0e80f48]: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-a0e80f48] {\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-a0e80f48]::placeholder {\n color: var(--color-text-maxcontrast);\n}\n.input-field__input[data-v-a0e80f48]::-webkit-search-cancel-button {\n display: none;\n}\n.input-field__input[data-v-a0e80f48]::-webkit-search-decoration, .input-field__input[data-v-a0e80f48]::-webkit-search-results-button, .input-field__input[data-v-a0e80f48]::-webkit-search-results-decoration, .input-field__input[data-v-a0e80f48]::-ms-clear {\n display: none;\n}\n.input-field__input[data-v-a0e80f48]:active:not([disabled]), .input-field__input[data-v-a0e80f48]:focus:not([disabled]) {\n --input-border-color: var(--color-main-text);\n}\n.input-field__input:focus + .input-field__label[data-v-a0e80f48], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-a0e80f48] {\n color: var(--color-main-text);\n}\n.input-field__input[data-v-a0e80f48]:focus {\n cursor: text;\n}\n.input-field__input[data-v-a0e80f48]:disabled {\n cursor: default;\n}\n.input-field__input[data-v-a0e80f48]:focus-visible {\n box-shadow: unset !important;\n}\n.input-field:not(.input-field--label-outside) .input-field__input[data-v-a0e80f48]:not(:focus)::placeholder {\n opacity: 0;\n}\n.input-field__label[data-v-a0e80f48] {\n --input-label-font-size: var(--default-font-size);\n font-size: var(--input-label-font-size);\n position: absolute;\n margin-inline: var(--input-padding-start) var(--input-padding-end);\n max-width: fit-content;\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-a0e80f48], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-a0e80f48] {\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-a0e80f48] {\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-a0e80f48] {\n inset-inline-start: 0px;\n}\n.input-field__icon--trailing[data-v-a0e80f48] {\n inset-inline-end: 0px;\n}\n.input-field__trailing-button[data-v-a0e80f48] {\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-a0e80f48] {\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-a0e80f48]:focus-visible {\n box-shadow: none !important;\n}\n.input-field__helper-text-message[data-v-a0e80f48] {\n padding-block: 4px;\n padding-inline: var(--border-radius-element);\n display: flex;\n align-items: center;\n color: var(--color-text-maxcontrast);\n}\n.input-field__helper-text-message__icon[data-v-a0e80f48] {\n margin-inline-end: 8px;\n}\n.input-field--error .input-field__helper-text-message[data-v-a0e80f48],\n.input-field--error .input-field__icon--trailing[data-v-a0e80f48] {\n color: var(--color-text-error, var(--color-error));\n}\n.input-field--error .input-field__input[data-v-a0e80f48], .input-field__input[data-v-a0e80f48]:user-invalid {\n --input-border-color: var(--color-border-error, var(--color-error)) !important;\n}\n.input-field--error .input-field__input[data-v-a0e80f48]:focus-visible, .input-field__input[data-v-a0e80f48]: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-a0e80f48] {\n --input-border-color: var(--color-border-success, var(--color-success)) !important;\n}\n.input-field--success .input-field__input[data-v-a0e80f48]: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__helper-text-message__icon[data-v-a0e80f48] {\n color: var(--color-border-success, var(--color-success));\n}","",{version:3,sources:["webpack://./node_modules/@nextcloud/dialogs/node_modules/@nextcloud/vue/dist/assets/NcInputField-B9DSDOEd.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,mDAAmD;EACnD,iDAAiD;EACjD,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,UAAU;AACZ;AACA;EACE,iDAAiD;EACjD,uCAAuC;EACvC,kBAAkB;EAClB,kEAAkE;EAClE,sBAAsB;EACtB,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,4CAA4C;EAC5C,aAAa;EACb,mBAAmB;EACnB,oCAAoC;AACtC;AACA;EACE,sBAAsB;AACxB;AACA;;EAEE,kDAAkD;AACpD;AACA;EACE,8EAA8E;AAChF;AACA;EACE,iIAAiI;AACnI;AACA;EACE,kFAAkF;AACpF;AACA;EACE,iIAAiI;AACnI;AACA;EACE,wDAAwD;AAC1D",sourcesContent:["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud 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-a0e80f48] {\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 Nextcloud GmbH and Nextcloud 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 Nextcloud 32+ there is no real border anymore but we use a box-shadow.\n */\n.input-field[data-v-a0e80f48] {\n --input-border-color: var(--color-border-maxcontrast);\n --input-border-radius: var(--border-radius-element);\n --input-padding-start: var(--border-radius-element);\n --input-padding-end: var(--border-radius-element);\n position: relative;\n width: 100%;\n margin-block-start: 6px;\n}\n.input-field--disabled[data-v-a0e80f48] {\n opacity: 0.4;\n filter: saturate(0.4);\n}\n.input-field--label-outside[data-v-a0e80f48] {\n margin-block-start: 0;\n}\n.input-field--leading-icon[data-v-a0e80f48] {\n --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--trailing-icon[data-v-a0e80f48] {\n --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));\n}\n.input-field--pill[data-v-a0e80f48] {\n --input-border-radius: var(--border-radius-pill);\n}\n.input-field__main-wrapper[data-v-a0e80f48] {\n height: var(--default-clickable-area);\n padding: var(--border-width-input-focused, 2px);\n position: relative;\n}\n.input-field__input[data-v-a0e80f48] {\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-a0e80f48]: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-a0e80f48] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n}\n[data-theme-dark] .input-field__input[data-v-a0e80f48] {\n --input-border-box-shadow: var(--input-border-box-shadow-dark);\n}\n[data-theme-light] .input-field__input[data-v-a0e80f48] {\n --input-border-box-shadow: var(--input-border-box-shadow-light);\n}\n.input-field--legacy .input-field__input[data-v-a0e80f48] {\n box-shadow: 0 0 0 1px var(--input-border-color);\n}\n.input-field--legacy .input-field__input[data-v-a0e80f48]:hover:not([disabled]) {\n box-shadow: 0 0 0 2px var(--input-border-color);\n}\n.input-field__input[data-v-a0e80f48]:focus-within:not([disabled]), .input-field__input[data-v-a0e80f48]: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-a0e80f48] {\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-a0e80f48]::placeholder {\n color: var(--color-text-maxcontrast);\n}\n.input-field__input[data-v-a0e80f48]::-webkit-search-cancel-button {\n display: none;\n}\n.input-field__input[data-v-a0e80f48]::-webkit-search-decoration, .input-field__input[data-v-a0e80f48]::-webkit-search-results-button, .input-field__input[data-v-a0e80f48]::-webkit-search-results-decoration, .input-field__input[data-v-a0e80f48]::-ms-clear {\n display: none;\n}\n.input-field__input[data-v-a0e80f48]:active:not([disabled]), .input-field__input[data-v-a0e80f48]:focus:not([disabled]) {\n --input-border-color: var(--color-main-text);\n}\n.input-field__input:focus + .input-field__label[data-v-a0e80f48], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-a0e80f48] {\n color: var(--color-main-text);\n}\n.input-field__input[data-v-a0e80f48]:focus {\n cursor: text;\n}\n.input-field__input[data-v-a0e80f48]:disabled {\n cursor: default;\n}\n.input-field__input[data-v-a0e80f48]:focus-visible {\n box-shadow: unset !important;\n}\n.input-field:not(.input-field--label-outside) .input-field__input[data-v-a0e80f48]:not(:focus)::placeholder {\n opacity: 0;\n}\n.input-field__label[data-v-a0e80f48] {\n --input-label-font-size: var(--default-font-size);\n font-size: var(--input-label-font-size);\n position: absolute;\n margin-inline: var(--input-padding-start) var(--input-padding-end);\n max-width: fit-content;\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-a0e80f48], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-a0e80f48] {\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-a0e80f48] {\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-a0e80f48] {\n inset-inline-start: 0px;\n}\n.input-field__icon--trailing[data-v-a0e80f48] {\n inset-inline-end: 0px;\n}\n.input-field__trailing-button[data-v-a0e80f48] {\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-a0e80f48] {\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-a0e80f48]:focus-visible {\n box-shadow: none !important;\n}\n.input-field__helper-text-message[data-v-a0e80f48] {\n padding-block: 4px;\n padding-inline: var(--border-radius-element);\n display: flex;\n align-items: center;\n color: var(--color-text-maxcontrast);\n}\n.input-field__helper-text-message__icon[data-v-a0e80f48] {\n margin-inline-end: 8px;\n}\n.input-field--error .input-field__helper-text-message[data-v-a0e80f48],\n.input-field--error .input-field__icon--trailing[data-v-a0e80f48] {\n color: var(--color-text-error, var(--color-error));\n}\n.input-field--error .input-field__input[data-v-a0e80f48], .input-field__input[data-v-a0e80f48]:user-invalid {\n --input-border-color: var(--color-border-error, var(--color-error)) !important;\n}\n.input-field--error .input-field__input[data-v-a0e80f48]:focus-visible, .input-field__input[data-v-a0e80f48]: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-a0e80f48] {\n --input-border-color: var(--color-border-success, var(--color-success)) !important;\n}\n.input-field--success .input-field__input[data-v-a0e80f48]: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__helper-text-message__icon[data-v-a0e80f48] {\n color: var(--color-border-success, var(--color-success));\n}"],sourceRoot:""}]);const l=o},66497(n,e,a){a.d(e,{_:()=>u});var i=a(20641),t=a(50953),r=a(71266),o=a(30704),l=a(81842),d=a(86937);(0,o.r)(o.c,o.b);const u=(0,i.pM)({__name:"NcTextField",props:(0,i.zz)({class:{},inputClass:{},id:{},label:{},labelOutside:{type:Boolean},type:{},placeholder:{},showTrailingButton:{type:Boolean},trailingButtonLabel:{default:void 0},success:{type:Boolean},error:{type:Boolean},helperText:{},disabled:{type:Boolean},pill:{type:Boolean},trailingButtonIcon:{default:"close"}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:e}){const a=(0,i.fn)(n,"modelValue"),u=n;e({focus:function(n){p.value.focus(n)},select:function(){p.value.select()}});const p=(0,i.rk)("inputField"),s={arrowEnd:(0,o.a)("Save changes"),close:(0,o.a)("Clear text"),undo:(0,o.a)("Undo changes")},A=new Set(Object.keys(d.N.props)),c=(0,i.EW)(()=>{const n=Object.fromEntries(Object.entries(u).filter(([n])=>A.has(n)));return n.trailingButtonLabel??=s[u.trailingButtonIcon],n});return(n,e)=>((0,i.uX)(),(0,i.Wv)((0,t.R1)(d.N),(0,i.v6)(c.value,{ref:"inputField",modelValue:a.value,"onUpdate:modelValue":e[0]||(e[0]=n=>a.value=n)}),(0,i.eX)({_:2},[n.$slots.icon?{name:"icon",fn:(0,i.k6)(()=>[(0,i.RG)(n.$slots,"icon")]),key:"0"}:void 0,"search"!==n.type?{name:"trailing-button-icon",fn:(0,i.k6)(()=>["arrowEnd"===n.trailingButtonIcon?((0,i.uX)(),(0,i.Wv)((0,t.R1)(l.N),{key:0,directional:"",path:(0,t.R1)(r.m)},null,8,["path"])):((0,i.uX)(),(0,i.Wv)((0,t.R1)(l.N),{key:1,path:"undo"===n.trailingButtonIcon?(0,t.R1)(r.a):(0,t.R1)(r.b)},null,8,["path"]))]),key:"1"}:void 0]),1040,["modelValue"]))}})},86937(n,e,a){a.d(e,{N:()=>G});var i=a(85072),t=a.n(i),r=a(97825),o=a.n(r),l=a(77659),d=a.n(l),u=a(55056),p=a.n(u),s=a(10540),A=a.n(s),c=a(41113),f=a.n(c),v=a(45988),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=d().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=A(),t()(v.A,b),v.A&&v.A.locals&&v.A.locals;var C=a(20641),_=a(90033),x=a(50953),h=a(53751),E=a(71266),g=a(54271),m=a(81842),k=a(69007),B=a(95872),w=a(77701);const y={class:"input-field__main-wrapper"},D=["id","aria-describedby","disabled","placeholder","type","value"],z=["for"],q={class:"input-field__icon input-field__icon--leading"},F={key:2,class:"input-field__icon input-field__icon--trailing"},N=["id"],I=(0,C.pM)({inheritAttrs:!1,__name:"NcInputField",props:(0,C.zz)({class:{default:""},inputClass:{default:""},id:{default:()=>(0,k.c)()},label:{default:void 0},labelOutside:{type:Boolean},type:{default:"text"},placeholder:{default:void 0},showTrailingButton:{type:Boolean},trailingButtonLabel:{default:void 0},success:{type:Boolean},error:{type:Boolean},helperText:{default:""},disabled:{type:Boolean},pill:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:(0,C.zz)(["trailingButtonClick"],["update:modelValue"]),setup(n,{expose:e,emit:a}){const i=(0,C.fn)(n,"modelValue"),t=n,r=a;e({focus:function(n){l.value.focus(n)},select:function(){l.value.select()}});const o=(0,C.OA)(),l=(0,C.rk)("input"),d=(0,C.EW)(()=>t.showTrailingButton||t.success),u=(0,C.EW)(()=>t.placeholder?t.placeholder:t.label?B.i?t.label:"":void 0),p=(0,C.EW)(()=>{const n=t.label||t.labelOutside;return n||(0,C.R8)("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}),s=(0,C.EW)(()=>{const n=[];return t.helperText&&n.push(`${t.id}-helper-text`),o["aria-describedby"]&&n.push(String(o["aria-describedby"])),n.join(" ")||void 0});function A(n){const e=n.target;i.value="number"===t.type&&"number"==typeof i.value?parseFloat(e.value):e.value}return(n,e)=>((0,C.uX)(),(0,C.CE)("div",{class:(0,_.C4)(["input-field",[{"input-field--disabled":n.disabled,"input-field--error":n.error,"input-field--label-outside":n.labelOutside||!p.value,"input-field--leading-icon":!!n.$slots.icon,"input-field--trailing-icon":d.value,"input-field--pill":n.pill,"input-field--success":n.success,"input-field--legacy":(0,x.R1)(B.i)},n.$props.class]])},[(0,C.Lk)("div",y,[(0,C.Lk)("input",(0,C.v6)(n.$attrs,{id:n.id,ref:"input","aria-describedby":s.value,"aria-live":"polite",class:["input-field__input",n.inputClass],disabled:n.disabled,placeholder:u.value,type:n.type,value:i.value.toString(),onInput:A}),null,16,D),!n.labelOutside&&p.value?((0,C.uX)(),(0,C.CE)("label",{key:0,class:"input-field__label",for:n.id},(0,_.v_)(n.label),9,z)):(0,C.Q3)("",!0),(0,C.bo)((0,C.Lk)("div",q,[(0,C.RG)(n.$slots,"icon",{},void 0,!0)],512),[[h.aG,!!n.$slots.icon]]),n.showTrailingButton?((0,C.uX)(),(0,C.Wv)(g.N,{key:1,class:"input-field__trailing-button","aria-label":n.trailingButtonLabel,disabled:n.disabled,variant:"tertiary-no-background",onClick:e[0]||(e[0]=n=>r("trailingButtonClick",n))},{icon:(0,C.k6)(()=>[(0,C.RG)(n.$slots,"trailing-button-icon",{},void 0,!0)]),_:3},8,["aria-label","disabled"])):n.success||n.error?((0,C.uX)(),(0,C.CE)("div",F,[n.success?((0,C.uX)(),(0,C.Wv)(m.N,{key:0,path:(0,x.R1)(E.d)},null,8,["path"])):((0,C.uX)(),(0,C.Wv)(m.N,{key:1,path:(0,x.R1)(E.j)},null,8,["path"]))])):(0,C.Q3)("",!0)]),n.helperText?((0,C.uX)(),(0,C.CE)("p",{key:0,id:`${n.id}-helper-text`,class:"input-field__helper-text-message"},[n.success?((0,C.uX)(),(0,C.Wv)(m.N,{key:0,class:"input-field__helper-text-message__icon",path:(0,x.R1)(E.d),inline:""},null,8,["path"])):n.error?((0,C.uX)(),(0,C.Wv)(m.N,{key:1,class:"input-field__helper-text-message__icon",path:(0,x.R1)(E.j),inline:""},null,8,["path"])):(0,C.Q3)("",!0),(0,C.eW)(" "+(0,_.v_)(n.helperText),1)],8,N)):(0,C.Q3)("",!0)],2))}}),G=(0,w._)(I,[["__scopeId","data-v-a0e80f48"]])}}]);
|
|
//# sourceMappingURL=7859-7859.js.map?v=cd6f48c919ca307639eb
|