Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

homebirdscomponents

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

homebirdscomponents - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/cjs/index-ba5546ab.js

6

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

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-b87241a5.js');
const index = require('./index-ba5546ab.js');

@@ -272,3 +272,3 @@ function createCommonjsModule(fn, basedir, module) {

const searchInputComponentCss = "*{font-family:sans-serif}#searchbar{display:flex;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:10px}#icon{width:30px;border-right:1px solid #aaa;padding-right:20px}#cmp{position:relative}#input{margin-left:20px;font-size:18px;padding:5px;border:0;outline:none;color:#888;flex:1}#input::placeholder{color:#aaa}#input:focus::placeholder{opacity:0}#suggestions{height:210px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);position:absolute;z-index:10;width:100%;overflow-y:auto}#suggestions>div{font-size:18px;padding:10px;border-bottom:1px solid #ccc;cursor:default}#suggestions>div:hover{background:#fafafa}";
const searchInputComponentCss = "*{font-family:sans-serif}#searchbar{display:flex;align-items:center;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:10px}#icon-container{border-right:1px solid #aaa;padding-right:20px;display:flex;align-items:center}#icon{width:28px}#cmp{position:relative}#input{margin-left:20px;font-size:18px;padding:5px;border:0;outline:none;color:#888;flex:1}#input::placeholder{color:#aaa}#input:focus::placeholder{opacity:0}#suggestions{height:210px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);position:absolute;z-index:10;width:100%;overflow-y:auto}#suggestions>div{font-size:18px;padding:10px;border-bottom:1px solid #ccc;cursor:default}#suggestions>div:hover{background:#fafafa}";

@@ -445,3 +445,3 @@ const searchInput = class {

}
return (index.h("div", { id: "cmp" }, index.h("div", { id: "searchbar" }, index.h("img", { id: "icon", src: index.getAssetPath('./assets/search.svg') }), index.h("input", { id: "input", type: "text", value: this.value, placeholder: this.placeholder, onKeyUp: this.handleInput.bind(this) })), suggestions));
return (index.h("div", { id: "cmp" }, index.h("div", { id: "searchbar" }, index.h("div", { id: "icon-container" }, index.h("svg", { id: "icon", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" }, index.h("title", null, "search"), index.h("path", { fill: "#aaa", d: "M31.008 27.231l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998 1.789-2.096 2.87-4.815 2.87-7.787 0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-0.031 0.677 0.293 1.515 0.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007 0.23s0.997-2.903-0.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z" }))), index.h("input", { id: "input", type: "text", value: this.value, placeholder: this.placeholder, onKeyUp: this.handleInput.bind(this) })), suggestions));
}

@@ -448,0 +448,0 @@ static get assetsDirs() { return ["./assets"]; }

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-b87241a5.js');
const index = require('./index-ba5546ab.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}}";

'use strict';
const index = require('./index-b87241a5.js');
const index = require('./index-ba5546ab.js');

@@ -5,0 +5,0 @@ /*

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-b87241a5.js');
const index = require('./index-ba5546ab.js');

@@ -8,0 +8,0 @@ /*

@@ -1,2 +0,2 @@

import { Component, h, getAssetPath, Prop, State, Watch, Element, Event, Listen } from '@stencil/core';
import { Component, h, Prop, State, Watch, Element, Event, Listen } from '@stencil/core';
import * as lev from 'fast-levenshtein';

@@ -172,3 +172,6 @@ export class searchInput {

h("div", { id: "searchbar" },
h("img", { id: "icon", src: getAssetPath('./assets/search.svg') }),
h("div", { id: "icon-container" },
h("svg", { id: "icon", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" },
h("title", null, "search"),
h("path", { fill: "#aaa", d: "M31.008 27.231l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998 1.789-2.096 2.87-4.815 2.87-7.787 0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-0.031 0.677 0.293 1.515 0.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007 0.23s0.997-2.903-0.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z" }))),
h("input", { id: "input", type: "text", value: this.value, placeholder: this.placeholder, onKeyUp: this.handleInput.bind(this) })),

@@ -175,0 +178,0 @@ suggestions));

@@ -1,2 +0,2 @@

import { attachShadow, createEvent, h, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
import { attachShadow, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
export { setAssetPath } from '@stencil/core/internal/client';

@@ -268,3 +268,3 @@

const searchInputComponentCss = "*{font-family:sans-serif}#searchbar{display:flex;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:10px}#icon{width:30px;border-right:1px solid #aaa;padding-right:20px}#cmp{position:relative}#input{margin-left:20px;font-size:18px;padding:5px;border:0;outline:none;color:#888;flex:1}#input::placeholder{color:#aaa}#input:focus::placeholder{opacity:0}#suggestions{height:210px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);position:absolute;z-index:10;width:100%;overflow-y:auto}#suggestions>div{font-size:18px;padding:10px;border-bottom:1px solid #ccc;cursor:default}#suggestions>div:hover{background:#fafafa}";
const searchInputComponentCss = "*{font-family:sans-serif}#searchbar{display:flex;align-items:center;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:10px}#icon-container{border-right:1px solid #aaa;padding-right:20px;display:flex;align-items:center}#icon{width:28px}#cmp{position:relative}#input{margin-left:20px;font-size:18px;padding:5px;border:0;outline:none;color:#888;flex:1}#input::placeholder{color:#aaa}#input:focus::placeholder{opacity:0}#suggestions{height:210px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);position:absolute;z-index:10;width:100%;overflow-y:auto}#suggestions>div{font-size:18px;padding:10px;border-bottom:1px solid #ccc;cursor:default}#suggestions>div:hover{background:#fafafa}";

@@ -443,3 +443,3 @@ const searchInput = class extends HTMLElement {

}
return (h("div", { id: "cmp" }, h("div", { id: "searchbar" }, h("img", { id: "icon", src: getAssetPath('./assets/search.svg') }), h("input", { id: "input", type: "text", value: this.value, placeholder: this.placeholder, onKeyUp: this.handleInput.bind(this) })), suggestions));
return (h("div", { id: "cmp" }, h("div", { id: "searchbar" }, h("div", { id: "icon-container" }, h("svg", { id: "icon", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" }, h("title", null, "search"), h("path", { fill: "#aaa", d: "M31.008 27.231l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998 1.789-2.096 2.87-4.815 2.87-7.787 0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-0.031 0.677 0.293 1.515 0.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007 0.23s0.997-2.903-0.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z" }))), h("input", { id: "input", type: "text", value: this.value, placeholder: this.placeholder, onKeyUp: this.handleInput.bind(this) })), suggestions));
}

@@ -446,0 +446,0 @@ static get assetsDirs() { return ["./assets"]; }

@@ -1,2 +0,2 @@

import { r as registerInstance, c as createEvent, h, g as getAssetPath, a as getElement } from './index-45f58e52.js';
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-dcfdb222.js';

@@ -267,3 +267,3 @@ function createCommonjsModule(fn, basedir, module) {

const searchInputComponentCss = "*{font-family:sans-serif}#searchbar{display:flex;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:10px}#icon{width:30px;border-right:1px solid #aaa;padding-right:20px}#cmp{position:relative}#input{margin-left:20px;font-size:18px;padding:5px;border:0;outline:none;color:#888;flex:1}#input::placeholder{color:#aaa}#input:focus::placeholder{opacity:0}#suggestions{height:210px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);position:absolute;z-index:10;width:100%;overflow-y:auto}#suggestions>div{font-size:18px;padding:10px;border-bottom:1px solid #ccc;cursor:default}#suggestions>div:hover{background:#fafafa}";
const searchInputComponentCss = "*{font-family:sans-serif}#searchbar{display:flex;align-items:center;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:10px}#icon-container{border-right:1px solid #aaa;padding-right:20px;display:flex;align-items:center}#icon{width:28px}#cmp{position:relative}#input{margin-left:20px;font-size:18px;padding:5px;border:0;outline:none;color:#888;flex:1}#input::placeholder{color:#aaa}#input:focus::placeholder{opacity:0}#suggestions{height:210px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);position:absolute;z-index:10;width:100%;overflow-y:auto}#suggestions>div{font-size:18px;padding:10px;border-bottom:1px solid #ccc;cursor:default}#suggestions>div:hover{background:#fafafa}";

@@ -440,3 +440,3 @@ const searchInput = class {

}
return (h("div", { id: "cmp" }, h("div", { id: "searchbar" }, h("img", { id: "icon", src: getAssetPath('./assets/search.svg') }), h("input", { id: "input", type: "text", value: this.value, placeholder: this.placeholder, onKeyUp: this.handleInput.bind(this) })), suggestions));
return (h("div", { id: "cmp" }, h("div", { id: "searchbar" }, h("div", { id: "icon-container" }, h("svg", { id: "icon", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" }, h("title", null, "search"), h("path", { fill: "#aaa", d: "M31.008 27.231l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998 1.789-2.096 2.87-4.815 2.87-7.787 0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-0.031 0.677 0.293 1.515 0.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007 0.23s0.997-2.903-0.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z" }))), h("input", { id: "input", type: "text", value: this.value, placeholder: this.placeholder, onKeyUp: this.handleInput.bind(this) })), suggestions));
}

@@ -443,0 +443,0 @@ static get assetsDirs() { return ["./assets"]; }

@@ -1,2 +0,2 @@

import { r as registerInstance, c as createEvent, h } from './index-45f58e52.js';
import { r as registerInstance, c as createEvent, h } from './index-dcfdb222.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}}";

@@ -1,2 +0,2 @@

import { p as promiseResolve, b as bootstrapLazy } from './index-45f58e52.js';
import { p as promiseResolve, b as bootstrapLazy } from './index-dcfdb222.js';

@@ -3,0 +3,0 @@ /*

@@ -1,2 +0,2 @@

import { p as promiseResolve, b as bootstrapLazy } from './index-45f58e52.js';
import { p as promiseResolve, b as bootstrapLazy } from './index-dcfdb222.js';

@@ -3,0 +3,0 @@ /*

@@ -1,1 +0,1 @@

import{p as e,b as s}from"./p-6a31a413.js";(()=>{const s=import.meta.url,n={};return""!==s&&(n.resourcesUrl=new URL(".",s).href),e(n)})().then(e=>s([["p-54e2e8c0",[[1,"ba-search-input",{placeholder:[1],suggestions:[1040],formParticipation:[4,"form-participation"],controlName:[1,"control-name"],value:[1025],asyncSearch:[4,"async-search"],maxSuggestionsShown:[2,"max-suggestions-shown"],tokenizedSearchTerms:[32],suggestionsArr:[32],tokenizedSuggestions:[32],suggestionsResults:[32],suggestionsPaneOpen:[32],showSuggestions:[32]},[[0,"blur","handleElementBlur"]]]]],["p-8df7c01e",[[1,"ba-text-input-one",{type:[513],placeholder:[513],value:[1537]}]]]],e));
import{p as e,b as s}from"./p-45f3a47e.js";(()=>{const s=import.meta.url,n={};return""!==s&&(n.resourcesUrl=new URL(".",s).href),e(n)})().then(e=>s([["p-babad18f",[[1,"ba-search-input",{placeholder:[1],suggestions:[1040],formParticipation:[4,"form-participation"],controlName:[1,"control-name"],value:[1025],asyncSearch:[4,"async-search"],maxSuggestionsShown:[2,"max-suggestions-shown"],tokenizedSearchTerms:[32],suggestionsArr:[32],tokenizedSuggestions:[32],suggestionsResults:[32],suggestionsPaneOpen:[32],showSuggestions:[32]},[[0,"blur","handleElementBlur"]]]]],["p-40402d41",[[1,"ba-text-input-one",{type:[513],placeholder:[513],value:[1537]}]]]],e));
{
"name": "homebirdscomponents",
"version": "0.0.8",
"version": "0.0.9",
"description": "Stencil Component Starter",

@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc