@flarehr/beacon - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/beacon/beacon.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as d}from"./p-3620765e.js";e().then(e=>d([["p-72d79eb8",[[4,"fl-button",{type:[1],disabled:[4]}]]],["p-9f06baac",[[0,"fl-dropdown",{placeholder:[1],options:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]]]]],e));
+import{p as e,b as i}from"./p-93d25861.js";e().then(e=>i([["p-a5d8066f",[[4,"fl-button",{isBlockElement:[4,"is-block-element"],disabled:[4]}],[0,"fl-dropdown",{placeholder:[1],options:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"fl-loading-indicator"]]]],e));

dist/cjs/beacon.cjs.js

 'use strict';
 
-const index = require('./index-9ef2f389.js');
+const index = require('./index-d47284ab.js');
 
 index.patchBrowser().then(options => {
-  return index.bootstrapLazy([["fl-button.cjs",[[4,"fl-button",{"type":[1],"disabled":[4]}]]],["fl-dropdown.cjs",[[0,"fl-dropdown",{"placeholder":[1],"options":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]]]]], options);
+  return index.bootstrapLazy([["fl-button_3.cjs",[[4,"fl-button",{"isBlockElement":[4,"is-block-element"],"disabled":[4]}],[0,"fl-dropdown",{"placeholder":[1],"options":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"fl-loading-indicator"]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,8 +5,11 @@ 'use strict';
 
-const index = require('./index-9ef2f389.js');
+const index = require('./index-d47284ab.js');
 
-const defineCustomElements = (win, options) => index.patchEsm().then(() => {
-  return index.bootstrapLazy([["fl-button.cjs",[[4,"fl-button",{"type":[1],"disabled":[4]}]]],["fl-dropdown.cjs",[[0,"fl-dropdown",{"placeholder":[1],"options":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]]]]], options);
-});
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return index.patchEsm().then(() => {
+  return index.bootstrapLazy([["fl-button_3.cjs",[[4,"fl-button",{"isBlockElement":[4,"is-block-element"],"disabled":[4]}],[0,"fl-dropdown",{"placeholder":[1],"options":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"fl-loading-indicator"]]]], options);
+  });
+};
 
 exports.defineCustomElements = defineCustomElements;

dist/collection/collection-manifest.json

 {
   "entries": [
     "./components/dropdown/dropdown.js",
-    "./components/button/button.js"
+    "./components/button/button.js",
+    "./components/loading-indicator/loading-indicator.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "1.12.1",
-    "typescriptVersion": "3.8.3"
+    "version": "1.14.0",
+    "typescriptVersion": "3.9.3"
   },
@@ -11,0 +12,0 @@ "collections": [],

dist/collection/components/button/button.js

 import { Component, Event, Prop, h } from '@stencil/core';
 export class FlareButton {
     constructor() {
-        this.type = 'Standard';
+        this.isBlockElement = false;
         this.disabled = false;
@@ -10,4 +10,6 @@ }
                 'btn btn-primary': true,
-                'btn-block': this.type === 'Block',
+                'btn-block': this.isBlockElement,
                 disabled: this.disabled
+            }, style: {
+                'pointer-events': this.disabled ? 'none' : 'auto'
             }, onClick: () => this.onClickHandler(), disabled: this.disabled },
@@ -28,8 +30,8 @@ h("slot", null)));
     static get properties() { return {
-        "type": {
-            "type": "string",
+        "isBlockElement": {
+            "type": "boolean",
             "mutable": false,
             "complexType": {
-                "original": "'Standard' | 'Block'",
-                "resolved": "\"Block\" | \"Standard\"",
+                "original": "boolean",
+                "resolved": "boolean",
                 "references": {}
@@ -43,5 +45,5 @@ },
             },
-            "attribute": "type",
+            "attribute": "is-block-element",
             "reflect": false,
-            "defaultValue": "'Standard'"
+            "defaultValue": "false"
         },
@@ -48,0 +50,0 @@ "disabled": {

dist/collection/components/dropdown/dropdown.js

 import { Component, Event, Listen, Prop, State, Watch, h } from '@stencil/core';
-export class SelectInput {
+export class Dropdown {
     constructor() {
@@ -4,0 +4,0 @@ this.required = false;

dist/esm/polyfills/index.js

@@ -6,4 +6,5 @@ export function applyPolyfills() {
 
-    if (!win.customElements || (win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove))) {
-      promises.push(import(/* webpackChunkName: "stencil-polyfills-dom" */ './dom.js'));
+    if (!win.customElements ||
+      (win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove || !win.Element.prototype.getRootNode))) {
+      promises.push(import(/* webpackChunkName: "polyfills-dom" */ './dom.js'));
     }
@@ -30,3 +31,3 @@
     ) {
-      promises.push(import(/* webpackChunkName: "stencil-polyfills-core-js" */ './core-js.js'));
+      promises.push(import(/* webpackChunkName: "polyfills-core-js" */ './core-js.js'));
     }
@@ -33,0 +34,0 @@ }

dist/types/components.d.ts

@@ -8,7 +8,7 @@ /* eslint-disable */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { SelectInputOption, } from "./components/dropdown/dropdown";
+import { SelectInputOption } from "./components/dropdown/dropdown";
 export namespace Components {
     interface FlButton {
         "disabled": boolean;
-        "type": "Standard" | "Block";
+        "isBlockElement": boolean;
     }
@@ -23,2 +23,4 @@ interface FlDropdown {
     }
+    interface FlLoadingIndicator {
+    }
 }
@@ -38,5 +40,12 @@ declare global {
     };
+    interface HTMLFlLoadingIndicatorElement extends Components.FlLoadingIndicator, HTMLStencilElement {
+    }
+    var HTMLFlLoadingIndicatorElement: {
+        prototype: HTMLFlLoadingIndicatorElement;
+        new (): HTMLFlLoadingIndicatorElement;
+    };
     interface HTMLElementTagNameMap {
         "fl-button": HTMLFlButtonElement;
         "fl-dropdown": HTMLFlDropdownElement;
+        "fl-loading-indicator": HTMLFlLoadingIndicatorElement;
     }
@@ -47,4 +56,4 @@ }
         "disabled"?: boolean;
+        "isBlockElement"?: boolean;
         "onButtonClicked"?: (event: CustomEvent<string>) => void;
-        "type"?: "Standard" | "Block";
     }
@@ -60,5 +69,8 @@ interface FlDropdown {
     }
+    interface FlLoadingIndicator {
+    }
     interface IntrinsicElements {
         "fl-button": FlButton;
         "fl-dropdown": FlDropdown;
+        "fl-loading-indicator": FlLoadingIndicator;
     }
@@ -72,4 +84,5 @@ }
             "fl-dropdown": LocalJSX.FlDropdown & JSXBase.HTMLAttributes<HTMLFlDropdownElement>;
+            "fl-loading-indicator": LocalJSX.FlLoadingIndicator & JSXBase.HTMLAttributes<HTMLFlLoadingIndicatorElement>;
         }
     }
 }

dist/types/components/button/button.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class FlareButton {
-    type: 'Standard' | 'Block';
+    isBlockElement: boolean;
     disabled: boolean;
@@ -5,0 +5,0 @@ buttonClicked?: EventEmitter<string>;

dist/types/components/dropdown/dropdown.d.ts

@@ -6,3 +6,3 @@ import { EventEmitter } from '../../stencil-public-runtime';
 };
-export declare class SelectInput {
+export declare class Dropdown {
     placeholder?: string;
@@ -9,0 +9,0 @@ options?: SelectInputOption<unknown>[];

dist/types/stencil-public-runtime.d.ts

@@ -638,2 +638,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
         slot?: string;
+        onSlotchange?: (event: Event) => void;
     }
@@ -700,2 +701,3 @@ interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
+        onToggle?: (event: Event) => void;
     }
@@ -816,3 +818,2 @@ interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         indeterminate?: boolean;
-        inputmode?: string;
         list?: string;
@@ -867,2 +868,3 @@ max?: number | string;
     interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+        as?: string;
         href?: string;
@@ -1089,4 +1091,3 @@ hrefLang?: string;
         lang?: string;
-        spellCheck?: boolean;
-        spellcheck?: boolean | string;
+        spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1100,2 +1101,4 @@ [key: string]: string | undefined;
         inputmode?: string;
+        enterKeyHint?: string;
+        enterkeyhint?: string;
         is?: string;
@@ -1238,2 +1241,3 @@ radioGroup?: string;
         'horiz-origin-x'?: number | string;
+        'href'?: string;
         'ideographic'?: number | string;
@@ -1400,2 +1404,3 @@ 'image-rendering'?: number | string;
         part?: string;
+        exportparts?: string;
         onCopy?: (event: ClipboardEvent) => void;
@@ -1415,2 +1420,6 @@ onCopyCapture?: (event: ClipboardEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
+        onFocusIn?: (event: FocusEvent) => void;
+        onFocusInCapture?: (event: FocusEvent) => void;
+        onFocusOut?: (event: FocusEvent) => void;
+        onFocusOutCapture?: (event: FocusEvent) => void;
         onBlur?: (event: FocusEvent) => void;
@@ -1417,0 +1426,0 @@ onBlurCapture?: (event: FocusEvent) => void;

package.json

 {
   "name": "@flarehr/beacon",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Flare - Beacon Design System",
@@ -20,3 +20,3 @@ "main": "dist/index.js",
     "build:prod": "stencil build --prod",
-    "start": "stencil build --dev --watch --serve",
+    "start": "stencil build --dev --watch --serve --docs",
     "test": "stencil test --spec",
@@ -28,3 +28,3 @@ "test:watch": "stencil test --spec --watchAll",
   "devDependencies": {
-    "@stencil/core": "1.12.1",
+    "@stencil/core": "1.14.0",
     "@stencil/sass": "1.3.1",
@@ -51,4 +51,5 @@ "@types/jest": "25.2.1",
     "jquery": "^3.5.1",
-    "popper.js": "1.16.0"
+    "popper.js": "1.16.0",
+    "three-dots": "^0.2.0"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

687753

increased by15.07%

Lines of code

7947

increased by21.25%

Worsened metrics

Dependency count

4

increased by33.33%

Number of low supply chain risk alerts

4

increased by300%

Dependency changes

• + Addedthree-dots@^0.2.0

• + Addedthree-dots@0.2.3(transitive)