@optionfactory/ful 5.0.2 → 5.0.4

package/dist/ful.css

@@ -1,2 +1,2 @@
-ful-errors{--ful-errors-color:var(--ful-error-color);--ful-errors-bg:var(--ful-error-bg);--ful-errors-border-color:var(--ful-error-border-color);background-color:var(--ful-errors-bg);border:1px solid var(--ful-errors-border-color);border-radius:var(--ful-border-radius);color:var(--ful-errors-color);display:block;margin-bottom:1rem;padding:1rem}ful-field-error{--ful-field-error-invalid-color:var(--ful-invalid-color);display:none;:invalid &{color:var(--ful-field-error-invalid-color);display:block;margin-top:.25rem}}ful-field-warnings{display:none;&:not(:empty){display:block}}ful-field-warning{animation-composition:initial;animation:show-and-hide 5s ease forwards;background-color:var(--ful-warning-bg);border-color:var(--ful-warning-border-color);border-radius:8px;color:var(--ful-warning-color);display:block;margin:.5rem 0;padding:15px}@keyframes show-and-hide{0%{display:block;opacity:0}3%{opacity:1}90%{opacity:1}to{display:none;opacity:0}}:root{--ful-color:var(--bs-body-color,#212529);--ful-bg:var(--bs-body-bg,#fff);--ful-border-width:var(--bs-border-width,1px);--ful-border-radius:var(--bs-border-radius,0.375rem);--ful-border-color:var(--bs-border-color,#dee2e6);--ful-disabled-bg:var(--bs-secondary-bg,#e9ecef);--ful-selected-bg:var(--bs-tertiary-bg,#f8f9fa);--ful-active-color:#fff;--ful-active-bg:#007376;--ful-focus-border-color:#86b7fe;--ful-focus-box-shadow:0 0 0 .25rem rgba(13,110,253,.25);--ful-invalid-color:var(--bs-form-invalid-color,#dc3545);--ful-invalid-border-color:var(--bs-form-invalid-border-color,#dc3545);--ful-invalid-box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);--ful-error-color:var(--bs-danger-text-emphasis,#58151c);--ful-error-bg:var(--bs-danger-bg-subtle,#f8d7da);--ful-error-border-color:var(--bs-danger-border-subtle,#f1aeb5);--ful-warning-color:var(--bs-warning-text-emphasis,#664d03);--ful-warning-bg:var(--bs-warning-bg-subtle,#fff3cd);--ful-warning-border-color:var(--bs-warning-border-subtle,#ffe69c);--ful-scrollbar-bg:var(--bs-secondary-bg,#e9ecef);--ful-scrollbar-thumb-bg:var(--ful-active-bg);--ful-scrollbar-width:12px;--ful-scrollbar-border-width:1px;--ful-inputs-bg:var(--ful-bg);--ful-inputs-border-width:var(--ful-border-width);--ful-inputs-border-radius:var(--ful-border-radius);--ful-inputs-border-color:var(--ful-border-color)}[hidden]{display:none!important}.ful-input,ful-input,ful-input-file,ful-input-instant,ful-input-local-date,ful-input-local-time{display:block;&:not(:defined){visibility:hidden}&[required]>.form-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}& input:focus,& textarea:focus{border-color:var(--ful-focus-border-color);box-shadow:var(--ful-focus-box-shadow)}&:invalid input,&:invalid textarea{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:var(--ful-invalid-border-color);padding-right:calc(1.5em + .75rem)}&:invalid input:focus,&:invalid textarea:focus{border-color:var(--ful-invalid-border-color);box-shadow:var(--ful-invalid-box-shadow)}}ful-item-list{--ful-item-list-item-color:var(--ful-active-color);--ful-item-list-item-border-radius:var(--ful-border-radius);--ful-item-list-item-bg:var(--ful-active-bg);display:grid;gap:4px;grid-template-columns:1fr auto;&:has(>ful-item>:nth-child(3):last-child){grid-template-columns:1fr auto auto}&>ful-item:first-child{margin-top:6px}&>ful-item:last-child{margin-bottom:6px}&>ful-item{align-items:center;display:grid;grid-column:1/-1;grid-template-columns:subgrid;line-height:21px;text-align:right;&>:first-child{background-color:var(--ful-item-list-item-bg);border-radius:var(--ful-item-list-item-border-radius);color:var(--ful-item-list-item-color);display:inline-block;min-width:30px;overflow:hidden;padding:5px .5rem;text-overflow:ellipsis;white-space:nowrap}&>:first-child,&>:last-child{text-align:left}}}ful-input-file{&>.dropzone{align-items:center;border:5px solid blue;cursor:pointer;display:flex;justify-content:center;min-height:100px}&:not([dropzone])>.dropzone,&:not([itemlist])>ful-item-list{display:none}&[readonly]{&>.dropzone,&>.input-group>input{pointer-events:none}}}ful-select{--ful-select-border-width:var(--ful-inputs-border-width);--ful-select-border-radius:var(--ful-inputs-border-radius);--ful-select-border-color:var(--ful-inputs-border-color);--ful-select-bg:var(--ful-inputs-bg);--ful-select-badge-color:var(--ful-active-color);--ful-select-badge-bg:var(--ful-active-bg);--ful-select-badge-border-radius:var(--ful-border-radius);--ful-select-focus-border-color:var(--ful-focus-border-color);--ful-select-focus-box-shadow:var(--ful-focus-box-shadow);cursor:pointer;display:block;badges{display:flex;flex-wrap:nowrap;gap:3px;overflow:hidden;&:has(badge){min-width:2em}}&:not([itemlist])>ful-item-list,&[itemlist] badges{display:none}badge{align-items:center;background-color:var(--ful-select-badge-bg);border-radius:var(--ful-select-badge-border-radius);color:var(--ful-select-badge-color);display:flex;line-height:1em;margin:5px 0;padding:5px 7px;white-space:nowrap}.ful-select-input-container{border:var(--ful-select-border-width) solid var(--ful-select-border-color);border-radius:var(--ful-select-border-radius);display:block;flex:1 1 auto;position:relative;width:1%;&:has(input:focus){border-color:var(--ful-select-focus-border-color);box-shadow:var(--ful-select-focus-box-shadow);outline:0}}.ful-select-input{background-color:var(--ful-select-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border-radius:var(--ful-select-border-radius);display:flex;flex:1 1 auto;overflow:hidden;padding-left:5px;padding-right:2.25rem;z-index:5}.ful-select-input-container:not(:first-child) .ful-select-input{border-bottom-left-radius:0;border-top-left-radius:0}.ful-select-input-container:not(:last-child) .ful-select-input{border-bottom-right-radius:0;border-top-right-radius:0}&:invalid .ful-select-input-container{border-color:var(--ful-invalid-border-color)}&:disabled .ful-select-input{background-color:var(--ful-disabled-bg);background-size:0}&[readonly] .ful-select-input{background-size:0}&[itemlist]:disabled,&[itemlist][readonly]{&>.input-group{display:none}&>ful-item-list>ful-item:first-child{margin-top:0}&>ful-item-list>ful-item{&>:first-child{grid-column:1/-1}&>:last-child{display:none}}}&[required]>.form-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}input{background-color:transparent;border:0;flex:1 1 auto;line-height:1.5;margin:0;min-width:1em;outline:0;padding:.375rem 0 .375rem 7px;width:1em}}ful-dropdown{--ful-dropdown-color:var(--ful-color);--ful-dropdown-selected-bg:var(--ful-selected-bg);--ful-dropdown-active-bg:var(--ful-active-bg);--ful-dropdown-border-width:var(--ful-border-width);--ful-dropdown-border-radius:var(--ful-border-radius);--ful-dropdown-border-color:var(--ful-border-color);--ful-dropdown-background-color:var(--ful-bg);--ful-dropdown-scrollbar-width:var(--ful-scrollbar-width);--ful-dropdown-scrollbar-border-width:var(--ful-scrollbar-border-width);--ful-dropdown-scrollbar-bg:var(--ful-scrollbar-bg);--ful-dropdown-scrollbar-thumb-bg:var(--ful-scrollbar-thumb-bg);background-clip:padding-box;background-color:var(--ful-dropdown-background-color);border:var(--ful-dropdown-border-width) solid var(--ful-dropdown-border-color);border-radius:var(--ful-dropdown-border-radius);display:block;margin-top:2px;padding:.5rem 0;position:absolute;top:100%;width:100%;z-index:1000;menu{height:auto;margin:0;max-height:200px;overflow-y:auto;padding:0;&::-webkit-scrollbar{width:12px}&::-webkit-scrollbar-track{background-color:var(--ful-dropdown-scrollbar-bg);border-radius:var(--ful-dropdown-scrollbar-width)}&::-webkit-scrollbar-thumb{background-color:var(--ful-dropdown-active-bg);border:var(--ful-dropdown-scrollbar-border-width) solid var(--ful-dropdown-scrollbar-bg);border-radius:var(--ful-dropdown-scrollbar-width)}}li{border:0;cursor:pointer;display:block;padding:.5rem .751rem}li,li:hover,li[selected]{color:var(--ful-dropdown-color)}li:hover,li[selected]{background-color:var(--ful-dropdown-selected-bg)}li:active{background-color:var(--ful-dropdown-active-bg);color:#fff}}ful-radio-group{--ful-radio-group-label-border-color:var(--ful-border-color);--ful-radio-group-label-bg:inherit;--ful-radio-group-label-checked-border-color:var(--ful-active-bg);--ful-radio-group-label-checked-bg:#eefbfb;--ful-radio-group-label-disabled-border-color:var(--ful-border-color);--ful-radio-group-label-disabled-bg:var(--ful-disabled-bg);--ful-radio-group-active-bg:var(--ful-active-bg);display:block;&:not(:defined){visibility:hidden}&[required]>fieldset>legend:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}&>fieldset{&>legend{font-size:16px;margin:0}&>section{display:grid;gap:10px;grid-template-columns:1fr;& label{align-items:center;background-color:var(--ful-radio-group-label-bg);border:1px solid var(--ful-radio-group-label-border-color);border-radius:4px;cursor:pointer;display:flex;height:100%;padding:8px 10px;&>div{flex:1}}& label:has(input[type=radio]:checked){background-color:var(--ful-radio-group-label-checked-bg);border-color:var(--ful-radio-group-label-checked-border-color)}& label:has(input[type=radio]:disabled){background-color:var(--ful-radio-group-label-disabled-bg);border-color:var(--ful-radio-group-label-disabled-border-color)}& input[type=radio]{accent-color:var(--ful-radio-group-label-checked-border-color);height:16px;margin-left:8px;margin-right:12px;vertical-align:text-bottom;width:16px}}}&.horizontal>fieldset>section{gap:16px;grid-template-columns:1fr 1fr}&:invalid>fieldset>section label{border-color:var(--ful-radio-group-active-bg)}}ful-radio{display:none}ful-checkbox{--ful-checkbox-active-bg:var(--ful-active-bg);display:block;&:not(:defined){visibility:hidden}&[required]>.form-check>.form-check-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}& input[type=checkbox]:checked{background-color:var(--ful-checkbox-active-bg);border-color:var(--ful-checkbox-active-bg)}&:invalid input[type=checkbox]{border-color:var(--ful-invalid-border-color);&:checked{background-color:var(--ful-invalid-color)}&:focus{box-shadow:var(--ful-invalid-box-shadow)}}}ful-spinner{--ful-spinner-icon-width:1rem;--ful-spinner-icon-height:1rem;--ful-spinner-icon-border-width:0.2em;--ful-spinner-icon-vertical-align:-0.125em;--ful-spinner-icon-animation-speed:0.75s;--ful-spinner-icon-animation-name:spinner-border;--ful-spinner-icon-color:currentcolor;&:not(:defined){visibility:hidden}&.centered{align-items:center;display:flex;justify-content:center}&.big{--ful-spinner-icon-width:2rem;--ful-spinner-icon-height:2rem;--ful-spinner-icon-border-width:0.25em}&.backdrop,&.bigger{--ful-spinner-icon-width:4rem;--ful-spinner-icon-height:4rem;--ful-spinner-icon-border-width:0.5em}&.backdrop{align-items:center;background-color:hsla(0,0%,65%,.8);display:flex;height:100vh;justify-content:center;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:2000;&>.ful-spinner-wrapper{background-color:#fff;border-radius:1rem;padding:2rem}}&>.ful-spinner-wrapper{display:inline;&>.ful-spinner-icon{animation:var(--ful-spinner-icon-animation-speed) linear infinite var(--ful-spinner-icon-animation-name);border:var(--ful-spinner-icon-border-width) solid var(--ful-spinner-icon-color);border-radius:50%;border-right-color:transparent;display:inline-block;height:var(--ful-spinner-icon-height);vertical-align:var(--ful-spinner-icon-vertical-align);width:var(--ful-spinner-icon-width)}}}body:has(ful-spinner.backdrop:not([hidden])){overflow:hidden}ful-pagination{display:block;margin-top:auto;&:not(:defined){visibility:hidden}& i.bi:before{line-height:24px}& .reload{align-items:center;display:flex;font-size:24px}}ful-table{display:block;&:not(:defined){visibility:hidden}& tbody[data-ref=feedback],& tbody[data-ref=initial],& tbody[data-ref=loading]{height:360px;padding:1.5rem;& td{text-align:center;vertical-align:middle;& p{margin-top:1rem}}}& .pagination-index{align-self:center}}ful-sorter{cursor:pointer;display:block;&:not(:defined){visibility:hidden}&:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f574";display:inline-block;font-family:bootstrap-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:text-top}&:not([order]):before{color:#ccc}&[order=asc]:before{content:"\f574"}&[order=desc]:before{content:"\f575"}}ful-filter-instant,ful-filter-local-date,ful-filter-text{--ful-filter-active-bg:var(--ful-active-bg);--ful-filter-active-color:var(--ful-active-color);display:block;&:not(:defined){visibility:hidden}&[required]>.form-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}.dropdown-item:active{background-color:var(--ful-filter-active-bg);color:var(--ful-filter-active-color)}}
+ful-errors{--ful-errors-color:var(--ful-error-color);--ful-errors-bg:var(--ful-error-bg);--ful-errors-border-color:var(--ful-error-border-color);background-color:var(--ful-errors-bg);border:1px solid var(--ful-errors-border-color);border-radius:var(--ful-border-radius);color:var(--ful-errors-color);display:block;margin-bottom:1rem;padding:1rem}ful-field-error{--ful-field-error-invalid-color:var(--ful-invalid-color);display:none;:invalid &{color:var(--ful-field-error-invalid-color);display:block;margin-top:.25rem}}ful-field-warnings{display:none;&:not(:empty){display:block}}ful-field-warning{animation-composition:initial;animation:show-and-hide 5s ease forwards;background-color:var(--ful-warning-bg);border-color:var(--ful-warning-border-color);border-radius:8px;color:var(--ful-warning-color);display:block;margin:.5rem 0;padding:15px}@keyframes show-and-hide{0%{display:block;opacity:0}3%{opacity:1}90%{opacity:1}to{display:none;opacity:0}}:root{--ful-color:var(--bs-body-color,#212529);--ful-bg:var(--bs-body-bg,#fff);--ful-border-width:var(--bs-border-width,1px);--ful-border-radius:var(--bs-border-radius,0.375rem);--ful-border-color:var(--bs-border-color,#dee2e6);--ful-disabled-bg:var(--bs-secondary-bg,#e9ecef);--ful-selected-bg:var(--bs-tertiary-bg,#f8f9fa);--ful-active-color:#fff;--ful-active-bg:#007376;--ful-focus-border-color:#86b7fe;--ful-focus-box-shadow:0 0 0 .25rem rgba(13,110,253,.25);--ful-invalid-color:var(--bs-form-invalid-color,#dc3545);--ful-invalid-border-color:var(--bs-form-invalid-border-color,#dc3545);--ful-invalid-box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);--ful-error-color:var(--bs-danger-text-emphasis,#58151c);--ful-error-bg:var(--bs-danger-bg-subtle,#f8d7da);--ful-error-border-color:var(--bs-danger-border-subtle,#f1aeb5);--ful-warning-color:var(--bs-warning-text-emphasis,#664d03);--ful-warning-bg:var(--bs-warning-bg-subtle,#fff3cd);--ful-warning-border-color:var(--bs-warning-border-subtle,#ffe69c);--ful-scrollbar-bg:var(--bs-secondary-bg,#e9ecef);--ful-scrollbar-thumb-bg:var(--ful-active-bg);--ful-scrollbar-width:12px;--ful-scrollbar-border-width:1px;--ful-inputs-bg:var(--ful-bg);--ful-inputs-border-width:var(--ful-border-width);--ful-inputs-border-radius:var(--ful-border-radius);--ful-inputs-border-color:var(--ful-border-color)}[hidden]{display:none!important}.ful-input,ful-input,ful-input-file,ful-input-instant,ful-input-local-date,ful-input-local-time{display:block;&:not(:defined){visibility:hidden}&[required]>.form-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}& input:focus,& textarea:focus{border-color:var(--ful-focus-border-color);box-shadow:var(--ful-focus-box-shadow)}&:invalid input,&:invalid textarea{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:var(--ful-invalid-border-color);padding-right:calc(1.5em + .75rem)}&:invalid input:focus,&:invalid textarea:focus{border-color:var(--ful-invalid-border-color);box-shadow:var(--ful-invalid-box-shadow)}}ful-item-list{--ful-item-list-item-color:var(--ful-active-color);--ful-item-list-item-border-radius:var(--ful-border-radius);--ful-item-list-item-bg:var(--ful-active-bg);display:grid;gap:4px;grid-template-columns:1fr auto;&:has(>ful-item>:nth-child(3):last-child){grid-template-columns:1fr auto auto}&>ful-item:first-child{margin-top:6px}&>ful-item:last-child{margin-bottom:6px}&>ful-item{align-items:center;display:grid;grid-column:1/-1;grid-template-columns:subgrid;line-height:21px;text-align:right;&>:first-child{background-color:var(--ful-item-list-item-bg);border-radius:var(--ful-item-list-item-border-radius);color:var(--ful-item-list-item-color);display:inline-block;min-width:30px;overflow:hidden;padding:5px .5rem;text-overflow:ellipsis;white-space:nowrap}&>:first-child,&>:last-child{text-align:left}}}ful-input-file{&>.default-dropzone{align-items:center;border:5px solid blue;cursor:pointer;display:flex;justify-content:center;min-height:100px}&:not([dropzone])>.dropzone,&:not([itemlist])>ful-item-list,&[noinput]>.input-group{display:none}&[readonly]{&>.default-dropzone,&>.dropzone,&>.input-group>input{pointer-events:none}}}ful-select{--ful-select-border-width:var(--ful-inputs-border-width);--ful-select-border-radius:var(--ful-inputs-border-radius);--ful-select-border-color:var(--ful-inputs-border-color);--ful-select-bg:var(--ful-inputs-bg);--ful-select-badge-color:var(--ful-active-color);--ful-select-badge-bg:var(--ful-active-bg);--ful-select-badge-border-radius:var(--ful-border-radius);--ful-select-focus-border-color:var(--ful-focus-border-color);--ful-select-focus-box-shadow:var(--ful-focus-box-shadow);cursor:pointer;display:block;badges{display:flex;flex-wrap:nowrap;gap:3px;overflow:hidden;&:has(badge){min-width:2em}}&:not([itemlist])>ful-item-list,&[itemlist] badges{display:none}badge{align-items:center;background-color:var(--ful-select-badge-bg);border-radius:var(--ful-select-badge-border-radius);color:var(--ful-select-badge-color);display:flex;line-height:1em;margin:5px 0;padding:5px 7px;white-space:nowrap}.ful-select-input-container{border:var(--ful-select-border-width) solid var(--ful-select-border-color);border-radius:var(--ful-select-border-radius);display:block;flex:1 1 auto;position:relative;width:1%;&:has(input:focus){border-color:var(--ful-select-focus-border-color);box-shadow:var(--ful-select-focus-box-shadow);outline:0}}.ful-select-input{background-color:var(--ful-select-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border-radius:var(--ful-select-border-radius);display:flex;flex:1 1 auto;overflow:hidden;padding-left:5px;padding-right:2.25rem;z-index:5}.ful-select-input-container:not(:first-child) .ful-select-input{border-bottom-left-radius:0;border-top-left-radius:0}.ful-select-input-container:not(:last-child) .ful-select-input{border-bottom-right-radius:0;border-top-right-radius:0}&:invalid .ful-select-input-container{border-color:var(--ful-invalid-border-color)}&:disabled .ful-select-input{background-color:var(--ful-disabled-bg);background-size:0}&[readonly] .ful-select-input{background-size:0}&[itemlist]:disabled,&[itemlist][readonly]{&>.input-group{display:none}&>ful-item-list>ful-item:first-child{margin-top:0}&>ful-item-list>ful-item{&>:first-child{grid-column:1/-1}&>:last-child{display:none}}}&[required]>.form-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}input{background-color:transparent;border:0;flex:1 1 auto;line-height:1.5;margin:0;min-width:1em;outline:0;padding:.375rem 0 .375rem 7px;width:1em}}ful-dropdown{--ful-dropdown-color:var(--ful-color);--ful-dropdown-selected-bg:var(--ful-selected-bg);--ful-dropdown-active-bg:var(--ful-active-bg);--ful-dropdown-border-width:var(--ful-border-width);--ful-dropdown-border-radius:var(--ful-border-radius);--ful-dropdown-border-color:var(--ful-border-color);--ful-dropdown-background-color:var(--ful-bg);--ful-dropdown-scrollbar-width:var(--ful-scrollbar-width);--ful-dropdown-scrollbar-border-width:var(--ful-scrollbar-border-width);--ful-dropdown-scrollbar-bg:var(--ful-scrollbar-bg);--ful-dropdown-scrollbar-thumb-bg:var(--ful-scrollbar-thumb-bg);background-clip:padding-box;background-color:var(--ful-dropdown-background-color);border:var(--ful-dropdown-border-width) solid var(--ful-dropdown-border-color);border-radius:var(--ful-dropdown-border-radius);display:block;margin-top:2px;padding:.5rem 0;position:absolute;top:100%;width:100%;z-index:1000;menu{height:auto;margin:0;max-height:200px;overflow-y:auto;padding:0;&::-webkit-scrollbar{width:12px}&::-webkit-scrollbar-track{background-color:var(--ful-dropdown-scrollbar-bg);border-radius:var(--ful-dropdown-scrollbar-width)}&::-webkit-scrollbar-thumb{background-color:var(--ful-dropdown-active-bg);border:var(--ful-dropdown-scrollbar-border-width) solid var(--ful-dropdown-scrollbar-bg);border-radius:var(--ful-dropdown-scrollbar-width)}}li{border:0;cursor:pointer;display:block;padding:.5rem .751rem}li,li:hover,li[selected]{color:var(--ful-dropdown-color)}li:hover,li[selected]{background-color:var(--ful-dropdown-selected-bg)}li:active{background-color:var(--ful-dropdown-active-bg);color:#fff}}ful-radio-group{--ful-radio-group-label-border-color:var(--ful-border-color);--ful-radio-group-label-bg:inherit;--ful-radio-group-label-checked-border-color:var(--ful-active-bg);--ful-radio-group-label-checked-bg:#eefbfb;--ful-radio-group-label-disabled-border-color:var(--ful-border-color);--ful-radio-group-label-disabled-bg:var(--ful-disabled-bg);--ful-radio-group-active-bg:var(--ful-active-bg);display:block;&:not(:defined){visibility:hidden}&[required]>fieldset>legend:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}&>fieldset{&>legend{font-size:16px;margin:0}&>section{display:grid;gap:10px;grid-template-columns:1fr;& label{align-items:center;background-color:var(--ful-radio-group-label-bg);border:1px solid var(--ful-radio-group-label-border-color);border-radius:4px;cursor:pointer;display:flex;height:100%;padding:8px 10px;&>div{flex:1}}& label:has(input[type=radio]:checked){background-color:var(--ful-radio-group-label-checked-bg);border-color:var(--ful-radio-group-label-checked-border-color)}& label:has(input[type=radio]:disabled){background-color:var(--ful-radio-group-label-disabled-bg);border-color:var(--ful-radio-group-label-disabled-border-color)}& input[type=radio]{accent-color:var(--ful-radio-group-label-checked-border-color);height:16px;margin-left:8px;margin-right:12px;vertical-align:text-bottom;width:16px}}}&.horizontal>fieldset>section{gap:16px;grid-template-columns:1fr 1fr}&:invalid>fieldset>section label{border-color:var(--ful-radio-group-active-bg)}}ful-radio{display:none}ful-checkbox{--ful-checkbox-active-bg:var(--ful-active-bg);display:block;&:not(:defined){visibility:hidden}&[required]>.form-check>.form-check-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}& input[type=checkbox]:checked{background-color:var(--ful-checkbox-active-bg);border-color:var(--ful-checkbox-active-bg)}&:invalid input[type=checkbox]{border-color:var(--ful-invalid-border-color);&:checked{background-color:var(--ful-invalid-color)}&:focus{box-shadow:var(--ful-invalid-box-shadow)}}}ful-spinner{--ful-spinner-icon-width:1rem;--ful-spinner-icon-height:1rem;--ful-spinner-icon-border-width:0.2em;--ful-spinner-icon-vertical-align:-0.125em;--ful-spinner-icon-animation-speed:0.75s;--ful-spinner-icon-animation-name:spinner-border;--ful-spinner-icon-color:currentcolor;&:not(:defined){visibility:hidden}&.centered{align-items:center;display:flex;justify-content:center}&.big{--ful-spinner-icon-width:2rem;--ful-spinner-icon-height:2rem;--ful-spinner-icon-border-width:0.25em}&.backdrop,&.bigger{--ful-spinner-icon-width:4rem;--ful-spinner-icon-height:4rem;--ful-spinner-icon-border-width:0.5em}&.backdrop{align-items:center;background-color:hsla(0,0%,65%,.8);display:flex;height:100vh;justify-content:center;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:2000;&>.ful-spinner-wrapper{background-color:#fff;border-radius:1rem;padding:2rem}}&>.ful-spinner-wrapper{display:inline;&>.ful-spinner-icon{animation:var(--ful-spinner-icon-animation-speed) linear infinite var(--ful-spinner-icon-animation-name);border:var(--ful-spinner-icon-border-width) solid var(--ful-spinner-icon-color);border-radius:50%;border-right-color:transparent;display:inline-block;height:var(--ful-spinner-icon-height);vertical-align:var(--ful-spinner-icon-vertical-align);width:var(--ful-spinner-icon-width)}}}body:has(ful-spinner.backdrop:not([hidden])){overflow:hidden}ful-pagination{display:block;margin-top:auto;&:not(:defined){visibility:hidden}& i.bi:before{line-height:24px}& .reload{align-items:center;display:flex;font-size:24px}}ful-table{display:block;&:not(:defined){visibility:hidden}& tbody[data-ref=feedback],& tbody[data-ref=initial],& tbody[data-ref=loading]{height:360px;padding:1.5rem;& td{text-align:center;vertical-align:middle;& p{margin-top:1rem}}}& .pagination-index{align-self:center}}ful-sorter{cursor:pointer;display:block;&:not(:defined){visibility:hidden}&:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f574";display:inline-block;font-family:bootstrap-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:text-top}&:not([order]):before{color:#ccc}&[order=asc]:before{content:"\f574"}&[order=desc]:before{content:"\f575"}}ful-filter-instant,ful-filter-local-date,ful-filter-text{--ful-filter-active-bg:var(--ful-active-bg);--ful-filter-active-color:var(--ful-active-color);display:block;&:not(:defined){visibility:hidden}&[required]>.form-label>label:before{color:var(--ful-color);content:"* ";display:inline;font-weight:700}.dropdown-item:active{background-color:var(--ful-filter-active-bg);color:var(--ful-filter-active-color)}}
 /*# sourceMappingURL=ful.css.map */

package/dist/ful.css.map

@@ -1 +1 @@
-{"version":3,"sources":["errors.css","form.css","input.css","files.css","select.css","radio.css","checkbox.css","spinner.css","table.css","filters.css"],"names":[],"mappings":"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","file":"ful.css","sourcesContent":["ful-errors {\n    --ful-errors-color: var(--ful-error-color);\n    --ful-errors-bg: var(--ful-error-bg);\n    --ful-errors-border-color: var(--ful-error-border-color);\n\n    display: block;\n    padding: 1rem;\n    margin-bottom: 1rem;\n    color: var(--ful-errors-color);\n    background-color: var(--ful-errors-bg);\n    border: 1px solid var(--ful-errors-border-color);\n    border-radius: var(--ful-border-radius);\n}\n\nful-field-error {\n    --ful-field-error-invalid-color: var(--ful-invalid-color);\n    display: none;\n\n    :invalid & {\n        display: block;\n        margin-top: .25rem;\n        color: var(--ful-field-error-invalid-color);\n    }    \n}\n\nful-field-warnings {\n    display: none;\n    &:not(:empty) {\n        display: block;\n    }\n}\n\nful-field-warning {\n    display: block;\n    margin: 0.5rem 0;\n    padding: 15px;\n    color: var(--ful-warning-color);\n    background-color: var(--ful-warning-bg);\n    border-color: var(--ful-warning-border-color);\n    border-radius: 8px;\n    animation: show-and-hide 5s ease forwards;\n    animation-composition: initial;\n}\n\n@keyframes show-and-hide {\n    0% {\n        opacity: 0;\n        display: block;\n    }\n\n    3% {\n        opacity: 1;\n    }\n\n    90% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n        display: none;\n    }\n}",":root {\n\n    --ful-color: var(--bs-body-color, #212529);\n    --ful-bg: var(--bs-body-bg, #fff);\n\n    --ful-border-width: var(--bs-border-width, 1px);\n    --ful-border-radius: var(--bs-border-radius, 0.375rem);\n    --ful-border-color: var(--bs-border-color, #dee2e6);\n\n    --ful-disabled-bg: var(--bs-secondary-bg, #e9ecef);\n    --ful-selected-bg: var(--bs-tertiary-bg, #f8f9fa);\n\n    --ful-active-color: white;\n    --ful-active-bg: #007376;\n\n    --ful-focus-border-color: #86b7fe;\n    --ful-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);\n\n    --ful-invalid-color: var(--bs-form-invalid-color, #dc3545);\n    --ful-invalid-border-color: var(--bs-form-invalid-border-color, #dc3545);\n    --ful-invalid-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);\n\n    --ful-error-color: var(--bs-danger-text-emphasis, #58151c);\n    --ful-error-bg: var(--bs-danger-bg-subtle, #f8d7da);\n    --ful-error-border-color: var(--bs-danger-border-subtle, #f1aeb5);\n\n    --ful-warning-color: var(--bs-warning-text-emphasis, #664d03);\n    --ful-warning-bg: var(--bs-warning-bg-subtle, #fff3cd);\n    --ful-warning-border-color: var(--bs-warning-border-subtle, #ffe69c);\n\n    --ful-scrollbar-bg: var(--bs-secondary-bg, #e9ecef);\n    --ful-scrollbar-thumb-bg: var(--ful-active-bg);\n    --ful-scrollbar-width: 12px;\n    --ful-scrollbar-border-width: 1px;\n\n\n    --ful-inputs-bg: var(--ful-bg);\n    --ful-inputs-border-width: var(--ful-border-width);\n    --ful-inputs-border-radius: var(--ful-border-radius);\n    --ful-inputs-border-color: var(--ful-border-color);\n\n}\n\n\n[hidden] {\n    display: none !important;\n}","ful-input,\n.ful-input,\nful-input-file,\nful-input-local-date,\nful-input-local-time,\nful-input-instant {\n    display: block;\n\n\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required] > .form-label > label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    & textarea:focus,\n    & input:focus {\n        border-color: var(--ful-focus-border-color);\n        box-shadow: var(--ful-focus-box-shadow);\n    }\n\n\n    &:invalid textarea,\n    &:invalid input {\n        border-color: var(--ful-invalid-border-color);\n        padding-right: calc(1.5em + .75rem);\n        background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");\n        background-repeat: no-repeat;\n        background-position: right calc(.375em + .1875rem) center;\n        background-size: calc(.75em + .375rem) calc(.75em + .375rem);\n    }\n\n    &:invalid textarea:focus,\n    &:invalid input:focus {\n        border-color: var(--ful-invalid-border-color);\n        box-shadow: var(--ful-invalid-box-shadow);\n    }\n\n}\n\nful-item-list {\n    --ful-item-list-item-color: var(--ful-active-color);\n    --ful-item-list-item-border-radius: var(--ful-border-radius);\n    --ful-item-list-item-bg: var(--ful-active-bg);\n\n\n\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 4px;\n\n    &:has(> ful-item > *:nth-child(3):last-child) {\n        grid-template-columns: 1fr auto auto;\n    }\n\n    &>ful-item:first-child {\n        margin-top: 6px;\n    }\n\n    &>ful-item:last-child {\n        margin-bottom: 6px;\n    }\n\n    &>ful-item {\n        display: grid;\n        grid-column: 1 / -1;\n        grid-template-columns: subgrid;\n        align-items: center;\n        text-align: right;\n        line-height: 21px;\n\n        &>*:first-child {\n            text-align: left;\n            min-width: 30px;\n            display: inline-block;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            padding: 5px 0.5rem;\n            color: var(--ful-item-list-item-color);\n            border-radius: var(--ful-item-list-item-border-radius);\n            background-color: var(--ful-item-list-item-bg);\n        }\n\n        &>*:last-child {\n            text-align: left;\n        }\n    }\n}","ful-input-file {\n\n    &>.dropzone {\n        border: 5px solid blue;\n        min-height: 100px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n    }\n\n\n    &:not([dropzone])>.dropzone {\n        display: none;\n    }\n\n    &:not([itemlist])>ful-item-list {\n        display: none;\n    }\n\n    &[readonly] {\n        &>.dropzone {\n            pointer-events: none;\n        }\n        &>.input-group>input {\n            pointer-events: none;\n        }\n    }\n\n}","ful-select {\n    --ful-select-border-width: var(--ful-inputs-border-width);\n    --ful-select-border-radius: var(--ful-inputs-border-radius);\n    --ful-select-border-color: var(--ful-inputs-border-color);\n    --ful-select-bg: var(--ful-inputs-bg);\n\n    --ful-select-badge-color: var(--ful-active-color);\n    --ful-select-badge-bg: var(--ful-active-bg);\n    --ful-select-badge-border-radius: var(--ful-border-radius);\n    --ful-select-focus-border-color: var(--ful-focus-border-color);\n    --ful-select-focus-box-shadow: var(--ful-focus-box-shadow);\n\n\n    display: block;\n    cursor: pointer;\n\n    badges {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 3px;\n        overflow: hidden;\n\n        &:has(badge) {\n            min-width: 2em;\n        }\n    }\n\n    &[itemlist] badges {\n        display: none;\n    }\n\n    &:not([itemlist])>ful-item-list {\n        display: none;\n    }\n\n\n    badge {\n        padding: 5px 7px;\n        margin: 5px 0;\n        color: var(--ful-select-badge-color);\n        white-space: nowrap;\n        border-radius: var(--ful-select-badge-border-radius);\n        background-color: var(--ful-select-badge-bg);\n        display: flex;\n        align-items: center;\n        line-height: 1em;\n    }\n\n\n    .ful-select-input-container {\n        position: relative;\n        display: block;\n        flex: 1 1 auto;\n        width: 1%;\n        border: var(--ful-select-border-width) solid var(--ful-select-border-color);\n        border-radius: var(--ful-select-border-radius);\n\n        &:has(input:focus) {\n            border-color: var(--ful-select-focus-border-color);\n            outline: 0;\n            box-shadow: var(--ful-select-focus-box-shadow);\n        }\n\n    }\n\n    .ful-select-input {\n        display: flex;\n        flex: 1 1 auto;\n        padding-left: 5px;\n        padding-right: 2.25rem;\n        background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");\n        background-position: right .75rem center;\n        background-repeat: no-repeat;\n        background-size: 16px 12px;\n        background-color: var(--ful-select-bg);\n        overflow: hidden;\n        z-index: 5;\n        border-radius: var(--ful-select-border-radius);\n\n\n\n    }\n\n    .ful-select-input-container:not(:first-child) .ful-select-input {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .ful-select-input-container:not(:last-child) .ful-select-input {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    &:invalid .ful-select-input-container {\n        border-color: var(--ful-invalid-border-color);\n    }\n\n\n    &:disabled .ful-select-input {\n        background-size: 0;\n        background-color: var(--ful-disabled-bg);\n    }\n\n\n    &[readonly] .ful-select-input {\n        background-size: 0;\n    }\n\n    &[itemlist][readonly], &[itemlist]:disabled {\n        &>.input-group {\n            display: none;\n        }\n        &> ful-item-list > ful-item:first-child {\n            margin-top: 0;\n        }\n        &> ful-item-list > ful-item {\n            & > *:first-child {\n                grid-column: 1 / -1;\n            }\n            & > *:last-child {\n                display: none;\n            }\n        }\n    }\n\n    &[required] > .form-label > label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    input {\n        border: 0;\n        margin: 0;\n        outline: 0;\n        padding: .375rem 0 .375rem 7px;\n        line-height: 1.5;\n        flex: 1 1 auto;\n        min-width: 1em;\n        width: 1em;\n        background-color: transparent;\n    }\n\n\n}\n\nful-dropdown {\n    --ful-dropdown-color: var(--ful-color);\n    --ful-dropdown-selected-bg: var(--ful-selected-bg);\n    --ful-dropdown-active-bg: var(--ful-active-bg);\n    --ful-dropdown-border-width: var(--ful-border-width);\n    --ful-dropdown-border-radius: var(--ful-border-radius);\n    --ful-dropdown-border-color: var(--ful-border-color);\n    --ful-dropdown-background-color: var(--ful-bg);\n    --ful-dropdown-scrollbar-width: var(--ful-scrollbar-width);\n    --ful-dropdown-scrollbar-border-width: var(--ful-scrollbar-border-width);\n    --ful-dropdown-scrollbar-bg: var(--ful-scrollbar-bg);\n    --ful-dropdown-scrollbar-thumb-bg: var(--ful-scrollbar-thumb-bg);\n\n    display: block;\n    position: absolute;\n    z-index: 1000;\n    padding: 0.5rem 0;\n    top: 100%;\n    margin-top: 2px;\n\n    background-color: var(--ful-dropdown-background-color);\n    background-clip: padding-box;\n    border: var(--ful-dropdown-border-width) solid var(--ful-dropdown-border-color);\n    border-radius: var(--ful-dropdown-border-radius);\n    width: 100%;\n\n    menu {\n        height: auto;\n        max-height: 200px;\n        overflow-y: auto;\n        padding: 0;\n        margin: 0;\n\n        &::-webkit-scrollbar {\n            width: 12px;\n        }\n\n        &::-webkit-scrollbar-track {\n            background-color: var(--ful-dropdown-scrollbar-bg);\n            border-radius: var(--ful-dropdown-scrollbar-width);\n        }\n\n        &::-webkit-scrollbar-thumb {\n            border-radius: var(--ful-dropdown-scrollbar-width);\n            background-color: var(--ful-dropdown-active-bg);\n            border: var(--ful-dropdown-scrollbar-border-width) solid var(--ful-dropdown-scrollbar-bg);\n        }\n\n    }\n\n    li {\n        padding: .5rem .751rem;\n        color: var(--ful-dropdown-color);\n        display: block;\n        border: 0;\n        cursor: pointer;\n    }\n\n    li:hover,\n    li[selected] {\n        color: var(--ful-dropdown-color);\n        background-color: var(--ful-dropdown-selected-bg);\n    }\n\n    li:active {\n        color: #fff;\n        background-color: var(--ful-dropdown-active-bg);\n    }\n\n}","ful-radio-group {\n    --ful-radio-group-label-border-color: var(--ful-border-color);\n    --ful-radio-group-label-bg: inherit;\n    --ful-radio-group-label-checked-border-color: var(--ful-active-bg);\n    --ful-radio-group-label-checked-bg: #eefbfb;\n    --ful-radio-group-label-disabled-border-color: var(--ful-border-color);\n    --ful-radio-group-label-disabled-bg: var(--ful-disabled-bg);\n    --ful-radio-group-active-bg: var(--ful-active-bg);\n\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required] > fieldset > legend::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    &>fieldset {\n        &>legend {\n            font-size: 16px;\n            margin: 0;\n        }\n\n        &>section {\n            display: grid;\n            gap: 10px;\n            grid-template-columns: 1fr;\n\n            & label {\n                display: flex;\n                align-items: center;\n                border: 1px solid var(--ful-radio-group-label-border-color);\n                background-color: var(--ful-radio-group-label-bg);\n                border-radius: 4px;\n                padding: 8px 10px;\n                height: 100%;\n                cursor: pointer;\n\n                &>div {\n                    flex: 1\n                }\n            }\n\n            & label:has(input[type=radio]:checked) {\n                background-color: var(--ful-radio-group-label-checked-bg);\n                border-color: var(--ful-radio-group-label-checked-border-color);\n            }\n\n            & label:has(input[type=radio]:disabled) {\n                background-color: var(--ful-radio-group-label-disabled-bg);\n                border-color: var(--ful-radio-group-label-disabled-border-color);\n            }\n\n            & input[type=radio] {\n                margin-left: 8px;\n                margin-right: 12px;\n                height: 16px;\n                width: 16px;\n                vertical-align: text-bottom;\n                accent-color: var(--ful-radio-group-label-checked-border-color);\n            }\n        }\n    }\n\n    &.horizontal>fieldset>section {\n        gap: 16px;\n        grid-template-columns: 1fr 1fr;\n    }\n\n    &:invalid>fieldset>section label {\n        border-color: var(--ful-radio-group-active-bg);\n    }\n}\n\nful-radio {\n    display: none;\n}","ful-checkbox {\n\n    --ful-checkbox-active-bg: var(--ful-active-bg);\n\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required]>.form-check>.form-check-label>label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n    & input[type=checkbox]:checked {\n        background-color: var(--ful-checkbox-active-bg);\n        border-color: var(--ful-checkbox-active-bg);\n    }\n\n    &:invalid input[type=checkbox] {\n        border-color: var(--ful-invalid-border-color);\n\n        &:checked {\n            background-color: var(--ful-invalid-color);\n        }\n\n        &:focus {\n            box-shadow: var(--ful-invalid-box-shadow);\n        }\n    }\n\n}","ful-spinner {\n    --ful-spinner-icon-width: 1rem;\n    --ful-spinner-icon-height: 1rem;\n    --ful-spinner-icon-border-width: 0.2em;\n    --ful-spinner-icon-vertical-align: -0.125em;\n    --ful-spinner-icon-animation-speed: 0.75s;\n    --ful-spinner-icon-animation-name: spinner-border;\n    --ful-spinner-icon-color: currentcolor;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &.centered {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    &.big {\n        --ful-spinner-icon-width: 2rem;\n        --ful-spinner-icon-height: 2rem;\n        --ful-spinner-icon-border-width: 0.25em;\n    }\n\n    &.bigger {\n        --ful-spinner-icon-width: 4rem;\n        --ful-spinner-icon-height: 4rem;\n        --ful-spinner-icon-border-width: 0.5em;\n    }\n\n    &.backdrop {\n        --ful-spinner-icon-width: 4rem;\n        --ful-spinner-icon-height: 4rem;\n        --ful-spinner-icon-border-width: 0.5em;\n\n        z-index: 2000;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        overflow-x: hidden;\n        overflow-y: auto;\n        outline: 0;\n        background-color: rgb(167 167 167 / 80%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        &>.ful-spinner-wrapper {\n            padding: 2rem;\n            background-color: white;\n            border-radius: 1rem;\n        }\n    }\n\n    &>.ful-spinner-wrapper {\n        display: inline;\n\n        &>.ful-spinner-icon {\n            display: inline-block;\n            width: var(--ful-spinner-icon-width);\n            height: var(--ful-spinner-icon-height);\n            vertical-align: var(--ful-spinner-icon-vertical-align);\n            border-radius: 50%;\n            border: var(--ful-spinner-icon-border-width) solid var(--ful-spinner-icon-color);\n            border-right-color: transparent;\n            animation: var(--ful-spinner-icon-animation-speed) linear infinite var(--ful-spinner-icon-animation-name);\n        }\n    }\n\n}\n\nbody:has(ful-spinner.backdrop:not([hidden])) {\n    overflow: hidden;\n}","ful-pagination {\n    display: block;\n    margin-top: auto;\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    & i.bi::before {\n        line-height: 24px;\n    }\n    & .reload {\n        display: flex;\n        align-items: center;\n        font-size: 24px;\n    }\n}\n\nful-table {\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    & tbody[data-ref=initial],\n    & tbody[data-ref=loading],\n    & tbody[data-ref=feedback]\n    {\n        height: 360px;\n        padding: 1.5rem;\n        & td {\n\n            text-align: center;\n            vertical-align: middle;\n            & p {\n                margin-top: 1rem;\n            }\n        }\n    }\n\n    & .pagination-index {\n        align-self: center;\n    }\n\n}\n\n\nful-sorter {\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    cursor: pointer;\n\n    &::before {\n        display: inline-block;\n        vertical-align: text-top;\n        font-family: bootstrap-icons;\n        font-style: normal;\n        font-weight: 400;\n        font-variant: normal;\n        text-transform: none;\n        line-height: 1;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        content: \"\\f574\";\n    }\n\n    &:not([order])::before {\n        color: #cccccc;\n    }\n\n    &[order=asc]::before {\n        content: \"\\f574\"\n    }\n\n    &[order=desc]::before {\n        content: \"\\f575\";\n    }\n}","ful-filter-text, ful-filter-instant, ful-filter-local-date {\n\n    --ful-filter-active-bg: var(--ful-active-bg);\n    --ful-filter-active-color: var(--ful-active-color);\n\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required] > .form-label > label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    .dropdown-item:active {\n        color: var(--ful-filter-active-color);\n        background-color: var(--ful-filter-active-bg);\n    }\n\n}"]}
+{"version":3,"sources":["errors.css","form.css","input.css","files.css","select.css","radio.css","checkbox.css","spinner.css","table.css","filters.css"],"names":[],"mappings":"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","file":"ful.css","sourcesContent":["ful-errors {\n    --ful-errors-color: var(--ful-error-color);\n    --ful-errors-bg: var(--ful-error-bg);\n    --ful-errors-border-color: var(--ful-error-border-color);\n\n    display: block;\n    padding: 1rem;\n    margin-bottom: 1rem;\n    color: var(--ful-errors-color);\n    background-color: var(--ful-errors-bg);\n    border: 1px solid var(--ful-errors-border-color);\n    border-radius: var(--ful-border-radius);\n}\n\nful-field-error {\n    --ful-field-error-invalid-color: var(--ful-invalid-color);\n    display: none;\n\n    :invalid & {\n        display: block;\n        margin-top: .25rem;\n        color: var(--ful-field-error-invalid-color);\n    }    \n}\n\nful-field-warnings {\n    display: none;\n    &:not(:empty) {\n        display: block;\n    }\n}\n\nful-field-warning {\n    display: block;\n    margin: 0.5rem 0;\n    padding: 15px;\n    color: var(--ful-warning-color);\n    background-color: var(--ful-warning-bg);\n    border-color: var(--ful-warning-border-color);\n    border-radius: 8px;\n    animation: show-and-hide 5s ease forwards;\n    animation-composition: initial;\n}\n\n@keyframes show-and-hide {\n    0% {\n        opacity: 0;\n        display: block;\n    }\n\n    3% {\n        opacity: 1;\n    }\n\n    90% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n        display: none;\n    }\n}",":root {\n\n    --ful-color: var(--bs-body-color, #212529);\n    --ful-bg: var(--bs-body-bg, #fff);\n\n    --ful-border-width: var(--bs-border-width, 1px);\n    --ful-border-radius: var(--bs-border-radius, 0.375rem);\n    --ful-border-color: var(--bs-border-color, #dee2e6);\n\n    --ful-disabled-bg: var(--bs-secondary-bg, #e9ecef);\n    --ful-selected-bg: var(--bs-tertiary-bg, #f8f9fa);\n\n    --ful-active-color: white;\n    --ful-active-bg: #007376;\n\n    --ful-focus-border-color: #86b7fe;\n    --ful-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);\n\n    --ful-invalid-color: var(--bs-form-invalid-color, #dc3545);\n    --ful-invalid-border-color: var(--bs-form-invalid-border-color, #dc3545);\n    --ful-invalid-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);\n\n    --ful-error-color: var(--bs-danger-text-emphasis, #58151c);\n    --ful-error-bg: var(--bs-danger-bg-subtle, #f8d7da);\n    --ful-error-border-color: var(--bs-danger-border-subtle, #f1aeb5);\n\n    --ful-warning-color: var(--bs-warning-text-emphasis, #664d03);\n    --ful-warning-bg: var(--bs-warning-bg-subtle, #fff3cd);\n    --ful-warning-border-color: var(--bs-warning-border-subtle, #ffe69c);\n\n    --ful-scrollbar-bg: var(--bs-secondary-bg, #e9ecef);\n    --ful-scrollbar-thumb-bg: var(--ful-active-bg);\n    --ful-scrollbar-width: 12px;\n    --ful-scrollbar-border-width: 1px;\n\n\n    --ful-inputs-bg: var(--ful-bg);\n    --ful-inputs-border-width: var(--ful-border-width);\n    --ful-inputs-border-radius: var(--ful-border-radius);\n    --ful-inputs-border-color: var(--ful-border-color);\n\n}\n\n\n[hidden] {\n    display: none !important;\n}","ful-input,\n.ful-input,\nful-input-file,\nful-input-local-date,\nful-input-local-time,\nful-input-instant {\n    display: block;\n\n\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required] > .form-label > label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    & textarea:focus,\n    & input:focus {\n        border-color: var(--ful-focus-border-color);\n        box-shadow: var(--ful-focus-box-shadow);\n    }\n\n\n    &:invalid textarea,\n    &:invalid input {\n        border-color: var(--ful-invalid-border-color);\n        padding-right: calc(1.5em + .75rem);\n        background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");\n        background-repeat: no-repeat;\n        background-position: right calc(.375em + .1875rem) center;\n        background-size: calc(.75em + .375rem) calc(.75em + .375rem);\n    }\n\n    &:invalid textarea:focus,\n    &:invalid input:focus {\n        border-color: var(--ful-invalid-border-color);\n        box-shadow: var(--ful-invalid-box-shadow);\n    }\n\n}\n\nful-item-list {\n    --ful-item-list-item-color: var(--ful-active-color);\n    --ful-item-list-item-border-radius: var(--ful-border-radius);\n    --ful-item-list-item-bg: var(--ful-active-bg);\n\n\n\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 4px;\n\n    &:has(> ful-item > *:nth-child(3):last-child) {\n        grid-template-columns: 1fr auto auto;\n    }\n\n    &>ful-item:first-child {\n        margin-top: 6px;\n    }\n\n    &>ful-item:last-child {\n        margin-bottom: 6px;\n    }\n\n    &>ful-item {\n        display: grid;\n        grid-column: 1 / -1;\n        grid-template-columns: subgrid;\n        align-items: center;\n        text-align: right;\n        line-height: 21px;\n\n        &>*:first-child {\n            text-align: left;\n            min-width: 30px;\n            display: inline-block;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            padding: 5px 0.5rem;\n            color: var(--ful-item-list-item-color);\n            border-radius: var(--ful-item-list-item-border-radius);\n            background-color: var(--ful-item-list-item-bg);\n        }\n\n        &>*:last-child {\n            text-align: left;\n        }\n    }\n}","ful-input-file {\n\n    &>.default-dropzone {\n        border: 5px solid blue;\n        min-height: 100px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n    }\n\n    &[noinput] > .input-group {\n        display: none;\n    }\n\n\n    &:not([dropzone])>.dropzone {\n        display: none;\n    }\n\n    &:not([itemlist])>ful-item-list {\n        display: none;\n    }\n\n    &[readonly] {\n        &>.default-dropzone,\n        &>.dropzone {\n            pointer-events: none;\n        }\n\n        &>.input-group>input {\n            pointer-events: none;\n        }\n    }\n\n\n\n}","ful-select {\n    --ful-select-border-width: var(--ful-inputs-border-width);\n    --ful-select-border-radius: var(--ful-inputs-border-radius);\n    --ful-select-border-color: var(--ful-inputs-border-color);\n    --ful-select-bg: var(--ful-inputs-bg);\n\n    --ful-select-badge-color: var(--ful-active-color);\n    --ful-select-badge-bg: var(--ful-active-bg);\n    --ful-select-badge-border-radius: var(--ful-border-radius);\n    --ful-select-focus-border-color: var(--ful-focus-border-color);\n    --ful-select-focus-box-shadow: var(--ful-focus-box-shadow);\n\n\n    display: block;\n    cursor: pointer;\n\n    badges {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 3px;\n        overflow: hidden;\n\n        &:has(badge) {\n            min-width: 2em;\n        }\n    }\n\n    &[itemlist] badges {\n        display: none;\n    }\n\n    &:not([itemlist])>ful-item-list {\n        display: none;\n    }\n\n\n    badge {\n        padding: 5px 7px;\n        margin: 5px 0;\n        color: var(--ful-select-badge-color);\n        white-space: nowrap;\n        border-radius: var(--ful-select-badge-border-radius);\n        background-color: var(--ful-select-badge-bg);\n        display: flex;\n        align-items: center;\n        line-height: 1em;\n    }\n\n\n    .ful-select-input-container {\n        position: relative;\n        display: block;\n        flex: 1 1 auto;\n        width: 1%;\n        border: var(--ful-select-border-width) solid var(--ful-select-border-color);\n        border-radius: var(--ful-select-border-radius);\n\n        &:has(input:focus) {\n            border-color: var(--ful-select-focus-border-color);\n            outline: 0;\n            box-shadow: var(--ful-select-focus-box-shadow);\n        }\n\n    }\n\n    .ful-select-input {\n        display: flex;\n        flex: 1 1 auto;\n        padding-left: 5px;\n        padding-right: 2.25rem;\n        background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");\n        background-position: right .75rem center;\n        background-repeat: no-repeat;\n        background-size: 16px 12px;\n        background-color: var(--ful-select-bg);\n        overflow: hidden;\n        z-index: 5;\n        border-radius: var(--ful-select-border-radius);\n\n\n\n    }\n\n    .ful-select-input-container:not(:first-child) .ful-select-input {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .ful-select-input-container:not(:last-child) .ful-select-input {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    &:invalid .ful-select-input-container {\n        border-color: var(--ful-invalid-border-color);\n    }\n\n\n    &:disabled .ful-select-input {\n        background-size: 0;\n        background-color: var(--ful-disabled-bg);\n    }\n\n\n    &[readonly] .ful-select-input {\n        background-size: 0;\n    }\n\n    &[itemlist][readonly], &[itemlist]:disabled {\n        &>.input-group {\n            display: none;\n        }\n        &> ful-item-list > ful-item:first-child {\n            margin-top: 0;\n        }\n        &> ful-item-list > ful-item {\n            & > *:first-child {\n                grid-column: 1 / -1;\n            }\n            & > *:last-child {\n                display: none;\n            }\n        }\n    }\n\n    &[required] > .form-label > label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    input {\n        border: 0;\n        margin: 0;\n        outline: 0;\n        padding: .375rem 0 .375rem 7px;\n        line-height: 1.5;\n        flex: 1 1 auto;\n        min-width: 1em;\n        width: 1em;\n        background-color: transparent;\n    }\n\n\n}\n\nful-dropdown {\n    --ful-dropdown-color: var(--ful-color);\n    --ful-dropdown-selected-bg: var(--ful-selected-bg);\n    --ful-dropdown-active-bg: var(--ful-active-bg);\n    --ful-dropdown-border-width: var(--ful-border-width);\n    --ful-dropdown-border-radius: var(--ful-border-radius);\n    --ful-dropdown-border-color: var(--ful-border-color);\n    --ful-dropdown-background-color: var(--ful-bg);\n    --ful-dropdown-scrollbar-width: var(--ful-scrollbar-width);\n    --ful-dropdown-scrollbar-border-width: var(--ful-scrollbar-border-width);\n    --ful-dropdown-scrollbar-bg: var(--ful-scrollbar-bg);\n    --ful-dropdown-scrollbar-thumb-bg: var(--ful-scrollbar-thumb-bg);\n\n    display: block;\n    position: absolute;\n    z-index: 1000;\n    padding: 0.5rem 0;\n    top: 100%;\n    margin-top: 2px;\n\n    background-color: var(--ful-dropdown-background-color);\n    background-clip: padding-box;\n    border: var(--ful-dropdown-border-width) solid var(--ful-dropdown-border-color);\n    border-radius: var(--ful-dropdown-border-radius);\n    width: 100%;\n\n    menu {\n        height: auto;\n        max-height: 200px;\n        overflow-y: auto;\n        padding: 0;\n        margin: 0;\n\n        &::-webkit-scrollbar {\n            width: 12px;\n        }\n\n        &::-webkit-scrollbar-track {\n            background-color: var(--ful-dropdown-scrollbar-bg);\n            border-radius: var(--ful-dropdown-scrollbar-width);\n        }\n\n        &::-webkit-scrollbar-thumb {\n            border-radius: var(--ful-dropdown-scrollbar-width);\n            background-color: var(--ful-dropdown-active-bg);\n            border: var(--ful-dropdown-scrollbar-border-width) solid var(--ful-dropdown-scrollbar-bg);\n        }\n\n    }\n\n    li {\n        padding: .5rem .751rem;\n        color: var(--ful-dropdown-color);\n        display: block;\n        border: 0;\n        cursor: pointer;\n    }\n\n    li:hover,\n    li[selected] {\n        color: var(--ful-dropdown-color);\n        background-color: var(--ful-dropdown-selected-bg);\n    }\n\n    li:active {\n        color: #fff;\n        background-color: var(--ful-dropdown-active-bg);\n    }\n\n}","ful-radio-group {\n    --ful-radio-group-label-border-color: var(--ful-border-color);\n    --ful-radio-group-label-bg: inherit;\n    --ful-radio-group-label-checked-border-color: var(--ful-active-bg);\n    --ful-radio-group-label-checked-bg: #eefbfb;\n    --ful-radio-group-label-disabled-border-color: var(--ful-border-color);\n    --ful-radio-group-label-disabled-bg: var(--ful-disabled-bg);\n    --ful-radio-group-active-bg: var(--ful-active-bg);\n\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required] > fieldset > legend::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    &>fieldset {\n        &>legend {\n            font-size: 16px;\n            margin: 0;\n        }\n\n        &>section {\n            display: grid;\n            gap: 10px;\n            grid-template-columns: 1fr;\n\n            & label {\n                display: flex;\n                align-items: center;\n                border: 1px solid var(--ful-radio-group-label-border-color);\n                background-color: var(--ful-radio-group-label-bg);\n                border-radius: 4px;\n                padding: 8px 10px;\n                height: 100%;\n                cursor: pointer;\n\n                &>div {\n                    flex: 1\n                }\n            }\n\n            & label:has(input[type=radio]:checked) {\n                background-color: var(--ful-radio-group-label-checked-bg);\n                border-color: var(--ful-radio-group-label-checked-border-color);\n            }\n\n            & label:has(input[type=radio]:disabled) {\n                background-color: var(--ful-radio-group-label-disabled-bg);\n                border-color: var(--ful-radio-group-label-disabled-border-color);\n            }\n\n            & input[type=radio] {\n                margin-left: 8px;\n                margin-right: 12px;\n                height: 16px;\n                width: 16px;\n                vertical-align: text-bottom;\n                accent-color: var(--ful-radio-group-label-checked-border-color);\n            }\n        }\n    }\n\n    &.horizontal>fieldset>section {\n        gap: 16px;\n        grid-template-columns: 1fr 1fr;\n    }\n\n    &:invalid>fieldset>section label {\n        border-color: var(--ful-radio-group-active-bg);\n    }\n}\n\nful-radio {\n    display: none;\n}","ful-checkbox {\n\n    --ful-checkbox-active-bg: var(--ful-active-bg);\n\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required]>.form-check>.form-check-label>label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n    & input[type=checkbox]:checked {\n        background-color: var(--ful-checkbox-active-bg);\n        border-color: var(--ful-checkbox-active-bg);\n    }\n\n    &:invalid input[type=checkbox] {\n        border-color: var(--ful-invalid-border-color);\n\n        &:checked {\n            background-color: var(--ful-invalid-color);\n        }\n\n        &:focus {\n            box-shadow: var(--ful-invalid-box-shadow);\n        }\n    }\n\n}","ful-spinner {\n    --ful-spinner-icon-width: 1rem;\n    --ful-spinner-icon-height: 1rem;\n    --ful-spinner-icon-border-width: 0.2em;\n    --ful-spinner-icon-vertical-align: -0.125em;\n    --ful-spinner-icon-animation-speed: 0.75s;\n    --ful-spinner-icon-animation-name: spinner-border;\n    --ful-spinner-icon-color: currentcolor;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &.centered {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    &.big {\n        --ful-spinner-icon-width: 2rem;\n        --ful-spinner-icon-height: 2rem;\n        --ful-spinner-icon-border-width: 0.25em;\n    }\n\n    &.bigger {\n        --ful-spinner-icon-width: 4rem;\n        --ful-spinner-icon-height: 4rem;\n        --ful-spinner-icon-border-width: 0.5em;\n    }\n\n    &.backdrop {\n        --ful-spinner-icon-width: 4rem;\n        --ful-spinner-icon-height: 4rem;\n        --ful-spinner-icon-border-width: 0.5em;\n\n        z-index: 2000;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        overflow-x: hidden;\n        overflow-y: auto;\n        outline: 0;\n        background-color: rgb(167 167 167 / 80%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        &>.ful-spinner-wrapper {\n            padding: 2rem;\n            background-color: white;\n            border-radius: 1rem;\n        }\n    }\n\n    &>.ful-spinner-wrapper {\n        display: inline;\n\n        &>.ful-spinner-icon {\n            display: inline-block;\n            width: var(--ful-spinner-icon-width);\n            height: var(--ful-spinner-icon-height);\n            vertical-align: var(--ful-spinner-icon-vertical-align);\n            border-radius: 50%;\n            border: var(--ful-spinner-icon-border-width) solid var(--ful-spinner-icon-color);\n            border-right-color: transparent;\n            animation: var(--ful-spinner-icon-animation-speed) linear infinite var(--ful-spinner-icon-animation-name);\n        }\n    }\n\n}\n\nbody:has(ful-spinner.backdrop:not([hidden])) {\n    overflow: hidden;\n}","ful-pagination {\n    display: block;\n    margin-top: auto;\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    & i.bi::before {\n        line-height: 24px;\n    }\n    & .reload {\n        display: flex;\n        align-items: center;\n        font-size: 24px;\n    }\n}\n\nful-table {\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    & tbody[data-ref=initial],\n    & tbody[data-ref=loading],\n    & tbody[data-ref=feedback]\n    {\n        height: 360px;\n        padding: 1.5rem;\n        & td {\n\n            text-align: center;\n            vertical-align: middle;\n            & p {\n                margin-top: 1rem;\n            }\n        }\n    }\n\n    & .pagination-index {\n        align-self: center;\n    }\n\n}\n\n\nful-sorter {\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    cursor: pointer;\n\n    &::before {\n        display: inline-block;\n        vertical-align: text-top;\n        font-family: bootstrap-icons;\n        font-style: normal;\n        font-weight: 400;\n        font-variant: normal;\n        text-transform: none;\n        line-height: 1;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        content: \"\\f574\";\n    }\n\n    &:not([order])::before {\n        color: #cccccc;\n    }\n\n    &[order=asc]::before {\n        content: \"\\f574\"\n    }\n\n    &[order=desc]::before {\n        content: \"\\f575\";\n    }\n}","ful-filter-text, ful-filter-instant, ful-filter-local-date {\n\n    --ful-filter-active-bg: var(--ful-active-bg);\n    --ful-filter-active-color: var(--ful-active-color);\n\n    display: block;\n\n    &:not(:defined) {\n        visibility: hidden;\n    }\n\n    &[required] > .form-label > label::before {\n        content: '* ';\n        display: inline;\n        font-weight: 700;\n        color: var(--ful-color);\n    }\n\n\n    .dropdown-item:active {\n        color: var(--ful-filter-active-color);\n        background-color: var(--ful-filter-active-bg);\n    }\n\n}"]}

package/dist/ful.iife.js

@@ -1689,16 +1689,18 @@ var ful = (function (exports, ftl) {
                 'dropzonelabel': 'Click or drop your files here',
                 'unaccepptablefiletype': "Only files of type {0} are supported",
                 'maxfilesizeexceeded': "Maximum supported file size is {0}",
-                'maxtotalsizeexceeded': "Maximum supported total file size is {0}"
+                'maxtotalsizeexceeded': "Maximum supported total file size is {0}",
+                'maxfilesexceeded': "Maximum files count exceeded"
             },
             it: {
                 'dropzonelabel': 'Clicca o trascina i file qui',
                 'unaccepptablefiletype': "Solo i file di tipo {0} sono supportati",
                 'maxfilesizeexceeded': "La dimensione massima di un file è di {0}",
-                'maxtotalsizeexceeded': "La dimensione massima complessiva dei file è di {0}"
+                'maxtotalsizeexceeded': "La dimensione massima complessiva dei file è di {0}",
+                'maxfilesexceeded': "Numero massimo di file superato",
             }
         }
-        static observed = ['value', 'readonly:presence', 'required:presence', "accept:csv", 'multiple:presence', "itemlist:presence", "dropzone:presence", "maxfilesize:number", "maxtotalsize:number"];
+        static observed = ['value', 'readonly:presence', 'required:presence', "accept:csv", 'multiple:presence', "itemlist:presence", "dropzone:presence", "maxfiles:number", "maxfilesize:number", "maxtotalsize:number"];
         #accept;
         #items;
         #dropzone;
@@ -1721,7 +1723,7 @@ var ful = (function (exports, ftl) {
         <div data-ref="dropzone" class="dropzone" data-tpl-if="slots.dropzone">
             {{{{ slots.dropzone }}}}
         </div>
-        <div data-ref="dropzone" class="dropzone" data-tpl-if="!slots.dropzone">
+        <div data-ref="dropzone" class="default-dropzone" data-tpl-if="!slots.dropzone">
             {{ #l10n:t('dropzonelabel') }}
         </div>
         <ful-item-list></ful-item-list>
@@ -1748,6 +1750,7 @@ var ful = (function (exports, ftl) {
             this.multiple = observed.multiple;
             this.itemlist = observed.itemlist;
             this.dropzone = observed.dropzone;
+            this.maxfiles = observed.maxfiles;
             this.maxfilesize = observed.maxfilesize;
             this.maxtotalsize = observed.maxtotalsize;
             this.#warnings.addEventListener('animationend', e => {
@@ -1789,13 +1792,14 @@ var ful = (function (exports, ftl) {
             this.#ensureAcceptable();
             this.#ensureFileSizes();
             this.#ensureTotalSize();
+            this.#ensureFilesCount();
             this.template('items').withOverlay({ files: this.files }).withModule('bytes', { format: this.#formatByteSize }).renderTo(this.#items);
         }
         warning(key, args) {
             this.template('warning').withOverlay({ key, args }).renderTo(this.#warnings);
         }
         #ensureAcceptable() {
-            if (!this.#accept) {
+            if (!this.#accept.length) {
                 return;
             }
             const unacceptable = [...this.files]
@@ -1804,11 +1808,23 @@ var ful = (function (exports, ftl) {
             if (unacceptable.length === 0) {
                 return;
             }
-            this.warning('unaccepptablefiletype', this.#accept.join(","));
+            this.warning('unaccepptablefiletype', this.#accept.join(", "));
             const dt = new DataTransfer();
             [...this.files].filter(f => !unacceptable.includes(f)).forEach(f => dt.items.add(f));
             this.files = dt.files;
         }
+        #ensureFilesCount() {
+            if (this.#maxfiles === null) {
+                return;
+            }
+            if (this.files.length <= this.#maxfiles) {
+                return;
+            }
+            this.warning('maxfilesexceeded');
+            const dt = new DataTransfer();
+            this.files = dt.files;
+        }
+
         #ensureFileSizes() {
             if (this.#maxfilesize === null) {
                 return;
@@ -1874,6 +1890,19 @@ var ful = (function (exports, ftl) {
         set value(v) {
             //TODO:
         }
+        get totalsize() {
+            return Array.from(this.files).reduce((a, f) => a + f.size, 0);
+        }
+        #maxfiles;
+        get maxfiles() {
+            return this.#maxfiles;
+        }
+        set maxfiles(v) {
+            this.#maxfiles = v;
+            this.reflect(() => {
+                ftl.Attributes.set(this, 'maxfiles', v);
+            });
+        }
         #maxfilesize;
         get maxfilesize() {
             return this.#maxfilesize;
@@ -1881,7 +1910,7 @@ var ful = (function (exports, ftl) {
         set maxfilesize(v) {
             this.#maxfilesize = v;
             this.reflect(() => {
-                this.setAttribute('maxfilesize', v);
+                ftl.Attributes.set(this, 'maxfilesize', v);
             });
         }
         #maxtotalsize;
@@ -1891,7 +1920,7 @@ var ful = (function (exports, ftl) {
         set maxtotalsize(v) {
             this.#maxtotalsize = v;
             this.reflect(() => {
-                this.setAttribute('maxtotalsize', v);
+                ftl.Attributes.set(this, 'maxtotalsize', v);
             });
         }
         #useItemlist;
@@ -1913,7 +1942,7 @@ var ful = (function (exports, ftl) {
             this.reflect(() => {
                 ftl.Attributes.toggle(this, "dropzone", v);
             });
-        }    
+        }
     }
 
     class RemoteLoader {
@@ -1984,16 +2013,16 @@ var ful = (function (exports, ftl) {
             this.#responseMapper = responseMapper;
         }
         async exact(...keys) {
-            const data = await this.#http.request(this.#method, this.#url)
+            const response = await this.#http.request(this.#method, this.#url)
                 .param("k", ...keys)
                 .fetchJson();
-            return this.#responseMapper(data);
+            return this.#responseMapper(response);
         }
         async load(needle) {
-            const data = await this.#http.request(this.#method, this.#url)
+            const response = await this.#http.request(this.#method, this.#url)
                 .param("s", needle)
                 .fetchJson();
-            return this.#responseMapper(data);
+            return this.#responseMapper(response);
         }
     }
 
@@ -2045,19 +2074,22 @@ var ful = (function (exports, ftl) {
         }
         static #responseMapperFrom(el) {
             if (el.hasAttribute("k-expr") && el.hasAttribute("l-expr")) {
-                return v => {
-                    const evaluator = ftl.registry.evaluator().withOverlay(v);
-                    return [
-                        evaluator.evaluateExpression(el.getAttribute("k-expr")),
-                        evaluator.evaluateExpression(el.getAttribute("l-expr")),
-                        evaluator.evaluateExpression(el.getAttribute("m-expr") ?? 'self'),
-                    ];
+                return response => {
+                    const rows = ftl.registry.evaluator().withOverlay(response).evaluateExpression(el.getAttribute("d-expr") ?? 'self');
+                    return rows.map(row => {
+                        const evaluator = ftl.registry.evaluator().withOverlay(row);
+                        return [
+                            evaluator.evaluateExpression(el.getAttribute("k-expr")),
+                            evaluator.evaluateExpression(el.getAttribute("l-expr")),
+                            evaluator.evaluateExpression(el.getAttribute("m-expr") ?? 'self'),
+                        ];
+                    })
                 };
             }
             if (el.hasAttribute("response-mapper")) {
                 return ftl.registry.component(el.getAttribute("response-mapper"));
             }
-            return v => v;
+            return response => response;
         }
     }
 
@@ -2201,7 +2233,7 @@ var ful = (function (exports, ftl) {
         }
         async render({ slots, observed, disabled }) {
             const name = this.getAttribute("name");
-            this.#loader = ftl.registry.component(this.getAttribute("loader") ?? 'loaders:select').create(this, {options: slots.options});
+            this.#loader = ftl.registry.component(this.getAttribute("loader") ?? 'loaders:select').create(this, { options: slots.options });
 
             this.#multiple = this.hasAttribute("multiple");
             await this.#loader.prefetch?.();
@@ -2342,7 +2374,7 @@ var ful = (function (exports, ftl) {
             this.replaceChildren(fragment);
         }
         async withLoader(fn) {
-            await fn(this.#loader);
+            return await fn(this.#loader);
         }
         #changed() {
             const selection = [...this.#values.entries()].map(e => ({ key: e[0], label: e[1][0], metadata: e[1].slice(1) }));
@@ -2838,8 +2870,8 @@ var ful = (function (exports, ftl) {
                 rowsTr.setAttribute(attr, value ?? '');
             }
             const columns = ftl.Nodes.queryChildrenAll(schema, "column");
-            const sort = columns.filter(v => v.hasAttribute('order')).map(v => ({sorter: v.getAttribute("sorter"), order: v.getAttribute("order")}))[0] ?? null;
-            for(var column of columns){
+            const sort = columns.filter(v => v.hasAttribute('order')).map(v => ({ sorter: v.getAttribute("sorter"), order: v.getAttribute("order") }))[0] ?? null;
+            for (var column of columns) {
                 const maybeTitleTag = ftl.Nodes.queryChildren(column, 'title');
                 const sorter = column.getAttribute("sorter");
                 const order = column.getAttribute("order");
@@ -2848,12 +2880,12 @@ var ful = (function (exports, ftl) {
                 column.removeAttribute("sorter");
                 column.removeAttribute("order");
                 column.removeAttribute("title");
-                const wrappedTitleNode = (!sorter &&  !order ) ? titleNode : (() => {
+                const wrappedTitleNode = (!sorter && !order) ? titleNode : (() => {
                     const fulSorter = document.createElement("ful-sorter");
-                    if(sorter){
+                    if (sorter) {
                         fulSorter.setAttribute("sorter", sorter);
                     }
-                    if(order){
+                    if (order) {
                         fulSorter.setAttribute("order", order);
                     }
                     fulSorter.append(titleNode);
@@ -2873,14 +2905,32 @@ var ful = (function (exports, ftl) {
             }
 
             return {
-                headersTemplate: template.withOverlay({inHeaders: true, inRows: false}).withFragment(ftl.Fragments.from(headersTr)),
-                rowsTemplate: template.withOverlay({inHeaders: false, inRows: true}).withFragment(ftl.Fragments.from(rowsTr)),
+                headersTemplate: template.withOverlay({ inHeaders: true, inRows: false }).withFragment(ftl.Fragments.from(headersTr)),
+                rowsTemplate: template.withOverlay({ inHeaders: false, inRows: true }).withFragment(ftl.Fragments.from(rowsTr)),
                 sort: sort,
                 length: columns.length
             }
         }
     }
 
+
+
+    class InMemoryTableLoader {
+        #data
+        constructor(data) {
+            this.#data = data;
+        }
+        async load(pageRequest, sortRequest, filterRequest) {
+            return { 
+                page: this.#data, 
+                size: this.#data.length 
+            };
+        }
+        update(data) {
+            this.#data = data;
+        }
+    }
+
     class RemoteTableLoader {
         #http;
         #url;
@@ -2904,10 +2954,13 @@ var ful = (function (exports, ftl) {
 
     class TableLoader {
         static create(el, conf) {
-            const http = ftl.registry.component("http-client");
             const url = el.getAttribute("src");
-            const method = el.getAttribute("method") ?? 'GET';
-            return new RemoteTableLoader(http, url, method);
+            if (url) {
+                const http = ftl.registry.component("http-client");
+                const method = el.getAttribute("method") ?? 'GET';
+                return new RemoteTableLoader(http, url, method);
+            }
+            return new InMemoryTableLoader([]);
         }
     }
 
@@ -2981,6 +3034,7 @@ var ful = (function (exports, ftl) {
             {{{{ schema.rowsTemplate.withOverlay({'rows': pageResponse.data}).render() }}}}
         `
         };
+        #loader;
         #schema;
         #body;
         #loading;
@@ -2996,6 +3050,8 @@ var ful = (function (exports, ftl) {
             const tableWrapper = /** @type HTMLTableElement */ (ftl.Nodes.queryChildren(fragment, '.table-wrapper'));
             const table = /** @type HTMLTableElement */ (tableWrapper.querySelector("table"));
             ftl.Attributes.forward('table-', this, table);
+            this.#loader = ftl.registry.component(this.getAttribute("loader") ?? 'loaders:table').create(this);
+
             this.#schema = schema;
             this.#body = table.querySelector(':scope > tbody');
             this.#loading = table.querySelector(":scope > tbody[data-ref=loading]");
@@ -3048,8 +3104,7 @@ var ful = (function (exports, ftl) {
             this.#feedback.setAttribute("hidden", "");
             this.#noAutoload.setAttribute("hidden", "");
             try {
-                const loader = ftl.registry.component(this.getAttribute("loader") ?? 'loaders:table').create(this);
-                const pageResponse = await loader.load(pageRequest, sortRequest, filterRequest);
+                const pageResponse = await this.#loader.load(pageRequest, sortRequest, filterRequest);
                 this.#latestRequest = { pageRequest, sortRequest, filterRequest };
                 this.#update(pageRequest, sortRequest, filterRequest, pageResponse);
             } catch (/** @type any */error) {
@@ -3063,14 +3118,15 @@ var ful = (function (exports, ftl) {
                 throw error;
             }
         }
-
+        async withLoader(fn) {
+            return await fn(this.#loader);
+        }
         async resetWithFilter(filterRequest) {
             return await this.load({
                 page: 0,
                 size: this.#latestRequest.pageRequest.size
             }, this.#latestRequest.sortRequest, filterRequest);
         }
-
         #update(pageRequest, sortRequest, filterRequest, pageResponse) {
             this.#loading.setAttribute("hidden", "");
             this.#body.replaceChildren(this.template('row').withOverlay({