formatic 0.2.3 → 0.2.4

data/app/assets/stylesheets/formatic/vendor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/filepond/dist/filepond.css"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AACA;AACI;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;;;AAEJ;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;AACA;EACI;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AACI;;;AAEJ;EACI;EACA;;;AAEJ;AACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AACA;AACI;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;AAEA;AACA;AACA;AACA;EACA;EACA;;;AAEJ;AAAA;EAEI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;AACA;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;;;AAEJ;EACI;;;AAEJ;AACI;;;AAEJ;EACI;EACA;AAEA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;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","file":"vendor.css"}

data/app/assets/stylesheets/formatic.css

@@ -0,0 +1,18 @@
+/* Error: Can't find stylesheet to import.
+ *   ,
+ * 3 | @use "formatic/settings/colors"
+ *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+ *   '
+ *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/wrapper.sass 3:1  @use
+ *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic.sass 5:1                     root stylesheet */
+
+body::before {
+  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
+      "Droid Sans Mono", monospace, monospace;
+  white-space: pre;
+  display: block;
+  padding: 1em;
+  margin-bottom: 1em;
+  border-bottom: 2px solid black;
+  content: "Error: Can't find stylesheet to import.\a   \2577 \a 3 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/wrapper.sass 3:1  @use\a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic.sass 5:1                     root stylesheet";
+}

data/app/assets/stylesheets/formatic.sass

@@ -0,0 +1,17 @@
+// ITCSS
+
+@use "formatic/generics/flip.sass"
+
+@use "formatic/components/wrapper.sass" // Wrapper comes first, rest alphabetically
+@use "formatic/components/checklist.sass"
+@use "formatic/components/date.sass"
+@use "formatic/components/select.sass"
+@use "formatic/components/stepper.sass"
+@use "formatic/components/string.sass"
+@use "formatic/components/textarea.sass"
+@use "formatic/components/time.sass"
+@use "formatic/components/toggle.sass"
+
+@use "formatic/utilities/container"
+
+@use "formatic/scopes/form"

data/app/assets/stylesheets/vendor.css

@@ -0,0 +1,5 @@
+/*!
+ * FilePond 4.32.10
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
+ */.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0, 0, 0, 0.01)}.filepond--drip-blob{position:absolute;-webkit-transform-origin:center center;transform-origin:center center;top:0;left:0;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%;will-change:transform,opacity}.filepond--drop-label{position:absolute;left:0;right:0;top:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform,opacity}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:normal;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button::after{position:absolute;left:-0.75em;right:-0.75em;top:-0.75em;bottom:-0.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0, 0, 0, 0.5);background-image:none;box-shadow:0 0 0 0 rgba(255, 255, 255, 0);transition:box-shadow .25s ease-in}.filepond--file-action-button:hover,.filepond--file-action-button:focus{box-shadow:0 0 0 .125em rgba(255, 255, 255, 0.9)}.filepond--file-action-button[disabled]{color:rgba(255, 255, 255, 0.5);background-color:rgba(0, 0, 0, 0.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-0.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-0.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em .5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator,.filepond--file .filepond--file-action-button{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state=cancelled] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state*=error] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s .125s linear both;animation:fall .5s .125s linear both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--file-info-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=invalid] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=error] .filepond--file-wrapper{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes spin{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-0.0625em);transform:translateX(-0.0625em)}20%,80%{-webkit-transform:translateX(0.125em);transform:translateX(0.125em)}30%,50%,70%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em)}40%,60%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-0.0625em);transform:translateX(-0.0625em)}20%,80%{-webkit-transform:translateX(0.125em);transform:translateX(0.125em)}30%,50%,70%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em)}40%,60%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity;touch-action:auto}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -0.0625em rgba(0, 0, 0, 0.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 rgba(0, 0, 0, 0)}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0, 0, 0, 0.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=invalid] .filepond--item-panel,[data-filepond-item-state*=error] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);mask:linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1 !important;visibility:visible !important}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none) and (stroke-color: transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100% !important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto !important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent !important;border:none !important}.filepond--panel-top,.filepond--panel-bottom,.filepond--panel-center{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-top,.filepond--panel-bottom{height:.5em}.filepond--panel-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom:none !important}.filepond--panel-top::after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-center,.filepond--panel-bottom{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0, 0.5em, 0);transform:translate3d(0, 0.5em, 0)}.filepond--panel-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-top:none !important}.filepond--panel-bottom::before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px !important;border-top:none !important;border-bottom:none !important;border-radius:0 !important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root *:not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.4;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}/*# sourceMappingURL=vendor.css.map */

