@modusoperandi/licit 1.0.4 → 1.0.5

package/ui/bindScrollHandler.js.flow

@@ -1,46 +1,46 @@
-// @flow
-
-type ScrollHandle = {
-  dispose: () => void,
-};
-
-export default function bindScrollHandler(
-  target: Element,
-  callback: Function
-): ScrollHandle {
-  const defaultView = target.ownerDocument.defaultView;
-  const els = [];
-
-  let rid = 0;
-
-  let onScroll = () => {
-    // Debounce the scroll handler.
-    rid && cancelAnimationFrame(rid);
-    rid = requestAnimationFrame(callback);
-  };
-
-  let el: any = target;
-
-  // Scroll event does not bubble, so we need to look up all the scrollable
-  // elements.
-  while (el) {
-    const overflow = defaultView.getComputedStyle(el).overflow;
-    if ((onScroll && overflow === 'auto') || overflow === 'scroll') {
-      el.addEventListener('scroll', onScroll, false);
-      els.push(el);
-    }
-    el = el.parentElement;
-  }
-
-  return {
-    dispose() {
-      while (onScroll && els.length) {
-        el = els.pop();
-        el && el.removeEventListener('scroll', onScroll, false);
-      }
-      onScroll = null;
-      rid && window.cancelAnimationFrame(rid);
-      rid = 0;
-    },
-  };
-}
+// @flow
+
+type ScrollHandle = {
+  dispose: () => void,
+};
+
+export default function bindScrollHandler(
+  target: Element,
+  callback: Function
+): ScrollHandle {
+  const defaultView = target.ownerDocument.defaultView;
+  const els = [];
+
+  let rid = 0;
+
+  let onScroll = () => {
+    // Debounce the scroll handler.
+    rid && cancelAnimationFrame(rid);
+    rid = requestAnimationFrame(callback);
+  };
+
+  let el: any = target;
+
+  // Scroll event does not bubble, so we need to look up all the scrollable
+  // elements.
+  while (el) {
+    const overflow = defaultView.getComputedStyle(el).overflow;
+    if ((onScroll && overflow === 'auto') || overflow === 'scroll') {
+      el.addEventListener('scroll', onScroll, false);
+      els.push(el);
+    }
+    el = el.parentElement;
+  }
+
+  return {
+    dispose() {
+      while (onScroll && els.length) {
+        el = els.pop();
+        el && el.removeEventListener('scroll', onScroll, false);
+      }
+      onScroll = null;
+      rid && window.cancelAnimationFrame(rid);
+      rid = 0;
+    },
+  };
+}

package/ui/canUseCSSFont.js.flow

@@ -1,43 +1,43 @@
-// @flow
-
-const cached = {};
-
-export default function canUseCSSFont(fontName: string): Promise<boolean> {
-  const doc: any = document;
-
-  if (cached.hasOwnProperty(fontName)) {
-    return Promise.resolve(cached[fontName]);
-  }
-
-  if (
-    !doc.fonts ||
-    !doc.fonts.check ||
-    !doc.fonts.ready ||
-    !doc.fonts.status ||
-    !doc.fonts.values
-  ) {
-    // Feature is not supported, install the CSS anyway
-    // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
-    // TODO: Polyfill this.
-    console.log('FontFaceSet is not supported');
-    return Promise.resolve(false);
-  }
-
-  return new Promise((resolve) => {
-    // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
-    // All fonts in use by visible text have loaded.
-    const check = () => {
-      if (doc.fonts.status !== 'loaded') {
-        setTimeout(check, 350);
-        return;
-      }
-      // Do not use `doc.fonts.check()` because it may return falsey result.
-      const fontFaces = Array.from(doc.fonts.values());
-      const matched = fontFaces.find((ff) => ff.family === fontName);
-      const result = !!matched;
-      cached[fontName] = result;
-      resolve(result);
-    };
-    doc.fonts.ready.then(check);
-  });
-}
+// @flow
+
+const cached = {};
+
+export default function canUseCSSFont(fontName: string): Promise<boolean> {
+  const doc: any = document;
+
+  if (cached.hasOwnProperty(fontName)) {
+    return Promise.resolve(cached[fontName]);
+  }
+
+  if (
+    !doc.fonts ||
+    !doc.fonts.check ||
+    !doc.fonts.ready ||
+    !doc.fonts.status ||
+    !doc.fonts.values
+  ) {
+    // Feature is not supported, install the CSS anyway
+    // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
+    // TODO: Polyfill this.
+    console.log('FontFaceSet is not supported');
+    return Promise.resolve(false);
+  }
+
+  return new Promise((resolve) => {
+    // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
+    // All fonts in use by visible text have loaded.
+    const check = () => {
+      if (doc.fonts.status !== 'loaded') {
+        setTimeout(check, 350);
+        return;
+      }
+      // Do not use `doc.fonts.check()` because it may return falsey result.
+      const fontFaces = Array.from(doc.fonts.values());
+      const matched = fontFaces.find((ff) => ff.family === fontName);
+      const result = !!matched;
+      cached[fontName] = result;
+      resolve(result);
+    };
+    doc.fonts.ready.then(check);
+  });
+}

