homebirdscomponents - npm Package Compare versions

Comparing version 0.0.18 to 0.0.19

dist/cjs/ba-google-map.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-95cb8abf.js');
+const index = require('./index-3423a692.js');
 
@@ -70,3 +70,3 @@ class Loader {
 
-const googleMapComponentCss = "#map{width:100%;background:#eee}";
+const googleMapComponentCss = "#map.sc-ba-google-map{width:100%;background:#eee}";
 
@@ -137,4 +137,4 @@ const GoogleMap = class {
     }
-    this.map = new this.google.maps.Map(this.el.shadowRoot.querySelector('#map'), mapConfigOpts);
-    this.el.shadowRoot.querySelector(`#map`).style.height = this.height;
+    this.map = new this.google.maps.Map(this.el.querySelector('#map'), mapConfigOpts);
+    this.el.querySelector(`#map`).style.height = this.height;
     this.mapPins && this.addMarkers.call(this);
@@ -141,0 +141,0 @@ }

dist/cjs/ba-search-input.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-95cb8abf.js');
+const index = require('./index-3423a692.js');
 
@@ -8,0 +8,0 @@ /**

dist/cjs/ba-text-input-one.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-95cb8abf.js');
+const index = require('./index-3423a692.js');
 
@@ -8,0 +8,0 @@ const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*{box-sizing:border-box}#cmp{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container{position:relative;flex-grow:1;height:30px}#input-field{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field:not(:placeholder-shown)+#placeholder{visibility:hidden}#input-field:focus+#placeholder{animation:hideplaceholder 0.5s forwards}#input-field:not(:focus)+#placeholder{animation:fadeInPlaceholder 0.5s}#input-field:focus+#icon-area{transform:scale(2)}#cmp:focus-within{border:2px solid #4f62b8}#icon-area{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1;display:flex;align-items:center;justify-content:center}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";

dist/cjs/homebirdscomponents.cjs.js

 'use strict';
 
-const index = require('./index-95cb8abf.js');
+const index = require('./index-3423a692.js');
 
@@ -18,3 +18,3 @@ /*
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ba-google-map.cjs",[[1,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input.cjs",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one.cjs",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
+  return index.bootstrapLazy([["ba-google-map.cjs",[[2,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input.cjs",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one.cjs",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-95cb8abf.js');
+const index = require('./index-3423a692.js');
 
@@ -18,3 +18,3 @@ /*
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ba-google-map.cjs",[[1,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input.cjs",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one.cjs",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
+  return index.bootstrapLazy([["ba-google-map.cjs",[[2,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input.cjs",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one.cjs",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
   });
@@ -21,0 +21,0 @@ };

dist/collection/components/google-map/google-map.component.js

@@ -65,4 +65,4 @@ import { Component, h, Prop, Host, Element, State, Watch, Event } from '@stencil/core';
     }
-    this.map = new this.google.maps.Map(this.el.shadowRoot.querySelector('#map'), mapConfigOpts);
-    this.el.shadowRoot.querySelector(`#map`).style.height = this.height;
+    this.map = new this.google.maps.Map(this.el.querySelector('#map'), mapConfigOpts);
+    this.el.querySelector(`#map`).style.height = this.height;
     this.mapPins && this.addMarkers.call(this);
@@ -75,3 +75,3 @@ }
   static get is() { return "ba-google-map"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -78,0 +78,0 @@ "$": ["./google-map.component.css"]

dist/custom-elements/index.js

@@ -1,2 +0,2 @@
-import { attachShadow, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { createEvent, h, Host, attachShadow, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath } from '@stencil/core/internal/client';
@@ -66,3 +66,3 @@
 
-const googleMapComponentCss = "#map{width:100%;background:#eee}";
+const googleMapComponentCss = "#map.sc-ba-google-map{width:100%;background:#eee}";
 
@@ -73,3 +73,2 @@ const GoogleMap = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.markerSelected = createEvent(this, "markerSelected", 7);
@@ -136,4 +135,4 @@ this.centerLat = 35.9606;
     }
-    this.map = new this.google.maps.Map(this.el.shadowRoot.querySelector('#map'), mapConfigOpts);
-    this.el.shadowRoot.querySelector(`#map`).style.height = this.height;
+    this.map = new this.google.maps.Map(this.el.querySelector('#map'), mapConfigOpts);
+    this.el.querySelector(`#map`).style.height = this.height;
     this.mapPins && this.addMarkers.call(this);
@@ -2027,3 +2026,3 @@ }
 
-const BaGoogleMap = /*@__PURE__*/proxyCustomElement(GoogleMap, [1,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]);
+const BaGoogleMap = /*@__PURE__*/proxyCustomElement(GoogleMap, [2,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]);
 const BaSearchInput = /*@__PURE__*/proxyCustomElement(HJBSearchInput2, [1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]);
@@ -2030,0 +2029,0 @@ const BaTextInputOne = /*@__PURE__*/proxyCustomElement(TextInputOne, [1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]);