data/app/assets/stylesheets/vendor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///Users/orange/Code/ensons/ensons/node_modules/filepond/dist/filepond.css"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA,GAOA,qBACI,kBACA,gBACA,WACA,UACA,UACA,SACA,8BACA,6BACA,qBACA,mBAGJ,qCAEI,kBACA,SACA,UAGA,SACA,WACA,uBAGA,UACA,YAEJ,gBACI,kBACA,QACA,SACA,UACA,SACA,YACA,kBACA,oBACA,eAEJ,gBACI,kBACA,MACA,OACA,QACA,SACA,gBACA,WAGA,oBAGA,mBAGA,+BAEJ,qBACI,kBACA,uCACA,+BACA,MACA,OACA,UACA,WACA,iBACA,gBACA,mBACA,kBAGA,8BAEJ,sBACI,kBACA,OACA,QACA,MACA,SACA,cAGA,aACA,uBACA,mBAGA,WAGA,yBACA,sBACA,qBACA,iBAGA,8BAGJ,iDACI,cACA,SACA,aAEJ,4BACI,eACA,iBACA,mBACA,kBACA,gBAEJ,wBACI,0BACA,iCACA,8BACA,sCACA,8BACA,eAEJ,2DACI,WAGJ,2DACI,cACA,cACA,eAEA,oBACA,oBAEA,SACA,UACA,YACA,aAEA,8BAIJ,gEACI,kBACA,gBACA,WACA,UACA,UACA,SACA,8BACA,6BACA,qBACA,mBAKJ,+DACI,WACA,YAKJ,kEACI,kBACA,aACA,cACA,YACA,eACA,WAGJ,8BAEI,YAGA,WAGA,kBACA,oCACA,sBAMA,0CACA,mCAEJ,wEAEI,iDAEJ,wCACI,+BACA,qCAEJ,sCACI,aAGJ,uDACI,UACA,WACA,gBAEJ,2EACI,sBAEJ,2EACI,wBAEJ,gCACI,YACA,oBACA,uBACA,oBACA,cACA,aACA,UACA,mBACA,mBACA,kBAEJ,oCACI,eACA,gBAEJ,qCACI,YACA,UAEJ,qBACI,gBACA,aACA,sBACA,uBACA,OACA,kBACA,YAGA,8BAGA,oBACA,yBACA,sBACA,qBACA,iBAIJ,uBACI,SAKJ,+CACI,gBACA,gBAGA,uBACA,gBACA,mBACA,WAEJ,8CACI,iBACA,WACA,oCACA,mBAEJ,oDACI,aAEJ,uBACI,gBACA,aACA,sBACA,qBACA,YACA,cAEA,SACA,iBACA,iBAGA,8BAGA,oBACA,yBACA,sBACA,qBACA,iBAIJ,yBACI,S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","file":"vendor.css","sourcesContent":["/*!\n * FilePond 4.32.10\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--assistant {\n    position: absolute;\n    overflow: hidden;\n    height: 1px;\n    width: 1px;\n    padding: 0;\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n/* Hard to override styles */\n.filepond--browser.filepond--browser {\n    /* is positioned absolute so it is focusable for form validation errors */\n    position: absolute;\n    margin: 0;\n    padding: 0;\n\n    /* is positioned ~behind drop label */\n    left: 1em;\n    top: 1.75em;\n    width: calc(100% - 2em);\n\n    /* hide visually */\n    opacity: 0;\n    font-size: 0; /* removes text cursor in Internet Explorer 11 */\n}\n.filepond--data {\n    position: absolute;\n    width: 0;\n    height: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    visibility: hidden;\n    pointer-events: none;\n    contain: strict;\n}\n.filepond--drip {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow: hidden;\n    opacity: 0.1;\n\n    /* can't interact with this element */\n    pointer-events: none;\n\n    /* inherit border radius from parent (needed for drip-blob cut of) */\n    border-radius: 0.5em;\n\n    /* this seems to prevent Chrome from redrawing this layer constantly */\n    background: rgba(0, 0, 0, 0.01);\n}\n.filepond--drip-blob {\n    position: absolute;\n    -webkit-transform-origin: center center;\n    transform-origin: center center;\n    top: 0;\n    left: 0;\n    width: 8em;\n    height: 8em;\n    margin-left: -4em;\n    margin-top: -4em;\n    background: #292625;\n    border-radius: 50%;\n\n    /* will be animated */\n    will-change: transform, opacity;\n}\n.filepond--drop-label {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    margin: 0;\n    color: #4f4f4f;\n\n    /* center contents */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    /* fixes IE11 centering problems (is overruled by label min-height) */\n    height: 0px;\n\n    /* dont allow selection */\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    /* will be animated */\n    will-change: transform, opacity;\n}\n/* Hard to override styles on purpose */\n.filepond--drop-label.filepond--drop-label label {\n    display: block;\n    margin: 0;\n    padding: 0.5em; /* use padding instead of margin so click area is not impacted */\n}\n.filepond--drop-label label {\n    cursor: default;\n    font-size: 0.875em;\n    font-weight: normal;\n    text-align: center;\n    line-height: 1.5;\n}\n.filepond--label-action {\n    text-decoration: underline;\n    -webkit-text-decoration-skip: ink;\n    text-decoration-skip-ink: auto;\n    -webkit-text-decoration-color: #a7a4a4;\n    text-decoration-color: #a7a4a4;\n    cursor: pointer;\n}\n.filepond--root[data-disabled] .filepond--drop-label label {\n    opacity: 0.5;\n}\n/* Hard to override styles */\n.filepond--file-action-button.filepond--file-action-button {\n    font-size: 1em;\n    width: 1.625em;\n    height: 1.625em;\n\n    font-family: inherit;\n    line-height: inherit;\n\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n\n    will-change: transform, opacity;\n\n    /* hidden label */\n}\n.filepond--file-action-button.filepond--file-action-button span {\n    position: absolute;\n    overflow: hidden;\n    height: 1px;\n    width: 1px;\n    padding: 0;\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n.filepond--file-action-button.filepond--file-action-button {\n    /* scale SVG to fill button */\n}\n.filepond--file-action-button.filepond--file-action-button svg {\n    width: 100%;\n    height: 100%;\n}\n.filepond--file-action-button.filepond--file-action-button {\n    /* bigger touch area */\n}\n.filepond--file-action-button.filepond--file-action-button::after {\n    position: absolute;\n    left: -0.75em;\n    right: -0.75em;\n    top: -0.75em;\n    bottom: -0.75em;\n    content: '';\n}\n/* Soft styles */\n.filepond--file-action-button {\n    /* use default arrow cursor */\n    cursor: auto;\n\n    /* reset default button styles */\n    color: #fff;\n\n    /* set default look n feel */\n    border-radius: 50%;\n    background-color: rgba(0, 0, 0, 0.5);\n    background-image: none;\n\n    /* we animate box shadow on focus */\n    /* it's only slightly slower than animating */\n    /* a pseudo-element with transforms and renders */\n    /* a lot better on chrome */\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n    transition: box-shadow 0.25s ease-in;\n}\n.filepond--file-action-button:hover,\n.filepond--file-action-button:focus {\n    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);\n}\n.filepond--file-action-button[disabled] {\n    color: rgba(255, 255, 255, 0.5);\n    background-color: rgba(0, 0, 0, 0.25);\n}\n.filepond--file-action-button[hidden] {\n    display: none;\n}\n/* edit button */\n.filepond--action-edit-item.filepond--action-edit-item {\n    width: 2em;\n    height: 2em;\n    padding: 0.1875em;\n}\n.filepond--action-edit-item.filepond--action-edit-item[data-align*='center'] {\n    margin-left: -0.1875em;\n}\n.filepond--action-edit-item.filepond--action-edit-item[data-align*='bottom'] {\n    margin-bottom: -0.1875em;\n}\n.filepond--action-edit-item-alt {\n    border: none;\n    line-height: inherit;\n    background: transparent;\n    font-family: inherit;\n    color: inherit;\n    outline: none;\n    padding: 0;\n    margin: 0 0 0 0.25em;\n    pointer-events: all;\n    position: absolute;\n}\n.filepond--action-edit-item-alt svg {\n    width: 1.3125em;\n    height: 1.3125em;\n}\n.filepond--action-edit-item-alt span {\n    font-size: 0;\n    opacity: 0;\n}\n.filepond--file-info {\n    position: static;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n    margin: 0 0.5em 0 0;\n    min-width: 0;\n\n    /* will be animated */\n    will-change: transform, opacity;\n\n    /* can't do anything with this info */\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    /* no margins on children */\n}\n.filepond--file-info * {\n    margin: 0;\n}\n.filepond--file-info {\n    /* we don't want to have these overrules so these selectors are a bit more specific */\n}\n.filepond--file-info .filepond--file-info-main {\n    font-size: 0.75em;\n    line-height: 1.2;\n\n    /* we want ellipsis if this bar gets too wide */\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    width: 100%;\n}\n.filepond--file-info .filepond--file-info-sub {\n    font-size: 0.625em;\n    opacity: 0.5;\n    transition: opacity 0.25s ease-in-out;\n    white-space: nowrap;\n}\n.filepond--file-info .filepond--file-info-sub:empty {\n    display: none;\n}\n.filepond--file-status {\n    position: static;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    flex-grow: 0;\n    flex-shrink: 0;\n\n    margin: 0;\n    min-width: 2.25em;\n    text-align: right;\n\n    /* will be animated */\n    will-change: transform, opacity;\n\n    /* can't do anything with this info */\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    /* no margins on children */\n}\n.filepond--file-status * {\n    margin: 0;\n    white-space: nowrap;\n}\n.filepond--file-status {\n    /* font sizes */\n}\n.filepond--file-status .filepond--file-status-main {\n    font-size: 0.75em;\n    line-height: 1.2;\n}\n.filepond--file-status .filepond--file-status-sub {\n    font-size: 0.625em;\n    opacity: 0.5;\n    transition: opacity 0.25s ease-in-out;\n}\n/* Hard to override styles */\n.filepond--file-wrapper.filepond--file-wrapper {\n    border: none;\n    margin: 0;\n    padding: 0;\n    min-width: 0;\n    height: 100%;\n\n    /* hide legend for visual users */\n}\n.filepond--file-wrapper.filepond--file-wrapper > legend {\n    position: absolute;\n    overflow: hidden;\n    height: 1px;\n    width: 1px;\n    padding: 0;\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n.filepond--file {\n    position: static;\n    display: flex;\n    height: 100%;\n    align-items: flex-start;\n\n    padding: 0.5625em 0.5625em;\n\n    color: #fff;\n    border-radius: 0.5em;\n\n    /* control positions */\n}\n.filepond--file .filepond--file-status {\n    margin-left: auto;\n    margin-right: 2.25em;\n}\n.filepond--file .filepond--processing-complete-indicator {\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    z-index: 3;\n}\n.filepond--file .filepond--processing-complete-indicator,\n.filepond--file .filepond--progress-indicator,\n.filepond--file .filepond--file-action-button {\n    position: absolute;\n}\n.filepond--file {\n    /* .filepond--file-action-button */\n}\n.filepond--file [data-align*='left'] {\n    left: 0.5625em;\n}\n.filepond--file [data-align*='right'] {\n    right: 0.5625em;\n}\n.filepond--file [data-align*='center'] {\n    left: calc(50% - 0.8125em); /* .8125 is half of button width */\n}\n.filepond--file [data-align*='bottom'] {\n    bottom: 1.125em;\n}\n.filepond--file [data-align='center'] {\n    top: calc(50% - 0.8125em);\n}\n.filepond--file .filepond--progress-indicator {\n    margin-top: 0.1875em;\n}\n.filepond--file .filepond--progress-indicator[data-align*='right'] {\n    margin-right: 0.1875em;\n}\n.filepond--file .filepond--progress-indicator[data-align*='left'] {\n    margin-left: 0.1875em;\n}\n/* make sure text does not overlap */\n[data-filepond-item-state='cancelled'] .filepond--file-info,\n[data-filepond-item-state*='invalid'] .filepond--file-info,\n[data-filepond-item-state*='error'] .filepond--file-info {\n    margin-right: 2.25em;\n}\n[data-filepond-item-state~='processing'] .filepond--file-status-sub {\n    opacity: 0;\n}\n[data-filepond-item-state~='processing']\n    .filepond--action-abort-item-processing\n    ~ .filepond--file-status\n    .filepond--file-status-sub {\n    opacity: 0.5;\n}\n[data-filepond-item-state='processing-error'] .filepond--file-status-sub {\n    opacity: 0;\n}\n[data-filepond-item-state='processing-error']\n    .filepond--action-retry-item-processing\n    ~ .filepond--file-status\n    .filepond--file-status-sub {\n    opacity: 0.5;\n}\n[data-filepond-item-state='processing-complete'] {\n    /* busy state */\n}\n[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {\n    -webkit-animation: fall 0.5s 0.125s linear both;\n    animation: fall 0.5s 0.125s linear both;\n}\n[data-filepond-item-state='processing-complete'] {\n    /* hide details by default, only show when can revert */\n}\n[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {\n    opacity: 0.5;\n}\n[data-filepond-item-state='processing-complete']\n    .filepond--processing-complete-indicator:not([style*='hidden'])\n    ~ .filepond--file-status\n    .filepond--file-status-sub {\n    opacity: 0;\n}\n[data-filepond-item-state='processing-complete'] .filepond--file-info-sub {\n    opacity: 0;\n}\n[data-filepond-item-state='processing-complete']\n    .filepond--action-revert-item-processing\n    ~ .filepond--file-info\n    .filepond--file-info-sub {\n    opacity: 0.5;\n}\n/* file state can be invalid or error, both are visually similar but */\n/* having them as separate states might be useful */\n[data-filepond-item-state*='invalid'] .filepond--panel,\n[data-filepond-item-state*='invalid'] .filepond--file-wrapper,\n[data-filepond-item-state*='error'] .filepond--panel,\n[data-filepond-item-state*='error'] .filepond--file-wrapper {\n    -webkit-animation: shake 0.65s linear both;\n    animation: shake 0.65s linear both;\n}\n/* spins progress indicator when file is marked as busy */\n[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {\n    -webkit-animation: spin 1s linear infinite;\n    animation: spin 1s linear infinite;\n}\n/**\n * States\n */\n@-webkit-keyframes spin {\n    0% {\n        -webkit-transform: rotateZ(0deg);\n        transform: rotateZ(0deg);\n    }\n\n    100% {\n        -webkit-transform: rotateZ(360deg);\n        transform: rotateZ(360deg);\n    }\n}\n@keyframes spin {\n    0% {\n        -webkit-transform: rotateZ(0deg);\n        transform: rotateZ(0deg);\n    }\n\n    100% {\n        -webkit-transform: rotateZ(360deg);\n        transform: rotateZ(360deg);\n    }\n}\n@-webkit-keyframes shake {\n    10%,\n    90% {\n        -webkit-transform: translateX(-0.0625em);\n        transform: translateX(-0.0625em);\n    }\n\n    20%,\n    80% {\n        -webkit-transform: translateX(0.125em);\n        transform: translateX(0.125em);\n    }\n\n    30%,\n    50%,\n    70% {\n        -webkit-transform: translateX(-0.25em);\n        transform: translateX(-0.25em);\n    }\n\n    40%,\n    60% {\n        -webkit-transform: translateX(0.25em);\n        transform: translateX(0.25em);\n    }\n}\n@keyframes shake {\n    10%,\n    90% {\n        -webkit-transform: translateX(-0.0625em);\n        transform: translateX(-0.0625em);\n    }\n\n    20%,\n    80% {\n        -webkit-transform: translateX(0.125em);\n        transform: translateX(0.125em);\n    }\n\n    30%,\n    50%,\n    70% {\n        -webkit-transform: translateX(-0.25em);\n        transform: translateX(-0.25em);\n    }\n\n    40%,\n    60% {\n        -webkit-transform: translateX(0.25em);\n        transform: translateX(0.25em);\n    }\n}\n@-webkit-keyframes fall {\n    0% {\n        opacity: 0;\n        -webkit-transform: scale(0.5);\n        transform: scale(0.5);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n\n    70% {\n        opacity: 1;\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n        -webkit-animation-timing-function: ease-in-out;\n        animation-timing-function: ease-in-out;\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n}\n@keyframes fall {\n    0% {\n        opacity: 0;\n        -webkit-transform: scale(0.5);\n        transform: scale(0.5);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n\n    70% {\n        opacity: 1;\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n        -webkit-animation-timing-function: ease-in-out;\n        animation-timing-function: ease-in-out;\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n}\n/* ignore all other interaction elements while dragging a file */\n.filepond--hopper[data-hopper-state='drag-over'] > * {\n    pointer-events: none;\n}\n/* capture all hit tests using a hidden layer, this speeds up the event flow */\n.filepond--hopper[data-hopper-state='drag-over']::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 100;\n}\n.filepond--progress-indicator {\n    z-index: 103;\n}\n.filepond--file-action-button {\n    z-index: 102;\n}\n.filepond--file-status {\n    z-index: 101;\n}\n.filepond--file-info {\n    z-index: 100;\n}\n.filepond--item {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    padding: 0;\n    margin: 0.25em;\n\n    will-change: transform, opacity;\n\n    touch-action: auto;\n\n    /* item children order */\n}\n.filepond--item > .filepond--panel {\n    z-index: -1;\n}\n/* has a slight shadow */\n.filepond--item > .filepond--panel .filepond--panel-bottom {\n    box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);\n}\n.filepond--item {\n    /* drag related */\n}\n.filepond--item > .filepond--file-wrapper,\n.filepond--item > .filepond--panel {\n    transition: opacity 0.15s ease-out;\n}\n.filepond--item[data-drag-state] {\n    cursor: -webkit-grab;\n    cursor: grab;\n}\n.filepond--item[data-drag-state] > .filepond--panel {\n    transition: box-shadow 0.125s ease-in-out;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n}\n.filepond--item[data-drag-state='drag'] {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n}\n.filepond--item[data-drag-state='drag'] > .filepond--panel {\n    box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);\n}\n.filepond--item[data-drag-state]:not([data-drag-state='idle']) {\n    z-index: 2;\n}\n/* states */\n.filepond--item-panel {\n    background-color: #64605e;\n}\n[data-filepond-item-state='processing-complete'] .filepond--item-panel {\n    background-color: #369763;\n}\n[data-filepond-item-state*='invalid'] .filepond--item-panel,\n[data-filepond-item-state*='error'] .filepond--item-panel {\n    background-color: #c44e47;\n}\n/* style of item panel */\n.filepond--item-panel {\n    border-radius: 0.5em;\n    transition: background-color 0.25s;\n}\n/* normal mode */\n.filepond--list-scroller {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: 0;\n    will-change: transform;\n}\n/* scroll mode */\n.filepond--list-scroller[data-state='overflow'] .filepond--list {\n    bottom: 0;\n    right: 0;\n}\n.filepond--list-scroller[data-state='overflow'] {\n    overflow-y: scroll;\n    overflow-x: hidden;\n    -webkit-overflow-scrolling: touch;\n    -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);\n    mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);\n}\n/* style scrollbar */\n.filepond--list-scroller::-webkit-scrollbar {\n    background: transparent;\n}\n.filepond--list-scroller::-webkit-scrollbar:vertical {\n    width: 1em;\n}\n.filepond--list-scroller::-webkit-scrollbar:horizontal {\n    height: 0;\n}\n.filepond--list-scroller::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.3);\n    border-radius: 99999px;\n    border: 0.3125em solid transparent;\n    background-clip: content-box;\n}\n/* hard to overide styles on purpose */\n.filepond--list.filepond--list {\n    position: absolute;\n    top: 0;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n\n    /* prevents endless paint calls on filepond--list-scroller */\n    will-change: transform;\n}\n/* used for padding so allowed to be restyled */\n.filepond--list {\n    left: 0.75em;\n    right: 0.75em;\n}\n.filepond--root[data-style-panel-layout~='integrated'] {\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    margin: 0;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {\n    border-radius: 0;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {\n    bottom: 0;\n    height: auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 7;\n}\n.filepond--root[data-style-panel-layout~='circle'],\n.filepond--root[data-style-panel-layout~='integrated'] {\n    /* we're only loading one item, this makes the intro animation a bit nicer */\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {\n    overflow: hidden;\n    height: 100%;\n    margin-top: 0;\n    margin-bottom: 0;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--list,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {\n    left: 0;\n    right: 0;\n    height: 100%;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--item,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {\n    margin: 0;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {\n    height: 100%;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--drop-label,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {\n    z-index: 7;\n}\n.filepond--root[data-style-panel-layout~='circle'] {\n    border-radius: 99999rem;\n    overflow: hidden;\n}\n.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {\n    border-radius: inherit;\n}\n.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] {\n    /* circle cuts of this info, so best to hide it */\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--action-edit-item {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n/* dirfty way to fix circular overflow issue on safari 11+ */\n@media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n        .filepond--root[data-style-panel-layout~='circle'] {\n            will-change: transform;\n        }\n    }\n}\n.filepond--panel-root {\n    border-radius: 0.5em;\n    background-color: #f1f0ef;\n}\n.filepond--panel {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    margin: 0;\n\n    /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */\n    height: 100% !important;\n\n    /* no interaction possible with panel */\n    pointer-events: none;\n}\n.filepond-panel:not([data-scalable='false']) {\n    height: auto !important;\n}\n.filepond--panel[data-scalable='false'] > div {\n    display: none;\n}\n.filepond--panel[data-scalable='true'] {\n    /* this seems to fix Chrome performance issues */\n    /* - when box-shadow is enabled */\n    /* - when multiple ponds are active on the same page */\n    -webkit-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n\n    /* prevent borders and backgrounds */\n    background-color: transparent !important;\n    border: none !important;\n}\n.filepond--panel-top,\n.filepond--panel-bottom,\n.filepond--panel-center {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    margin: 0;\n    padding: 0;\n}\n.filepond--panel-top,\n.filepond--panel-bottom {\n    height: 0.5em;\n}\n.filepond--panel-top {\n    border-bottom-left-radius: 0 !important;\n    border-bottom-right-radius: 0 !important;\n    border-bottom: none !important;\n\n    /* fixes tiny transparant line between top and center panel */\n}\n.filepond--panel-top::after {\n    content: '';\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    background-color: inherit;\n}\n.filepond--panel-center,\n.filepond--panel-bottom {\n    will-change: transform;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    -webkit-transform-origin: left top;\n    transform-origin: left top;\n    -webkit-transform: translate3d(0, 0.5em, 0);\n    transform: translate3d(0, 0.5em, 0);\n}\n.filepond--panel-bottom {\n    border-top-left-radius: 0 !important;\n    border-top-right-radius: 0 !important;\n    border-top: none !important;\n\n    /* fixes tiny transparant line between bottom and center of panel */\n}\n.filepond--panel-bottom::before {\n    content: '';\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    top: -1px;\n    background-color: inherit;\n}\n.filepond--panel-center {\n    /* the center panel is scaled using scale3d to fit the correct height */\n    /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */\n    height: 100px !important;\n    border-top: none !important;\n    border-bottom: none !important;\n    border-radius: 0 !important;\n\n    /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */\n}\n.filepond--panel-center:not([style]) {\n    visibility: hidden;\n}\n.filepond--progress-indicator {\n    position: static;\n    width: 1.25em;\n    height: 1.25em;\n\n    color: #fff;\n\n    /* can't have margins */\n    margin: 0;\n\n    /* no interaction possible with progress indicator */\n    pointer-events: none;\n\n    /* will be animated */\n    will-change: transform, opacity;\n}\n.filepond--progress-indicator svg {\n    width: 100%;\n    height: 100%;\n    vertical-align: top;\n    transform-box: fill-box; /* should center the animation correctly when zoomed in */\n}\n.filepond--progress-indicator path {\n    fill: none;\n    stroke: currentColor;\n}\n.filepond--list-scroller {\n    z-index: 6;\n}\n.filepond--drop-label {\n    z-index: 5;\n}\n.filepond--drip {\n    z-index: 3;\n}\n.filepond--root > .filepond--panel {\n    z-index: 2;\n}\n.filepond--browser {\n    z-index: 1;\n}\n.filepond--root {\n    /* layout*/\n    box-sizing: border-box;\n    position: relative;\n    margin-bottom: 1em;\n\n    /* base font size for whole component */\n    font-size: 1rem;\n\n    /* base line height */\n    line-height: normal;\n\n    /* up uses default system font family */\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,\n        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n\n    /* will increase font weight a bit on Safari */\n    font-weight: 450;\n\n    /* default text alignment */\n    text-align: left;\n\n    /* better text rendering on Safari */\n    text-rendering: optimizeLegibility;\n\n    /* text direction is ltr for now */\n    direction: ltr;\n\n    /* optimize rendering */\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */\n    contain: layout style size;\n\n    /* correct box sizing, line-height and positioning on child elements */\n}\n.filepond--root * {\n    box-sizing: inherit;\n    line-height: inherit;\n}\n.filepond--root *:not(text) {\n    font-size: inherit;\n}\n.filepond--root {\n    /* block everything */\n}\n.filepond--root[data-disabled] {\n    pointer-events: none;\n}\n.filepond--root[data-disabled] .filepond--list-scroller {\n    pointer-events: all;\n}\n.filepond--root[data-disabled] .filepond--list {\n    pointer-events: none;\n}\n/**\n * Root element children layout\n */\n.filepond--root .filepond--drop-label {\n    min-height: 4.75em;\n}\n.filepond--root .filepond--list-scroller {\n    margin-top: 1em;\n    margin-bottom: 1em;\n}\n.filepond--root .filepond--credits {\n    position: absolute;\n    right: 0;\n    opacity: 0.4;\n    line-height: 0.85;\n    font-size: 11px;\n    color: inherit;\n    text-decoration: none;\n    z-index: 3;\n    bottom: -14px;\n}\n.filepond--root .filepond--credits[style] {\n    top: 0;\n    bottom: auto;\n    margin-top: 14px;\n}\n"]}