package/ui/czi-body-layout-editor.css

@@ -1,16 +1,16 @@
-@import './czi-vars.css';
-
-.czi-body-layout-editor {
-  background: #fff;
-  box-shadow: var(--czi-overlay-shadow);
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  padding-bottom: 4px;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 4px;
-}
-
-.czi-body-layout-editor .czi-form {
-  width: 300px;
-}
+@import './czi-vars.css';
+
+.czi-body-layout-editor {
+  background: #fff;
+  box-shadow: var(--czi-overlay-shadow);
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  padding-bottom: 4px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 4px;
+}
+
+.czi-body-layout-editor .czi-form {
+  width: 300px;
+}

package/ui/czi-bookmark-view.css

@@ -1,10 +1,10 @@
-.czi-bookmark-view {
-  color: #5e8adb;
-  display: inline-block;
-  margin-bottom: 0;
-  margin-left: 4px;
-  margin-right: 4px;
-  margin-top: 0;
-  vertical-align: middle;
-  width: 20px;
-}
+.czi-bookmark-view {
+  color: #5e8adb;
+  display: inline-block;
+  margin-bottom: 0;
+  margin-left: 4px;
+  margin-right: 4px;
+  margin-top: 0;
+  vertical-align: middle;
+  width: 20px;
+}

package/ui/czi-cursor-placeholder.css

