@jblehm/super-list 1.0.6 → 1.0.7
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/README.md +1 -1
- package/dist/index.css +1 -1
- package/dist/super-list.js +6 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
# superlist V1.0.
|
|
1
|
+
# superlist V1.0.7
|
|
2
2
|
An un-styled text searchable combobox
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.list-filter-text-input[data-v-06682ad2]{color:var(--superlist-text-colour, rgb(17, 24, 39));text-align:center;padding:.125rem 2rem .125rem .5rem!important;width:100%;height:100%;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;border:0 none;pointer-events:auto;cursor:text}.list-filter-text-input[data-v-06682ad2]:focus,.list-filter-text-input[data-v-06682ad2]:focus-visible,.list-filter-text-input[data-v-06682ad2]:active{text-align:left}.click-through[data-v-06682ad2]{pointer-events:none}.dark-placeholder-text[data-v-06682ad2]::placeholder{color:var(--superlist-text-colour, rgb(17, 24, 39))}.light-placeholder-text[data-v-06682ad2]::placeholder{color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.text-filter-disabled[data-v-06682ad2]{background-color:transparent;border:none;outline:none;box-shadow:none;filter:none}@media (min-width: 640px){.list-filter-text-input[data-v-06682ad2]{font-size:.875rem;line-height:1.5rem}}.list-option[data-v-9b370840]{text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-text-colour, rgb(55, 60, 65));transition-property:font-weight,background-color,color,text-shadow;transition-duration:.5s;transition-timing-function:ease;font-weight:400;text-shadow:1px 1px 3px var(--superlist-background-colour, white)}.list-option[data-v-9b370840]:focus-visible,.list-option>span[data-v-9b370840]:focus-visible{outline:none}.list-option-selected[data-v-9b370840]{font-weight:600}.list-option-message[data-v-9b370840]{text-shadow:1px 1px 3px var(--superlist-background-colour, white);text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.list-option-active[data-v-9b370840]:hover,.list-option-active[data-v-9b370840],.list-option-selected[data-v-9b370840]:hover,.list-option[data-v-9b370840]:hover{font-weight:600;background-color:var(--superlist-theme-colour, rgb(77, 168, 11, .8));color:var(--superlist-background-colour, white);text-shadow:1px 1px 3px var(--superlist-theme-colour, rgb(77, 168, 11, .8));transition-duration:0s!important}.list-item-icon[data-v-9b370840]{display:flex;height:1rem;width:1rem;position:absolute;right:.7rem;margin-top:-.1rem;align-self:center}.list-item-span[data-v-9b370840]{padding:.5rem .75rem;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-extra-padding[data-v-9b370840]{padding-right:1.75rem}.list-normal[data-v-
|
|
1
|
+
.list-filter-text-input[data-v-06682ad2]{color:var(--superlist-text-colour, rgb(17, 24, 39));text-align:center;padding:.125rem 2rem .125rem .5rem!important;width:100%;height:100%;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;border:0 none;pointer-events:auto;cursor:text}.list-filter-text-input[data-v-06682ad2]:focus,.list-filter-text-input[data-v-06682ad2]:focus-visible,.list-filter-text-input[data-v-06682ad2]:active{text-align:left}.click-through[data-v-06682ad2]{pointer-events:none}.dark-placeholder-text[data-v-06682ad2]::placeholder{color:var(--superlist-text-colour, rgb(17, 24, 39))}.light-placeholder-text[data-v-06682ad2]::placeholder{color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.text-filter-disabled[data-v-06682ad2]{background-color:transparent;border:none;outline:none;box-shadow:none;filter:none}@media (min-width: 640px){.list-filter-text-input[data-v-06682ad2]{font-size:.875rem;line-height:1.5rem}}.list-option[data-v-9b370840]{text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-text-colour, rgb(55, 60, 65));transition-property:font-weight,background-color,color,text-shadow;transition-duration:.5s;transition-timing-function:ease;font-weight:400;text-shadow:1px 1px 3px var(--superlist-background-colour, white)}.list-option[data-v-9b370840]:focus-visible,.list-option>span[data-v-9b370840]:focus-visible{outline:none}.list-option-selected[data-v-9b370840]{font-weight:600}.list-option-message[data-v-9b370840]{text-shadow:1px 1px 3px var(--superlist-background-colour, white);text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.list-option-active[data-v-9b370840]:hover,.list-option-active[data-v-9b370840],.list-option-selected[data-v-9b370840]:hover,.list-option[data-v-9b370840]:hover{font-weight:600;background-color:var(--superlist-theme-colour, rgb(77, 168, 11, .8));color:var(--superlist-background-colour, white);text-shadow:1px 1px 3px var(--superlist-theme-colour, rgb(77, 168, 11, .8));transition-duration:0s!important}.list-item-icon[data-v-9b370840]{display:flex;height:1rem;width:1rem;position:absolute;right:.7rem;margin-top:-.1rem;align-self:center}.list-item-span[data-v-9b370840]{padding:.5rem .75rem;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-extra-padding[data-v-9b370840]{padding-right:1.75rem}.list-normal[data-v-204dcd0d]{top:var(--parent-y)}.list-reverse[data-v-204dcd0d]{bottom:var(--parent-y)}.select-list[data-v-204dcd0d]{--parent-width: var(--4c386c4b);--parent-x: var(--10585e06);--parent-y: var(--10585684);--duration: var(--5530ef9f);--border-radius: var(--superlist-list-border-radius, 0);border-radius:var(--border-radius);width:var(--parent-width);min-width:var(--parent-width);left:var(--parent-x);display:block;transition-property:max-height,box-shadow,opacity,visibility,filter,drop-shadow;transition-duration:var(--duration, .3s);transition-timing-function:cubic-bezier(.1,.9,.35,.98);position:absolute;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#ffffffb3;align-items:baseline;opacity:.25;z-index:999;visibility:collapse;overflow:auto;max-height:0;border:none!important}.select-list[data-v-204dcd0d]:focus-visible,.select-list>ul[data-v-204dcd0d]:focus-visible,.super-list-button-container[data-v-204dcd0d]:focus-visible{outline:none}.super-list-button-container[data-v-204dcd0d]{height:100%;width:100%}.select-list.select-list-open[data-v-204dcd0d]{z-index:999999;--max-height: var(--d3e84810);max-height:var(--max-height, 0)}.select-list.no-scroll[data-v-204dcd0d]{overflow:hidden}.select-list-fixed[data-v-204dcd0d]{position:fixed;opacity:1;visibility:visible}.list-content[data-v-204dcd0d]{--duration: var(--5530ef9f);overflow:visible;margin:0;padding:0;border-style:none;color:var(--superlist-text-colour, rgb(55, 60, 65));list-style:none;max-width:100%}.select-list.select-list-scrollable[data-v-204dcd0d]{border-radius:var(--border-radius)}@media (min-width: 640px){.select-list.select-list-scrollable[data-v-204dcd0d]{border-radius:var(--border-radius) 0 0 var(--border-radius)}.list-content[data-v-204dcd0d]{font-size:.875rem;line-height:1.25rem}}.list-button-icon[data-v-80cac867]{display:flex;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:transform;width:.6rem;transform:rotate(0);color:var(--superlist-text-colour, rgb(17, 24, 39));justify-content:center;max-height:18%}.list-button-icon.custom-icon[data-v-80cac867]{max-height:100%;width:1.25rem}.list-button-icon.rotate-180[data-v-80cac867]{transform:rotate(180deg)}.list-button[data-v-80cac867]{position:relative;padding:0;margin:0;width:100%;max-height:100%;height:100%;background-color:var(--superlist-background-colour, white);align-items:center;pointer-events:auto;cursor:pointer}.list-button[data-v-80cac867]:focus,.list-button[data-v-80cac867]:focus-visible,.list-button[data-v-80cac867]:active{text-align:left}.list-button-icon-div[data-v-80cac867]{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:.75rem;max-height:100%;height:100%;gap:max(.15rem,calc(6.25% + .075rem));transition:gap .2s}.list-button-icon-div.bigger-gap[data-v-80cac867]{gap:calc(40% - .25rem)}.click-through[data-v-80cac867]{pointer-events:none}[data-v-f0f16320]{box-sizing:border-box}
|
package/dist/super-list.js
CHANGED
|
@@ -359,11 +359,11 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
359
359
|
emits: ["reverseDropDownList"],
|
|
360
360
|
setup(e, { expose: s, emit: b }) {
|
|
361
361
|
Ae((u) => ({
|
|
362
|
-
"
|
|
363
|
-
"
|
|
364
|
-
|
|
365
|
-
"
|
|
366
|
-
|
|
362
|
+
"4c386c4b": k.value,
|
|
363
|
+
"10585e06": ne.value,
|
|
364
|
+
10585684: P.value,
|
|
365
|
+
"5530ef9f": R.value,
|
|
366
|
+
d3e84810: Y.value
|
|
367
367
|
}));
|
|
368
368
|
const h = b, o = e, i = f(null), a = f(null), t = f(null), l = f(0), g = f(0), p = f(0), S = f(0), k = f("0px"), d = f(!1), c = f([]), w = f(0), C = D(() => !d.value || window?.innerHeight == null ? !1 : z() && se()), E = D(() => o.maxListHeightPX >= w.value);
|
|
369
369
|
N(
|
|
@@ -493,7 +493,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
493
493
|
], 34)
|
|
494
494
|
], 64));
|
|
495
495
|
}
|
|
496
|
-
}), he = /* @__PURE__ */ $(Qe, [["__scopeId", "data-v-
|
|
496
|
+
}), he = /* @__PURE__ */ $(Qe, [["__scopeId", "data-v-204dcd0d"]]), Ze = {}, Ye = {
|
|
497
497
|
xmlns: "http://www.w3.org/2000/svg",
|
|
498
498
|
fill: "currentColor",
|
|
499
499
|
"aria-hidden": "true",
|