data/app/assets/stylesheets/vendor.sass

@@ -0,0 +1 @@
+@use "filepond"

data/app/components/formatic/base.rb

@@ -25,6 +25,9 @@ module Formatic
     # For inputs that support `<input autofocus=...>`
     option :autofocus, default: -> { false }
 
+    # Multiple records are submitted via one input.
+    option :multiple, default: -> { false }
+
     # Some inputs (such as checkboxes and textfields)
     # can be submitted continously by submitting their <form>
     # via javascript.
@@ -68,7 +71,7 @@ module Formatic
 
     # # Name of the URL param for this input.
     def input_name
-      "#{param_key}[#{attribute_name}]"
+      "#{param_key}[#{attribute_name}]#{'[]' if multiple}"
     end
   end
 end

data/app/components/formatic/date.rb

@@ -104,7 +104,7 @@ module Formatic
     end
 
     def collection_for_month
-      result = (1..12).map { [l(::Date.new(1, _1), format: '%B  %-m'), _1] }
+      result = (1..12).map { [l(::Date.new(1, it), format: '%B  %-m'), it] }
       result.prepend([nil, nil]) if wrapper.optional?
       result
     end

data/app/components/formatic/file.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Formatic
+  # File upload
+  class File < ::Formatic::Base
+    option :direct_upload, default: -> { true }
+    option :multiple, default: -> { false }
+
+    erb_template <<~ERB
+      <%= render wrapper do |wrap| %>
+
+        <% wrap.with_input do %>
+          <div class="c-formatic-file js-formatic-file">
+            <%= f.file_field attribute_name, class: "js-formatic-file__input", direct_upload:, multiple: %>
+          </div>
+
+        <% end %>
+      <% end %>
+    ERB
+  end
+end

