icon_ai

var $6=Object.defineProperty;var N6=(b,x,E)=>x in b?$6(b,x,{enumerable:!0,configurable:!0,writable:!0,value:E}):b[x]=E;var C=(b,x,E)=>(N6(b,typeof x!="symbol"?x+"":x,E),E),i4=(b,x,E)=>{if(!x.has(b))throw TypeError("Cannot "+E)};var l=(b,x,E)=>(i4(b,x,"read from private field"),E?E.call(b):x.get(b)),d=(b,x,E)=>{if(x.has(b))throw TypeError("Cannot add the same private member more than once");x instanceof WeakSet?x.add(b):x.set(b,E)},p=(b,x,E,R5)=>(i4(b,x,"write to private field"),R5?R5.call(b,E):x.set(b,E),E);var a=(b,x,E)=>(i4(b,x,"access private method"),E);var $OOUI=function(b){var i2,R1,r4,J5,p9,Q5,u9,tt,C9,X,et,m9,B1,o4,Q,Z2,W,t2,e2,v,k,S,j,T,Z,I,V1,W1,H1,Y1,q1,U1,X1,a1,L2,d1,D2,r2,F2,j2,I2,_2,h1,G1,K1,c1,p1,u1,U3,J1,l4,st,Q1,a4,t5,d4,it,g9,x2,O1,e5,h4,z2,P5,n5,c4,rt,v9,C1,d3,ot,f9,w2,P1,X3,R6,m1,h3,G3,B6,$2,Z5,l2,s1,N2,D5,g1,c3,v1,p3,G,f2,s5,p4,lt,b9,R2,F5,at,L9,B2,j5,dt,_9,V2,I5,y2,k2,E2,pt,x9,ut,w9,Ct,y9,mt,k9,W2,K3,J3,gt,E9,vt,M9,ft,S9,Q3,D,f1,bt,T9,r5,u4,b1,_t,A9,M2,wt,O9,L1,_1,u3,yt,P9,kt,Z9,o5,C4,Et,D9,Mt,F9,St,j9,At,I9,Ot,z9,Pt,$9,Zt,N9,Dt,R9,Ft,B9,K,A,x1,H,jt,V9,a5,m4,It,W9,d5,g4,zt,H9,h5,Y2,z5,$t,Y9,Nt,q9,Rt,U9,Bt,X9,Vt,G9,c5,v4,Y,a2,N,w1,Ut,K9,Xt,J9,Gt,Q9,Kt,t8,Jt,e8,p5,f4,u5,b4,Qt,n8,te,s8,C5,L4,ee,i8,m5,_4,ne,r8,S2,Z1,se,o8,h2,i1,ie,l8,g5,x4,v5,w4,c2,r1,y1,C3,p2,o1,oe,a8,f5,y4,le,d8,de,h8,he,c8,ce,p8,q,q2,O,k1,E1,u2,b5,k4,U2,L5,E4,pe,u8,_5,M4,ue,C8,M1,m3,x5,S4,X2,$5,Ce,m8,me,g8,w5,T4,fe,v8,Le,f8,_e,b8,we,L8,ke,_8,Ee,x8,T1,G2,T2,K2,C2,J,m2,Me,w8,k5,A4,Se,y8,E5,O4,Ae,k8,Oe,E8,Pe,M8,Ze,S8,De,T8,Fe,A8,je,O8,Ie,P8,g2,ze,Z8,$e,D8,Re,F8,M5,P4,Be,j8,Ve,I8,S5,Z4,We,z8,A1,g3,He,$8,Ye,N8,qe,Ue,Xe,R8,Ge,B8,P,Ke,V8,s4,Je,W8,J2,N5,Qe,H8,A5,D4,O5,F4,t3,Y8,e3,q8,n3,U8,s3,X8,Q2,t1,v2,e1,O2,i3,U,r3,G8,o3,K8,l3,J8;"use strict";var x=globalThis&&globalThis.__spreadArray||function(r,n,t){if(t||arguments.length===2)for(var e=0,i=n.length,o;e"u"&&typeof navigator<"u"&&navigator.product==="ReactNative"?new e7:typeof navigator<"u"?z4(navigator.userAgent):a7()}function o7(r){return r!==""&&i7.reduce(function(n,t){var e=t[0],i=t[1];if(n)return n;var o=i.exec(r);return!!o&&[e,o]},!1)}function z4(r){var n=o7(r);if(!n)return null;var t=n[0],e=n[1];if(t==="searchbot")return new t7;var i=e[1]&&e[1].split(".").join("_").split("_").slice(0,3);i?i.length1&&arguments[1]!==void 0?arguments[1]:0,t=(M[r[n+0]]+M[r[n+1]]+M[r[n+2]]+M[r[n+3]]+"-"+M[r[n+4]]+M[r[n+5]]+"-"+M[r[n+6]]+M[r[n+7]]+"-"+M[r[n+8]]+M[r[n+9]]+"-"+M[r[n+10]]+M[r[n+11]]+M[r[n+12]]+M[r[n+13]]+M[r[n+14]]+M[r[n+15]]).toLowerCase();if(!u7(t))throw TypeError("Stringified UUID is invalid");return t}function $4(r,n,t){r=r||{};var e=r.random||(r.rng||c7)();if(e[6]=e[6]&15|64,e[8]=e[8]&63|128,n){t=t||0;for(var i=0;i<16;++i)n[t+i]=e[i];return n}return C7(e)}const N4=function(r,n,t){const e=n.toLowerCase();e==="text"?r.textContent=t:e==="html"?r.innerHTML=t:e==="styles"?s.setStyles(r,t):r.setAttribute(n,t)},m7=function(r,n){const t=n.toLowerCase();if(t==="text")return r.innerText||r.textContent||"";if(t==="html")return r.innerHTML||"";if(t==="value")switch(r.tagName.toString().toLowerCase()){case"select":return r.options[r.selectedIndex].value;default:return r.value}return r.getAttribute(n)},V5=function(r){const n=L7(r||"").split(" "),t={};return n.filter(function(e){if(e!==""&&!t[e])return t[e]=e})},R4=function(r){return!r.tagName||/^(?:body|html)$/i.test(r.tagName)},B4=function(r){return/html/i.test(r.tagName)},W5=function(r,n){return parseInt(s.getStyle(r,n))||0},g7=function(r){return W5(r,"border-top-width")},v7=function(r){return W5(r,"border-left-width")},f7=function(r,n){return{left:r.x-W5(n,"margin-left"),top:r.y-W5(n,"margin-top")}},s=(r,n)=>{let t;const e=r.replace(/^\S*?(?=\.|#|$)/,c=>(t=c,""));let i="",o;e&&(o=e.split(".").filter(u=>!!u).map(u=>{const m=u.split("#"),f=m.shift();return i=m.pop()||i,f}));const h=document.createElement(t);return i&&h.setAttribute("id",i),o&&o.length&&h.setAttribute("class",o.join(" ")),n&&s.set(h,n),h};Object.assign(s,{el:(r,n)=>g(r)==="string"&&r?(n||document).querySelector(r):r,els:(r,n)=>(n||document).querySelectorAll(r),addClass:(r,n)=>{const t=s.el(r);return V5(n).forEach(e=>{t.classList.add(e)}),t},removeClass:(r,n)=>{const t=s.el(r);return V5(n).forEach(e=>{t.classList.remove(e)}),t},hasClass:(r,n)=>s.el(r).classList.contains(n),toggleClass:(r,n,t=!1)=>{const e=s.el(r);return V5(n).forEach(i=>{let o=t;(o==null||o===!1)&&(o=!s.hasClass(e,i)),o?s.addClass(e,i):s.removeClass(e,i)}),e},checkClass:(r,n,t)=>{const e=s.el(r);return V5(n).forEach(i=>{t?s.addClass(e,i):s.removeClass(e,i)}),e},mapProps:(r,n)=>{const t=s.el(r);for(const e in n){const i=L(e);if(typeof n[e]=="boolean")n[e]=t.hasAttribute(e)||t.hasAttribute(i)||!1;else{const o=t.getAttribute(e)||t.getAttribute(i)||"";o!==n[e]&&(n[e]=o)}}return t},toggleAttr:(r,n,t)=>{const e=s.el(r);return t?e.setAttribute(n,t):e.removeAttribute(n),e},set:(r,n,t)=>{const e=s.el(r);return typeof n=="object"?Object.keys(n).forEach(i=>{N4(e,i,n[i])}):N4(e,n,t),e},get:(r,n)=>{const t=s.el(r);return m7(t,n)},setProperty:(r,n,t)=>{const e=s.el(r);return e.setAttribute(n,t),e},getScroll:r=>{const n=s.el(r);return{x:n.scrollLeft,y:n.scrollTop}},getScrolls:r=>{let t=s.el(r).parentNode,e={x:0,y:0};for(;t&&!R4(t);)e.x+=t.scrollLeft,e.y+=t.scrollTop,t=t.parentNode;return e},getOffsetParent:r=>{let n=r.offsetParent;for(;n&&["table","td","th"].includes(n.tagName.toString().toLowerCase());)n=n.offsetParent;return n||document.body},getPosition:(r,n)=>{const t=s.el(r);for(n===window&&(n=document.documentElement);n&&s.getStyle(n,"display")==="contents";)n=n.parentElement;for(;r&&s.getStyle(r,"display")==="contents";)r=r.parentElement;const e=r.getBoundingClientRect(),i=document.documentElement,o=s.getScroll(i),h=s.getScrolls(t),c=s.getStyle(t,"position")==="fixed",u={x:e.left+h.x+(c?0:o.x)-i.clientLeft,y:e.top+h.y+(c?0:o.y)-i.clientTop},m=s.getScrolls(t),f={x:u.x-m.x,y:u.y-m.y};if(n){const _=s.getPosition(n);return{x:f.x-_.x-v7(n),y:f.y-_.y-g7(n)}}return f},setPosition:(r,n)=>{const t=s.el(r);return s.setStyles(t,f7(n.this))},getSize:r=>{const n=s.el(r);if(B4(n))return{x:n.clientWidth,y:n.clientHeight};{const t=n.getBoundingClientRect();return{x:t.width,y:t.height}}},getScrollSize:r=>{const n=s.el(r);if(/^(?:body|html)$/i.test(n.tagName)){const t=document.documentElement,e=document.body;return{x:Math.max(t.scrollWidth,e.scrollWidth),y:Math.max(t.scrollHeight,e.scrollHeight)}}return{x:n.scrollWidth,y:n.scrollHeight}},getStyle:function(r,n){const t=s.el(r),e=D1(n);let i=t.style[e];return i||(i=window.getComputedStyle(t)[e]),i},getStyles:r=>{const n=[...arguments],t=s.el(n.shift()),e={};return n.forEach(i=>{e[i]=s.getStyle(t,i)}),e},setStyle:(r,n,t)=>{const e=s.el(r);return typeof n=="object"?Object.keys(n).forEach(i=>{e.style[D1(i)]=n[i]}):e.style[D1(n)]=t,e},setStyles:(r,n)=>s.setStyle(r,n),isPositioned:r=>{const n=s.el(r),t=s.getStyle(n,"position");return t&&["absolute","fixed","relative","sticky"].includes(t)},show:r=>{const n=s.el(r);return s.getStyle(n,"display")==="none"&&s.setStyle(n,"display",n.dataset.storeDisplay||"block"),n},hide:r=>{const n=s.el(r),t=s.getStyle(n,"display");return t!=="none"&&(n.dataset.storeDisplay=t,s.setStyle(n,"display","none")),n},getParentSrcollNode:r=>{let t=s.el(r).parentElement,e=s.getStyle(t,"overflow"),i=s.getStyle(t,"overflow-y");for(;t&&(s.getScrollSize(t).y<=s.getSize(t).y||!["auto","scroll"].includes(e)&&!["auto","scroll"].includes(i));)t=t.parentElement,t&&(e=s.getStyle(t,"overflow"),i=s.getStyle(t,"overflow-y"));return t||document.documentElement},getParent:function(r,n){if(n){let t=r.parentElement;for(;t&&!t.matches(n);)t=t.parentElement;return t}else return r.parentElement},isBody:r=>R4(s.el(r)),isHtml:r=>B4(s.el(r)),empty:r=>{const n=s.el(r);for(;n.childNodes.length;)n.removeChild(n.childNodes[0]);return n},peel:(r,n)=>{const{node:t,position:e}=n&&g(n)==="element"?{node:n,position:"beforeend"}:{node:r,position:"beforebegin"};let i=r.firstElementChild;for(;i;)t.insertAdjacentElement(e,i),i=r.firstElementChild;r.remove()},getPositionParent(r){let n=s.el(r).parentElement;for(;n;){const t=n.tagName.toString().toLowerCase();if(t==="application")return n;if(t==="oo-dialog")return n._content;n=n.parentElement}return document.body},overlap(r,n,t=document.body,e){const i=this.getSize(s.el(n)),o=this.getPosition(s.el(n),t),h=s.el(r);this.setStyles(h,{position:"absolute",width:`${i.x}px`,height:`${i.y}px`,top:`${o.y}px`,left:`${o.x}px`}),h.isConnected||t.append(h)},appendTop(r,n){const t=r.firstChild;return t?r.insertBefore(n,t):r.appendChild(n)}}),r7();function g(r){if(r==null)return"null";if(Array.isArray(r))return"array";if(r instanceof Map)return"map";if(r instanceof Set)return"set";if(r===window)return"window";if(r instanceof Date)return"date";if(r instanceof RegExp)return"regexp";if(r instanceof Error)return"error";if(r instanceof Event)return"event";if((typeof r=="function"||typeof r=="object")&&typeof r.then=="function")return"promise";if(r.nodeName){if(r.nodeType===1)return"element";if(r.nodeType===3)return/\S/.test(r.nodeValue)?"textnode":"whitespace";if(r.nodeType===9)return"document";if(r.nodeType||r.nodeType===0)return r.nodeName}else if(typeof r.length=="number"&&r.callee)return"arguments";return typeof r}function l1(r,n,t=null,e=!0){const i=n||this,o=t?Object.values(t):[],h=t?Object.keys(t).join(","):"";return Function("return function("+h+"){"+r+"}")().apply(i,o)}function R(r,n=20,t,e){const i=t;return n&&g(n)!=="number"&&(t=n,n=i&&g(i)==="number"?i:20),r.clear&&r.clear(),r.timerFunction=(o,h)=>{r.clear=()=>{r.timerId&&clearTimeout(r.timerId),r.promise&&(r.promise=null)},r.timerId=setTimeout(function(){r.timerId=null;try{const c=t?r.apply(t,e):r(e);Promise.resolve(c).then(u=>{o(u)})}catch(c){h(c)}},n)},r.promise=new Promise(r.timerFunction),r.promise}function V4(r){if(!r)return r;const n=g(r);return n==="array"||n==="object"?W4(r):r}function b7(r){let n=r.length,t=new Array(n);for(;n--;)t[n]=V4(r[n]);return t}function W4(r){if(g(r)==="array")return b7(r);const n={};for(let t in r)n[t]=V4(r[t]);return n}function L(r){return r.replace(/([A-Z])/g,"-$1").toLowerCase()}function D1(r){return r.replace(/-(\w)/g,function(n,t){return t.toUpperCase()})}function L7(r){return r.replace(/\s+/g," ").trim()}function H4(r){return String(r).replace(/\b[a-z]/g,function(n){return n.toUpperCase()})}function _7(r){return r.replace(/([\s\S]*?)<\/script\s*>|\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*')|javascript:.*/g,"")}function F1(r,n){const t=r.indexOf(n);t!==-1&&(r.splice(t,1),F1(r,n))}const f3={ms:1,second:1e3,minute:6e4,hour:36e5,day:864e5,week:6084e5};function b2(r){return new Date(r.getTime())}function H5(r,n){return r?r instanceof Date?n?b2(r):r:new Date(r):null}function x7(r,n){const t=new Date(r,n);return t.setDate(0),t}function w7(r,n){if(!r)return null;const t=H5(r,n);return t.setHours(23),t.setMinutes(59),t.setSeconds(59),t.setMilliseconds(999),t}function z(r,n){if(!r)return null;const t=H5(r,n);return t.setHours(0),t.setMinutes(0),t.setSeconds(0),t.setMilliseconds(0),t}function Y4(r,n){const t=b2(r),e=(7+r.getDay()-parseInt(n||0))%7;t.setDate(t.getDate()-e+3);const i=t.valueOf();return t.setMonth(0,1),t.getDay()!==4&&t.setMonth(0,1+(4-t.getDay()+7)%7),1+Math.ceil((i-t)/f3.week)}function B(r,n="day",t=1){switch(n){case"year":return B(r,"month",t*12);case"month":const e=H5(r),i=e.getDate();return e.setMonth(e.getMonth()+t+1,0),i{const u=c.trim();return u.startsWith("@")||u==="from"||u==="to"?u:u.split(/\s*,\s*/g).map(function(f){return h+f}).join(", ")})}const i=s("style");return i.setAttribute("type","text/css"),i.setAttribute("id",t),document.head.appendChild(i),i.appendChild(document.createTextNode(e)),i}return null}const b3={};function U4(r,n,t,e){if(t&&b3[t])return b3[t];const i=document.createElement("template");i.innerHTML=r;const o=i.content;if(n){const h=document.createElement("style");h.textContent=n,o.prepend(h)}if(e){const h=document.querySelector("#oo-css-skin");if(h){const c=h.cloneNode(!0);c.removeAttribute("id"),o.prepend(c)}}return document.body.appendChild(i),t&&(b3[t]=i.content),i.content}class y extends HTMLElement{constructor(){super();d(this,R1);d(this,J5);d(this,Q5);d(this,tt);d(this,i2,null)}_setEvent(){}_afterRender(){}_render(t){}_connected(){}_disconnected(){}_initialize(t,e,i,o){Object.hasOwn(this,"value")&&(this.value&&this.setAttribute("value",this.value),Reflect.deleteProperty(this,"value")),this._props=e?this._getProps(e.prop):{};const h=U4(i,o,t,!0);this._useTemplate(h),this._render(t),this._setEvent(),this._afterRender(),this._createProperties(e),this.dispatchEvent(new CustomEvent("load"))}_createProperties(t){Object.keys(this._props).forEach(e=>{let i=e;for(;this.hasOwnProperty(i)||t.prototype.hasOwnProperty(i);)i=`_${i}`;Object.hasOwn(this,i)||Object.defineProperty(this,i,{get:()=>this._props[i],set:o=>{o!==this._props[i]&&this.setAttribute(L(i),o)}})})}_getProps(t){const e=W4(t);return this.getAttributeNames().forEach(i=>{const o=D1(i);if(e.hasOwnProperty(o)){const h=this.getAttribute(i);/{{.*}}/g.test(h)||a(this,R1,r4).call(this,e,o,h)}}),e}_useCss(t){const e=document.createElement("style");return e.textContent=t,this._content.insertAdjacentElement("beforebegin",e),e}_useCssLink(t){const e=document.createElement("link");return e.rel="stylesheet",e.type="text/css",e.charSet="UTF-8",e.href=t,this._content.insertAdjacentElement("beforebegin",e),e}useCss(t){this.styleNode&&(this.styleNode.remove(),this.styleNode=null),t&&(this.styleNode=this._useCss(t))}useCssLink(t){this.styleNode&&(this.styleNode.remove(),this.styleNode=null),t&&(this.styleNode=this._useCssLink(t))}_useTemplate(t,e="open"){(this.shadowRoot||this.attachShadow({mode:e})).appendChild(t.cloneNode(!0)),a(this,J5,p9).call(this)}connectedCallback(){this._connected()}disconnectedCallback(){this._disconnected()}attributeChangedCallback(t,e,i){if(!/{{.*}}/g.test(i)){const o=D1(t),h=this._props[o];a(this,R1,r4).call(this,this._props,o,i),a(this,Q5,u9).call(this,o,h,e)}}_setProps(t,e,i){const o=this._props[t];i!==o&&(this._setPropMap[t]?this._setPropMap[t](e,o):this._setPropMap.$default(t,e,o))}_useSkin(t){if(l(this,i2)&&l(this,i2).remove(),p(this,i2,null),t){const e=t.split(/\s*;\s*/g);p(this,i2,s("style"));let i="";e.forEach(o=>{const h=o.split(/\s*:\s*/g);i+=`--${h[0]}: ${h[1]}; `}),l(this,i2).textContent=` .content{ ${i} } `,this._content.insertAdjacentElement("beforebegin",l(this,i2))}}_fillContent(t){new MutationObserver(function(i){i.forEach(o=>{o.addedNodes.forEach(h=>{h.nodeType===Node.ELEMENT_NODE&&h.setAttribute("slot",t)})})}).observe(this,{subtree:!1,childList:!0,attributes:!1,characterData:!1}),a(this,tt,C9).call(this,t)}_canRender(t,e){if(t&&t.length){for(const i of t)if(!this.getAttribute(i))return!1}if(e&&e.length){for(const i of e)if(this.getAttribute(i))return!0}return!0}}i2=new WeakMap,R1=new WeakSet,r4=function(t,e,i){switch(g(t[e])){case"boolean":t[e]=!!i&&i!=="false";break;case"number":t[e]=isNaN(i)?i:parseInt(i);break;case"object":try{t[e]=JSON.parse(i)}catch{t[e]=i}break;case"array":try{t[e]=JSON.parse(i)}catch{t[e]=i?i.split(/\s*,\s*/g):[]}break;default:t[e]=i}},J5=new WeakSet,p9=function(){for(const t in this._elements)this._elements[t]=this.shadowRoot.querySelector(`.${t}`);this._content=this.shadowRoot.querySelector(".content")},Q5=new WeakSet,u9=function(t,e,i){(t?[t]:Object.keys(this._props)).forEach(h=>{this._setProps(h,e,i)})},tt=new WeakSet,C9=function(t){let e=this.firstElementChild;for(;e;)e.setAttribute("slot",t),e=e.nextElementSibling};const y7=`

\r

\r

\r

\r

\r `,k7=`body{\r display: inline-block;\r }\r * {\r box-sizing: border-box;\r user-select: none;\r }\r .content{\r --color: var(--oo-color-text-white);\r --bg: var(--oo-color-main);\r --radius: var(--oo-default-radius);\r \r --cancel-color: var(--oo-color-text2);\r --cancel-bg: var(--oo-color-gray-d);\r \r --simple-color: var(--oo-color-text3);\r --simple-bg: transparent;\r \r --light-color: var(--oo-color-text3);\r --light-bg: var(--oo-color-bg-white);\r \r --icon-color: var(--oo-color-text3);\r --icon-bg: transparent;\r \r --hover-bg: var(--oo-color-main-light);\r --active-bg: var(--oo-color-main-deep);\r --focus-bg: var(--oo-color-main-light);\r \r --cancel-hover-bg: var(--oo-color-gray-d1);\r --cancel-active-bg: var(--oo-color-gray-b);\r --cancel-focus-bg: var(--oo-color-gray1);\r \r --simple-hover-bg: var(--oo-color-gray-e1);\r --simple-active-bg: var(--oo-color-gray-d);\r --simple-focus-bg: var(--oo-color-gray1);\r \r --light-hover-bg: var(--oo-color-main);\r --light-active-bg: var(--oo-color-main-deep);\r --light-focus-bg: var(--oo-color-bg-white);\r --light-hover-color: var(--oo-color-text-white);\r --light-active-color: var(--oo-color-text-white);\r --light-focus-color: var(--oo-color-text3);\r \r --icon-hover-bg: var(--oo-color-gray-e1);\r --icon-active-bg: var(--oo-color-gray-d);\r --icon-focus-bg: var(--oo-color-gray1);\r }\r \r .button {\r border-radius: var(--radius);\r border: 0;\r padding: 0.375em 0.6em;\r cursor: pointer;\r color: var(--color);\r background-color: var(--bg);\r transition: background 0.1s, color 0.1s;\r text-align: center;\r display: flex;\r align-items: baseline;\r justify-content: center;\r height: 100%;\r width: 100%;\r /*display: grid;*/\r /*grid-template-columns: auto auto;*/\r gap: 0.3em;\r }\r .button.cancel{\r background-color: var(--cancel-bg);\r color: var(--cancel-color);\r }\r .button.simple{\r background-color: var(--simple-bg);\r color: unset;\r padding: 0.375em 0.375em;\r }\r .button.light{\r background-color: var(--light-bg);\r color: unset;\r padding: 0.375em 0.8em;\r border: 1px solid var(--oo-color-gray-b);\r }\r .button.icon{\r background-color: var(--icon-bg);\r color: unset;\r padding: 0.3125em;\r gap: 0;\r }\r \r div.prefix{\r display: none;\r font-size: 0.9em;\r }\r div.suffix{\r display: none;\r font-size: 0.9em;\r }\r div.text{\r height: 100%;\r display: inline-flex;\r align-items: center;\r justify-content: center;\r }\r \r .content>.icon{\r display: block;\r }\r \r .button:hover{\r background-color: var(--hover-bg);\r }\r .button:active{\r background-color: var(--active-bg);\r }\r .button:focus{\r background-color: var(--focus-bg);\r }\r .button.cancel:hover{\r background-color: var(--cancel-hover-bg);\r }\r .button.cancel:active{\r background-color: var(--cancel-active-bg);\r }\r .button.cancel:focus{\r background-color: var(--cancel-focus-bg);\r }\r .button.simple:hover{\r background-color: var(--simple-hover-bg);\r }\r .button.simple:active{\r background-color: var(--simple-active-bg);\r }\r .button.simple:focus{\r background-color: var(--simple-focus-bg);\r }\r \r .button.light:hover{\r background-color: var(--light-hover-bg);\r color: var(--light-hover-color);\r }\r .button.light:active{\r background-color: var(--light-active-bg);\r color: var(--light-active-color);\r }\r .button.light:focus{\r background-color: var(--light-focus-bg);\r color: var(--light-focus-color);\r }\r \r .button.icon:hover{\r background-color: var(--icon-hover-bg);\r }\r .button.icon:active{\r background-color: var(--icon-active-bg);\r }\r .button.icon:focus{\r background-color: var(--icon-focus-bg);\r }\r \r \r .disabled, .disabled:hover, .disabled:active, .disabled:focus {\r outline: none;\r cursor: not-allowed;\r opacity: 0.5;\r }\r .cancel.disabled, .cancel.disabled:hover, .cancel.disabled:active, .cancel.disabled:focus {\r outline: none;\r cursor: not-allowed;\r opacity: 0.5;\r }\r .hide{\r display: none;\r }\r `,nt=class nt extends y{constructor(){super();d(this,et);d(this,B1);C(this,"_elements",{text:null,prefix:null,suffix:null,button:null});d(this,X,{});C(this,"_setPropMap",{leftIcon:t=>{s.removeClass(this._elements.prefix,`ooicon-${t} icon`),this._props.leftIcon&&s.addClass(this._elements.prefix,`ooicon-${this._props.leftIcon} icon`)},rightIcon:t=>{s.removeClass(this._elements.suffix,`ooicon-${t} icon`),this._props.rightIcon&&s.addClass(this._elements.suffix,`ooicon-${this._props.rightIcon} icon`)},styles:()=>{},disabled:t=>{s.checkClass(this._elements.button,"disabled",this._props.disabled),s.toggleAttr(this._elements.button,"disabled",this._props.disabled),a(this,et,m9).call(this,this._props.disabled)},type:t=>{this._props.type||(this._props.type="default"),t&&s.removeClass(this._elements.button,t),s.addClass(this._elements.button,this._props.type)},text:()=>{this.innerHTML.trim()||(this._elements.text.textContent=this._props.text)},skin:()=>{this._useSkin(this._props.skin)},$default:t=>{t==="value"&&(this.value=this._props[t]),s.toggleAttr(this._elements.button,t,this._props[t])}})}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_init(t,e,i,o){this._initialize(t,e||nt,i||y7,o||k7)}_render(){const t=this;new MutationObserver(function(){var i;a(i=t,B1,o4).call(i)}).observe(this,{subtree:!0,childList:!0,attributes:!0,characterData:!0}),a(this,B1,o4).call(this)}_connected(){}};X=new WeakMap,et=new WeakSet,m9=function(t){if(t){p(this,X,l(this,X)||{});for(let e in this)e.startsWith("on")&&this[e]&&(l(this,X)[e]=this[e],this[e]=null);this.style.pointerEvents="none"}else{if(l(this,X))for(let e in l(this,X))l(this,X)[e]&&(this[e]=l(this,X)[e],l(this,X)[e]=null);this.style.pointerEvents="auto"}},B1=new WeakSet,o4=function(){this.innerHTML.trim()&&(s.empty(this._elements.text),this._elements.text.insertAdjacentHTML("beforeend",this.innerHTML))},C(nt,"prop",{leftIcon:"",rightIcon:"",styles:"",disabled:!1,text:"",type:"",skin:""});let Y5=nt;class X4 extends Y5{constructor(){super(),this._init("oo-button")}}const E7=`

\r

\r

\r

\r

\r

\r

\r

\r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r

\r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r

\r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r

周	一	二	三	四	五	六	日

\r

\r

\r

清除

\r

今天

\r

\r

\r

\r

\r

\r

00
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23

\r

\r

\r

\r

清除

\r

\r

`,M7=`*{box-sizing:border-box}.content{display:flex;height:100%;padding:1em;overflow:auto;-webkit-user-select:none;user-select:none}.left{flex:8;display:grid;grid-template-rows:2em 1fr 1.5em}.right{flex:5;height:100%}.top{background-color:var(--oo-color-gray2);height:2em;display:flex;line-height:2em}.middle{flex:1}.bottom{line-height:1em;display:flex;justify-content:space-between}.title{cursor:pointer;color:var(--oo-color-text);font-weight:700;flex:1;padding-left:.8em}.title:hover{color:var(--oo-color-main)}.prev{height:2em;line-height:2em;cursor:pointer;padding-left:1em}.prev:hover{color:var(--oo-color-main)}.next{height:2em;line-height:2em;cursor:pointer;padding-left:1em}.next:hover{color:var(--oo-color-main)}.time{display:flex;height:100%}.timeWithClean{height:calc(100% - 1.5em)}.cleanTime{height:1.5em;text-align:center;color:var(--oo-color-main);cursor:pointer}table{width:100%;height:100%}th{color:var(--oo-color-text);font-weight:700;line-height:2em;height:2em}td{cursor:pointer;text-align:center;color:var(--oo-color-text)}td.other{color:var(--oo-color-text3)}td div{display:flex;justify-content:center}td span{display:block;border:1px solid transparent}.yearContent td span,.monthContent td span{height:2.5em;line-height:2.5em;padding:0 .2em;border-radius:.25em}.dateContent td span{height:1.6em;line-height:1.6em;width:1.6em;border-radius:.25em}td:hover span{border-color:var(--oo-color-over);background-color:var(--oo-color-over)}td.today span{color:var(--oo-color-main);border-color:var(--oo-color-main);background-color:var(--oo-color-bg-white)}td.selected span{color:var(--oo-color-text-white);border-color:var(--oo-color-main);background-color:var(--oo-color-main)}.week-row-over span,.week-row-selected span{border-color:var(--oo-color-over)!important;background-color:var(--oo-color-over)!important}.week-row-selected>td:first-child>div>span{color:var(--oo-color-text-white)!important;border-color:var(--oo-color-main)!important;background-color:var(--oo-color-main)!important}.line{height:100%;width:1em;border-right:1px solid var(--oo-color-gray1)}ul{padding:0;margin:0;list-style:none;overflow:auto;flex:1;min-width:2em}ul::-webkit-scrollbar{display:none;width:0;height:0}li{text-align:center;height:2em;line-height:2em;cursor:pointer;display:flex;justify-content:center}li span{height:1.6em;display:block;line-height:1.6em;width:1.6em;border-radius:.25em;border:1px solid transparent}li:hover span{border-color:var(--oo-color-over);background-color:var(--oo-color-over)}li.selected span{color:var(--oo-color-text-white);border-color:var(--oo-color-main);background-color:var(--oo-color-main)}.week{color:var(--oo-color-main)}.disabled{color:var(--oo-color-text4)!important}.disabled span{border-color:transparent!important;background-color:transparent!important}.today,.clean{color:var(--oo-color-main);cursor:pointer}.hide{display:none}ul::-webkit-scrollbar{display:unset;background-color:transparent;cursor:pointer;width:4px;height:4px}ul::-webkit-scrollbar-thumb{width:4px;border-radius:4px;background-color:var(--oo-color-text3);cursor:pointer}ul::-webkit-scrollbar-thumb:hover{width:4px;border-radius:4px;background-color:var(--oo-color-text2);cursor:pointer} `,w=class w extends y{constructor(){super();d(this,J1);d(this,Q1);d(this,t5);d(this,it);d(this,x2);d(this,e5);d(this,z2);d(this,n5);d(this,rt);d(this,C1);d(this,ot);d(this,w2);d(this,X3);d(this,m1);d(this,G3);d(this,$2);d(this,l2);d(this,N2);d(this,g1);d(this,v1);d(this,G);d(this,s5);d(this,lt);d(this,R2);d(this,at);d(this,B2);d(this,dt);d(this,V2);d(this,Q,void 0);d(this,Z2,void 0);d(this,W,void 0);d(this,t2,void 0);d(this,e2,void 0);d(this,v,void 0);d(this,k,void 0);d(this,S,void 0);d(this,j,void 0);d(this,T,void 0);d(this,Z,void 0);d(this,I,void 0);d(this,V1,void 0);d(this,W1,void 0);d(this,H1,void 0);d(this,Y1,void 0);d(this,q1,void 0);d(this,U1,void 0);d(this,X1,void 0);d(this,a1,void 0);d(this,L2,void 0);d(this,d1,void 0);d(this,D2,void 0);d(this,r2,void 0);d(this,F2,void 0);d(this,j2,void 0);d(this,I2,void 0);d(this,_2,void 0);d(this,h1,void 0);d(this,G1,void 0);d(this,K1,void 0);d(this,c1,void 0);d(this,p1,void 0);d(this,u1,void 0);C(this,"_elements",{content:null,top:null,title:null,prev:null,next:null,middle:null,bottom:null,left:null,yearContent:null,monthContent:null,dateContent:null,right:null,time:null,hourContent:null,minuteContent:null,secondContent:null,line:null,clean:null,cleanTime:null,today:null});d(this,U3,{});C(this,"_setPropMap",{skin:()=>{this._useSkin(this._props.skin)},view:()=>{this.currentView=this._props.view,this.showView()},value:()=>{this._props.value!==l(this,_2)&&(a(this,Q1,a4).call(this),this.showView(),a(this,e5,h4).call(this))},baseDate:()=>{a(this,t5,d4).call(this),this.showView()},yearOnly:()=>{this._changeType()},monthOnly:()=>{this._changeType()},dateOnly:()=>{this._changeType()},weekOnly:()=>{this._changeType()},timeOnly:()=>{this._changeType()},secondEnable:()=>{a(this,x2,O1).call(this),this.setContentEvent()},cleanEnable:()=>{a(this,x2,O1).call(this)},todayEnable:()=>{a(this,x2,O1).call(this)},datetimeRange:()=>{this.setRange()},dateRange:()=>{this.setRange()},timeRange:()=>{this.setRange()},weekBegin:()=>{this.currentView==="date"&&this.showView()},$default:t=>{}});d(this,st,[t=>this._props.yearOnly&&a(this,g1,c3).call(this,t)&&p(this,k,parseInt(t)||!0),t=>this._props.monthOnly&&a(this,v1,p3).call(this,t)&&((()=>{const[e,i]=t.split("-");p(this,k,parseInt(e)),p(this,S,parseInt(i)-1)})()||!0),t=>this._props.dateOnly&&a(this,G,f2).call(this,t)&&((()=>{const[e,i,o]=t.split("-");p(this,k,parseInt(e)),p(this,S,parseInt(i)-1),p(this,j,parseInt(o))})()||!0),t=>this._props.weekOnly&&((()=>{const[e,i]=t.split(" ");p(this,k,parseInt(e)),p(this,a1,parseInt(i))})()||!0),t=>this._props.timeOnly&&((()=>{const[e,i,o]=t.split(":");a(this,R2,F5).call(this,e)&&p(this,T,parseInt(e)),a(this,B2,j5).call(this,i)&&p(this,Z,parseInt(i)),o&&a(this,V2,I5).call(this,o)&&p(this,I,parseInt(o))})()||!0),t=>{const e=w.parseDate(t,!0);a(this,G,f2).call(this,e)&&(p(this,k,e.getFullYear()),p(this,S,e.getMonth()),p(this,j,e.getDate())),a(this,R2,F5).call(this,e.getHours())&&p(this,T,e.getHours()),a(this,B2,j5).call(this,e.getMinutes())&&p(this,Z,e.getMinutes()),a(this,V2,I5).call(this,e.getSeconds())&&p(this,I,e.getSeconds())}]);this._initialize("oo-calendar",w,E7,M7)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}static parseDate(t,e){return t?g(t)==="date"?e?new Date(t.getTime()):t:new Date(t):null}_setProps(t,e){const i=this._props[t];e!==i&&(this._setPropMap[t]?this._setPropMap[t](e,i):this._setPropMap.$default(t,e,i))}_render(){this.currentView=a(this,J1,l4).call(this),this.setRange(),a(this,x2,O1).call(this),a(this,t5,d4).call(this),a(this,Q1,a4).call(this),this.showView(),a(this,e5,h4).call(this),(!this._props.yearOnly||!this._props.monthOnly||!this._props.dateOnly||!this._props.weekOnly)&&(a(this,n5,c4).call(this),a(this,C1,d3).call(this),a(this,w2,P1).call(this))}_changeType(){this.currentView=a(this,J1,l4).call(this),a(this,x2,O1).call(this),this.setContentEvent(),this.showView()}_setEvent(){this._elements.title.addEventListener("click",()=>{this.changeView()}),this._elements.prev.addEventListener("click",()=>{this.gotoPrev()}),this._elements.next.addEventListener("click",()=>{this.gotoNext()}),this._elements.today.addEventListener("click",()=>{this.gotoToday()}),this._elements.clean.addEventListener("click",()=>{this.clear()}),this._elements.cleanTime.addEventListener("click",()=>{this.clear()}),this.setContentEvent()}setContentEvent(){this._props.timeOnly||this.setYearEvent(),!this._props.timeOnly&&!this._props.yearOnly&&this.setMonthEvent(),!this._props.timeOnly&&!this._props.yearOnly&&!this._props.monthOnly&&(this._props.weekOnly?this.setWeekEvent():this.setDateEvent()),!this._props.yearOnly&&!this._props.monthOnly&&!this._props.dateOnly&&!this._props.weekOnly&&(this.setHourEvent(),this.setMinuteEvent(),this._props.secondEnable&&this.setSecondEvent())}getDate(){const t=b2(l(this,v));return g(l(this,k))!=="null"&&t.setFullYear(l(this,k)),g(l(this,S))!=="null"&&t.setMonth(l(this,S)),g(l(this,j))!=="null"&&t.setDate(l(this,j)),t.setHours(l(this,T)||0),t.setMinutes(l(this,Z)||0),t.setSeconds(l(this,I)||0),t}getSelectedDate(){return g(l(this,k))!=="null"&&g(l(this,S))!=="null"&&g(l(this,j))!=="null"?new Date(l(this,k),l(this,S),l(this,j)):null}selectDate(t){const e=t.parentNode.parentNode.querySelector("td.selected");e&&s.removeClass(e,"selected"),s.addClass(t,"selected"),this.dispatchChangeEvent()}selectTime(t){const e=t.parentNode.querySelector("li.selected");e&&s.removeClass(e,"selected"),s.addClass(t,"selected"),this.dispatchChangeEvent()}getDefaultFormat(){return this._props.yearOnly&&"YYYY"||this._props.monthOnly&&"YYYY-MM"||this._props.dateOnly&&"YYYY-MM-DD"||this._props.weekOnly&&"YYYY ww"||this._props.timeOnly&&(this._props.secondEnable?"HH:mm:ss":"HH:mm")||"YYYY-MM-DD HH:mm:ss"}dispatchChangeEvent(){const t=this.getDate(),e=this._props.format||this.getDefaultFormat();p(this,_2,V(t,e)),this.dispatchEvent(new CustomEvent("change",{detail:{date:t,value:l(this,_2)}}))}dispatchWeekEvent(t,e,i){const o=this._props.format||this.getDefaultFormat(),h=w.parseDate(e),c=w.parseDate(i);p(this,_2,V(h,o)),this.dispatchEvent(new CustomEvent("change",{detail:{date:h,value:l(this,_2),startDate:h,endDate:c,weekNumber:t}}))}clear(){p(this,k,null),p(this,S,null),p(this,j,null),p(this,T,null),p(this,Z,null),p(this,I,null);var t=this._elements.content.querySelectorAll(".selected");t.forEach(e=>{s.removeClass(e,"selected")}),this.dispatchEvent(new CustomEvent("change",{detail:{date:null,value:""}}))}gotoToday(){const t=new Date;l(this,v).setFullYear(t.getFullYear()),l(this,v).setMonth(t.getMonth()),l(this,v).setDate(t.getDate()),this.showView()}gotoPrev(){switch(this.currentView){case"year":B(l(this,v),"year",-16),this.changeViewToYear();break;case"month":B(l(this,v),"year",-1),this.changeViewToMonth();break;case"date":B(l(this,v),"month",-1),this.changeViewToDate();break;case"week":B(l(this,v),"month",-1),this.changeViewToWeek();break}}gotoNext(){switch(this.currentView){case"year":B(l(this,v),"year",16),this.changeViewToYear();break;case"month":B(l(this,v),"year",1),this.changeViewToMonth();break;case"date":B(l(this,v),"month",1),this.changeViewToDate();break;case"week":B(l(this,v),"month",1),this.changeViewToWeek();break}}setTitle(t){let e;switch(this.currentView){case"year":t&&(this._elements.title.textContent=t);return;case"month":e={year:"numeric"};break;case"date":case"week":e={year:"numeric",month:"long"};break;default:e={year:"numeric",month:"long",day:"numeric"}}this._elements.title.textContent=new Intl.DateTimeFormat("zh-CN",e).format(l(this,v))}showView(){switch(this.currentView){case"year":this.changeViewToYear();break;case"month":this.changeViewToMonth();break;case"date":this.setWeekTitle(),this.changeViewToDate();break;case"week":this.setWeekTitle(),this.changeViewToWeek();break}}changeView(){switch(this.currentView){case"date":case"week":this.changeViewToMonth();break;case"month":this.changeViewToYear();break;case"year":if(this._props.yearOnly)break;this._props.monthOnly?this.changeViewToMonth():this._props.weekOnly?this.changeViewToWeek():this.changeViewToDate();break}}changeViewToYear(t){this.currentView="year",a(this,z2,P5).call(this,"year"),this.setYearContent(t)}setYearContent(){this.setYearEvent();const t=this._elements.yearContent.querySelectorAll("td"),e=new Date().getFullYear(),i=l(this,k),o=l(this,v).getFullYear();let h=new Date(o,1,1);h.setFullYear(h.getFullYear()-2);const c=h.getFullYear();h.setFullYear(h.getFullYear()+t.length-1);const u=h.getFullYear();this.setTitle(c+"-"+u),t.forEach((m,f)=>{const _=c+f;m.querySelector("span").textContent=_,m.dataset.year=_.toString(),s.checkClass(m,"selected",i===_),s.checkClass(m,"today",e===_),this._props.enableYear&&s.checkClass(m,"disabled",!a(this,g1,c3).call(this,_))})}setYearEvent(){l(this,V1)||(this._elements.yearContent.querySelectorAll("td").forEach(t=>{t.addEventListener("click",()=>{let e=t.dataset.year;a(this,g1,c3).call(this,e)&&(l(this,v).setFullYear(e),this._props.yearOnly?(p(this,k,parseInt(e)),this.selectDate(t)):this.changeViewToMonth())})}),p(this,V1,!0))}changeViewToMonth(){this.currentView="month",this.setTitle(),a(this,z2,P5).call(this,"month"),this.setMonthContent()}setMonthContent(){const t=new Date().getFullYear(),e=new Date().getMonth(),i=l(this,k),o=l(this,S),h=l(this,v).getFullYear();this._elements.monthContent.querySelectorAll("td").forEach((u,m)=>{if(u.querySelector("span").textContent=this._props.months[m].substr(0,2),u.dataset.year=h.toString(),u.dataset.month=(m+1).toString(),s.checkClass(u,"selected",i===h&&o===m),s.checkClass(u,"today",t===h&&e===m),l(this,D2)){const f=u.dataset.month;s.checkClass(u,"disabled",!a(this,v1,p3).call(this,h+"-"+f))}})}setMonthEvent(){l(this,W1)||(this._elements.monthContent.querySelectorAll("td").forEach(t=>{t.addEventListener("click",()=>{let e=t.dataset.year,i=t.dataset.month;a(this,v1,p3).call(this,e+"-"+i)&&(l(this,v).setFullYear(e),l(this,v).setMonth(parseInt(i)-1),this._props.monthOnly?(p(this,k,parseInt(e)),p(this,S,parseInt(i)-1),this.selectDate(t)):this._props.weekOnly?this.changeViewToWeek(e,i):this.changeViewToDate(e,i))})}),p(this,W1,!0))}changeViewToDate(){this.currentView="date",this.setTitle(),a(this,z2,P5).call(this,"date"),this.setDateContent()}setWeekTitle(){this._elements.dateContent.querySelectorAll("th").forEach((e,i)=>{i===0?s.checkClass(e,"hide",!this._props.weekOnly):e.textContent=this._props.daysTitles[(i-1+this._props.weekBegin)%7]})}setDateContent(){const t=z(new Date).getTime(),e=this.getSelectedDate(),i=e?e.getTime():null,o=z(l(this,v),!0);o.setDate(1);const h=b2(o),c=(7+h.getDay()+1-this._props.weekBegin)%7;h.setDate(h.getDate()-c),this._elements.dateContent.querySelectorAll("td").forEach((m,f)=>{f%8!==0&&(h.setDate(h.getDate()+1),m.querySelector("span").textContent=h.getDate().toString(),m.dataset.dateValue=V(h,"YYYY-MM-DD"),s.checkClass(m,"selected",h.getTime()===i),s.checkClass(m,"today",h.getTime()===t),s.checkClass(m,"other",h.getMonth()!==l(this,v).getMonth()),l(this,r2)&&s.checkClass(m,"disabled",!a(this,G,f2).call(this,h)))})}setDateEvent(){l(this,H1)||(this._elements.dateContent.querySelectorAll("td").forEach((t,e)=>{e%8!==0&&t.addEventListener("click",()=>{let i=t.dataset.dateValue;if(a(this,G,f2).call(this,i)){const o=i.split("-");l(this,v).setFullYear(o[0]),l(this,v).setMonth(parseInt(o[1])-1),l(this,v).setDate(o[2]),p(this,k,parseInt(o[0])),p(this,S,parseInt(o[1])-1),p(this,j,parseInt(o[2])),this._props.dateOnly||(a(this,n5,c4).call(this),a(this,C1,d3).call(this),a(this,w2,P1).call(this)),this.selectDate(t)}})}),p(this,H1,!0))}changeViewToWeek(){this.currentView="week",this.setTitle(),a(this,z2,P5).call(this,"week"),this.setWeekContent()}setWeekContent(){const t=z(new Date).getTime(),e=z(l(this,v),!0);e.setDate(1);const i=b2(e),o=(7+i.getDay()+1-this._props.weekBegin)%7;i.setDate(i.getDate()-o),this._elements.dateContent.querySelectorAll("td").forEach((c,u)=>{if(u%8===0){const m=b2(i);m.setDate(m.getDate()+1);const f=m.getFullYear(),_=Y4(m,this._props.weekBegin);c.querySelector("span").textContent=_,c.parentNode.dataset.weekNumber=_,c.parentNode.dataset.year=f,s.removeClass(c,"hide"),s.checkClass(c.parentNode,"week-row-selected",f===l(this,k)&&_===l(this,a1))}else i.setDate(i.getDate()+1),c.querySelector("span").textContent=i.getDate().toString(),c.dataset.dateValue=V(i,"YYYY-MM-DD"),s.checkClass(c,"today",i.getTime()===t),s.checkClass(c,"other",i.getMonth()!==l(this,v).getMonth()),l(this,r2)&&s.checkClass(c,"disabled",!a(this,G,f2).call(this,i))})}setWeekEvent(){l(this,X1)||(this._elements.dateContent.querySelectorAll("tr").forEach((t,e)=>{t.addEventListener("mouseenter",()=>{if(l(this,L2)){const i=t.querySelector("td:nth-child(2)").dataset.dateValue,o=t.querySelector("td:last-child").dataset.dateValue;a(this,s5,p4).call(this,i,o)&&s.addClass(t,"week-row-over")}else s.addClass(t,"week-row-over")}),t.addEventListener("mouseleave",()=>{s.removeClass(t,"week-row-over")}),t.addEventListener("click",()=>{const i=t.querySelector("td:nth-child(2)").dataset.dateValue,o=t.querySelector("td:last-child").dataset.dateValue;l(this,L2)?a(this,s5,p4).call(this,i,o)&&this.selectWeek(t,i,o):this.selectWeek(t,i,o)})}),p(this,X1,!0))}selectWeek(t,e,i){const o=t.parentNode.querySelector("tr.week-row-selected");o&&s.removeClass(o,"week-row-selected"),s.addClass(t,"week-row-selected");const[h,c,u]=e.split("-");l(this,v).setFullYear(h),l(this,v).setMonth(parseInt(c)-1),l(this,v).setDate(u),p(this,k,parseInt(h)),p(this,S,parseInt(c)-1),p(this,j,parseInt(u));const m=t.dataset.weekNumber;p(this,a1,parseInt(m)),this.dispatchWeekEvent(m,e,i)}setHourEvent(){if(l(this,Y1))return;const t=()=>{l(this,c1)||a(this,m1,h3).call(this,this._elements.hourContent),p(this,c1,!1)};this._elements.hourContent.addEventListener("scroll",()=>{R(t,100,this)}),this._elements.hourContent.querySelectorAll("li").forEach((e,i)=>{const o=i.toString().padStart(2,"0");e.dataset.hour=o,e.addEventListener("click",()=>{a(this,R2,F5).call(this,o)&&(l(this,v).setHours(o),p(this,T,parseInt(o)),a(this,C1,d3).call(this),a(this,w2,P1).call(this),this.selectTime(e))})}),p(this,Y1,!0)}setMinuteEvent(){if(l(this,q1))return;const t=()=>{l(this,p1)||a(this,m1,h3).call(this,this._elements.minuteContent),p(this,p1,!1)};this._elements.minuteContent.addEventListener("scroll",()=>{R(t,100,this)}),this._elements.minuteContent.querySelectorAll("li").forEach((e,i)=>{const o=i.toString().padStart(2,"0");e.dataset.minute=o,e.addEventListener("click",()=>{a(this,B2,j5).call(this,o)&&(l(this,v).setMinutes(o),p(this,Z,parseInt(o)),a(this,w2,P1).call(this),this.selectTime(e))})}),p(this,q1,!0)}setSecondEvent(){if(l(this,U1))return;const t=()=>{l(this,u1)||a(this,m1,h3).call(this,this._elements.secondContent),p(this,u1,!1)};this._elements.secondContent.addEventListener("scroll",()=>{R(t,100,this)}),this._elements.secondContent.querySelectorAll("li").forEach((e,i)=>{const o=i.toString().padStart(2,"0");e.dataset.second=o,e.addEventListener("click",()=>{a(this,V2,I5).call(this,o)&&(l(this,v).setSeconds(o),p(this,I,parseInt(o)),this.selectTime(e))})}),p(this,U1,!0)}setRange(){p(this,d1,null),p(this,D2,null),p(this,r2,null),p(this,L2,null),p(this,F2,null),p(this,j2,null),p(this,I2,null),this._props.datetimeRange&&this._props.datetimeRange.length?(p(this,h1,l1(`return ${this._props.datetimeRange}`)),this.setDatetimeRange()):(this._props.dateRange&&this._props.dateRange.length&&(p(this,G1,l1(`return ${this._props.dateRange}`)),this.setDateRange()),this._props.timeRange&&this._props.timeRange.length&&(p(this,K1,l1(`return ${this._props.timeRange}`)),this.setTimeRange()))}setDatetimeRange(){const t=l(this,h1),e=g(t[0])!=="array"?[t]:t;!e[0][0]&&!e[0][1]||(this.setDateRange(l(this,h1)),p(this,t2,e.map(i=>[w.parseDate(i[0]),w.parseDate(i[1])])),p(this,e2,e.map(i=>[z(i[0],!0),z(i[1],!0)])),p(this,F2,i=>{if(!i)return[0,23];const o=z(i,!0),h=[];for(let c=0;c{if(!i)return[0,59];const h=z(i,!0),c=[];for(let u=0;u{if(!i)return[0,59];const c=z(i,!0),u=[];for(let m=0;m[z(i[0],!0),w7(i[1],!0)])),p(this,d1,i=>{const o=new Date(i+"-01-01"),h=new Date(i+"-12-31");for(let c=0;c{const o=new Date(i+"-01"),h=x7(...i.split("-"));for(let c=0;c{const o=z(i,!0);for(let h=0;h{do{if(l(this,r2).call(this,i))return!0;i=i.setDate(i.getDate()+1)}while(i<=o);return!1}))}setTimeRange(){const t=l(this,K1),e=g(t[0])!=="array"?[t]:t;!e[0][0]&&!e[0][1]||(p(this,Q,e.map(i=>[i[0]?new Date("2020-01-01 "+i[0]):null,i[1]?new Date("2020-01-01 "+i[1]):null])),p(this,F2,i=>{if(l(this,Z2))return l(this,Z2);const o=[];for(let h=0;h{const h=[];for(let c=0;c{const c=[];for(let u=0;ue(t)),isNaN(l(this,k))||l(this,v).setFullYear(l(this,k)),isNaN(l(this,S))||l(this,v).setMonth(l(this,S)),isNaN(l(this,j))||l(this,v).setDate(l(this,j)),isNaN(l(this,T))||l(this,v).setHours(l(this,T)),isNaN(l(this,Z))||l(this,v).setMinutes(l(this,Z)),isNaN(l(this,I))||l(this,v).setSeconds(l(this,I))},t5=new WeakSet,d4=function(){p(this,v,a(this,it,g9).call(this))},it=new WeakSet,g9=function(){var t,e;if(this._props.baseDate&&a(this,G,f2).call(this,this._props.baseDate))return w.parseDate(this._props.baseDate,!0);if(a(this,G,f2).call(this,new Date))return new Date;if((t=this._props)!=null&&t.datetimeRange.length)return b2(l(this,t2)[0][0]||l(this,t2)[0][1]);if((e=this._props)!=null&&e.dateRange.length)return b2(l(this,W)[0][0]||l(this,W)[0][1])},x2=new WeakSet,O1=function(){s.checkClass(this._elements.left,"hide",this._props.timeOnly),s.checkClass(this._elements.yearContent,"hide",this.currentView!=="year"),s.checkClass(this._elements.monthContent,"hide",this.currentView!=="month"),s.checkClass(this._elements.dateContent,"hide",this.currentView!=="date"),s.checkClass(this._elements.right,"hide",this._props.yearOnly||this._props.monthOnly||this._props.dateOnly||this._props.weekOnly),s.checkClass(this._elements.time,"timeWithClean",this._props.cleanEnable&&this._props.timeOnly),s.checkClass(this._elements.secondContent,"hide",!this._props.secondEnable),s.checkClass(this._elements.line,"hide",this._props.yearOnly||this._props.monthOnly||this._props.dateOnly||this._props.weekOnly||this._props.timeOnly),s.checkClass(this._elements.clean,"hide",!this._props.cleanEnable),s.checkClass(this._elements.cleanTime,"hide",!this._props.cleanEnable||!this._props.timeOnly),s.checkClass(this._elements.today,"hide",!this._props.todayEnable||!a(this,G,f2).call(this,new Date))},e5=new WeakSet,h4=function(){a(this,rt,v9).call(this),a(this,ot,f9).call(this),a(this,w2,P1).call(this)},z2=new WeakSet,P5=function(t){s.checkClass(this._elements.yearContent,"hide",t!=="year"),s.checkClass(this._elements.monthContent,"hide",t!=="month"),s.checkClass(this._elements.dateContent,"hide",!["date","week"].includes(t))},n5=new WeakSet,c4=function(){this._elements.hourContent.querySelectorAll("li").forEach((t,e)=>{const i=a(this,R2,F5).call(this,e);s.checkClass(t,"disabled",!i),!i&&l(this,T)===e&&(p(this,T,null),s.removeClass(t,"selected"))})},rt=new WeakSet,v9=function(){this._elements.hourContent.querySelectorAll("li").forEach((t,e)=>{s.checkClass(t,"selected",l(this,T)===e),l(this,T)===e&&setTimeout(()=>{debugger;e!==0&&p(this,c1,!0),t.scrollIntoView({block:"nearest"})},100)})},C1=new WeakSet,d3=function(){this._elements.minuteContent.querySelectorAll("li").forEach((t,e)=>{const i=a(this,B2,j5).call(this,e);s.checkClass(t,"disabled",!i),!i&&l(this,Z)===e&&(p(this,Z,null),s.removeClass(t,"selected"))})},ot=new WeakSet,f9=function(){this._elements.minuteContent.querySelectorAll("li").forEach((t,e)=>{s.checkClass(t,"selected",l(this,Z)===e),l(this,Z)===e&&setTimeout(()=>{e!==0&&p(this,p1,!0),t.scrollIntoView({block:"nearest"})},100)})},w2=new WeakSet,P1=function(){this._props.secondEnable&&this._elements.secondContent.querySelectorAll("li").forEach((t,e)=>{const i=a(this,V2,I5).call(this,e);s.checkClass(t,"disabled",!i),!i&&l(this,I)===e&&(p(this,I,null),s.removeClass(t,"selected"))})},X3=new WeakSet,R6=function(){this._props.secondEnable&&this._elements.secondContent.querySelectorAll("li").forEach((t,e)=>{s.checkClass(t,"selected",l(this,I)===e),l(this,I)===e&&setTimeout(()=>{e!==0&&p(this,u1,!0),t.scrollIntoView({block:"nearest"})},100)})},m1=new WeakSet,h3=function(t){const e=t.querySelector("li"),i=s.getSize(e).y;t.scrollTop%ie||t-e===0},$2=new WeakSet,Z5=function(t,e){return te.start)o.start=e.start;else if(e.end>i[0][1])o.start=i[0][1],i.shift();else return[];const h=[];for(;i.length>0;){if(i[0][0]>=e.end)return o.end=e.end,h.push({...o}),this.parse(h,t);if(e.end<=i[0][1])return o.end=i[0][0],h.push({...o}),this.parse(h,t);o.end=i[0][0],h.push({...o}),o.start=i[0][1],i.shift()}return o.end=e.end,h.push({...o}),this.parse(h,t)},union(r,n){if(!r||r.length===0)return r;const t=r.map(h=>this.getRangeObject(h)).sort((h,c)=>h.start-c.start),e=[];let i=t.shift(),o;for(;t.length>0;)o=t.shift(),this.isIntersection(i,o)?i.end=Math.max(i.end,o.end):(e.push({...i}),i=o);return o?this.isIntersection(i,o)?(i.end=Math.max(i.end,o.end),e.push({...i})):e.push({...i}):e.push({...i}),this.parse(e,n)},intersection(r,n){if(!r||r.length===0)return r;if(r.length===1)return r[1];const t=r.map(i=>this.getRangeObject(i)).sort((i,o)=>i.start-o.start),e=t.shift();for(;t.length>0;){const i=t.shift();if(this.isIntersection(e,i))e.start=i.start,e.end=Math.min(e.end,i.end);else return[]}return n&&n==="date"?[new Date(e.start),new Date(e.end)]:[e.start,e.end]},isIntersection(r,n){const t=g(r)==="object"?r:this.getRangeObject(r),e=g(n)==="object"?n:this.getRangeObject(n);return!(t.start>e.end||e.start>t.end)},parse(r,n){return r.map(t=>n&&n==="date"?[new Date(t.start),new Date(t.end)]:[t.start,t.end])},getRangeObject(r){if(r[0]&&r[1])return{start:Math.min(r[0],r[1]),end:Math.max(r[0],r[1])};if(!r[0]&&r[1])return{start:-1/0,end:r[1]};if(r[0]&&!r[1])return{start:r[0],end:1/0}}};const S7=`
\r
\r \r
\r
\r
\r \r
\r
\r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r \r
周一周二周三周四周五周六周日
\r
\r
`,T7=`.content{display:flex;flex-direction:column;height:100%}.top{background-color:var(--oo-color-gray2);height:2.5em;display:flex;align-items:center;line-height:2.5em}.middle{flex:1}.title{cursor:pointer;color:var(--oo-color-text);font-weight:700;flex:1;padding-left:.8em}.title:hover{color:var(--oo-color-main)}.date{font-size:1.25em;cursor:pointer}.date:hover{color:var(--oo-color-main)}.prev{font-size:1.25em;cursor:pointer;padding-right:.5em;height:2.5em;line-height:2.5em;width:2.5em;text-align:right}.prev:hover{color:var(--oo-color-main)}.next{font-size:1.25em;cursor:pointer;padding-left:.5em;height:2.5em;line-height:2.5em;width:2.5em}.next:hover{color:var(--oo-color-main)}table{width:100%;border-top:1px solid var(--oo-color-gray-d1);border-left:1px solid var(--oo-color-gray-d1);table-layout:fixed}th{color:var(--oo-color-text);font-weight:400;background-color:#f7f7f7;line-height:2em;height:2em;border-right:1px solid var(--oo-color-gray-d1);border-bottom:1px solid var(--oo-color-gray-d1)}td{cursor:pointer;color:var(--oo-color-text);border-right:1px solid var(--oo-color-gray-d1);border-bottom:1px solid var(--oo-color-gray-d1);vertical-align:top}td.other{color:var(--oo-color-text3)}td>div:first-child{min-height:8em;padding:.25em}td div.cellTitle{display:flex;justify-content:space-between}td span:first-child{display:inline-block;text-align:center;border:1px solid transparent;height:1.5em;line-height:1.5em;width:1.5em;border-radius:1.5em}td.today span{color:var(--oo-color-text-white);background-color:var(--oo-color-main)}.disabled{color:var(--oo-color-text4)!important}.disabled span{border-color:transparent!important;background-color:transparent!important}.hide{display:none} `;customElements.get("oo-calendar")||customElements.define("oo-calendar",j1);const A7=`* {\r box-sizing: border-box;\r }\r .content{\r /*display: contents;*/\r padding: var(--oo-menu-padding);\r }\r `,O7=`

`,ht=class ht extends y{constructor(){super();C(this,"_setPropMap",{css:()=>{this.useCss(this._props.css)},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)},isShow:()=>{this._props.isShow&&window.setTimeout(()=>{this.show()},10)}});d(this,y2,null);d(this,k2,null);d(this,E2,null)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_init(t,e,i,o){this._initialize(t,e||ht,i||O7,o||A7)}_setEvent(){super._setEvent(),this.shadowRoot.addEventListener("mousedown",t=>{t.stopPropagation()})}show(t,e){!l(this,y2)&&!l(this,k2)&&(p(this,y2,Object.assign({},{scale:0},t)),p(this,k2,Object.assign({},{scale:1},e)),s.setStyles(this,{scale:0}),s.addClass(this,"show"),window.setTimeout(()=>{s.addClass(this,"transition"),s.setStyles(this,{scale:1})},10),window.setTimeout(()=>{this.dispatchEvent(new Event("show"))},210),this._addHideEvent(),this.isHide=!1)}_addHideEvent(){l(this,E2)||p(this,E2,()=>{this.hide()}),document.addEventListener("mousedown",l(this,E2))}hide(){l(this,y2)&&l(this,k2)&&!this.isHide&&(s.setStyles(this,l(this,y2)),window.setTimeout(()=>{s.removeClass(this,"transition"),s.removeClass(this,"show"),s.setStyles(this,l(this,k2)??{}),p(this,k2,null),p(this,y2,null),this._afterHide(),this.dispatchEvent(new Event("hide"))},200),this._removeHideEvent(),this.isHide=!0)}_afterHide(){}_removeHideEvent(){l(this,E2)&&document.removeEventListener("mousedown",l(this,E2))}};y2=new WeakMap,k2=new WeakMap,E2=new WeakMap,C(ht,"prop",{css:"",cssLink:"",skin:"",isShow:!1});let q5=ht;class L3 extends q5{constructor(){super(),this._init("oo-menu",L3)}}customElements.get("oo-menu")||customElements.define("oo-menu",L3);const P7=`* {\r box-sizing: border-box;\r }\r .content{\r --padding: 0.5em 0.714em 0.5em 0.714em;\r --radius: 0.2em;\r --border-color: var(--oo-color-gray-d);\r --shadow: 0 0 0.5em 0.125em var(--oo-color-gray-e);\r display: flex;\r width: 100%;\r justify-content: flex-start;\r align-items: center;\r flex-wrap: nowrap;\r padding: var(--padding);\r cursor: pointer;\r color: var(--oo-color-text2);\r white-space: nowrap;\r min-width: 10rem;\r }\r \r .enabled:hover{\r background-color: var(--oo-color-light);\r color: var(--oo-color-main);\r }\r .disabled{\r opacity: 0.4;\r cursor: not-allowed;\r }\r `,Z7=`

`,ct=class ct extends y{constructor(){super();C(this,"_elements",{});C(this,"_setPropMap",{css:()=>{this.useCss(this._props.css)},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)},label:()=>{switch(this._props.type){case"command":this._elements.label&&(this._elements.label.textContent=this._props.label);break;case"checkbox":case"radio":this._elements.input&&(this._elements.input.text=this._props.label);break}},disabled:()=>{switch(s.removeClass(this._content,"disabled"),s.addClass(this._content,"enabled"),this._props.type){case"command":this._props.disabled&&(s.removeClass(this._content,"enabled"),s.addClass(this._content,"disabled"));break;case"checkbox":case"radio":this._elements.input.disabled=this._props.disabled,this._props.disabled&&s.removeClass(this._content,"enabled");break}},icon:t=>{this._elements.icon&&(s.removeClass(this._elements.icon,`ooicon-${t}`),this._props.icon&&s.addClass(this._elements.icon,`ooicon-${this._props.icon}`))},radiogroup:t=>{this._elements.radio&&(this._elements.radio.name=this._props.radiogroup)},type:t=>{t!==null&&t!==this._props.type&&this._renderItem()}});this._initialize("oo-menu-item",ct,Z7,P7)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_setEvent(){super._setEvent(),this.addEventListener("click",()=>{if(this.type==="command"){const t=s.getParent(this,"oo-menu");t&&t.hide()}})}_connected(){this.getAttribute("type")||this.setAttribute("type","command"),s.getParent(this,"oo-menu")&&this.setAttribute("slot","items"),this._renderItem()}_renderItem(){switch(s.empty(this),this._elements.icon=null,this._elements.label=null,this._elements.input=null,this._elements.hr=null,this.checkbox=null,this.radio=null,s.addClass(this._content,"enabled"),this._props.type){case"command":this._elements.icon=s("div.icon",{slot:"item"}),this._elements.label=s("div.label",{text:this._props.label,slot:"item"}),this._props.icon&&s.addClass(this._elements.icon,`ooicon-${this._props.icon}`),this.append(this._elements.icon),this.append(this._elements.label);break;case"checkbox":this._elements.input=s("oo-checkbox",{slot:"item"}),this.append(this._elements.input),this._elements.input.text=this._props.label,this.checkbox=this._elements.input;break;case"radio":this._elements.input=s("oo-radio",{slot:"item"}),this.append(this._elements.input),this._elements.input.text=this._props.label,this._elements.input.name=this._props.radiogroup,this.radio=this._elements.input;break;case"hr":this._elements.hr=s("hr",{slot:"item"}),this.append(this._elements.hr),s.removeClass(this._content,"enabled");break}}};C(ct,"prop",{css:"",cssLink:"",skin:"",icon:"",label:"",type:"command",disabled:!1,checked:!1,radiogroup:""});let _3=ct;customElements.get("oo-menu-item")||customElements.define("oo-menu-item",_3);class G4{constructor(n,t){d(this,pt);d(this,ut);d(this,Ct);d(this,mt);C(this,"options",{css:"",cssLink:"",skin:""});this.options=Object.assign(this.options,t),this.target=n,this.container=this.options.container||s.getOffsetParent(n),this.area=this.options.area;const e=this.options.event||"click";this.target.addEventListener(e,()=>{this.show()}),this.target.addEventListener("mousedown",i=>{})}show(){this.menu||a(this,pt,x9).call(this),a(this,mt,k9).call(this),this.menu.show()}hide(){this.menu.hide()}destroy(){this.menu.remove()}}pt=new WeakSet,x9=function(){var n;this.menu=s("oo-menu",(n=this.options)==null?void 0:n.attr),this.container.append(this.menu),this.options.items&&this.options.items.length&&a(this,ut,w9).call(this),this.options.class&&s.addClass(this.menu,this.options.class)},ut=new WeakSet,w9=function(){this.options.items.forEach(n=>{a(this,Ct,y9).call(this,n)})},Ct=new WeakSet,y9=function(n){const t=document.createElement("oo-menu-item");this.menu.append(t),n==="-"?t.setAttribute("type","hr"):(Object.keys(n).forEach(e=>{e!=="command"?t.setAttribute(L(e),n[e]):t.addEventListener("click",n.command)}),t.addEventListener("click",e=>{this.menu.dispatchEvent(new CustomEvent("command",{detail:n}))}))},mt=new WeakSet,k9=function(){const n=s.getSize(this.target),t=s.getPosition(this.target,this.container),e=s.getSize(this.menu);let i=t.y+n.y,o=t.x,h="left",c="top";if(this.area){const u=s.getSize(this.area),m=s.getPosition(this.container,this.area);m.x+o+e.x>u.x&&(o=o-e.x+n.x,h="right"),m.y+i+e.y>u.y&&(i=i-e.y-n.y,c="bottom")}s.setStyles(this.menu,{top:i+"px",left:o+"px","transform-origin":`${h} ${c}`})};class K4 extends G4{constructor(t,e){super(t,e);d(this,gt);d(this,vt);d(this,ft);d(this,W2,null);d(this,K3,null);d(this,J3,null);C(this,"options",{css:"",cssLink:"",skin:"",view:"date",baseDate:null,yearOnly:!1,monthOnly:!1,dateOnly:!1,timeOnly:!1,weekOnly:!1,secondEnable:!0,cleanEnable:!1,todayEnable:!0,datetimeRange:"",dateRange:"",timeRange:"",format:"",weekBegin:1,value:""});this.options=Object.assign(this.options,e)}reset(t){if(this.options=Object.assign(this.options,t),this.calendar)for(let e in this.options)g(this.options[e])!=="null"&&this.calendar.setAttribute(L(e),this.options[e])}show(){this.menu||a(this,gt,E9).call(this),a(this,ft,S9).call(this),this.menu.show()}}W2=new WeakMap,K3=new WeakMap,J3=new WeakMap,gt=new WeakSet,E9=function(){var t;this.menu=s("oo-menu",(t=this.options)==null?void 0:t.attr),this.container.append(this.menu),p(this,W2,s("div",{slot:"items",styles:{height:"100%"}})),this.menu.append(l(this,W2)),a(this,vt,M9).call(this),this.options.class&&s.addClass(this.menu,this.options.class)},vt=new WeakSet,M9=function(){if(!this.calendar){let t="{this.target.dispatchEvent(new CustomEvent("change",e))})}},ft=new WeakSet,S9=function(){const t=s.getSize(this.target),e=s.getPosition(this.target,this.container),i=s.getSize(this.menu);let o=e.y+t.y,h=e.x,c="left",u="top";if(this.area){const m=s.getSize(this.area),f=s.getPosition(this.container,this.area);f.x+h+i.x>m.x&&(h=h-i.x+t.x,c="right"),f.y+o+i.y>m.y&&(o=o-i.y-t.y,u="bottom")}s.setStyles(this.menu,{top:o+"px",left:h+"px","transform-origin":`${c} ${u}`})};function J4(r,n){return new K4(r,n)}const i5=class i5 extends y{constructor(){super();C(this,"_elements",{content:null,top:null,prev:null,next:null,date:null,dateContent:null});d(this,Q3,{});d(this,D,null);d(this,f1,null);C(this,"_setPropMap",{skin:()=>{this._useSkin(this._props.skin)},baseDate:()=>{this.setCurrentDate(),this.setDateContent()},weekBegin:()=>{this.setWeekTitle(),this.setDateContent()},$default:t=>{}});this._initialize("oo-calendar-view",i5,S7,T7)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}static parseDate(t,e){return t?g(t)==="date"?e?new Date(t.getTime()):t:new Date(t):null}_render(){this.setCurrentDate()}_connected(){this.setWeekTitle(),this.setDateContent()}_setEvent(){this._elements.prev.addEventListener("click",t=>{B(l(this,D),"month",-1),this.setDateContent(),this.changeDate()}),this._elements.next.addEventListener("click",t=>{B(l(this,D),"month",1),this.setDateContent(),this.changeDate()}),this._elements.date.addEventListener("change",t=>{p(this,D,t.detail.date),this._elements.date.textContent=V(l(this,D),this._props.format),this.setDateContent()})}setCurrentDate(){p(this,D,this._props.baseDate?i5.parseDate(this._props.baseDate,!0):new Date),this.changeDate()}changeDate(){this._elements.date.textContent=V(l(this,D),this._props.format),l(this,f1)?l(this,f1).reset({value:V(l(this,D),"YYYY-MM")}):p(this,f1,J4(this._elements.date,{monthOnly:!0,format:this._props.format,container:document.body,value:V(l(this,D),"YYYY-MM")})),this.dispatchEvent(new CustomEvent("change",{detail:{date:l(this,D),value:V(l(this,D),"YYYY-MM")}}))}setWeekTitle(){const t=this._elements.dateContent.querySelectorAll("th");this._props.daysTitles.forEach((e,i)=>{t[(7+i-this._props.weekBegin)%7].textContent=e})}setDateContent(){const t=z(new Date).getTime(),e=z(l(this,D),!0);e.setDate(1);const i=this._elements.dateContent.querySelectorAll("td"),o=new Date(e.getTime());o.setDate(o.getDate()-1);const h=(7+o.getDay()+1-this._props.weekBegin)%7,c=(u,m)=>{u.querySelectorAll("slot").forEach(a3=>a3.remove());const f=V(m,"YYYY-MM-DD"),_=s("slot",{name:`title-${f}`});u.querySelector("div.cellTitle").appendChild(_);const n1=s("slot",{name:`content-${f}`});u.querySelector("div.cellContent").appendChild(n1),u.querySelector("span:first-child").textContent=V(m,"D"),u.dataset.dateValue=f,s.checkClass(u,"today",m.getTime()===t),s.checkClass(u,"other",m.getMonth()!==l(this,D).getMonth())};for(let u=h-1;u>=0;u--)c(i[u],o),o.setDate(o.getDate()-1);for(let u=h;udiv{\r padding: 0.357em 0.714em;\r cursor: pointer;\r border-left: 1px solid var(--border-color);\r border-top: 1px solid var(--border-color);\r border-bottom: 1px solid var(--border-color);\r white-space: nowrap;\r transition: background-color 0.2s, color 0.2s;\r }\r \r .capsulae>div:first-child{\r border-top-left-radius: var(--border-radius);\r border-bottom-left-radius: var(--border-radius);\r }\r \r .capsulae>div:last-child{\r border-top-right-radius: var(--border-radius);\r border-bottom-right-radius: var(--border-radius);\r border-right: 1px solid var(--border-color);\r }\r .capsulae>div.current{\r background-color: var(--current-bg);\r color: var(--current-color);\r }\r `,F7='
',Lt=class Lt extends y{constructor(){super();d(this,bt);C(this,"_setPropMap",{skin:()=>{this._useSkin(this._props.skin)}});this._init("oo-capsulae")}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_init(t,e,i,o){this._initialize(t,e||Lt,i||F7,o||D7)}_render(){new MutationObserver(function(e){e.forEach(i=>{i.addedNodes.forEach(o=>{o.nodeType===Node.ELEMENT_NODE&&this._content.appendChild(o)})})}).observe(this,{subtree:!1,childList:!0,attributes:!1,characterData:!1}),a(this,bt,T9).call(this)}};bt=new WeakSet,T9=function(){let t=this.firstElementChild;for(;t;)this._content.appendChild(t),t=this.firstElementChild},C(Lt,"prop",{skin:""});let w3=Lt;const j7=`* {\r box-sizing: border-box;\r }\r .content{\r --padding: 0.8rem;\r --color: var(--oo-color-text2);\r --font-size: 0.875rem;\r --border: 1px solid var(--oo-color-gray1);\r --radius: var(--oo-area-radius);\r --shadow: 0 0 0.625rem 0 var(--oo-color-gray-b);\r }\r \r .content{\r padding: var(--padding);\r color: var(--color);\r font-size: var(--font-size);\r border: var(--border);\r border-radius: var(--radius);\r box-shadow: var(--shadow);\r display: none;\r max-width: 30em;\r }\r .line{\r display: flex;\r margin-bottom: 0.5rem;\r }\r .icon{\r width: 3rem;\r height: 3rem;\r background-position: center;\r background-repeat: no-repeat;\r background-size: cover;\r border-radius: 100%;\r }\r \r .nameArea{\r width: calc(100% - 3rem);\r padding: 0 0.5rem;\r }\r .name{\r color: var(--oo-color-main);\r font-size: 0.875rem;\r margin-bottom: 0.4rem;\r }\r .application{\r color: var(--oo-color-text3);\r font-size: 0.875rem;\r margin-bottom: 0.5rem;\r }\r \r .show{\r display: inline-block;\r }\r .description{\r word-break: break-all;\r }\r .process-icon{\r background-color: var(--oo-color-gray-b);\r color: var(--oo-color-text-white);\r display: flex;\r justify-content: center;\r align-items: center;\r font-size: 2.5em;\r }\r `;function V6(){}function I7(r){var n;return typeof r=="object"&&r.dn||((n=r==null?void 0:r.includes)==null?void 0:n.call(r,"@"))}function y3(r){if(I7(r)){const t=(typeof r=="object"?r.dn||"":r).split("@"),e=(t==null?void 0:t[2])||"unknown";return["I","P","U","G","R","UD","UA","PA","PP","UP","PROCESS"].includes(e)?e:"unknown"}}function U5(r){if(Array.isArray(r))return r.flat(1/0).map(n=>U5(n));{const n=r.split("@");return(n==null?void 0:n[0])||r}}function z7(r){if(Array.isArray(r))return r.flat(1/0).map(n=>U5(n));{const n=r.split("@");return(n==null?void 0:n[1])||r}}function $7(r){return typeof r=="object"?r.dn||r.id||r.unique:r}function s2(r){return r.map(n=>typeof n=="object"?n.dn||n.id||n.unique:n)}async function N7(r){return Array.isArray(r)?await o2.Actions.load("x_organization_assemble_express").GroupAction.listObject({groupList:s2(r)}).then(n=>n.data):await o2.Actions.load("x_organization_assemble_express").GroupAction.listObject({groupList:s2([r])}).then(n=>n.data[0])}async function R7(r){return Array.isArray(r)?await o2.Actions.load("x_organization_assemble_express").IdentityAction.listObject({identityList:s2(r)}).then(n=>n.data):await o2.Actions.load("x_organization_assemble_express").IdentityAction.listObject({identityList:s2([r]),referenceFlag:"true"}).then(n=>n.data[0])}async function B7(r){return Array.isArray(r)?await o2.Actions.load("x_organization_assemble_express").PersonAction.listObject({personList:s2(r)}).then(n=>n.data):await o2.Actions.load("x_organization_assemble_express").PersonAction.get(r).then(n=>n.data)}function X5(r){return r?`/x_organization_assemble_control/jaxrs/person/${encodeURI($7(r))}/icon`:"/x_organization_assemble_personal/jaxrs/person/icon"}async function V7(r){return Array.isArray(r)?await o2.Actions.load("x_organization_assemble_express").RoleAction.listObject({roleList:s2(r)}).then(n=>n.data):await o2.Actions.load("x_organization_assemble_express").RoleAction.listObject({roleList:s2([r])}).then(n=>n.data[0])}async function Q4(r){return Array.isArray(r)?await o2.Actions.load("x_organization_assemble_express").UnitAction.listObject({unitList:s2(r)}).then(n=>n.data):await o2.Actions.load("x_organization_assemble_express").UnitAction.listObject({unitList:s2([r])}).then(n=>n.data[0])}const t9="x_processplatform_assemble_surface";function e9(r,n){return Array.isArray(r)?r.map(t=>e9(t,n)):(r.dn||(r.dn=`${r.id}@${n.toUpperCase()}@${r.name}`),r)}async function W7(r,n,t,e,i,...o){const h=await o2.Actions.load(r);return e9(await h[n][t].apply(i,o),e)}const k3={async invoke(r,n,t,...e){return await W7(t9,r,n,t,this,...e)},async listApplication(){return await this.invoke("ApplicationAction","list","app")},async listProcess(r){return await this.invoke("ProcessAction","listWithApplication","process",r)},async getApplication(r){return await this.invoke("ApplicationAction","get","app",r)},async getProcess(r){return await this.invoke("ProcessAction","getProcess","process",r)},async getProcessDesign(r){return await this.invoke("ProcessAction","get","process",r)},async getProcessWithApp(r){return new Promise(n=>{window.setTimeout(async()=>{const t=z7(r),e=await o2.Actions.load(t9),i=await this.invoke("ProcessAction","get","process",t),o=await e.ApplicationAction.get(i.data.application);i.data.application=o.data,n(i.data)},500)})}},n9={I_html:`

组织：

职务：

`,P_html:`

组织：

职务：

`,U_html:`

`,UD_html:`

`,G_html:`

`,R_html:`

`,PROCESS_html:`

`,APP_html:`

`,other_html:`

`},H2=class H2 extends y{constructor(){super();d(this,r5);d(this,_t);C(this,"_elements",{icon:null,name:null,unitName:null,unit:null,duty:null,levelName:null,description:null,phone:null,application:null});C(this,"isAsync",!0);C(this,"_setPropMap",{value:()=>{this._canRender()&&a(this,r5,u4).call(this)},data:()=>{this._canRender()&&a(this,r5,u4).call(this)},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._canRender()&&this._useSkin(this._props.skin)}});d(this,b1,null);this._props=this._getProps(H2.prop),this._createProperties(H2)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_canRender(){return super._canRender(null,["value","data"])}async _render(){l(this,b1)&&clearTimeout(l(this,b1)),p(this,b1,setTimeout(()=>{a(this,_t,A9).call(this)},10))}async createICard(t){var h;const e=this._props.value||this._props.data.dn,i=await R7(e),o=X5(i.person);s.setStyle(this._elements.icon,"background-image",`url('${o}')`),this._elements.name.textContent=i.name,this._elements.unitName.textContent=i.woUnit.name,this._elements.unit.textContent=i.woUnit.levelName,this._elements.duty.textContent=(h=i.woUnitDutyList)==null?void 0:h.map(c=>`${c.name}(${c.woUnit.name})`).join(", ")}async createPCard(t){const e=this._props.value||this._props.data.dn,i=await B7(e),o=X5(i.dn||i.id);s.setStyle(this._elements.icon,"background-image",`url('${o}')`),this._elements.name.textContent=i.name,this._elements.unitName.textContent=i.woIdentityList.map(h=>h.woUnit.name).join(", "),this._elements.unit.innerHTML=i.woIdentityList.map(h=>`
${h.woUnit.levelName}
`).join(""),this._elements.duty.textContent=i.woIdentityList.map(h=>h.woUnitDutyList&&h.woUnitDutyList.length?h.woUnitDutyList.map(c=>`${c.name}(${h.woUnit.name})`).join(", "):null).filter(h=>h!=null&&h!=="").join(", ")}async createUCard(t){const e=g(t)==="object"?await Promise.resolve(t):await Q4(t);this._elements.name.textContent=e.name,this._elements.levelName.textContent=e.levelName,this._elements.description.textContent=e.description}async createUDCard(t){const e=g(t)==="object"?await Promise.resolve(t):await Q4(t);this._elements.name.textContent=e.name,this._elements.levelName.textContent=e.levelName,this._elements.description.textContent=e.description}async createGCard(t){const e=g(t)==="object"?await Promise.resolve(t):await N7(t);this._elements.name.textContent=e.name,this._elements.description.textContent=e.description}async createRCard(t){const e=g(t)==="object"?await Promise.resolve(t):await V7(t);this._elements.name.textContent=e.name,this._elements.description.textContent=e.description}async createPROCESSCard(t){const e=g(t)==="object"?await(async()=>(g(t.application)==="object"||(t.application=await k3.getApplication(t.application)),t))():await k3.getProcessWithApp(t),i=e.application.icon||"";i?s.setStyle(this._elements.icon,"background-image",`url('data:image/png;base64,${i}')`):(s.addClass(this._elements.icon,"process-icon"),s.addClass(this._elements.icon,"ooicon-process")),this._elements.name.textContent=e.name,this._elements.description.innerHTML=e.description||`应用"${e.application.name}"中的流程"${e.name}"`,this._elements.application.textContent=e.application.name}async createAPPCard(t){const e=await k3.getApplication(t.id||t);e.icon?s.setStyle(this._elements.icon,"background-image",`url('data:image/png;base64,${e.icon}')`):(s.addClass(this._elements.icon,"process-icon"),s.addClass(this._elements.icon,"ooicon-computer")),this._elements.name.textContent=e.name,this._elements.application.textContent=e.applicationCategory||"未分类应用",this._elements.description.textContent=e.description}async createOtherCard(t){this._elements.name.textContent=g(t)==="object"?t.name:t}};r5=new WeakSet,u4=function(){const t=this.shadowRoot||this.attachShadow({mode:"open"});s.empty(t);const e=y3(this._props.value||this._props.data),i=H2.cardTypys.includes(e)?n9[e+"_html"]:n9.other_html,o=U4(i,j7,"oo-card"+e,!0);this._useTemplate(o),this._render()},b1=new WeakMap,_t=new WeakSet,A9=async function(){if(this._props.value||Object.keys(this._props.data).length){const t=this._props.value||this._props.data,e=y3(t);await(this[`create${e}Card`]||this.createOtherCard).call(this,t),s.addClass(this._content,"show"),this.dispatchEvent(new CustomEvent("loaded"))}},C(H2,"prop",{value:"",data:{},border:"",cssLink:"",skin:""}),C(H2,"cardTypys",["I","P","U","UD","G","R","PROCESS","APP"]);let E3=H2;const H7=`\r
\r
\r
\r
\r
\r
\r
\r
\r
\r
\r \r
\r
\r \r \r `,Y7=`* {\r box-sizing: border-box;\r }\r .content{\r --border: var(--oo-color-gray-9);\r --check: var(--oo-color-text-white);\r --bg: var(--oo-color-text-white);\r --hover: var(--oo-color-main);\r --checked: var(--oo-color-main);\r --disabled: var(--oo-color-gray2);\r --radius: var(--oo-default-radius);\r --checked-bg: var(--oo-color-text-white);\r --checked-color: var(--oo-color-main);\r \r --hover-bg: var(--oo-color-hover);\r --padding: 0;\r --margin: 0;\r }\r label {\r display: flex;\r align-items: center;\r cursor: pointer;\r word-break: keep-all;\r transition: background-color 0.2s;\r padding: var(--padding);\r margin: var(--margin);\r position: relative;\r }\r label:hover{\r /*background-color: var(--hover-bg);*/\r color: var(--hover);\r }\r \r label.checked{\r /*background-color: var(--checked-bg);*/\r }\r .abc .label{\r padding: 10px;\r }\r \r .button{\r border-radius: var(--radius);\r width: 1em;\r min-width: 1em;\r max-width: 1em;\r height: 1em;\r border: 0.1em solid var(--border);\r background-color: var(--bg);\r display: flex;\r justify-content: center;\r align-items: center;\r transition: border 0.2s, color 0.2s, background-color 0.2s;\r color: var(--oo-color-gray-9);\r position: relative;\r }\r .button:hover{\r border: 0.1em solid var(--hover);\r }\r .button.checked{\r color: var(--checked-color);\r border: 0.1em solid var(--checked);\r background-color: var(--checked-bg);\r }\r .button.disabled{\r opacity: 0.4;\r background-color: var(--disabled);\r cursor: not-allowed;\r }\r \r .check-icon{\r width: 1em;\r height: 1em;\r margin: auto;\r position: absolute;\r display: flex;\r justify-content: center;\r align-items: center;\r }\r \r .check{\r border-radius: var(--radius);\r width: 30%;\r height: 30%;\r display: flex;\r align-items: center;\r justify-content: center;\r color: var(--check);\r transition: width 0.2s, height 0.2s, background 0.2s;\r }\r .check>div{\r scale: 0.5;\r }\r .check.checked{\r width: 100%;\r height: 100%;\r color: var(--checked-bg);\r background-color: var(--checked);\r }\r .check.disabled{}\r .check.checked.disabled{}\r \r .label{\r display: flex;\r align-items: center;\r padding-left: 0.3em;\r transition: color 0.2s;\r flex: auto;\r }\r \r .label.checked{\r color: var(--checked-color);\r }\r .label.disabled{\r opacity: 0.4;\r cursor: not-allowed;\r }\r .label.readmode.checked{\r color: inherit;\r }\r .input{\r width: 1px;\r height: 1px;\r overflow: hidden;\r opacity: 0;\r position: absolute;\r bottom: 1px;\r left: 50%;\r }\r .slot{\r flex: auto;\r }\r br{\r height: 0;\r }\r `,xt=class xt extends y{constructor(){super();C(this,"_elements",{label:null,button:null,text:null,slot:null,check:null,input:null,checkIcon:null});C(this,"_setPropMap",{text:()=>{this._elements.text.textContent=this._props.text},value:()=>{this._elements.input.value=this._props.value,this._elements.input.setAttribute("value",this._props.value)},name:t=>{t!==this._props.name&&(this._elements.input.name=this._props.name,this._elements.input.setAttribute("name",this._props.name),this.setAttribute("name",this._props.name))},checked:()=>{this._elements.input.checked=!!this._props.checked,this._render()},disabled:()=>{this._elements.input.disabled=!!this._props.disabled,this._render()},size:()=>{this._props.size?s.setStyle(this._elements.button,"font-size",this._props.size):s.setStyle(this._elements.button,"font-size","auto")},skin:()=>{this._useSkin(this._props.skin)},readmode:()=>{this._props.readmode?(this.checked||s.addClass(this,"hide"),s.addClass(this._elements.button,"hide"),s.addClass(this._elements.label,"readmode"),this._elements.input.disabled=!0):(s.removeClass(this,"hide"),s.removeClass(this._elements.button,"hide"),s.removeClass(this._elements.label,"readmode"),this._props.disabled||(this._elements.input.disabled=!1))},$default:()=>{}});C(this,"group",null)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_init(t,e,i,o){this._initialize(t,e||xt,i||H7,o||Y7)}_setEvent(){super._setEvent(),this._elements.input.addEventListener("change",t=>{this.checked=this._elements.input.checked,this.dispatchEvent(new Event("change",t))})}_unchecked(){this._elements.input.checked=!1,this._props.checked=!1,this._render()}_render(){let t=this.firstChild;for(;t;)this._elements.slot.appendChild(t),t=this.firstChild;const e=this._elements.input.checked;s.checkClass(this._elements.button,"checked",e),s.checkClass(this._elements.check,"checked",e),s.checkClass(this._elements.label,"checked",e),s.checkClass(this._content,"checked",e),s.checkClass(this,"checked",e);const i=this._elements.input.disabled;s.checkClass(this._elements.button,"disabled",i),s.checkClass(this._elements.check,"disabled",i),s.checkClass(this._elements.label,"disabled",i),this._setPropMap.text()}_connected(){this._render();const t=this.tagName.toLowerCase()+"-group",e=s.getParent(this,t);e&&(this.group=e,setTimeout(()=>{var i;(i=e._appendItem)==null||i.call(e,this)},10))}_disconnected(){if(this.group){const t=this.group;this.group=null,t._removeItem(this)}}get checked(){return this._elements.input.checked}set checked(t){const e=this.checked!==t;this._elements.input.checked=!!t,this._render(),e&&this.dispatchEvent(new Event("change"))}};C(xt,"prop",{checked:!1,disabled:!1,text:"",value:"",name:"",size:"",skin:"",readmode:!1});let G5=xt;class q7 extends G5{constructor(){super(),this._init("oo-checkbox")}_render(){this._elements.input.type="checkbox",s.addClass(this._elements.checkIcon,"ooicon-checkmark"),super._render()}}const U7=`
\r
\r
\r \r
\r
\r \r
\r
\r
\r \r \r \r
\r
✷
\r
\r
\r
\r
\r
\r
\r
\r
\r
\r `,X7=`* {\r box-sizing: border-box;\r }\r \r .group {\r display: table;\r align-items: center;\r min-height: 1.5em;\r width: 100%;\r }\r \r .label {\r white-space: nowrap;\r transition: color 0.5s;\r display: flex;\r align-items: center;\r color: var(--oo-color-text2);\r height: 100%;\r }\r \r .labelText {\r margin-right: 0.5em;\r padding: 0.5em 0.35em;\r display: flex;\r align-items: center;\r height: 100%;\r }\r .flex-end{\r justify-content: flex-end;\r }\r \r .label-row{\r display: table-cell;\r vertical-align: middle;\r width: 1px;\r }\r \r .group.readmode .label-row{\r display: table-cell;\r vertical-align: middle;\r }\r \r .items {\r display: block;\r }\r .group.readmode .items{\r display: flex;\r }\r \r .hide-items{\r position: absolute;\r opacity: 0;\r width: 1px;\r height: 1px;\r overflow: hidden;\r }\r .hide {\r display: none;\r }\r div.invalidHint{\r /*position: absolute;*/\r color: var(--oo-color-error);\r height: 0;\r width: 0;\r overflow: hidden;\r word-break: break-all;\r transition: margin-top 0.2s, height 0.2s;\r }\r div.invalidHint.show{\r margin: 0.3em 0 0 0;\r height: unset;\r width: unset;\r line-height: 1.2em;\r }\r div.invalidHint.show::before{\r line-height: 1.4em;\r margin-right: 0.2em;\r }\r .itemsContent{\r display: table-cell;\r border-radius: var(--oo-default-radius);\r position: relative;\r vertical-align: middle;\r }\r .group:has(div.invalidHint.show) .itemsContent{\r background: var(--oo-color-error-bg);\r box-shadow: var(--oo-shadow-border-error);\r }\r \r input{\r position: absolute;\r width: 1px;\r height: 1px;\r overflow: hidden;\r left: 50%;\r bottom: 1px;\r appearance: none;\r outline: none;\r border: 0;\r opacity: 0;\r font-size: 1px;\r }\r \r .requiredFlag{\r color: var(--oo-color-highlight);\r padding-left: 0.3em;\r font-size: 0.75em;\r display: table-cell;\r vertical-align: middle;\r }\r `,Tt=class Tt extends y{constructor(){super();d(this,wt);d(this,_1);d(this,yt);d(this,kt);d(this,o5);d(this,Et);d(this,Mt);d(this,St);C(this,"_items",[]);d(this,M2,0);C(this,"_elements",{label:null,group:null,labelText:null,items:null,invalidHint:null,input:null,requiredFlag:null,itemsContent:null});C(this,"_setPropMap",{name:()=>{this._props.name&&this._items.forEach(t=>{t.setAttribute("name",this._props.name)})},skin:()=>{this._items.forEach(t=>{t.setAttribute("skin",this._props.skin)})},disabled:()=>{this._items.forEach(t=>{this._props.disabled?t.setAttribute("disabled",!0):t.disabled||t.removeAttribute("disabled")}),s.toggleAttr(this._elements.input,"disabled",this._props.disabled)},size:()=>{this._props.size&&this._items.forEach(t=>{t.setAttribute("size",this._props.size)})},col:()=>{this.rerender()},label:()=>{this._props.label?(this._elements.labelText.textContent=this._props.label,s.removeClass(this._elements.labelText,"hide")):(this._elements.labelText.textContent="",s.addClass(this._elements.labelText,"hide"))},labelStyle:()=>{s.toggleAttr(this._elements.labelText,"style",this._props.labelStyle)},labelAlign:()=>{switch(this._props.labelAlign){case"right":s.setStyle(this._elements.labelText,"justify-content","flex-end");break;case"center":s.setStyle(this._elements.labelText,"justify-content","center");break;default:s.setStyle(this._elements.labelText,"justify-content","flex-start")}},viewStyle:()=>{this._props.readmode&&s.toggleAttr(this._elements.itemsContent,"style",this._props.viewStyle)},count:()=>{this.rerender()},readmode:t=>{this.rerender(),s.toggleAttr(this._elements.input,"readonly",this._props.readmode),this._props.readmode?s.toggleAttr(this._elements.itemsContent,"style",this._props.viewStyle):s.toggleAttr(this._elements.itemsContent,"style",""),this._setPropMap.required()},max:()=>{this._props.max===0?this._elements.input.removeAttribute("max"):this._elements.input.setAttribute("max",this._props.max)},maxlength:()=>{this._props.maxlength===0?this._elements.input.removeAttribute("maxlength"):this._elements.input.setAttribute("maxlength",this._props.maxlength)},min:()=>{this._props.min===0?this._elements.input.removeAttribute("min"):this._elements.input.setAttribute("min",this._props.min)},minlength:()=>{this._props.minlength===0?this._elements.input.removeAttribute("minlength"):this._elements.input.setAttribute("minlength",this._props.minlength)},pattern:()=>{this._props.pattern?this._elements.input.setAttribute("pattern",this._props.pattern):this._elements.input.removeAttribute("pattern")},required:()=>{this._props.required?this._elements.input.setAttribute("required",this._props.required):this._elements.input.removeAttribute("required"),s.checkClass(this._elements.requiredFlag,"hide",!this._props.required||this._props.readmode||this._props.disabled)},step:()=>{this._props.step===1?this._elements.input.removeAttribute("step"):this._elements.input.setAttribute("step",this._props.step)},$default:()=>{}});d(this,L1,null)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}rerender(){a(this,o5,C4).call(this),a(this,Et,D9).call(this),a(this,_1,u3).call(this)}_init(t,e,i,o){this._initialize(t,e||Tt,i||U7,o||X7)}_render(){this._props.name||(this._props.name=$4()),parseInt(this._props.col)||s.removeClass(this._elements.items,"hide-items"),parseInt(this._props.label)||s.addClass(this._elements.labelText,"hide"),this._itemChangeFun=this._itemChange.bind(this)}_removeItem(t){this._items.splice(this._items.indexOf(t),1),t.removeAttribute("slot"),t.removeEventListener("change",this._itemChangeFun),s.setStyle(t,"width","auto"),a(this,_1,u3).call(this)}_appendItem(t){this._items.push(t),t.setAttribute("slot","items"),t.setAttribute("name",this._props.name),t.setAttribute("skin",this._props.skin),this._props.disabled?t.setAttribute("disabled",!0):t.disabled||t.removeAttribute("disabled"),this._props.size&&t.setAttribute("size",this._props.size),t.addEventListener("change",this._itemChangeFun),this._appendItemCheckValue(t),a(this,_1,u3).call(this,!0),this._props.count&&(this._props.values?this._props.values.length:0)>=this._props.count&&!t.checked&&(t.disabled=!0),this._props.readmode&&(t.readmode=!0)}_appendItemCheckValue(t){this._props.values&&this._props.values.length&&this._props.values.includes(t.value)&&(t.checked=!0)}_itemChange(t){t.currentTarget.checked?(this._props.values||(this._props.values=[]),this._props.values.includes(t.currentTarget.value)||this._props.values.push(t.currentTarget.value),this._props.disabled||(t.currentTarget.disabled=!1)):this._props.values&&F1(this._props.values,t.currentTarget.value),this._elements.input.value=this._props.values.join(","),this.unInvalidStyle(),this._props.validityBlur&&this.checkValidity(),a(this,o5,C4).call(this),this.dispatchEvent(new Event("change",t))}_setEvent(){super._setEvent(),this._elements.input.addEventListener("invalid",t=>{a(this,St,j9).call(this,t.target.validity)})}setCustomValidity(){return this._elements.input.setCustomValidity(...arguments)}checkValidity(){return this.dispatchEvent(new CustomEvent("validity")),this._elements.input.checkValidity(...arguments)}reportValidity(){return this.dispatchEvent(new CustomEvent("validity")),this._elements.input.reportValidity(...arguments)}unInvalidStyle(){this._elements.input.setCustomValidity(""),s.removeClass(this._elements.input,"invalid"),this._elements.invalidHint.textContent="",s.removeClass(this._elements.invalidHint,"show")}};M2=new WeakMap,wt=new WeakSet,O9=function(){p(this,M2,0),this._items.forEach(t=>{s.setStyle(t,"width","auto");const e=s.getSize(t);e.x>l(this,M2)&&p(this,M2,e.x)})},L1=new WeakMap,_1=new WeakSet,u3=function(){l(this,L1)&&clearTimeout(l(this,L1)),p(this,L1,setTimeout(()=>{a(this,yt,P9).call(this)},10))},yt=new WeakSet,P9=function(){if(!this._props.readmode){a(this,kt,Z9).call(this);const t=parseInt(this._props.col);t&&(a(this,wt,O9).call(this),this._items.forEach((e,i)=>{l(this,M2)&&s.setStyle(e,"width",l(this,M2)+"px"),(i+1)%t===0&&e.insertAdjacentElement("afterend",s("br.group-col-separator",{slot:"items"}))}))}s.removeClass(this._elements.items,"hide-items")},kt=new WeakSet,Z9=function(){this.querySelectorAll("br.group-col-separator").forEach(e=>{e.remove()})},o5=new WeakSet,C4=function(){if(this._props.count)if((this._props.values?this._props.values.length:0)>=this._props.count)for(const e of this._items)e.checked||(e.disabled=!0);else for(const e of this._items)e.disabled=!1},Et=new WeakSet,D9=function(){if(this._props.readmode){s.addClass(this._elements.group,"readmode");const t=this.querySelectorAll("br");t.length&&t.forEach(e=>{s.addClass(e,"hide")});for(const e of this._items)e.style.width="unset",e.readmode=!!this._props.readmode}else{s.removeClass(this._elements.group,"readmode");for(const t of this._items)t.readmode=!!this._props.readmode}},Mt=new WeakSet,F9=function(){return this._elements.input.validity.customError||this._props.validity&&this._elements.input.setCustomValidity(this._props.validity),this._elements.invalidHint&&(this._elements.invalidHint.textContent=this._elements.input.validationMessage),this._elements.input.validationMessage},St=new WeakSet,j9=function(t){this.dispatchEvent(new CustomEvent("invalid",{detail:t})),s.addClass(this._elements.input,"invalid"),a(this,Mt,F9).call(this)&&s.addClass(this._elements.invalidHint,"show")},C(Tt,"prop",{disabled:!1,value:"",name:"",size:"",col:"",label:"",labelStyle:"",labelAlign:"right",viewStyle:"",skin:"",count:0,readmode:!1,max:0,maxlength:0,min:0,minlength:0,pattern:"",required:!1,step:1,validity:"",validityBlur:!1});let K5=Tt;const t4=class t4 extends K5{constructor(){super();d(this,At);d(this,Ot);d(this,Pt);a(this,At,I9).call(this),this._init("oo-checkbox-group",t4)}get value(){return a(this,Ot,z9).call(this)}set value(t){Array.isArray(t)?this._props.values!==t&&(this._props.values=t,this._setPropMap.values()):this._props.value!==t&&(this._props.value=t,this._setPropMap.value())}get text(){return a(this,Pt,$9).call(this)}};At=new WeakSet,I9=function(){this._setPropMap=Object.assign(this._setPropMap,{value:()=>{this._props.values=this._props.value?this._props.value.split(/\s*,\s*/g):[],this._setPropMap.values(),this.rerender()},values:()=>{var t;if(this._props.values&&this._props.values.length)for(const e of this._items)this._props.values.includes(e.value)?e.checked=!0:e._unchecked();else for(const e of this._items)e._unchecked();this._elements.input.value=((t=this._props.values)==null?void 0:t.join(","))||""}})},Ot=new WeakSet,z9=function(){return this._props.values||[]},Pt=new WeakSet,$9=function(){const t=[];return this._items.forEach(e=>{e.checked&&t.push(e.text)}),t};let M3=t4;const G7={title:"O2OA",error:{http:{title:"发送HTTP请求错误",text:"发送{method}请求 '{url}' 状态: {status} ({statusText})"},loadIndexError:"加载首页出错",loadIndexNotSet:"未指定要加载的首页应用！您应该从O2OA的应用项目中运行。",action:{title:"O2ActionError"},failCode:{BROADCAST_LISTENED_LOOP_BROADCAST:"广播事件监听到另一个循环的广播事件:{$}",ENTITY_EXISTS:"实体对象已存在，对象类型：{$0}，标识：{$1}",ENTITY_FLAG_CONFLICT:"实体对象标识冲突,对象类型:{$0},标识:{$1}",ENTITY_NOT_FOUND:"实体对象不存在,对象类型:{$0},标识:{S1}",FIELD_EMPTY:"字段不能为空,字段:{$0}",FIELD_EXISTS:"字段已存在,字段:{$0},值:{$1}",FIELD_NOT_EXISTS:"字段值不存在,字段:{$0}",FIELD_VERIFICATION_FAIL:"字段校验失败,字段:{$0},值:{$1}",MISSING_PARAMETER:"缺少参数",OBJECT_EXIST:"对象已存在",OBJECT_NOT_FOUND:"对象不存在",PARAMETER_VERIFICATION_FAIL:"参数校验不通过,参数:{$}",APPLICATION_HAS_PROCESS:"应用中已存在名为“{$}”的流程。",MANUAL_PARSE_TASK_TARGET_EMPTY:"无法为活动“{$0}”解析到待办对象，工作：{$1}",PROCESSVERSION_ACTIVE:"流程版不是激活流程版本",PROCESSVERSION_HAS_PROCESSING_JOB:"流程版本存在流转中的任务",PROCESS_HAS_PROCESSVERSION:"流程中存在流程版本",ROUTE_NOT_FOUND_ACTIVITY:"路由没有找到对应的活动:{}",UPLOAD_FILE_EMPTY:"上传文件为空.",UPLOAD_FILE_TOO_LARGE:"上传文件过大,文件长度:{}.",WORK_NOT_FOUND_ROUTE:"工作没有找到任何路由, 工作:{}",WORK_TASK_EMPTY:"工作的待办对象为空, 工作:{}",FORBIDDEN:"未授权访问",LOGIN_CODE_ERROR:"验证码错误",LOGIN_ERROR:"用户不存在或密码错误",PASSWORD_EXPIRED:"密码已过期",PERMISSION_DENIED:"权限不足",PERSON_BAN:"用户被禁用",PERSON_LOCKED:"用户被锁定",UNAUTHORIZED:"未认证",GROUP_NOT_FOUND:"群组“{$0}”不存在。",IDENTITY_NOT_FOUND:"身份“{$0}”不存在。",PERSON_MAJOR_IDENTITY_NOT_FOUND:"用户主身份不存在, 用户:{$0}",PERSON_NOT_FOUND:"用户不存在, 标识:{$0}",PERSON_NOT_FOUND_WITH_IDENTITY:"无法通过身份查找到用户, 身份:{$0}",PERSON_NOT_MATCH_IDENTITY:"用户和身份不匹配, 用户:{$0}, 身份:{$1}",ROLE_NOT_FOUND:"角色不存在,标识:{$0}",SYSTEM_ROLE_CAN_NOT_DELETE:"系统角色不能删除,标识:{}",UNITDUTY_NOT_FOUND:"组织职务不存在,标识:{}",UNITPOST_NOT_FOUND:"职务不存在,标识:{}",UNIT_NOT_FOUND:"组织不存在,标识:{}",OTHER:"其他错误"}},login:{passwordLogin:"密码登录",codeLogin:"短信验证码登录",login:"登录",username:"用户名",password:"密码",captcha:"验证码",code:"短信验证码",sendCode:"发送验证码",reSendCode:"重发",forget:"忘记密码？",findPassword:"找回密码",register:"注册",wechat:"微信",official:"官网",forum:"论坛",support:"支持",changeCaptcha:"换一张",usernameEmpty:"用户名不能为空",sendCodeError:"您填写的信息有误",bindLoginInfo1:"手机扫码，安全登陆",bindLoginInfo2:"打开APP扫一扫",bindLoginInfo3:"登陆网页版",codeVerify:"短信验证",setNewPassword:"设置新密码",complete:"完成",next:"下一步",confirm:"确认",codeAnswerEmpty:"短信验证码不能为空",newPassword:"请输入新密码",confirmPassword:"请确认新密码",checkConfirmPassword:"新密码与确认密码不一致",resetPasswordSuccess:"您的密码修改成功！请重新登陆",loginResetSuccessInfo:"{seconds}S后自动跳转至登陆页面",resetPasswordError:"重置密码失败！",loginResetErrorInfo:"请核对您的用户名和短信验证码。",resetModify:"返回修改"},index:{homepage:"首页",searchKey:"请输入搜索关键字",menu:{app:"应用",process:"流程",cms:"信息",query:"数据"}},common:{clear:"清空",ok:"确定",cancel:"取消",yes:"是",no:"否",selectAll:"全选",delete:"删除",disable:"禁用",selectCountLimit:"选择数量限制",selectCountInfo:"您最多可以选择 {n} 个值"},component:{selectFile:"选择文件",notSelectedFile:"未选择文件"}};window.oo=window.oo||{I18n:{instances:{}}};const $=class ${constructor(n,t={}){C(this,"res",null);C(this,"defaultRes",{});this.name=n,this.defaultRes=t,n&&(window.oo.I18n.instances[n]=this)}static detect(){const n=new URL(window.location).searchParams,t=(n.get("lng")||n.get("lp")||localStorage.getItem("o2.language")||navigator.language||$.defaultLng).toLocaleLowerCase();return $.supportedLanguages.includes(t)?t:$.supportedLanguages.find(e=>t.substring(0,t.indexOf("-"))===e)||$.defaultLng}async load(){return this}t(n,t){return s9(n,t,this.res||this.defaultRes)}o(n){return i9(n,this.res||this.defaultRes)}};C($,"supportedLanguages",["zh-cn","en"]),C($,"defaultLng","zh-cn"),C($,"lng",$.detect()),C($,"instances",{}),C($,"get",(n="index",t={})=>window.oo.I18n.instances[n]||(window.oo.I18n.instances[n]=new $(n,t)));let I1=$;function s9(r,n,t){let e=(l1(`return this.${r}`,t)||r).toString();return n&&Object.keys(n).forEach(i=>{const o=new RegExp(`{${i}}`,"g");e=e.replace(o,n[i])}),e}function i9(r,n){const t=r?l1(`return this.${r}`,n)||{}:n;return Object.defineProperties(t,{t:{get(){return function(o,h){return s9(o,h,this)}},enumerable:!0,configurable:!0},o:{get(){return function(o){return i9(o,this)}},enumerable:!0,configurable:!0}}),t}I1.get("index",G7);const K7=`
\r
\r \r
\r
\r \r
\r
\r
\r
\r \r
\r \r
\r \r

\r
\r \r
\r 选择文件\r
未选择文件
\r
\r \r
\r \r
\r
✷
\r
\r
\r
\r \r
\r
\r `,r9=`* {\r box-sizing: border-box;\r }\r .content{\r --label: var(--oo-color-text2);\r --label-width: 10em;\r --icon-left: var(--oo-color-text2);\r --icon-right: var(--oo-color-text2);\r --focus: var(--oo-color-main);\r --border: var(--oo-color-gray1);\r --radius: var(--oo-default-radius);\r --input: var(--oo-color-text);\r --font-family: var(--oo-font-family);\r --placeholder: var(--oo-color-text4);\r --disabled: var(--oo-color-gray2);\r --shadow: var(--oo-shadow-border);\r --shadow-focus: var(--oo-shadow-border-focus);\r }\r .content {\r height: 100%;\r width: 100%;\r /*padding: 2px;*/\r position: relative;\r }\r .labelArea{\r display: flex;\r align-items: center;\r position: relative;\r height: 100%;\r }\r .label {\r white-space: nowrap;\r transition: color 0.2s;\r display: inline-flex;\r align-items: center;\r height: 100%;\r color: var(--label);\r }\r .labelText{\r padding: 0.5em 0.35em;\r margin-right: 0.5em;\r height: 100%;\r display: flex;\r align-items: center;\r }\r .flex-end{\r justify-content: flex-end;\r }\r .flex-center{\r justify-content: center;\r }\r .box {\r /*border-width: 1px;*/\r /*border-style: solid;*/\r /*border-color: var(--border);*/\r border-radius: var(--radius);\r box-shadow: var(--shadow);\r display: flex;\r align-items: center;\r height: 100%;\r width: 100%;\r background: #ffffff;\r transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;\r }\r \r .box:has(.input.invalid){\r background: var(--oo-color-error-bg);\r box-shadow: var(--oo-shadow-border-error);\r }\r \r .input {\r border: 0;\r outline: none;\r color: var(--input);\r border-radius: var(--radius);\r padding: 0.5em 0.6em;\r box-shadow: none;\r height: 100%;\r width: 100%;\r font-size: 1em;\r background: transparent;\r font-family: var(--font-family);\r \r }\r \r input[type="date"]::-webkit-calendar-picker-indicator {\r opacity: 0.8;\r cursor: pointer;\r }\r \r .input[type="file"]{\r position: absolute;\r opacity: 0;\r }\r .file{\r padding: 0.2em;\r display: grid;\r grid-template-columns: auto auto;\r gap: 2em;\r align-items: center;\r }\r textarea {\r border: 0;\r outline: none;\r color: var(--input);\r border-radius: var(--radius);\r padding: 0.3em 0.6em;\r box-shadow: none;\r height: 100%;\r width: inherit;\r font-size: 1em;\r background: transparent;\r }\r \r input::placeholder, textarea::placeholder{\r color: var(--placeholder);\r }\r \r div.left-icon{\r width: 1em;\r text-align: right;\r transition: color 0.2s;\r font-size: 0.9em;\r margin-left: 0.5em;\r color: var(--icon-left);\r }\r div.right-icon{\r width: 1em;\r text-align: left;\r transition: color 0.2s;\r font-size: 0.9em;\r margin-right: 0.5em;\r color: var(--icon-right);\r }\r \r \r .box.focus {\r /*border-color: var(--focus);*/\r box-shadow: var(--shadow-focus);\r outline: none;\r color: var(--focus);\r }\r .box.focus div.left-icon{\r color: var(--focus);\r }\r .box.focus div.right-icon{\r color: var(--focus);\r }\r \r .label.focus {\r color: var(--focus);\r outline: none;\r }\r \r .box.disabled {\r background-color: var(--disabled)!important;\r outline: none;\r cursor: not-allowed;\r box-shadow: inset 0 0 0 1px var(--border);\r color: inherit;\r }\r .box.disabled div.left-icon{\r /*color: var(--oo-color-text4);*/\r opacity: 0.6;\r color: inherit;\r }\r .box.disabled div.right-icon{\r /*color: var(--oo-color-text4);*/\r opacity: 0.6;\r color: inherit;\r }\r .label.disabled {\r /*color: var(--oo-color-text4);*/\r outline: none;\r cursor: not-allowed;\r }\r input:disabled, textarea:disabled{\r opacity: 0.45;\r cursor: not-allowed;\r }\r \r .box.readmode {\r outline: none;\r cursor: default;\r box-shadow: none;\r background: transparent;\r }\r .box.readmode div.left-icon{\r color: inherit;\r display: none;\r }\r .box.readmode div.right-icon{\r color: inherit;\r display: none;\r }\r .label.readmode {\r outline: none;\r cursor: default;\r }\r .label.readmode.focus {\r color: inherit;\r outline: none;\r }\r \r \r input:focus, textarea:focus {\r border: 0;\r outline: none;\r box-shadow: none;\r }\r .appearance::-webkit-inner-spin-button,\r .appearance::-webkit-outer-spin-button {\r -webkit-appearance: none;\r appearance: none;\r margin: 0;\r }\r .hide{\r display: none;\r }\r div.invalidHint{\r /*position: absolute;*/\r color: var(--oo-color-error);\r height: 0;\r overflow: hidden;\r word-break: break-all;\r transition: margin-top 0.2s, height 0.2s;\r }\r div.invalidHint.show{\r margin: 0.3em 0 0 0em;\r height: unset;\r line-height: 1.2em;\r }\r div.invalidHint.show::before{\r line-height: 1.4em;\r margin-right: 0.2em;\r }\r .view{\r position: relative;\r overflow: hidden;\r flex: 1;\r }\r .readmode .input{\r display: none;\r }\r .viewText{\r width: 100%;\r height: 100%;\r top: 0;\r left: 0;\r overflow: hidden;\r padding: 0.5em 0.6em;\r display: none;\r }\r \r .readmode .viewText{\r display: block;\r }\r .requiredFlag{\r color: var(--oo-color-highlight);\r padding-left: 0.3em;\r font-size: 0.75em;\r }\r \r `,l5=class l5 extends y{constructor(){super();d(this,Zt);d(this,Dt);C(this,"_elements",{label:null,input:null,file:null,box:null,prefix:null,suffix:null,labelText:null,fileList:null,invalidHint:null,viewText:null,view:null,requiredFlag:null});C(this,"_setPropMap",{leftIcon:t=>{s.removeClass(this._elements.prefix,`ooicon-${t} left-icon`),this._props.leftIcon&&s.addClass(this._elements.prefix,`ooicon-${this._props.leftIcon} left-icon`)},rightIcon:t=>{s.removeClass(this._elements.suffix,`ooicon-${t} right-icon`),this._props.rightIcon&&s.addClass(this._elements.suffix,`ooicon-${this._props.rightIcon} right-icon`)},width:()=>{this._props.width&&(this._elements.box.style.width=this._props.width,this._elements.box.parentElement.style.minWidth=this._props.width)},height:()=>{this._props.height&&(this._elements.box.style.height=this._props.height,this._elements.box.parentElement.style.minHeight=this._props.height)},style:()=>{this._setPropMap.width(),this._setPropMap.height()},inputStyle:()=>{s.toggleAttr(this._elements.input,"style",this._props.inputStyle)},labelStyle:()=>{s.toggleAttr(this._elements.labelText,"style",this._props.labelStyle)},labelAlign:()=>{switch(this._props.labelAlign){case"right":s.setStyle(this._elements.labelText,"justify-content","flex-end");break;case"center":s.setStyle(this._elements.labelText,"justify-content","center");break;default:s.setStyle(this._elements.labelText,"justify-content","flex-start")}},viewStyle:()=>{s.toggleAttr(this._elements.viewText,"style",this._props.viewStyle)},bgcolor:()=>{this._props.bgcolor?s.setStyle(this._elements.box,"background-color",this._props.bgcolor):s.setStyle(this._elements.box,"background-color","transparent")},disabled:()=>{s.toggleAttr(this._elements.input,"disabled",this._props.disabled),s.checkClass(this._elements.box,"disabled",this._props.disabled),s.checkClass(this._elements.label,"disabled",this._props.disabled)},readmode:()=>{s.toggleAttr(this._elements.input,"readonly",this._props.readmode),s.checkClass(this._elements.box,"readmode",this._props.readmode),s.checkClass(this._elements.label,"readmode",this._props.readmode),this._setPropMap.required()},label:()=>{this._props.label?(this._elements.labelText.textContent=this._props.label,s.removeClass(this._elements.labelText,"hide")):(this._elements.labelText.textContent="",s.addClass(this._elements.labelText,"hide"))},skin:()=>{this._useSkin(this._props.skin)},value:()=>{try{this._elements.input.value=this._props.value}catch{}this._props.value?this._elements.viewText.textContent=this._props.value:this._elements.viewText.innerHTML=" "},appearance:()=>{s.checkClass(this._elements.input,"appearance",this._props.appearance==="none")},validity:()=>{},type:()=>{this._elements.file&&s.checkClass(this._elements.file,"hide",this._props.type!=="file"),s.toggleAttr(this._elements.input,"type",this._props.type)},autoSize:()=>{},resize:()=>{s.toggleClass(this._elements.input,"resize",this._props.resize)},required:()=>{s.toggleAttr(this._elements.input,"required",this._props.required),s.checkClass(this._elements.requiredFlag,"hide",!this._props.required||this._props.readmode||this._props.disabled)},$default:t=>{t==="value"?this.value=this._props[t]:s.toggleAttr(this._elements.input,t,this._props[t])}});const t=I1.get("index").o("component");["selectFile","notSelectedFile"].forEach(e=>l5.prop[e]=t[e])}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_init(t,e,i,o){this._initialize(t,e||l5,i||K7,o||r9)}_setEvent(){super._setEvent(),this._elements.input.addEventListener("focus",()=>{this._props.readmode||(s.addClass(this._elements.box,"focus"),s.addClass(this._elements.label,"focus"))}),this._elements.input.addEventListener("blur",()=>{this.unInvalidStyle(),this._props.validityBlur&&this.checkValidity(),s.removeClass(this._elements.box,"focus"),s.removeClass(this._elements.label,"focus")}),this._elements.input.addEventListener("input",()=>{this.value=this._elements.input.value,this._elements.viewText.textContent=this._elements.input.value,this.unInvalidStyle()}),this._elements.input.addEventListener("change",t=>{this.unInvalidStyle(),this.dispatchEvent(new Event("change",t))}),this._elements.input.addEventListener("change",t=>{if(this._props.type==="file")if(console.log(t.target.value),t.target.files.length){s.empty(this._elements.fileList);for(const e of t.target.files){const i=s("oo-file",{filename:e.name,size:e.size});this._elements.fileList.append(i)}}else s.empty(this._elements.fileList),this._elements.fileList.textContent=this._props.notSelectedFile}),this._elements.input.addEventListener("invalid",t=>{a(this,Dt,R9).call(this,t.target.validity)})}unInvalidStyle(t){this._elements.input.setCustomValidity(""),s.removeClass(this._elements.input,"invalid"),this._elements.invalidHint.textContent="",s.removeClass(this._elements.invalidHint,"show")}setCustomValidity(){return this._elements.input.setCustomValidity(...arguments)}checkValidity(){const t=this._elements.input.hasAttribute("readonly");t&&this._elements.input.removeAttribute("readonly"),this.dispatchEvent(new CustomEvent("validity"));const e=this._elements.input.checkValidity(...arguments);return t&&this._elements.input.setAttribute("readonly",!0),e}reportValidity(){const t=this._elements.input.hasAttribute("readonly");t&&this._elements.input.removeAttribute("readonly"),this.dispatchEvent(new CustomEvent("validity"));const e=this._elements.input.reportValidity(...arguments);return t&&this._elements.input.setAttribute("readonly",!0),e}_render(){this._setPropMap.value(),this._setPropMap.type()}focus(){this._elements.input.focus()}blur(){this._elements.input.blur()}get files(){return this._elements.input.files}get value(){return this._elements.input.value}set value(t){this.setAttribute("value",t)}};Zt=new WeakSet,N9=function(){return this._elements.input.validity.customError||this._props.validity&&this._elements.input.setCustomValidity(this._props.validity),this._elements.invalidHint&&(this._elements.invalidHint.textContent=this._elements.input.validationMessage),this._elements.input.validationMessage},Dt=new WeakSet,R9=function(t){this.dispatchEvent(new CustomEvent("invalid",{detail:t})),s.addClass(this._elements.input,"invalid"),a(this,Zt,N9).call(this)&&s.addClass(this._elements.invalidHint,"show")},C(l5,"prop",{leftIcon:"",rightIcon:"",width:"",height:"",inputStyle:"",labelStyle:"",labelAlign:"right",viewStyle:"",disabled:!1,readmode:!1,label:"",bgcolor:"#ffffff",skin:"",appearance:"",selectFile:"Select File",notSelectedFile:"Not Selected Files",validity:"",validityBlur:!1,autoSize:!1,resize:!1,id:"",placeholder:"",readonly:!1,type:"text",autofocus:!1,form:"",max:"",maxlength:"",min:"",minlength:"",name:"",pattern:"",size:"",spellcheck:"",src:"",step:"",tabindex:"",value:"",title:"",list:"",autocomplete:"",accept:"",alt:"",capture:"",checked:"",dirname:"",formaction:"",formenctype:"",formmethod:"",formnovalidate:"",formtarget:"",multiple:"",required:!1,cols:"",rows:""});let P2=l5;const J7=`.content{--option-bg: var(--oo-color-text-white);--option-over: var(--oo-color-text2);--option-over-bg: var(--oo-color-gray-e);--option-select: var(--oo-color-main);--option-select-bg: var(--oo-color-text-white);--option-shadow-color: var(--oo-color-gray-d);--option-shadow: 0 0 10px 1px var(--option-shadow-color);--option-border: var(--oo-color-gray-d);--option-selected: var(--oo-color-main);--option-selected-bg: var(--oo-color-light);--option-group-bg: var(--oo-color-text-white);--option-group-color: var(--oo-color-gray-9)}.drop{text-align:left;transition:color .2s;font-size:.8em;margin-right:.6em;color:var(--label);cursor:pointer;transform-origin:center}.drop.disabled,.suffix.disabled{opacity:.8;cursor:not-allowed}.box.focus .drop{color:var(--focus)}.calendar-area{position:absolute;border:1px solid var(--option-border);background-color:var(--option-bg);border-radius:var(--oo-area-radius);box-shadow:var(--option-shadow);z-index:100;transform-origin:top;transition:height .2s,opacity .2s,transform .2s}.calendar-area.visible{transform:scale(1);opacity:1}.calendar-area.invisible{transform:scaleY(0);opacity:0}.input,div.right-icon{cursor:pointer}.viewText{word-break:break-all;white-space:nowrap} `,n2=class n2 extends P2{constructor(){super();d(this,Ft);d(this,jt);d(this,a5);d(this,It);d(this,d5);d(this,zt);d(this,K,!1);d(this,A,null);d(this,x1,null);d(this,H,null);a(this,Ft,B9).call(this),this._init("oo-datetime",n2),this._useCss(J7)}static get observedAttributes(){return n2.prop=Object.assign({},n2.prop,n2.calendarProp),Object.keys(n2.prop).map(t=>L(t))}_render(){p(this,K,!1),this._elements.input.setAttribute("readonly","readonly"),p(this,A,this.querySelector("div.calendar-area")),l(this,A)||(p(this,A,s("div.calendar-area.invisible")),this._content.insertAdjacentElement("beforeend",l(this,A))),this._props.readonly=!0,this._setPropMap.value()}_setEvent(){super._setEvent(),this._elements.input.addEventListener("click",()=>{!this._props.read&&!this._props.readmode&&!this._props.disabled&&(p(this,K,!l(this,K)),l(this,K)?a(this,It,W9).call(this):a(this,d5,g4).call(this))}),l(this,A).addEventListener("click",t=>{t.stopPropagation()}),l(this,A).addEventListener("mousedown",t=>{t.stopPropagation()}),this._content.firstElementChild.addEventListener("mousedown",t=>{t.stopPropagation()})}_connected(){this.hasAttribute("right-icon")||this.setAttribute("right-icon","calendar"),this._elements.input.setAttribute("readonly","readonly")}};Ft=new WeakSet,B9=function(){this._setPropMap=Object.assign(this._setPropMap,{disabled:()=>{s.toggleAttr(this._elements.input,"disabled",this._props.disabled),s.checkClass(this._elements.box,"disabled",this._props.disabled),s.checkClass(this._elements.label,"disabled",this._props.disabled),s.checkClass(this._elements.suffix,"disabled",this._props.disabled)},value:()=>{l(this,H)&&l(this,H).setAttribute("value",this._props.value),this._elements.input.value=this._props.value,this._elements.viewText.textContent=this._props.value},timeRange:()=>{l(this,H)&&l(this,H).setAttribute("time-range",this._props.timeRange)},read:()=>{},readonly:()=>{},readmode:()=>{s.checkClass(this._elements.box,"readmode",this._props.readmode),s.checkClass(this._elements.label,"readmode",this._props.readmode)},$default:t=>{n2.calendarProp.hasOwnProperty(t)?l(this,H)&&l(this,H).setAttribute(L(t),this._props[t]):s.toggleAttr(this._elements.input,t,this._props[t])}})},K=new WeakMap,A=new WeakMap,x1=new WeakMap,H=new WeakMap,jt=new WeakSet,V9=function(){const t=s.getPosition(this._elements.box,this._content),e=s.getSize(this._elements.box),i=t.x,o=t.y+e.y+6+e.y*.2;e.x,s.setStyles(l(this,A),{top:o+"px",left:i+"px"})},a5=new WeakSet,m4=function(){s.checkClass(this._elements.box,"focus",l(this,K)),s.checkClass(this._elements.label,"focus",l(this,K))},It=new WeakSet,W9=function(){p(this,K,!0),a(this,a5,m4).call(this),a(this,jt,V9).call(this),s.removeClass(l(this,A),"invisible"),s.addClass(l(this,A),"visible"),this.ownerDocument.dispatchEvent(new MouseEvent("mousedown")),a(this,zt,H9).call(this),p(this,x1,a(this,d5,g4).bind(this)),this.ownerDocument.addEventListener("mousedown",l(this,x1)),this.unInvalidStyle()},d5=new WeakSet,g4=function(){p(this,K,!1),a(this,a5,m4).call(this),s.removeClass(l(this,A),"visible"),s.addClass(l(this,A),"invisible"),this.ownerDocument.removeEventListener("mousedown",l(this,x1))},zt=new WeakSet,H9=function(){if(!l(this,H)){let t="{this.setAttribute("value",e.detail.value),this.dispatchEvent(new CustomEvent("change",e))})}},C(n2,"calendarProp",{view:"date",baseDate:null,yearOnly:!1,monthOnly:!1,dateOnly:!1,weekOnly:!1,timeOnly:!1,secondEnable:!1,cleanEnable:!0,todayEnable:!0,datetimeRange:"",dateRange:"",timeRange:"",weekBegin:1,value:"",format:"",rightIcon:"calendar",read:!1});let S3=n2;const Q7=`* {\r box-sizing: border-box;\r }\r .content{\r display: flex;\r align-items: center;\r flex-direction: row;\r }\r .icon{\r height: 2.75em;\r width: 2.75em;\r display: flex;\r align-items: center;\r justify-content: center;\r }\r .icon>oo-icon{\r height: 2.4em;\r width: 2.4em;\r }\r .filename{\r padding: 0 0.5em;\r }\r .name{\r \r }\r .size{\r color: var(--oo-color-text3);\r font-size: 0.875em;\r }\r \r .hide{\r display: none;\r }\r \r .mask{\r position: absolute;\r width: 100%;\r height: 100%;\r background: var(--oo-color-text2);\r opacity: 0.5;\r }\r \r .preview{\r height: 70%;\r width: 70%;\r background-repeat: no-repeat;\r background-size: contain;\r background-position: center;\r }\r `,o9={html:"html",htm:"html",jsp:"html",asp:"html",js:"js",mjs:"js",cjs:"js",css:"css",xml:"xml",xsl:"xsl",avi:"avi",mkv:"avi",mov:"avi",ogg:"avi",mp4:"mp4",mpa:"avi",mpe:"avi",mpeg:"avi",mpg:"avi",rmvb:"rm",rm:"rm",doc:"word",docx:"word",dotx:"word",dot:"word",xls:"excel",xlsx:"excel",xlsm:"excel",xlt:"excel",xltx:"excel",pptx:"ppt",ppt:"ppt",pot:"ppt",potx:"ppt",potm:"ppt",mp3:"mp4",wav:"wav",wma:"wma",wmv:"wmv",bmp:"img",gif:"gif",png:"png",psd:"psd",jpeg:"jpeg",jpg:"jpeg",jpe:"jpeg",tiff:"tiff",ico:"jpeg",ai:"ai",apng:"img",avif:"img",cur:"img",jfif:"jpeg",pjpeg:"jpeg",pjp:"jpeg",tif:"tiff",webp:"img",pdf:"pdf",rar:"rar",txt:"txt",zip:"zip",exe:"exe",ofd:"ofd",tmp:"tmp",arch:"arch",att:"att",au:"au",cad:"cad",cdr:"cdr",eps:"eps",iso:"iso",fla:"flash",link:"link",folder:"folder",unknown:"zip"},t0=`

`,Wt=class Wt extends y{constructor(){super();d(this,Y2);d(this,$t);d(this,Nt);d(this,Rt);d(this,Bt);d(this,Vt);C(this,"_elements",{icon:null,name:null,size:null,preview:null});C(this,"_setPropMap",{filename:()=>{a(this,Y2,z5).call(this)},size:()=>{a(this,Y2,z5).call(this)},url:()=>{a(this,Y2,z5).call(this)},preview:()=>{a(this,Y2,z5).call(this)},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)}});d(this,h5,null);this._initialize("oo-file",Wt,t0,Q7)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}async _render(){if(this._props.filename){const t=this._props.size?a(this,Vt,G9).call(this,parseFloat(this._props.size)):"";this.extension=this._props.filename.substring(this._props.filename.lastIndexOf(".")+1),s.empty(this._elements.icon);const e=s("oo-icon");e.setAttribute("type",o9[this.extension]||o9.unknown),this._elements.icon.append(e),this._elements.name.textContent=this._props.filename,this._elements.size.textContent=t}}_setEvent(){super._setEvent(),this._elements.icon.addEventListener("click",t=>{t.stopPropagation(),this._props.preview&&this._props.url&&a(this,$t,Y9).call(this)})}_previewImage(t){const e=s("img.preview");e.addEventListener("click",i=>{i.stopPropagation()}),t.append(e),e.src=this._props.url}_previewVideo(t){const e=s("video.preview",{controls:"play"});e.addEventListener("click",i=>{i.stopPropagation()}),t.append(e),e.src=this._props.url}_previewAudio(t){const e=s("audio.preview",{controls:"play"});e.addEventListener("click",i=>{i.stopPropagation()}),t.append(e),e.src=this._props.url}};h5=new WeakMap,Y2=new WeakSet,z5=function(){l(this,h5)||setTimeout(()=>{this._render(),p(this,h5,null)},5)},$t=new WeakSet,Y9=function(){const t=a(this,Nt,q9).call(this,this.extension)?"Image":a(this,Rt,U9).call(this,this.extension)?"Video":a(this,Bt,X9).call(this,this.extension)?"Audio":"";if(t){const e=s("div.preview_mask"),i=s("div.preview_area"),o=s.getPosition(this._elements.icon);s.setStyles(e,{top:o.y+"px",left:o.x+"px"}),s.setStyles(i,{top:o.y+"px",left:o.x+"px"}),document.body.append(e),document.body.append(i),setTimeout(()=>{s.addClass(e,"show"),s.addClass(i,"show")},5),i.addEventListener("click",()=>{e.remove(),i.remove()}),this[`_preview${t}`](i)}},Nt=new WeakSet,q9=function(t){return["apng","avif","bmp","gif","ico","cur","jpg","jpeg","jfif","pjpeg","pjp","png","svg","tif","tiff","webp"].includes(t)},Rt=new WeakSet,U9=function(t){return["avi","mkv","mov","ogg","mp4","mpa","mpe","mpeg","mpg","rmvb","rm"].includes(t)},Bt=new WeakSet,X9=function(t){return["mp3","wav","wma","wmv"].includes(t)},Vt=new WeakSet,G9=function(t){if(!t)return"";const e=["B","KB","MB","GB"];let i=0;for(;t>=1024&&i
`,n0=Object.assign({"../../assets/icons/ai.svg":()=>Promise.resolve().then(()=>H0).then(r=>r.default),"../../assets/icons/arch.svg":()=>Promise.resolve().then(()=>Y0).then(r=>r.default),"../../assets/icons/att.svg":()=>Promise.resolve().then(()=>q0).then(r=>r.default),"../../assets/icons/au.svg":()=>Promise.resolve().then(()=>U0).then(r=>r.default),"../../assets/icons/avi.svg":()=>Promise.resolve().then(()=>X0).then(r=>r.default),"../../assets/icons/cad.svg":()=>Promise.resolve().then(()=>G0).then(r=>r.default),"../../assets/icons/cdr.svg":()=>Promise.resolve().then(()=>K0).then(r=>r.default),"../../assets/icons/css.svg":()=>Promise.resolve().then(()=>J0).then(r=>r.default),"../../assets/icons/eps.svg":()=>Promise.resolve().then(()=>Q0).then(r=>r.default),"../../assets/icons/excel.svg":()=>Promise.resolve().then(()=>t6).then(r=>r.default),"../../assets/icons/exe.svg":()=>Promise.resolve().then(()=>e6).then(r=>r.default),"../../assets/icons/flash.svg":()=>Promise.resolve().then(()=>n6).then(r=>r.default),"../../assets/icons/folder.svg":()=>Promise.resolve().then(()=>s6).then(r=>r.default),"../../assets/icons/gif.svg":()=>Promise.resolve().then(()=>i6).then(r=>r.default),"../../assets/icons/html.svg":()=>Promise.resolve().then(()=>r6).then(r=>r.default),"../../assets/icons/ico.svg":()=>Promise.resolve().then(()=>o6).then(r=>r.default),"../../assets/icons/img.svg":()=>Promise.resolve().then(()=>l6).then(r=>r.default),"../../assets/icons/iso.svg":()=>Promise.resolve().then(()=>a6).then(r=>r.default),"../../assets/icons/java.svg":()=>Promise.resolve().then(()=>d6).then(r=>r.default),"../../assets/icons/jpeg.svg":()=>Promise.resolve().then(()=>h6).then(r=>r.default),"../../assets/icons/js.svg":()=>Promise.resolve().then(()=>c6).then(r=>r.default),"../../assets/icons/link.svg":()=>Promise.resolve().then(()=>p6).then(r=>r.default),"../../assets/icons/mp3.svg":()=>Promise.resolve().then(()=>u6).then(r=>r.default),"../../assets/icons/mp4.svg":()=>Promise.resolve().then(()=>C6).then(r=>r.default),"../../assets/icons/ofd.svg":()=>Promise.resolve().then(()=>m6).then(r=>r.default),"../../assets/icons/pdf.svg":()=>Promise.resolve().then(()=>g6).then(r=>r.default),"../../assets/icons/png.svg":()=>Promise.resolve().then(()=>v6).then(r=>r.default),"../../assets/icons/ppt.svg":()=>Promise.resolve().then(()=>f6).then(r=>r.default),"../../assets/icons/psd.svg":()=>Promise.resolve().then(()=>b6).then(r=>r.default),"../../assets/icons/rar.svg":()=>Promise.resolve().then(()=>L6).then(r=>r.default),"../../assets/icons/rm.svg":()=>Promise.resolve().then(()=>_6).then(r=>r.default),"../../assets/icons/svg.svg":()=>Promise.resolve().then(()=>x6).then(r=>r.default),"../../assets/icons/tiff.svg":()=>Promise.resolve().then(()=>w6).then(r=>r.default),"../../assets/icons/tmp.svg":()=>Promise.resolve().then(()=>y6).then(r=>r.default),"../../assets/icons/txt.svg":()=>Promise.resolve().then(()=>k6).then(r=>r.default),"../../assets/icons/unknown.svg":()=>Promise.resolve().then(()=>E6).then(r=>r.default),"../../assets/icons/wav.svg":()=>Promise.resolve().then(()=>M6).then(r=>r.default),"../../assets/icons/wma.svg":()=>Promise.resolve().then(()=>S6).then(r=>r.default),"../../assets/icons/wmv.svg":()=>Promise.resolve().then(()=>T6).then(r=>r.default),"../../assets/icons/word.svg":()=>Promise.resolve().then(()=>A6).then(r=>r.default),"../../assets/icons/xml.svg":()=>Promise.resolve().then(()=>O6).then(r=>r.default),"../../assets/icons/xsl.svg":()=>Promise.resolve().then(()=>P6).then(r=>r.default),"../../assets/icons/zip.svg":()=>Promise.resolve().then(()=>Z6).then(r=>r.default)}),Ht=class Ht extends y{constructor(){super();C(this,"_setPropMap",{type:()=>{this._render()}});this._initialize("oo-icon",Ht,e0,"svg{width:100%; height: 100%}")}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}async _render(){if(s.empty(this._content),this._props.type){const t=await n0[`../../assets/icons/${this._props.type}.svg`]();s.empty(this._content),this._content.insertAdjacentHTML("afterbegin",t)}}};C(Ht,"prop",{type:""});let A3=Ht;class s0 extends P2{constructor(){super(),this._init("oo-input")}}const i0=`.content{\r background-color: var(--option-bg);\r transition: background-color 0.2s, color 0.2s;\r cursor: pointer;\r overflow: hidden;\r }\r .content:hover{\r background-color: var(--option-over-bg);\r color: var(--option-over);\r }\r .content.selected{\r font-weight: bold;\r color: var(--option-selected);\r background-color: var(--option-selected-bg);\r }\r .content.disabled{\r opacity: 0.4;\r cursor: not-allowed;\r }\r .content.disabled:hover{\r background-color: var(--option-bg);\r }\r \r .area{\r padding: 0 1em;\r float: left;\r line-height: 2em;\r overflow: hidden;\r }\r \r .label, .text{\r line-height: 2em;\r overflow: hidden;\r word-break: keep-all;\r text-overflow: ellipsis;\r }\r `,r0='
',Yt=class Yt extends y{constructor(){super();d(this,c5);C(this,"_setPropMap",{value:()=>{},$default:()=>{},text:()=>{a(this,c5,v4).call(this)},disabled:()=>{s.checkClass(this._content,"disabled",!!this._props.disabled)},selected:()=>{s.checkClass(this._content,"selected",this._props.selected),l(this,Y)._selected(this)},skin:()=>{this._useSkin(this._props.skin)}});C(this,"_elements",{text:null,label:null,area:null});d(this,Y,null);d(this,a2,null);this._initialize("oo-option",Yt,r0,i0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_render(){a(this,c5,v4).call(this),this._setPropMap.disabled()}_connected(){const t=this.parentElement;t.tagName.toLowerCase()==="oo-option-group"?(p(this,a2,t),t.parentElement.tagName.toLowerCase()==="oo-select"&&p(this,Y,t.parentElement)):t.tagName.toLowerCase()==="oo-select"&&p(this,Y,t),l(this,a2)||l(this,Y)?((l(this,a2)||l(this,Y))._appendItem(this),s.show(this)):s.hide(this)}_disconnected(){if(l(this,a2)||l(this,Y)){const t=l(this,a2)||l(this,Y);p(this,Y,null),p(this,a2,null),t._removeItem(this)}}_setEvent(){this._content.addEventListener("click",()=>{this._props.disabled||(this.selected=!0)});const t=()=>{var o;const i=s.getSize(this._elements.area);(o=l(this,Y))==null||o.checkMaxWidth(i.x)};new MutationObserver(t).observe(this._content,{subtree:!0,childList:!0,attributes:!0,characterData:!0})}};c5=new WeakSet,v4=function(){if(this.innerHTML.trim()){let t=this.firstChild;for(;t;)this._elements.label.appendChild(t),t=this.firstChild}this._elements.label.innerHTML.trim()||(this._props.text?this._elements.text.textContent=this._props.text:this._elements.text.innerHTML=" ")},Y=new WeakMap,a2=new WeakMap,C(Yt,"prop",{value:"",text:"",selected:!1,disabled:!1,skin:""});let O3=Yt;const o0=`.content{\r padding: 0 1em;\r background-color: var(--option-group-bg);\r line-height: 2em;\r overflow: hidden;\r transition: background-color 0.3s, color 0.3s;\r cursor: pointer;\r }\r \r .label, .text{\r color: var(--option-group-color);\r line-height: 2em;\r overflow: hidden;\r word-break: keep-all;\r text-overflow: ellipsis;\r }\r `,l0=`

`,qt=class qt extends y{constructor(){super();C(this,"_setPropMap",{$default:()=>{},text:()=>{this._elements.text.textContent=this._props.text},label:()=>{this._elements.label.textContent=this._props.label},skin:()=>{this._useSkin(this._props.skin)}});C(this,"_elements",{text:null,label:null});d(this,N,null);d(this,w1,[]);this._initialize("oo-option-group",qt,l0,o0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_render(){this._elements.text.textContent=this._props.text||this._props.label}_connected(){const t=this.parentElement;t.tagName.toLowerCase()==="oo-select"&&p(this,N,t),l(this,N)?(l(this,N)._appendGroup(this),s.show(this)):s.hide(this)}_disconnected(){if(l(this,N)){const t=l(this,N);p(this,N,null),t._removeGroup(this)}}_removeItem(t){l(this,N)&&l(this,N)._removeItem(t),l(this,w1).splice(l(this,w1).indexOf(t),1)}_appendItem(t){l(this,N)&&l(this,N)._appendItem(t),l(this,w1).push(t)}};N=new WeakMap,w1=new WeakMap,C(qt,"prop",{text:"",skin:""});let P3=qt;const a0=`* {\r box-sizing: border-box;\r }\r .content{\r --padding: 0.1em 0;\r --radius: var(--oo-default-radius);\r --hover-color: var(--oo-color-main);\r --hover-bg: var(--oo-color-hover);\r }\r .content{\r padding: var(--padding);\r border-radius: var(--radius);\r display: inline-flex;\r align-items: center;\r font-size: 1em;\r cursor: pointer;\r transition: background-color 0.3s, color 0.3s;\r margin-right: 0.5em;\r }\r .content:hover{\r background-color: var(--hover-bg);\r color: var(--hover-color);\r }\r \r .icon{\r background-position: center;\r background-size: cover;\r background-repeat: no-repeat;\r border-radius: var(--oo-default-radius);\r /*opacity: 0.6;*/\r margin-right: 0.2em;\r height: 1.125rem;\r width: 1.125rem;\r \r display: flex;\r font-size: 0.875rem;\r justify-content: center;\r align-items: center;\r }\r .avatar{\r background-color: transparent;\r }\r \r .hide{\r display: none;\r }\r .text{\r /*white-space: nowrap;*/\r }\r `,d0=Object.assign({"./styles/tooltip/deep.css":()=>Promise.resolve().then(()=>D6),"./styles/tooltip/default.css":()=>Promise.resolve().then(()=>F6),"./styles/tooltip/toolbar.css":()=>Promise.resolve().then(()=>j6)}),d2=class d2{constructor(n,t,e){d(this,Ut);d(this,Xt);d(this,Gt);d(this,Kt);d(this,Jt);d(this,p5);d(this,u5);d(this,Qt);d(this,te);d(this,C5);d(this,ee);d(this,m5);d(this,ne);this.content=n,this.target=t,this.options=Object.assign({},d2.option,e),a(this,Ut,K9).call(this),a(this,ne,r8).call(this),this.options.events?a(this,C5,L4).call(this):this.show()}close(){s.setStyles(this.node,{opacity:0}),this.hideTimeout=window.setTimeout(()=>{this.container.remove()},600)}hide(){s.setStyles(this.node,{opacity:0}),this.hideTimeout=window.setTimeout(()=>{s.addClass(this.node,"hide"),s.removeClass(this.node,"show"),this.p&&s.setStyles(this.node,{left:this.p.fromX+"px",top:this.p.fromY+"px"}),a(this,Gt,Q9).call(this)},600)}async show(){if(!this.target||!this.target.isConnected)return null;this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),s.removeClass(this.node,"hide"),s.addClass(this.node,"show"),a(this,Xt,J9).call(this),await a(this,C5,L4).call(this),await a(this,ee,i8).call(this),this.contentNode.childNodes.length&&(s.removeClass(this.node,"hide"),s.addClass(this.node,"show"),this.p=a(this,Jt,e8).call(this),s.setStyles(this.node,{left:this.p.fromX+"px",top:this.p.fromY+"px"}),s.setStyles(this.triangle,{left:this.p.flagX+"px",top:this.p.flagY+"px"}),window.setTimeout(()=>{s.setStyles(this.node,{opacity:1,left:this.p.x+"px",top:this.p.y+"px"}),a(this,Qt,n8).call(this)},5)),(!this.target||!this.target.isConnected)&&this.hide()}};Ut=new WeakSet,K9=async function(){this.container=s("div.ootooltip_container"),this.node=s("div.ootooltip"),this.triangle=s(`div.ootooltip_triangle.${this.options.position}`),this.contentNode=s("div.ootooltip_content"),this.node.append(this.triangle),this.node.append(this.contentNode),this.container.append(this.node),a(this,Kt,t8).call(this)},Xt=new WeakSet,J9=function(){document.body.append(this.container)},Gt=new WeakSet,Q9=function(){this.container.remove()},Kt=new WeakSet,t8=function(){this.options.events&&(this.showFun||(this.showFun=this.show.bind(this)),this.hideFun||(this.hideFun=this.hide.bind(this)),this.options.events.show&&(this.options.events.show.split(/\s*,\s*/g).forEach(t=>{this.target.addEventListener(t,e=>{this.hideFun.clear&&this.hideFun.clear(),R(this.showFun,this.options.defer,this)})}),this.options.showOnEnterCotent&&this.container.addEventListener("mouseenter",()=>{this.hideFun.clear&&this.hideFun.clear()})),this.options.events.hide&&(this.options.events.hide.split(/\s*,\s*/g).forEach(t=>{this.target.addEventListener(t,()=>{this.showFun.clear&&this.showFun.clear(),R(this.hideFun,100,this)})}),this.options.showOnEnterCotent&&this.container.addEventListener("mouseleave",()=>{this.showFun.clear&&this.showFun.clear(),R(this.hideFun,100,this)})))},Jt=new WeakSet,e8=function(){const n=s.getPosition(this.target),t=s.getSize(this.target),e=s.getSize(this.node),i=s.getSize(this.triangle).x/2;let o=a(this,u5,b4).call(this,this.options.position,n,t,e,i);switch(this.options.position){case"top":o.y<0&&(o=a(this,p5,f4).call(this,"bottom",n,t,e,i));break;case"left":o.x<0&&(o=a(this,p5,f4).call(this,"right",n,t,e,i));break}if((this.options.position==="top"||this.options.position==="bottom")&&o.x<0){const h=o.x;o.flagX+=h,o.x=0,o.fromX=0}if((this.options.position==="left"||this.options.position==="right")&&o.y<0){const h=o.y;o.flagY+=h,o.y=0,o.fromY=0}return o},p5=new WeakSet,f4=function(n,t,e,i,o){return s.removeClass(this.triangle,this.options.position),s.addClass(this.triangle,n),this.options.position=n,a(this,u5,b4).call(this,this.options.position,t,e,i,o)},u5=new WeakSet,b4=function(n,t,e,i,o){const h={},c=this.options.emerge||0,u=this.options.offset||this.options.offset===0?this.options.offset:3;switch(n){case"bottom":h.x=h.fromX=t.x+e.x/2-i.x/2,h.y=t.y+e.y+o+u,h.fromY=h.y-c,h.flagX=i.x/2-o,h.flagY=0-o;break;case"left":h.x=t.x-i.x-o-u,h.fromX=h.x+c,h.y=h.fromY=t.y+e.y/2-i.y/2,h.flagX=i.x-o,h.flagY=i.y/2-o;break;case"right":h.x=t.x+e.x+o+u,h.fromX=h.x-c,h.y=h.fromY=t.y+e.y/2-i.y/2,h.flagX=0-o,h.flagY=i.y/2-o;break;default:h.x=h.fromX=t.x+e.x/2-i.x/2,h.y=t.y-i.y-o-u,h.fromY=h.y+c,h.flagX=i.x/2-o,h.flagY=i.y-o}return h},Qt=new WeakSet,n8=function(){this.options.autoClose>0&&window.setTimeout(()=>{this[this.options.events?"hide":"close"]()},this.options.autoClose)},te=new WeakSet,s8=async function(n){const t=await d0[`./styles/tooltip/${n}.css`]();return q4(t.default,this.container)},C5=new WeakSet,L4=async function(){const n=d2.loadedStyles[this.options.style||"default"];if(n){const t=await Promise.resolve(n);s.addClass(this.container,t.id)}else{const t=this.options.style||"default";d2.loadedStyles[t]=a(this,te,s8).call(this,t),d2.loadedStyles[t]=await d2.loadedStyles[t]}},ee=new WeakSet,i8=async function(){if(this.options.resetContentOnShow||!this.contentLoaded)return this.target.dispatchEvent(new MouseEvent("tooltip")),s.empty(this.contentNode),this.contentLoaded=!0,await a(this,m5,_4).call(this,this.content),""},m5=new WeakSet,_4=async function(n){switch(g(n)){case"string":s.set(this.contentNode,"html",n);break;case"element":this.contentNode.append(n);break;case"function":const t=await Promise.resolve(n());await a(this,m5,_4).call(this,t)}},ne=new WeakSet,r8=function(){this.observerNode=this.observerNode||this.target.parentElement;var n=new MutationObserver((t,e)=>{if(t[0].removedNodes&&t[0].removedNodes.length){for(let i of t[0].removedNodes)if(i===this.target){this.hide(),e.disconnect();break}}});this.observerNode&&n.observe(this.observerNode,{childList:!0})},C(d2,"option",{position:"top",style:"default",autoClose:0,emerge:-8,offset:6,defer:600,events:{show:"mouseover",hide:"mouseout, mousedown"},showOnEnterCotent:!1,resetContentOnShow:!1}),C(d2,"loadedStyles",{});let z1=d2;function l9(r,n,t){return new z1(r,n,t)}const h0=`

`,re=class re extends y{constructor(){super();d(this,S2);d(this,se);d(this,h2);d(this,ie);C(this,"_elements",{icon:null,text:null});C(this,"_setPropMap",{type:()=>{this._canRender()&&a(this,h2,i1).call(this)},value:()=>{this._canRender()&&(a(this,h2,i1).call(this),a(this,S2,Z1).call(this))},data:()=>{this._canRender()&&(a(this,h2,i1).call(this),a(this,S2,Z1).call(this))},text:()=>{this._props.text?this._elements.text.textContent=this._props.text:a(this,S2,Z1).call(this)},entity:()=>{this._canRender()&&(a(this,h2,i1).call(this),a(this,S2,Z1).call(this))},isTooltip:()=>{this.tooltip=this._props.isTooltip!==!1?this.tooltip||this.defaultTooltip:null},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)}});this._initialize("oo-org",re,h0,a0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_canRender(){return super._canRender(null,["value","data"])}_render(){this._canRender()&&a(this,h2,i1).call(this)}_connected(){this._canRender()&&(a(this,h2,i1).call(this),a(this,S2,Z1).call(this)),this.tooltip=this._props.isTooltip!==!1?this.defaultTooltip:null,this.tip||(this.tip=l9(async()=>g(this.tooltip)==="function"?await this.tooltip():this.tooltip,this))}defaultTooltip(){const t=s("oo-card",{value:this.value,data:JSON.stringify(this.data),skin:"border: 0; shadow: 0"});return new Promise(e=>{t.addEventListener("loaded",()=>{e(t)})})}};S2=new WeakSet,Z1=function(){this._props.text?this._elements.text.textContent=this._props.text:this._props.value?this._elements.text.textContent=U5(this._props.value):this._elements.text.textContent=a(this,se,o8).call(this,this._props.data)},se=new WeakSet,o8=function(t){return t.dn?U5(t.dn):t.name},h2=new WeakSet,i1=function(){debugger;switch(this._props.type){case"text":s.addClass(this._elements.icon,"hide");break;default:const t=a(this,ie,l8).call(this,this._props.entity||y3(this._props.value||this._props.data));g(t)==="function"?s.setStyle(this._elements.icon,"background-image",`url('${t(this._props.value||this._props.data)}')`):s.addClass(this._elements.icon,t),s.removeClass(this._elements.icon,"hide")}},ie=new WeakSet,l8=function(t){return{I:e=>{var i;return X5(((i=e.person)==null?void 0:i.dn)||e.dn||e)},P:e=>X5(e.dn||e),U:"ooicon-unit",G:"ooicon-group",R:"ooicon-role",UD:"ooicon-duty",UA:"ooicon-attribute",PA:"ooicon-attribute",PROCESS:"ooicon-process",APP:"ooicon-computer"}[t]},C(re,"prop",{type:"simple",value:"",text:"",data:{},entity:"",cssLink:"",skin:"",isTooltip:!0});let Z3=re;const c0=`*{box-sizing:border-box}.content{--gap: .5em;--color: var(--oo-color-text2);--bg: var(--oo-default-radius);--radius: var(--oo-default-radius);--border: 1px solid var(--oo-color-gray-d);--hover-bg: var(--oo-color-light);--current-color: var(--oo-color-text-white);--current-bg: var(--oo-color-main)}.content{display:flex;gap:var(--gap);align-items:center}.prev,.next,.pages>div{padding:.2em;color:var(--color);background:var(--bg);border-radius:var(--radius);border:var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:1.788em;height:1.788em;transition:background .3s}.prev:hover,.next:hover,.pages>div:hover{background:var(--hover-bg)}.pages{display:flex;gap:var(--gap);align-items:center}.pages>.current{color:var(--current-color);background:var(--current-bg)}.pages>.current:hover{background:var(--current-bg)}.point3{transform:rotate(90deg);color:var(--color)}.jumper{margin-left:1em;display:flex;align-items:center;gap:.3em}.jumper oo-input{width:3.5em;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}oo-input::-webkit-inner-spin-button,oo-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.hide{display:none} `;customElements.get("oo-button")||customElements.define("oo-button",X4);const p0=`

/

`,ae=class ae extends y{constructor(){super();d(this,g5);d(this,v5);d(this,c2);d(this,y1);d(this,p2);d(this,oe);d(this,f5);d(this,le);C(this,"_elements",{first:null,last:null,prev:null,next:null,pages:null,jumper:null,jumperTextLeft:null,jumperTextRight:null,jumperPageCount:null,jumperInput:null});C(this,"_setPropMap",{cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)},current:(t,e)=>{t!==e&&R(a(this,c2,r1),this)},total:(t,e)=>{t!==e&&R(a(this,c2,r1),this)},pageSize:(t,e)=>{t!==e&&R(a(this,c2,r1),this)},pageCount:()=>{},pages:(t,e)=>{t!==e&&R(a(this,c2,r1),this)},first:()=>{a(this,g5,x4).call(this)},last:()=>{a(this,v5,w4).call(this)},jumper:()=>{s.checkClass(this._elements.jumper,"hide",!this._props.jumper)}});this._initialize("oo-pagination",ae,p0,c0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}async _render(){a(this,y1,C3).call(this),a(this,g5,x4).call(this),a(this,v5,w4).call(this),R(a(this,c2,r1),this),a(this,le,d8).call(this)}_setEvent(){this._elements.prev.addEventListener("click",()=>{this.gotoPrev()}),this._elements.next.addEventListener("click",()=>{this.gotoNext()}),this._elements.first.addEventListener("click",()=>{this.gotoFirst()}),this._elements.last.addEventListener("click",()=>{this.gotoLast()}),this._elements.jumperInput&&this._elements.jumperInput.addEventListener("keydown",t=>{if(t.key==="Enter"||t.keyCode===13){const e=this._elements.jumperInput;!isNaN(e.value)&&e.value&&(this.gotoPage(parseInt(e.value)),e.value="")}})}setCurrent(t){this._props.current=t,a(this,y1,C3).call(this)}gotoPage(t){this.setCurrent(t),this.dispatchEvent(new CustomEvent("page",{detail:this._props.current})),this.setAttribute("current",this._props.current),R(a(this,c2,r1),this)}pagesForward(){this.gotoPage(this._props.current+(this._props.pages-2))}pagesBack(){this.gotoPage(this._props.current-(this._props.pages-2))}gotoFirst(){this.gotoPage(1)}gotoLast(){this.gotoPage(this._props.pageCount)}gotoPrev(){this.gotoPage(--this._props.current)}gotoNext(){this.gotoPage(++this._props.current)}};g5=new WeakSet,x4=function(){const t=this._props.first;this._elements.first.textContent=t,s.checkClass(this._elements.first,"hide",!t)},v5=new WeakSet,w4=function(){const t=this._props.last;this._elements.last.textContent=t,s.checkClass(this._elements.last,"hide",!t)},c2=new WeakSet,r1=function(t,e,i){if(a(this,y1,C3).call(this),s.empty(this._elements.pages),this._props.pageCount<=this._props.pages)for(let o=1;o<=this._props.pageCount;o++)a(this,p2,o1).call(this,o);else{a(this,p2,o1).call(this,1);const o=this._props.pages-2,h=parseInt(o/2);let c;if(this._props.current-h<=2)for(let u=1;u<=o;u++)c=u+1,a(this,p2,o1).call(this,c);else if(this._props.current+h>=this._props.pageCount-1){a(this,f5,y4).call(this);for(let u=o;u>=1;u--)c=this._props.pageCount-u,a(this,p2,o1).call(this,c)}else{a(this,f5,y4).call(this);for(let u=0;uthis._props.pageCount&&(this._props.current=this._props.pageCount)},p2=new WeakSet,o1=function(t){const e=document.createElement("div");e.textContent=t,t===this._props.current&&s.addClass(e,"current"),e.addEventListener("click",()=>{this.gotoPage(t)}),this._elements.pages.append(e)},oe=new WeakSet,a8=function(){const t=document.createElement("div");s.addClass(t,"ooicon-point3 point3"),t.addEventListener("click",()=>{this.pagesForward()}),this._elements.pages.append(t)},f5=new WeakSet,y4=function(){const t=document.createElement("div");s.addClass(t,"ooicon-point3 point3"),t.addEventListener("click",()=>{this.pagesBack()}),this._elements.pages.append(t)},le=new WeakSet,d8=function(){const t=this._props.jumperText.split("{n}");this._elements.jumperTextLeft.textContent=t[0],this._elements.jumperTextRight.textContent=(t==null?void 0:t[1])??"",this._elements.jumperPageCount.textContent=this._props.pageCount},C(ae,"prop",{total:200,pageSize:20,pageCount:0,pages:10,current:1,jumper:!0,first:"第一页",last:"最后一页",jumperText:"到第{n}页",border:!0,cssLink:"",skin:""});let D3=ae;const u0=`.content{\r --radius: 100%;\r }\r .check{\r border-radius: var(--radius);\r width: 0;\r height: 0;\r transition: width 0.2s, height 0.2s, background-color 0.2s;\r transform-origin: center;\r background-color: var(--bg);\r }\r .check.checked{\r width: 0.4em;\r height: 0.4em;\r background-color: var(--checked);\r }\r `;class C0 extends G5{constructor(){super(),this._init("oo-radio"),this._useCss(u0)}_unCheckedOther(){this.ownerDocument.querySelectorAll(`oo-radio[name='${this._props.name}']`).forEach(t=>{t!==this&&t.checked&&t._unchecked()})}_render(){this._elements.input.type="radio",this._elements.input.checked&&this._unCheckedOther(),super._render()}}class m0 extends K5{constructor(){super();d(this,de);d(this,he);a(this,de,h8).call(this),this._init("oo-radio-group")}_appendItemCheckValue(t){this._props.value?t.value===this._props.value&&t.setAttribute("checked",!0):t._unchecked()}_itemChange(t){t.currentTarget.checked?this.value=t.currentTarget.value:this.value="",this._elements.input.value=this.value,this.unInvalidStyle(),this.dispatchEvent(new Event("change",t))}_removeItem(t){super._removeItem(t)}get text(){return a(this,he,c8).call(this)}}de=new WeakSet,h8=function(){this.setPropMap=Object.assign(this._setPropMap,{value:()=>{if(this._props.value){for(const t of this._items)if(t.value===this._props.value){t.setAttribute("checked",!0);break}}this._elements.input.value=this._props.value}})},he=new WeakSet,c8=function(){for(const t of this._items)if(t.checked)return t.text;return""};const g0=`.content{\r --option-bg: var(--oo-color-text-white);\r --option-over: var(--oo-color-text2);\r --option-over-bg: var(--oo-color-gray-e);\r --option-select: var(--oo-color-main);\r --option-select-bg: var(--oo-color-text-white);\r --option-shadow-color: var(--oo-color-gray-d);\r --option-shadow: 0 0 10px 1px var(--option-shadow-color);\r --option-border: var(--oo-color-gray-d);\r --option-selected: var(--oo-color-main);\r --option-selected-bg: var(--oo-color-light);\r --option-group-bg: var(--oo-color-text-white);\r --option-group-color: var(--oo-color-gray-9);\r }\r \r .drop{\r text-align: left;\r transition: color 0.2s;\r font-size: 0.8em;\r margin-right: 0.5em;\r color: var(--label);\r cursor: pointer;\r transform-origin: center;\r }\r .drop.down{\r transform: rotate(180deg);\r }\r .readmode .drop{\r display: none;\r }\r \r .box{\r position: relative;\r }\r .box.focus .drop{\r color: var(--focus);\r }\r .box.disabled .drop.disabled{\r opacity: 0.6;\r cursor: not-allowed;\r color: var(--label);\r }\r .box.readmode.focus{\r color: var(--label);\r }\r \r .options-area{\r position: absolute;\r border: 1px solid var(--option-border);\r background-color: var(--option-bg);\r border-radius: var(--oo-area-radius);\r box-shadow: var(--option-shadow);\r z-index: 100;\r /*min-width: 10em;*/\r transform-origin: top;\r transition: height 0.2s, opacity 0.2s, transform 0.2s;\r }\r .options-area.visible{\r transform: scale(1);\r opacity: 1;\r }\r .options-area.invisible{\r transform: scale(1, 0.001);\r opacity: 0;\r }\r .arrow{\r position: absolute;\r top: -6px;\r width: 10px;\r height: 10px;\r z-index: -1;\r }\r .arrow:before {\r border-bottom-color: transparent!important;\r border-right-color: transparent!important;\r border-top: 1px solid var(--option-border);\r border-left: 1px solid var(--option-border);\r border-top-left-radius: 3px;\r background-color: var(--option-bg);\r right: 0;\r position: absolute;\r width: 10px;\r height: 10px;\r z-index: -1;\r content: " ";\r transform: rotate(45deg);\r }\r .options-content{\r max-height: 17em;\r min-height: 3em;\r padding: 0.5em 0;\r border-radius: var(--oo-area-radius);\r overflow: auto;\r }\r .options-content::-webkit-scrollbar {\r width:8px;\r height: 8px;\r border-radius: 8px;\r background-color: #dddddd;\r }\r .options-content::-webkit-scrollbar-thumb{\r width: 8px;\r border-radius: 8px;\r background-color: #bbbbbb;\r cursor: pointer;\r }\r .options-content::-webkit-scrollbar-thumb:hover{\r width: 8px;\r border-radius: 8px;\r background-color: #666666;\r cursor: pointer;\r }\r \r .view{\r position: relative;\r overflow: hidden;\r }\r .input{\r width: 100%;\r cursor: pointer;\r }\r .readmode .input {\r display: none;\r cursor: default;\r }\r .viewText{\r position: absolute;\r width: 100%;\r height: 100%;\r display: none;\r /*align-items: center;*/\r top: 0;\r left: 0;\r overflow: hidden;\r word-break: keep-all;\r text-overflow: ellipsis;\r cursor: pointer;\r padding: 0.5em 0.6em;\r }\r .disabled .viewText{\r cursor: not-allowed;\r opacity: 0.6;\r }\r `,S1=class S1 extends P2{constructor(){super();d(this,ce);d(this,b5);d(this,L5);d(this,pe);d(this,_5);d(this,ue);d(this,M1);d(this,q,!1);d(this,q2,[]);d(this,O,null);d(this,k1,null);d(this,E1,[]);d(this,u2,0);d(this,U2,null);a(this,ce,p8).call(this),this._init("oo-select"),this._useCss(g0)}static get observedAttributes(){return S1.prop=Object.assign({},P2.prop,S1.prop),Object.keys(S1.prop).map(t=>L(t))}_render(){p(this,q,!1),this._elements.drop=s("div.drop.ooicon-drop_down"),this._elements.view.insertAdjacentElement("afterend",this._elements.drop),p(this,O,this.querySelector("div.options-area")),l(this,O)||(p(this,O,s("div.options-area.invisible")),s.set(l(this,O),"html",'
'),this._elements.box.insertAdjacentElement("beforeend",l(this,O))),this._elements.input.setAttribute("readonly",!0)}_removeItem(t){l(this,q2).splice(l(this,q2).indexOf(t),1),t.removeAttribute("slot")}_appendItem(t){l(this,q2).push(t),t.setAttribute("slot","items"),t.setAttribute("skin",this._props.skin);const e=s.getSize(this._elements.view),i=s.getSize(t._elements.area),o=Math.max(i.x,e.x);o>l(this,u2)&&(p(this,u2,o),a(this,b5,k4).call(this)),this._props.size&&t.setAttribute("size",this._props.size),this._appendItemCheckValue(t),this._setPropMap.$default("value")}checkMaxWidth(t){t>l(this,u2)&&(p(this,u2,t),a(this,b5,k4).call(this))}_appendItemCheckValue(t){this._props.value&&t.value===this._props.value&&(t.selected=!0)}_removeGroup(t){l(this,E1).splice(l(this,E1).indexOf(t),1),t.removeAttribute("slot")}_appendGroup(t){l(this,E1).push(t),t.setAttribute("slot","items"),t.setAttribute("skin",this._props.skin),this._props.size&&option.setAttribute("size",this._props.size)}_selected(t){if(t.selected){l(this,U2)&&l(this,U2)!==t&&(l(this,U2).selected=!1),p(this,U2,t);const e=t._props.text||t._elements.label.textContent;this._elements.input.value=e,this._elements.viewText.textContent=e,this.value=t._props.value||e,this.text=e,this.unInvalidStyle(),this.dispatchEvent(new CustomEvent("change"))}a(this,M1,m3).call(this)}_setEvent(){super._setEvent(),this._elements.box.addEventListener("click",()=>{!this._props.disabled&&!this._props.readmode&&!this._props.read&&a(this,L5,E4).call(this)}),this._elements.input.addEventListener("click",t=>{!this._props.disabled&&!this._props.readmode&&!this._props.read&&a(this,L5,E4).call(this),t.stopPropagation()}),l(this,O).addEventListener("click",t=>{t.stopPropagation()}),l(this,O).addEventListener("mousedown",t=>{t.stopPropagation()}),this._content.firstElementChild.addEventListener("mousedown",t=>{t.stopPropagation()})}get value(){return this._props.value}set value(t){this.setAttribute("value",t)}get text(){return this._props.text}set text(t){this._props.text=t}};ce=new WeakSet,p8=function(){this._setPropMap=Object.assign(this._setPropMap,{disabled:()=>{s.toggleAttr(this._elements.input,"disabled",this._props.disabled),s.checkClass(this._elements.box,"disabled",this._props.disabled),s.checkClass(this._elements.label,"disabled",this._props.disabled),s.checkClass(this._elements.drop,"disabled",this._props.disabled)},value:()=>{if(this._props.value){for(const t of l(this,q2))if(t.value===this._props.value){t.selected=!0;break}}},readonly:()=>{},readmode:()=>{s.checkClass(this._elements.box,"readmode",this._props.readmode),s.checkClass(this._elements.label,"readmode",this._props.readmode),this._props.readmode?s.toggleAttr(this._elements.input,"style",this._props.viewStyle):s.toggleAttr(this._elements.input,"style",""),this._setPropMap.required()},autoSize:()=>{s.setStyle(this._elements.view,"width",`${l(this,u2)}px`)},read:()=>{},viewStyle:()=>{this._props.readmode&&s.toggleAttr(this._elements.viewText,"style",this._props.viewStyle)}})},q=new WeakMap,q2=new WeakMap,O=new WeakMap,k1=new WeakMap,E1=new WeakMap,u2=new WeakMap,b5=new WeakSet,k4=function(){this._props.autoSize&&(this.setMinWidthTimer&&window.clearTimeout(this.setMinWidthTimer),this.setMinWidthTimer=setTimeout(()=>{s.setStyle(this._elements.view,"width",`${l(this,u2)}px`),this.setMinWidthTimer=null},10))},U2=new WeakMap,L5=new WeakSet,E4=function(){p(this,q,!l(this,q)),l(this,q)?a(this,ue,C8).call(this):a(this,M1,m3).call(this)},pe=new WeakSet,u8=function(){const t=s.getPosition(this._elements.box,this._content),e=s.getSize(this._elements.box);t.x;const i=t.y+e.y+6+e.y*.2,o=e.x;s.setStyles(l(this,O),{top:i+"px",width:"100%"});const h=o/2-6;s.setStyles(l(this,O).querySelector(".arrow"),{left:h+"px"})},_5=new WeakSet,M4=function(){s.checkClass(this._elements.drop,"down",l(this,q)),s.checkClass(this._elements.box,"focus",l(this,q)),s.checkClass(this._elements.label,"focus",l(this,q))},ue=new WeakSet,C8=function(){this._props.readmode||(p(this,q,!0),a(this,_5,M4).call(this),a(this,pe,u8).call(this),s.removeClass(l(this,O),"invisible"),s.addClass(l(this,O),"visible"),this.ownerDocument.dispatchEvent(new MouseEvent("mousedown")),p(this,k1,a(this,M1,m3).bind(this)),this.ownerDocument.addEventListener("mousedown",l(this,k1)),this.unInvalidStyle())},M1=new WeakSet,m3=function(){p(this,q,!1),a(this,_5,M4).call(this),s.removeClass(l(this,O),"visible"),s.addClass(l(this,O),"invisible"),this.ownerDocument.removeEventListener("mousedown",l(this,k1))},C(S1,"prop",{read:!1});let F3=S1;const v0=`
\r \r
\r
\r \r
\r
\r
\r
\r \r
\r \r
\r

\r
\r \r
\r \r
\r \r
\r
✷
\r
\r
zsasd
\r
\r \r \r
\r `,f0=`* {\r box-sizing: border-box;\r }\r .content{\r --label: var(--oo-color-text2);\r --icon-left: var(--oo-color-text2);\r --icon-right: var(--oo-color-text2);\r --focus: var(--oo-color-main);\r --border: var(--oo-color-gray1);\r --radius: var(--oo-default-radius);\r --input: var(--oo-color-text);\r --placeholder: var(--oo-color-text4);\r --disabled: var(--oo-color-gray2);\r --bg: var(--oo-color-bg-white);\r --shadow: var(--oo-shadow-border);\r --shadow-focus: var(--oo-shadow-border-focus)\r }\r .content {\r position: relative;\r width: 100%;\r height: 100%;\r display: flex;\r align-items: center;\r }\r .label {\r white-space: nowrap;\r transition: color 0.2s;\r display: inline-flex;\r align-items: center;\r color: var(--label);\r height: 100%;\r }\r .labelText{\r padding: 0.5em 0.35em;\r margin-right: 0.5em;\r display: flex;\r align-items: center;\r height: 100%;\r }\r .flex-end{\r justify-content: flex-end;\r }\r .hide{\r display: none;\r }\r .box {\r border-radius: var(--radius);\r box-shadow: var(--shadow);\r display: inline-flex;\r align-items: center;\r height: 100%;\r width: 100%;\r background: var(--bg);\r transition: border-color 0.2s, box-shadow 0.2s;\r cursor: pointer;\r }\r .box:has(input.invalid){\r background: var(--oo-color-error-bg);\r box-shadow: var(--oo-shadow-border-error);\r }\r .input {\r border: 0;\r outline: none;\r color: var(--input);\r border-radius: var(--radius);\r padding: 0.35em 0.6em;\r height: 100%;\r min-height: 1.89em;\r min-width: 12.28em;\r box-shadow: none;\r width: inherit;\r /*min-width: 13.365875em;*/\r font-size: 1em;\r background: transparent;\r position: relative;\r }\r \r div.left-icon{\r width: 1em;\r text-align: right;\r transition: color 0.2s;\r font-size: 0.9em;\r margin-left: 0.6em;\r color: var(--icon-left);\r }\r div.right-icon{\r width: 1em;\r text-align: left;\r transition: color 0.2s;\r font-size: 0.9em;\r margin-right: 0.6em;\r color: var(--icon-right);\r }\r \r \r .box.focus {\r box-shadow: var(--shadow-focus);\r outline: none;\r color: var(--focus);\r }\r .box.focus div.left-icon{\r color: var(--focus);\r }\r .box.focus div.right-icon{\r color: var(--focus);\r }\r \r .label.focus {\r color: var(--focus);\r outline: none;\r }\r \r .box.disabled {\r background-color: var(--disabled)!important;\r outline: none;\r cursor: not-allowed;\r }\r .box.disabled div.left-icon{\r /*color: var(--oo-color-text4);*/\r opacity: 0.6;\r }\r .box.disabled div.right-icon{\r /*color: var(--oo-color-text4);*/\r opacity: 0.6;\r }\r .label.disabled {\r /*color: var(--oo-color-text4);*/\r outline: none;\r cursor: not-allowed;\r }\r input:disabled, textarea:disabled{\r opacity: 0.45;\r cursor: not-allowed;\r }\r .box.readmode {\r outline: none;\r cursor: default;\r box-shadow: none;\r }\r .box.readmode div.left-icon{\r color: inherit;\r display: none;\r }\r .box.readmode div.right-icon{\r color: inherit;\r display: none;\r }\r .label.readmode {\r outline: none;\r cursor: default;\r }\r .label.readmode.focus {\r color: inherit;\r outline: none;\r }\r \r input:focus, textarea:focus {\r border: 0;\r outline: none;\r box-shadow: none;\r }\r \r .list{\r min-width: 13.365875em;\r width: 100%;\r padding: 0.3em 0.5em;\r height: 100%;\r min-height: 1.3em;\r }\r \r .placeholder{\r position: absolute;\r top: 0;\r left: 0;\r color: var(--placeholder);\r padding: 0.5em 0.6em;\r white-space: nowrap;\r text-overflow: ellipsis;\r width: 100%;\r overflow: hidden;\r }\r \r .inputContent{\r color: var(--oo-color-text2);\r display: flex;\r flex-wrap: wrap;\r align-items: center;\r padding: 0.051em;\r }\r .item{\r padding: 0.15em 0.3em;\r border-radius: var(--oo-default-radius);\r display: inline-flex;\r align-items: baseline;\r font-size: 1em;\r }\r .item:hover{\r background-color: var(--oo-color-gray-e);\r }\r \r .itemIcon{\r width: 1.25em;\r height: 1.25em;\r background-position: center;\r background-size: cover;\r background-repeat: no-repeat;\r border-radius: var(--oo-default-radius);\r opacity: 0.6;\r }\r \r .inputValidity{\r position: absolute;\r width: 1px;\r height: 1px;\r bottom: 0;\r left: 50%;\r border: 0;\r outline: none;\r overflow: hidden;\r display: block;\r font-size: 1px;\r opacity: 0;\r }\r div.invalidHint{\r /*position: absolute;*/\r color: var(--oo-color-error);\r height: 0;\r overflow: hidden;\r word-break: break-all;\r transition: margin-top 0.2s, height 0.2s;\r }\r div.invalidHint.show{\r margin: 0.3em 0 0 0em;\r height: unset;\r line-height: 1.2em;\r }\r div.invalidHint.show::before{\r line-height: 1.4em;\r margin-right: 0.2em;\r }\r .requiredFlag{\r color: var(--oo-color-highlight);\r padding-left: 0.3em;\r font-size: 0.75em;\r }\r \r /*.one-line{*/\r /* height: calc(26.27px + 0.35em + 0.35em);*/\r /* overflow: hidden;*/\r /*}*/\r `,ge=class ge extends y{constructor(){super();d(this,x5);d(this,X2);d(this,Ce);d(this,me);C(this,"_elements",{label:null,input:null,box:null,prefix:null,suffix:null,labelText:null,placeholder:null,inputContent:null,inputValidity:null,invalidHint:null,requiredFlag:null});C(this,"_setPropMap",{leftIcon:t=>{s.removeClass(this._elements.prefix,`ooicon-${t} left-icon`),this._props.leftIcon&&s.addClass(this._elements.prefix,`ooicon-${this._props.leftIcon} left-icon`)},rightIcon:t=>{s.removeClass(this._elements.suffix,`ooicon-${t} right-icon`),this._props.rightIcon&&s.addClass(this._elements.suffix,`ooicon-${this._props.rightIcon} right-icon`)},itemType:t=>{this._props.itemType||(this._props.itemType="simple"),t!==this._props.itemType&&this._elements.inputContent.querySelectorAll("oo-org").forEach(i=>{i.setAttribute("type",this._props.itemType)})},isTooltip:()=>{const t=this._props.isTooltip!==!1;this._elements.inputContent.querySelectorAll("oo-org").forEach(i=>{i.setAttribute("is-tooltip",t)})},disabled:()=>{s.toggleAttr(this._elements.input,"disabled",this._props.disabled),s.checkClass(this._elements.box,"disabled",this._props.disabled),s.checkClass(this._elements.label,"disabled",this._props.disabled)},readmode:()=>{(!this.value||!this.value.length)&&s.checkClass(this._elements.placeholder,"hide",this._props.readmode),s.toggleAttr(this._elements.input,"readmode",this._props.readmode),s.checkClass(this._elements.box,"readmode",this._props.readmode),s.checkClass(this._elements.label,"readmode",this._props.readmode),this._props.readmode?s.toggleAttr(this._elements.input,"style",this._props.viewStyle):s.toggleAttr(this._elements.input,"style",""),this._setPropMap.required()},label:()=>{this._props.label?(this._elements.labelText.textContent=this._props.label,s.removeClass(this._elements.label,"hide")):(this._elements.labelText.textContent="",s.addClass(this._elements.label,"hide"))},skin:()=>{this._useSkin(this._props.skin)},value:()=>{a(this,x5,S4).call(this,this._props.value)},placeholder:()=>{this.value&&this.value.length?s.addClass(this._elements.placeholder,"hide"):(this._elements.inputContent.innerHTML='

',!this._props.readmode&&!this._props.readonly&&!this._props.disabled&&s.removeClass(this._elements.placeholder,"hide"),this._props.placeholder?this._elements.placeholder.textContent=this._props.placeholder:this._elements.placeholder.innerHTML=" ")},readonly:()=>{this._setPropMap.placeholder()},inputStyle:()=>{s.toggleAttr(this._elements.input,"style",this._props.inputStyle)},labelStyle:()=>{s.toggleAttr(this._elements.labelText,"style",this._props.labelStyle)},labelAlign:()=>{switch(this._props.labelAlign){case"right":s.setStyle(this._elements.labelText,"justify-content","flex-end");break;case"center":s.setStyle(this._elements.labelText,"justify-content","center");break;default:s.setStyle(this._elements.labelText,"justify-content","flex-start")}},viewStyle:()=>{this._props.readmode&&s.toggleAttr(this._elements.input,"style",this._props.viewStyle)},bgcolor:()=>{this._props.bgcolor?s.setStyle(this._elements.box,"background-color",this._props.bgcolor):s.setStyle(this._elements.box,"background-color","transparent")},required:()=>{this._props.required?this._elements.inputValidity.setAttribute("required",this._props.required):this._elements.inputValidity.removeAttribute("required"),s.checkClass(this._elements.requiredFlag,"hide",!this._props.required||this._props.readmode||this._props.disabled)},$default:()=>{}})}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}addValue(t){const e=t.dn||t;switch(this._props.value){case"string":(!this._props.count||this._props.value.split(/\s*,\s*/g).length{!this._props.disabled&&!this._props.readonly&&(s.addClass(this._elements.box,"focus"),s.addClass(this._elements.label,"focus"))}),this._elements.box.addEventListener("mouseout",()=>{!this._props.disabled&&!this._props.readonly&&(s.removeClass(this._elements.box,"focus"),s.removeClass(this._elements.label,"focus"))}),this._elements.box.addEventListener("click",()=>{!this._props.disabled&&!this._props.readonly&&(this.dispatchEvent(new MouseEvent("select")),(this._props.selConfig||this._props.selOptions)&&this.select())}),this._elements.inputValidity.addEventListener("invalid",t=>{a(this,me,g8).call(this,t.target.validity)})}select(){const t=this._props.selOptions?l1("return "+this._props.selOptions):{};this._props.selConfig&&(t.config=this._props.selConfig),t.selected=this.value,t.count=this._props.count,s.getPositionParent(this),(this._props.selTitle,void 0).then(e=>{if(e.type==="ok"){const i=e.data.map(o=>o.dn||o.id||o);a(this,x5,S4).call(this,i),this.unInvalidStyle(),this._props.validityBlur&&this.checkValidity(),this.dispatchEvent(new MouseEvent("change"))}else this.dispatchEvent(new MouseEvent("cancel"))})}focus(){this._elements.input.focus()}blur(){this._elements.input.blur()}setCustomValidity(){return this._elements.inputValidity.setCustomValidity(...arguments)}checkValidity(){return this.dispatchEvent(new CustomEvent("validity")),this._elements.inputValidity.checkValidity(...arguments)}reportValidity(){return this.dispatchEvent(new CustomEvent("validity")),this._elements.inputValidity.reportValidity(...arguments)}unInvalidStyle(){this._elements.inputValidity.setCustomValidity(""),s.removeClass(this._elements.inputValidity,"invalid"),this._elements.invalidHint.textContent="",s.removeClass(this._elements.invalidHint,"show")}};x5=new WeakSet,S4=function(t){let e=t;e=Array.isArray(e)?e:[e],e=this._props.count?e.slice(0,this._props.count):e,this._props.value=e,e&&e.length?(s.addClass(this._elements.placeholder,"hide"),s.empty(this._elements.inputContent),a(this,X2,$5).call(this,e)):(this._elements.inputContent.innerHTML='

',!this._props.readmode&&!this._props.readonly&&!this._props.disabled&&s.removeClass(this._elements.placeholder,"hide"),this._props.placeholder?this._elements.placeholder.textContent=this._props.placeholder:this._elements.placeholder.innerHTML=" ")},X2=new WeakSet,$5=function(t){switch(g(t)){case"string":const e=t.split(/\s*,\s*/g);if(e.length===1){if(e[0]){const i=s("oo-org",{value:e[0],type:this._props.itemType});this._props.itemType==="text"&&i.setAttribute("type","text"),this._props.isTooltip===!1&&i.setAttribute("is-tooltip",!1),i.addEventListener("tooltip",o=>{this.dispatchEvent(new CustomEvent("tooltip",{detail:{target:o.target}}))}),this._elements.inputContent.append(i)}}else a(this,X2,$5).call(this,e);break;case"array":t.forEach(i=>{a(this,X2,$5).call(this,i)});break}},Ce=new WeakSet,m8=function(){return this._elements.inputValidity.validity.customError||this._props.validity&&this._elements.inputValidity.setCustomValidity(this._props.validity),this._elements.invalidHint&&(this._elements.invalidHint.textContent=this._elements.inputValidity.validationMessage),this._elements.inputValidity.validationMessage},me=new WeakSet,g8=function(t){this.dispatchEvent(new CustomEvent("invalid",{detail:t})),s.addClass(this._elements.inputValidity,"invalid"),a(this,Ce,m8).call(this)&&s.addClass(this._elements.invalidHint,"show")},C(ge,"prop",{leftIcon:"",rightIcon:"create",itemType:"text",isTooltip:!0,label:"",inputStyle:"",labelStyle:"",labelAlign:"right",viewStyle:"",bgcolor:"#ffffff",skin:"",placeholder:"",disabled:!1,readonly:!1,readmode:!1,value:[],selConfig:"",selOptions:"",selTitle:"",count:0,validity:"",validityBlur:!1,required:!1});let j3=ge;class b0 extends j3{constructor(){super(),this._init("oo-selector")}get value(){const n=typeOf(this._props.value)==="string"&&this._props.value?this._props.value.split(/\s*,\s*/g):this._props.value;return this._props.count===1?n[0]:this._props.count?n.slice(0,this._props.count):n}set value(n){this.setAttribute("value",n)}}const L0=`* {\r box-sizing: border-box;\r }\r .content{\r display: block;\r }\r .item{\r height: 1em;\r /*background-color: var(--oo-color-gray-f3);*/\r border-radius: 1em;\r margin-bottom: 1.2em;\r background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);\r background-size: 400% 100%;\r animation: skeleton-loading 1.4s ease infinite;\r }\r .item:last-child{\r width: 60%;\r }\r .item:first-child{\r width: 40%;\r }\r \r @keyframes skeleton-loading {\r 0% {\r background-position: 100% 50%;\r }\r 100% {\r background-position: 0 50%;\r }\r }\r `,_0=`

`,ve=class ve extends y{constructor(){super();d(this,w5);C(this,"_setPropMap",{rows:()=>{a(this,w5,T4).call(this)},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)}});this._initialize("oo-skeleton",ve,_0,L0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_render(){a(this,w5,T4).call(this)}};w5=new WeakSet,T4=function(){s.empty(this._content);try{const t=parseInt(this._props.rows);for(let e=0;e\r \r
\r
\r \r
\r
\r
\r \r
\r
\r \r \r
\r \r
\r
\r
\r
\r
\r \r
\r
\r
\r \r \r
\r
\r \r
\r
\r
\r \r \r `,w0=`* {\r box-sizing: border-box;\r }\r .content{\r --label: var(--oo-color-text2);\r --icon-left: var(--oo-color-text2);\r --icon-right: var(--oo-color-text2);\r --width: unset;\r \r \r --focus: var(--oo-color-main);\r --border: var(--oo-color-gray1);\r --radius: var(--oo-default-radius);\r --input: var(--oo-color-text);\r --placeholder: var(--oo-color-text4);\r --disabled: var(--oo-color-gray2);\r }\r .content {\r height: 100%;\r width: 100%;\r position: relative;\r display: flex;\r align-items: center;\r }\r .label {\r white-space: nowrap;\r transition: color 0.2s;\r display: inline-flex;\r align-items: center;\r color: var(--label);\r }\r .labelText{\r padding: 0 0.35em;\r margin-right: 0.5em;\r }\r .box {\r display: flex;\r gap: 0.3em;\r align-items: center;\r color: var(--oo-color-text3);\r transition: all 0.2s;\r }\r .box.false .bar{\r color: var(--oo-color-text3);\r }\r .bar{\r min-width: 3em;\r width: var(--width);\r font-size: 0.875em;\r height: 1.8em;\r padding: 0.2em;\r border-radius: 100em;\r box-shadow: 0 0 0 1px var(--border);\r background-color: var(--oo-color-main);\r position: relative;\r cursor: pointer;\r transition: all 0.2s;\r user-select: none;\r }\r .box.false .bar{\r background-color: var(--oo-color-gray-b);\r }\r .box .falseLabel{\r color: var(--oo-color-text3);\r }\r .box .trueLabel{\r color: var(--oo-color-main);\r }\r .box.false .falseLabel{\r color: var(--oo-color-main);\r }\r .box.false .trueLabel{\r color: var(--oo-color-text3);\r }\r \r .barArea{\r color: #ffffff;\r padding: 0 0.5em;\r display: flex;\r align-items: center;\r gap: 0.1em;\r padding-right: 1.6em;\r }\r .barTextArea{\r overflow: hidden;\r text-overflow: ellipsis;\r white-space: nowrap;\r }\r .box.false .barArea{\r padding-left: 1.6em;\r padding-right: 0.5em;\r }\r .box.trueIsLeft .barArea{\r padding-left: 1.6em;\r padding-right: 0.5em;\r }\r .box.trueIsLeft.false .barArea{\r padding-left: 0.5em;\r padding-right: 1.6em;\r }\r \r \r .button{\r width: 1.4em;\r height: 1.4em;\r background-color: #ffffff;\r border-radius: 100em;\r transition: all 0.2s;\r \r position: absolute;\r left: calc(100% - 1.4em - 0.2em);\r top: 0.2em;\r }\r .box.false .button{\r left: 0.2em;\r right: unset;\r }\r .box.trueIsLeft .button{\r left: 0.2em;\r }\r .box.trueIsLeft.false .button{\r left: calc(100% - 1.4em - 0.2em);\r }\r \r .buttonArea{\r display: flex;\r justify-content: center;\r align-items: center;\r font-size: 0.875em;\r width: 100%;\r height: 100%;\r }\r \r .suffixText, .prefixText{\r transition: color 0.2s;\r }\r \r div.prefix{\r text-align: right;\r color: var(--icon-left);\r }\r div.suffix{\r text-align: left;\r color: var(--icon-right);\r }\r \r .hide{\r display: none;\r }\r div.invalidHint{\r /*position: absolute;*/\r color: var(--oo-color-error);\r height: 0;\r overflow: hidden;\r word-break: break-all;\r transition: margin-top 0.2s, height 0.2s;\r }\r div.invalidHint.show{\r margin: 0.3em 0 0 0em;\r height: unset;\r line-height: 1.2em;\r }\r div.invalidHint.show::before{\r line-height: 1.4em;\r margin-right: 0.2em;\r }\r \r .box.disabled {\r opacity: 0.5;\r outline: none;\r cursor: not-allowed;\r }\r \r .box.disabled .bar {\r outline: none;\r cursor: not-allowed;\r }\r \r .box.readonly .bar {\r cursor: default;\r }\r \r \r \r \r \r \r \r \r \r .box:has(.input.invalid){\r background: var(--oo-color-error-bg);\r box-shadow: var(--oo-shadow-border-error);\r }\r \r .input {\r border: 0;\r outline: none;\r color: var(--input);\r border-radius: var(--radius);\r padding: 0.3em 0.6em;\r box-shadow: none;\r height: 100%;\r width: inherit;\r font-size: 1em;\r background: transparent;\r }\r .input[type="file"]{\r position: absolute;\r opacity: 0;\r }\r .file{\r padding: 0.2em;\r display: grid;\r grid-template-columns: auto auto;\r gap: 2em;\r align-items: center;\r }\r textarea {\r border: 0;\r outline: none;\r color: var(--input);\r border-radius: var(--radius);\r padding: 0.3em 0.6em;\r box-shadow: none;\r height: 100%;\r width: inherit;\r font-size: 1em;\r background: transparent;\r }\r \r input::placeholder, textarea::placeholder{\r color: var(--placeholder);\r }\r \r \r \r \r .box.focus {\r /*border-color: var(--focus);*/\r box-shadow: inset 0 0 0 1px var(--focus);\r outline: none;\r color: var(--focus);\r }\r .box.focus div.left-icon{\r color: var(--focus);\r }\r .box.focus div.right-icon{\r color: var(--focus);\r }\r \r .label.focus {\r color: var(--focus);\r outline: none;\r }\r \r \r .box.disabled div.left-icon{\r /*color: var(--oo-color-text4);*/\r opacity: 0.4;\r }\r .box.disabled div.right-icon{\r /*color: var(--oo-color-text4);*/\r opacity: 0.4;\r }\r .label.disabled {\r /*color: var(--oo-color-text4);*/\r opacity: 0.3;\r outline: none;\r cursor: not-allowed;\r }\r input:disabled, textarea:disabled{\r opacity: 0.4;\r cursor: not-allowed;\r }\r \r input:focus, textarea:focus {\r border: 0;\r outline: none;\r box-shadow: none;\r }\r .appearance::-webkit-inner-spin-button,\r .appearance::-webkit-outer-spin-button {\r -webkit-appearance: none;\r appearance: none;\r margin: 0;\r }\r `,be=class be extends y{constructor(){super();d(this,fe);C(this,"_elements",{label:null,labelText:null,box:null,prefix:null,suffix:null,bar:null,barArea:null,button:null,buttonArea:null,invalidHint:null,prefixText:null,suffixText:null,barIconArea:null,barTextArea:null});C(this,"_setPropMap",{leftIcon:t=>{this._setIcon(this._elements.prefix,t,this._props.leftIcon)},rightIcon:t=>{this._setIcon(this._elements.suffix,t,this._props.rightIcon)},trueText:()=>{const t=this._getTrueLabelNode();t.textContent=this._props.trueText,s.checkClass(t,"hide",!this._props.trueText)},falseText:()=>{const t=this._getFalseLabelNode();t.textContent=this._props.falseText,s.checkClass(t,"hide",!this._props.trueText)},innerTrueText:()=>{this.isTrue&&(this._elements.barTextArea.textContent=this._props.innerTrueText)},innerFalseText:()=>{this.isTrue||(this._elements.barTextArea.textContent=this._props.innerFalseText)},buttonTrueText:()=>{this.isTrue&&!this._props.buttonTrueIcon&&(this._elements.buttonArea.textContent=this._props.buttonTrueText.substring(0,1))},buttonFalseText:()=>{!this.isTrue&&!this._props.buttonFalseIcon&&(this._elements.buttonArea.textContent=this._props.buttonFalseText.substring(0,1))},trueIcon:t=>{this._setIcon(this.this._getTrueLabelNode(),t,this._props.trueIcon)},falseIcon:t=>{this._setIcon(this._getFalseLabelNode(),t,this._props.falseIcon)},innerTrueIcon:t=>{this.isTrue&&this._setIcon(this._elements.barIconArea,t,this._props.innerTrueIcon)},innerFalseIcon:t=>{this.isTrue||this._setIcon(this._elements.barIconArea,t,this._props.innerFalseIcon)},buttonTrueIcon:t=>{this.isTrue&&this._setIcon(this._elements.buttonArea,t,this._props.buttonTrueIcon,!0)},buttonFalseIcon:t=>{this.isTrue||this._setIcon(this._elements.buttonArea,t,this._props.buttonFalseIcon,!0)},value:()=>{this.value=this._props.value},width:()=>{this._props.width?this._elements.bar.style.width=this._props.width:this._elements.bar.style.width="unset"},trueLocation:()=>{const t=this._getFalseLabelNode(),e=this._getTrueLabelNode();s.addClass(t,"falseLabel"),s.removeClass(t,"trueLabel"),s.addClass(e,"trueLabel"),s.removeClass(e,"falseLabel"),s.checkClass(this._elements.box,"trueIsLeft",this._props.trueLocation.toLowerCase()==="left")},disabled:()=>{s.checkClass(this._elements.box,"disabled",this._props.disabled),s.checkClass(this._elements.label,"disabled",this._props.disabled)},readonly:()=>{s.checkClass(this._elements.box,"readonly",this._props.readonly),s.checkClass(this._elements.label,"readonly",this._props.readonly)},label:()=>{this._props.label?(this._elements.labelText.textContent=this._props.label,s.removeClass(this._elements.labelText,"hide")):(this._elements.labelText.textContent="",s.addClass(this._elements.labelText,"hide"))},skin:()=>{this._useSkin(this._props.skin)},validity:()=>{},$default:t=>{}});this._init("oo-switch")}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_setIcon(t,e,i,o){s.removeClass(t,`ooicon-${e}`),i?(s.addClass(t,`ooicon-${i}`),s.removeClass(t,"hide")):o||s.addClass(t,"hide")}_getTrueLabelNode(){return this._props.trueLocation.toLowerCase()!=="left"?this._elements.suffixText:this._elements.prefixText}_getFalseLabelNode(){return this._props.trueLocation.toLowerCase()!=="left"?this._elements.prefixText:this._elements.suffixText}_init(t,e,i,o){this._initialize(t,e||be,i||x0,o||w0)}_render(){super._render(),this._setPropMap.value(),this._props.label&&this._setPropMap.label(),this._setPropMap.trueLocation()}_setEvent(){super._setEvent(),this._elements.bar.addEventListener("click",t=>{!this._props.disabled&&!this._props.readonly&&(this.value=a(this,fe,v8).call(this),this.dispatchEvent(new Event("change",t)))})}set value(t){this._props.trueValue&&this._props.falseValue?this._props.booleanValue=t===this._props.trueValue:this._props.booleanValue=!(!t||t==="false"),s.checkClass(this._elements.box,"false",!this._props.booleanValue),["innerTrueText","innerFalseText","buttonTrueText","buttonFalseText","innerTrueIcon","innerFalseIcon","buttonTrueIcon","buttonFalseIcon"].forEach(e=>{var i,o;(o=(i=this._setPropMap)[e])==null||o.call(i)})}get value(){return this._props.trueValue&&this._props.falseValue?this._props.booleanValue?this._props.trueValue:this._props.falseValue:this._props.booleanValue}get isTrue(){return this._props.booleanValue}};fe=new WeakSet,v8=function(){return this._props.trueValue&&this._props.falseValue?this._props.booleanValue?this._props.falseValue:this._props.trueValue:!this._props.booleanValue},C(be,"prop",{leftIcon:"",rightIcon:"",trueLocation:"right",trueText:"",falseText:"",innerTrueText:"",innerFalseText:"",buttonTrueText:"",buttonFalseText:"",trueIcon:"",falseIcon:"",innerTrueIcon:"",innerFalseIcon:"",buttonTrueIcon:"",buttonFalseIcon:"",trueValue:"",falseValue:"",disabled:!1,readonly:!1,width:"",label:"",validity:"",validityBlur:!1,value:"true",booleanValue:!0,skin:""});let z3=be;const y0=`* {\r box-sizing: border-box;\r }\r .content{\r display: block;\r }\r `,k0=`

`,xe=class xe extends y{constructor(){super();d(this,Le);d(this,_e);C(this,"_setPropMap",{css:()=>{this.useCss(this._props.css)},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)},label:()=>{this.label&&(this.label.querySelector(".text").textContent=this._props.label,this.tabs.showSlider())},icon:t=>{if(this.label){const e=this.label.querySelector(".icon");this._props.icon?e?(s.removeClass(e,`ooicon-${t}`),s.addClass(e,`ooicon-${this._props.icon}`)):this.label.insertAdjacentElement("afterbegin",s(`div.icon.ooicon-${this._props.icon}`)):e&&e.remove(),this.tabs&&this.tabs.showSlider()}},rightIcon:t=>{if(this.label){const e=this.label.querySelector(".rightIcon");this._props.rightIcon?e?(s.removeClass(e,`ooicon-${t}`),s.addClass(e,`ooicon-${this._props.rightIcon}`)):this.label.insertAdjacentElement("beforeend",s(`div.rightIcon.ooicon-${this._props.rightIcon}`)):e&&e.remove(),this.tabs&&this.tabs.showSlider()}}});C(this,"label",null);C(this,"tabs",null);this._initialize("oo-tab",xe,k0,y0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_render(){this._fillContent("content")}_connected(){this.tabs=s.getParent(this,"oo-tabs"),this.tabs&&a(this,Le,f8).call(this)}_disconnected(){this.label&&this.label.remove()}selected(){this.label&&s.addClass(this.label,"current"),s.removeClass(this,"hide"),this.dispatchEvent(new CustomEvent("current"))}unselected(){this.label&&s.removeClass(this.label,"current"),s.addClass(this,"hide"),this.dispatchEvent(new CustomEvent("uncurrent"))}};Le=new WeakSet,f8=function(){this.label||a(this,_e,b8).call(this);const t=this.previousElementSibling;t&&t.label?t.label.insertAdjacentElement("afterend",this.label):this.tabs._elements.labels.insertAdjacentElement("afterbegin",this.label),this.setAttribute("slot","pane"),this!==this.tabs.currentTab&&s.addClass(this,"hide"),this.tabs._checkCurrentTab()},_e=new WeakSet,b8=function(){this.label=s("div.label"),this._props.icon&&this.label.append(s(`div.icon.ooicon-${this._props.icon}`)),this.label.append(s("div.text",{text:this._props.label||"New Tab"})),this._props.rightIcon&&this.label.append(s(`div.rightIcon.ooicon-${this._props.rightIcon}`)),this.label.addEventListener("click",()=>{this.tabs.setCurrent(this)})},C(xe,"prop",{css:"",cssLink:"",skin:"",label:"",icon:"",rightIcon:""});let $3=xe;const E0=`* {\r box-sizing: border-box;\r }\r .content{\r display: block;\r \r --padding: 0.8em;\r --border: var(--oo-color-gray1);\r --color: var(--oo-color-text2);\r \r --hover: var(--oo-color-main-light);\r --current: var(--oo-color-main);\r \r --label-padding: 0.4em;\r --label-margin: 0em;\r \r --justify: flex-start;\r \r --pane-height: unset;\r --pane-padding: 0.8em;\r }\r .tabs{\r padding: var(--padding);\r }\r .tabs.left{\r padding: var(--padding);\r display: flex;\r justify-content: flex-start;\r }\r .tabs.right{\r padding: var(--padding);\r display: flex;\r justify-content: flex-start;\r flex-direction: row-reverse;\r }\r .tabs.bottom{\r padding: var(--padding);\r display: flex;\r flex-direction: column-reverse;\r }\r \r .labels{\r display: flex;\r align-items: center;\r justify-content: var(--justify);\r border-bottom: 1px solid var(--border);\r position: relative;\r overflow: auto;\r }\r .labels.left{\r display: flex;\r justify-content: var(--justify);\r border-right: 1px solid var(--border);\r position: relative;\r overflow: auto;\r align-items: flex-end;\r border-bottom: 0;\r flex-direction: column;\r }\r .labels.right{\r display: flex;\r justify-content: var(--justify);\r border-left: 1px solid var(--border);\r position: relative;\r overflow: auto;\r align-items: flex-start;;\r border-bottom: 0;\r flex-direction: column;\r }\r .labels.bottom{\r display: flex;\r align-items: center;\r justify-content: var(--justify);\r border-top: 1px solid var(--border);\r border-bottom: 0;\r position: relative;\r overflow: auto;\r }\r .slider {\r height: 2px;\r width: 0;\r background-color: var(--current);\r position: absolute;\r bottom: 0;\r left: 0;\r right: unset;\r top: unset;\r transition: left 0.2s, width 0.2s, top 0.2s, height 0.2s;\r }\r .slider.left {\r width: 2px;\r height: 0;\r background-color: var(--current);\r position: absolute;\r right: 0;\r top: 0;\r left: unset;\r bottom: unset;\r transition: left 0.2s, width 0.2s, top 0.2s, height 0.2s;\r }\r .slider.right {\r width: 2px;\r height: 0;\r background-color: var(--current);\r position: absolute;\r right: unset;\r top: 0;\r left: 0;\r bottom: unset;\r transition: left 0.2s, width 0.2s, top 0.2s, height 0.2s;\r }\r .slider.bottom {\r height: 2px;\r width: 0;\r background-color: var(--current);\r position: absolute;\r bottom: unset;\r left: 0;\r right: unset;\r top: 0;\r transition: left 0.2s, width 0.2s, top 0.2s, height 0.2s;\r }\r .panes{\r padding: var(--pane-padding);\r height: var(--pane-height);\r overflow: auto;\r }\r .label{\r padding: var(--label-padding);\r margin: var(--label-margin);\r cursor: pointer;\r color: var(--color);\r transition: color 0.2s;\r white-space: nowrap;\r display: flex;\r align-items: center;\r }\r .label>div{\r padding: 0.2em;\r }\r .label.current{\r color: var(--current);\r }\r \r .labels::-webkit-scrollbar {\r width: 5px;\r height: 5px;\r border-radius: 5px;\r background-color: var(--oo-color-gray-d);\r }\r .labels::-webkit-scrollbar-thumb:hover {\r width: 5px;\r border-radius: 5px;\r background-color: var(--oo-color-text2);\r cursor: pointer;\r }\r .labels*::-webkit-scrollbar-thumb {\r width: 5px;\r border-radius: 5px;\r background-color: var(--oo-color-gray-b);\r cursor: pointer;\r }\r `,M0=`

`,ye=class ye extends y{constructor(){super();d(this,we);C(this,"_elements",{labels:null,panes:null,slider:null});C(this,"_setPropMap",{css:()=>{this.useCss(this._props.css)},cssLink:()=>{this.useCssLink(this._props.cssLink)},skin:()=>{this._useSkin(this._props.skin)},position:t=>{s.removeClass(this._content,t),s.addClass(this._content,this._props.position),s.removeClass(this._elements.labels,t),s.addClass(this._elements.labels,this._props.position),s.removeClass(this._elements.slider,t),s.addClass(this._elements.slider,this._props.position)},current:()=>{this._checkCurrentTab()}});C(this,"currentTab",null);this._initialize("oo-tabs",ye,M0,E0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_checkCurrentTab(){const e=this.querySelectorAll("oo-tab").item(this._props.current);e&&e!==this.currentTab&&this.setCurrent(e)}setCurrent(t){if(this.currentTab&&(this.currentTab.unselected(),this.currentTab=null),t){const e=this.querySelectorAll("oo-tab");let i=0;for(const o of e){if(o===t)break;i++}this._props.current=i,this.currentTab=t,t.selected(),this.showSlider()}else a(this,we,L8).call(this)}showSlider(){const t=s.getPosition(this.currentTab.label,this._elements.labels),e=s.getSize(this.currentTab.label);if(this._props.position==="top"||this._props.position==="bottom"){const i=this._elements.labels.scrollLeft,o=t.x+i;s.setStyles(this._elements.slider,{left:o+"px",width:e.x+"px"})}else{const i=this._elements.labels.scrollTop,o=t.y+i;s.setStyles(this._elements.slider,{top:o+"px",height:e.y+"px"})}}};we=new WeakSet,L8=function(){s.setStyles(this._elements.slider,{left:0,width:0})},C(ye,"prop",{css:"",cssLink:"",skin:"",position:"top",current:0});let N3=ye;const S0=`
\r
\r
\r
\r
\r
\r
\r
\r
\r `,T0=`body{\r display: inline-block;\r }\r * {\r box-sizing: border-box;\r user-select: none;\r }\r .content{\r --color: var(--oo-color-text3);\r --bg: var(--oo-color-gray2);\r --radius: var(--oo-default-radius);\r --current-color: var(--oo-color-text-white);\r --current-bg: var(--oo-color-main);\r }\r \r .button {\r border-radius: var(--radius);\r border: 0;\r padding: 0.5em 0.5em;\r cursor: pointer;\r color: var(--color);\r background-color: var(--bg);\r transition: background 0.2s, color 0.2s;\r text-align: center;\r line-height: 1em;\r height: 100%;\r width: 100%;\r display: flex;\r align-items: center;\r }\r .button.current{\r background-color: var(--current-bg)!important;\r color: var(--current-color)!important;\r }\r .box>div{\r /*margin: 0 0.2em;*/\r }\r div.prefix{\r display: none;\r font-size: 0.9em;\r }\r div.suffix{\r display: none;\r font-size: 0.9em;\r }\r div.text{\r height: 100%;\r display: inline-flex;\r align-items: center;\r justify-content: baseline;\r }\r .box{\r display: grid;\r gap: 0.2em;\r grid-auto-flow: column;\r align-items: baseline;\r }\r .box>.icon{\r display: inline-block;\r }\r \r \r .box>.close{\r display: inline-block;\r border-radius: var(--oo-default-radius);\r font-size: 0.8em;\r padding: 0.1em;\r margin: 0;\r }\r .box>.menu{\r display: none;\r border-radius: var(--oo-default-radius);\r font-size: 0.8em;\r padding: 0.1em;\r margin: 0;\r }\r .button .close:hover{\r background-color: var(--color);\r color: var(--bg);\r }\r .button.current .close:hover, .menu:hover{\r background-color: var(--current-color);\r color: var(--current-bg);\r }\r \r .button.current .menu{\r display: inline-block;\r }\r \r .hide{\r display: none!important;\r }\r `,y5=class y5 extends Y5{constructor(){super();d(this,ke);C(this,"_elements",{text:null,prefix:null,suffix:null,button:null,close:null,menu:null});a(this,ke,_8).call(this),this._init("oo-tag",y5,S0,T0)}_setEvent(){this._elements.close&&this._elements.close.addEventListener("click",t=>{this.shadowRoot.dispatchEvent(new MouseEvent("close",t)),t.stopPropagation()}),this._elements.menu&&this._elements.menu.addEventListener("click",t=>{this.shadowRoot.dispatchEvent(new MouseEvent("menu",t)),t.stopPropagation()})}};ke=new WeakSet,_8=function(){this.setPropMap=Object.assign(this._setPropMap,{close:()=>{this._props.close==="on"?s.removeClass(this._elements.close,"hide"):s.addClass(this._elements.close,"hide")},menu:()=>{this._props.menu==="on"?s.removeClass(this._elements.menu,"hide"):s.addClass(this._elements.menu,"hide")},type:t=>{this._props.type||(this._props.type="default"),t&&s.removeClass(this._elements.button,t),s.addClass(this._elements.button,this._props.type)}})},C(y5,"prop",{leftIcon:"",rightIcon:"",style:"",disabled:!1,text:"",type:"default",close:"on",menu:"off",skin:""}),C(y5,"events",{close:new Event("close",{composed:!0}),menu:new Event("menu",{composed:!0})});let R3=y5;const A0=`
\r \r \r
\r
\r \r
\r
\r
\r
\r \r
\r \r
\r \r
\r
\r \r
\r \r
\r
✷
\r
\r
\r \r
\r \r
\r `,O0=`* {\r box-sizing: border-box;\r }\r .content{\r --label: var(--oo-color-text2);\r --icon-left: var(--oo-color-text2);\r --icon-right: var(--oo-color-text2);\r --focus: var(--oo-color-main);\r --border: var(--oo-color-gray1);\r --radius: var(--oo-area-radius);\r --input: var(--oo-color-text);\r --placeholder: var(--oo-color-text4);\r --disabled: var(--oo-color-gray2);\r }\r textarea{\r resize: none;\r font-size: 1em;\r height: 5em;\r min-height: 2em;\r }\r textarea.resize{\r resize: both;\r }\r textarea.autosize{\r resize: none;\r overflow: hidden;\r }\r textarea::-webkit-scrollbar {\r width: 8px;\r height: 8px;\r border-radius: 8px;\r background-color: var(--oo-color-gray-d);\r }\r \r textarea::-webkit-scrollbar-thumb {\r width: 8px;\r border-radius: 8px;\r background-color: var(--oo-color-gray-b);\r cursor: pointer;\r }\r \r textarea::-webkit-scrollbar-thumb:hover {\r width: 8px;\r border-radius: 8px;\r background-color: var(--oo-color-text2);\r cursor: pointer;\r }\r label {\r display: flex;\r position: relative;\r height: 100%;\r align-items: center;\r }\r .requiredFlag{\r color: var(--oo-color-highlight);\r padding-left: 0.3em;\r font-size: 0.75em;\r }\r `,e4=class e4 extends P2{constructor(){super();d(this,Ee);a(this,Ee,x8).call(this),this._init("oo-textarea"),this._useCss(O0)}_init(t){this._initialize(t,e4,A0,r9)}_setEvent(){super._setEvent(),this._elements.input.addEventListener("input",()=>{this.setHeight()}),s.toggleClass(this._elements.input,"autosize",this._props.autoSize),this.setHeight()}setHeight(){if(this._props.autoSize){this._elements.input.style.height="auto";const t=this._elements.input.scrollHeight;this._elements.input.style.height=t+"px"}}};Ee=new WeakSet,x8=function(){this._setPropMap=Object.assign(this._setPropMap,{autoSize:()=>{s.toggleClass(this._elements.input,"autosize",this._props.autoSize),this.setHeight()},value:()=>{try{this._elements.input.value=this._props.value}catch{}this._props.value?this._elements.viewText.textContent=this._props.value:this._elements.viewText.innerHTML=" ",window.setTimeout(()=>{this.setHeight()},10)}})};let B3=e4;const P0=`.content{\r --item-color: var(--oo-color-text2);\r --item-bg: var(--oo-color-text-white);\r --item-over: var(--oo-color-text2);\r --item-over-bg: var(--oo-color-hover);\r --item-select: var(--oo-color-main);\r --item-select-bg: var(--oo-color-hover);\r --item-shadow-color: var(--oo-color-gray-d);\r --item-shadow: 0 0 10px 1px var(--item-shadow-color);\r --item-border: var(--oo-color-gray-d);\r --item-selected: var(--oo-color-main);\r --item-selected-bg: var(--oo-color-light);\r --item-group-bg: var(--oo-color-text-white);\r --item-group-color: var(--oo-color-gray-9);\r --item-count-color: var(--oo-color-gray-9);\r display: flex;\r flex-direction: column;\r }\r .search{\r }\r .search.hide{\r display: none;\r }\r .searchInput{\r width: calc( 100% - 2em );\r padding:0 1em;\r }\r .clearSearch{\r padding-right: 0.625rem;\r cursor: pointer\r }\r .navContent{\r display: flex;\r flex-direction: column;\r padding: 0.5em 0;\r border-radius: var(--oo-area-radius);\r overflow: auto;\r }\r .navContent::-webkit-scrollbar {\r width:8px;\r height: 8px;\r border-radius: 8px;\r background-color: #dddddd;\r }\r .navContent::-webkit-scrollbar-thumb{\r width: 8px;\r border-radius: 8px;\r background-color: #bbbbbb;\r cursor: pointer;\r }\r .navContent::-webkit-scrollbar-thumb:hover{\r width: 8px;\r border-radius: 8px;\r background-color: #666666;\r cursor: pointer;\r }\r \r .items .content{\r display: contents;\r }\r .item{\r min-height: 2.5em;\r color: var(--item-color);\r background-color: var(--item-bg);\r line-height: 1.5em;\r overflow: hidden;\r transition: background-color 0.2s, color 0.2s;\r cursor: pointer;\r display: flex;\r align-items: center;\r white-space: nowrap;\r font-size: 1em;\r padding-right: 1em;\r }\r .item.group{\r cursor: default;\r }\r .item.level1{\r font-size: 1.0714rem;\r }\r .item:hover{\r background-color: var(--item-over-bg);\r color: var(--item-over);\r }\r .item.selected{\r color: var(--item-selected);\r background-color: var(--item-selected-bg);\r }\r .item.disabled{\r opacity: 0.4;\r cursor: not-allowed;\r }\r .item.disabled:hover{\r background-color: var(--item-bg);\r }\r .item.group:hover{\r background-color: transparent;\r }\r .item .icon{\r font-size: 1em;\r width: 1.3em;\r }\r .item .count{\r padding-right: 0.5em;\r font-size: 0.825em;\r color: var(--item-count-color);\r }\r .children{\r position: absolute;\r overflow: hidden;\r display: none;\r }\r .children.show{\r display: block;\r visibility: visible;\r position: static;\r transition: height 0.2s;\r }\r .group.children{\r padding-bottom: 0.5em;\r }\r \r .text{\r padding:0.5em 0;\r line-height: 1.5em;\r overflow: hidden;\r word-break: keep-all;\r text-overflow: ellipsis;\r flex: 1;\r }\r .group > .text, .group > .icon, .group > .count{\r color: var(--item-group-color);\r padding: 1em 0 0.5em 0;\r }\r \r .arrowArea{\r padding: 0.5em 0 0.5em 0.5em;\r }\r .arrow{\r font-size: 1em;\r text-align: left;\r transition: color 0.2s;\r color: var(--label);\r cursor: pointer;\r transform-origin: center;\r transform: rotate(270deg);\r }\r .arrow.down {\r transform: rotate(0deg);\r }\r \r .hide{\r display: none;\r }\r \r .input{\r cursor: pointer;\r }\r `,Z0=`

`,Te=class Te extends y{constructor(){super();d(this,Me);d(this,k5);d(this,Se);d(this,E5);d(this,T1,[]);d(this,G2,[]);d(this,T2,new Map);d(this,K2,new WeakMap);d(this,C2,new WeakMap);d(this,J,null);d(this,m2,null);C(this,"_setPropMap",{$default:()=>{},skin:()=>{this._useSkin(this._props.skin)},searchable:()=>{s.checkClass(this._elements.search,"hide",!this._props.searchable)},menu:()=>{this.loaded&&a(this,Me,w8).call(this),this.data=a(this,E5,O4).call(this,{children:this._props.menu});const t=new W3(this,null,this._elements.items,this.data,0).append();l(this,T1).push(t),this.loaded=!0}});C(this,"_elements",{box:null,navContent:null,items:null,search:null,searchInput:null,clearSearch:null,searchItems:null});this._initialize("oo-nav",Te,Z0,P0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_render(){this._setEvent()}_connected(){}_disconnected(){}_setEvent(){super._setEvent();const{searchInput:t,clearSearch:e}=this._elements;let i=!1;t.addEventListener("compositionstart",()=>{i=!0}),t.addEventListener("compositionend",o=>{i=!1,this.search(o.currentTarget.value)}),t.addEventListener("input",o=>{!i&&this.search(o.currentTarget.value)}),e.addEventListener("click",o=>{t.setAttribute("value",""),this.search("")})}setMenu(t){this._props.menu=t,this._setPropMap.menu()}active(t){var e;(e=this.getItem(t))==null||e.active()}select(t){var e;(e=this.getItem(t))==null||e.select()}collapse(t){var e;(e=this.getItem(t))==null||e.collapse()}expand(t){var e;(e=this.getItem(t))==null||e.expand()}getItem(t){return l(this,T2).get(t)}_checkItemUnique(t){const e=t[this._props.key];return!(e&&l(this,T2).get(e))}_checkChildrenMap(t){const e=t.data.___;e.children&&!l(this,C2).has(e.children)&&l(this,C2).set(e.children,t)}_addItem(t){const e=t.data.___;l(this,K2).set(e,t),e.children&&l(this,C2).set(e.children,t);const i=e[this._props.key];i&&l(this,T2).set(i,t)}_removeItem(t){const e=t.data.___;l(this,J)===t&&p(this,J,null),l(this,K2).delete(e),e.children&&l(this,C2).delete(e.children,t);const i=e[this._props.key];i&&l(this,T2).delete(i)}_selectItem(t){l(this,J)!==t&&(l(this,J)&&(l(this,J).data.selected=!1),p(this,J,t))}_selectSearchItem(t){var e;l(this,m2)!==t&&((e=l(this,m2))==null||e.unselect(),p(this,m2,t))}_fireEvent(t,e,i){this.dispatchEvent(new CustomEvent(t,{detail:{data:e,manual:!!i}}))}search(t){var e;s.checkClass(this._elements.clearSearch,"hide",!t),s.checkClass(this._elements.items,"hide",!!t),s.checkClass(this._elements.searchItems,"hide",!t),a(this,Se,y8).call(this),t?a(this,k5,A4).call(this,l(this,T1),t):((e=l(this,J))==null||e.checkExpand(),p(this,m2,null)),this.dispatchEvent(new CustomEvent("search",{detail:{value:t}}))}};T1=new WeakMap,G2=new WeakMap,T2=new WeakMap,K2=new WeakMap,C2=new WeakMap,J=new WeakMap,m2=new WeakMap,Me=new WeakSet,w8=function(){p(this,T1,[]),p(this,G2,[]),p(this,T2,new Map),p(this,K2,new WeakMap),p(this,C2,new WeakMap),p(this,J,null),p(this,m2,null),s.empty(this._elements.items)},k5=new WeakSet,A4=function(t,e){t.forEach(i=>{if(i._searchable()&&i.data.text.includes(e)){const o=new D0(this,i,i.data.___);l(this,G2).push(o)}a(this,k5,A4).call(this,i.items,e)})},Se=new WeakSet,y8=function(){for(;l(this,G2).length;)l(this,G2).pop().remove();p(this,m2,null)},E5=new WeakSet,O4=function(t){return new Proxy(t,{get:(e,i)=>{if(i==="___")return e;{const o=e[i];return(typeof o=="object"||Array.isArray(o))&&o!==null?a(this,E5,O4).call(this,o):o}},set:(e,i,o)=>{let h,c;if(Array.isArray(e))o.___&&(o=o.___),h=Reflect.set(e,i,o),c=l(this,C2).get(e),c==null||c._updateChildren(i,o);else{const u=e[i];h=Reflect.set(e,i,o),c=l(this,K2).get(e),c==null||c._updateProperty(i,o,u)}return h}})},C(Te,"prop",{skin:"",key:"name",searchable:!0,allExpanded:!1,indent:1.3,iconPrefix:"ooicon-",menu:[]});let V3=Te;const n4=class n4{constructor(n,t,e,i,o){d(this,Ae);d(this,Oe);d(this,Pe);d(this,Ze);d(this,De);C(this,"items",[]);C(this,"childrenMap",new WeakMap);this.nav=n,this.data=i,this.parentItem=t,this.parentEl=e,this.level=o,this._render()}_render(){this.nodeEl=s("div.content"),this.level>0?(a(this,Ae,k8).call(this),a(this,Oe,E8).call(this),a(this,Pe,M8).call(this)):(this.childrenEl=s("div.children"),this.nodeEl.append(this.childrenEl)),this._createItems()}append(n="beforeend",t=this.parentEl){return t.insertAdjacentElement(n,this.nodeEl),this}_updateChildren(){for(let e=0;e{let o=this.childrenMap.get(e.___);o?this.items.indexOf(o)!==i&&(this.items.splice(this.items.indexOf(o),1),this.items.splice(i,0,o),t?o.append("afterend",t.nodeEl):o.append("afterbegin",this.childrenEl)):t?o=this._createItem(e,"afterend",t.nodeEl):o=this._createItem(e,"afterbegin",this.childrenEl),o?t=o:n.push(e)}),n.forEach(e=>{F1(this.data.___.children,e.___)}),s.checkClass(this.arrowEl,"hide",!this._expandable()),s.checkClass(this.expandEl,"hide",!this._expandable()),n.length>0&&this.throwNotUniqueError(n)}_createItems(){var t;const n=[];(t=this.data.children)==null||t.forEach(e=>{!this._createItem(e)&&n.push(e.___)}),n.forEach(e=>{F1(this.data.___.children,e.___)}),n.length>0&&this.throwNotUniqueError(n)}throwNotUniqueError(n){const t=n.map(e=>e.___[this.nav._props.key]);throw new Error(`Item key ${this.nav._props.key}:${t.join(", ")} is not unique!`)}_createItem(n,t,e){if(this.nav._checkItemUnique(n.___)){const i=new n4(this.nav,this,this.childrenEl,n,this.level+1).append(t,e);return this.items.push(i),this.childrenMap.set(n.___,i),this.nav._addItem(i),i}else return null}_removeItem(n){this.childrenEl.removeChild(n.nodeEl),F1(this.items,n),this.childrenMap.delete(n.data.___),this.nav._removeItem(n)}remove(){var n;this.emptyItems(),(n=this.parentItem)==null||n._removeItem(this)}emptyItems(){for(;this.items.length>0;)this.items.pop().remove()}_updateProperty(n,t,e){if(t===e)return;const i=this.data.___;switch(n){case"icon":e&&s.removeClass(this.iconEl,`${this.nav._props.iconPrefix}${e}`),t&&s.addClass(this.iconEl,`${this.nav._props.iconPrefix}${t}`),s.checkClass(this.iconEl,"hide",!t);break;case"text":this.textEl.textContent=t||"";break;case"title":this.itemEl.setAttribute("title",t||"");break;case"count":this.countEl.textContent=i.count||"",s.checkClass(this.countEl,"hide",typeof i.count>"u");break;case"expanded":t?this.expand():this.collapse();break;case"selected":t?this.select():this.unselect();break;case"expandable":s.checkClass(this.arrowEl,"hide",!this._expandable()),s.checkClass(this.expandEl,"hide",!this._expandable());break;case"disabled":s.checkClass(this.itemEl,"disabled",!!t);break;case"group":s.checkClass(this.arrowEl,"hide",!this._expandable()),s.checkClass(this.expandEl,"hide",!this._expandable()),s.checkClass(this.itemEl,"group",!!t),s.checkClass(this.childrenEl,"group",!!t),t&&!i.expanded&&this.expand(!1);break;case this.nav._props.key:this.nav._removeItem(this),this.nav._addItem(this);break;case"children":this.nav._checkChildrenMap(this),this._updateChildren(n,t);break}}_selectable(n=!0){var e;const t=this.data.___;switch(t.selectable){case"no":return!1;case"yes":return n?!t.disabled&&!t.group:!t.group;default:const i=!t.group&&!((e=t.children)!=null&&e.length);return n?!t.disabled&&i:i}}_searchable(){var t;const n=this.data.___;return!n.disabled&&!n.group&&(!((t=n.children)!=null&&t.length)||n.selectable==="yes")}_expandable(n=!1){var i;const t=this.data.___,e=!t.group&&!!((i=t.children)!=null&&i.length)||!!t.expandable;return n?!t.disabled&&e:e}select(n=!0,t=!0){var e;this._selectable(n)&&(s.addClass(this.itemEl,"selected"),this.nav._selectItem(this),t&&((e=this.parentItem)==null||e.checkExpand(n)),this.nav._fireEvent("select",this.data,n))}active(n=!0){!this.data.___.disabled&&this.nav._fireEvent("active",this.data,n)}unselect(){s.removeClass(this.itemEl,"selected")}checkExpand(n=!0){var t;!this.data.___.expanded&&this._expandable(n)&&this.expand(n),(t=this.parentItem)==null||t.checkExpand(n)}expand(n=!0){this._expandable(n)&&(this.arrowEl&&s.addClass(this.arrowEl,"down"),this.data.___.expanded=!0,n?a(this,Ze,S8).call(this):(s.addClass(this.childrenEl,"show"),this.nav._fireEvent("expand",this.data,!1)))}collapse(n=!0){this._expandable(n)&&(this.arrowEl&&s.removeClass(this.arrowEl,"down"),this.data.___.expanded=!1,n?a(this,De,T8).call(this):(s.removeClass(this.childrenEl,"show"),this.nav._fireEvent("collapse",this.data,!1)))}};Ae=new WeakSet,k8=function(){const n=this.data.___;this.itemEl=s("div.item"),this.iconEl=s(`div.icon ${this.nav._props.iconPrefix}${n.icon||""}`),this.itemEl.append(this.iconEl),this.textEl=s("div.text",{text:n.text||""}),this.itemEl.append(this.textEl),n.title&&this.itemEl.setAttribute("title",n.title),this.countEl=s("div.count"),typeof n.count<"u"&&(this.countEl.textContent=n.count),this.itemEl.append(this.countEl),this.expandEl=s("div.arrowArea"),this.arrowEl=s("div.arrow ooicon-drop_down"),this.expandEl.append(this.arrowEl),this.itemEl.append(this.expandEl),this.nodeEl.append(this.itemEl),this.childrenEl=s("div.children"),this.nodeEl.append(this.childrenEl)},Oe=new WeakSet,E8=function(){const{itemEl:n,expandEl:t,data:e}=this;n.addEventListener("click",i=>{if(this._selectable())this.select(),e.___.selected=!0,this.active();else if(this._expandable()){//!data.expanded ? this.expand() : this.collapse(); e.expanded=!e.___.expanded,this.active()}else this.active()}),t.addEventListener("click",i=>{if(this._expandable()&&this._selectable()){//!data.expanded ? this.expand() : this.collapse(); e.expanded=!e.___.expanded,this.active(),i.stopPropagation()}})},Pe=new WeakSet,M8=function(){const{itemEl:n,iconEl:t,childrenEl:e,arrowEl:i,expandEl:o,countEl:h,nav:c,level:u}=this,m=this.data.___;s.checkClass(t,"hide",!m.icon),s.checkClass(h,"hide",typeof m.count>"u"),s.checkClass(n,"disabled",!!m.disabled),u===1&&s.addClass(n,"level1"),s.setStyle(n,"padding-left",c._props.indent*u+"em"),s.checkClass(i,"hide",!this._expandable()),s.checkClass(o,"hide",!this._expandable()),s.checkClass(e,"show",!!m.expanded||!!m.group),i&&s.checkClass(i,"down",!!m.expanded),c._props.allExpanded&&!m.expanded&&!m.group&&this.expand(!1),m.group&&s.addClass(n,"group"),m.group&&s.addClass(e,"group"),m.selected&&this.select(!1)},Ze=new WeakSet,S8=function(){const n=this.childrenEl;s.addClass(n,"show");const t=s.getSize(n).y;s.setStyle(n,"height","0"),setTimeout(()=>{s.setStyle(n,"height",t+"px"),setTimeout(()=>{s.setStyle(n,"height","unset"),this.nav._fireEvent("expand",this.data,!0)},200)},1)},De=new WeakSet,T8=function(){const n=this.childrenEl,t=s.getSize(n).y;s.setStyle(n,"height",t+"px"),setTimeout(()=>{s.setStyle(n,"height","0"),setTimeout(()=>{s.setStyle(n,"height","unset"),s.removeClass(n,"show"),this.nav._fireEvent("collapse",this.data,!0)},200)},1)};let W3=n4;class D0{constructor(n,t,e){d(this,Fe);d(this,je);d(this,Ie);this.nav=n,this.item=t,this.data=e,this.parentEl=n._elements.searchItems,this._render()}_render(){a(this,Fe,A8).call(this),a(this,je,O8).call(this),a(this,Ie,P8).call(this),this.parentEl.append(this.nodeEl)}select(n=!0,t=!0){this.item._selectable()?(s.addClass(this.itemEl,"selected"),this.nav._selectSearchItem(this),t&&(this.item.data.___.selected=!0,this.item.select(!0,!1),this.item.active(n))):this.item.active(n)}unselect(){s.removeClass(this.itemEl,"selected")}remove(){this.parentEl.removeChild(this.nodeEl)}}Fe=new WeakSet,A8=function(){const n=this.data;this.nodeEl=s("div.content"),this.itemEl=s("div.item level1"),n.icon&&this.itemEl.append(s(`div.icon ${n.icon}`)),this.itemEl.append(s("div.text",{text:n.text||""})),n.title&&this.itemEl.setAttribute("title",n.title),this.nodeEl.append(this.itemEl)},je=new WeakSet,O8=function(){this.itemEl.addEventListener("click",n=>{this.select()})},Ie=new WeakSet,P8=function(){const{itemEl:n,data:t}=this;s.checkClass(n,"disabled",!!t.disabled),s.setStyle(n,"padding-left",this.nav._props.indent+"em"),t.selected&&this.select(!1,!1)};const F0=(r,n)=>{const t=r[n];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((e,i)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(i.bind(null,new Error("Unknown variable dynamic import: "+n)))})},j0=`
\r \r
\r
\r
\r \r
\r
\r
\r
\r
\r \r
\r `,Ne=class Ne extends y{constructor(){super();d(this,ze);d(this,$e);C(this,"_elements",{container:null,content:null,icon:null,title:null,text:null,close:null});d(this,g2,null);C(this,"_setPropMap",{title:()=>{this._elements.title.textContent=this._props.title},text:()=>{this._elements.text.textContent=this._props.text},icon:()=>{s.toggleClass(this._elements.icon,`ooicon-${this._props.icon}`,this._props.icon)},titleStyle:()=>{this._elements.title.setAttribute("style",this._props.titleStyle)},textStyle:()=>{this._elements.text.setAttribute("style",this._props.textStyle)},type:()=>{a(this,$e,D8).call(this)},skin:()=>{a(this,ze,Z8).call(this).then()},showClose:()=>{s[this._props.showClose?"removeClass":"addClass"](this._elements.close,"hide")},width:()=>{this._props.width&&s.setStyle(this._elements.container,"width",this._props.width)},height:()=>{this._props.width&&s.setStyle(this._elements.container,"height",this._props.height)},contentAlign:()=>{this._props.contentAlign?s.addClass(this._elements.content,"align_"+this._props.contentAlign):s.removeClass(this._elements.content,"align_left align_right align_center")},contentValign:()=>{this._props.contentValign?s.addClass(this._elements.content,"align_"+this._props.contentValign):s.removeClass(this._elements.content,"valign_left valign_right valign_center")},style:()=>{s.toggleAttr(this._elements.container,"style",this._props.style)},$default:t=>{s.toggleAttr(this._elements.container,t,this._props[t])}});this._initialize("oo-notice",Ne,j0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_setEvent(){this._elements.close.addEventListener("click",()=>{this._elements.container.style.opacity=0,this._elements.container.addEventListener("transitionend",()=>{this.remove()})})}};g2=new WeakMap,ze=new WeakSet,Z8=async function(){l(this,g2)&&(l(this,g2).remove(),p(this,g2,null)),p(this,g2,document.createElement("style")),l(this,g2).textContent=!this._props.skin||this._props.skin==="default"?(await Promise.resolve().then(()=>c9)).default:(await F0(Object.assign({"./template/notice.banner.scope.css":()=>Promise.resolve().then(()=>I6),"./template/notice.default.scope.css":()=>Promise.resolve().then(()=>c9)}),`./template/notice.${this._props.skin}.scope.css`)).default,this.shadowRoot.prepend(l(this,g2))},$e=new WeakSet,D8=function(){const t="container "+this._props.type||"info";if(this._elements.container.setAttribute("class",t),!this._props.icon){const i="icon "+{info:"ooicon-info",error:"ooicon-error",warn:"ooicon-help",success:"ooicon-check"}[this._props.type]||"ooicon-info";this._elements.icon.setAttribute("class",i)}},C(Ne,"prop",{title:"",text:"",icon:"",titleStyle:"",textStyle:"",showClose:!0,type:"info",skin:"default",contentAlign:"",contentValign:"",width:"",height:""});let H3=Ne;customElements.get("oo-notice")||customElements.define("oo-notice",H3);const F=class F{constructor(n){d(this,Re);d(this,M5);d(this,Be);d(this,Ve);d(this,S5);d(this,We);d(this,A1);d(this,He);d(this,Ye);d(this,Xe);C(this,"options",{title:"",text:"",icon:"",type:"info",skin:"default",style:"",showClose:!0,contentAlign:"",contentValign:"",width:"",height:"",container:"",duration:5e3,location:"topCenter",position:"absolute",marginTop:10,marginBottom:0,marginLeft:10,marginRight:0});C(this,"where",{x:"center",y:"top"});C(this,"location",{fromTop:null,toTop:null,fromBottom:null,toBottom:null,fromLeft:null,toLeft:null,fromRight:null,toRight:null});d(this,qe,{bottom:(n,t)=>{const e=s.getSize(this.node);this.location.toBottom=F.env.height+this.options.marginTop+this.options.marginBottom+t.y,this.location.fromBottom=this.location.toBottom-e.y,F.env.height+=e.y+this.options.marginTop+this.options.marginBottom},top:(n,t)=>{const e=s.getSize(this.node);this.location.toTop=F.env.height+this.options.marginTop+t.y,this.location.fromTop=this.location.toTop-e.y,F.env.height+=e.y+this.options.marginTop+this.options.marginBottom},middle:()=>{}});d(this,Ue,{left:(n,t)=>{this.location.fromLeft=this.location.toLeft=t.x+this.options.marginLeft+this.options.marginRight},right:(n,t)=>{s.getSize(n),this.location.fromRight=this.location.toRight=t.x+this.options.marginLeft+this.options.marginRight},center:(n,t)=>{if(s.isHtml(n))s.addClass(this.node,"body-center");else{s.removeClass(this.node,"body-center");const e=s.getSize(n),i=s.getSize(this.node);this.location.fromLeft=this.location.toLeft=t.x+e.x/2-i.x/2}}});this.options=Object.assign(this.options,n),this.container=this.options.container&&s.el(this.options.container)||document.body;const t=s.isBody(this.container)?"fixed":this.options.position||"absolute";this.node=s("oo-notice."+this.options.skin+(t==="fixed"?".fixed":".absolute")),["title","text","icon","type","skin","style","showClose","contentAlign","contentValign","width","height"].forEach(e=>{this.node.setAttribute(e,this.options[e])}),this.container.append(this.node),a(this,Ve,I8).call(this)}resetPosition(n){const t=n+this.options.marginTop+this.options.marginBottom,e=H4(this.where.y);this.location[`to${e}`]=this.location[`to${e}`]-t,this.location[`from${e}`]=this.location[`from${e}`]-t;const i={};i[this.where.y]=this.location[`to${e}`]+"px",a(this,A1,g3).call(this,i,!0)}};Re=new WeakSet,F8=function(){return F.env.notices.includes(this)||(F.env.notices.push(this),a(this,He,$8).call(this),this.node._elements.close&&this.node._elements.close.addEventListener("click",()=>{a(this,S5,Z4).call(this)})),a(this,M5,P4).call(this)},M5=new WeakSet,P4=function(n){return a(this,A1,g3).call(this,{top:this.location.fromTop+"px",left:this.location.fromLeft+"px",bottom:this.location.fromBottom+"px",right:this.location.fromRight+"px",opacity:0},n)},Be=new WeakSet,j8=function(n){return a(this,A1,g3).call(this,{top:this.location.toTop+"px",left:this.location.toLeft+"px",bottom:this.location.toBottom+"px",right:this.location.toRight+"px",opacity:"1"},n)},Ve=new WeakSet,I8=async function(){await a(this,Re,F8).call(this),await a(this,Be,j8).call(this,!0)&&this.options.duration&&setTimeout(()=>{a(this,S5,Z4).call(this)},this.options.duration||3e3)},S5=new WeakSet,Z4=async function(){if(!this.isHidden){this.isHidden=!0,a(this,We,z8).call(this);const n=await a(this,M5,P4).call(this,!0);n&&n.propertyName==="opacity"&&(this.node.remove(),this.node=null)}},We=new WeakSet,z8=function(){const n=F.env.notices.indexOf(this),t=H4(this.where.y),e=Math.abs(this.location[`to${t}`]-this.location[`from${t}`]);F.env.height=F.env.height-e-this.options.marginTop-this.options.marginBottom;for(let i=n+1;i{if(s.setStyles(this.node,n),t){s.addClass(this.node,"transition");const i=o=>{s.removeClass(this.node,"transition"),this.node.removeEventListener("transitionend",i),e(o)};this.node.addEventListener("transitionend",i)}else setTimeout(()=>{e()})})},He=new WeakSet,$8=function(){const n=a(this,Xe,R8).call(this),t=s.isBody(this.container)?document.documentElement:this.container,e=a(this,Ye,N8).call(this,t);l(this,qe)[n.y](t,e),l(this,Ue)[n.x](t,e)},Ye=new WeakSet,N8=function(n,t,e){const i=s("div");n.append(i);const o=s.getOffsetParent(i);return i.remove(),o===n?{x:0,y:0}:(()=>s.getPosition(n,s.getOffsetParent(n)))()},qe=new WeakMap,Ue=new WeakMap,Xe=new WeakSet,R8=function(){const n={left:"x",right:"x",center:"x",top:"y",bottom:"y",middle:"y"};return L(this.options.location).split("-").forEach(t=>{n[t]&&(this.where[n[t]]=t)}),this.where},C(F,"env",{notices:[],height:0});let $1=F;const N1={error:(r,n,t={},e)=>{e&&(t=Object.assign(t,{skin:"default",location:"topRight",marginTop:10,duration:5e3}));const o=Object.assign({title:r,text:n,duration:0,skin:"banner",marginTop:0,type:"error"},t);new $1(o);let h;throw h=new Error(n,{cause:o.err}),h.name=r,h},msg:(r,n,t,e={})=>{const i=Object.assign({title:r,text:n,duration:5e3,type:t,location:"topRight",marginTop:10},e);new $1(i)},failed:(r,n,t={})=>{const e=Object.assign({duration:8e3},t);N1.msg(r,n,"error",e)},success:(r,n,t={})=>{N1.msg(r,n,"success",t)},info:(r,n,t={})=>{N1.msg(r,n,"info",t)},warn:(r,n,t={})=>{N1.msg(r,n,"warn",t)}},I0=`* {\r box-sizing: border-box;\r }\r .content{\r --radius: var(--oo-default-radius);\r --header-padding: 1em 0.5em 1.2em 1em;\r --body-padding: 0.5em 1.5em;\r \r --icon-color: var(--oo-color-main);\r --icon-size: var(--oo-font-size-larger);\r }\r .content{\r /*padding: var(--oo-menu-padding);*/\r width: 100%;\r height: 100%;\r resize: both;\r }\r .buttons{\r display: flex;\r justify-content: flex-end;\r }\r .buttons>oo-button{\r display: none;\r margin-left: 0.5em;\r min-width: 5em\r }\r .actions>div.show{\r display: block;\r }\r .buttons>.show{\r display: inline-block;\r }\r .header{\r height: 4em;\r padding: 1.5em 1em 1em 1.5em;\r display: flex;\r justify-content: space-between;\r align-items: center;\r border-top-right-radius: var(--radius);\r border-top-left-radius: var(--radius);\r }\r .header.small{\r height: 3em;\r padding: 1em 0.5em 1.2em 1em;\r }\r .title{\r font-size: 1.125em;\r width: 100%;\r }\r .actions>div{\r cursor: pointer;\r border-radius: var(--radius);\r padding: 0.2em;\r color: var(--oo-color-text2);\r display: none;\r }\r .actions>div:hover{\r background-color: var(--oo-color-gray-e)\r }\r \r .body{\r padding: var(--body-padding);\r height: calc(100% - 4em - 5em);\r overflow: auto;\r display: flex;\r align-items: center;\r }\r .bodyIcon{\r color: var(--icon-color);\r font-size: var(--icon-size);\r margin-right: 0.4em;\r }\r .bodyContent{\r width: 100%;\r height: 100%;\r }\r .buttons{\r padding: 1.5em 1.5em;\r height: 5em;\r }\r .buttons.small{\r padding: 1em 1.5em;\r height: 4em;\r }\r .footer{\r height: 0.6em;\r border-bottom-right-radius: var(--radius);\r border-bottom-left-radius: var(--radius);\r }\r /*.resize{*/\r /* height: 0.6em;*/\r /* width: 0.6em;*/\r /* float: right;*/\r /* border-bottom-right-radius: var(--oo-menu-radius);*/\r /* border-top-left-radius: 100%;*/\r /* background-color: var(--oo-color-gray-e);*/\r /* cursor: nw-resize;*/\r /* display: none;*/\r /*}*/\r /*.resize.show, .actions .show{*/\r /* display: block;*/\r /*}*/\r \r .hide{\r display: none;\r }\r `,z0=`

OK Yes No Cancel

`,T5=class T5 extends q5{constructor(){super();d(this,Ge);d(this,Ke);d(this,Je);d(this,J2);C(this,"_elements",{header:null,title:null,actions:null,close:null,body:null,buttons:null,button_ok:null,button_yes:null,button_no:null,button_cancel:null,footer:null,resize:null,bodyIcon:null});d(this,P,{x:0,y:0,positionX:0,positionY:0,styleX:"left",styleY:"top"});d(this,s4,{x:0,y:0,width:0,height:0});const t=I1.get("index").o("common");["ok","yes","no","cancel"].forEach(e=>T5.prop[e]=t[e]),a(this,Ge,B8).call(this),this._init("oo-dialog",T5,z0,I0)}static get observedAttributes(){return Object.keys(this.prop).map(t=>L(t))}_addHideEvent(){}_removeHideEvent(){}_setEvent(){super._setEvent(),this._elements.close.addEventListener("click",t=>{this.close(t)}),this._elements.button_cancel.addEventListener("click",t=>{a(this,J2,N5).call(this,"cancel",t),this.stopPropagation||this.dispatchEvent(new CustomEvent("resolvecancel")),this.stopPropagation=!1}),this._elements.button_ok.addEventListener("click",t=>{a(this,J2,N5).call(this,"ok",t,this._props.closeOnEvent),this.stopPropagation||this.dispatchEvent(new CustomEvent("resolveok")),this.stopPropagation=!1}),this._elements.button_yes.addEventListener("click",t=>{a(this,J2,N5).call(this,"yes",t,this._props.closeOnEvent),this.stopPropagation||this.dispatchEvent(new CustomEvent("resolveyes")),this.stopPropagation=!1}),this._elements.button_no.addEventListener("click",t=>{a(this,J2,N5).call(this,"no",t),this.stopPropagation||this.dispatchEvent(new CustomEvent("resolveno")),this.stopPropagation=!1}),this._elements.header.addEventListener("drag",t=>{if(t.screenX||t.screenY){const e=t.screenX-l(this,P).x,i=t.screenY-l(this,P).y,o=l(this,P).styleX==="right"?l(this,P).positionX-e:l(this,P).positionX+e,h=l(this,P).styleY==="bottom"?l(this,P).positionY-i:l(this,P).positionY+i,c={};c[l(this,P).styleX]=o+"px",c[l(this,P).styleY]=h+"px",s.setStyles(this,c),this.dispatchEvent(new DragEvent("move",t))}}),this._elements.header.addEventListener("dragend",t=>{this.dispatchEvent(new DragEvent("endMove",t))}),this._elements.header.addEventListener("dragstart",t=>{p(this,P,a(this,Ke,V8).call(this)),l(this,P).x=t.screenX,l(this,P).y=t.screenY,this.dispatchEvent(new DragEvent("startMove",t))})}close(t){this.dispatchEvent(new MouseEvent("close",t)),this.hide()}_afterHide(){this.remove()}_render(){["ok","yes","no","cancel"].forEach(t=>this._setPropMap[t]()),this._fillContent("content")}};Ge=new WeakSet,B8=function(){this.setPropMap=Object.assign(this._setPropMap,{title:()=>{this._props.title&&(this._elements.title.textContent=this._props.title),this.removeAttribute("title")},buttons:()=>{if(this._props.buttons){s.removeClass(this._elements.buttons,"hide");const t=this._props.buttons.split(/,\s*/g);["ok","yes","no","cancel"].forEach(e=>{t.includes(e)?s.addClass(this._elements[`button_${e}`],"show"):s.removeClass(this._elements[`button_${e}`],"show")})}else s.addClass(this._elements.buttons,"hide")},buttonAlign:()=>{this._elements.buttons&&s.setStyle(this._elements.buttons,"justify-content",this._props.buttonAlign||"flex-end")},canResize:()=>{const t=this._props.canResize?"addClass":"removeClass";s[t](this,"resize")},canMove:()=>{this._elements.header.setAttribute("draggable",!!this._props.canMove)},canClose:()=>{const t=this._props.canClose?"addClass":"removeClass";s[t](this._elements.close,"show")},icon:(t,e)=>{this._props.icon?this._elements.bodyIcon&&(s.addClass(this._elements.bodyIcon,"ooicon-"+this._props.icon),s.removeClass(this._elements.bodyIcon,"hide")):this._elements.bodyIcon&&(s.removeClass(this._elements.bodyIcon,"ooicon-"+e),s.addClass(this._elements.bodyIcon,"hide"))},ok:()=>{this._elements.button_ok&&(this._elements.button_ok.textContent=this._props.ok)},yes:()=>{this._elements.button_ok&&(this._elements.button_yes.textContent=this._props.yes)},no:()=>{this._elements.button_ok&&(this._elements.button_no.textContent=this._props.no)},cancel:()=>{this._elements.button_ok&&(this._elements.button_cancel.textContent=this._props.cancel)},okSize:()=>{this._elements.button_ok&&(this._props.okSize?s.setStyle(this._elements.button_ok,"width",this._props.okSize):s.setStyle(this._elements.button_ok,"width","unset"))},size:()=>{this._props.size==="small"?(s.addClass(this._elements.header,"small"),s.addClass(this._elements.buttons,"small")):(s.removeClass(this._elements.header,"small"),s.removeClass(this._elements.buttons,"small"))},closeOnEvent:()=>{}})},P=new WeakMap,Ke=new WeakSet,V8=function(){const t={x:0,y:0,positionX:0,positionY:0};t.styleX=this.style.right?"right":"left",t.styleY=this.style.bottom?"bottom":"top";const e=s.getOffsetParent(this),i=s.getPosition(this,e),o=s.getSize(e),h=s.getSize(this);return t.positionX=t.styleX==="right"?o.x-(i.x+h.x):i.x,t.positionY=t.styleY==="bottom"?o.y-(i.y+h.y):i.y,t},s4=new WeakMap,Je=new WeakSet,W8=function(t,e){const i=new MouseEvent(t,Object.assign({},e,{bubbles:!1})),o=i.preventDefault;i.preventDefault=()=>{this.preventDefault=!0,o.apply(i)};const h=i.stopPropagation;i.stopPropagation=()=>{this.stopPropagation=!0,h.apply(i)};const c=i.stopImmediatePropagation;return i.stopImmediatePropagation=()=>{this.stopPropagation=!0,c.apply(i)},i},J2=new WeakSet,N5=function(t,e,i=!0){const o=a(this,Je,W8).call(this,t,e);this.dispatchEvent(o),!this.preventDefault&&i&&this.close(e),this.preventDefault=!1},C(T5,"prop",{css:"",cssLink:"",skin:"",isShow:!1,title:"",canResize:!1,canMove:!0,canClose:!0,icon:"",closeOnEvent:!0,buttons:"ok, cancel",ok:"OK",yes:"Yes",no:"No",cancel:"Cancel",buttonAlign:"flex-end",size:"default",okSize:""});let Y3=T5;customElements.get("oo-dialog")||customElements.define("oo-dialog",Y3);class a9{constructor(n,t){d(this,Qe);d(this,A5);d(this,O5);d(this,t3);C(this,"options",{css:"",cssLink:"",skin:"",isShow:!1,title:"",canResize:!1,canMove:!0,canClose:!0,icon:"",buttons:"ok, cancel",content:null,position:"center center",offset:{x:0,y:0},zIndex:100,modal:!0,modalArea:null,width:"",height:"",maxWidth:"",events:{},buttonAlign:"flex-end",positionNode:null,okSize:""});C(this,"dialogEvents",[]);const e=Event.prototype.isPrototypeOf(n)?s.getPositionParent(n.currentTarget):n;this.options=Object.assign(this.options,t),this.container=e||document.body,this.positionNode=this.options.positionNode||this.container,this.area=this.options.area||this.container,this.options.modal&&!this.options.modalArea&&(this.options.modalArea=this.container)}async show(n){var t,e;n&&(this.options.position=n),this.dialog||this._createDialog(),await this._positionDialog(),(t=this.options)!=null&&t.attr&&s.set(this.dialog,(e=this.options)==null?void 0:e.attr),this.dialog.show(),this.options.modal&&this.options.modalArea&&this._showModal()}hide(){this.dialog.hide()}close(){this.dialog.close(),this.dialog=null}_showModal(){const n=s.getStyle(this.dialog,"z-index");this.modalNode=s("div.oo-dialog-modal"),this.dialog.insertAdjacentElement("beforebegin",this.modalNode);const t=s.getOffsetParent(this.modalNode);if(t!==this.options.modalArea){const e=s.getPosition(this.options.modalArea,t),i=e.x+"px",o=e.y+"px";s.setStyles(this.modalNode,{left:i,top:o})}s.setStyles(this.modalNode,{opacity:.3,"z-index":n-1})}_createDialog(){this.dialog=s("oo-dialog",{styles:{position:"absolute"}}),["css","cssLink","skin","isShow","okSize","title","canResize","canMove","canClose","icon","buttons","ok","yes","no","cancel","buttonAlign","closeOnEvent"].forEach(t=>{this.options.hasOwnProperty(t)&&this.dialog.setAttribute(L(t),this.options[t])}),this.options.events&&Object.keys(this.options.events).forEach(t=>{this.dialog.addEventListener(t,this.options.events[t])}),this.dialogEvents&&this.dialogEvents.length&&this.dialogEvents.forEach(({type:t,listener:e})=>{this.dialog.addEventListener(t,e)});const n=this.options.zIndex||100;s.setStyle(this.dialog,"z-index",n),a(this,A5,D4).call(this,this.options.content),this.container.insertAdjacentElement("beforeend",this.dialog),this.options.width&&s.setStyle(this.dialog,"width",this.options.width),this.options.height&&s.setStyle(this.dialog,"height",this.options.height),this.options.maxWidth&&s.setStyle(this.dialog,"max-width",this.options.maxWidth),this.dialog.addEventListener("hide",()=>{a(this,Qe,H8).call(this)})}async _getDialogPosition(){const n=await new Promise(o=>{window.setTimeout(()=>{o(s.getSize(this.dialog))})});n.y<300&&this.dialog.setAttribute("size","small");const t=this.options.position||"center center",e=t.split(/\s+/),i=a(this,t3,Y8).call(this,{x:e[0],y:e.length>1?e[1]:e[0]},n);return i["transform-origin"]=t,i}async _positionDialog(){if(this.options.position&&this.options.position!=="none"){const n=await this._getDialogPosition();s.setStyles(this.dialog,n)}}addEventListener(n,t){this.dialog?this.dialog.addEventListener(n,t):this.dialogEvents.push({type:n,listener:t})}}Qe=new WeakSet,H8=function(){this.modalNode&&(this.modalNode.addEventListener("transitionend",n=>{this.modalNode.remove(),this.modalNode=null}),s.setStyles(this.modalNode,{opacity:0}))},A5=new WeakSet,D4=function(n){if(n)switch(g(n)){case"element":this.dialog.append(n);break;case"string":this.dialog.append(s("div",{html:_7(n)}));break;case"promise":n.then(e=>{a(this,A5,D4).call(this,e)}).catch(()=>{});break}},O5=new WeakSet,F4=function(n,t,e,i){const o=n==="y"?"top":"left",h=`calc(100% - ${e[n]}px)`,c=t[n]==="center"?`50% - ${e[n]/2}px`:"0px",u=t[n]==="center"?o:t[n],m={};return m[u]=`clamp(0%, calc(${c} + ${(this.options.offset[n]||0)+"em"} + ${i[n]}px), ${h})`,m},t3=new WeakSet,Y8=function(n,t){const e=this.options.positionNode&&Event.prototype.isPrototypeOf(this.options.positionNode)?this.options.positionNode.target:this.options.positionNode,i={x:0,y:0};if(e){const{x:o,y:h}=s.getPosition(e,this.container),c=s.getSize(e),u=s.getSize(this.container);switch(n.x){case"center":i.x=o-u.x/2+c.x/2;break;case"left":i.x=o;break;case"right":i.x=u.x-o-c.x;break}switch(n.y){case"center":i.y=h-u.y/2+c.y/2;break;case"top":i.y=h;break;case"bottom":i.y=u.y-h-c.y;break}}return{...a(this,O5,F4).call(this,"x",n,t,i),...a(this,O5,F4).call(this,"y",n,t,i)}};function d9(r,n,t,e={}){const i=t||document.body,o={title:r,content:n};return new Promise(h=>{const c=e.buttons||"ok, cancel",u=new a9(i,Object.assign(o,e,{closeOnEvent:!1}));c.split(/,\s*/g).forEach(m=>{u.addEventListener("resolve"+m,f=>{h({dlg:u,status:m})})}),u.show()})}const $0={async msg(r,n,t,e,i="right top",o={},h="info"){const c=t||document.body;return e||(i="center center"),await d9(r,n,c,Object.assign({canClose:!1,maxWidth:"40vw"},o,{positionNode:e,position:i},{info:{icon:"info",skin:""},error:{icon:"error",skin:"icon-color: var(--oo-color-error)"},warn:{icon:"help",skin:"icon-color: var(--oo-color-warn)"},success:{icon:"check",skin:"icon-color: var(--oo-color-success)"}}[h]))},async info(r,n,t,e,i="right top",o={}){return await this.msg(...arguments)},async warn(r,n,t,e,i="right top",o={}){return await this.msg(r,n,t,e,i,o,"warn")},async error(r,n,t,e,i="right top",o={}){return await this.msg(r,n,t,e,i,o,"error")},async success(r,n,t,e,i="right top",o={}){return await this.msg(r,n,t,e,i,o,"success")}},N0=Object.assign({"./styles/mask/default.css":()=>Promise.resolve().then(()=>z6)}),A2=class A2{constructor(n,t){d(this,e3);d(this,n3);d(this,s3);this.node=n,this.options=Object.assign({},z1.option,t)}show(){a(this,s3,X8).call(this),this.maskNode||a(this,e3,q8).call(this),this.positionMaskNode(),s.addClass(this.maskNode,"show")}hide(){s.removeClass(this.maskNode,"show"),setTimeout(()=>{this.maskNode.remove()},200)}positionMaskNode(){s.overlap(this.maskNode,this.node,s.getOffsetParent(this.node))}};e3=new WeakSet,q8=function(){this.maskNode=s("div.maskNode"),this.node.append(this.maskNode)},n3=new WeakSet,U8=async function(n){const t=await N0[`./styles/mask/${n}.css`]();return q4(t.default,this.container)},s3=new WeakSet,X8=async function(){const n=A2.loadedStyles[this.options.style||"default"];if(n){const t=await Promise.resolve(n);s.addClass(this.maskNode,t.id)}else{const t=this.options.style||"default";A2.loadedStyles[t]=a(this,n3,U8).call(this,t),A2.loadedStyles[t]=await A2.loadedStyles[t]}},C(A2,"option",{position:"top",style:"default",autoClose:0,emerge:-8,offset:6,defer:600,events:{show:"mouseover",hide:"mouseout, mousedown"},showOnEnterCotent:!1,resetContentOnShow:!1}),C(A2,"loadedStyles",{});let q3=A2;function R0(r,n){return r.mask||(r.mask=new q3(r,n)),r.mask.show(),r.mask}function B0(r){const n=r.mask;n&&n.hide()}class h9{constructor(n,t={}){d(this,r3);d(this,o3);d(this,l3);d(this,Q2,null);d(this,t1,null);d(this,v2,null);d(this,e1,null);d(this,O2,null);d(this,i3,null);d(this,U,{});this.node=s.el(n),this.options=t,this.start={x:0,y:0},this.container=s.getPositionParent(this.node),p(this,Q2,l(this,Q2)||(e=>{this.dragReady(e)})),this.node.addEventListener("mousedown",l(this,Q2)),p(this,v2,l(this,v2)||(e=>{this.dragChecK(e)})),p(this,i3,l(this,v2)||(e=>{this.dragstart(e)})),p(this,t1,l(this,t1)||(e=>{this.drag(e)})),p(this,e1,l(this,e1)||(e=>{this.dragend(e)})),p(this,O2,l(this,O2)||(e=>{this.dragcancel(e)}))}setOptions(n={}){Object.assign(this.options,n)}addEventListener(n,t){l(this,U)[n]||(l(this,U)[n]=[]),l(this,U)[n].push(t)}removeEventListener(n,t){if(l(this,U)[n])if(t){const e=l(this,U)[n].indexOf(t);l(this,U)[n].splice(e,1)}else l(this,U)[n]=[]}dispatchEvent(n,t){l(this,U)[n]&&l(this,U)[n].forEach(e=>{e.apply(this,[t,this])})}dragReady(n){if(n.buttons===1){const{clientX:t,clientY:e}=n;this.start={x:t,y:e},this.container.addEventListener("mousemove",l(this,v2)),this.container.addEventListener("mouseup",l(this,O2)),this.dispatchEvent("dragready",n)}}dragChecK(n){if(n.buttons===1){if(!n.clientX||!n.clientY)return;const{clientX:t,clientY:e}=n,i=this.options.snap||6;Math.abs(this.start.x-t)>i||Math.abs(this.start.y-e)>i?this.dragCheckDetermined(n):this.dispatchEvent("dragchecK",n)}else this.dragcancel()}dragCheckDetermined(n){this.container.removeEventListener("mousemove",l(this,v2)),this.container.addEventListener("mousemove",l(this,t1)),this.container.removeEventListener("mouseup",l(this,O2)),this.container.addEventListener("mouseup",l(this,e1)),this.dragstart(n)}dragstart(n){this.dragNode||(this.dragNode=a(this,r3,G8).call(this)),a(this,l3,J8).call(this,n),this.dispatchEvent("dragstart",n)}drag(n){if(n.buttons===1){const{clientX:t,clientY:e}=n,i=t-this.start.x,o=e-this.start.y;s.setStyles(this.dragNode,{left:`${this.start.pos.x+i}px`,top:`${this.start.pos.y+o}px`}),this.dispatchEvent("dragmove",n)}else this.dragend()}dragcancel(n){this.removeAllEvents(),this.dispatchEvent("dragcancel",n)}dragend(n){this.dispatchEvent("dragend",n),this.removeAllEvents(),s.removeClass(this.node,"dragged"),this.dragNode!==this.node&&this.dragNode.remove()}removeAllEvents(){this.container.removeEventListener("mousemove",l(this,v2)),this.container.removeEventListener("mousemove",l(this,t1)),this.container.removeEventListener("mouseup",l(this,O2)),this.container.removeEventListener("mouseup",l(this,e1))}destroy(){this.removeAllEvents(),this.node.removeEventListener("mousedown",l(this,Q2))}}Q2=new WeakMap,t1=new WeakMap,v2=new WeakMap,e1=new WeakMap,O2=new WeakMap,i3=new WeakMap,U=new WeakMap,r3=new WeakSet,G8=function(){switch(this.options.dragNode||(this.options.dragNode="clone"),g(this.options.dragNode)){case"string":return this.options.dragNode==="none"?this.node:a(this,o3,K8).call(this);case"function":return this.options.dragNode(this);case"element":return this.options.dragNode}},o3=new WeakSet,K8=function(){const n=this.options.dragNode==="deepClone",t=this.node.cloneNode(n||!0);return s.setStyles(t,{opacity:.5}),t},l3=new WeakSet,J8=function(n){const t=s.getSize(this.node),e=s.getPosition(this.container,document.body),i=n.clientX-e.x,o=n.clientY-e.y;console.log(i),this.start.pos={x:i,y:o},s.setStyles(this.dragNode,{position:"absolute",width:`${t.x}px`,height:`${t.y}px`,left:`${i}px`,top:`${o}px`,background:"#dddddd","z-index":"10000"}),s.addClass(this.dragNode,"drag"),s.addClass(this.node,"dragged"),this.container.append(this.dragNode)};class V0 extends h9{constructor(t,e,i={}){super(t,i);C(this,"dropNode",null);this.droppables=e||[],this.droppableNodes=null}setDroppables(t){t&&(this.droppables=t)}getDroppableNodes(){switch(g(this.droppables)){case"string":return[...document.querySelectorAll(this.droppables)];case"function":return this.droppables(this);case"array":return this.droppables}}dragCheckDetermined(t){super.dragCheckDetermined(t),this.droppableNodes=this.getDroppableNodes(),this.droppablesRect=this.droppableNodes.map(e=>{const i=e.getBoundingClientRect(),o=i.width*i.height;return{node:e,rect:i,area:o}})}drag(t){if(super.drag(t),t.buttons===1){const e=this.findDropNode(t);e?this.dropNode!==e?(this.dropNode&&this.dropleave(t),this.dropNode=e,this.dropenter(t)):this.dropover(t):this.dropNode&&(this.dropleave(t),this.dropNode=e)}}findDropNode(t){const e=this.droppablesRect.filter(i=>t.pageY>i.rect.top&&t.pageYi.rect.left&&t.pageX{o.area{this.markNode&&s.setStyles(this.markNode,{width:`${e.x}px`,height:`${e.y}px`,left:`${i.x}px`,top:`${i.y}px`})},10)}}removeMarkNode(){this.markNode&&this.markNode.remove()}dropenter(t){this.positionMarkNode(),this.dispatchEvent("dragenter",t),t.stopPropagation()}dropleave(t){this.dispatchEvent("dragleave",t),this.removeMarkNode(),this.dropNode=null,t.stopPropagation()}dropover(t){this.dispatchEvent("dragover",t),t.stopPropagation()}dragend(t){this.dropNode?(this.dispatchEvent("drop",t),this.dispatchEvent("dragend",t)):this.dispatchEvent("dragcancel",t),this.removeAllEvents(),s.removeClass(this.node,"dragged"),this.dragNode!==this.node&&this.dragNode.remove()}removeAllEvents(){super.removeAllEvents(),this.removeMarkNode()}}function W0(){if(customElements.get("oo-button")||customElements.define("oo-button",X4),customElements.get("oo-calendar")||customElements.define("oo-calendar",j1),customElements.get("oo-calendar-view")||customElements.define("oo-calendar-view",x3),customElements.get("oo-capsulae")||customElements.define("oo-capsulae",w3),customElements.get("oo-card")||customElements.define("oo-card",E3),customElements.get("oo-checkbox-group")||customElements.define("oo-checkbox-group",M3),customElements.get("oo-checkbox")||customElements.define("oo-checkbox",q7),customElements.get("oo-datetime")||customElements.define("oo-datetime",S3),customElements.get("oo-file")||customElements.define("oo-file",T3),customElements.get("oo-icon")||customElements.define("oo-icon",A3),customElements.get("oo-input")||customElements.define("oo-input",s0),customElements.get("oo-select")||customElements.define("oo-select",F3),customElements.get("oo-option-group")||customElements.define("oo-option-group",P3),customElements.get("oo-option")||customElements.define("oo-option",O3),customElements.get("oo-org")||customElements.define("oo-org",Z3),customElements.get("oo-pagination")||customElements.define("oo-pagination",D3),customElements.get("oo-radio-group")||customElements.define("oo-radio-group",m0),customElements.get("oo-radio")||customElements.define("oo-radio",C0),customElements.get("oo-selector")||customElements.define("oo-selector",b0),customElements.get("oo-skeleton")||customElements.define("oo-skeleton",I3),customElements.get("oo-switch")||customElements.define("oo-switch",z3),customElements.get("oo-tab")||customElements.define("oo-tab",$3),customElements.get("oo-tabs")||customElements.define("oo-tabs",N3),customElements.get("oo-tab")||customElements.define("oo-tag",R3),customElements.get("oo-textarea")||customElements.define("oo-textarea",B3),customElements.get("oo-nav")||customElements.define("oo-nav",V3),HTMLFormElement){const r="oo-input, oo-radio-group, oo-checkbox-group, oo-selector, oo-select";if(HTMLFormElement.prototype.reportValidity&&!HTMLFormElement.prototype.reportValidity.OOInputAdded){const n=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(){const t=n.apply(this);if(!t)return t;const e=this.querySelectorAll(r);for(const i of e)if(i.reportValidity&&!i.reportValidity())return!1;return!0},HTMLFormElement.prototype.reportValidity.OOInputAdded=!0}if(HTMLFormElement.prototype.checkValidity&&!HTMLFormElement.prototype.checkValidity.OOInputAdded){const n=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(){let t=n.apply(this);const e=this.querySelectorAll(r);for(const i of e)i.checkValidity&&(t=t&&i.checkValidity());return t},HTMLFormElement.prototype.checkValidity.OOInputAdded=!0}}}const H0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),Y0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),q0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),U0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),X0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),G0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),K0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),J0=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),Q0=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),t6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),e6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),n6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),s6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),i6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),r6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),o6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),l6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),a6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),d6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),h6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),c6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),p6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),u6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),C6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),m6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),g6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),v6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),f6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),b6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),L6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),_6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),x6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),w6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),y6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),k6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),E6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),M6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),S6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),T6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),A6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r `},Symbol.toStringTag,{value:"Module"})),O6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),P6=Object.freeze(Object.defineProperty({__proto__:null,default:``},Symbol.toStringTag,{value:"Module"})),Z6=Object.freeze(Object.defineProperty({__proto__:null,default:`\r \r `},Symbol.toStringTag,{value:"Module"})),D6=Object.freeze(Object.defineProperty({__proto__:null,default:`.ootooltip{font-size:.875rem;padding:.3rem;border-radius:.3rem;position:absolute;background:var(--oo-color-main-deep);color:var(--oo-color-text-white);opacity:0;z-index:20000}.ootooltip.show{opacity:0;transition:opacity .6s,top .6s,left .6s}.ootooltip_triangle{width:.5rem;height:.5rem;position:absolute;border-bottom-right-radius:.15rem;background:var(--oo-color-main-deep)}.ootooltip_triangle.top{transform:rotate(45deg)}.ootooltip_triangle.left{transform:rotate(-45deg)}.ootooltip_triangle.right{transform:rotate(135deg)}.ootooltip_triangle.bottom{transform:rotate(-135deg)}.ootooltip_container{display:contents}.hide{display:none} `},Symbol.toStringTag,{value:"Module"})),F6=Object.freeze(Object.defineProperty({__proto__:null,default:`.ootooltip{font-size:.875rem;border-radius:var(--oo-area-radius);position:absolute;background:var(--oo-color-bg-white);color:var(--oo-color-text2);border:1px solid var(--oo-color-gray-e1);box-shadow:0 0 .625rem var(--oo-color-gray-b);opacity:0;z-index:20000}.ootooltip *{box-sizing:border-box}.ootooltip.show{opacity:0;transition:opacity .6s,top .6s,left .6s}.ootooltip_triangle{width:.7rem;height:.7rem;position:absolute;border-bottom-right-radius:.15rem;background:var(--oo-color-bg-white);box-shadow:0 0 .625rem 0 var(--oo-color-gray-9);border-right:1px solid var(--oo-color-gray-e1);border-bottom:1px solid var(--oo-color-gray-e1)}.ootooltip_triangle.top{transform:rotate(45deg)}.ootooltip_triangle.left{transform:rotate(-45deg)}.ootooltip_triangle.right{transform:rotate(135deg)}.ootooltip_triangle.bottom{transform:rotate(-135deg)}.ootooltip_container{display:contents}.hide{display:none}.ootooltip_content{background:var(--oo-color-bg-white);position:relative;border-radius:var(--oo-area-radius);overflow:hidden;padding:.3rem} `},Symbol.toStringTag,{value:"Module"})),j6=Object.freeze(Object.defineProperty({__proto__:null,default:`.ootooltip{font-size:.725rem;padding:0 .3rem;border-radius:.2rem;position:absolute;background:var(--oo-color-bg-white);color:var(--oo-color-text2);border:1px solid var(--oo-color-gray-9);box-shadow:0 0 .625rem var(--oo-color-gray-9);opacity:0;z-index:20000}.ootooltip *{box-sizing:border-box}.ootooltip.show{opacity:0;transition:opacity .6s,top .6s,left .6s}.ootooltip_triangle{width:.4rem;height:.4rem;position:absolute;background:var(--oo-color-bg-white);border-right:1px solid var(--oo-color-gray-9);border-bottom:1px solid var(--oo-color-gray-9)}.ootooltip_triangle.top{transform:rotate(45deg)}.ootooltip_triangle.left{transform:rotate(-45deg)}.ootooltip_triangle.right{transform:rotate(135deg)}.ootooltip_triangle.bottom{transform:rotate(-135deg)}.ootooltip_container{display:contents}.hide{display:none}.ootooltip_content{background:var(--oo-color-bg-white);position:relative;border-radius:.2rem;overflow:hidden;padding:.3rem} `},Symbol.toStringTag,{value:"Module"})),c9=Object.freeze(Object.defineProperty({__proto__:null,default:`* {\r box-sizing: border-box;\r }\r .container{\r /*position: absolute;*/\r /*min-width: 300px;*/\r /*min-height: 70px;*/\r padding: 0.357em;\r background: var(--oo-color-info-bg);\r border-radius: var(--oo-area-radius);\r border-width: 1px;\r border-style: solid;\r border-color: var(--oo-color-info-border);\r transition: all 0.5s, width 0s;\r display: flex;\r justify-content: space-between;\r align-items: flex-start;\r font-size: 0.857em;\r }\r .content{\r display: flex;\r width: inherit;\r justify-content: flex-start;\r align-items: flex-start;\r }\r .align_left{\r justify-content: flex-start;\r }\r .align_right{\r justify-content: flex-end;\r }\r .align_center{\r justify-content: center;\r }\r \r .valign_top{\r align-items: flex-start;\r }\r .valign_bottom{\r align-items: flex-end;\r }\r .valign_center{\r align-items: center;\r }\r \r .icon {\r color: var(--oo-color-info);\r font-size: var(--oo-font-size-largest);\r width: 1.2em;\r text-align: center;\r padding: 0.2em;\r }\r .message {\r padding: 0.357em;\r }\r .title {\r font-weight: bold;\r color: var(--oo-color-text);\r padding: 0 0.357em 0.357em 0.357em;\r }\r .text{\r color: var(--oo-color-text2);\r padding: 0 0.357em;\r }\r .close{\r cursor: pointer;\r }\r .hide{\r display: none;\r }\r \r .error.container{\r background: var(--oo-color-error-bg);\r border-color: var(--oo-color-error-border);\r }\r .error .icon{\r color: var(--oo-color-error);\r }\r \r .warn.container{\r background: var(--oo-color-warn-bg);\r border-color: var(--oo-color-warn-border);\r }\r .warn .icon{\r color: var(--oo-color-warn);\r }\r \r .success.container{\r background: var(--oo-color-success-bg);\r border-color: var(--oo-color-success-border);\r }\r .success .icon{\r color: var(--oo-color-success);\r }\r `},Symbol.toStringTag,{value:"Module"})),I6=Object.freeze(Object.defineProperty({__proto__:null,default:`* {\r box-sizing: border-box;\r }\r .container{\r /*position: fixed;*/\r width: 100%;\r top: 0;\r left: 0;\r padding: 0.714em;\r min-height: 5em;\r transition: all 0.5s;\r display: flex;\r justify-content: space-between;\r align-items: flex-start;\r }\r .content{\r display: flex;\r width: inherit;\r justify-content: center;\r align-items: center;\r }\r .align_left{\r justify-content: flex-start;\r }\r .align_right{\r justify-content: flex-end;\r }\r .align_center{\r justify-content: center;\r }\r \r .valign_top{\r align-items: flex-start;\r }\r .valign_bottom{\r align-items: flex-end;\r }\r .valign_center{\r align-items: center;\r }\r .icon {\r color: var(--oo-color-text-white);\r font-size: calc(var(--oo-font-size-largest)*2);\r text-align: center;\r padding: 0.1em;\r }\r .message {\r padding: 0.357em;\r }\r .title {\r font-weight: bold;\r color: var(--oo-color-text-white);\r padding: 0 0.357em 0.357em 0.357em;\r }\r .text{\r color: var(--oo-color-text-white);\r padding: 0 0.357em;\r }\r .close{\r cursor: pointer;\r color: var(--oo-color-text-white);\r }\r \r .info.container{\r background: var(--oo-color-info);\r }\r .error.container{\r background: var(--oo-color-error);\r }\r .warn.container{\r background: var(--oo-color-warn);\r }\r .success.container{\r background: var(--oo-color-success);\r }\r `},Symbol.toStringTag,{value:"Module"})),z6=Object.freeze(Object.defineProperty({__proto__:null,default:`.maskNode{opacity:0;background-color:var(--oo-color-gray-d);transition:.2s;position:absolute}.maskNode.show{opacity:.3} `},Symbol.toStringTag,{value:"Module"}));return b.DatetimePicker=K4,b.Dialog=a9,b.Dragdrop=V0,b.Draggable=h9,b.Menu=G4,b.Notice=$1,b.Tooltip=z1,b.confirm=$0,b.datetimePicker=J4,b.defineComponent=W0,b.dialog=d9,b.mask=R0,b.notice=N1,b.tooltip=l9,b.unmask=B0,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"}),b}({}); //# sourceMappingURL=ooui.iife.js.map