@autoafleveren/ui 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui-library.css +1 -1
- package/dist/ui.cjs +1 -1
- package/dist/ui.js +27 -24
- package/package.json +3 -3
package/dist/ui-library.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
|
|
2
2
|
|
|
3
|
-
/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Inter;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-primary:#e25c2a;--color-primary-active:#c2410c;--color-secondary:#1e243b;--color-secondary-active:#1e243b}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.\!static{position:static!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-5{bottom:1.25rem}.right-5{right:1.25rem}.top-0{top:0}.top-20{top:5rem}.top-5{top:1.25rem}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-auto{margin-bottom:auto}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.\!h-6{height:1.5rem!important}.h-0{height:0}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-20{width:5rem!important}.w-0{width:0}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-141{width:34.375rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-full{--tw-translate-y:100%}.transform,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.bg-indigo-900{--tw-bg-opacity:1;background-color:rgb(22 44 135/var(--tw-bg-opacity))}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.object-fill{-o-object-fit:fill;object-fit:fill}.\!p-2{padding:.5rem!important}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.text-black{--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity))}.text-primary{color:var(--color-primary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-zinc-200{--tw-shadow-color:#e4e4e7;--tw-shadow:var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-1:before{content:var(--tw-content);width:.25rem}.before\:bg-primary:before{content:var(--tw-content);background-color:var(--color-primary)}.hover\:bg-primary-active:hover{background-color:var(--color-primary-active)}.hover\:text-primary:hover{color:var(--color-primary)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.enabled\:hover\:bg-primary:hover:enabled{background-color:var(--color-primary)}.enabled\:hover\:bg-primary-active:hover:enabled{background-color:var(--color-primary-active)}.enabled\:hover\:text-white:hover:enabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:select-none:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:992px){.md\:sticky{position:sticky}.md\:top-0{top:0}.md\:order-3{order:3}.md\:order-4{order:4}.md\:-ml-5{margin-left:-1.25rem}.md\:block{display:block}.md\:\!flex{display:flex!important}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:max-h-screen{max-height:100vh}.md\:\!w-20{width:5rem!important}.md\:w-1\/2{width:50%}.md\:w-10{width:2.5rem}.md\:max-w-lg{max-width:32rem}.md\:grow-0{flex-grow:0}.md\:flex-row{flex-direction:row}.md\:justify-center{justify-content:center}.md\:rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.md\:bg-primary{background-color:var(--color-primary)}.md\:bg-secondary{background-color:var(--color-secondary)}.md\:px-24{padding-left:6rem;padding-right:6rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pr-12{padding-right:3rem}.md\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.md\:hover\:bg-primary-active:hover{background-color:var(--color-primary-active)}}@media (min-width:1200px){.lg\:hidden{display:none}}
|
|
3
|
+
/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Inter;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-primary:#e25c2a;--color-primary-active:#c2410c;--color-secondary:#1e243b;--color-secondary-active:#1e243b}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.\!static{position:static!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-5{bottom:1.25rem}.right-5{right:1.25rem}.top-0{top:0}.top-20{top:5rem}.top-5{top:1.25rem}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-auto{margin-bottom:auto}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.\!h-6{height:1.5rem!important}.h-0{height:0}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-20{width:5rem!important}.w-0{width:0}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-141{width:34.375rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-full{--tw-translate-y:100%}.transform,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.bg-indigo-900{--tw-bg-opacity:1;background-color:rgb(22 44 135/var(--tw-bg-opacity))}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.object-fill{-o-object-fit:fill;object-fit:fill}.\!p-2{padding:.5rem!important}.p-4{padding:1rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.text-black{--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity))}.text-primary{color:var(--color-primary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-zinc-200{--tw-shadow-color:#e4e4e7;--tw-shadow:var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-1:before{content:var(--tw-content);width:.25rem}.before\:bg-primary:before{content:var(--tw-content);background-color:var(--color-primary)}.empty\:px-0:empty{padding-left:0;padding-right:0}.hover\:bg-primary-active:hover{background-color:var(--color-primary-active)}.hover\:text-primary:hover{color:var(--color-primary)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.enabled\:hover\:bg-primary:hover:enabled{background-color:var(--color-primary)}.enabled\:hover\:bg-primary-active:hover:enabled{background-color:var(--color-primary-active)}.enabled\:hover\:text-white:hover:enabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:select-none:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:992px){.md\:sticky{position:sticky}.md\:top-0{top:0}.md\:order-3{order:3}.md\:order-4{order:4}.md\:-ml-5{margin-left:-1.25rem}.md\:block{display:block}.md\:\!flex{display:flex!important}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:max-h-screen{max-height:100vh}.md\:\!w-20{width:5rem!important}.md\:w-1\/2{width:50%}.md\:w-10{width:2.5rem}.md\:max-w-lg{max-width:32rem}.md\:grow-0{flex-grow:0}.md\:flex-row{flex-direction:row}.md\:justify-center{justify-content:center}.md\:rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.md\:bg-primary{background-color:var(--color-primary)}.md\:bg-secondary{background-color:var(--color-secondary)}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-24{padding-left:6rem;padding-right:6rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:pr-12{padding-right:3rem}.md\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.md\:hover\:bg-primary-active:hover{background-color:var(--color-primary-active)}}@media (min-width:1200px){.lg\:hidden{display:none}}
|
package/dist/ui.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("@headlessui/vue"),C={"extra-small":["h-4","w-4"],small:["h-5","w-5"],medium:["h-7","w-7"],large:["h-10","w-10"]},b=e.createElementVNode("circle",{stroke:"currentColor",class:"opacity-25","stroke-width":"4",cx:"12",cy:"12",r:"10"},null,-1),B=e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962
|
|
2
|
-
7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`},null,-1),N=[b,B],h=e.defineComponent({__name:"AppLoader",props:{size:{default:"medium"}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([e.unref(C)[n.size],"animate-spin"]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},N,2))}}),$={class:"app-button__icon h-4"},V=e.defineComponent({__name:"ButtonIconSlot",props:{loading:{type:Boolean}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("span",$,[n.loading?(e.openBlock(),e.createBlock(h,{key:0,class:"w-4"})):e.renderSlot(t.$slots,"default",{key:1},void 0,!0)]))}});const g=(n,t)=>{const a=n.__vccOpts||n;for(const[o,r]of t)a[o]=r;return a},x=g(V,[["__scopeId","data-v-04d5f165"]]),E={plain:["text-primary","border-0"],primary:["text-white","bg-primary","border-transparent","enabled:hover:bg-primary-active"],secondary:["text-primary","bg-transparent","border-primary","enabled:hover:text-white","enabled:hover:bg-primary"]},M={small:["px-5","py-2"],medium:["px-5","py-3"],large:["px-5","py-4"]},S=["type","disabled"],z=e.defineComponent({__name:"AppButton",props:{size:{default:"medium"},type:{default:"button"},colorType:{default:"primary"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("button",{type:n.type,disabled:n.disabled||n.loading,class:e.normalizeClass([[...e.unref(E)[n.colorType],...e.unref(M)[n.size]],"app-button inline-flex items-center whitespace-nowrap rounded-lg border text-sm font-semibold transition-colors focus:outline-none disabled:cursor-not-allowed disabled:select-none disabled:opacity-50"])},[t.$slots.leadingIcon||n.loading?(e.openBlock(),e.createBlock(x,{key:0,loading:n.loading,class:"mr-3","data-test-leading-icon":""},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"leadingIcon")]),_:3},8,["loading"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.trailingIcon?(e.openBlock(),e.createBlock(x,{key:1,class:"ml-3","data-test-trailing-icon":""},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"trailingIcon")]),_:3})):e.createCommentVNode("",!0)],10,S))}}),I={key:0,class:"app-card__icon absolute right-5 top-5 h-5 text-primary"},L=e.defineComponent({__name:"CardIconSlot",props:{icon:null},setup(n){const t=n;return(a,o)=>a.$slots.default||n.icon?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(a.$slots,"default",{},()=>[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(typeof t.icon=="string"?"span":t.icon),{key:0,"data-test-icon-component":"",innerHTML:t.icon},null,8,["innerHTML"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)}});const A=g(L,[["__scopeId","data-v-14ba04ea"]]),i={navigationItems:e.ref([]),mainMenuOpen:e.ref(!1),mobileMenuOpen:e.ref(!1),navigationComponent:e.shallowRef("a"),logo:e.ref(null),contactRoute:e.ref()};function p(){function n(l){i.navigationItems.value=e.isRef(l)?l==null?void 0:l.value:l}function t(l){i.navigationComponent.value=l}function a(l){i.logo.value=l}function o(){i.mainMenuOpen.value=!0}function r(){i.mainMenuOpen.value=!1}function s(){i.mainMenuOpen.value=!i.mainMenuOpen.value}function u(){i.mobileMenuOpen.value=!0}function d(){i.mobileMenuOpen.value=!1}function c(){i.mobileMenuOpen.value=!i.mobileMenuOpen.value}return{...i,setNavigationItems:n,setNavigationComponent:t,setLogo:a,openMainMenu:o,closeMainMenu:r,toggleMainMenu:s,openMobileMenu:u,closeMobileMenu:d,toggleMobileMenu:c}}const m={layoutImage:e.ref(null),colors:{primaryColor:e.ref(null),primaryColorActive:e.ref(null),secondaryColor:e.ref(null),secondaryColorActive:e.ref(null)}};function w(){function n(o){m.layoutImage.value=o}function t(o,r){m.colors.primaryColor.value=o,m.colors.primaryColorActive.value=r,document.documentElement.style.setProperty("--color-primary",o),document.documentElement.style.setProperty("--color-primary-active",r)}function a(o,r){m.colors.secondaryColor.value=o,m.colors.secondaryColorActive.value=r,document.documentElement.style.setProperty("--color-secondary",o),document.documentElement.style.setProperty("--color-secondary-active",r)}return{...m,setLayoutImage:n,setPrimaryColors:t,setSecondaryColors:a}}const D=e.defineComponent({__name:"CardAction",props:{item:null},setup(n){const t=n,{navigationComponent:a}=p(),o=e.ref(!1),r=e.computed(()=>o.value||typeof t.item.icon!="string"),s=e.computed(()=>o.value?h:t.item.icon);async function u(d){var c,l,f;(c=t.item)!=null&&c.onClick&&(d.preventDefault(),o.value=!0,await Promise.resolve((f=(l=t.item)==null?void 0:l.onClick)==null?void 0:f.call(l)),o.value=!1)}return(d,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{to:n.item.to,href:n.item.href,class:"app-card__action ml-auto flex justify-center text-zinc-600",onClick:u},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)?e.unref(s):"span"),{class:e.normalizeClass([{"!h-6":!e.unref(r)},"h-4 w-4"]),size:o.value?"extra-small":void 0,"data-test-icon":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)?"":n.item.icon),1)]),_:1},8,["class","size"])),e.createElementVNode("span",{class:e.normalizeClass([{"pl-4":n.item.icon},"text-sm"]),"data-test-name":""},e.toDisplayString(n.item.name),3)]),_:1},8,["to","href"]))}});const T=g(D,[["__scopeId","data-v-0e561723"]]),O={key:1,class:"text-2xl font-bold text-zinc-900","data-test-title":""},P={class:"mt-2","data-test-content":""},j=e.defineComponent({__name:"AppCard",props:{bordered:{type:Boolean,default:!1},title:{default:void 0},icon:{default:void 0},actions:{default:void 0}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"before:hidden":!n.bordered},"relative w-full overflow-hidden rounded-xl bg-white p-5 text-sm text-zinc-600 shadow shadow-zinc-200 before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:bg-primary"])},[t.$slots.icon||n.icon?(e.openBlock(),e.createBlock(A,{key:0,icon:n.icon,"data-test-icon":""},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon"])):e.createCommentVNode("",!0),n.title||t.$slots.title?(e.openBlock(),e.createElementBlock("h3",O,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",P,[e.renderSlot(t.$slots,"default")]),e.renderSlot(t.$slots,"actions",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.actions,o=>(e.openBlock(),e.createElementBlock("div",{key:o.name,class:"flex w-full"},[e.createVNode(T,{item:o},null,8,["item"])]))),128))])],2))}});function H(n,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"})])}function R(n,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})])}const F={class:"pl-7 text-lg font-semibold text-zinc-900 md:hidden","data-test-name":""},v=e.defineComponent({__name:"NavigationItem",props:{item:null},setup(n){const t=n,{navigationComponent:a}=p(),o=e.ref(!1),r=e.computed(()=>o.value||typeof t.item.icon!="string"),s=e.computed(()=>o.value?h:t.item.icon);async function u(d){var c,l,f;(c=t.item)!=null&&c.onClick&&(d.preventDefault(),o.value=!0,await Promise.resolve((f=(l=t.item)==null?void 0:l.onClick)==null?void 0:f.call(l)),o.value=!1)}return(d,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{to:n.item.to,href:n.item.href,class:e.normalizeClass([{"md:bg-primary":n.item.active??!1,"!rounded-full":n.item.rounded??!1,"mb-2":!n.item.bottom,"mt-2":n.item.bottom??!1},"flex h-10 w-full cursor-pointer items-center rounded-lg text-center transition-colors md:w-10 md:justify-center md:hover:bg-primary-active"]),onClick:u},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)?e.unref(s):"span"),{class:e.normalizeClass([{"!h-6":!e.unref(r)},"h-4 w-4 text-zinc-900 md:text-white"]),size:o.value?"extra-small":void 0,"data-test-icon":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)?"":n.item.icon),1)]),_:1},8,["class","size"])),e.createElementVNode("span",F,e.toDisplayString(n.item.name),1)]),_:1},8,["to","href","class"]))}}),_=e.defineComponent({__name:"SupportItem",setup(n){const{contactRoute:t,navigationComponent:a}=p();return(o,r)=>e.unref(t)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{key:0,to:e.unref(a)!=="a"?e.unref(t):void 0,href:e.unref(a)?e.unref(t):void 0,class:"fixed bottom-5 right-5 z-50 mt-2 flex h-10 w-10 justify-center rounded-full bg-primary py-2 text-white transition-colors hover:bg-primary-active","data-test-help-icon":""},{default:e.withCtx(()=>[e.createTextVNode(" ? ")]),_:1},8,["to","href"])):e.createCommentVNode("",!0)}}),q={class:"flex items-center justify-between bg-zinc-50 px-2 py-4 text-black md:hidden"},G=["innerHTML"],J=e.createElementVNode("div",{class:"w-1/3"},null,-1),K={class:"relative flex h-full w-full flex-1 flex-col bg-white focus:outline-none","data-test-navigation-wrapper":""},Q={class:"h-0 flex-1 overflow-y-auto p-4","data-test-navigation-links-wrapper":""},U={"aria-label":"MainMenu",class:"mt-5"},W={class:"mb-auto"},X=e.defineComponent({__name:"Mobile",setup(n){const{logo:t,navigationItems:a,mobileMenuOpen:o,toggleMobileMenu:r,closeMobileMenu:s}=p(),u=e.computed(()=>o.value?R:H);return(d,c)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",{class:"inline-flex w-1/3 cursor-pointer items-center justify-start rounded-sm !p-2 hover:text-primary focus:outline-none","data-test-menu-icon-wrapper":"",onClick:c[0]||(c[0]=(...l)=>e.unref(r)&&e.unref(r)(...l))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{class:"block h-6 w-6 text-black","aria-hidden":"true"}))]),e.createElementVNode("div",{class:"w-1/3","data-test-logo-wrapper":"",innerHTML:e.unref(t)},null,8,G),J,e.createVNode(e.unref(y.TransitionRoot),{show:e.unref(o),as:"template"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.Dialog),{as:"div",class:"fixed inset-0 top-20 z-50 flex -translate-y-2 lg:hidden",onClose:e.unref(s)},{default:e.withCtx(()=>[e.createVNode(e.unref(y.TransitionChild),{as:"template",enter:"transition ease-in-out duration-300 transform","enter-from":"translate-y-full","enter-to":"translate-y-0",leave:"transition ease-in-out duration-300 transform","leave-from":"translate-y-0","leave-to":"translate-y-full"},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("nav",U,[e.createElementVNode("ul",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),l=>(e.openBlock(),e.createElementBlock("li",{key:l.name,"data-test-navigation-item":""},[e.createVNode(v,{item:l},null,8,["item"])]))),128))])]),e.createVNode(_)])])]),_:1})]),_:1},8,["onClose"])]),_:1},8,["show"]),e.createVNode(_)]))}}),Y={class:"mx-auto mb-auto"},Z={class:"mx-auto mt-auto"},k=e.defineComponent({__name:"AppNavigationMenu",setup(n){const{navigationItems:t,mainMenuOpen:a}=p();return(o,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("aside",{class:e.normalizeClass([{"px-3 md:!w-20":e.unref(a)},"sticky top-0 hidden h-screen w-0 flex-col justify-center overflow-hidden py-5 transition-all duration-500 md:flex"]),"data-test-main-menu":""},[e.createElementVNode("ul",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).filter(s=>s.bottom!==!0),s=>(e.openBlock(),e.createElementBlock("li",{key:s.name,"data-test-top-navigation-item":""},[e.createVNode(v,{item:s},null,8,["item"])]))),128))]),e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).filter(s=>s.bottom),s=>(e.openBlock(),e.createElementBlock("li",{key:s.name,"data-test-bottom-navigation-item":""},[e.createVNode(v,{item:s},null,8,["item"])]))),128)),e.createElementVNode("li",null,[e.createVNode(_,{class:"!static"})])])],2),e.createVNode(X)]))}}),ee={class:"flex text-sm font-bold"},te={class:"rounded-l-lg bg-indigo-900 px-2 py-1.5 text-white","data-test-country-code":""},ne={class:"rounded-r-lg bg-yellow-400 px-2 py-1.5 uppercase text-zinc-900","data-test-license-plate":""},oe=e.defineComponent({__name:"AppLicensePlate",props:{license:{default:void 0},country:{default:"NL"}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("span",te,e.toDisplayString(n.country),1),e.createElementVNode("span",ne,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.license),1)])])]))}}),ae={class:"flex min-h-screen flex-col md:flex-row md:bg-secondary"},le={class:"flex h-full grow items-center justify-center bg-white px-10 transition-all md:h-auto md:w-1/2 md:grow-0 md:rounded-l-2xl md:px-24"},re={class:"mx-auto md:max-w-lg"},se={class:"hidden w-1/2 md:block","data-test-layout-image-wrapper":""},ce=["src"],ie=e.defineComponent({__name:"Auth",setup(n){const{layoutImage:t}=w();return(a,o)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createVNode(e.unref(k)),e.createElementVNode("main",le,[e.createElementVNode("div",re,[e.renderSlot(a.$slots,"default")])]),e.createElementVNode("div",se,[e.unref(t)?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(t),class:"h-screen w-full object-fill"},null,8,ce)):e.createCommentVNode("",!0)])]))}}),de={class:"flex min-h-screen flex-col md:flex-row md:bg-secondary"},ue=e.createElementVNode("div",{id:"top order-2"},null,-1),me={class:"order-4 flex h-full grow bg-zinc-100 px-2 py-8 transition-all md:order-3 md:h-auto md:rounded-l-2xl md:px-6 md:pr-12"},pe={class:"w-full"},fe={id:"sidebar-wrapper",class:"order-3 w-141 max-w-full shrink-0 grow-0 rounded-l-2xl bg-white px-4 py-8 md:sticky md:top-0 md:order-4 md:-ml-5 md:max-h-screen","data-test-layout-sidebar-wrapper":""},he=e.defineComponent({__name:"Base",setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("div",de,[e.createVNode(e.unref(k),{class:"order-1"}),e.renderSlot(t.$slots,"top",{},()=>[ue]),e.createElementVNode("main",me,[e.createElementVNode("div",pe,[e.renderSlot(t.$slots,"default")])]),e.createElementVNode("div",fe,[e.renderSlot(t.$slots,"sidebar")])]))}});exports.AppButton=z;exports.AppCard=j;exports.AppLicensePlate=oe;exports.AppLoader=h;exports.AppNavigationMenu=k;exports.AuthLayout=ie;exports.BaseLayout=he;exports.useLayout=w;exports.useNavigation=p;
|
|
2
|
+
7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`},null,-1),N=[b,B],h=e.defineComponent({__name:"AppLoader",props:{size:{default:"medium"}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([e.unref(C)[n.size],"animate-spin"]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},N,2))}}),$={class:"app-button__icon h-4"},V=e.defineComponent({__name:"ButtonIconSlot",props:{loading:{type:Boolean}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("span",$,[n.loading?(e.openBlock(),e.createBlock(h,{key:0,class:"w-4"})):e.renderSlot(t.$slots,"default",{key:1},void 0,!0)]))}});const g=(n,t)=>{const a=n.__vccOpts||n;for(const[o,r]of t)a[o]=r;return a},x=g(V,[["__scopeId","data-v-04d5f165"]]),E={plain:["text-primary","border-0"],primary:["text-white","bg-primary","border-transparent","enabled:hover:bg-primary-active"],secondary:["text-primary","bg-transparent","border-primary","enabled:hover:text-white","enabled:hover:bg-primary"]},M={small:["px-5","py-2"],medium:["px-5","py-3"],large:["px-5","py-4"]},S=["type","disabled"],z=e.defineComponent({__name:"AppButton",props:{size:{default:"medium"},type:{default:"button"},colorType:{default:"primary"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("button",{type:n.type,disabled:n.disabled||n.loading,class:e.normalizeClass([[...e.unref(E)[n.colorType],...e.unref(M)[n.size]],"app-button inline-flex items-center whitespace-nowrap rounded-lg border text-sm font-semibold transition-colors focus:outline-none disabled:cursor-not-allowed disabled:select-none disabled:opacity-50"])},[t.$slots.leadingIcon||n.loading?(e.openBlock(),e.createBlock(x,{key:0,loading:n.loading,class:"mr-3","data-test-leading-icon":""},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"leadingIcon")]),_:3},8,["loading"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.trailingIcon?(e.openBlock(),e.createBlock(x,{key:1,class:"ml-3","data-test-trailing-icon":""},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"trailingIcon")]),_:3})):e.createCommentVNode("",!0)],10,S))}}),I={key:0,class:"app-card__icon absolute right-5 top-5 h-5 text-primary"},L=e.defineComponent({__name:"CardIconSlot",props:{icon:null},setup(n){const t=n;return(a,o)=>a.$slots.default||n.icon?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(a.$slots,"default",{},()=>[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(typeof t.icon=="string"?"span":t.icon),{key:0,"data-test-icon-component":"",innerHTML:t.icon},null,8,["innerHTML"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)}});const A=g(L,[["__scopeId","data-v-14ba04ea"]]),i={navigationItems:e.ref([]),mainMenuOpen:e.ref(!1),mobileMenuOpen:e.ref(!1),navigationComponent:e.shallowRef("a"),logo:e.ref(null),contactRoute:e.ref()};function p(){function n(l){i.navigationItems.value=e.isRef(l)?l==null?void 0:l.value:l}function t(l){i.navigationComponent.value=l}function a(l){i.logo.value=l}function o(){i.mainMenuOpen.value=!0}function r(){i.mainMenuOpen.value=!1}function s(){i.mainMenuOpen.value=!i.mainMenuOpen.value}function u(){i.mobileMenuOpen.value=!0}function d(){i.mobileMenuOpen.value=!1}function c(){i.mobileMenuOpen.value=!i.mobileMenuOpen.value}return{...i,setNavigationItems:n,setNavigationComponent:t,setLogo:a,openMainMenu:o,closeMainMenu:r,toggleMainMenu:s,openMobileMenu:u,closeMobileMenu:d,toggleMobileMenu:c}}const m={layoutImage:e.ref(null),colors:{primaryColor:e.ref(null),primaryColorActive:e.ref(null),secondaryColor:e.ref(null),secondaryColorActive:e.ref(null)}};function w(){function n(o){m.layoutImage.value=o}function t(o,r){m.colors.primaryColor.value=o,m.colors.primaryColorActive.value=r,document.documentElement.style.setProperty("--color-primary",o),document.documentElement.style.setProperty("--color-primary-active",r)}function a(o,r){m.colors.secondaryColor.value=o,m.colors.secondaryColorActive.value=r,document.documentElement.style.setProperty("--color-secondary",o),document.documentElement.style.setProperty("--color-secondary-active",r)}return{...m,setLayoutImage:n,setPrimaryColors:t,setSecondaryColors:a}}const D=e.defineComponent({__name:"CardAction",props:{item:null},setup(n){const t=n,{navigationComponent:a}=p(),o=e.ref(!1),r=e.computed(()=>o.value||typeof t.item.icon!="string"),s=e.computed(()=>o.value?h:t.item.icon);async function u(d){var c,l,f;(c=t.item)!=null&&c.onClick&&(d.preventDefault(),o.value=!0,await Promise.resolve((f=(l=t.item)==null?void 0:l.onClick)==null?void 0:f.call(l)),o.value=!1)}return(d,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{to:n.item.to,href:n.item.href,class:"app-card__action ml-auto flex justify-center text-zinc-600",onClick:u},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)?e.unref(s):"span"),{class:e.normalizeClass([{"!h-6":!e.unref(r)},"h-4 w-4"]),size:o.value?"extra-small":void 0,"data-test-icon":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)?"":n.item.icon),1)]),_:1},8,["class","size"])),e.createElementVNode("span",{class:e.normalizeClass([{"pl-4":n.item.icon},"text-sm"]),"data-test-name":""},e.toDisplayString(n.item.name),3)]),_:1},8,["to","href"]))}});const T=g(D,[["__scopeId","data-v-0e561723"]]),O={key:1,class:"text-4xl font-bold text-zinc-900","data-test-title":""},P={class:"mt-2","data-test-content":""},j=e.defineComponent({__name:"AppCard",props:{bordered:{type:Boolean,default:!1},title:{default:void 0},icon:{default:void 0},actions:{default:void 0}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"before:hidden":!n.bordered},"relative w-full overflow-hidden rounded-xl bg-white p-8 text-sm text-zinc-600 shadow shadow-zinc-200 before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:bg-primary"])},[t.$slots.icon||n.icon?(e.openBlock(),e.createBlock(A,{key:0,icon:n.icon,"data-test-icon":""},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon"])):e.createCommentVNode("",!0),n.title||t.$slots.title?(e.openBlock(),e.createElementBlock("h3",O,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",P,[e.renderSlot(t.$slots,"default")]),e.renderSlot(t.$slots,"actions",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.actions,o=>(e.openBlock(),e.createElementBlock("div",{key:o.name,class:"flex w-full"},[e.createVNode(T,{item:o},null,8,["item"])]))),128))])],2))}});function H(n,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"})])}function R(n,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})])}const F={class:"pl-7 text-lg font-semibold text-zinc-900 md:hidden","data-test-name":""},v=e.defineComponent({__name:"NavigationItem",props:{item:null},setup(n){const t=n,{navigationComponent:a}=p(),o=e.ref(!1),r=e.computed(()=>o.value||typeof t.item.icon!="string"),s=e.computed(()=>o.value?h:t.item.icon);async function u(d){var c,l,f;(c=t.item)!=null&&c.onClick&&(d.preventDefault(),o.value=!0,await Promise.resolve((f=(l=t.item)==null?void 0:l.onClick)==null?void 0:f.call(l)),o.value=!1)}return(d,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{to:n.item.to,href:n.item.href,class:e.normalizeClass([{"md:bg-primary":n.item.active??!1,"!rounded-full":n.item.rounded??!1,"mb-2":!n.item.bottom,"mt-2":n.item.bottom??!1},"flex h-10 w-full cursor-pointer items-center rounded-lg text-center transition-colors md:w-10 md:justify-center md:hover:bg-primary-active"]),onClick:u},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)?e.unref(s):"span"),{class:e.normalizeClass([{"!h-6":!e.unref(r)},"h-4 w-4 text-zinc-900 md:text-white"]),size:o.value?"extra-small":void 0,"data-test-icon":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)?"":n.item.icon),1)]),_:1},8,["class","size"])),e.createElementVNode("span",F,e.toDisplayString(n.item.name),1)]),_:1},8,["to","href","class"]))}}),_=e.defineComponent({__name:"SupportItem",setup(n){const{contactRoute:t,navigationComponent:a}=p();return(o,r)=>e.unref(t)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{key:0,to:e.unref(a)!=="a"?e.unref(t):void 0,href:e.unref(a)?e.unref(t):void 0,class:"fixed bottom-5 right-5 z-50 mt-2 flex h-10 w-10 justify-center rounded-full bg-primary py-2 text-white transition-colors hover:bg-primary-active","data-test-help-icon":""},{default:e.withCtx(()=>[e.createTextVNode(" ? ")]),_:1},8,["to","href"])):e.createCommentVNode("",!0)}}),q={class:"flex items-center justify-between bg-zinc-50 px-2 py-4 text-black md:hidden"},G=["innerHTML"],J=e.createElementVNode("div",{class:"w-1/3"},null,-1),K={class:"relative flex h-full w-full flex-1 flex-col bg-white focus:outline-none","data-test-navigation-wrapper":""},Q={class:"h-0 flex-1 overflow-y-auto p-4","data-test-navigation-links-wrapper":""},U={"aria-label":"MainMenu",class:"mt-5"},W={class:"mb-auto"},X=e.defineComponent({__name:"Mobile",setup(n){const{logo:t,navigationItems:a,mobileMenuOpen:o,toggleMobileMenu:r,closeMobileMenu:s}=p(),u=e.computed(()=>o.value?R:H);return(d,c)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",{class:"inline-flex w-1/3 cursor-pointer items-center justify-start rounded-sm !p-2 hover:text-primary focus:outline-none","data-test-menu-icon-wrapper":"",onClick:c[0]||(c[0]=(...l)=>e.unref(r)&&e.unref(r)(...l))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{class:"block h-6 w-6 text-black","aria-hidden":"true"}))]),e.createElementVNode("div",{class:"w-1/3","data-test-logo-wrapper":"",innerHTML:e.unref(t)},null,8,G),J,e.createVNode(e.unref(y.TransitionRoot),{show:e.unref(o),as:"template"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.Dialog),{as:"div",class:"fixed inset-0 top-20 z-50 flex -translate-y-2 lg:hidden",onClose:e.unref(s)},{default:e.withCtx(()=>[e.createVNode(e.unref(y.TransitionChild),{as:"template",enter:"transition ease-in-out duration-300 transform","enter-from":"translate-y-full","enter-to":"translate-y-0",leave:"transition ease-in-out duration-300 transform","leave-from":"translate-y-0","leave-to":"translate-y-full"},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("nav",U,[e.createElementVNode("ul",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),l=>(e.openBlock(),e.createElementBlock("li",{key:l.name,"data-test-navigation-item":""},[e.createVNode(v,{item:l},null,8,["item"])]))),128))])]),e.createVNode(_)])])]),_:1})]),_:1},8,["onClose"])]),_:1},8,["show"]),e.createVNode(_)]))}}),Y={class:"mx-auto mb-auto"},Z={class:"mx-auto mt-auto"},k=e.defineComponent({__name:"AppNavigationMenu",setup(n){const{navigationItems:t,mainMenuOpen:a}=p();return(o,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("aside",{class:e.normalizeClass([{"px-3 md:!w-20":e.unref(a)},"sticky top-0 hidden h-screen w-0 flex-col justify-center overflow-hidden py-5 transition-all duration-500 md:flex"]),"data-test-main-menu":""},[e.createElementVNode("ul",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).filter(s=>s.bottom!==!0),s=>(e.openBlock(),e.createElementBlock("li",{key:s.name,"data-test-top-navigation-item":""},[e.createVNode(v,{item:s},null,8,["item"])]))),128))]),e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).filter(s=>s.bottom),s=>(e.openBlock(),e.createElementBlock("li",{key:s.name,"data-test-bottom-navigation-item":""},[e.createVNode(v,{item:s},null,8,["item"])]))),128)),e.createElementVNode("li",null,[e.createVNode(_,{class:"!static"})])])],2),e.createVNode(X)]))}}),ee={class:"flex text-sm font-bold"},te={class:"rounded-l-lg bg-indigo-900 px-2 py-1.5 text-white","data-test-country-code":""},ne={class:"rounded-r-lg bg-yellow-400 px-2 py-1.5 uppercase text-zinc-900","data-test-license-plate":""},oe=e.defineComponent({__name:"AppLicensePlate",props:{license:{default:void 0},country:{default:"NL"}},setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("span",te,e.toDisplayString(n.country),1),e.createElementVNode("span",ne,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.license),1)])])]))}}),ae={class:"flex min-h-screen flex-col md:flex-row md:bg-secondary"},le={class:"flex h-full grow items-center justify-center bg-white px-10 transition-all md:h-auto md:w-1/2 md:grow-0 md:rounded-l-2xl md:px-24"},re={class:"mx-auto md:max-w-lg"},se={class:"hidden w-1/2 md:block","data-test-layout-image-wrapper":""},ce=["src"],ie=e.defineComponent({__name:"Auth",setup(n){const{layoutImage:t}=w();return(a,o)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createVNode(e.unref(k)),e.createElementVNode("main",le,[e.createElementVNode("div",re,[e.renderSlot(a.$slots,"default")])]),e.createElementVNode("div",se,[e.unref(t)?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(t),class:"h-screen w-full object-fill"},null,8,ce)):e.createCommentVNode("",!0)])]))}}),de={class:"flex min-h-screen flex-col md:flex-row md:bg-secondary"},ue=e.createElementVNode("div",{id:"top",class:"order-2 px-4 empty:px-0"},null,-1),me={class:"order-4 flex h-full grow bg-zinc-100 px-4 py-8 transition-all md:order-3 md:h-auto md:rounded-l-2xl md:px-6 md:pr-12"},pe={class:"w-full"},fe={id:"sidebar-wrapper",class:"order-3 w-141 max-w-full shrink-0 grow-0 rounded-l-2xl bg-white px-4 py-8 md:sticky md:top-0 md:order-4 md:-ml-5 md:max-h-screen md:px-12 md:py-14","data-test-layout-sidebar-wrapper":""},he=e.defineComponent({__name:"Base",setup(n){return(t,a)=>(e.openBlock(),e.createElementBlock("div",de,[e.createVNode(e.unref(k),{class:"order-1"}),e.renderSlot(t.$slots,"top",{},()=>[ue]),e.createElementVNode("main",me,[e.createElementVNode("div",pe,[e.renderSlot(t.$slots,"default")])]),e.createElementVNode("div",fe,[e.renderSlot(t.$slots,"sidebar")])]))}});exports.AppButton=z;exports.AppCard=j;exports.AppLicensePlate=oe;exports.AppLoader=h;exports.AppNavigationMenu=k;exports.AuthLayout=ie;exports.BaseLayout=he;exports.useLayout=w;exports.useNavigation=p;
|
package/dist/ui.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as p, openBlock as a, createElementBlock as c, normalizeClass as
|
|
1
|
+
import { defineComponent as p, openBlock as a, createElementBlock as c, normalizeClass as x, unref as n, createElementVNode as l, createBlock as y, renderSlot as d, withCtx as v, createCommentVNode as b, resolveDynamicComponent as $, ref as h, shallowRef as E, isRef as D, computed as I, createTextVNode as z, toDisplayString as C, Fragment as L, renderList as B, createVNode as m } from "vue";
|
|
2
2
|
import { TransitionRoot as H, Dialog as R, TransitionChild as V } from "@headlessui/vue";
|
|
3
3
|
const F = {
|
|
4
4
|
"extra-small": ["h-4", "w-4"],
|
|
@@ -27,7 +27,7 @@ const F = {
|
|
|
27
27
|
},
|
|
28
28
|
setup(t) {
|
|
29
29
|
return (e, s) => (a(), c("svg", {
|
|
30
|
-
class:
|
|
30
|
+
class: x([n(F)[t.size], "animate-spin"]),
|
|
31
31
|
xmlns: "http://www.w3.org/2000/svg",
|
|
32
32
|
viewBox: "0 0 24 24",
|
|
33
33
|
fill: "none"
|
|
@@ -87,7 +87,7 @@ const N = (t, e) => {
|
|
|
87
87
|
return (e, s) => (a(), c("button", {
|
|
88
88
|
type: t.type,
|
|
89
89
|
disabled: t.disabled || t.loading,
|
|
90
|
-
class:
|
|
90
|
+
class: x([[
|
|
91
91
|
...n(U)[t.colorType],
|
|
92
92
|
...n(W)[t.size]
|
|
93
93
|
], "app-button inline-flex items-center whitespace-nowrap rounded-lg border text-sm font-semibold transition-colors focus:outline-none disabled:cursor-not-allowed disabled:select-none disabled:opacity-50"])
|
|
@@ -102,7 +102,7 @@ const N = (t, e) => {
|
|
|
102
102
|
d(e.$slots, "leadingIcon")
|
|
103
103
|
]),
|
|
104
104
|
_: 3
|
|
105
|
-
}, 8, ["loading"])) :
|
|
105
|
+
}, 8, ["loading"])) : b("", !0),
|
|
106
106
|
d(e.$slots, "default"),
|
|
107
107
|
e.$slots.trailingIcon ? (a(), y(j, {
|
|
108
108
|
key: 1,
|
|
@@ -113,7 +113,7 @@ const N = (t, e) => {
|
|
|
113
113
|
d(e.$slots, "trailingIcon")
|
|
114
114
|
]),
|
|
115
115
|
_: 3
|
|
116
|
-
})) :
|
|
116
|
+
})) : b("", !0)
|
|
117
117
|
], 10, X));
|
|
118
118
|
}
|
|
119
119
|
}), Y = {
|
|
@@ -132,9 +132,9 @@ const N = (t, e) => {
|
|
|
132
132
|
key: 0,
|
|
133
133
|
"data-test-icon-component": "",
|
|
134
134
|
innerHTML: e.icon
|
|
135
|
-
}, null, 8, ["innerHTML"])) :
|
|
135
|
+
}, null, 8, ["innerHTML"])) : b("", !0)
|
|
136
136
|
], !0)
|
|
137
|
-
])) :
|
|
137
|
+
])) : b("", !0);
|
|
138
138
|
}
|
|
139
139
|
});
|
|
140
140
|
const ee = /* @__PURE__ */ N(Z, [["__scopeId", "data-v-14ba04ea"]]), _ = {
|
|
@@ -231,7 +231,7 @@ const ne = /* @__PURE__ */ p({
|
|
|
231
231
|
}, {
|
|
232
232
|
default: v(() => [
|
|
233
233
|
(a(), y($(n(r) ? n(u) : "span"), {
|
|
234
|
-
class:
|
|
234
|
+
class: x([{ "!h-6": !n(r) }, "h-4 w-4"]),
|
|
235
235
|
size: o.value ? "extra-small" : void 0,
|
|
236
236
|
"data-test-icon": ""
|
|
237
237
|
}, {
|
|
@@ -241,7 +241,7 @@ const ne = /* @__PURE__ */ p({
|
|
|
241
241
|
_: 1
|
|
242
242
|
}, 8, ["class", "size"])),
|
|
243
243
|
l("span", {
|
|
244
|
-
class:
|
|
244
|
+
class: x([{ "pl-4": t.item.icon }, "text-sm"]),
|
|
245
245
|
"data-test-name": ""
|
|
246
246
|
}, C(t.item.name), 3)
|
|
247
247
|
]),
|
|
@@ -251,7 +251,7 @@ const ne = /* @__PURE__ */ p({
|
|
|
251
251
|
});
|
|
252
252
|
const oe = /* @__PURE__ */ N(ne, [["__scopeId", "data-v-0e561723"]]), ae = {
|
|
253
253
|
key: 1,
|
|
254
|
-
class: "text-
|
|
254
|
+
class: "text-4xl font-bold text-zinc-900",
|
|
255
255
|
"data-test-title": ""
|
|
256
256
|
}, se = {
|
|
257
257
|
class: "mt-2",
|
|
@@ -266,7 +266,7 @@ const oe = /* @__PURE__ */ N(ne, [["__scopeId", "data-v-0e561723"]]), ae = {
|
|
|
266
266
|
},
|
|
267
267
|
setup(t) {
|
|
268
268
|
return (e, s) => (a(), c("div", {
|
|
269
|
-
class:
|
|
269
|
+
class: x([{ "before:hidden": !t.bordered }, "relative w-full overflow-hidden rounded-xl bg-white p-8 text-sm text-zinc-600 shadow shadow-zinc-200 before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:bg-primary"])
|
|
270
270
|
}, [
|
|
271
271
|
e.$slots.icon || t.icon ? (a(), y(ee, {
|
|
272
272
|
key: 0,
|
|
@@ -277,12 +277,12 @@ const oe = /* @__PURE__ */ N(ne, [["__scopeId", "data-v-0e561723"]]), ae = {
|
|
|
277
277
|
d(e.$slots, "icon")
|
|
278
278
|
]),
|
|
279
279
|
_: 3
|
|
280
|
-
}, 8, ["icon"])) :
|
|
280
|
+
}, 8, ["icon"])) : b("", !0),
|
|
281
281
|
t.title || e.$slots.title ? (a(), c("h3", ae, [
|
|
282
282
|
d(e.$slots, "title", {}, () => [
|
|
283
283
|
z(C(t.title), 1)
|
|
284
284
|
])
|
|
285
|
-
])) :
|
|
285
|
+
])) : b("", !0),
|
|
286
286
|
l("div", se, [
|
|
287
287
|
d(e.$slots, "default")
|
|
288
288
|
]),
|
|
@@ -346,7 +346,7 @@ const re = {
|
|
|
346
346
|
return (g, f) => (a(), y($(n(s)), {
|
|
347
347
|
to: t.item.to,
|
|
348
348
|
href: t.item.href,
|
|
349
|
-
class:
|
|
349
|
+
class: x([{
|
|
350
350
|
"md:bg-primary": t.item.active ?? !1,
|
|
351
351
|
"!rounded-full": t.item.rounded ?? !1,
|
|
352
352
|
"mb-2": !t.item.bottom,
|
|
@@ -356,7 +356,7 @@ const re = {
|
|
|
356
356
|
}, {
|
|
357
357
|
default: v(() => [
|
|
358
358
|
(a(), y($(n(r) ? n(u) : "span"), {
|
|
359
|
-
class:
|
|
359
|
+
class: x([{ "!h-6": !n(r) }, "h-4 w-4 text-zinc-900 md:text-white"]),
|
|
360
360
|
size: o.value ? "extra-small" : void 0,
|
|
361
361
|
"data-test-icon": ""
|
|
362
362
|
}, {
|
|
@@ -385,7 +385,7 @@ const re = {
|
|
|
385
385
|
z(" ? ")
|
|
386
386
|
]),
|
|
387
387
|
_: 1
|
|
388
|
-
}, 8, ["to", "href"])) :
|
|
388
|
+
}, 8, ["to", "href"])) : b("", !0);
|
|
389
389
|
}
|
|
390
390
|
}), ce = { class: "flex items-center justify-between bg-zinc-50 px-2 py-4 text-black md:hidden" }, ue = ["innerHTML"], de = /* @__PURE__ */ l("div", { class: "w-1/3" }, null, -1), me = {
|
|
391
391
|
class: "relative flex h-full w-full flex-1 flex-col bg-white focus:outline-none",
|
|
@@ -478,7 +478,7 @@ const re = {
|
|
|
478
478
|
const { navigationItems: e, mainMenuOpen: s } = A();
|
|
479
479
|
return (o, r) => (a(), c("div", null, [
|
|
480
480
|
l("aside", {
|
|
481
|
-
class:
|
|
481
|
+
class: x([{ "px-3 md:!w-20": n(s) }, "sticky top-0 hidden h-screen w-0 flex-col justify-center overflow-hidden py-5 transition-all duration-500 md:flex"]),
|
|
482
482
|
"data-test-main-menu": ""
|
|
483
483
|
}, [
|
|
484
484
|
l("ul", ve, [
|
|
@@ -504,10 +504,10 @@ const re = {
|
|
|
504
504
|
m(he)
|
|
505
505
|
]));
|
|
506
506
|
}
|
|
507
|
-
}), ge = { class: "flex text-sm font-bold" },
|
|
507
|
+
}), ge = { class: "flex text-sm font-bold" }, xe = {
|
|
508
508
|
class: "rounded-l-lg bg-indigo-900 px-2 py-1.5 text-white",
|
|
509
509
|
"data-test-country-code": ""
|
|
510
|
-
},
|
|
510
|
+
}, be = {
|
|
511
511
|
class: "rounded-r-lg bg-yellow-400 px-2 py-1.5 uppercase text-zinc-900",
|
|
512
512
|
"data-test-license-plate": ""
|
|
513
513
|
}, je = /* @__PURE__ */ p({
|
|
@@ -518,8 +518,8 @@ const re = {
|
|
|
518
518
|
},
|
|
519
519
|
setup(t) {
|
|
520
520
|
return (e, s) => (a(), c("div", ge, [
|
|
521
|
-
l("span",
|
|
522
|
-
l("span",
|
|
521
|
+
l("span", xe, C(t.country), 1),
|
|
522
|
+
l("span", be, [
|
|
523
523
|
d(e.$slots, "default", {}, () => [
|
|
524
524
|
z(C(t.license), 1)
|
|
525
525
|
])
|
|
@@ -545,13 +545,16 @@ const re = {
|
|
|
545
545
|
key: 0,
|
|
546
546
|
src: n(e),
|
|
547
547
|
class: "h-screen w-full object-fill"
|
|
548
|
-
}, null, 8, Me)) :
|
|
548
|
+
}, null, 8, Me)) : b("", !0)
|
|
549
549
|
])
|
|
550
550
|
]));
|
|
551
551
|
}
|
|
552
|
-
}), Ie = { class: "flex min-h-screen flex-col md:flex-row md:bg-secondary" }, ze = /* @__PURE__ */ l("div", {
|
|
552
|
+
}), Ie = { class: "flex min-h-screen flex-col md:flex-row md:bg-secondary" }, ze = /* @__PURE__ */ l("div", {
|
|
553
|
+
id: "top",
|
|
554
|
+
class: "order-2 px-4 empty:px-0"
|
|
555
|
+
}, null, -1), Ae = { class: "order-4 flex h-full grow bg-zinc-100 px-4 py-8 transition-all md:order-3 md:h-auto md:rounded-l-2xl md:px-6 md:pr-12" }, Le = { class: "w-full" }, Be = {
|
|
553
556
|
id: "sidebar-wrapper",
|
|
554
|
-
class: "order-3 w-141 max-w-full shrink-0 grow-0 rounded-l-2xl bg-white px-4 py-8 md:sticky md:top-0 md:order-4 md:-ml-5 md:max-h-screen",
|
|
557
|
+
class: "order-3 w-141 max-w-full shrink-0 grow-0 rounded-l-2xl bg-white px-4 py-8 md:sticky md:top-0 md:order-4 md:-ml-5 md:max-h-screen md:px-12 md:py-14",
|
|
555
558
|
"data-test-layout-sidebar-wrapper": ""
|
|
556
559
|
}, Ee = /* @__PURE__ */ p({
|
|
557
560
|
__name: "Base",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@autoafleveren/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist/*",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@storybook/addon-docs": "^7.0.9",
|
|
74
74
|
"@storybook/addon-essentials": "^7.0.9",
|
|
75
75
|
"@storybook/addon-interactions": "^7.0.9",
|
|
76
|
-
"@storybook/addon-links": "^7.0.
|
|
76
|
+
"@storybook/addon-links": "^7.0.10",
|
|
77
77
|
"@storybook/addon-postcss": "^2.0.0",
|
|
78
78
|
"@storybook/addon-styling": "^1.0.6",
|
|
79
79
|
"@storybook/addons": "^7.0.9",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"@storybook/preview-web": "^7.0.9",
|
|
83
83
|
"@storybook/testing-library": "^0.1.0",
|
|
84
84
|
"@storybook/theming": "^7.0.9",
|
|
85
|
-
"@storybook/vue3": "^7.0.
|
|
85
|
+
"@storybook/vue3": "^7.0.10",
|
|
86
86
|
"@storybook/vue3-vite": "^7.0.9",
|
|
87
87
|
"@types/eslint": "^8.37.0",
|
|
88
88
|
"@types/jsdom": "^21.1.1",
|