data/app/components/formatic/files.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Formatic
+  # File upload
+  class Files < ::Formatic::File
+    option :multiple, default: -> { true }
+  end
+end

data/app/components/formatic/select.rb

@@ -37,7 +37,7 @@ module Formatic
     end
 
     def current_choice_name
-      choices.detect { _1.last == value }&.first
+      choices.detect { it.last == value }&.first
     end
 
     def include_blank?

data/app/components/formatic/time.rb

@@ -40,7 +40,7 @@ module Formatic
 
     # Usually the time component is used below the date component (for a DateTime attribute).
     # So, normally we don't want the label to be shown twice.
-    def label
+    def label # rubocop:disable Naming/PredicateMethod
       false
     end
 
@@ -76,7 +76,7 @@ module Formatic
     end
 
     def collection_for_hour
-      result = (0..23).map { [_1, _1] }
+      result = (0..23).map { [it, it] }
       result.prepend([nil, nil]) if wrapper.optional?
       result
     end
@@ -91,7 +91,7 @@ module Formatic
         steps.sort!
       end
 
-      result = steps.map { [_1.to_s.rjust(2, '0'), _1] }
+      result = steps.map { [it.to_s.rjust(2, '0'), it] }
       result.prepend([nil, nil]) if wrapper.optional?
       result
     end

