Merge pull request #191 from numldesign/v1.1.2

v1.1.2

components/playground.svelte

@@ -333,6 +333,10 @@
     </nu-code>
 
     <nu-code value={codeExample}></nu-code>
+
+    <nu-block>
+      This is something <nu-cd><pre>var a = '123';</pre></nu-cd>. This is something <nu-cd><pre>var a = '123';</pre></nu-cd>. This is something <nu-cd><pre>var a = '123';</pre></nu-cd>. This is something <nu-cd><pre>var a = '123';</pre></nu-cd>.
+    </nu-block>
   </nu-card>
 {/if}
 

lgtm.yml

@@ -0,0 +1,2 @@
+queries:
+  - exclude: js/mixed-static-instance-this-access

src/behaviors/appear.js

@@ -68,5 +68,3 @@ function onPositionChange() {
 ['scroll', 'resize', 'wheel', 'touchmove', 'tap'].forEach(eventName => {
   window.addEventListener(eventName, onPositionChange, { passive: true });
 });
-
-// lgtm [js/mixed-static-instance-this-access]

src/behaviors/component.js

@@ -110,5 +110,3 @@ export default class ComponentBehavior extends WidgetBehavior {
     this.set({ value });
   }
 }
-
-// lgtm [js/mixed-static-instance-this-access]

src/behaviors/fileinput.js

@@ -136,5 +136,3 @@ export default class FileInputBehavior extends WidgetBehavior {
     return value;
   }
 }
-
-// lgtm [js/mixed-static-instance-this-access]

src/behaviors/focus.js

@@ -88,5 +88,3 @@ export default class FocusBehavior extends Behavior {
     this.host.nuSetMod('focusable', param || null);
   }
 }
-
-// lgtm [js/mixed-static-instance-this-access]

src/behaviors/input.js

@@ -161,5 +161,3 @@ export default class InputBehavior extends WidgetBehavior {
     }
   }
 }
-
-// lgtm [js/mixed-static-instance-this-access]

src/behaviors/widget.js

@@ -654,5 +654,3 @@ export default class WidgetBehavior extends Behavior {
     this.emit('log', args);
   }
 }
-
-// lgtm [js/mixed-static-instance-this-access]

src/converters/code.js

