jabroni-outfit 1.4.4 → 1.4.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.
Files changed (10) hide show
  1. package/dist/index.d.ts +10 -1
  2. package/dist/jabroni-outfit.es.js +64 -48
  3. package/dist/jabroni-outfit.es.js.map +1 -1
  4. package/dist/jabroni-outfit.umd.js +2 -2
  5. package/dist/jabroni-outfit.umd.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/test/example.ts +3 -5
  8. package/src/ui/index.ts +20 -6
  9. package/src/ui/types.ts +9 -1
  10. package/src/ui/vue-templates/App.vue +17 -5
package/dist/index.d.ts CHANGED
@@ -23,7 +23,8 @@ export declare class JabroniOutfitStore {
23
23
  }
24
24
 
25
25
  export declare class JabroniOutfitUI {
26
- constructor({ state, stateLocale }: JabroniOutfitStore, scheme?: Scheme);
26
+ private getRoot;
27
+ constructor({ state, stateLocale }: JabroniOutfitStore, scheme?: Scheme, rootSelector?: string, position?: UIPosition);
27
28
  }
28
29
 
29
30
  declare type NotifyApply = (input: RecordV) => void;
@@ -59,4 +60,12 @@ declare interface StateOption {
59
60
 
60
61
  declare type StateOptions = Record<string, StateOption>;
61
62
 
63
+ declare interface UIPosition {
64
+ fixed: boolean;
65
+ left?: boolean;
66
+ right?: boolean;
67
+ top?: boolean;
68
+ bottom?: boolean;
69
+ }
70
+
62
71
  export { }
package/dist/jabroni-outfit.es.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('*:where(.taper-class,.taper-class *),:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){--tw-content: ""}.taper-class{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.taper-class{margin:0;line-height:inherit}hr:where(.taper-class,.taper-class *){height:0;color:inherit;border-top-width:1px}abbr:where([title]):where(.taper-class,.taper-class *){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *){font-size:inherit;font-weight:inherit}a:where(.taper-class,.taper-class *){color:inherit;text-decoration:inherit}b:where(.taper-class,.taper-class *),strong:where(.taper-class,.taper-class *){font-weight:bolder}code:where(.taper-class,.taper-class *),kbd:where(.taper-class,.taper-class *),samp:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small:where(.taper-class,.taper-class *){font-size:80%}sub:where(.taper-class,.taper-class *),sup:where(.taper-class,.taper-class *){font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub:where(.taper-class,.taper-class *){bottom:-.25em}sup:where(.taper-class,.taper-class *){top:-.5em}table:where(.taper-class,.taper-class *){text-indent:0;border-color:inherit;border-collapse:collapse}button:where(.taper-class,.taper-class *),input:where(.taper-class,.taper-class *),optgroup:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *),textarea:where(.taper-class,.taper-class *){font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *){text-transform:none}button:where(.taper-class,.taper-class *),input:where([type=button]):where(.taper-class,.taper-class *),input:where([type=reset]):where(.taper-class,.taper-class *),input:where([type=submit]):where(.taper-class,.taper-class *){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring:where(.taper-class,.taper-class *){outline:auto}:-moz-ui-invalid:where(.taper-class,.taper-class *){box-shadow:none}progress:where(.taper-class,.taper-class *){vertical-align:baseline}::-webkit-inner-spin-button:where(.taper-class,.taper-class *),::-webkit-outer-spin-button:where(.taper-class,.taper-class *){height:auto}[type=search]:where(.taper-class,.taper-class *){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration:where(.taper-class,.taper-class *){-webkit-appearance:none}::-webkit-file-upload-button:where(.taper-class,.taper-class *){-webkit-appearance:button;font:inherit}summary:where(.taper-class,.taper-class *){display:list-item}blockquote:where(.taper-class,.taper-class *),dl:where(.taper-class,.taper-class *),dd:where(.taper-class,.taper-class *),h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *),hr:where(.taper-class,.taper-class *),figure:where(.taper-class,.taper-class *),p:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){margin:0}fieldset:where(.taper-class,.taper-class *){margin:0;padding:0}legend:where(.taper-class,.taper-class *){padding:0}ol:where(.taper-class,.taper-class *),ul:where(.taper-class,.taper-class *),menu:where(.taper-class,.taper-class *){list-style:none;margin:0;padding:0}dialog:where(.taper-class,.taper-class *){padding:0}textarea:where(.taper-class,.taper-class *){resize:vertical}input::-moz-placeholder:where(.taper-class,.taper-class *),textarea::-moz-placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}input::placeholder:where(.taper-class,.taper-class *),textarea::placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}button:where(.taper-class,.taper-class *),[role=button]:where(.taper-class,.taper-class *){cursor:pointer}:disabled:where(.taper-class,.taper-class *){cursor:default}img:where(.taper-class,.taper-class *),svg:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *),canvas:where(.taper-class,.taper-class *),audio:where(.taper-class,.taper-class *),iframe:where(.taper-class,.taper-class *),embed:where(.taper-class,.taper-class *),object:where(.taper-class,.taper-class *){display:block;vertical-align:middle}img:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *){max-width:100%;height:auto}[hidden]:where(.taper-class,.taper-class *){display:none}*,:before,:after{--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: rgb(59 130 246 / .5);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--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: rgb(59 130 246 / .5);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.taper-class .fixed{position:fixed}.taper-class .relative{position:relative}.taper-class .bottom-0{bottom:0}.taper-class .right-0{right:0}.taper-class .m-1{margin:.25rem}.taper-class .m-2{margin:.5rem}.taper-class .m-auto{margin:auto}.taper-class .mx-2{margin-left:.5rem;margin-right:.5rem}.taper-class .ml-auto{margin-left:auto}.taper-class .mr-2{margin-right:.5rem}.taper-class .mr-4{margin-right:1rem}.taper-class .flex{display:flex}.taper-class .hidden{display:none}.taper-class .size-auto{width:auto;height:auto}.taper-class .h-7{height:1.75rem}.taper-class .h-8{height:2rem}.taper-class .w-24{width:6rem}.taper-class .w-7{width:1.75rem}.taper-class .w-full{width:100%}.taper-class .max-w-full{max-width:100%}.taper-class .cursor-pointer{cursor:pointer}.taper-class .items-center{align-items:center}.taper-class .rounded{border-radius:.25rem}.taper-class .rounded-sm{border-radius:.125rem}.taper-class .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.taper-class .bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.taper-class .bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}.taper-class .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .fill-gray-600{fill:#4b5563}.taper-class .stroke-gray-400{stroke:#9ca3af}.taper-class .p-2{padding:.5rem}.taper-class .px-2{padding-left:.5rem;padding-right:.5rem}.taper-class .px-3{padding-left:.75rem;padding-right:.75rem}.taper-class .py-1{padding-top:.25rem;padding-bottom:.25rem}.taper-class .py-2{padding-top:.5rem;padding-bottom:.5rem}.taper-class .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.taper-class .text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity))}.taper-class .accent-gray-700{accent-color:#374151}.taper-class .outline-none{outline:2px solid transparent;outline-offset:2px}.taper-class .invert{--tw-invert: invert(100%);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)}.taper-class .checked\\:invert-0:checked{--tw-invert: invert(0);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)}.taper-class .hover\\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .focus\\:outline-gray-600:focus{outline-color:#4b5563}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('*:where(.taper-class,.taper-class *),:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){--tw-content: ""}.taper-class{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.taper-class{margin:0;line-height:inherit}hr:where(.taper-class,.taper-class *){height:0;color:inherit;border-top-width:1px}abbr:where([title]):where(.taper-class,.taper-class *){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *){font-size:inherit;font-weight:inherit}a:where(.taper-class,.taper-class *){color:inherit;text-decoration:inherit}b:where(.taper-class,.taper-class *),strong:where(.taper-class,.taper-class *){font-weight:bolder}code:where(.taper-class,.taper-class *),kbd:where(.taper-class,.taper-class *),samp:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small:where(.taper-class,.taper-class *){font-size:80%}sub:where(.taper-class,.taper-class *),sup:where(.taper-class,.taper-class *){font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub:where(.taper-class,.taper-class *){bottom:-.25em}sup:where(.taper-class,.taper-class *){top:-.5em}table:where(.taper-class,.taper-class *){text-indent:0;border-color:inherit;border-collapse:collapse}button:where(.taper-class,.taper-class *),input:where(.taper-class,.taper-class *),optgroup:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *),textarea:where(.taper-class,.taper-class *){font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *){text-transform:none}button:where(.taper-class,.taper-class *),input:where([type=button]):where(.taper-class,.taper-class *),input:where([type=reset]):where(.taper-class,.taper-class *),input:where([type=submit]):where(.taper-class,.taper-class *){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring:where(.taper-class,.taper-class *){outline:auto}:-moz-ui-invalid:where(.taper-class,.taper-class *){box-shadow:none}progress:where(.taper-class,.taper-class *){vertical-align:baseline}::-webkit-inner-spin-button:where(.taper-class,.taper-class *),::-webkit-outer-spin-button:where(.taper-class,.taper-class *){height:auto}[type=search]:where(.taper-class,.taper-class *){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration:where(.taper-class,.taper-class *){-webkit-appearance:none}::-webkit-file-upload-button:where(.taper-class,.taper-class *){-webkit-appearance:button;font:inherit}summary:where(.taper-class,.taper-class *){display:list-item}blockquote:where(.taper-class,.taper-class *),dl:where(.taper-class,.taper-class *),dd:where(.taper-class,.taper-class *),h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *),hr:where(.taper-class,.taper-class *),figure:where(.taper-class,.taper-class *),p:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){margin:0}fieldset:where(.taper-class,.taper-class *){margin:0;padding:0}legend:where(.taper-class,.taper-class *){padding:0}ol:where(.taper-class,.taper-class *),ul:where(.taper-class,.taper-class *),menu:where(.taper-class,.taper-class *){list-style:none;margin:0;padding:0}dialog:where(.taper-class,.taper-class *){padding:0}textarea:where(.taper-class,.taper-class *){resize:vertical}input::-moz-placeholder:where(.taper-class,.taper-class *),textarea::-moz-placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}input::placeholder:where(.taper-class,.taper-class *),textarea::placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}button:where(.taper-class,.taper-class *),[role=button]:where(.taper-class,.taper-class *){cursor:pointer}:disabled:where(.taper-class,.taper-class *){cursor:default}img:where(.taper-class,.taper-class *),svg:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *),canvas:where(.taper-class,.taper-class *),audio:where(.taper-class,.taper-class *),iframe:where(.taper-class,.taper-class *),embed:where(.taper-class,.taper-class *),object:where(.taper-class,.taper-class *){display:block;vertical-align:middle}img:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *){max-width:100%;height:auto}[hidden]:where(.taper-class,.taper-class *){display:none}*,:before,:after{--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: rgb(59 130 246 / .5);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--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: rgb(59 130 246 / .5);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.taper-class .fixed{position:fixed}.taper-class .relative{position:relative}.taper-class .bottom-0{bottom:0}.taper-class .left-0{left:0}.taper-class .right-0{right:0}.taper-class .top-0{top:0}.taper-class .m-1{margin:.25rem}.taper-class .m-2{margin:.5rem}.taper-class .m-auto{margin:auto}.taper-class .mx-2{margin-left:.5rem;margin-right:.5rem}.taper-class .ml-auto{margin-left:auto}.taper-class .mr-2{margin-right:.5rem}.taper-class .mr-4{margin-right:1rem}.taper-class .flex{display:flex}.taper-class .hidden{display:none}.taper-class .size-auto{width:auto;height:auto}.taper-class .h-7{height:1.75rem}.taper-class .h-8{height:2rem}.taper-class .w-24{width:6rem}.taper-class .w-7{width:1.75rem}.taper-class .w-full{width:100%}.taper-class .max-w-full{max-width:100%}.taper-class .cursor-pointer{cursor:pointer}.taper-class .items-center{align-items:center}.taper-class .rounded{border-radius:.25rem}.taper-class .rounded-sm{border-radius:.125rem}.taper-class .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.taper-class .bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.taper-class .bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}.taper-class .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .fill-gray-600{fill:#4b5563}.taper-class .stroke-gray-400{stroke:#9ca3af}.taper-class .p-2{padding:.5rem}.taper-class .px-2{padding-left:.5rem;padding-right:.5rem}.taper-class .px-3{padding-left:.75rem;padding-right:.75rem}.taper-class .py-1{padding-top:.25rem;padding-bottom:.25rem}.taper-class .py-2{padding-top:.5rem;padding-bottom:.5rem}.taper-class .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.taper-class .text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity))}.taper-class .accent-gray-700{accent-color:#374151}.taper-class .outline-none{outline:2px solid transparent;outline-offset:2px}.taper-class .invert{--tw-invert: invert(100%);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)}.taper-class .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)}.taper-class .checked\\:invert-0:checked{--tw-invert: invert(0);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)}.taper-class .hover\\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .focus\\:outline-gray-600:focus{outline-color:#4b5563}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
2
  var Vi = Object.defineProperty;
3
3
  var Ci = (e, t, n) => t in e ? Vi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
4
4
  var ze = (e, t, n) => Ci(e, typeof t != "symbol" ? t + "" : t, n);
@@ -252,7 +252,7 @@ const Qi = (e, t) => {
252
252
  const n = /* @__PURE__ */ new Map();
253
253
  return n.cleanup = e, n.computed = t, n;
254
254
  }, Fn = /* @__PURE__ */ new WeakMap(), et = Symbol(se.NODE_ENV !== "production" ? "iterate" : ""), Pn = Symbol(se.NODE_ENV !== "production" ? "Map key iterate" : "");
255
- function Y(e, t, n) {
255
+ function X(e, t, n) {
256
256
  if (Qe && It) {
257
257
  let o = Fn.get(e);
258
258
  o || Fn.set(e, o = /* @__PURE__ */ new Map());
@@ -317,7 +317,7 @@ function ts() {
317
317
  e[t] = function(...n) {
318
318
  const o = P(this);
319
319
  for (let i = 0, s = this.length; i < s; i++)
320
- Y(o, "get", i + "");
320
+ X(o, "get", i + "");
321
321
  const r = o[t](...n);
322
322
  return r === -1 || r === !1 ? o[t](...n.map(P)) : r;
323
323
  };
@@ -332,7 +332,7 @@ function ts() {
332
332
  function ns(e) {
333
333
  We(e) || (e = String(e));
334
334
  const t = P(this);
335
- return Y(t, "has", e), t.hasOwnProperty(e);
335
+ return X(t, "has", e), t.hasOwnProperty(e);
336
336
  }
337
337
  class Nr {
338
338
  constructor(t = !1, n = !1) {
@@ -358,7 +358,7 @@ class Nr {
358
358
  return ns;
359
359
  }
360
360
  const c = Reflect.get(t, n, o);
361
- return (We(n) ? br.has(n) : es(n)) || (r || Y(t, "get", n), i) ? c : re(c) ? s && Jn(n) ? c : c.value : B(c) ? r ? Cr(c) : gn(c) : c;
361
+ return (We(n) ? br.has(n) : es(n)) || (r || X(t, "get", n), i) ? c : re(c) ? s && Jn(n) ? c : c.value : B(c) ? r ? Cr(c) : gn(c) : c;
362
362
  }
363
363
  }
364
364
  class yr extends Nr {
@@ -381,10 +381,10 @@ class yr extends Nr {
381
381
  }
382
382
  has(t, n) {
383
383
  const o = Reflect.has(t, n);
384
- return (!We(n) || !br.has(n)) && Y(t, "has", n), o;
384
+ return (!We(n) || !br.has(n)) && X(t, "has", n), o;
385
385
  }
386
386
  ownKeys(t) {
387
- return Y(
387
+ return X(
388
388
  t,
389
389
  "iterate",
390
390
  S(t) ? "length" : et
@@ -414,7 +414,7 @@ const os = /* @__PURE__ */ new yr(), rs = /* @__PURE__ */ new Or(), is = /* @__P
414
414
  function Bt(e, t, n = !1, o = !1) {
415
415
  e = e.__v_raw;
416
416
  const r = P(e), i = P(t);
417
- n || (_t(t, i) && Y(r, "get", t), Y(r, "get", i));
417
+ n || (_t(t, i) && X(r, "get", t), X(r, "get", i));
418
418
  const { has: s } = hn(r), c = o ? eo : n ? no : to;
419
419
  if (s.call(r, t))
420
420
  return c(e.get(t));
@@ -424,10 +424,10 @@ function Bt(e, t, n = !1, o = !1) {
424
424
  }
425
425
  function Kt(e, t = !1) {
426
426
  const n = this.__v_raw, o = P(n), r = P(e);
427
- return t || (_t(e, r) && Y(o, "has", e), Y(o, "has", r)), e === r ? n.has(e) : n.has(e) || n.has(r);
427
+ return t || (_t(e, r) && X(o, "has", e), X(o, "has", r)), e === r ? n.has(e) : n.has(e) || n.has(r);
428
428
  }
429
429
  function Wt(e, t = !1) {
430
- return e = e.__v_raw, !t && Y(P(e), "iterate", et), Reflect.get(e, "size", e);
430
+ return e = e.__v_raw, !t && X(P(e), "iterate", et), Reflect.get(e, "size", e);
431
431
  }
432
432
  function Vo(e, t = !1) {
433
433
  !t && !He(e) && !Ue(e) && (e = P(e));
@@ -456,13 +456,13 @@ function To() {
456
456
  function zt(e, t) {
457
457
  return function(o, r) {
458
458
  const i = this, s = i.__v_raw, c = P(s), f = t ? eo : e ? no : to;
459
- return !e && Y(c, "iterate", et), s.forEach((p, m) => o.call(r, f(p), f(m), i));
459
+ return !e && X(c, "iterate", et), s.forEach((p, m) => o.call(r, f(p), f(m), i));
460
460
  };
461
461
  }
462
462
  function Gt(e, t, n) {
463
463
  return function(...o) {
464
464
  const r = this.__v_raw, i = P(r), s = Ze(i), c = e === "entries" || e === Symbol.iterator && s, f = e === "keys" && s, p = r[e](...o), m = n ? eo : t ? no : to;
465
- return !t && Y(
465
+ return !t && X(
466
466
  i,
467
467
  "iterate",
468
468
  f ? Pn : et
@@ -704,11 +704,11 @@ const to = (e) => B(e) ? gn(e) : e, no = (e) => B(e) ? Cr(e) : e;
704
704
  function re(e) {
705
705
  return !!(e && e.__v_isRef === !0);
706
706
  }
707
- function X(e) {
707
+ function Y(e) {
708
708
  return re(e) ? e.value : e;
709
709
  }
710
710
  const Ns = {
711
- get: (e, t, n) => X(Reflect.get(e, t, n)),
711
+ get: (e, t, n) => Y(Reflect.get(e, t, n)),
712
712
  set: (e, t, n, o) => {
713
713
  const r = e[t];
714
714
  return re(r) && !re(n) ? (r.value = n, !0) : Reflect.set(e, t, n, o);
@@ -1305,7 +1305,7 @@ const Hn = (e) => e ? hi(e) ? ao(e) : Hn(e.parent) : null, ot = (
1305
1305
  const m = ot[t];
1306
1306
  let d, N;
1307
1307
  if (m)
1308
- return t === "$attrs" ? (Y(e.attrs, "get", ""), a.NODE_ENV !== "production" && fn()) : a.NODE_ENV !== "production" && t === "$slots" && Y(e, "get", t), m(e);
1308
+ return t === "$attrs" ? (X(e.attrs, "get", ""), a.NODE_ENV !== "production" && fn()) : a.NODE_ENV !== "production" && t === "$slots" && X(e, "get", t), m(e);
1309
1309
  if (
1310
1310
  // css module (injected by vue-loader)
1311
1311
  (d = c.__cssModules) && (d = d[t])
@@ -3692,7 +3692,7 @@ function gi(e, t, n) {
3692
3692
  }
3693
3693
  const qo = a.NODE_ENV !== "production" ? {
3694
3694
  get(e, t) {
3695
- return fn(), Y(e, "get", ""), e[t];
3695
+ return fn(), X(e, "get", ""), e[t];
3696
3696
  },
3697
3697
  set() {
3698
3698
  return x("setupContext.attrs is readonly."), !1;
@@ -3702,13 +3702,13 @@ const qo = a.NODE_ENV !== "production" ? {
3702
3702
  }
3703
3703
  } : {
3704
3704
  get(e, t) {
3705
- return Y(e, "get", ""), e[t];
3705
+ return X(e, "get", ""), e[t];
3706
3706
  }
3707
3707
  };
3708
3708
  function Kl(e) {
3709
3709
  return new Proxy(e.slots, {
3710
3710
  get(t, n) {
3711
- return Y(e, "get", "$slots"), t[n];
3711
+ return X(e, "get", "$slots"), t[n];
3712
3712
  }
3713
3713
  });
3714
3714
  }
@@ -4373,31 +4373,31 @@ const Uc = /* @__PURE__ */ Ni(Lc, [["render", kc]]), Bc = ["for"], Kc = ["for"],
4373
4373
  t[he][M] = ee;
4374
4374
  };
4375
4375
  return (K, z) => (Q(), ve(ce, null, [
4376
- X(p) ? (Q(), ve("label", {
4376
+ Y(p) ? (Q(), ve("label", {
4377
4377
  key: 0,
4378
- for: X(I),
4378
+ for: Y(I),
4379
4379
  class: "text-zinc-300 mx-2 font-mono"
4380
- }, dt(X(p)), 9, Bc)) : Xe("", !0),
4381
- (Q(), gt(Ks(X(C)), di({
4382
- id: X(I),
4383
- type: X($),
4384
- class: pe[X(i)],
4385
- checked: !!X(W),
4386
- value: X(W),
4380
+ }, dt(Y(p)), 9, Bc)) : Xe("", !0),
4381
+ (Q(), gt(Ks(Y(C)), di({
4382
+ id: Y(I),
4383
+ type: Y($),
4384
+ class: pe[Y(i)],
4385
+ checked: !!Y(W),
4386
+ value: Y(W),
4387
4387
  onChange: j,
4388
4388
  onInput: j,
4389
- onClick: X(m)
4389
+ onClick: Y(m)
4390
4390
  }, d), {
4391
4391
  default: Ur(() => [
4392
- ai(dt(X(H)), 1)
4392
+ ai(dt(Y(H)), 1)
4393
4393
  ]),
4394
4394
  _: 1
4395
4395
  }, 16, ["id", "type", "class", "checked", "value", "onClick"])),
4396
- X(f) ? (Q(), ve("label", {
4396
+ Y(f) ? (Q(), ve("label", {
4397
4397
  key: 1,
4398
- for: X(I),
4398
+ for: Y(I),
4399
4399
  class: "text-zinc-300 flex font-mono"
4400
- }, dt(X(f)), 9, Kc)) : Xe("", !0)
4400
+ }, dt(Y(f)), 9, Kc)) : Xe("", !0)
4401
4401
  ], 64));
4402
4402
  }
4403
4403
  }), zc = { class: "flex items-center bg-zinc-900 py-2 px-2 m-1 font-mono rounded" }, Gc = /* @__PURE__ */ so({
@@ -4409,7 +4409,7 @@ const Uc = /* @__PURE__ */ Ni(Lc, [["render", kc]]), Bc = ["for"], Kc = ["for"],
4409
4409
  },
4410
4410
  setup(e) {
4411
4411
  const { scheme: t, state: n, stateLocale: o } = e, r = Object.values(t);
4412
- return (i, s) => (Q(!0), ve(ce, null, Ao(X(r), (c) => (Q(), ve("div", zc, [
4412
+ return (i, s) => (Q(!0), ve(ce, null, Ao(Y(r), (c) => (Q(), ve("div", zc, [
4413
4413
  (Q(!0), ve(ce, null, Ao(c, (f) => (Q(), gt(Wc, {
4414
4414
  element: f,
4415
4415
  stateLocale: i.stateLocale,
@@ -4425,36 +4425,52 @@ const Uc = /* @__PURE__ */ Ni(Lc, [["render", kc]]), Bc = ["for"], Kc = ["for"],
4425
4425
  props: {
4426
4426
  state: {},
4427
4427
  stateLocale: {},
4428
- scheme: {}
4428
+ scheme: {},
4429
+ position: {}
4429
4430
  },
4430
4431
  setup(e) {
4431
- return (t, n) => t.state.uiEnabled ? (Q(), ve("div", {
4432
+ const { state: t, stateLocale: n, scheme: o, position: r } = e, i = {
4433
+ fixed: "fixed",
4434
+ right: "right-0",
4435
+ left: "left-0",
4436
+ top: "top-0",
4437
+ bottom: "bottom-0"
4438
+ }, s = Object.entries(r).filter(([c, f]) => f).map(([c, f]) => i[c]).join(" ");
4439
+ return (c, f) => c.state.uiEnabled ? (Q(), ve("div", {
4432
4440
  key: 0,
4433
- class: Mt(["fixed bottom-0 right-0 z-9999 rounded bg-zinc-800 max-w-full p-2 m-2", t.state.hidden ? "hover:bg-gray-600" : ""])
4441
+ class: Mt(["z-9999 rounded bg-zinc-800 max-w-full p-2 m-2", `${c.state.hidden ? "hover:bg-gray-600" : ""} ${Y(s)}`])
4434
4442
  }, [
4435
4443
  bt("div", {
4436
- class: Mt(["flex items-center cursor-pointer py-1 px-2 m-1 rounded", t.state.hidden ? "" : "hover:bg-zinc-900"]),
4437
- onClick: n[0] || (n[0] = (o) => t.state.hidden = !t.state.hidden)
4444
+ class: Mt(["flex items-center cursor-pointer py-1 px-2 m-1 rounded", c.state.hidden ? "" : "hover:bg-zinc-900"]),
4445
+ onClick: f[0] || (f[0] = (p) => c.state.hidden = !c.state.hidden)
4438
4446
  }, [
4439
4447
  bt("span", qc, [
4440
- t.state.hidden && t.stateLocale.pagIndexLast > 1 ? (Q(), ve("span", Jc, dt(t.stateLocale.pagIndexCur) + "/" + dt(t.stateLocale.pagIndexLast), 1)) : Xe("", !0),
4441
- t.state.hidden ? (Q(), gt(Pc, { key: 1 })) : Xe("", !0),
4442
- t.state.hidden ? Xe("", !0) : (Q(), gt(Uc, { key: 2 }))
4448
+ c.state.hidden && c.stateLocale.pagIndexLast > 1 ? (Q(), ve("span", Jc, dt(c.stateLocale.pagIndexCur) + "/" + dt(c.stateLocale.pagIndexLast), 1)) : Xe("", !0),
4449
+ c.state.hidden ? (Q(), gt(Pc, { key: 1 })) : Xe("", !0),
4450
+ c.state.hidden ? Xe("", !0) : (Q(), gt(Uc, { key: 2 }))
4443
4451
  ])
4444
4452
  ], 2),
4445
- t.state.hidden ? Xe("", !0) : (Q(), gt(Gc, {
4453
+ c.state.hidden ? Xe("", !0) : (Q(), gt(Gc, {
4446
4454
  key: 0,
4447
- scheme: t.scheme,
4448
- stateLocale: t.stateLocale,
4449
- state: t.state
4455
+ scheme: c.scheme,
4456
+ stateLocale: c.stateLocale,
4457
+ state: c.state
4450
4458
  }, null, 8, ["scheme", "stateLocale", "state"]))
4451
4459
  ], 2)) : Xe("", !0);
4452
4460
  }
4453
4461
  });
4454
4462
  class tu {
4455
- constructor({ state: t, stateLocale: n }, o = bi) {
4456
- const r = Sc('<div id="tapermonkey-app" class="taper-class" style="position: relative; z-index: 999999;"></div>');
4457
- document.body.appendChild(r), bc(Yc, { state: t, stateLocale: n, scheme: o }).mount("#tapermonkey-app");
4463
+ getRoot(t) {
4464
+ var o;
4465
+ let n = t;
4466
+ if (!n) {
4467
+ const r = Sc('<div id="tapermonkey-app" style="position: relative; z-index: 999999;"></div>');
4468
+ document.body.appendChild(r), n = "#tapermonkey-app";
4469
+ }
4470
+ return (o = document.querySelector(n)) == null || o.classList.add("taper-class"), n;
4471
+ }
4472
+ constructor({ state: t, stateLocale: n }, o = bi, r, i = { fixed: !0, right: !0, bottom: !0 }) {
4473
+ bc(Yc, { state: t, stateLocale: n, scheme: o, position: i }).mount(this.getRoot(r));
4458
4474
  }
4459
4475
  }
4460
4476
  export {