data/config/importmap.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+pin 'formatic', to: 'src/setup.js'
+
+pin 'formatic/date', to: 'formatic/date.js'
+pin 'formatic/file', to: 'formatic/file.js'
+pin 'formatic/select', to: 'formatic/select.js'
+pin 'formatic/stepper', to: 'formatic/stepper.js'
+pin 'formatic/string', to: 'formatic/string.js'
+pin 'formatic/textarea', to: 'formatic/textarea.js'
+pin 'formatic/toggle', to: 'formatic/toggle.js'

data/lib/formatic/choices/options.rb

@@ -32,7 +32,7 @@ module Formatic
         return false unless model_klass.respond_to?(:reflect_on_all_associations)
 
         model_klass.reflect_on_all_associations(:belongs_to)
-                   .detect { _1.foreign_key == attribute_name.to_s }
+                   .detect { it.foreign_key == attribute_name.to_s }
       end
     end
   end

data/lib/formatic/choices/records.rb

@@ -40,7 +40,7 @@ module Formatic
         return false unless model_klass.respond_to?(:reflect_on_all_associations)
 
         model_klass.reflect_on_all_associations(:belongs_to)
-                   .detect { _1.foreign_key == attribute_name.to_s }
+                   .detect { it.foreign_key == attribute_name.to_s }
       end
     end
   end

