@aiursoft/uistack 1.0.1 → 1.0.2

package/js/settings.js

@@ -1 +0,0 @@
-!function(){var e={7999:function(e,t,n){!function(e){"use strict";var t,s=/^[a-z]+:/,o=/[-a-z0-9]+(\.[-a-z0-9])*:\d+/i,i=/\/\/(.*?)(?::(.*?))?@/,a=/^win/i,r=/:$/,l=/^\?/,c=/^#/,d=/(.*\/)/,u=/^\/{2,}/,h=/(^\/?)/,p=/'/g,b=/%([ef][0-9a-f])%([89ab][0-9a-f])%([89ab][0-9a-f])/gi,g=/%([cd][0-9a-f])%([89ab][0-9a-f])/gi,m=/%([0-7][0-9a-f])/gi,v=/\+/g,y=/^\w:$/,f=/[^/#?]/,x="undefined"==typeof window&&void 0!==n.g&&!0,w=!x&&e.navigator&&e.navigator.userAgent&&~e.navigator.userAgent.indexOf("MSIE"),k=x?e.require:null,q={protocol:"protocol",host:"hostname",port:"port",path:"pathname",query:"search",hash:"hash"},P={ftp:21,gopher:70,http:80,https:443,ws:80,wss:443};function C(){return x?t=t||"file://"+(process.platform.match(a)?"/":"")+k("fs").realpathSync("."):"about:srcdoc"===document.location.href?self.parent.document.location.href:document.location.href}function S(e){return encodeURIComponent(e).replace(p,"%27")}function B(e){return(e=(e=(e=e.replace(v," ")).replace(b,(function(e,t,n,s){var o=parseInt(t,16)-224,i=parseInt(n,16)-128;if(0==o&&i<32)return e;var a=(o<<12)+(i<<6)+(parseInt(s,16)-128);return 65535<a?e:String.fromCharCode(a)}))).replace(g,(function(e,t,n){var s=parseInt(t,16)-192;if(s<2)return e;var o=parseInt(n,16)-128;return String.fromCharCode((s<<6)+o)}))).replace(m,(function(e,t){return String.fromCharCode(parseInt(t,16))}))}function j(e){for(var t=e.split("&"),n=0,s=t.length;n<s;n++){var o=t[n].split("="),i=decodeURIComponent(o[0].replace(v," "));if(i){var a=void 0!==o[1]?B(o[1]):null;void 0===this[i]?this[i]=a:(this[i]instanceof Array||(this[i]=[this[i]]),this[i].push(a))}}}function T(e,t){!function(e,t,n){var a,p,b;t=t||C(),x?a=k("url").parse(t):(a=document.createElement("a")).href=t;var g,m,v=(m={path:!0,query:!0,hash:!0},(g=t)&&s.test(g)&&(m.protocol=!0,m.host=!0,o.test(g)&&(m.port=!0),i.test(g)&&(m.user=!0,m.pass=!0)),m);for(p in b=t.match(i)||[],q)v[p]?e[p]=a[q[p]]||"":e[p]="";if(e.protocol=e.protocol.replace(r,""),e.query=e.query.replace(l,""),e.hash=B(e.hash.replace(c,"")),e.user=B(b[1]||""),e.pass=B(b[2]||""),e.port=P[e.protocol]==e.port||0==e.port?"":e.port,!v.protocol&&f.test(t.charAt(0))&&(e.path=t.split("?")[0].split("#")[0]),!v.protocol&&n){var y=new T(C().match(d)[0]),S=y.path.split("/"),V=e.path.split("/"),E=["protocol","user","pass","host","port"],L=E.length;for(S.pop(),p=0;p<L;p++)e[E[p]]=y[E[p]];for(;".."===V[0];)S.pop(),V.shift();e.path=("/"!==t.charAt(0)?S.join("/"):"")+"/"+V.join("/")}e.path=e.path.replace(u,"/"),w&&(e.path=e.path.replace(h,"/")),e.paths(e.paths()),e.query=new j(e.query)}(this,e,!t)}j.prototype.toString=function(){var e,t,n="",s=S;for(e in this){var o=this[e];if(!(o instanceof Function||void 0===o))if(o instanceof Array){var i=o.length;if(!i){n+=(n?"&":"")+s(e)+"=";continue}for(t=0;t<i;t++){var a=o[t];void 0!==a&&(n+=n?"&":"",n+=s(e)+(null===a?"":"="+s(a)))}}else n+=n?"&":"",n+=s(e)+(null===o?"":"="+s(o))}return n},T.prototype.clearQuery=function(){for(var e in this.query)this.query[e]instanceof Function||delete this.query[e];return this},T.prototype.queryLength=function(){var e=0;for(var t in this.query)this.query[t]instanceof Function||e++;return e},T.prototype.isEmptyQuery=function(){return 0===this.queryLength()},T.prototype.paths=function(e){var t,n="",s=0;if(e&&e.length&&e+""!==e){for(this.isAbsolute()&&(n="/"),t=e.length;s<t;s++)e[s]=!s&&y.test(e[s])?e[s]:S(e[s]);this.path=n+e.join("/")}for(s=0,t=(e=("/"===this.path.charAt(0)?this.path.slice(1):this.path).split("/")).length;s<t;s++)e[s]=B(e[s]);return e},T.prototype.encode=S,T.prototype.decode=B,T.prototype.isAbsolute=function(){return this.protocol||"/"===this.path.charAt(0)},T.prototype.toString=function(){return(this.protocol&&this.protocol+"://")+(this.user&&S(this.user)+(this.pass&&":"+S(this.pass))+"@")+(this.host&&this.host)+(this.port&&":"+this.port)+(this.path&&this.path)+(this.query.toString()&&"?"+this.query)+(this.hash&&"#"+S(this.hash))},e[e.exports?"exports":"Url"]=T}((e=n.nmd(e)).exports?e:window)}},t={};function n(s){var o=t[s];if(void 0!==o)return o.exports;var i=t[s]={id:s,loaded:!1,exports:{}};return e[s](i,i.exports,n),i.loaded=!0,i.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){"use strict";var e=n(7999),t=n.n(e);const s=()=>{const e=getComputedStyle(document.documentElement);return{primary:e.getPropertyValue("--bs-primary"),primarySubtle:e.getPropertyValue("--bs-primary-subtle"),secondary:e.getPropertyValue("--bs-secondary"),success:e.getPropertyValue("--bs-success"),warning:e.getPropertyValue("--bs-warning"),danger:e.getPropertyValue("--bs-danger"),info:e.getPropertyValue("--bs-info"),bodyBg:e.getPropertyValue("--bs-body-bg"),bodyColor:e.getPropertyValue("--bs-body-color"),secondaryBg:e.getPropertyValue("--bs-secondary-bg"),secondaryColor:e.getPropertyValue("--bs-secondary-color"),tertiaryBg:e.getPropertyValue("--bs-tertiary-bg"),tertiaryColor:e.getPropertyValue("--bs-tertiary-color"),quaternaryBg:e.getPropertyValue("--bs-quaternary-bg"),quaternaryColor:e.getPropertyValue("--bs-quaternary-color")}};window.cssVariables=s();let o=!1;const i=new(t()),a="appstack-config-",r=".js-settings",l={theme:"default",layout:"fluid",sidebarPosition:"left",sidebarBehavior:"sticky"},c={theme:{default:{bsTheme:"light",sidebarTheme:"dark"},colored:{bsTheme:"light",sidebarTheme:"colored"},light:{bsTheme:"light",sidebarTheme:"light"},dark:{bsTheme:"dark",sidebarTheme:"dark"}},layout:{fluid:{layout:"fluid"},boxed:{layout:"boxed"}},sidebarPosition:{left:{sidebarPosition:"left"},right:{sidebarPosition:"right"}},sidebarBehavior:{sticky:{sidebarBehavior:"sticky"},fixed:{sidebarBehavior:"fixed"},compact:{sidebarBehavior:"compact"}}},d=()=>{o||(document.body.appendChild((e=>{const t=document.createElement("template");return t.innerHTML=e,t.content.firstChild})('<div class="settings js-settings">\n  <div class="settings-toggle">\n    <div class="settings-toggle-option settings-toggle-option-text js-settings-toggle" title="Theme Builder">\n      <svg\n        class="lucide align-middle mb-1"\n        xmlns="http://www.w3.org/2000/svg"\n        width="24"\n        height="24"\n        viewBox="0 0 24 24"\n        fill="none"\n        stroke="currentColor"\n        stroke-width="2"\n        stroke-linecap="round"\n        stroke-linejoin="round"\n      >\n        <line x1="4" x2="4" y1="21" y2="14" />\n        <line x1="4" x2="4" y1="10" y2="3" />\n        <line x1="12" x2="12" y1="21" y2="12" />\n        <line x1="12" x2="12" y1="8" y2="3" />\n        <line x1="20" x2="20" y1="21" y2="16" />\n        <line x1="20" x2="20" y1="12" y2="3" />\n        <line x1="2" x2="6" y1="14" y2="14" />\n        <line x1="10" x2="14" y1="8" y2="8" />\n        <line x1="18" x2="22" y1="16" y2="16" />\n      </svg>\n      Builder\n    </div>\n    <a class="settings-toggle-option" title="Documentation" href="docs-introduction.html" target="_blank">\n      <svg\n        class="lucide align-middle"\n        xmlns="http://www.w3.org/2000/svg"\n        width="24"\n        height="24"\n        viewBox="0 0 24 24"\n        fill="none"\n        stroke="currentColor"\n        stroke-width="2"\n        stroke-linecap="round"\n        stroke-linejoin="round"\n      >\n        <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />\n        <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />\n      </svg>\n  \n    </a>\n  </div>\n\n  <div class="settings-panel">\n    <div class="settings-content">\n      <div class="settings-title d-flex align-items-center">\n        <button type="button" class="btn-close float-right js-settings-toggle" aria-label="Close"></button>\n\n        <h4 class="mb-0 ms-2 d-inline-block">Theme Builder</h4>\n      </div>\n\n      <div class="settings-body">\n\n        <div class="alert alert-primary" role="alert">\n          <div class="alert-message">\n            <strong>Hey there!</strong> Set your own customized style below. Choose the ones that best fits your needs.\n          </div>\n        </div>\n\n        <div class="mb-3">\n          <span class="d-block font-size-lg font-weight-bold">Color scheme</span>\n          <span class="d-block text-muted mb-2">The perfect color mode for your app.</span>\n\n          <div class="row g-0 text-center mx-n1 mb-2">\n            <div class="col">\n              <label class="mx-1 d-block mb-1">\n                <input class="settings-scheme-label" type="radio" name="theme" value="default">\n                <div class="settings-scheme">\n                  <div class="settings-scheme-theme settings-scheme-theme-default"></div>\n                </div>\n              </label>\n              Default\n            </div>\n            <div class="col">\n              <label class="mx-1 d-block mb-1">\n                <input class="settings-scheme-label" type="radio" name="theme" value="colored">\n                <div class="settings-scheme">\n                  <div class="settings-scheme-theme settings-scheme-theme-colored"></div>\n                </div>\n              </label>\n              Colored\n            </div>\n          </div>\n          <div class="row g-0 text-center mx-n1">\n            <div class="col">\n              <label class="mx-1 d-block mb-1">\n                <input class="settings-scheme-label" type="radio" name="theme" value="dark">\n                <div class="settings-scheme">\n                  <div class="settings-scheme-theme settings-scheme-theme-dark"></div>\n                </div>\n              </label>\n              Dark\n            </div>\n            <div class="col">\n              <label class="mx-1 d-block mb-1">\n                <input class="settings-scheme-label" type="radio" name="theme" value="light">\n                <div class="settings-scheme">\n                  <div class="settings-scheme-theme settings-scheme-theme-light"></div>\n                </div>\n              </label>\n              Light\n            </div>\n          </div>\n        </div>\n        \n        <hr />\n\n        <div class="mb-3">\n          <span class="d-block font-size-lg font-weight-bold">Sidebar position</span>\n          <span class="d-block text-muted mb-2">Toggle the position of the sidebar.</span>\n\n          <div>\n            <label>\n              <input class="settings-button-label" type="radio" name="sidebarPosition" value="left">\n              <div class="settings-button">\n                Left\n              </div>\n            </label>\n            <label>\n              <input class="settings-button-label" type="radio" name="sidebarPosition" value="right">\n              <div class="settings-button">\n                Right\n              </div>\n            </label>\n          </div>\n        </div>\n\n        <hr />\n\n        <div class="mb-3">\n          <span class="d-block font-size-lg font-weight-bold">Sidebar behavior</span>\n          <span class="d-block text-muted mb-2">Change the behavior of the sidebar.</span>\n\n          <div>\n            <label>\n              <input class="settings-button-label" type="radio" name="sidebarBehavior" value="sticky">\n              <div class="settings-button">\n                Sticky\n              </div>\n            </label>\n            <label>\n              <input class="settings-button-label" type="radio" name="sidebarBehavior" value="fixed">\n              <div class="settings-button">\n                Fixed\n              </div>\n            </label>\n            <label>\n              <input class="settings-button-label" type="radio" name="sidebarBehavior" value="compact">\n              <div class="settings-button">\n                Compact\n              </div>\n            </label>\n          </div>\n        </div>\n\n        <hr />\n\n        <div class="mb-3">\n          <span class="d-block font-size-lg font-weight-bold">Layout</span>\n          <span class="d-block text-muted mb-2">Toggle container layout system.</span>\n\n          <div>\n            <label>\n              <input class="settings-button-label" type="radio" name="layout" value="fluid">\n              <div class="settings-button">\n                Fluid\n              </div>\n            </label>\n            <label>\n              <input class="settings-button-label" type="radio" name="layout" value="boxed">\n              <div class="settings-button">\n                Boxed\n              </div>\n            </label>\n          </div>\n        </div>\n\n      </div>\n\n      <div class="settings-footer">\n        <div class="d-grid">\n          <a class="btn btn-primary btn-lg btn-block" href="https://themes.getbootstrap.com/product/appstack-responsive-admin-template/" target="_blank">Purchase</a>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>')),u(),h(),p(),b(),o=!0)},u=()=>{const e=document.querySelector(r);document.querySelectorAll(".js-settings-toggle").forEach((t=>{t.onclick=t=>{t.preventDefault(),e.classList.toggle("open"),p()}})),document.body.onclick=t=>{e.contains(t.target)||e.classList.remove("open")}},h=()=>{document.querySelector(r).querySelectorAll("input[type=radio]").forEach((e=>{e.addEventListener("change",(e=>{m(e.target.name,e.target.value),x(e.target.name,e.target.value),"theme"===e.target.name&&(window.cssVariables=s(),window.document.dispatchEvent(new Event("DOMContentLoaded",{bubbles:!0,cancelable:!0})))}))}))},p=()=>{for(let[e,t]of Object.entries(v())){const n=t||l[e];document.querySelector(`input[name="${e}"][value="${n}"]`).checked=!0}},b=()=>{setTimeout((()=>{if(!f("visited")){document.querySelector(r).classList.toggle("open"),x("visited",!0)}}),1e3)},g=()=>{for(let[e,t]of Object.entries(v())){m(e,t||l[e])}},m=(e,t)=>{for(let[n,s]of Object.entries(c[e][t]))document.documentElement.dataset[n]=s},v=()=>({theme:f("theme"),layout:f("layout"),sidebarPosition:f("sidebarPosition"),sidebarBehavior:f("sidebarBehavior")}),y=()=>{w("theme"),w("layout"),w("sidebarPosition"),w("sidebarBehavior")},f=e=>localStorage.getItem(`${a}${e}`),x=(e,t)=>{localStorage.setItem(`${a}${e}`,t)},w=e=>{localStorage.removeItem(`${a}${e}`)};document.addEventListener("DOMContentLoaded",(()=>d()));const k=new MutationObserver((function(){document.documentElement&&(Object.keys(i.query).length>0?(y(),Object.entries(i.query).forEach((([e,t])=>{c[e]&&c[e][t]&&(m(e,t),x(e,t))}))):g(),k.disconnect())}));k.observe(document.documentElement,{childList:!0})}()}();