quarkd
Version:
Mobile UI Components built on Web Components.
2 lines (1 loc) • 3.27 kB
JavaScript
import{_ as t,a as n}from"../typeof.js";import{_ as e,a as i,b as r,c as o,H as a,A as s,d as l,N as c,B as h}from"../index2.js";import{_ as f}from"../defineProperty.js";import"../index9.js";import"../index4.js";import"../index22.js";function v(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,o=e(t);if(n){var a=e(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return i(this,r)}}var p=function(e){r(l,a);var i=v(l);function l(){var n;t(this,l);for(var e=arguments.length,r=new Array(e),a=0;a<e;a++)r[a]=arguments[a];return n=i.call.apply(i,[this].concat(r)),f(o(n),"title",""),f(o(n),"righttext",""),f(o(n),"iconsize","24"),f(o(n),"lefthide",!1),f(o(n),"closehide",!1),f(o(n),"leftClick",(function(){n.$emit("leftclick")})),f(o(n),"rightClick",(function(){n.$emit("rightclick")})),f(o(n),"closeClick",(function(){n.$emit("close")})),n}return n(l,[{key:"render",value:function(){return a.h(s,null,!this.lefthide&&a.h("slot",{name:"left",class:"quark-navbar-left"},a.h("quark-icon-arrow-left",{id:"left",size:this.iconsize,onClick:this.leftClick,class:"back",part:"back-icon"}),!this.closehide&&a.h("quark-icon-close",{id:"left",size:this.iconsize,onClick:this.closeClick,class:"close",part:"close-icon"})),a.h("div",{class:"quark-navbar-title",part:"navbar-title"},a.h("div",{part:"title"},this.title)),a.h("slot",{name:"right",class:"quark-navbar-right icon"},a.h("span",{id:"right",part:"right",onClick:this.rightClick},this.righttext)))}}]),l}();l([c()],p.prototype,"title",void 0),l([c()],p.prototype,"righttext",void 0),l([c()],p.prototype,"iconsize",void 0),l([c({type:Boolean})],p.prototype,"lefthide",void 0),l([c({type:Boolean})],p.prototype,"closehide",void 0);var u=p=l([h({tag:"quark-navbar",style:":host {\n font-size: 4.8vw;\n height: 11.73333vw;\n position: relative;\n display: flex;\n align-items: center;\n color: #242729;\n text-align: center;\n width: 100%;\n background-color: white;\n user-select: none;\n}\n\n:host([safearea]) {\n padding-top: constant(safe-area-inset-top);\n padding-top: env(safe-area-inset-top);\n}\n\n:host .quark-navbar-left {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n cursor: pointer;\n position: absolute;\n left: var(--navbar-left-padding, 4.26667vw);\n}\n\n:host .quark-navbar-title {\n width: 100%;\n overflow: inherit;\n font-weight: var(--navbar-title-font-weight, 600);\n color: var(--navbar-title-color, inherit);\n}\n\n:host .quark-navbar-right {\n display: flex;\n align-items: center;\n cursor: pointer;\n position: absolute;\n font-weight: var(--navbar-right-font-weight, 400);\n font-size: var(--navbar-right-font-size, 4.26667vw);\n color: var(--navbar-right-color, #242729);\n right: var(--navbar-right-padding, 4.26667vw);\n}\n\n:host .back:active, .close:active, .quark-navbar-right:active {\n opacity: 0.5;\n} \n\n:host quark-icon-close {\n position: absolute;\n left: var(--navbar-close-left, 10.66667vw);\n}\n"})],p);export{u as default};