@ulu/frontend 0.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Jscherbe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# Frontend Library
+
+Front end development library (SCSS, JS, Vue)
+
+[Full Documentation](https://jscherbe.github.io/frontend/)
+
+## SCSS Library
+
+This is the sass library. Set up for packaged use (under on namespace) and individual module use (importing modules directly

package/dist/ulu-frontend.min.css

@@ -0,0 +1 @@
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}table{text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;line-height:inherit;font-size:inherit;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{text-transform:none;text-align:inherit;background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);border-radius:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*,::before,::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{color:#000;background-color:#fff;font-family:ui-sans-serif,"Open Sans",Helvetica,Arial,sans-serif;margin:0;font-size:1rem;font-size:calc(1rem + 0.05vw);line-height:1.5}body:before{display:none;content:"none"}@media screen and (min-width: 43.5em){body:before{content:"small"}}@media screen and (min-width: 76em){body:before{content:"medium"}}@media screen and (min-width: 94.75em){body:before{content:"large"}}h1,h2,h3,h4,h5,h6,ul,ol,li,pre,code,p{margin:0;padding:0;font-size:inherit;font-family:inherit;border-width:0;border-style:solid;font-weight:inherit}p{margin-top:0;margin-bottom:1em}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}small{font-size:.8705505633rem;font-size:calc(0.8705505633rem + 0.05vw);line-height:1.3}sub{bottom:-0.25em}sup{top:-0.5em}b,strong{font-weight:bold}form{width:100%}code,kbd,samp,pre{font-family:Menlo,Consolas,Monaco,monospace}hr{height:0;border:0;box-sizing:content-box;overflow:visible;margin:1em 0;border-bottom:1px solid gray}iframe{border:0;outline:0}figure{margin:0}img{display:block;width:auto;height:auto;max-width:100%;border-style:none}ul{list-style:none}ol{list-style:none}a{color:blue;text-decoration:none}a:hover{color:#00008b}[role=tab]{cursor:pointer}dt{font-weight:bold}[hidden],template{display:none}blockquote{margin:0}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes FadeDownIn{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translatex(-10px)}100%{opacity:1;transform:translatex(0)}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(0)}50%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.h1{font-size:2.29739671rem;font-size:calc(2.29739671rem + 0.05vw);font-weight:bold;line-height:1.4461633138}.h2{font-size:2rem;font-size:calc(2rem + 0.05vw);font-weight:bold;line-height:1.455}.h3{font-size:1.7411011266rem;font-size:calc(1.7411011266rem + 0.05vw);font-weight:bold;line-height:1.4638906822}.h4{font-size:1.5157165665rem;font-size:calc(1.5157165665rem + 0.05vw);font-weight:bold;line-height:1.4728356903}.h5{font-size:1.3195079108rem;font-size:calc(1.3195079108rem + 0.05vw);font-weight:bold;line-height:1.4818353563}.h6{font-size:1.148698355rem;font-size:calc(1.148698355rem + 0.05vw);font-weight:bold;line-height:1.4908900142}.color-context-dark{background-color:#000;color:#fff}.color-context-light{background-color:#fff;color:#000}.container{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:90rem;padding-left:2rem;padding-right:2rem;padding-top:2rem;padding-bottom:2rem}.layout-flex{display:flex}.layout-flex-justified{display:flex;justify-content:space-between}.layout-flex-center{display:flex;align-items:center}.layout-flex-center-all{display:flex;align-items:center;justify-content:center}.layout-flex-justify-end{display:flex;justify-content:flex-end}.layout-flex-baseline{display:flex;align-items:baseline}.layout-flex-end{display:flex;align-items:flex-end}.layout-flex-column{display:flex;flex-direction:column}.layout-flex-column-center{display:flex;flex-direction:column;justify-content:center}.links:not(.links--no-visited) a,.link:not(.link--no-visited){color:blue;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:initial;text-decoration-thickness:.1em;text-underline-offset:auto}.links:not(.links--no-visited) a:hover,.link:not(.link--no-visited):hover{color:#00008b;text-decoration-style:solid;text-decoration-color:false}.links:not(.links--no-visited) a:visited,.link:not(.link--no-visited):visited{color:purple}.links:not(.links--no-visited) a:active,.link:not(.link--no-visited):active{color:#00008b}.links--no-visited a,.link--no-visited{color:blue;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:initial;text-decoration-thickness:.1em;text-underline-offset:auto}.links--no-visited a:hover,.link--no-visited:hover{color:#00008b;text-decoration-style:solid;text-decoration-color:false}.links.links--no-underline a,.link.link--no-underline{text-decoration:none}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;text-transform:none;text-align:center;text-shadow:none;vertical-align:middle;font-family:inherit;font-weight:bold;font-size:1rem;font-size:calc(1rem + 0.05vw);border-radius:2rem;background-clip:padding-box;padding:.75em 1.5em;line-height:1.1;letter-spacing:.02em;box-shadow:0 1px 5px rgba(0,0,0,.349);margin:.45em .5em .45em 0;min-width:9rem;white-space:nowrap;max-width:100%;flex-shrink:0}.button,.button:visited{color:#fff;border:0 solid rgba(0,0,0,0);background-color:#4d4d4d;text-decoration:none}.button:last-child{margin-right:0}.button:hover,.button:focus{color:#fff;background-color:#000;border-color:rgba(0,0,0,0);text-decoration:none}.button__icon:first-child{margin-right:1em}.button__icon:last-child{margin-left:1em}.button--small{padding:.35em 1.5em;min-width:0}.button--large{padding:1em 2em;min-width:11rem}.button--transparent,.button--transparent:visited{background-color:rgba(0,0,0,0);color:#000;border-color:rgba(0,0,0,0);box-shadow:none}.button--transparent:hover,.button--transparent:focus{background-color:#fff;color:inherit;border-color:rgba(0,0,0,0);box-shadow:none}.button--outline,.button--outline:visited{background-color:rgba(0,0,0,0);color:#000;border-color:gray;box-shadow:none}.button--outline:hover,.button--outline:focus{background-color:#fff;color:#000;border-color:gray;box-shadow:none}.button--icon{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:none;border-radius:50%;font-size:1.38rem;width:2.5rem;height:2.5rem;padding:0 !important}.button--small.button--icon{width:2rem;height:2rem;font-size:1rem}.button--large.button--icon{width:3.5rem;height:3.5rem}.rule{border-bottom:1px solid gray;margin-top:1em;margin-bottom:1em}.rule--content-on-top{position:relative}.rule--content-on-top>*{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:100%;padding:.5em;margin:0}.rule--default{border-bottom:1px solid gray}.rule--light{border-bottom:1px solid #d3d3d3}.rule--margin-smallest{margin-top:.5rem;margin-bottom:.5rem}.rule--margin-small{margin-top:1rem;margin-bottom:1rem}.rule--margin-medium{margin-top:2rem;margin-bottom:2rem}.rule--margin-large{margin-top:3rem;margin-bottom:3rem}.rule--short{width:2.75rem;max-width:100%;border-bottom-width:4px}.list-lines{list-style:none;margin:0 0 1em 0;padding:0;border-top:1px solid #d3d3d3}.list-lines>li{border-bottom:1px solid #d3d3d3;padding:1em 0}.list-lines>li>*:last-child{margin-bottom:0}.list-lines--dense>li{padding:.5em 0;line-height:1.3}.list-unordered{list-style:disc outside}.list-unordered li{margin-left:1.5em;margin-bottom:.65em}.list-unordered li::marker{color:inherit}.list-unordered ul{list-style-type:circle}.list-unordered ul ul{list-style-type:square}.list-unordered ul,.list-unordered ol{margin-top:.65em;margin-bottom:.65em}.list-unordered li::marker{color:inherit}.list-ordered{margin-bottom:1em;list-style:decimal outside}.list-ordered li{margin-bottom:.65em;margin-left:1.5em}.list-ordered>li::marker{color:inherit}.list-ordered ol{list-style-type:lower-alpha}.list-ordered ol ol{list-style-type:lower-roman}.list-ordered ul,.list-ordered ol{margin-top:.65em;margin-bottom:.65em}.type-small-x{font-size:.7578582833rem;font-size:calc(0.7578582833rem + 0.05vw);line-height:1.5}.type-small{font-size:.8705505633rem;font-size:calc(0.8705505633rem + 0.05vw);line-height:1.5}.type-base{font-size:1rem;font-size:calc(1rem + 0.05vw);line-height:1.5}.type-large{font-size:1.148698355rem;font-size:calc(1.148698355rem + 0.05vw);line-height:1.4908900142}.type-large-x{font-size:1.3195079108rem;font-size:calc(1.3195079108rem + 0.05vw);line-height:1.4818353563}.type-large-xx{font-size:1.5157165665rem;font-size:calc(1.5157165665rem + 0.05vw);line-height:1.4728356903}.type-large-xxx{font-size:1.7411011266rem;font-size:calc(1.7411011266rem + 0.05vw);line-height:1.4638906822}.type-inherit{font-size:inherit;line-height:inherit}.type-light{font-weight:300}.type-normal{font-weight:normal}.type-semibold{font-weight:600}.type-bold{font-weight:bold}.type-truncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.type-italic{font-style:italic}.type-center{text-align:center}.type-left{text-align:left}.type-right{text-align:right}.type-upper{text-transform:uppercase;letter-spacing:.04em}.type-lower{text-transform:lowercase}.type-title{text-transform:capitalize}.type-family{font-family:ui-sans-serif,"Open Sans",Helvetica,Arial,sans-serif}.type-family-sans{font-family:ui-sans-serif,"Open Sans",Helvetica,Arial,sans-serif}.type-family-serif{font-family:Cambria,Georgia,serif}.type-family-mono{font-family:Menlo,Consolas,Monaco,monospace}.type-word-break{word-break:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.type-word-break-all{word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.type-max-width{max-width:60rem}.type-max-width-small{max-width:50rem}.line-height-dense{line-height:1.3}.line-height-spaced{line-height:1.75}.margin{margin:1rem}.margin-auto{margin:auto}.margin-small-x{margin:.5rem}.margin-small{margin:.75rem}.margin-default{margin:1rem}.margin-large{margin:2rem}.margin-large-x{margin:3rem}.margin-large-xx{margin:4rem}.margin-top{margin-top:1rem}.margin-top-auto{margin-top:auto}.margin-top-small-x{margin-top:.5rem}.margin-top-small{margin-top:.75rem}.margin-top-default{margin-top:1rem}.margin-top-large{margin-top:2rem}.margin-top-large-x{margin-top:3rem}.margin-top-large-xx{margin-top:4rem}.margin-bottom{margin-bottom:1rem}.margin-bottom-auto{margin-bottom:auto}.margin-bottom-small-x{margin-bottom:.5rem}.margin-bottom-small{margin-bottom:.75rem}.margin-bottom-default{margin-bottom:1rem}.margin-bottom-large{margin-bottom:2rem}.margin-bottom-large-x{margin-bottom:3rem}.margin-bottom-large-xx{margin-bottom:4rem}.margin-left{margin-left:1rem}.margin-left-auto{margin-left:auto}.margin-left-small-x{margin-left:.5rem}.margin-left-small{margin-left:.75rem}.margin-left-default{margin-left:1rem}.margin-left-large{margin-left:2rem}.margin-left-large-x{margin-left:3rem}.margin-left-large-xx{margin-left:4rem}.margin-right{margin-right:1rem}.margin-right-auto{margin-right:auto}.margin-right-small-x{margin-right:.5rem}.margin-right-small{margin-right:.75rem}.margin-right-default{margin-right:1rem}.margin-right-large{margin-right:2rem}.margin-right-large-x{margin-right:3rem}.margin-right-large-xx{margin-right:4rem}.padding{padding:1rem}.padding-small-x{padding:.5rem}.padding-small{padding:.75rem}.padding-default{padding:1rem}.padding-large{padding:2rem}.padding-large-x{padding:3rem}.padding-large-xx{padding:4rem}.padding-top{padding-top:1rem}.padding-top-small-x{padding-top:.5rem}.padding-top-small{padding-top:.75rem}.padding-top-default{padding-top:1rem}.padding-top-large{padding-top:2rem}.padding-top-large-x{padding-top:3rem}.padding-top-large-xx{padding-top:4rem}.padding-bottom{padding-bottom:1rem}.padding-bottom-small-x{padding-bottom:.5rem}.padding-bottom-small{padding-bottom:.75rem}.padding-bottom-default{padding-bottom:1rem}.padding-bottom-large{padding-bottom:2rem}.padding-bottom-large-x{padding-bottom:3rem}.padding-bottom-large-xx{padding-bottom:4rem}.padding-left{padding-left:1rem}.padding-left-small-x{padding-left:.5rem}.padding-left-small{padding-left:.75rem}.padding-left-default{padding-left:1rem}.padding-left-large{padding-left:2rem}.padding-left-large-x{padding-left:3rem}.padding-left-large-xx{padding-left:4rem}.padding-right{padding-right:1rem}.padding-right-small-x{padding-right:.5rem}.padding-right-small{padding-right:.75rem}.padding-right-default{padding-right:1rem}.padding-right-large{padding-right:2rem}.padding-right-large-x{padding-right:3rem}.padding-right-large-xx{padding-right:4rem}.hidden-visually{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.hidden-visually-focusable:not(:active):not(:focus){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.clearfix,.cf{*zoom:1}.clearfix:before,.clearfix:after,.cf:before,.cf:after{content:"";display:table;flex-basis:0;order:1}.clearfix:after,.cf:after{clear:both}.display-block{display:block}.display-flex{display:flex}.display-inline-flex{display:inline-flex}.display-inline{display:inline}.display-inline-all *{display:inline}.display-inline-block{display:inline-block}.hidden,.display-none{display:none}@media screen and (min-width: 43.5em){.hidden-min-small{display:none}}@media screen and (max-width: 43.49em){.hidden-max-small{display:none}}@media screen and (min-width: 76em){.hidden-min-medium{display:none}}@media screen and (max-width: 75.99em){.hidden-max-medium{display:none}}@media screen and (min-width: 94.75em){.hidden-min-large{display:none}}@media screen and (max-width: 94.74em){.hidden-max-large{display:none}}.no-scroll-y{overflow-y:hidden}.no-scroll-x{overflow-x:hidden}.full-height{height:100%}.full-width{width:100%}.flex-basis-full{flex-basis:100%}.full-min-height{min-height:100%}.image-fill{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-full-width img,.image-full-width{width:100%;height:auto}.margin-auto,.center{margin-left:auto;margin-right:auto}.margin-left-auto{margin-left:auto}.margin-right-auto{margin-right:auto}.no-margin{margin:0}.no-margin-top{margin-top:0}.no-margin-bottom{margin-bottom:0}.no-margin-left{margin-left:0}.no-margin-right{margin-right:0}.no-padding{padding:0}.no-padding-top{padding-top:0}.no-padding-bottom{padding-bottom:0}.no-padding-left{padding-left:0}.no-padding-right{padding-right:0}.align-self-start{align-self:start}.align-self-center{align-self:center}.align-self-end{align-self:end}.align-self-baseline{align-self:baseline}@media(print){.no-print{display:none}*{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;filter:none !important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.color-black{color:#000}.color-white{color:#fff}.color-type{color:#000}

package/dist/ulu-frontend.min.js

@@ -0,0 +1 @@
+!function(){var t={398:function(){Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(t){var e=this;do{if(Element.prototype.matches.call(e,t))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType);return null})}},e={};function n(i){var o=e[i];if(void 0!==o)return o.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}!function(){"use strict";n(398);var t,e,i,o,r,a={pageModified:function(t){t.dispatchEvent(new Event(s("pageModified"),{bubbles:!0}))},pageResized:function(t){t.dispatchEvent(new Event(s("pageResized"),{bubbles:!0}))}};function s(t){return"ulu:"+t}function u(t,e){var n=t.indexOf(e);n>-1&&t.splice(n,1)}function c(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}window.addEventListener("resize",(t=function(){return t="pageResized",e=document,void(a[t]?a[t](e):console.warn("Unable to dispatch site event: ".concat(t," in context:"),e));var t,e},e=250,function(){var n=o||this,a=arguments,s=i&&!r;clearTimeout(r),r=setTimeout((function(){r=null,i||t.apply(n,a)}),e),s&&t.apply(n,a)}));var f={debug:!1,warningsAlways:!0,errorsAlways:!0,outputContext:!1},h="console"in window;function p(t){return h&&f.debug&&((null==t?void 0:t.debug)||null==t)}function d(t,e,n){var i,o,r=function(t){var e;return"object"===l(t)&&(null==t||null===(e=t.constructor)||void 0===e?void 0:e.name)}(e)||"Logger";(i=console)[t].apply(i,[r].concat(function(t){if(Array.isArray(t))return c(t)}(o=n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||function(t,e){if(t){if("string"==typeof t)return c(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(t,e):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),f.outputContext&&console.log("Context:\n",e)}function y(t){if(p(t)){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];d("log",t,n)}}function m(t){if(f.errorsAlways||p(t)){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];d("error",t,n)}}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function b(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==v(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,"string");if("object"!==v(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(i.key),"symbol"===v(o)?o:String(o)),i)}var o}function w(t,e,n){return e&&g(t.prototype,e),n&&g(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}window.addEventListener(s("pageResized"),(function(){k.instances.forEach((function(t){return t.update()}))}));var k=function(){function t(e){var n=this;b(this,t),e.order||m(this,"Missing order (required)!"),Object.assign(this,t.defaults,e),this.active=null,this.previous=null,this.activeIndex=null,this.resizeDirection=null,this.previousIndex=null,this.breakpoints={},this.order.forEach((function(t){return n.breakpoints[t]=new x(t,n)})),y(this,this),this.update(),t.instances.push(this)}return w(t,[{key:"getBreakpoint",value:function(){return window.getComputedStyle(this.element,this.psuedoSelector).content.replace(/^"|"$/g,"")}},{key:"update",value:function(){var t=this,e=this.getBreakpoint();if(e!==this.active){this.previous=this.active,this.previousIndex=this.activeIndex;var n=this.order.indexOf(e);this.active=e,this.activeIndex=n;var i=this.at(this.active),o=function(e){return t.at(e)},r=this.order.slice(n).map(o),a=this.order.slice(0,n).map(o),s=this.order.slice(0,n+1).map(o),u=this.order.slice(n+1).map(o),c=this.order.slice().map(o);c.splice(n,1),y(this,"max:",r.map((function(t){return t.name})).join()),y(this,"min:",s.map((function(t){return t.name})).join()),r.forEach((function(t){return t._setDirection("max",!0)})),s.forEach((function(t){return t._setDirection("min",!0)})),i._setDirection("only",!0),a.forEach((function(t){return t._setDirection("max",!1)})),u.forEach((function(t){return t._setDirection("min",!1)})),c.forEach((function(t){return t._setDirection("only",!1)})),null!==this.previousIndex&&(this.resizeDirection=this.previousIndex<n?"up":"down")}}},{key:"at",value:function(t){var e=this.breakpoints[t];return t||m(this,"Unable to find breakpoint for:",e),e}}]),t}();k.instances=[],k.defaults={element:document.body,psuedoSelector:":before",debug:!1};var E=function(){function t(e,n){b(this,t),this.direction=e,this.active=!1,this.on=[],this.off=[],this.breakpoint=n}return w(t,[{key:"change",value:function(t){this.active!==t&&(t?this._call(!0):this.active&&this._call(!1),this.active=t)}},{key:"_call",value:function(t){(t?this.on:this.off).forEach((function(t){return t()})),y(this.breakpoint._manager,"Handlers called (".concat(t?"on":"off","): ").concat(this.direction))}},{key:"getHandlers",value:function(t){return"object"!==v(t)?{on:t}:t}},{key:"add",value:function(t){var e=this.getHandlers(t);e.on&&this.on.push(e.on),e.off&&this.off.push(e.off),this.active&&e.on&&(e.on(),y(this.breakpoint._manager,"Handler called immediately: ".concat(this.direction),e.on))}},{key:"remove",value:function(t){var e=this.getHandlers(t);e.on&&u(this.on,e.on),e.off&&u(this.off,e.off)}}]),t}(),x=function(){function t(e,n){b(this,t),this.directions={max:new E("max",this),min:new E("min",this),only:new E("only",this)},this._manager=n,this.name=e}return w(t,[{key:"_setDirection",value:function(t,e){this.directions[t].change(e)}},{key:"max",value:function(t){this.directions.max.add(t)}},{key:"min",value:function(t){this.directions.min.add(t)}},{key:"only",value:function(t){this.directions.only.add(t)}},{key:"remove",value:function(t,e){(e?[e]:["max","min","only"]).forEach((function(e){return e.remove(t)}))}},{key:"log",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];e.unshift("Breakpoint (".concat(this.name,"):")),this._manager.log.apply(this._manager,e)}}]),t}()}()}();

package/index.js

@@ -0,0 +1,2 @@
+import "./scss/stylesheets/full.scss";
+import "./js/index.js"

package/js/deprecated/doc-ready.js

@@ -0,0 +1,28 @@
+// =============================================================================
+// Doc Ready - Script
+// =============================================================================
+
+// Version:         1.0.0
+
+// Description:     Simple script that will add a property to the window for 
+//                  other scripts to access. Functions will be fired after
+//                  DomContentLoaded. 
+
+
+(function(d) {
+  var callbacks = [],
+      fired = false;
+  
+  window.onDocReady = function(callback) {
+    if (fired) callback();
+    else callbacks.push(callback);
+  };
+  
+  d.addEventListener("DOMContentLoaded", function() {
+    fired = true;
+    for (var i = 0; i < callbacks.length; i++) {
+      callbacks[i]();
+    }
+  });
+  
+}(document));

package/js/deprecated/jquery-prototypes.js

@@ -0,0 +1,309 @@
+// =============================================================================
+// Jquery Prototypes
+// =============================================================================
+
+// Version:         2.0.0
+
+// Description:     All of our simple jQuery prototypes
+
+// Change log:      2.0.0 | Converted to ES Module with exports (so we can pick and choose)
+
+const $ = jQuery;
+
+// FUnction to do conditions in chaining sequences
+export function when(condition, method, argumentsArray) {
+  if (!Array.isArray(argumentsArray)) argumentsArray = [argumentsArray];
+  if (typeof condition === 'function') condition = condition.apply(this, argumentsArray);
+  if (condition) this[method].apply(this, argumentsArray);
+  return condition ? this[method].apply(this, argumentsArray) : this;
+}
+export function mergeObjects() {
+  var collect = $([]).add(this);
+  for (var i = 0; i < arguments.length; i++) collect = collect.add(arguments[i]);
+  return collect;
+}
+export function updateSelection() {
+  var elements = $(this.selector);
+  this.splice(0, this.length);
+  this.push.apply(this, elements);
+  return this;
+}
+export function findFromRoot(selector) {
+    return this.filter(selector).add(this.find(selector));
+}
+export function dataExplode(attrName, delimiter) {
+  var dataFound = this.data(attrName);
+  return dataFound !== undefined && typeof dataFound === 'string' ? dataFound.split('|') : false;
+}
+export function isOverflowingY() {
+  var el = this[0];
+  return el.offsetHeight < el.scrollHeight;
+}    
+export function isOverflowingX() {
+  var el = this[0];
+  return el.offsetWidth < el.scrollWidth;
+}    
+export function escapeSelector(stringPasssed) {
+  return stringPasssed.replace(/(:|\.|\[|\]|,)/g, "\\$1");
+}
+export function getControlled(attr) {
+  if (!attr) attr =  'aria-controls';
+  var id = this.attr(attr);
+  return $('#'+id);
+}
+export function getControls(attr) {
+  if (!attr) attr =  'aria-controls';
+  var id = this.attr('id');
+  return $('['+attr+'='+id+']');
+}
+export function queryVar(variable) {
+  var query = curQueryVars,
+      vars = query.split("&");
+  for (var i=0;i<vars.length;i++) {
+    var pair = vars[i].split("=");
+    if(pair[0] == variable){return pair[1];}
+  }
+  return(false);
+}
+export function eachMatchingIndexes(method, collection) {
+  this.each(function(i) {
+    $(this)[method](collection[i]);
+  });
+  return this;
+}
+export function makeFocusable(forScripts, firstDescendant) {
+
+  var el = this,
+      tabindex = forScripts ? -1 : 0;
+  // If they said first descendant (that is focusable)
+  if (firstDescendant) {
+    var newEl = el.find(_g.focus.titleEl+', '+_g.focus.elFocusable).not('[aria-hidden="true"]');
+    if (newEl.length) {
+      el = newEl;
+    }
+  }
+  el = el.first();
+  if (!el.is(_g.focus.elFocusable)) el.attr('tabindex', tabindex);  // Make focusable by scripts 
+
+  return el;
+}
+export function attrBooleanToggle(attribute, forceState) {
+  this.attr(attribute, function(i, iString) {
+    if (forceState === true || forceState === false) return forceState;
+    if (iString === 'true') return 'false';
+    return 'true';
+  });
+  return this;
+}
+export function checkIdAndSet(stringForId) {
+  if ($(this).attr('id')) {
+    return (this).attr('id');
+  } else {
+    var id = stringForId === undefined ? _g.uniqueId() : stringForId; // If they don't pass string use global method.
+    $(this).attr('id', id); // Assign id
+    return id; // Return Id for user's use
+  }
+}
+export function scrollParent() {
+  var overflowRegex = /(auto|scroll)/,
+  position = this.css( "position" ),
+  excludeStaticParent = position === "absolute",
+  scrollParent = this.parents().filter( function() {
+    var parent = $( this );
+    if ( excludeStaticParent && parent.css( "position" ) === "static" ) {
+      return false;
+    }
+    var overflowState = parent.css(["overflow", "overflowX", "overflowY"]);
+    return (overflowRegex).test( overflowState.overflow + overflowState.overflowX + overflowState.overflowY );
+  }).eq( 0 );
+
+  return position === "fixed" || !scrollParent.length ? $( this[ 0 ].ownerDocument || document ) : scrollParent;
+}
+export function scrollParentY() {
+  var overflowRegex = /(auto|scroll)/,
+  position = this.css( "position" ),
+  excludeStaticParent = position === "absolute",
+  scrollParent = this.parents().filter( function() {
+    var parent = $( this );
+    if ( excludeStaticParent && parent.css( "position" ) === "static" ) {
+      return false;
+    }
+    var overflowState = parent.css(["overflowY"]);
+    return (overflowRegex).test(overflowState.overflowY );
+  }).eq( 0 );
+
+  return position === "fixed" || !scrollParent.length ? $htmlBody : scrollParent;
+}
+export function removeClassStartsWith(stringPassed) {
+  this.removeClass(function (index, classes) {
+
+    // This function splits into an array
+    // Then filters out the passed string
+    // Then returns it joined as space seperated
+    // Jquery then removes those classes
+    
+    return classes
+      .split(' ')
+      .filter(function(value) {
+        return value.includes(stringPassed);
+      })
+      .join(' ');
+  });
+
+  // For Chaining
+  return this;
+}
+export function doesExist(callback){
+  if (this.length) {
+    if (callback) callback.call(this);
+    return true;
+  } 
+}
+export function notExist(callback){
+  if (this.length <= 0) {
+    if (callback) callback.call(this);
+    return true;
+  } 
+}
+export function sortByDepth() {
+  // Sorts jquery object by deepest to shallowest item
+  var ar = this.map(function() {
+      return {length: $(this).parents().length, elt: this};
+  }).get(),
+  result = [],
+  i = ar.length;
+  ar.sort(function(a, b) {
+    return a.length - b.length;
+  });
+  while (i--) {
+    result.push(ar[i].elt);
+  }
+  return $(result);
+};
+// throttleScroll
+export function throttleScroll(eventName, optionalHandler) {
+  var posLastY = 0,
+      posLastX = 0,
+      lastFrameComplete = true,
+      el = this;
+
+  // Internal function for touch move and scroll
+  function scrollHandler(event) {
+
+    var posY = el.scrollTop(),
+        posX = el.scrollLeft(),
+        elHeight = el.innerHeight(); // cOme back
+
+    if (lastFrameComplete && (posLastY !== posY || posLastX !== posX)) {
+
+      var scrollData = {
+        positionY: posY,
+        positionX: posX,
+        height: elHeight,
+        positionLastY: posLastY,
+        positionLastX: posLastX,
+        direction: posLastY > posY ? 'up' :'down'
+      };
+
+      posLastY = posY;
+      posLastX = posX;
+      lastFrameComplete = false;
+
+      requestAnimationFrame(function(){
+        el.trigger(eventName, [scrollData, event]);
+        lastFrameComplete = true;
+      });
+    } 
+  }
+
+  // Attach our throttling handler
+  el.on('scroll touchmove', scrollHandler);
+  // If they passed a handler attach it
+  if (optionalHandler) el.on(eventName, optionalHandler);
+  // Chaining
+  return scrollHandler;
+};
+
+export function copyAttributes() {
+  var attrs = {};
+
+  $.each(this[0].attributes, function(idx, attr) {
+      attrs[attr.nodeName] = attr.nodeValue;
+  });
+
+  return attrs;
+};
+export function attributesFrom(elFrom, overwrite) {
+  var $this = this;
+  $.each(elFrom[0].attributes, function(idx, attr) {
+      $this.attr(attr.nodeName, attr.nodeValue);
+  });
+  return this;
+};
+export function changeElementType(newType) {
+
+  var attrs = this.copyAttributes(),
+      newElement = $("<" + newType + "/>", attrs).append($(this).contents());
+
+  this.replaceWith(newElement);
+  return newElement;
+};
+// This function accepts a string to search for and if found will use the "change" argument passed.
+// Since this is using the string replace() function you can use either a function or a string.
+// Using :contains  selector vs anything reg-ex or filter related because it is extremely fast 
+// in tests and the search could be deep. Contains will give us both the element with the 
+// text and the parents (unfortunate). So once we have them we filter by nodeType 3 which
+// is text nodes. And then check if that node has the string. If it does we run replace with 
+// the string and call the users callback for the replacement.
+export function replaceText(find, change, filterSelector) {
+  this
+    .find(':contains(' + find + ')')
+    .filter(filterSelector || null)
+    .contents()
+    .filter(function() { 
+      return this.nodeType === 3 && this.nodeValue.includes(find); 
+    })
+    .each(function() {
+      var newNode = document.createElement('span');
+      newNode.innerHTML = this.nodeValue.replace(find, change);
+      this.parentNode.insertBefore(newNode, this);
+      this.parentNode.removeChild(this);
+    });
+  return this;
+};
+// Better jqeury.each(), passes the $(this) that everyone makes into a variable anyways
+// This is based on prototype.each which uses jQuery.each(object, callback) so it 
+// should perform as well. Test here: https://codepen.io/Jscherbe/pen/pZMZOo
+export function forEach(callback) {
+  var $t;
+  for (var i = 0; i < this.length; i++) {
+    $t = $(this[i]);
+    if (callback.call($t, i, $t) === false) break;
+  }
+  return this;
+};
+export function isOutside(context) {
+  return !context.has(this).length || context.is(this);
+};
+export function apply(fn, args) {
+  fn.apply(this, args);
+  return this; 
+};
+export function hasAttr(name) {
+  var attr = this.attr(name);
+  return !(typeof attr !== undefined && attr !== false);
+};
+export function debounce(func, wait, immediate, valueThis) {
+  var timeout;
+    return function() {
+    var context = valueThis || this, args = arguments;
+    var later = function() {
+      timeout = null;
+      if (!immediate) func.apply(context, args);
+    };
+    var callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) func.apply(context, args);
+  };
+};

package/js/deprecated/mini-collapsible-popper-positioning.js

@@ -0,0 +1,126 @@
+// Version:         1.0.2
+
+// Changes:         1.0.2 | Added ability for user to pass config options to popper
+//                  constructor
+
+import { createPopper } from '@popperjs/core';
+
+const merge = Object.assign;
+const DATA_KEY = "popperInstance";
+const defaults = {
+  arrowEnabled: true,
+  arrowSize: 10,
+  placementDataKey: 'cc-placement',
+  stradegyDataKey: "cc-stradegy",
+  arrowClasses: "cc-arrow",
+  popper: {} // options to be merged
+};
+/**
+ * Creates a new set of options, pass modifiers array seperately
+ * - Used to reduce complexity of mergining array's of reference object
+ * - Instead this function (factory) will create a new object for each modifiers
+ *   so there is no possible issues upstream with duplicated references (ie. eventListeners)
+ * @param {Object} options Popper options
+ * @returns 
+ */
+function createOptions(options) {
+  const modifiers = options.modifiers || [];
+  delete options.modifiers;
+  return Object.assign({
+    modifiers: [
+      { 
+        name: 'eventListeners', 
+        enabled: false 
+      },
+      {
+        name: 'preventOverflow',
+        enabled: true,
+        options: {
+          mainAxis: true
+        }
+      },
+      ...modifiers
+    ]
+  }, options);
+}
+
+/**
+ * Creates a popup position mechanism for a collapsible set
+ * - Note: if you are adding additional collapsibles to the page you
+ *   will need to select them and pass their collaspible elements set to the 
+ *   init method provided in this functions return.
+ * @param {Object} cc Collapsibles Instance
+ * @param {Object} userOptions Options object
+ * @param {Boolean} userOptions.arrowEnabled Enable arrow (creates arrow element automatically)
+ * @param {Number} userOptions.arrowSize Options object
+ * @param {String} userOptions.arrowClasses Classes to be added to the arrow for styling
+ * @param {String} userOptions.placementDataKey Data attribute to be selected without "data-", defualts to 'dropdown-placement'
+ * @returns {Object} Interface to init new instances added to page, possibly more in the future
+ */
+export function popperPositioning(cc, options) {
+  const userCallback = cc.onChangeAfter;
+  // Merge and reassign
+  options = merge({}, defaults, options);
+  // Prep each collapsible instance available on page
+  cc.each(init);
+  cc.onChangeAfter = function popperPositioningCb({ toggle }, state) {
+    if (userCallback) {
+      userCallback.apply(cc, arguments);
+    }
+    // Popper related
+    const isOpen = state === "open";
+    const instance = toggle.data(DATA_KEY);
+    // Remove current options and change event listeners (enable when open only)
+    // This helps performance b/c this plugin watches the page (resize, etc)
+    const opts = instance.state.options;
+    const eventModifier = opts.modifiers.find(el => el.name === "eventListeners");
+    if (eventModifier) {
+      eventModifier.enabled = isOpen
+    }
+    // Reset the options object
+    instance.setOptions(opts);
+    // Force it to update the positioning now
+    if (isOpen) {
+      instance.update();
+    }
+  };
+
+  /**
+   * Initialize a single popper/CC instance
+   * @param {Object} elements Collapsible elements object
+   */
+  function init({ toggle, content, container }) {
+    // Attempting to reinitialize
+    if (toggle.data(DATA_KEY)) {
+      return;
+    }
+    const config = merge({}, { 
+      placement: container.data(options.placementDataKey) || "auto", 
+      strategy: container.data(options.stradegyDataKey) || "absolute", 
+      modifiers: [] 
+    }, options.popper);
+
+    // Add optional arrow modifiers
+    if (options.arrowEnabled) {
+      content.prepend(`<div class="${ options.arrowClasses }" data-popper-arrow></div>`);
+      config.modifiers.push({
+        name: 'offset',
+        options: {
+          offset: [ 0, options.arrowSize ],
+        },
+      });
+    }
+    // Create popper instance and add ref to jQuery element data
+    const instance = createPopper(
+      toggle.get(0), 
+      content.get(0), 
+      createOptions(config)
+    );
+    toggle.data(DATA_KEY, instance);
+  }
+  /** 
+   * Minimal user interface is returned 
+   */
+  return { init }
+}
+