data/lib/formatic/engine.rb

@@ -7,6 +7,18 @@ module Formatic
   # :nodoc:
   class Engine < ::Rails::Engine
     isolate_namespace Formatic
+    config.autoload_paths << root.join('lib')
+
+    initializer 'formatic.importmap', before: 'importmap' do |app|
+      app.config.importmap.paths << Engine.root.join('config/importmap.rb')
+      # Watch JS changes in development
+      app.config.importmap.cache_sweepers << Engine.root.join('app/assets/javascript')
+    end
+
+    initializer 'formatic.assets' do |app|
+      app.config.assets.paths << Engine.root.join('app/javascript')
+      app.config.assets.paths << Engine.root.join('app/stylesheets')
+    end
 
     config.to_prepare do
       # Our Formatic components are subclasses of `ViewComponent::Base`.

data/lib/formatic/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Formatic
-  VERSION = '0.2.3'
+  VERSION = '0.2.4'
 end

data/lib/formatic/wrappers/required.rb

@@ -17,7 +17,7 @@ module Formatic
         return false if manual_required == false
         return false if validators.empty?
 
-        validators.any? { applicable?(_1) }
+        validators.any? { applicable?(it) }
       end
 
       private

data/lib/formatic.rb

@@ -3,6 +3,7 @@
 require 'calls'
 require 'countries'
 require 'holidays'