dist/esm/ba-google-map.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-33117609.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fd7cee5.js';
 
@@ -65,3 +65,3 @@ class Loader {
 
-const googleMapComponentCss = "#map{width:100%;background:#eee}";
+const googleMapComponentCss = "#map.sc-ba-google-map{width:100%;background:#eee}";
 
@@ -132,4 +132,4 @@ const GoogleMap = class {
     }
-    this.map = new this.google.maps.Map(this.el.shadowRoot.querySelector('#map'), mapConfigOpts);
-    this.el.shadowRoot.querySelector(`#map`).style.height = this.height;
+    this.map = new this.google.maps.Map(this.el.querySelector('#map'), mapConfigOpts);
+    this.el.querySelector(`#map`).style.height = this.height;
     this.mapPins && this.addMarkers.call(this);
@@ -136,0 +136,0 @@ }

dist/esm/ba-search-input.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-33117609.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3fd7cee5.js';
 
@@ -3,0 +3,0 @@ /**

dist/esm/ba-text-input-one.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h } from './index-33117609.js';
+import { r as registerInstance, c as createEvent, h } from './index-3fd7cee5.js';
 
@@ -3,0 +3,0 @@ const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*{box-sizing:border-box}#cmp{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container{position:relative;flex-grow:1;height:30px}#input-field{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field:not(:placeholder-shown)+#placeholder{visibility:hidden}#input-field:focus+#placeholder{animation:hideplaceholder 0.5s forwards}#input-field:not(:focus)+#placeholder{animation:fadeInPlaceholder 0.5s}#input-field:focus+#icon-area{transform:scale(2)}#cmp:focus-within{border:2px solid #4f62b8}#icon-area{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1;display:flex;align-items:center;justify-content:center}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";

dist/esm/homebirdscomponents.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-33117609.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-3fd7cee5.js';
 
@@ -16,3 +16,3 @@ /*
 patchBrowser().then(options => {
-  return bootstrapLazy([["ba-google-map",[[1,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
+  return bootstrapLazy([["ba-google-map",[[2,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
 });

dist/esm/loader.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-33117609.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-3fd7cee5.js';
 
@@ -13,3 +13,3 @@ /*
   return patchEsm().then(() => {
-  return bootstrapLazy([["ba-google-map",[[1,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
+  return bootstrapLazy([["ba-google-map",[[2,"ba-google-map",{"apiKey":[1,"api-key"],"centerLat":[2,"map-center-lat"],"centerLon":[2,"map-center-lon"],"zoom":[2,"map-zoom"],"mapPins":[16],"height":[1,"map-height"],"disableControls":[4,"map-disable-controls"],"google":[32],"map":[32],"markers":[32]}]]],["ba-search-input",[[1,"ba-search-input",{"value":[1025],"suggestions":[16],"placeholder":[1],"maxResultsShown":[2,"max-results"],"searchTerms":[32],"fuse":[32],"results":[32],"suggestionsPaneOpen":[32]},[[0,"blur","handleElementBlur"]]]]],["ba-text-input-one",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/homebirdscomponents/homebirdscomponents.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as a}from"./p-b09849de.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then(e=>a([["p-bae2be81",[[1,"ba-google-map",{apiKey:[1,"api-key"],centerLat:[2,"map-center-lat"],centerLon:[2,"map-center-lon"],zoom:[2,"map-zoom"],mapPins:[16],height:[1,"map-height"],disableControls:[4,"map-disable-controls"],google:[32],map:[32],markers:[32]}]]],["p-eb2e3571",[[1,"ba-search-input",{value:[1025],suggestions:[16],placeholder:[1],maxResultsShown:[2,"max-results"],searchTerms:[32],fuse:[32],results:[32],suggestionsPaneOpen:[32]},[[0,"blur","handleElementBlur"]]]]],["p-2c71d1dd",[[1,"ba-text-input-one",{type:[513],placeholder:[513],value:[1537]}]]]],e));
+import{p as e,b as a}from"./p-8c4bdf11.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then(e=>a([["p-8231c458",[[2,"ba-google-map",{apiKey:[1,"api-key"],centerLat:[2,"map-center-lat"],centerLon:[2,"map-center-lon"],zoom:[2,"map-zoom"],mapPins:[16],height:[1,"map-height"],disableControls:[4,"map-disable-controls"],google:[32],map:[32],markers:[32]}]]],["p-36648ade",[[1,"ba-search-input",{value:[1025],suggestions:[16],placeholder:[1],maxResultsShown:[2,"max-results"],searchTerms:[32],fuse:[32],results:[32],suggestionsPaneOpen:[32]},[[0,"blur","handleElementBlur"]]]]],["p-9adcb50d",[[1,"ba-text-input-one",{type:[513],placeholder:[513],value:[1537]}]]]],e));

package.json

 {
   "name": "homebirdscomponents",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

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

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

Improved metrics

Total package byte prevSize

503205

increased by0.04%

Lines of code

10644

increased by0.05%

No dependency changes