diff --git a/dist/example.html b/dist/example.html new file mode 100644 index 0000000..9d5235c --- /dev/null +++ b/dist/example.html @@ -0,0 +1,75 @@ + + + + πŸ¦„ simplecomplete πŸ‘Œ + + + + + + + +
+

πŸš€ simplecomplete becomes a simpleπŸ‘Œ yet powerful πŸ’ͺ and versatile πŸ¦„ js library for search elements

+

Just a search... but cool.

+ + +

I just found out i don't know shit about animes

+ + +

Hello World...

+ +
+ + diff --git a/dist/min/simplecomplete.min.css b/dist/min/simplecomplete.min.css new file mode 100644 index 0000000..f98fcfe --- /dev/null +++ b/dist/min/simplecomplete.min.css @@ -0,0 +1 @@ +@keyframes pulsingAnim{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}@keyframes scrollingBg{0%{background-position:0 0}100%{background-position:-100% 0}}@keyframes highlightAnim{0%{background:#fff}15%{background:#ff64b1}30%{background:#fff}50%{background:#ff64b1}100%{background:inherit}}.simplecomplete{position:relative;border:solid .125em rgba(0,0,0,.3);border-radius:.5em;background:linear-gradient(90deg, #FFFFFF 0, #FFFFFF 100%);box-sizing:border-box;transition:background 3s}.simplecomplete *{box-sizing:border-box}.simplecomplete__input{display:flex;flex-flow:row nowrap}.simplecomplete__input-field,.simplecomplete__value{flex:1;background:#fff;padding:.5em .75em;overflow-x:auto;white-space:nowrap;border:solid .0625em transparent;border-radius:.4em;outline:none;margin:.125em}@media screen and (max-width: 992px){.simplecomplete__input-field,.simplecomplete__value{border-radius:0}}.simplecomplete__input-cancel{position:absolute;top:50%;right:0;width:2em;transform:translateY(-50%);text-align:center;font-size:2em;cursor:pointer}.simplecomplete__input-cancel:after{display:inline-block;content:"Γ—";color:#aaa}@media screen and (max-width: 992px){.simplecomplete__input-cancel{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;transform:none;top:auto;right:auto;background:#fff}.simplecomplete__input-cancel:after{display:block;padding:0 1em;color:#ddd}}.simplecomplete__value:not(.hide)~.simplecomplete__input{display:none}.simplecomplete__value>.selected-option,.simplecomplete__value>.empty-item{display:inline-block;cursor:pointer;padding:.5em .75em;margin:0 .125em;background:#efefef;color:#bbb;font-weight:500;border-radius:.5em;border:solid .0625em transparent;background:#ddd;color:#111}.simplecomplete__value>.selected-option:first-child,.simplecomplete__value>.empty-item:first-child{margin-left:-0.25em}.simplecomplete__value>.selected-option:last-child,.simplecomplete__value>.empty-item:last-child{margin-right:-0.25em}.simplecomplete__value>.empty-item{background:#fff;color:#bbb;font-weight:400}.simplecomplete__value.is-empty{color:#bbb}.simplecomplete.is-multiple .simplecomplete__value>.selected-option:after,.simplecomplete.is-blankable .simplecomplete__value>.selected-option:after{content:"Γ—";display:inline;margin-left:.25em;color:#888}.simplecomplete.is-multiple .simplecomplete__input-cancel,.simplecomplete.is-blankable .simplecomplete__input-cancel{display:block}.simplecomplete__results{position:absolute;top:100%;left:0;max-width:100%;background:#fff;box-shadow:0 .125em .25em 0 #aaa;z-index:255;border-radius:.5em}@media screen and (max-width: 992px){.simplecomplete__results{position:relative;top:0;flex:1;overflow-y:auto;background:#fff;box-shadow:none;border-radius:0}}.simplecomplete__results-list{border-radius:.5em;overflow:hidden;overflow-y:auto;max-height:30vh;padding:.5em}.simplecomplete__results-list-item,.simplecomplete__results-list-empty{cursor:pointer;display:block;padding:.5em 1em;color:#bbb;font-weight:500}.simplecomplete__results-list-item:not(:last-child),.simplecomplete__results-list-empty:not(:last-child){border-bottom:solid 1px #f7f7f7}.simplecomplete__results-list-item:hover,.simplecomplete__results-list-empty:hover{color:#111}.simplecomplete__results-list-item>.highlight,.simplecomplete__results-list-empty>.highlight{display:inline;color:#ff64b1;border-radius:.5em}.simplecomplete__results-list-item.selected,.simplecomplete__results-list-empty.selected{font-weight:500;background:#ff64b1;color:#fff;border-radius:.5em}.simplecomplete__results-list-item.selected:hover,.simplecomplete__results-list-empty.selected:hover{background:#ff3197;color:#fff}.simplecomplete__results-list-item.selected>.highlight,.simplecomplete__results-list-empty.selected>.highlight{color:#111;background:#fffe47;padding:.125em .25em;margin:-0.125em 0}.simplecomplete__results-list-item.disabled,.simplecomplete__results-list-empty.disabled{border-radius:.5em;background:#efefef;font-style:italic}@media screen and (max-width: 992px){.simplecomplete__results-list{max-height:none}}.simplecomplete .hide{display:none}.simplecomplete.is-blankable:not(.active) .simplecomplete__value>.selected-option:after{display:none}.simplecomplete.active:not(.is-select) .simplecomplete__results{display:block}.simplecomplete.active.is-select .simplecomplete__input-field,.simplecomplete.active.is-select .simplecomplete__value,.simplecomplete:not(.is-select) .simplecomplete__input-field,.simplecomplete:not(.is-select) .simplecomplete__value{padding:1.05em}.simplecomplete.inline{display:inline-block}.simplecomplete.active{border-color:#ff64b1}@media screen and (max-width: 992px){.simplecomplete.active{position:fixed;top:0;left:0;width:100vw;height:100vh;border-color:transparent;display:flex;flex-flow:column nowrap;background:#ddd;z-index:255;border-radius:0;border:none}}@media screen and (max-width: 992px){.simplecomplete.active .simplecomplete__input{animation-name:highlightAnim;animation-duration:1.3s;animation-timing-function:ease-in-out;animation-iteration-count:1}}.simplecomplete.is-busy{border-color:rgba(255,255,255,.6);background:#ff64b1;background:linear-gradient(90deg, #ff9999 0%, #ffff99 25%, #1aff1a 50%, #9999ff 75%, #ff9999 100%);background-size:10vw 10vw;animation-name:scrollingBg;animation-iteration-count:infinite;animation-duration:3s;animation-timing-function:linear}.simplecomplete.is-busy .simplecomplete__input-field,.simplecomplete.is-busy .simplecomplete__value{border-color:#ff64b1}.simplecomplete.is-busy .simplecomplete__results-list{padding-top:1em}.simplecomplete.is-busy .simplecomplete__results-list-empty{display:none}.simplecomplete.is-busy .simplecomplete__results-list:before,.simplecomplete.is-busy .simplecomplete__results-list:after{display:block;content:"";border-radius:.5em;height:1.2em;background:#efefef;width:80%;margin:0 1em;animation-name:pulsingAnim;animation-iteration-count:infinite;animation-duration:.8s;animation-timing-function:linear}.simplecomplete.is-busy .simplecomplete__results-list:after{width:60%;margin-top:.6em}.simplecomplete:not(.has-results) .simplecomplete__results{display:none} \ No newline at end of file diff --git a/dist/min/simplecomplete.min.js b/dist/min/simplecomplete.min.js new file mode 100644 index 0000000..4ff2ca4 --- /dev/null +++ b/dist/min/simplecomplete.min.js @@ -0,0 +1 @@ +!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var r in n)("object"==typeof exports?exports:t)[r]=n[r]}}(self,(function(){return function(){var t={9662:function(t,e,n){var r=n(614),o=n(6330);t.exports=function(t){if(r(t))return t;throw TypeError(o(t)+" is not a function")}},9483:function(t,e,n){var r=n(4411),o=n(6330);t.exports=function(t){if(r(t))return t;throw TypeError(o(t)+" is not a constructor")}},6077:function(t,e,n){var r=n(614);t.exports=function(t){if("object"==typeof t||r(t))return t;throw TypeError("Can't set "+String(t)+" as a prototype")}},1223:function(t,e,n){var r=n(5112),o=n(30),i=n(3070),u=r("unscopables"),c=Array.prototype;null==c[u]&&i.f(c,u,{configurable:!0,value:o(null)}),t.exports=function(t){c[u][t]=!0}},1530:function(t,e,n){"use strict";var r=n(8710).charAt;t.exports=function(t,e,n){return e+(n?r(t,e).length:1)}},9670:function(t,e,n){var r=n(111);t.exports=function(t){if(r(t))return t;throw TypeError(String(t)+" is not an object")}},8533:function(t,e,n){"use strict";var r=n(2092).forEach,o=n(9341)("forEach");t.exports=o?[].forEach:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}},8457:function(t,e,n){"use strict";var r=n(9974),o=n(7908),i=n(3411),u=n(7659),c=n(4411),s=n(6244),a=n(6135),l=n(8554),f=n(1246);t.exports=function(t){var e=o(t),n=c(this),p=arguments.length,v=p>1?arguments[1]:void 0,h=void 0!==v;h&&(v=r(v,p>2?arguments[2]:void 0,2));var d,y,g,m,b,x,w=f(e),S=0;if(!w||this==Array&&u(w))for(d=s(e),y=n?new this(d):Array(d);d>S;S++)x=h?v(e[S],S):e[S],a(y,S,x);else for(b=(m=l(e,w)).next,y=n?new this:[];!(g=b.call(m)).done;S++)x=h?i(m,v,[g.value,S],!0):g.value,a(y,S,x);return y.length=S,y}},1318:function(t,e,n){var r=n(5656),o=n(1400),i=n(6244),u=function(t){return function(e,n,u){var c,s=r(e),a=i(s),l=o(u,a);if(t&&n!=n){for(;a>l;)if((c=s[l++])!=c)return!0}else for(;a>l;l++)if((t||l in s)&&s[l]===n)return t||l||0;return!t&&-1}};t.exports={includes:u(!0),indexOf:u(!1)}},2092:function(t,e,n){var r=n(9974),o=n(8361),i=n(7908),u=n(6244),c=n(5417),s=[].push,a=function(t){var e=1==t,n=2==t,a=3==t,l=4==t,f=6==t,p=7==t,v=5==t||f;return function(h,d,y,g){for(var m,b,x=i(h),w=o(x),S=r(d,y,3),E=u(w),O=0,j=g||c,A=e?j(h,E):n||p?j(h,0):void 0;E>O;O++)if((v||O in w)&&(b=S(m=w[O],O,x),t))if(e)A[O]=b;else if(b)switch(t){case 3:return!0;case 5:return m;case 6:return O;case 2:s.call(A,m)}else switch(t){case 4:return!1;case 7:s.call(A,m)}return f?-1:a||l?l:A}};t.exports={forEach:a(0),map:a(1),filter:a(2),some:a(3),every:a(4),find:a(5),findIndex:a(6),filterReject:a(7)}},1194:function(t,e,n){var r=n(7293),o=n(5112),i=n(7392),u=o("species");t.exports=function(t){return i>=51||!r((function(){var e=[];return(e.constructor={})[u]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},9341:function(t,e,n){"use strict";var r=n(7293);t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){throw 1},1)}))}},7475:function(t,e,n){var r=n(3157),o=n(4411),i=n(111),u=n(5112)("species");t.exports=function(t){var e;return r(t)&&(e=t.constructor,(o(e)&&(e===Array||r(e.prototype))||i(e)&&null===(e=e[u]))&&(e=void 0)),void 0===e?Array:e}},5417:function(t,e,n){var r=n(7475);t.exports=function(t,e){return new(r(t))(0===e?0:e)}},3411:function(t,e,n){var r=n(9670),o=n(9212);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){o(t,"throw",e)}}},7072:function(t,e,n){var r=n(5112)("iterator"),o=!1;try{var i=0,u={next:function(){return{done:!!i++}},return:function(){o=!0}};u[r]=function(){return this},Array.from(u,(function(){throw 2}))}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i={};i[r]=function(){return{next:function(){return{done:n=!0}}}},t(i)}catch(t){}return n}},4326:function(t){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},648:function(t,e,n){var r=n(1694),o=n(614),i=n(4326),u=n(5112)("toStringTag"),c="Arguments"==i(function(){return arguments}());t.exports=r?i:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),u))?n:c?i(e):"Object"==(r=i(e))&&o(e.callee)?"Arguments":r}},9920:function(t,e,n){var r=n(2597),o=n(3887),i=n(1236),u=n(3070);t.exports=function(t,e){for(var n=o(e),c=u.f,s=i.f,a=0;a=74)&&(r=u.match(/Chrome\/(\d+)/))&&(o=r[1]),t.exports=o&&+o},748:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},2109:function(t,e,n){var r=n(7854),o=n(1236).f,i=n(8880),u=n(1320),c=n(3505),s=n(9920),a=n(4705);t.exports=function(t,e){var n,l,f,p,v,h=t.target,d=t.global,y=t.stat;if(n=d?r:y?r[h]||c(h,{}):(r[h]||{}).prototype)for(l in e){if(p=e[l],f=t.noTargetGet?(v=o(n,l))&&v.value:n[l],!a(d?l:h+(y?".":"#")+l,t.forced)&&void 0!==f){if(typeof p==typeof f)continue;s(p,f)}(t.sham||f&&f.sham)&&i(p,"sham",!0),u(n,l,p,t)}}},7293:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},7007:function(t,e,n){"use strict";n(4916);var r=n(1320),o=n(2261),i=n(7293),u=n(5112),c=n(8880),s=u("species"),a=RegExp.prototype;t.exports=function(t,e,n,l){var f=u(t),p=!i((function(){var e={};return e[f]=function(){return 7},7!=""[t](e)})),v=p&&!i((function(){var e=!1,n=/a/;return"split"===t&&((n={}).constructor={},n.constructor[s]=function(){return n},n.flags="",n[f]=/./[f]),n.exec=function(){return e=!0,null},n[f](""),!e}));if(!p||!v||n){var h=/./[f],d=e(f,""[t],(function(t,e,n,r,i){var u=e.exec;return u===o||u===a.exec?p&&!i?{done:!0,value:h.call(e,n,r)}:{done:!0,value:t.call(n,e,r)}:{done:!1}}));r(String.prototype,t,d[0]),r(a,f,d[1])}l&&c(a[f],"sham",!0)}},9974:function(t,e,n){var r=n(9662);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 0:return function(){return t.call(e)};case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},6530:function(t,e,n){var r=n(9781),o=n(2597),i=Function.prototype,u=r&&Object.getOwnPropertyDescriptor,c=o(i,"name"),s=c&&"something"===function(){}.name,a=c&&(!r||r&&u(i,"name").configurable);t.exports={EXISTS:c,PROPER:s,CONFIGURABLE:a}},5005:function(t,e,n){var r=n(7854),o=n(614),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},1246:function(t,e,n){var r=n(648),o=n(8173),i=n(7497),u=n(5112)("iterator");t.exports=function(t){if(null!=t)return o(t,u)||o(t,"@@iterator")||i[r(t)]}},8554:function(t,e,n){var r=n(9662),o=n(9670),i=n(1246);t.exports=function(t,e){var n=arguments.length<2?i(t):e;if(r(n))return o(n.call(t));throw TypeError(String(t)+" is not iterable")}},8173:function(t,e,n){var r=n(9662);t.exports=function(t,e){var n=t[e];return null==n?void 0:r(n)}},7854:function(t,e,n){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof n.g&&n.g)||function(){return this}()||Function("return this")()},2597:function(t,e,n){var r=n(7908),o={}.hasOwnProperty;t.exports=Object.hasOwn||function(t,e){return o.call(r(t),e)}},3501:function(t){t.exports={}},490:function(t,e,n){var r=n(5005);t.exports=r("document","documentElement")},4664:function(t,e,n){var r=n(9781),o=n(7293),i=n(317);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},8361:function(t,e,n){var r=n(7293),o=n(4326),i="".split;t.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},9587:function(t,e,n){var r=n(614),o=n(111),i=n(7674);t.exports=function(t,e,n){var u,c;return i&&r(u=e.constructor)&&u!==n&&o(c=u.prototype)&&c!==n.prototype&&i(t,c),t}},2788:function(t,e,n){var r=n(614),o=n(5465),i=Function.toString;r(o.inspectSource)||(o.inspectSource=function(t){return i.call(t)}),t.exports=o.inspectSource},9909:function(t,e,n){var r,o,i,u=n(8536),c=n(7854),s=n(111),a=n(8880),l=n(2597),f=n(5465),p=n(6200),v=n(3501),h="Object already initialized",d=c.WeakMap;if(u||f.state){var y=f.state||(f.state=new d),g=y.get,m=y.has,b=y.set;r=function(t,e){if(m.call(y,t))throw new TypeError(h);return e.facade=t,b.call(y,t,e),e},o=function(t){return g.call(y,t)||{}},i=function(t){return m.call(y,t)}}else{var x=p("state");v[x]=!0,r=function(t,e){if(l(t,x))throw new TypeError(h);return e.facade=t,a(t,x,e),e},o=function(t){return l(t,x)?t[x]:{}},i=function(t){return l(t,x)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!s(e)||(n=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}}},7659:function(t,e,n){var r=n(5112),o=n(7497),i=r("iterator"),u=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||u[i]===t)}},3157:function(t,e,n){var r=n(4326);t.exports=Array.isArray||function(t){return"Array"==r(t)}},614:function(t){t.exports=function(t){return"function"==typeof t}},4411:function(t,e,n){var r=n(7293),o=n(614),i=n(648),u=n(5005),c=n(2788),s=[],a=u("Reflect","construct"),l=/^\s*(?:class|function)\b/,f=l.exec,p=!l.exec((function(){})),v=function(t){if(!o(t))return!1;try{return a(Object,s,t),!0}catch(t){return!1}};t.exports=!a||r((function(){var t;return v(v.call)||!v(Object)||!v((function(){t=!0}))||t}))?function(t){if(!o(t))return!1;switch(i(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}return p||!!f.call(l,c(t))}:v},4705:function(t,e,n){var r=n(7293),o=n(614),i=/#|\.prototype\./,u=function(t,e){var n=s[c(t)];return n==l||n!=a&&(o(e)?r(e):!!e)},c=u.normalize=function(t){return String(t).replace(i,".").toLowerCase()},s=u.data={},a=u.NATIVE="N",l=u.POLYFILL="P";t.exports=u},111:function(t,e,n){var r=n(614);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},1913:function(t){t.exports=!1},7850:function(t,e,n){var r=n(111),o=n(4326),i=n(5112)("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},2190:function(t,e,n){var r=n(614),o=n(5005),i=n(3307);t.exports=i?function(t){return"symbol"==typeof t}:function(t){var e=o("Symbol");return r(e)&&Object(t)instanceof e}},9212:function(t,e,n){var r=n(9670),o=n(8173);t.exports=function(t,e,n){var i,u;r(t);try{if(!(i=o(t,"return"))){if("throw"===e)throw n;return n}i=i.call(t)}catch(t){u=!0,i=t}if("throw"===e)throw n;if(u)throw i;return r(i),n}},3383:function(t,e,n){"use strict";var r,o,i,u=n(7293),c=n(614),s=n(30),a=n(9518),l=n(1320),f=n(5112),p=n(1913),v=f("iterator"),h=!1;[].keys&&("next"in(i=[].keys())?(o=a(a(i)))!==Object.prototype&&(r=o):h=!0),null==r||u((function(){var t={};return r[v].call(t)!==t}))?r={}:p&&(r=s(r)),c(r[v])||l(r,v,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:h}},7497:function(t){t.exports={}},6244:function(t,e,n){var r=n(7466);t.exports=function(t){return r(t.length)}},133:function(t,e,n){var r=n(7392),o=n(7293);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},8536:function(t,e,n){var r=n(7854),o=n(614),i=n(2788),u=r.WeakMap;t.exports=o(u)&&/native code/.test(i(u))},30:function(t,e,n){var r,o=n(9670),i=n(6048),u=n(748),c=n(3501),s=n(490),a=n(317),l=n(6200)("IE_PROTO"),f=function(){},p=function(t){return"