+require 'importmap-rails'
 require 'dry/initializer'
 
 require 'formatic/version'
@@ -20,7 +21,7 @@ require 'formatic/wrappers/required'
 require 'formatic/wrappers/translate'
 require 'formatic/wrappers/validators'
 
-require 'formatic/engine' if defined?(Rails::Engine)
+require 'formatic/engine'
 
 module Formatic
   class Error < ::StandardError; end

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: formatic
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - halo
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-19 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -80,6 +79,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: importmap-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -104,37 +117,85 @@ files:
 - CHANGELOG.md
 - LICENSE.txt
 - README.md
-- app/assets/javascript/formatic.js
-- app/assets/javascript/formatic.js.map
-- app/assets/javascript/formatic/components/date.ts
-- app/assets/javascript/formatic/components/select.ts
-- app/assets/javascript/formatic/components/stepper.ts
-- app/assets/javascript/formatic/components/string.ts
-- app/assets/javascript/formatic/components/textarea.ts
-- app/assets/javascript/formatic/components/toggle.ts
+- app/assets/javascript/declarations/date.d.ts
+- app/assets/javascript/declarations/file.d.ts
+- app/assets/javascript/declarations/select.d.ts
+- app/assets/javascript/declarations/setup.d.ts
+- app/assets/javascript/declarations/stepper.d.ts
+- app/assets/javascript/declarations/string.d.ts
+- app/assets/javascript/declarations/textarea.d.ts
+- app/assets/javascript/declarations/toggle.d.ts
+- app/assets/javascript/formatic/date.js
+- app/assets/javascript/formatic/date.js.map
+- app/assets/javascript/formatic/file.js
+- app/assets/javascript/formatic/file.js.map
+- app/assets/javascript/formatic/select.js
+- app/assets/javascript/formatic/select.js.map
+- app/assets/javascript/formatic/setup.js
+- app/assets/javascript/formatic/setup.js.map
+- app/assets/javascript/formatic/stepper.js
+- app/assets/javascript/formatic/stepper.js.map
+- app/assets/javascript/formatic/string.js
+- app/assets/javascript/formatic/string.js.map
+- app/assets/javascript/formatic/textarea.js
+- app/assets/javascript/formatic/textarea.js.map
+- app/assets/javascript/formatic/toggle.js
+- app/assets/javascript/formatic/toggle.js.map
+- app/assets/javascript/src/date.ts
+- app/assets/javascript/src/file.ts
+- app/assets/javascript/src/select.ts
+- app/assets/javascript/src/setup.js
+- app/assets/javascript/src/stepper.ts
+- app/assets/javascript/src/string.ts
+- app/assets/javascript/src/textarea.ts
+- app/assets/javascript/src/toggle.ts
+- app/assets/stylesheets/formatic.css
+- app/assets/stylesheets/formatic.sass
+- app/assets/stylesheets/formatic/components/checklist.css
+- app/assets/stylesheets/formatic/components/checklist.css.map
 - app/assets/stylesheets/formatic/components/checklist.sass
