homebirdscomponents
Advanced tools
Comparing version 0.0.8 to 0.0.9
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis 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 riskPackage 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
378862
6625
2
49