@mptw/skylens-ui 1.1.1 → 1.2.2

package/app.vue

@@ -1,2 +1,3 @@
 <template lang="pug">
+SLPillLabel(label='Pill Label', color='secondary-new')
 </template>

package/components/SLPillLabel.vue

@@ -36,6 +36,7 @@ export default defineComponent({
           "blue-1",
           "blue-2",
           "white",
+          "secondary-new",
         ].includes(value),
     },
   },
@@ -96,6 +97,9 @@ export default defineComponent({
   &.pill-label-blue-2
     @apply bg-blue-2 border-blue-2
 
+  &.pill-label-secondary-new
+    @apply bg-secondary-new border-secondary-new
+
   .icon
     @apply inline-block ml-2
 </style>

package/components/SLSelect.vue

@@ -224,7 +224,12 @@ export default defineComponent({
     function subscribeClick() {
       clickSubscriber = fromEvent(window, "click").subscribe((e) => {
         const { target } = e;
-        if (select.value && !select.value.contains(target as HTMLElement)) {
+        if (
+          select.value &&
+          !select.value.contains(target as HTMLElement) &&
+          optionList.value &&
+          !optionList.value.contains(target as HTMLElement)
+        ) {
           hide();
         }
       });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.2.2",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",
@@ -28,7 +28,7 @@
     "@types/commonmark": "^0.27.9",
     "@types/dompurify": "^3.0.5",
     "@types/google.maps": "^3.55.7",
-    "@types/lodash": "^4.17.0",
+    "@types/lodash-es": "^4.17.12",
     "@types/sortablejs": "^1.15.8",
     "@vue/language-plugin-pug": "^2.0.13",
     "commonmark": "^0.31.0",

package/utils/index.ts

@@ -537,3 +537,29 @@ export const isValidDate = (d: any) => {
     return false;
   }
 }
+
+export const waitForTime = (ms: number) => {
+  return new Promise(r => setTimeout(r, ms));
+}
+
+export const waitForever = () => {
+  return new Promise(r => {});
+}
+
+export const waitFor = async (condition: () => boolean, pollInterval = 50, timeoutAfter: number) => {
+  const startTime = Date.now();
+
+  while(true) {
+    if (typeof(timeoutAfter) === 'number' && Date.now() > startTime + timeoutAfter) {
+      throw 'Condition not met before timeout';
+    }
+
+    const result = await condition();
+
+    if (result) {
+      return result;
+    }
+
+    await new Promise(r => setTimeout(r, pollInterval));
+  }
+}