+- app/assets/stylesheets/formatic/components/date.css
 - app/assets/stylesheets/formatic/components/date.sass
+- app/assets/stylesheets/formatic/components/select.css
 - app/assets/stylesheets/formatic/components/select.sass
+- app/assets/stylesheets/formatic/components/stepper.css
 - app/assets/stylesheets/formatic/components/stepper.sass
+- app/assets/stylesheets/formatic/components/string.css
 - app/assets/stylesheets/formatic/components/string.sass
+- app/assets/stylesheets/formatic/components/textarea.css
 - app/assets/stylesheets/formatic/components/textarea.sass
+- app/assets/stylesheets/formatic/components/time.css
 - app/assets/stylesheets/formatic/components/time.sass
+- app/assets/stylesheets/formatic/components/toggle.css
 - app/assets/stylesheets/formatic/components/toggle.sass
+- app/assets/stylesheets/formatic/components/wrapper.css
 - app/assets/stylesheets/formatic/components/wrapper.sass
+- app/assets/stylesheets/formatic/formatic.css
+- app/assets/stylesheets/formatic/formatic.css.map
+- app/assets/stylesheets/formatic/generics/flip.css
+- app/assets/stylesheets/formatic/generics/flip.css.map
 - app/assets/stylesheets/formatic/generics/flip.sass
-- app/assets/stylesheets/formatic/index.sass
-- app/assets/stylesheets/formatic/package.json
+- app/assets/stylesheets/formatic/scopes/form.css
 - app/assets/stylesheets/formatic/scopes/form.sass
 - app/assets/stylesheets/formatic/settings/_colors.sass
 - app/assets/stylesheets/formatic/tools/_cloud.sass
 - app/assets/stylesheets/formatic/tools/_mandatory.sass
 - app/assets/stylesheets/formatic/tools/_terminal.sass
 - app/assets/stylesheets/formatic/tools/_theme.sass
+- app/assets/stylesheets/formatic/utilities/container.css
+- app/assets/stylesheets/formatic/utilities/container.css.map
 - app/assets/stylesheets/formatic/utilities/container.sass
+- app/assets/stylesheets/formatic/vendor.css
+- app/assets/stylesheets/formatic/vendor.css.map
+- app/assets/stylesheets/vendor.css
+- app/assets/stylesheets/vendor.css.map
+- app/assets/stylesheets/vendor.sass
 - app/components/formatic/application_component.rb
 - app/components/formatic/base.rb
 - app/components/formatic/checklist.rb
 - app/components/formatic/date.rb
+- app/components/formatic/file.rb
+- app/components/formatic/files.rb
 - app/components/formatic/select.rb
 - app/components/formatic/stepper.rb
 - app/components/formatic/string.rb
@@ -142,6 +203,7 @@ files:
 - app/components/formatic/time.rb
 - app/components/formatic/toggle.rb
 - app/components/formatic/wrapper.rb
+- config/importmap.rb
 - config/locales/formatic.de.yml
 - config/locales/formatic.en.yml
 - lib/formatic.rb
@@ -170,7 +232,6 @@ metadata:
   source_code_uri: https://github.com/halo/formatic
   changelog_uri: https://github.com/halo/halo/blob/main/CHANGELOG.md
   rubygems_mfa_required: 'true'
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -178,15 +239,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 3.2.0
+      version: 3.4.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.14
-signing_key:
+rubygems_version: 3.7.2
 specification_version: 4
 summary: A set of ViewComponents for form elements
 test_files: []

data/app/assets/javascript/formatic/components/date.ts

@@ -1,54 +0,0 @@
-namespace Formatic {
-  export class Date {
-    private el: HTMLElement
-
-    constructor(el: HTMLElement) {
-      this.el = el
-      this.setupBindings()
-    }
-
-    private setupBindings() {
-      this.shortcutButtons.forEach((el) => {
-        el.addEventListener('click', (event) => {
-          event.preventDefault()
-          const shortcut = <HTMLInputElement>event.currentTarget
-
-          this.dayInput.value = shortcut.dataset.day
-          this.monthInput.value = shortcut.dataset.month
-          this.yearInput.value = shortcut.dataset.year
-        })
-      })
-    }
-
-    // ------------
-    // DOM Elements
-    // ------------
-
-    private get dayInput() {
-      return this.el.querySelector<HTMLSelectElement>('.js-formatic-date__day')
-    }
-
-    private get monthInput() {
-      return this.el.querySelector<HTMLSelectElement>('.js-formatic-date__month')
-    }
-
-    private get yearInput() {
-      return this.el.querySelector<HTMLSelectElement>('.js-formatic-date__year')
-    }
-
-    private get shortcutButtons() {
-      return this.el.querySelectorAll<HTMLElement>('.js-formatic-date__shortcut')
-    }
-  }
-}
-
-// --------------
-// Initialization
-// --------------
-
-document.addEventListener('DOMContentLoaded', () => {
-  document.querySelectorAll<HTMLElement>('.js-formatic-date').forEach((el) => {
-    console.debug('Instantiating Formatic.Date...')
-    new Formatic.Date(el)
-  })
-})