@@ -1,36 +1,36 @@
-@import 'czi-vars.css';
-
-.czi-cursor-placeholder {
-  display: inline-block;
-  position: relative;
-  vertical-align: text-bottom;
-}
-
-.czi-cursor-placeholder::after {
-  -webkit-animation-direction: alternate;
-  animation-direction: alternate;
-  -webkit-animation-duration: 0.5s;
-  animation-duration: 0.5s;
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-name: czi_cursor_blink;
-  animation-name: czi_cursor_blink;
-  -webkit-animation-timing-function: ease-in-out;
-  animation-timing-function: ease-in-out;
-  background-color: var(--czi-selection-highlight-color-dark);
-  bottom: 0;
-  content: '';
-  height: 1.2em;
-  left: -1px;
-  position: absolute;
-  width: 3px;
-}
-
-@-webkit-keyframes czi_cursor_blink {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
+@import 'czi-vars.css';
+
+.czi-cursor-placeholder {
+  display: inline-block;
+  position: relative;
+  vertical-align: text-bottom;
+}
+
+.czi-cursor-placeholder::after {
+  -webkit-animation-direction: alternate;
+  animation-direction: alternate;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -webkit-animation-name: czi_cursor_blink;
+  animation-name: czi_cursor_blink;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  background-color: var(--czi-selection-highlight-color-dark);
+  bottom: 0;
+  content: '';
+  height: 1.2em;
+  left: -1px;
+  position: absolute;
+  width: 3px;
+}
+
+@-webkit-keyframes czi_cursor_blink {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}

package/ui/czi-custom-menu-button.css

@@ -1,18 +1,18 @@
-.czi-custom-menu-button.expanded.expanded.expanded {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-color: transparent;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
-}
-
-.czi-custom-menu-button.width-100 {
-  width: 100px;
-}
-
-.czi-custom-menu-button.width-30 {
-  width: 30px;
-}
-
-.czi-custom-menu-button.width-60 {
-  width: 60px;
-}
+.czi-custom-menu-button.expanded.expanded.expanded {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-color: transparent;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
+}
+
+.czi-custom-menu-button.width-100 {
+  width: 100px;
+}
+
+.czi-custom-menu-button.width-30 {
+  width: 30px;
+}
+
+.czi-custom-menu-button.width-60 {
+  width: 60px;
+}

package/ui/czi-custom-menu-item.css

@@ -1,30 +1,30 @@
-.czi-custom-menu-item.czi-custom-button {
-  border: none;
-  border-radius: 0;
-  display: block;
-  margin: 0;
-  padding-bottom: 8px;
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-top: 8px;
-}
-
-.czi-custom-menu-item.czi-custom-button:hover {
-  background-color: var(--czi-button-hover-background-color);
-}
-
-/* [FS] IRAD-1044 2020-09-22
-To adjust the width of the custom style menu dropdown. */
-
-.custom-style-menu-item {
-  width: 250px;
-}
-
-.czi-custom-menu-item-separator {
-  background-color: var(--czi-button-hover-background-color);
-  height: 1px;
-  margin-bottom: 8px;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 8px;
-}
+.czi-custom-menu-item.czi-custom-button {
+  border: none;
+  border-radius: 0;
+  display: block;
+  margin: 0;
+  padding-bottom: 8px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 8px;
+}
+
+.czi-custom-menu-item.czi-custom-button:hover {
+  background-color: var(--czi-button-hover-background-color);
+}
+
+/* [FS] IRAD-1044 2020-09-22
+To adjust the width of the custom style menu dropdown. */
+
+.custom-style-menu-item {
+  width: 250px;
+}
+
+.czi-custom-menu-item-separator {
+  background-color: var(--czi-button-hover-background-color);
+  height: 1px;
+  margin-bottom: 8px;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 8px;
+}

package/ui/czi-custom-menu.css

@@ -1,8 +1,8 @@
-.czi-custom-menu {
-  background: #fff;
-  box-shadow: var(--czi-overlay-shadow);
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  max-height: 98vh;
-  overflow: auto;
-}
+.czi-custom-menu {
+  background: #fff;
+  box-shadow: var(--czi-overlay-shadow);
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  max-height: 98vh;
+  overflow: auto;
+}

package/ui/czi-custom-radio-button.css

@@ -1,80 +1,80 @@
-/* <CustomRadioButton /> */
-@import './czi-vars.css';
-
-.czi-custom-radio-button {
-  cursor: pointer;
-  display: block;
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  line-height: 25px;
-  margin-bottom: 12px;
-  margin-left: 0;
-  margin-right: 12px;
-  margin-top: 0;
-  padding-top: 0;
-  padding-right: 0;
-  padding-bottom: 0;
-  padding-left: 36px;
-  position: relative;
-  user-select: none;
-}
-
-.czi-custom-radio-button-input {
-  height: 1px;
-  left: 0;
-  opacity: 0;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  width: 1px;
-}
-
-.czi-custom-radio-button.inline {
-  display: inline-block;
-  margin-top: 0;
-  margin-right: 12px;
-  margin-bottom: 0;
-  margin-left: 0;
-}
-
-.czi-custom-radio-button-icon {
-  background-color: #eee;
-  border-radius: 50%;
-  height: 25px;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 25px;
-}
-
-.czi-custom-radio-button-input:focus + .czi-custom-radio-button-icon,
-.czi-custom-radio-button:hover .czi-custom-radio-button-icon {
-  background-color: #ccc;
-}
-
-.czi-custom-radio-button.checked .czi-custom-radio-button-icon {
-  background-color: #3981e7;
-}
-
-.czi-custom-radio-button.checked .czi-custom-radio-button-icon::after {
-  background: #fff;
-  border-radius: 50%;
-  content: '';
-  height: 8px;
-  left: 9px;
-  position: absolute;
-  top: 9px;
-  width: 8px;
-}
-
-.czi-custom-radio-button.disabled,
-.czi-custom-radio-button.disabled:hover {
-  color: #dedede;
-  cursor: unset;
-  pointer-events: none;
-}
-
-.czi-custom-radio-button-label {
-  display: inline-block;
-  vertical-align: middle;
-}
+/* <CustomRadioButton /> */
+@import './czi-vars.css';
+
+.czi-custom-radio-button {
+  cursor: pointer;
+  display: block;
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  line-height: 25px;
+  margin-bottom: 12px;
+  margin-left: 0;
+  margin-right: 12px;
+  margin-top: 0;
+  padding-top: 0;
+  padding-right: 0;
+  padding-bottom: 0;
+  padding-left: 36px;
+  position: relative;
+  user-select: none;
+}
+
+.czi-custom-radio-button-input {
+  height: 1px;
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 1px;
+}
+
+.czi-custom-radio-button.inline {
+  display: inline-block;
+  margin-top: 0;
+  margin-right: 12px;
+  margin-bottom: 0;
+  margin-left: 0;
+}
+
+.czi-custom-radio-button-icon {
+  background-color: #eee;
+  border-radius: 50%;
+  height: 25px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 25px;
+}
+
+.czi-custom-radio-button-input:focus + .czi-custom-radio-button-icon,
+.czi-custom-radio-button:hover .czi-custom-radio-button-icon {
+  background-color: #ccc;
+}
+
+.czi-custom-radio-button.checked .czi-custom-radio-button-icon {
+  background-color: #3981e7;
+}
+
+.czi-custom-radio-button.checked .czi-custom-radio-button-icon::after {
+  background: #fff;
+  border-radius: 50%;
+  content: '';
+  height: 8px;
+  left: 9px;
+  position: absolute;
+  top: 9px;
+  width: 8px;
+}
+
+.czi-custom-radio-button.disabled,
+.czi-custom-radio-button.disabled:hover {
+  color: #dedede;
+  cursor: unset;
+  pointer-events: none;
+}
+
+.czi-custom-radio-button-label {
+  display: inline-block;
+  vertical-align: middle;
+}

package/ui/czi-custom-scrollbar.css

@@ -1,21 +1,21 @@
-/* width */
-.czi-custom-scrollbar::-webkit-scrollbar {
-  width: 10px;
-}
-
-/* Track */
-.czi-custom-scrollbar::-webkit-scrollbar-track {
-  background: #fff;
-}
-
-/* Handle */
-.czi-custom-scrollbar::-webkit-scrollbar-thumb {
-  background: #ccc;
-  border-radius: 5px;
-  box-shadow: inset 0 0 0 2px #fff;
-}
-
-/* Handle on hover */
-.czi-custom-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: #aaa;
-}
+/* width */
+.czi-custom-scrollbar::-webkit-scrollbar {
+  width: 10px;
+}
+
+/* Track */
+.czi-custom-scrollbar::-webkit-scrollbar-track {
+  background: #fff;
+}
+
+/* Handle */
+.czi-custom-scrollbar::-webkit-scrollbar-thumb {
+  background: #ccc;
+  border-radius: 5px;
+  box-shadow: inset 0 0 0 2px #fff;
+}
+
+/* Handle on hover */
+.czi-custom-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: #aaa;
+}