@@ -21,7 +21,7 @@ const TOKEN_RES = [
   [COM, /(\/\/|#).*?(?=\n|$)/],
   [COM, /\/\*[\s\S]*?\*\//],
   [COM, /<!--[\s\S]*?-->/],
-  [REX, /\/(\\\/|[^\n])*?\/(?=[^\w])/],
+  [REX, /\/(\\\/|[^\n])*?\/(?=[^\w])/], // lgtm [js/redos]
   [STR, /(['"])(\\\1|[\s\S])*?\1/],
   [NUM, /[+-]?([0-9]*\.?[0-9]+|[0-9]+\.?[0-9]*)([eE][+-]?[0-9]+)?/],
   [SPC, /\s+/],

src/definitions/attrs.js

@@ -130,5 +130,3 @@ export default class NuAttrs extends NuDefinition {
     parent.nuVerifyChildren({ attrs: selector, shadow });
   }
 }
-
-// lgtm [js/mixed-static-instance-this-access]

src/definitions/base.js

@@ -79,5 +79,3 @@ export default class NuBase extends NuDefinition {
     log('set base:', { value: normalizedValue });
   }
 }
-
-// lgtm [js/mixed-static-instance-this-access]

src/elements/base.js

@@ -607,6 +607,8 @@ export default class NuAbstract extends HTMLElement {
     if (name.startsWith('use-')) {
       name = name.replace('use-', '');
 
+      if (name === 'behaviors') return;
+
       if (behaviors.has(name)) {
         this.nuUse(name, value);
       }
@@ -1715,8 +1717,9 @@ export default class NuAbstract extends HTMLElement {
     const allBehaviors = this.constructor.nuAllBehaviors;
 
     const attrValue = this.getAttribute(`use-${name}`);
+    const behavioursAttrValue = this.getAttribute('use-behaviors');
 
-    if (isNoValue(attrValue)) return Promise.resolve();
+    if (isNoValue(attrValue) || isNoValue(behavioursAttrValue)) return Promise.resolve();
 
     let options = `${allBehaviors[name] || ''} ${value || ''}`;
 

src/elements/cd.js

@@ -8,11 +8,22 @@ export default class NuCd extends NuCode {
   static get nuStyles() {
     return {
       display: 'inline-block',
-      padding: '.125rem .25em',
+      padding: '0 .25em',
+      fill: 'diff',
     };
   }
 
   static get nuName() {
     return 'cd -code';
   }
+
+  static nuCSS({ tag, css }) {
+    return [
+      ...css,
+
+      `${tag} {
+        line-height: calc(var(--line-height) - 1px);
+      }`,
+    ];
+  }
 }

src/helpers.js

@@ -250,7 +250,7 @@ export function query(element, selector) {
 
     prevElement = element;
 
-    element = element.parentNode || element.host
+    element = element.parentNode || element.host;
   } while (element);
 }
 
@@ -1377,7 +1377,7 @@ export function parseColor(val, ignoreError = false, shortSyntax = false) {
     return {
       name,
       color,
-    }
+    };
   }
 
   return {

src/hsluv.js

@@ -154,8 +154,7 @@ function T(a) {
 
 const l = [[3.240969941904521, -1.537383177570093, -.498610760293], [-.96924363628087, 1.87596750150772, .041555057407175], [.055630079696993, -.20397695888897, 1.056971514242878]],
   v = [[.41239079926595, .35758433938387, .18048078840183], [.21263900587151, .71516867876775, .072192315360733], [.019330818715591, .11919477979462, .95053215224966]],
-  B = 1, C = .19783000664283, D = .46831999493879, k = 903.2962962, g = .0088564516,
-  M = "0123456789abcdef";
+  B = 1, C = .19783000664283, D = .46831999493879, k = 903.2962962, g = .0088564516;
 
 export const hsluvToRgb = (hsl) => Q(hsl).map(n => n * 255);
 export const rgbToHsluv = (rgb) => R(rgb.map(n => n / 255));

src/settings.js

@@ -1,11 +1,11 @@
 import { ROOT, setRootContext } from './context';
-import { devMode, isNoValue, isYesValue, requestIdleCallback } from './helpers';
+import { devMode, isYesValue, requestIdleCallback } from './helpers';
 
 const DATASET = ROOT.dataset;
 const SCHEME_OPTIONS = ['auto', 'light', 'dark'];
 const CONTRAST_OPTIONS = ['auto', 'no-preference', 'more'];
 const ICONS_OPTIONS = ['feather', 'eva', 'ion', 'no'];
-const BEHAVIORS_OPTIONS = ['auto', 'no', 'manual']
+const BEHAVIORS_OPTIONS = ['auto', 'no', 'manual'];
 
 export const preventInit = DATASET.nuPrevent != null;
 export const behaviorOption = BEHAVIORS_OPTIONS.includes(DATASET.nuBehaviors)

src/styles/fill.js

@@ -25,7 +25,7 @@ const SPECIAL_TEXT_VALUE = 'var(--special-text-color) !important';
 export default function fillAttr(val) {
   val = convertCustomFuncs(val);
 
-  let { color, name, opacity } = parseColor(val);
+  let { color, name } = parseColor(val);
 
   if (!val || name === 'local') {
     return [{

src/styles/flow.js

@@ -15,13 +15,6 @@ const FLEX_MAP_SECOND = {
   'column-reverse': 'margin-left',
 };
 
-const INVERT_MAP = {
-  'margin-top': 'margin-bottom',
-  'margin-right': 'margin-left',
-  'margin-bottom': 'margin-top',
-  'margin-left': 'margin-right',
-};
-
 function getLocalProp(dir, invert = false) {
   return (invert ^ dir.includes('row')) ? 'var(--local-h-gap)' : 'var(--local-v-gap)';
 }

src/styles/group-radius.js

@@ -1,4 +1,4 @@
-import { hasNegativeMod, hasPositiveMod, parseAttr } from '../helpers';
+import { hasNegativeMod, parseAttr } from '../helpers';
 
 const MAP = {
   row: ['* 0 0 *', '0 * * 0'],
@@ -30,13 +30,17 @@ export default function groupRadiusAttr(val) {
   const endValue = MAP[flow][reverse ? 0 : 1].replace(/\*/g, value);
 
   return [{
-    $suffix: '>:first-child:not([radius])',
+    $suffix: '>:first-child:not(:last-child):not([radius])',
     'border-radius': startValue,
     '--local-radius': startValue,
   }, {
-    $suffix: '>:last-child:not([radius])',
+    $suffix: '>:last-child:not(:first-child):not([radius])',
     'border-radius': endValue,
     '--local-radius': endValue,
+  }, {
+    $suffix: '>:last-child:first-child:not([radius])',
+    'border-radius': value,
+    '--local-radius': value,
   }, {
     $suffix: '>:not(:last-child):not(:first-child):not([radius])',
     'border-radius': '0',

src/styles/snapping.js

@@ -1,6 +1,5 @@
 import { hasNegativeMod, parseAttr } from '../helpers';
 import snapAttr from './snap';
-import filter from './filter';
 
 const OPTIONS = ['mandatory', 'proximity'];
 const DIRS = ['x', 'y'];

src/themes.js

@@ -274,7 +274,6 @@ export function generateTheme({ hue, saturation, pastel, type, contrast, lightne
   theme['special-mark'] = setOpacity([...theme['special-text']], highContrast ? 0.16 : .08);
 
   const shadowSaturation = saturation * (type === 'main' ? .66 : 1);
-  const specialShadowSaturation = 100;
   const shadowContrastRatio = 1.8 * (highContrast ? 1.5 : 1);
   const specialShadowContrastRatio = (type === 'special' || (!darkScheme && type === 'swap') ? 1.5 : 1) * shadowContrastRatio * (darkScheme ? 1.5 : 1);
   const shadowLightness = findContrastLightness(theme.bg[2], shadowContrastRatio, true);
@@ -744,7 +743,7 @@ export function parseHue(val) {
 
   if (!values[0]) {
     if (devMode) {
-      warn('hue(): 1 argument required.')
+      warn('hue(): 1 argument required.');
     }
 
     return;