@qaecy/cue-ui 0.0.15 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/236.js +1 -0
- package/269.js +1 -1
- package/284.js +1 -0
- package/371.js +1 -0
- package/418.js +1 -1
- package/{160.js → 419.js} +1 -1
- package/443.js +1 -0
- package/560.js +1 -1
- package/570.js +1 -0
- package/598.js +1 -1
- package/60.js +1 -0
- package/710.js +1 -1
- package/741.js +1 -1
- package/774.js +1 -0
- package/83.js +1 -0
- package/common.js +1 -1
- package/index.js +1 -1
- package/main.js +1 -1
- package/package.json +1 -1
- package/141.js +0 -1
- package/21.js +0 -1
- package/266.js +0 -1
- package/28.js +0 -1
- package/280.js +0 -1
- package/378.js +0 -1
- package/63.js +0 -1
- package/734.js +0 -1
- package/754.js +0 -1
- package/769.js +0 -1
- package/927.js +0 -1
- package/941.js +0 -1
package/710.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[710],{3319(R,T,c){c.d(T,{a:()=>S});var s=c(7705),g=c(29),d=c(5547);let S=(()=>{class _{icon=(0,s.hFB)(void 0);slot=(0,s.hFB)("before");static \u0275fac=function(y){return new(y||_)};static \u0275cmp=d.VBU({type:_,selectors:[["cue-button-icon"]],inputs:{icon:[1,"icon"],slot:[1,"slot"]},decls:1,vars:2,consts:[[3,"slot","name"]],template:function(y,E){1&y&&d.nrm(0,"cue-svg-icon",0),2&y&&d.Y8G("slot",E.slot())("name",E.icon())},dependencies:[g.A],encapsulation:2})}return _})()},1696(R,T,c){c.d(T,{$:()=>z});var s=c(9769),g=c(7705),d=c(2271),S=c(7089),_=c(5802),m=c(5547);let I=(()=>{class C{el=(0,_.WQX)(m.aKT);renderer=(0,_.WQX)(m.sFG);cuePulse=(0,g.hFB)(!1);cuePulseColor=(0,g.hFB)("");cuePulseMode=(0,g.hFB)("border");activeClass="";constructor(){this.ensureGlobalStyles()}onPulseChanged=(0,_.QZP)(()=>{const p=this.cuePulse(),h=this.cuePulseColor(),f=this.cuePulseMode(),P=this.el.nativeElement;if(this.activeClass&&(this.renderer.removeClass(P,this.activeClass),this.activeClass=""),this.renderer.removeStyle(P,"--cue-pulse-color"),this.renderer.removeStyle(P,"border-radius"),p){const D="text"===f?"cue-pulse-text":"cue-pulse-border";this.renderer.addClass(P,D),this.activeClass=D,h&&this.renderer.setStyle(P,"--cue-pulse-color",h),"border"===f&&setTimeout(()=>{const O=P.firstElementChild;if(O){const N=getComputedStyle(O).borderRadius;N&&"0px"!==N&&this.renderer.setStyle(P,"border-radius",N)}})}});ngOnDestroy(){const p=this.el.nativeElement;this.activeClass&&this.renderer.removeClass(p,this.activeClass),this.renderer.removeStyle(p,"border-radius")}ensureGlobalStyles(){const p="cue-pulse-global-styles";if(document.getElementById(p))return;const h=document.createElement("style");h.id=p,h.textContent="\n @keyframes cue-pulse-border-anim {\n 0% {\n box-shadow: 0 0 0 0 var(--cue-pulse-color, currentColor);\n }\n 70% {\n box-shadow: 0 0 0 8px transparent;\n }\n 100% {\n box-shadow: 0 0 0 0 transparent;\n }\n }\n\n @keyframes cue-pulse-text-anim {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n }\n\n .cue-pulse-border {\n animation: cue-pulse-border-anim 1.5s infinite ease-in-out;\n }\n\n .cue-pulse-text {\n animation: cue-pulse-text-anim 1.5s infinite ease-in-out;\n }\n ",document.head.appendChild(h)}static \u0275fac=function(h){return new(h||C)};static \u0275dir=m.FsC({type:C,selectors:[["","cuePulse",""]],inputs:{cuePulse:[1,"cuePulse"],cuePulseColor:[1,"cuePulseColor"],cuePulseMode:[1,"cuePulseMode"]}})}return C})();const y=["buttonElement"],E=["*"];let z=(()=>{class C{variant=(0,g.hFB)("primary");size=(0,g.hFB)("m");tooltip=(0,g.hFB)("");disabled=(0,g.hFB)(!1);selected=(0,g.geq)(!1);toggleButton=(0,g.hFB)(!1);loading=(0,g.hFB)(!1);fitParentWidth=(0,g.hFB)(!1);noWrap=(0,g.hFB)(!0);buttonElement=g.ebz.required("buttonElement");getStyles=(0,d.EW)(()=>[`\n padding: 0 var(--cue-button-${this.size()}-padding-x);\n\n --focus-color: var(--cue-button-${this.variant()}-focus-color);\n --cue-button-border-color: var(--cue-button-${this.variant()}-border-color);\n color: var(--cue-button-${this.variant()}-foreground);\n --background-color: var(--cue-button-${this.variant()}-background);\n\n --cue-icon-width: var(--cue-button-${this.size()}-icon-width);\n --button-height: var(--cue-button-${this.size()}-height);\n --cue-button-border-radius: var(--cue-button-border-radius, 9999px);\n --button-label-padding-x: var(--cue-button-${this.size()}-label-padding-x);\n `,this.disabled()?`\n color: var(--cue-button-${this.variant()}-disabled-foreground);\n --cue-button-border-color: var(--cue-button-${this.variant()}-disabled-border-color);\n --background-color: var(--cue-button-${this.variant()}-disabled-background);\n `:""].join(""));handleClick(p){p.detail>0&&this.buttonElement().nativeElement.blur(),this.toggleButton()&&(p.stopPropagation(),this.selected.set(!this.selected()))}static \u0275fac=function(h){return new(h||C)};static \u0275cmp=m.VBU({type:C,selectors:[["cue-button"]],viewQuery:function(h,f){1&h&&m.wEZ(f.buttonElement,y,5),2&h&&m.NyB()},inputs:{variant:[1,"variant"],size:[1,"size"],tooltip:[1,"tooltip"],disabled:[1,"disabled"],selected:[1,"selected"],toggleButton:[1,"toggleButton"],loading:[1,"loading"],fitParentWidth:[1,"fitParentWidth"],noWrap:[1,"noWrap"]},outputs:{selected:"selectedChange"},ngContentSelectors:E,decls:3,vars:18,consts:[["buttonElement",""],["tooltipSize","small",3,"click","disabled","cueTooltip","tooltipPlacement","cuePulse"]],template:function(h,f){1&h&&(m.NAR(),m.j41(0,"button",1,0),m.bIt("click",function(D){return f.handleClick(D)}),m.SdG(2),m.k0s()),2&h&&(m.Aen(f.getStyles()),m.xc7("white-space",f.noWrap()?"nowrap":"normal")("flex-basis",f.noWrap()?null:"auto")("min-width",f.noWrap()?null:"fit-content"),m.AVh("selected",f.selected())("ghost","ghost"===f.variant())("fit-parent-width",f.fitParentWidth()),m.Y8G("disabled",f.disabled())("cueTooltip",f.tooltip())("tooltipPlacement","top")("cuePulse",f.loading()))},dependencies:[s.MD,S.d,I],styles:['[_nghost-%COMP%]:has(.fit-parent-width){display:contents}@keyframes _ngcontent-%COMP%_pulse-border{0%{box-shadow:0 0 0 0 var(--focus-color)}50%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}button[_ngcontent-%COMP%]{min-width:0;pulse-border-radius:var(--cue-button-border-radius);appearance:none;padding:0;font:inherit;border:var(--cue-button-border-width) var(--cue-button-border-style) var(--cue-button-border-color);display:flex;justify-content:space-between;align-items:center;gap:var(--cue-button-gap);min-height:var(--button-height);height:auto;background-color:var(--background-color);border-radius:var(--cue-button-border-radius, 9999px);margin:3px;position:relative}button[style*="white-space: normal"][_ngcontent-%COMP%]{border-radius:30px!important;padding:10px!important}button.fit-parent-width[_ngcontent-%COMP%]{width:100%;min-width:0}button[_ngcontent-%COMP%]:not(.fit-parent-width){min-width:fit-content;width:auto}button[_ngcontent-%COMP%]:focus{outline:none}button[_ngcontent-%COMP%]:hover:not(:disabled), button[_ngcontent-%COMP%]:focus-within:not(:disabled){outline:1px solid var(--focus-color);outline-offset:2px;cursor:pointer}button.selected[_ngcontent-%COMP%]{outline:1px solid currentColor!important;outline-offset:2px;margin:3px}button.ghost[_ngcontent-%COMP%]:not(.selected){border:none}']})}return C})()},710(R,T,c){c.d(T,{IDBuilder:()=>de});for(var s=c(5802),d=[],S=0;S<256;++S)d.push((S+256).toString(16).slice(1));const y=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/i,Y=function C(t){if(!function E(t){return"string"==typeof t&&y.test(t)}(t))throw TypeError("Invalid UUID");var a,e=new Uint8Array(16);return e[0]=(a=parseInt(t.slice(0,8),16))>>>24,e[1]=a>>>16&255,e[2]=a>>>8&255,e[3]=255&a,e[4]=(a=parseInt(t.slice(9,13),16))>>>8,e[5]=255&a,e[6]=(a=parseInt(t.slice(14,18),16))>>>8,e[7]=255&a,e[8]=(a=parseInt(t.slice(19,23),16))>>>8,e[9]=255&a,e[10]=(a=parseInt(t.slice(24,36),16))/1099511627776&255,e[11]=a/4294967296&255,e[12]=a>>>24&255,e[13]=a>>>16&255,e[14]=a>>>8&255,e[15]=255&a,e};function D(t,a,e,n){switch(t){case 0:return a&e^~a&n;case 1:case 3:return a^e^n;case 2:return a&e^a&n^e&n}}function O(t,a){return t<<a|t>>>32-a}const Q=function P(t,a,e){function n(i,r,u,b){var M;if("string"==typeof i&&(i=function p(t){t=unescape(encodeURIComponent(t));for(var a=[],e=0;e<t.length;++e)a.push(t.charCodeAt(e));return a}(i)),"string"==typeof r&&(r=Y(r)),16!==(null===(M=r)||void 0===M?void 0:M.length))throw TypeError("Namespace must be array-like (16 iterable integer values, 0-255)");var v=new Uint8Array(16+i.length);if(v.set(r),v.set(i,r.length),(v=e(v))[6]=15&v[6]|a,v[8]=63&v[8]|128,u){b=b||0;for(var x=0;x<16;++x)u[b+x]=v[x];return u}return function _(t,a=0){return(d[t[a+0]]+d[t[a+1]]+d[t[a+2]]+d[t[a+3]]+"-"+d[t[a+4]]+d[t[a+5]]+"-"+d[t[a+6]]+d[t[a+7]]+"-"+d[t[a+8]]+d[t[a+9]]+"-"+d[t[a+10]]+d[t[a+11]]+d[t[a+12]]+d[t[a+13]]+d[t[a+14]]+d[t[a+15]]).toLowerCase()}(v)}try{n.name=t}catch{}return n.DNS="6ba7b810-9dad-11d1-80b4-00c04fd430c8",n.URL="6ba7b811-9dad-11d1-80b4-00c04fd430c8",n}("v5",80,function N(t){var a=[1518500249,1859775393,2400959708,3395469782],e=[1732584193,4023233417,2562383102,271733878,3285377520];if("string"==typeof t){var n=unescape(encodeURIComponent(t));t=[];for(var i=0;i<n.length;++i)t.push(n.charCodeAt(i))}else Array.isArray(t)||(t=Array.prototype.slice.call(t));t.push(128);for(var u=Math.ceil((t.length/4+2)/16),b=new Array(u),M=0;M<u;++M){for(var v=new Uint32Array(16),x=0;x<16;++x)v[x]=t[64*M+4*x]<<24|t[64*M+4*x+1]<<16|t[64*M+4*x+2]<<8|t[64*M+4*x+3];b[M]=v}b[u-1][14]=8*(t.length-1)/Math.pow(2,32),b[u-1][14]=Math.floor(b[u-1][14]),b[u-1][15]=8*(t.length-1)&4294967295;for(var W=0;W<u;++W){for(var w=new Uint32Array(80),F=0;F<16;++F)w[F]=b[W][F];for(var B=16;B<80;++B)w[B]=O(w[B-3]^w[B-8]^w[B-14]^w[B-16],1);for(var k=e[0],V=e[1],A=e[2],G=e[3],j=e[4],U=0;U<80;++U){var X=Math.floor(U/20),he=O(k,5)+D(X,V,A,G)+j+a[X]+w[U]>>>0;j=G,G=A,A=O(V,30)>>>0,V=k,k=he}e[0]=e[0]+k>>>0,e[1]=e[1]+V>>>0,e[2]=e[2]+A>>>0,e[3]=e[3]+G>>>0,e[4]=e[4]+j>>>0}return[e[0]>>24&255,e[0]>>16&255,e[0]>>8&255,255&e[0],e[1]>>24&255,e[1]>>16&255,e[1]>>8&255,255&e[1],e[2]>>24&255,e[2]>>16&255,e[2]>>8&255,255&e[2],e[3]>>24&255,e[3]>>16&255,e[3]>>8&255,255&e[3],e[4]>>24&255,e[4]>>16&255,e[4]>>8&255,255&e[4]]}),$={\u00e4:"ae",a\u0308:"ae",\u00c4:"AE",\u00f6:"oe",\u00d6:"OE",\u00fc:"ue",u\u0308:"ue",\u00dc:"UE",U\u0308:"UE",\u00df:"ss",\u00e6:"ae",\u00c6:"AE",\u00f8:"oe",\u00d8:"OE",\u00e5:"aa",\u00c5:"AA",\u00e1:"a",\u00c1:"A",\u00f0:"d",\u00d0:"D",\u00e9:"e",\u00c9:"E",\u00ed:"i",\u00cd:"I",\u00f3:"o",\u00d3:"O",\u00fa:"u",\u00da:"U",\u00fd:"y",\u00dd:"Y",\u00fe:"th",\u00de:"Th"};var o=c(5547),l=c(7705),L=c(2271),J=c(1696),q=c(3319),ee=c(7089);let te=(()=>{class t{element;enabled=(0,l.hFB)(!1,{alias:"cueAutoMultiline"});value=(0,l.hFB)("",{alias:"autoMultilineValue"});buttonOffset=(0,l.hFB)(0,{alias:"autoMultilineButtonOffset"});shouldSwitchToMultiline=(0,l.CGW)();multilinePasted=(0,l.CGW)();measureSpan;hasSwitched=!1;constructor(e){this.element=e,(0,s.QZP)(()=>{this.value();this.enabled()&&this.measureSpan&&!this.hasSwitched&&setTimeout(()=>this.checkOverflow(),0)})}ngAfterViewInit(){this.enabled()&&(this.createMeasurementSpan(),setTimeout(()=>this.checkOverflow(),0))}onPaste(e){if(!this.enabled()||this.hasSwitched)return;const n=e.clipboardData?.getData("text");if(n&&n.includes("\n")){e.preventDefault();const i=this.element.nativeElement,r=i.selectionStart||0,u=i.value,b=u.substring(0,r)+n+u.substring(i.selectionEnd||r);this.hasSwitched=!0,this.multilinePasted.emit(b)}}createMeasurementSpan(){this.measureSpan=document.createElement("span"),this.measureSpan.style.position="absolute",this.measureSpan.style.visibility="hidden",this.measureSpan.style.whiteSpace="nowrap",this.measureSpan.style.pointerEvents="none";const e=this.element.nativeElement,n=window.getComputedStyle(e);this.measureSpan.style.font=n.font,this.measureSpan.style.padding=n.padding,e.parentElement?.appendChild(this.measureSpan)}checkOverflow(){if(!this.enabled()||!this.measureSpan||this.hasSwitched)return;const e=this.element.nativeElement;this.measureSpan.textContent=this.value(),this.measureSpan.offsetWidth>e.offsetWidth-this.buttonOffset()&&(this.hasSwitched=!0,this.shouldSwitchToMultiline.emit())}ngOnDestroy(){this.measureSpan&&this.measureSpan.remove()}static \u0275fac=function(n){return new(n||t)(o.rXU(o.aKT))};static \u0275dir=o.FsC({type:t,selectors:[["","cueAutoMultiline",""]],hostBindings:function(n,i){1&n&&o.bIt("paste",function(u){return i.onPaste(u)})},inputs:{enabled:[1,"cueAutoMultiline","enabled"],value:[1,"autoMultilineValue","value"],buttonOffset:[1,"autoMultilineButtonOffset","buttonOffset"]},outputs:{shouldSwitchToMultiline:"shouldSwitchToMultiline",multilinePasted:"multilinePasted"}})}return t})(),ne=(()=>{class t{element;enabled=(0,l.hFB)(!0,{alias:"cueShiftEnter"});shiftEnterPressed=(0,l.CGW)();constructor(e){this.element=e}onKeyDown(e){if(this.enabled()&&"Enter"===e.key&&e.shiftKey){e.preventDefault();const n=this.element.nativeElement,i=n.selectionStart||0,r=n.value,u=r.substring(0,i)+"\n"+r.substring(i);this.shiftEnterPressed.emit({newValue:u,cursorPosition:i+1})}}static \u0275fac=function(n){return new(n||t)(o.rXU(o.aKT))};static \u0275dir=o.FsC({type:t,selectors:[["","cueShiftEnter",""]],hostBindings:function(n,i){1&n&&o.bIt("keydown",function(u){return i.onKeyDown(u)})},inputs:{enabled:[1,"cueShiftEnter","enabled"]},outputs:{shiftEnterPressed:"shiftEnterPressed"}})}return t})();const ie=["inputElement"],oe=["textareaElement"];function ae(t,a){if(1&t){const e=o.RV6();o.j41(0,"input",4,0),o.mxI("valueChange",function(i){s.eBV(e);const r=o.XpG();return o.DH7(r.value,i)||(r.value=i),s.Njj(i)}),o.bIt("shiftEnterPressed",function(i){s.eBV(e);const r=o.XpG();return s.Njj(r.handleShiftEnter(i))})("shouldSwitchToMultiline",function(){s.eBV(e);const i=o.XpG();return s.Njj(i.switchToMultiline())})("multilinePasted",function(i){s.eBV(e);const r=o.XpG();return s.Njj(r.handleMultilinePaste(i))})("keyup",function(i){s.eBV(e);const r=o.XpG();return s.Njj(r.update(i))})("input",function(i){s.eBV(e);const r=o.XpG();return s.Njj(r.update(i))}),o.k0s()}if(2&t){const e=o.XpG();o.R50("value",e.value),o.Y8G("placeholder",e.placeholder())("cueShiftEnter",e.responsiveMode())("cueAutoMultiline",e.responsiveMode())("autoMultilineValue",e.value())("autoMultilineButtonOffset",e.showSubmitButton()?60:0)}}function re(t,a){if(1&t){const e=o.RV6();o.j41(0,"textarea",5,1),o.mxI("valueChange",function(i){s.eBV(e);const r=o.XpG();return o.DH7(r.value,i)||(r.value=i),s.Njj(i)}),o.bIt("keyup",function(i){s.eBV(e);const r=o.XpG();return s.Njj(r.update(i))}),o.k0s(),o.j41(2,"div",6),o.bIt("mousedown",function(i){s.eBV(e);const r=o.XpG();return s.Njj(r.startDrag(i))}),o.nrm(3,"div",7),o.k0s()}if(2&t){const e=o.XpG();o.R50("value",e.value),o.Y8G("placeholder",e.placeholder())}}function se(t,a){if(1&t){const e=o.RV6();o.j41(0,"cue-button",8),o.bIt("click",function(){s.eBV(e);const i=o.XpG();return s.Njj(i.searchInProgress()?i.cancel():i.submit())}),o.nrm(1,"cue-button-icon",9),o.k0s()}if(2&t){const e=o.XpG();o.AVh("multiline-button",e.effectiveMultiLineMode()),o.Y8G("variant",e.buttonVariant())("size",e.buttonSize())("cueTooltip",e.buttonTooltip()),o.R7$(),o.Y8G("icon",e.searchInProgress()?e.cancelIcon():e.submitIcon())}}let ue=(()=>{class t{renderer=(0,s.WQX)(o.sFG);placeholder=(0,l.hFB)("Search...");value=(0,l.geq)("");searchInProgress=(0,l.geq)(!1);searchFailed=(0,l.hFB)(!1);size=(0,l.hFB)("l");debounceTime=(0,l.hFB)(200);variant=(0,l.hFB)("secondary");showSubmitButton=(0,l.hFB)(!0);submitIcon=(0,l.hFB)("search");cancelIcon=(0,l.hFB)("close");buttonTooltip=(0,l.hFB)("");buttonVariant=(0,l.hFB)("accent");multiLineMode=(0,l.hFB)(!1);responsiveMode=(0,l.hFB)(!1);autoMultiLineMode=(0,s.vPA)(!1);effectiveMultiLineMode=(0,L.EW)(()=>this.multiLineMode()||this.responsiveMode()&&this.autoMultiLineMode());inputElement=(0,l.ebz)("inputElement");textareaElement=(0,l.ebz)("textareaElement");valueChange=(0,l.CGW)();valueSubmit=(0,l.CGW)();_debounceTimer;_value="";isDragging=(0,s.vPA)(!1);dragStartY=0;dragStartHeight=0;constructor(){(0,s.QZP)(()=>{this.effectiveMultiLineMode()&&this.responsiveMode()&&setTimeout(()=>{const n=this.textareaElement()?.nativeElement;if(n){n.focus();const i=n.value.length;n.setSelectionRange(i,i)}},0)}),(0,s.QZP)(()=>{this.value();const n=this.textareaElement()?.nativeElement;if(n&&this.effectiveMultiLineMode()){n.style.height="auto";const i=Math.min(n.scrollHeight,250);n.style.height=`${i}px`}})}startDrag(e){e.preventDefault();const n=this.textareaElement()?.nativeElement;if(!n)return;this.isDragging.set(!0),this.dragStartY=e.clientY;const i=window.getComputedStyle(n),r=parseFloat(i.height);this.dragStartHeight=r,n.style.height=`${r}px`;const u=this.onDragMove.bind(this),b=this.onDragEnd.bind(this);this.renderer.listen("document","mousemove",u);const M=this.renderer.listen("document","mouseup",v=>{b(v),M()})}onDragMove(e){if(!this.isDragging())return;const n=this.textareaElement()?.nativeElement;if(!n)return;const r=Math.max(64,this.dragStartHeight+(e.clientY-this.dragStartY));n.style.height=`${r}px`}onDragEnd(e){this.isDragging.set(!1)}switchToMultiline(){this.autoMultiLineMode.set(!0)}handleShiftEnter(e){this.value.set(e.newValue),this._value=e.newValue,this.autoMultiLineMode.set(!0),setTimeout(()=>{const n=this.textareaElement()?.nativeElement;n&&(n.focus(),n.setSelectionRange(e.cursorPosition,e.cursorPosition))},0)}handleMultilinePaste(e){this.value.set(e),this._value=e,this.autoMultiLineMode.set(!0),setTimeout(()=>{const n=this.textareaElement()?.nativeElement;if(n){n.focus();const i=n.value.length;n.setSelectionRange(i,i)}},0)}handleEnterKey(){this.multiLineMode()||this.responsiveMode()&&this.effectiveMultiLineMode()||this.submit()}update(e){this._value=e.target.value,this.value.set(this._value),clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>{this.valueChange.emit(this._value)},this.debounceTime())}submit(){this.valueSubmit.emit(this._value);const e=this.textareaElement()?.nativeElement;e&&(e.style.height="")}cancel(){this._value="",this.searchInProgress.set(!1),this.valueChange.emit(this._value)}buttonSize=(0,L.EW)(()=>"s"===this.size()?"xs":"m");hostStyles=(0,L.EW)(()=>{const n="s"===this.size()?"--height: calc(32rem / 16); --search-button-right: calc(4rem / 16); --search-input-padding-x: 1em; --search-font-size: 0.875em;":"";return`\n color: var(--cue-${this.variant()}Contrast);\n background-color: var(--cue-${this.variant()});\n ${n}\n `});static \u0275fac=function(n){return new(n||t)};static \u0275cmp=o.VBU({type:t,selectors:[["cue-search-bar"]],viewQuery:function(n,i){1&n&&o.wEZ(i.inputElement,ie,5)(i.textareaElement,oe,5),2&n&&o.NyB(2)},hostVars:6,hostBindings:function(n,i){1&n&&o.bIt("keydown.enter",function(){return i.handleEnterKey()},o.EBC),2&n&&(o.Aen(i.hostStyles()),o.AVh("pulsing",i.searchInProgress()&&!i.searchFailed())("failed",i.searchFailed()))},inputs:{placeholder:[1,"placeholder"],value:[1,"value"],searchInProgress:[1,"searchInProgress"],searchFailed:[1,"searchFailed"],size:[1,"size"],debounceTime:[1,"debounceTime"],variant:[1,"variant"],showSubmitButton:[1,"showSubmitButton"],submitIcon:[1,"submitIcon"],cancelIcon:[1,"cancelIcon"],buttonTooltip:[1,"buttonTooltip"],buttonVariant:[1,"buttonVariant"],multiLineMode:[1,"multiLineMode"],responsiveMode:[1,"responsiveMode"]},outputs:{value:"valueChange",searchInProgress:"searchInProgressChange",valueChange:"valueChange",valueSubmit:"valueSubmit"},decls:3,vars:2,consts:[["inputElement",""],["textareaElement",""],["type","text",1,"search-input",3,"value","placeholder","cueShiftEnter","cueAutoMultiline","autoMultilineValue","autoMultilineButtonOffset"],[1,"search-button",3,"multiline-button","variant","size","cueTooltip"],["type","text",1,"search-input",3,"valueChange","shiftEnterPressed","shouldSwitchToMultiline","multilinePasted","keyup","input","value","placeholder","cueShiftEnter","cueAutoMultiline","autoMultilineValue","autoMultilineButtonOffset"],["rows","1",1,"search-input","multiline",3,"valueChange","keyup","value","placeholder"],[1,"drag-handle",3,"mousedown"],[1,"drag-handle-icon"],[1,"search-button",3,"click","variant","size","cueTooltip"],[3,"icon"]],template:function(n,i){1&n&&(o.nVh(0,ae,2,6,"input",2)(1,re,4,2),o.nVh(2,se,2,6,"cue-button",3)),2&n&&(o.vxM(i.effectiveMultiLineMode()?1:0),o.R7$(2),o.vxM(i.showSubmitButton()?2:-1))},dependencies:[J.$,q.a,ee.d,te,ne],styles:['[_nghost-%COMP%]{--height: 4rem ;border-radius:var(--height);font-family:var(--cue-font-family);position:relative;height:var(--height);display:flex;align-items:stretch}@container cue-container (width < 20em){[_nghost-%COMP%]{--height: 2.125rem }}[_nghost-%COMP%]:has(textarea.multiline){border-radius:1.25rem;min-height:var(--height);height:auto}.pulsing[_nghost-%COMP%]{animation:pulse-border 1.5s infinite ease-in-out}.failed[_nghost-%COMP%]{animation:_ngcontent-%COMP%_pulse-border-red 1.5s infinite ease-in-out}@keyframes _ngcontent-%COMP%_pulse-border-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef44441a}}cue-button[_ngcontent-%COMP%]{position:absolute;right:var(--search-button-right, .625em);top:50%;transform:translateY(-50%)}cue-button.multiline-button[_ngcontent-%COMP%]{bottom:.625em;top:auto;transform:none}@container cue-container (width < 20em){cue-button[_ngcontent-%COMP%]{right:.25em}cue-button.multiline-button[_ngcontent-%COMP%]{bottom:.25em}}cue-typography[_ngcontent-%COMP%]{display:contents}cue-typography[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{flex:1;display:flex;align-items:stretch}input[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%]{all:unset;font:inherit;font-size:var(--search-font-size, 1em);padding:0 var(--search-input-padding-x, 2em);flex:1;min-width:0;width:100%;height:100%;background-color:transparent;color:inherit;border-radius:4rem}input[_ngcontent-%COMP%]:focus-visible, textarea[_ngcontent-%COMP%]:focus-visible{outline:1px solid currentColor;outline-offset:2px}input[_ngcontent-%COMP%]::placeholder, textarea[_ngcontent-%COMP%]::placeholder{color:currentColor;opacity:.6}input[_ngcontent-%COMP%]::-ms-input-placeholder, textarea[_ngcontent-%COMP%]::-ms-input-placeholder{color:currentColor}@container cue-container (width < 20em){input[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%]{padding:0 1em}}textarea.multiline[_ngcontent-%COMP%]{font-size:.875em;line-height:1.5;padding:1em 4em 2em 2em;resize:none;min-height:var(--height);border-radius:1.25rem;box-sizing:border-box;overflow-y:auto;scrollbar-gutter:stable}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:#ffffff1a;border-top:28px solid transparent;border-bottom:28px solid transparent;background-clip:content-box}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:#fff6;border-radius:5px;border:2px solid transparent;background-clip:content-box}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}@container cue-container (width < 20em){textarea.multiline[_ngcontent-%COMP%]{padding:.75em 3em 1.75em 1em}}.drag-handle[_ngcontent-%COMP%]{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:48px;height:24px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;z-index:2;transition:opacity .2s ease;opacity:.6}.drag-handle[_ngcontent-%COMP%]:hover, .drag-handle[_ngcontent-%COMP%]:active{opacity:1}.drag-handle-icon[_ngcontent-%COMP%]{position:relative;width:24px;height:12px}.drag-handle-icon[_ngcontent-%COMP%]:before, .drag-handle-icon[_ngcontent-%COMP%]:after{content:"";position:absolute;width:16px;height:2px;background-color:currentColor;border-radius:1px;left:50%;transform:translate(-50%)}.drag-handle-icon[_ngcontent-%COMP%]:before{top:2px}.drag-handle-icon[_ngcontent-%COMP%]:after{bottom:2px}'],changeDetection:0})}return t})();var le=c(5381),ce=c(2245);let de=(()=>{class t{id=(0,s.vPA)("");updateId(e){this.id.set(function H(t,a=!1){return t=function Z(t,a=!1){let e=t;for(const n in $)e=e.replace(new RegExp(n,"g"),$[n]);return a&&e!==t&&console.info(`${t} -> ${e}`),e}(t,a),Q(t,"daca0510-72b5-48ba-9091-b918ca18136b")}(e))}static \u0275fac=function(n){return new(n||t)};static \u0275cmp=o.VBU({type:t,selectors:[["cue-id-builder"]],decls:4,vars:2,consts:[["direction","column","align","center"],["placeholder","Text string...",2,"width","100%","text-align","start",3,"valueChange","showSubmitButton"]],template:function(n,i){1&n&&(o.j41(0,"cue-flexcontainer",0)(1,"cue-search-bar",1),o.bIt("valueChange",function(u){return i.updateId(u)}),o.k0s(),o.j41(2,"cue-typography"),o.EFF(3),o.k0s()()),2&n&&(o.R7$(),o.Y8G("showSubmitButton",!1),o.R7$(2),o.JRh(i.id()))},dependencies:[ue,le.n,ce.o],encapsulation:2})}return t})()}}]);
|
|
1
|
+
"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[710],{710(ce,N,m){m.d(N,{IDBuilder:()=>ue});for(var s=m(5802),c=[],w=0;w<256;++w)c.push((w+256).toString(16).slice(1));const V=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/i,G=function U(t){if(!function F(t){return"string"==typeof t&&V.test(t)}(t))throw TypeError("Invalid UUID");var o,e=new Uint8Array(16);return e[0]=(o=parseInt(t.slice(0,8),16))>>>24,e[1]=o>>>16&255,e[2]=o>>>8&255,e[3]=255&o,e[4]=(o=parseInt(t.slice(9,13),16))>>>8,e[5]=255&o,e[6]=(o=parseInt(t.slice(14,18),16))>>>8,e[7]=255&o,e[8]=(o=parseInt(t.slice(19,23),16))>>>8,e[9]=255&o,e[10]=(o=parseInt(t.slice(24,36),16))/1099511627776&255,e[11]=o/4294967296&255,e[12]=o>>>24&255,e[13]=o>>>16&255,e[14]=o>>>8&255,e[15]=255&o,e};function R(t,o,e,n){switch(t){case 0:return o&e^~o&n;case 1:case 3:return o^e^n;case 2:return o&e^o&n^e&n}}function y(t,o){return t<<o|t>>>32-o}const $=function z(t,o,e){function n(i,r,u,d){var f;if("string"==typeof i&&(i=function L(t){t=unescape(encodeURIComponent(t));for(var o=[],e=0;e<t.length;++e)o.push(t.charCodeAt(e));return o}(i)),"string"==typeof r&&(r=G(r)),16!==(null===(f=r)||void 0===f?void 0:f.length))throw TypeError("Namespace must be array-like (16 iterable integer values, 0-255)");var h=new Uint8Array(16+i.length);if(h.set(r),h.set(i,r.length),(h=e(h))[6]=15&h[6]|o,h[8]=63&h[8]|128,u){d=d||0;for(var g=0;g<16;++g)u[d+g]=h[g];return u}return function D(t,o=0){return(c[t[o+0]]+c[t[o+1]]+c[t[o+2]]+c[t[o+3]]+"-"+c[t[o+4]]+c[t[o+5]]+"-"+c[t[o+6]]+c[t[o+7]]+"-"+c[t[o+8]]+c[t[o+9]]+"-"+c[t[o+10]]+c[t[o+11]]+c[t[o+12]]+c[t[o+13]]+c[t[o+14]]+c[t[o+15]]).toLowerCase()}(h)}try{n.name=t}catch{}return n.DNS="6ba7b810-9dad-11d1-80b4-00c04fd430c8",n.URL="6ba7b811-9dad-11d1-80b4-00c04fd430c8",n}("v5",80,function X(t){var o=[1518500249,1859775393,2400959708,3395469782],e=[1732584193,4023233417,2562383102,271733878,3285377520];if("string"==typeof t){var n=unescape(encodeURIComponent(t));t=[];for(var i=0;i<n.length;++i)t.push(n.charCodeAt(i))}else Array.isArray(t)||(t=Array.prototype.slice.call(t));t.push(128);for(var u=Math.ceil((t.length/4+2)/16),d=new Array(u),f=0;f<u;++f){for(var h=new Uint32Array(16),g=0;g<16;++g)h[g]=t[64*f+4*g]<<24|t[64*f+4*g+1]<<16|t[64*f+4*g+2]<<8|t[64*f+4*g+3];d[f]=h}d[u-1][14]=8*(t.length-1)/Math.pow(2,32),d[u-1][14]=Math.floor(d[u-1][14]),d[u-1][15]=8*(t.length-1)&4294967295;for(var P=0;P<u;++P){for(var p=new Uint32Array(80),b=0;b<16;++b)p[b]=d[P][b];for(var v=16;v<80;++v)p[v]=y(p[v-3]^p[v-8]^p[v-14]^p[v-16],1);for(var M=e[0],x=e[1],_=e[2],S=e[3],B=e[4],C=0;C<80;++C){var I=Math.floor(C/20),le=y(M,5)+R(I,x,_,S)+B+o[I]+p[C]>>>0;B=S,S=_,_=y(x,30)>>>0,x=M,M=le}e[0]=e[0]+M>>>0,e[1]=e[1]+x>>>0,e[2]=e[2]+_>>>0,e[3]=e[3]+S>>>0,e[4]=e[4]+B>>>0}return[e[0]>>24&255,e[0]>>16&255,e[0]>>8&255,255&e[0],e[1]>>24&255,e[1]>>16&255,e[1]>>8&255,255&e[1],e[2]>>24&255,e[2]>>16&255,e[2]>>8&255,255&e[2],e[3]>>24&255,e[3]>>16&255,e[3]>>8&255,255&e[3],e[4]>>24&255,e[4]>>16&255,e[4]>>8&255,255&e[4]]}),O={\u00e4:"ae",a\u0308:"ae",\u00c4:"AE",\u00f6:"oe",\u00d6:"OE",\u00fc:"ue",u\u0308:"ue",\u00dc:"UE",U\u0308:"UE",\u00df:"ss",\u00e6:"ae",\u00c6:"AE",\u00f8:"oe",\u00d8:"OE",\u00e5:"aa",\u00c5:"AA",\u00e1:"a",\u00c1:"A",\u00f0:"d",\u00d0:"D",\u00e9:"e",\u00c9:"E",\u00ed:"i",\u00cd:"I",\u00f3:"o",\u00d3:"O",\u00fa:"u",\u00da:"U",\u00fd:"y",\u00dd:"Y",\u00fe:"th",\u00de:"Th"};var a=m(5547),l=m(7705),E=m(2271),K=m(1696),Q=m(3319),Z=m(7089);let J=(()=>{class t{element;enabled=(0,l.hFB)(!1,{alias:"cueAutoMultiline"});value=(0,l.hFB)("",{alias:"autoMultilineValue"});buttonOffset=(0,l.hFB)(0,{alias:"autoMultilineButtonOffset"});shouldSwitchToMultiline=(0,l.CGW)();multilinePasted=(0,l.CGW)();measureSpan;hasSwitched=!1;constructor(e){this.element=e,(0,s.QZP)(()=>{this.value();this.enabled()&&this.measureSpan&&!this.hasSwitched&&setTimeout(()=>this.checkOverflow(),0)})}ngAfterViewInit(){this.enabled()&&(this.createMeasurementSpan(),setTimeout(()=>this.checkOverflow(),0))}onPaste(e){if(!this.enabled()||this.hasSwitched)return;const n=e.clipboardData?.getData("text");if(n&&n.includes("\n")){e.preventDefault();const i=this.element.nativeElement,r=i.selectionStart||0,u=i.value,d=u.substring(0,r)+n+u.substring(i.selectionEnd||r);this.hasSwitched=!0,this.multilinePasted.emit(d)}}createMeasurementSpan(){this.measureSpan=document.createElement("span"),this.measureSpan.style.position="absolute",this.measureSpan.style.visibility="hidden",this.measureSpan.style.whiteSpace="nowrap",this.measureSpan.style.pointerEvents="none";const e=this.element.nativeElement,n=window.getComputedStyle(e);this.measureSpan.style.font=n.font,this.measureSpan.style.padding=n.padding,e.parentElement?.appendChild(this.measureSpan)}checkOverflow(){if(!this.enabled()||!this.measureSpan||this.hasSwitched)return;const e=this.element.nativeElement;this.measureSpan.textContent=this.value(),this.measureSpan.offsetWidth>e.offsetWidth-this.buttonOffset()&&(this.hasSwitched=!0,this.shouldSwitchToMultiline.emit())}ngOnDestroy(){this.measureSpan&&this.measureSpan.remove()}static \u0275fac=function(n){return new(n||t)(a.rXU(a.aKT))};static \u0275dir=a.FsC({type:t,selectors:[["","cueAutoMultiline",""]],hostBindings:function(n,i){1&n&&a.bIt("paste",function(u){return i.onPaste(u)})},inputs:{enabled:[1,"cueAutoMultiline","enabled"],value:[1,"autoMultilineValue","value"],buttonOffset:[1,"autoMultilineButtonOffset","buttonOffset"]},outputs:{shouldSwitchToMultiline:"shouldSwitchToMultiline",multilinePasted:"multilinePasted"}})}return t})(),q=(()=>{class t{element;enabled=(0,l.hFB)(!0,{alias:"cueShiftEnter"});shiftEnterPressed=(0,l.CGW)();constructor(e){this.element=e}onKeyDown(e){if(this.enabled()&&"Enter"===e.key&&e.shiftKey){e.preventDefault();const n=this.element.nativeElement,i=n.selectionStart||0,r=n.value,u=r.substring(0,i)+"\n"+r.substring(i);this.shiftEnterPressed.emit({newValue:u,cursorPosition:i+1})}}static \u0275fac=function(n){return new(n||t)(a.rXU(a.aKT))};static \u0275dir=a.FsC({type:t,selectors:[["","cueShiftEnter",""]],hostBindings:function(n,i){1&n&&a.bIt("keydown",function(u){return i.onKeyDown(u)})},inputs:{enabled:[1,"cueShiftEnter","enabled"]},outputs:{shiftEnterPressed:"shiftEnterPressed"}})}return t})();const ee=["inputElement"],te=["textareaElement"];function ne(t,o){if(1&t){const e=a.RV6();a.j41(0,"input",4,0),a.mxI("valueChange",function(i){s.eBV(e);const r=a.XpG();return a.DH7(r.value,i)||(r.value=i),s.Njj(i)}),a.bIt("shiftEnterPressed",function(i){s.eBV(e);const r=a.XpG();return s.Njj(r.handleShiftEnter(i))})("shouldSwitchToMultiline",function(){s.eBV(e);const i=a.XpG();return s.Njj(i.switchToMultiline())})("multilinePasted",function(i){s.eBV(e);const r=a.XpG();return s.Njj(r.handleMultilinePaste(i))})("keyup",function(i){s.eBV(e);const r=a.XpG();return s.Njj(r.update(i))})("input",function(i){s.eBV(e);const r=a.XpG();return s.Njj(r.update(i))}),a.k0s()}if(2&t){const e=a.XpG();a.R50("value",e.value),a.Y8G("placeholder",e.placeholder())("cueShiftEnter",e.responsiveMode())("cueAutoMultiline",e.responsiveMode())("autoMultilineValue",e.value())("autoMultilineButtonOffset",e.showSubmitButton()?60:0)}}function ie(t,o){if(1&t){const e=a.RV6();a.j41(0,"textarea",5,1),a.mxI("valueChange",function(i){s.eBV(e);const r=a.XpG();return a.DH7(r.value,i)||(r.value=i),s.Njj(i)}),a.bIt("keyup",function(i){s.eBV(e);const r=a.XpG();return s.Njj(r.update(i))}),a.k0s(),a.j41(2,"div",6),a.bIt("mousedown",function(i){s.eBV(e);const r=a.XpG();return s.Njj(r.startDrag(i))}),a.nrm(3,"div",7),a.k0s()}if(2&t){const e=a.XpG();a.R50("value",e.value),a.Y8G("placeholder",e.placeholder())}}function ae(t,o){if(1&t){const e=a.RV6();a.j41(0,"cue-button",8),a.bIt("click",function(){s.eBV(e);const i=a.XpG();return s.Njj(i.searchInProgress()?i.cancel():i.submit())}),a.nrm(1,"cue-button-icon",9),a.k0s()}if(2&t){const e=a.XpG();a.AVh("multiline-button",e.effectiveMultiLineMode()),a.Y8G("variant",e.buttonVariant())("size",e.buttonSize())("cueTooltip",e.buttonTooltip()),a.R7$(),a.Y8G("icon",e.searchInProgress()?e.cancelIcon():e.submitIcon())}}let oe=(()=>{class t{renderer=(0,s.WQX)(a.sFG);placeholder=(0,l.hFB)("Search...");value=(0,l.geq)("");searchInProgress=(0,l.geq)(!1);searchFailed=(0,l.hFB)(!1);size=(0,l.hFB)("l");debounceTime=(0,l.hFB)(200);variant=(0,l.hFB)("secondary");showSubmitButton=(0,l.hFB)(!0);submitIcon=(0,l.hFB)("search");cancelIcon=(0,l.hFB)("close");buttonTooltip=(0,l.hFB)("");buttonVariant=(0,l.hFB)("accent");multiLineMode=(0,l.hFB)(!1);responsiveMode=(0,l.hFB)(!1);autoMultiLineMode=(0,s.vPA)(!1);effectiveMultiLineMode=(0,E.EW)(()=>this.multiLineMode()||this.responsiveMode()&&this.autoMultiLineMode());inputElement=(0,l.ebz)("inputElement");textareaElement=(0,l.ebz)("textareaElement");valueChange=(0,l.CGW)();valueSubmit=(0,l.CGW)();_debounceTimer;_value="";isDragging=(0,s.vPA)(!1);dragStartY=0;dragStartHeight=0;constructor(){(0,s.QZP)(()=>{this.effectiveMultiLineMode()&&this.responsiveMode()&&setTimeout(()=>{const n=this.textareaElement()?.nativeElement;if(n){n.focus();const i=n.value.length;n.setSelectionRange(i,i)}},0)}),(0,s.QZP)(()=>{this.value();const n=this.textareaElement()?.nativeElement;if(n&&this.effectiveMultiLineMode()){n.style.height="auto";const i=Math.min(n.scrollHeight,250);n.style.height=`${i}px`}})}startDrag(e){e.preventDefault();const n=this.textareaElement()?.nativeElement;if(!n)return;this.isDragging.set(!0),this.dragStartY=e.clientY;const i=window.getComputedStyle(n),r=parseFloat(i.height);this.dragStartHeight=r,n.style.height=`${r}px`;const u=this.onDragMove.bind(this),d=this.onDragEnd.bind(this);this.renderer.listen("document","mousemove",u);const f=this.renderer.listen("document","mouseup",h=>{d(h),f()})}onDragMove(e){if(!this.isDragging())return;const n=this.textareaElement()?.nativeElement;if(!n)return;const r=Math.max(64,this.dragStartHeight+(e.clientY-this.dragStartY));n.style.height=`${r}px`}onDragEnd(e){this.isDragging.set(!1)}switchToMultiline(){this.autoMultiLineMode.set(!0)}handleShiftEnter(e){this.value.set(e.newValue),this._value=e.newValue,this.autoMultiLineMode.set(!0),setTimeout(()=>{const n=this.textareaElement()?.nativeElement;n&&(n.focus(),n.setSelectionRange(e.cursorPosition,e.cursorPosition))},0)}handleMultilinePaste(e){this.value.set(e),this._value=e,this.autoMultiLineMode.set(!0),setTimeout(()=>{const n=this.textareaElement()?.nativeElement;if(n){n.focus();const i=n.value.length;n.setSelectionRange(i,i)}},0)}handleEnterKey(){this.multiLineMode()||this.responsiveMode()&&this.effectiveMultiLineMode()||this.submit()}update(e){this._value=e.target.value,this.value.set(this._value),clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>{this.valueChange.emit(this._value)},this.debounceTime())}submit(){this.valueSubmit.emit(this._value);const e=this.textareaElement()?.nativeElement;e&&(e.style.height="")}cancel(){this._value="",this.searchInProgress.set(!1),this.valueChange.emit(this._value)}buttonSize=(0,E.EW)(()=>"s"===this.size()?"xs":"m");hostStyles=(0,E.EW)(()=>{const n="s"===this.size()?"--height: calc(32rem / 16); --search-button-right: calc(4rem / 16); --search-input-padding-x: 1em; --search-font-size: 0.875em;":"";return`\n color: var(--cue-${this.variant()}Contrast);\n background-color: var(--cue-${this.variant()});\n ${n}\n `});static \u0275fac=function(n){return new(n||t)};static \u0275cmp=a.VBU({type:t,selectors:[["cue-search-bar"]],viewQuery:function(n,i){1&n&&a.wEZ(i.inputElement,ee,5)(i.textareaElement,te,5),2&n&&a.NyB(2)},hostVars:6,hostBindings:function(n,i){1&n&&a.bIt("keydown.enter",function(){return i.handleEnterKey()},a.EBC),2&n&&(a.Aen(i.hostStyles()),a.AVh("pulsing",i.searchInProgress()&&!i.searchFailed())("failed",i.searchFailed()))},inputs:{placeholder:[1,"placeholder"],value:[1,"value"],searchInProgress:[1,"searchInProgress"],searchFailed:[1,"searchFailed"],size:[1,"size"],debounceTime:[1,"debounceTime"],variant:[1,"variant"],showSubmitButton:[1,"showSubmitButton"],submitIcon:[1,"submitIcon"],cancelIcon:[1,"cancelIcon"],buttonTooltip:[1,"buttonTooltip"],buttonVariant:[1,"buttonVariant"],multiLineMode:[1,"multiLineMode"],responsiveMode:[1,"responsiveMode"]},outputs:{value:"valueChange",searchInProgress:"searchInProgressChange",valueChange:"valueChange",valueSubmit:"valueSubmit"},decls:3,vars:2,consts:[["inputElement",""],["textareaElement",""],["type","text",1,"search-input",3,"value","placeholder","cueShiftEnter","cueAutoMultiline","autoMultilineValue","autoMultilineButtonOffset"],[1,"search-button",3,"multiline-button","variant","size","cueTooltip"],["type","text",1,"search-input",3,"valueChange","shiftEnterPressed","shouldSwitchToMultiline","multilinePasted","keyup","input","value","placeholder","cueShiftEnter","cueAutoMultiline","autoMultilineValue","autoMultilineButtonOffset"],["rows","1",1,"search-input","multiline",3,"valueChange","keyup","value","placeholder"],[1,"drag-handle",3,"mousedown"],[1,"drag-handle-icon"],[1,"search-button",3,"click","variant","size","cueTooltip"],[3,"icon"]],template:function(n,i){1&n&&(a.nVh(0,ne,2,6,"input",2)(1,ie,4,2),a.nVh(2,ae,2,6,"cue-button",3)),2&n&&(a.vxM(i.effectiveMultiLineMode()?1:0),a.R7$(2),a.vxM(i.showSubmitButton()?2:-1))},dependencies:[K.$,Q.a,Z.d,J,q],styles:['[_nghost-%COMP%]{--height: 4rem ;border-radius:var(--height);font-family:var(--cue-font-family);position:relative;height:var(--height);display:flex;align-items:stretch}@container cue-container (width < 20em){[_nghost-%COMP%]{--height: 2.125rem }}[_nghost-%COMP%]:has(textarea.multiline){border-radius:1.25rem;min-height:var(--height);height:auto}.pulsing[_nghost-%COMP%]{animation:pulse-border 1.5s infinite ease-in-out}.failed[_nghost-%COMP%]{animation:_ngcontent-%COMP%_pulse-border-red 1.5s infinite ease-in-out}@keyframes _ngcontent-%COMP%_pulse-border-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef44441a}}cue-button[_ngcontent-%COMP%]{position:absolute;right:var(--search-button-right, .625em);top:50%;transform:translateY(-50%)}cue-button.multiline-button[_ngcontent-%COMP%]{bottom:.625em;top:auto;transform:none}@container cue-container (width < 20em){cue-button[_ngcontent-%COMP%]{right:.25em}cue-button.multiline-button[_ngcontent-%COMP%]{bottom:.25em}}cue-typography[_ngcontent-%COMP%]{display:contents}cue-typography[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{flex:1;display:flex;align-items:stretch}input[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%]{all:unset;font:inherit;font-size:var(--search-font-size, 1em);padding:0 var(--search-input-padding-x, 2em);flex:1;min-width:0;width:100%;height:100%;background-color:transparent;color:inherit;border-radius:4rem}input[_ngcontent-%COMP%]:focus-visible, textarea[_ngcontent-%COMP%]:focus-visible{outline:1px solid currentColor;outline-offset:2px}input[_ngcontent-%COMP%]::placeholder, textarea[_ngcontent-%COMP%]::placeholder{color:currentColor;opacity:.6}input[_ngcontent-%COMP%]::-ms-input-placeholder, textarea[_ngcontent-%COMP%]::-ms-input-placeholder{color:currentColor}@container cue-container (width < 20em){input[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%]{padding:0 1em}}textarea.multiline[_ngcontent-%COMP%]{font-size:.875em;line-height:1.5;padding:1em 4em 2em 2em;resize:none;min-height:var(--height);border-radius:1.25rem;box-sizing:border-box;overflow-y:auto;scrollbar-gutter:stable}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:#ffffff1a;border-top:28px solid transparent;border-bottom:28px solid transparent;background-clip:content-box}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:#fff6;border-radius:5px;border:2px solid transparent;background-clip:content-box}textarea.multiline[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}@container cue-container (width < 20em){textarea.multiline[_ngcontent-%COMP%]{padding:.75em 3em 1.75em 1em}}.drag-handle[_ngcontent-%COMP%]{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:48px;height:24px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;z-index:2;transition:opacity .2s ease;opacity:.6}.drag-handle[_ngcontent-%COMP%]:hover, .drag-handle[_ngcontent-%COMP%]:active{opacity:1}.drag-handle-icon[_ngcontent-%COMP%]{position:relative;width:24px;height:12px}.drag-handle-icon[_ngcontent-%COMP%]:before, .drag-handle-icon[_ngcontent-%COMP%]:after{content:"";position:absolute;width:16px;height:2px;background-color:currentColor;border-radius:1px;left:50%;transform:translate(-50%)}.drag-handle-icon[_ngcontent-%COMP%]:before{top:2px}.drag-handle-icon[_ngcontent-%COMP%]:after{bottom:2px}'],changeDetection:0})}return t})();var re=m(5381),se=m(2245);let ue=(()=>{class t{id=(0,s.vPA)("");updateId(e){this.id.set(function T(t,o=!1){return t=function W(t,o=!1){let e=t;for(const n in O)e=e.replace(new RegExp(n,"g"),O[n]);return o&&e!==t&&console.info(`${t} -> ${e}`),e}(t,o),$(t,"daca0510-72b5-48ba-9091-b918ca18136b")}(e))}static \u0275fac=function(n){return new(n||t)};static \u0275cmp=a.VBU({type:t,selectors:[["cue-id-builder"]],decls:4,vars:2,consts:[["direction","column","align","center"],["placeholder","Text string...",2,"width","100%","text-align","start",3,"valueChange","showSubmitButton"]],template:function(n,i){1&n&&(a.j41(0,"cue-flexcontainer",0)(1,"cue-search-bar",1),a.bIt("valueChange",function(u){return i.updateId(u)}),a.k0s(),a.j41(2,"cue-typography"),a.EFF(3),a.k0s()()),2&n&&(a.R7$(),a.Y8G("showSubmitButton",!1),a.R7$(2),a.JRh(i.id()))},dependencies:[oe,re.n,se.o],encapsulation:2})}return t})()}}]);
|
package/741.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[741],{3319(S,D,i){i.d(D,{a:()=>f});var m=i(7705),a=i(29),s=i(5547);let f=(()=>{class h{icon=(0,m.hFB)(void 0);slot=(0,m.hFB)("before");static \u0275fac=function(y){return new(y||h)};static \u0275cmp=s.VBU({type:h,selectors:[["cue-button-icon"]],inputs:{icon:[1,"icon"],slot:[1,"slot"]},decls:1,vars:2,consts:[[3,"slot","name"]],template:function(y,p){1&y&&s.nrm(0,"cue-svg-icon",0),2&y&&s.Y8G("slot",p.slot())("name",p.icon())},dependencies:[a.A],encapsulation:2})}return h})()},5448(S,D,i){i.d(D,{L:()=>h});var m=i(7705),a=i(2245),s=i(5547);const f=["*"];let h=(()=>{class e{fontSize=(0,m.hFB)("m");italic=(0,m.hFB)(!1);noWrap=(0,m.hFB)(!0);static \u0275fac=function(p){return new(p||e)};static \u0275cmp=s.VBU({type:e,selectors:[["cue-button-label"]],inputs:{fontSize:[1,"fontSize"],italic:[1,"italic"],noWrap:[1,"noWrap"]},ngContentSelectors:f,decls:3,vars:3,consts:[[3,"size","italic","noWrap"]],template:function(p,C){1&p&&(s.NAR(),s.j41(0,"div")(1,"cue-typography",0),s.SdG(2),s.k0s()()),2&p&&(s.R7$(),s.Y8G("size",C.fontSize())("italic",C.italic())("noWrap",C.noWrap()))},dependencies:[a.o],styles:["div[_ngcontent-%COMP%]{transform:translateY(.05em)}"]})}return e})()},1696(S,D,i){i.d(D,{$:()=>C});var m=i(9769),a=i(7705),s=i(2271),f=i(7089),h=i(5802),e=i(5547);let x=(()=>{class b{el=(0,h.WQX)(e.aKT);renderer=(0,h.WQX)(e.sFG);cuePulse=(0,a.hFB)(!1);cuePulseColor=(0,a.hFB)("");cuePulseMode=(0,a.hFB)("border");activeClass="";constructor(){this.ensureGlobalStyles()}onPulseChanged=(0,h.QZP)(()=>{const d=this.cuePulse(),c=this.cuePulseColor(),u=this.cuePulseMode(),P=this.el.nativeElement;if(this.activeClass&&(this.renderer.removeClass(P,this.activeClass),this.activeClass=""),this.renderer.removeStyle(P,"--cue-pulse-color"),this.renderer.removeStyle(P,"border-radius"),d){const w="text"===u?"cue-pulse-text":"cue-pulse-border";this.renderer.addClass(P,w),this.activeClass=w,c&&this.renderer.setStyle(P,"--cue-pulse-color",c),"border"===u&&setTimeout(()=>{const N=P.firstElementChild;if(N){const B=getComputedStyle(N).borderRadius;B&&"0px"!==B&&this.renderer.setStyle(P,"border-radius",B)}})}});ngOnDestroy(){const d=this.el.nativeElement;this.activeClass&&this.renderer.removeClass(d,this.activeClass),this.renderer.removeStyle(d,"border-radius")}ensureGlobalStyles(){const d="cue-pulse-global-styles";if(document.getElementById(d))return;const c=document.createElement("style");c.id=d,c.textContent="\n @keyframes cue-pulse-border-anim {\n 0% {\n box-shadow: 0 0 0 0 var(--cue-pulse-color, currentColor);\n }\n 70% {\n box-shadow: 0 0 0 8px transparent;\n }\n 100% {\n box-shadow: 0 0 0 0 transparent;\n }\n }\n\n @keyframes cue-pulse-text-anim {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n }\n\n .cue-pulse-border {\n animation: cue-pulse-border-anim 1.5s infinite ease-in-out;\n }\n\n .cue-pulse-text {\n animation: cue-pulse-text-anim 1.5s infinite ease-in-out;\n }\n ",document.head.appendChild(c)}static \u0275fac=function(c){return new(c||b)};static \u0275dir=e.FsC({type:b,selectors:[["","cuePulse",""]],inputs:{cuePulse:[1,"cuePulse"],cuePulseColor:[1,"cuePulseColor"],cuePulseMode:[1,"cuePulseMode"]}})}return b})();const y=["buttonElement"],p=["*"];let C=(()=>{class b{variant=(0,a.hFB)("primary");size=(0,a.hFB)("m");tooltip=(0,a.hFB)("");disabled=(0,a.hFB)(!1);selected=(0,a.geq)(!1);toggleButton=(0,a.hFB)(!1);loading=(0,a.hFB)(!1);fitParentWidth=(0,a.hFB)(!1);noWrap=(0,a.hFB)(!0);buttonElement=a.ebz.required("buttonElement");getStyles=(0,s.EW)(()=>[`\n padding: 0 var(--cue-button-${this.size()}-padding-x);\n\n --focus-color: var(--cue-button-${this.variant()}-focus-color);\n --cue-button-border-color: var(--cue-button-${this.variant()}-border-color);\n color: var(--cue-button-${this.variant()}-foreground);\n --background-color: var(--cue-button-${this.variant()}-background);\n\n --cue-icon-width: var(--cue-button-${this.size()}-icon-width);\n --button-height: var(--cue-button-${this.size()}-height);\n --cue-button-border-radius: var(--cue-button-border-radius, 9999px);\n --button-label-padding-x: var(--cue-button-${this.size()}-label-padding-x);\n `,this.disabled()?`\n color: var(--cue-button-${this.variant()}-disabled-foreground);\n --cue-button-border-color: var(--cue-button-${this.variant()}-disabled-border-color);\n --background-color: var(--cue-button-${this.variant()}-disabled-background);\n `:""].join(""));handleClick(d){d.detail>0&&this.buttonElement().nativeElement.blur(),this.toggleButton()&&(d.stopPropagation(),this.selected.set(!this.selected()))}static \u0275fac=function(c){return new(c||b)};static \u0275cmp=e.VBU({type:b,selectors:[["cue-button"]],viewQuery:function(c,u){1&c&&e.wEZ(u.buttonElement,y,5),2&c&&e.NyB()},inputs:{variant:[1,"variant"],size:[1,"size"],tooltip:[1,"tooltip"],disabled:[1,"disabled"],selected:[1,"selected"],toggleButton:[1,"toggleButton"],loading:[1,"loading"],fitParentWidth:[1,"fitParentWidth"],noWrap:[1,"noWrap"]},outputs:{selected:"selectedChange"},ngContentSelectors:p,decls:3,vars:18,consts:[["buttonElement",""],["tooltipSize","small",3,"click","disabled","cueTooltip","tooltipPlacement","cuePulse"]],template:function(c,u){1&c&&(e.NAR(),e.j41(0,"button",1,0),e.bIt("click",function(w){return u.handleClick(w)}),e.SdG(2),e.k0s()),2&c&&(e.Aen(u.getStyles()),e.xc7("white-space",u.noWrap()?"nowrap":"normal")("flex-basis",u.noWrap()?null:"auto")("min-width",u.noWrap()?null:"fit-content"),e.AVh("selected",u.selected())("ghost","ghost"===u.variant())("fit-parent-width",u.fitParentWidth()),e.Y8G("disabled",u.disabled())("cueTooltip",u.tooltip())("tooltipPlacement","top")("cuePulse",u.loading()))},dependencies:[m.MD,f.d,x],styles:['[_nghost-%COMP%]:has(.fit-parent-width){display:contents}@keyframes _ngcontent-%COMP%_pulse-border{0%{box-shadow:0 0 0 0 var(--focus-color)}50%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}button[_ngcontent-%COMP%]{min-width:0;pulse-border-radius:var(--cue-button-border-radius);appearance:none;padding:0;font:inherit;border:var(--cue-button-border-width) var(--cue-button-border-style) var(--cue-button-border-color);display:flex;justify-content:space-between;align-items:center;gap:var(--cue-button-gap);min-height:var(--button-height);height:auto;background-color:var(--background-color);border-radius:var(--cue-button-border-radius, 9999px);margin:3px;position:relative}button[style*="white-space: normal"][_ngcontent-%COMP%]{border-radius:30px!important;padding:10px!important}button.fit-parent-width[_ngcontent-%COMP%]{width:100%;min-width:0}button[_ngcontent-%COMP%]:not(.fit-parent-width){min-width:fit-content;width:auto}button[_ngcontent-%COMP%]:focus{outline:none}button[_ngcontent-%COMP%]:hover:not(:disabled), button[_ngcontent-%COMP%]:focus-within:not(:disabled){outline:1px solid var(--focus-color);outline-offset:2px;cursor:pointer}button.selected[_ngcontent-%COMP%]{outline:1px solid currentColor!important;outline-offset:2px;margin:3px}button.ghost[_ngcontent-%COMP%]:not(.selected){border:none}']})}return b})()},1741(S,D,i){i.r(D),i.d(D,{DocumentViewer:()=>V});var m=i(467),a=i(9769),s=i(5802),f=i(7705),h=i(2271),e=i(5547),x=i(3418),y=i(8807),p=i(2065);const C=["*"];let b=(()=>{class l{width=(0,f.hFB)("auto");height=(0,f.hFB)("auto");style=(0,f.hFB)("");getStyles=(0,h.EW)(()=>this.style());static \u0275fac=function(n){return new(n||l)};static \u0275cmp=e.VBU({type:l,selectors:[["cue-container"]],hostVars:6,hostBindings:function(n,r){2&n&&(e.Aen(r.getStyles()),e.xc7("max-width",r.width())("max-height",r.height()))},inputs:{width:[1,"width"],height:[1,"height"],style:[1,"style"]},ngContentSelectors:C,decls:1,vars:0,template:function(n,r){1&n&&(e.NAR(),e.SdG(0))},styles:["[_nghost-%COMP%]{display:flex;align-items:stretch;container-name:cue-container;container-type:inline-size}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{flex:1;max-width:100%}"]})}return l})();var T=i(2245),d=i(5381),c=i(1696),u=i(3319),P=i(5448),w=i(2014),N=i(3191);let B=(()=>{class l{searchService=(0,s.WQX)(N.g);entityBeingPlaced=(0,s.vPA)(void 0);confirmedPlacement=(0,s.vPA)(void 0);rdfBaseURL=(0,s.vPA)("");contentUUID=(0,s.vPA)("");activePdfDoc=(0,s.vPA)(null);currentPage=(0,s.vPA)(1);requestedPage=(0,s.vPA)(null);navigateToPage(t){this.currentPage.set(t),this.requestedPage.set(t)}entityTextSearchResults=(0,s.vPA)([]);entityTextSearchResultsOnCurrentPage=(0,h.EW)(()=>this.entityTextSearchResults().filter(t=>t.page===this.currentPage()));currentPlacementBbox=(0,s.vPA)(null);categoryPreviewBoxes=(0,s.vPA)([]);_lastMatchIndex=(0,s.vPA)(null);matchCycleDisplay=(0,h.EW)(()=>{const t=this._lastMatchIndex(),n=this.entityTextSearchResultsOnCurrentPage().length;return null===t||0===n?"":`${t+1}/${n}`});cycleTextMatch(){const t=this.entityTextSearchResultsOnCurrentPage();if(!t.length)return;const n=this._lastMatchIndex(),r=null===n?0:(n+1)%t.length;this._lastMatchIndex.set(r);const o=t[r].xywhStr.replace("percent:",""),[R,E,g,v]=o.split(",").map(Number),F=Math.max(0,R-.5),I=Math.max(0,E-.5),_=Math.min(100-F,g+1),$=Math.min(100-I,v+1);this.currentPlacementBbox.set({xywhStr:`percent:${F.toFixed(2)},${I.toFixed(2)},${_.toFixed(2)},${$.toFixed(2)}`,color:"rgba(255, 160, 0, 0.9)",allowRemove:!1})}setManualBbox(t){this._lastMatchIndex.set(null),this.currentPlacementBbox.set({...t,allowRemove:!1})}clearPlacement(){this.currentPlacementBbox.set(null),this._lastMatchIndex.set(null)}constructor(){(0,s.QZP)(()=>{const t=this.entityBeingPlaced(),n=this.activePdfDoc();t?.value&&n?this.searchService.searchAll(n,t.value).then(r=>{this.entityTextSearchResults.set(r)}):this.entityTextSearchResults.set([])}),(0,s.QZP)(()=>{this.currentPage(),this._lastMatchIndex.set(null),this.currentPlacementBbox.set(null)}),(0,s.QZP)(()=>{const t=this.entityBeingPlaced();this._lastMatchIndex.set(null),void 0===t&&this.currentPlacementBbox.set(null)})}static \u0275fac=function(n){return new(n||l)};static \u0275prov=s.jDH({token:l,factory:l.\u0275fac,providedIn:"root"})}return l})();var O=i(4015);const W=["viewerTarget"];function A(l,U){if(1&l){const t=e.RV6();e.j41(0,"cue-flexcontainer",2)(1,"cue-typography"),e.EFF(2),e.nI1(3,"transloco"),e.k0s(),e.j41(4,"cue-button",3),e.bIt("click",function(){s.eBV(t);const r=e.XpG();return s.Njj(r.downloadFile())}),e.j41(5,"cue-button-padder"),e.nrm(6,"cue-button-icon",4),e.k0s(),e.j41(7,"cue-button-label"),e.EFF(8),e.nI1(9,"transloco"),e.k0s()()()}2&l&&(e.R7$(2),e.JRh(e.bMT(3,2,"components.documentViewer.infoNoViewer")),e.R7$(6),e.JRh(e.bMT(9,4,"common.buttons.download")))}let V=(()=>{class l{_eps=(0,s.WQX)(B);_destroyed=!1;url=f.hFB.required();suffix=(0,f.hFB)();settings=(0,f.hFB)(new x.DocumentViewerSettings);interactions=(0,f.CGW)();viewerType=(0,h.EW)(()=>{const t=this.url(),n=void 0!==this.suffix()?this.suffix()?.trim():`.${t.split(".").pop()?.trim()}`,r=n?x.extViewerMap.get(n):void 0;if(console.log("[DocumentViewer] viewerType resolved",{url:t?.substring(0,80),suffix:n,viewerType:r}),void 0!==n)return r});currentComponent=(0,s.vPA)(null);noViewer=(0,h.EW)(()=>null===this.currentComponent());viewerTarget;currentRef;_interactionsState=(0,s.vPA)(new x.DocumentViewerInteractions);constructor(){(0,s.QZP)(()=>{const t=this.viewerType(),n=this.url();console.log("[DocumentViewer] url/viewerType effect \u2014",{viewerType:t,url:n?.substring(0,80),destroyed:this._destroyed}),t?("pdf"!==t&&this._eps.activePdfDoc.set(null),this.loadViewerComponent(t,n,this.settings())):(this.viewerTarget.clear(),this.currentRef?.destroy(),this.currentRef=void 0,console.info("No viewer available for this file type"),this.currentComponent.set(null),this._eps.activePdfDoc.set(null))}),(0,s.QZP)(()=>{this.interactions.emit(this._interactionsState())}),(0,s.QZP)(()=>{const t=this.settings().pdf,n=this.currentRef;n&&n.setInput("settings",t)})}ngOnDestroy(){this._destroyed=!0,this.viewerTarget.clear(),this.currentRef?.destroy(),this.currentRef=void 0}loadViewerComponent(t,n,r){var o=this;return(0,m.A)(function*(){console.log("[DocumentViewer] loadViewerComponent",{viewerType:t,url:n?.substring(0,100)});try{const R=x.viewerComponents[t],E=yield R();if(o._destroyed)return;if(o.currentComponent.set(E),o.viewerTarget.clear(),o.currentRef?.destroy(),o.currentRef=o.viewerTarget.createComponent(E),"pdf"===t)o.currentRef.setInput("src",n),void 0!==r?.pdf&&o.currentRef.setInput("settings",r.pdf),o.currentRef.instance.pdfLoaded&&o.currentRef.instance.pdfLoaded.subscribe(g=>{o._eps.currentPage.set(1),o._eps.activePdfDoc.set(g)}),o.currentRef.instance.settingsChange&&o.currentRef.instance.settingsChange.subscribe(g=>{const v=parseInt(g?.page,10);!isNaN(v)&&v>0&&o._eps.currentPage.set(v)}),o.currentRef.instance.artefactDrawn&&o.currentRef.instance.artefactDrawn.subscribe(g=>{"xywh"===g.type&&o._eps.setManualBbox(g.def)}),o.currentRef.instance.artefactEdited&&o.currentRef.instance.artefactEdited.subscribe(g=>{"bbox"===g.type&&o._eps.setManualBbox(g.after)});else if("bim"===t){const g=new y.di("model","Model",n);g.visible=!0,o.currentRef.setInput("data",{models:[g]}),void 0!==r?.bim&&o.currentRef.setInput("settings",r.bim),o.currentRef.instance.selectedElements&&o.currentRef.instance.selectedElements.subscribe(v=>{o._interactionsState.update(M=>(M.bim.selectedElements=v,Object.assign({},M)))}),o.currentRef.instance.clickedElement&&o.currentRef.instance.clickedElement.subscribe(v=>{o._interactionsState.update(M=>(M.bim.clickedElement=v,Object.assign({},M)))})}else if("cad"===t)o.currentRef.setInput("fileURL",n),void 0!==r?.cad&&o.currentRef.setInput("settings",r.cad);else if("image"===t)o.currentRef.setInput("src",n);else if("markdown"===t)o.currentRef.setInput("fileURL",n);else if("text"===t)o.currentRef.setInput("fileURL",n);else if("spreadsheet"===t){const g=o.suffix()?.split(".").pop()||n.split(".").pop()||"csv";o.currentRef.setInput("data",{url:n,format:g})}}catch(R){console.error("Failed to load viewer component:",R),o.currentComponent.set(null)}})()}downloadFile(){var t=this;return(0,m.A)(function*(){const r=yield(yield fetch(t.url())).blob();(0,p.KE)(r,`document${t.suffix()??""}`)})()}static \u0275fac=function(n){return new(n||l)};static \u0275cmp=e.VBU({type:l,selectors:[["cue-doc-viewer"]],viewQuery:function(n,r){if(1&n&&e.GBs(W,7,e.c1b),2&n){let o;e.mGM(o=e.lsd())&&(r.viewerTarget=o.first)}},inputs:{url:[1,"url"],suffix:[1,"suffix"],settings:[1,"settings"]},outputs:{interactions:"interactions"},decls:4,vars:1,consts:[["viewerTarget",""],[2,"height","100%","width","100%"],["direction","column","align","center","justify","center",2,"height","100%","width","100%"],[3,"click"],["icon","download"]],template:function(n,r){1&n&&(e.j41(0,"cue-container",1),e.eu8(1,null,0),e.nVh(3,A,10,6,"cue-flexcontainer",2),e.k0s()),2&n&&(e.R7$(3),e.vxM(r.noViewer()?3:-1))},dependencies:[a.MD,b,T.o,d.n,c.$,u.a,P.L,w.z,O.Kj],styles:["[_nghost-%COMP%]{display:contents}"],changeDetection:0})}return l})()}}]);
|
|
1
|
+
"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[741],{1741(U,v,c){c.r(v),c.d(v,{DocumentViewer:()=>j});var p=c(467),x=c(9769),r=c(5802),d=c(7705),f=c(2271),s=c(5547),g=c(3418),P=c(8807),D=c(2065);const R=["*"];let w=(()=>{class o{width=(0,d.hFB)("auto");height=(0,d.hFB)("auto");style=(0,d.hFB)("");getStyles=(0,f.EW)(()=>this.style());static \u0275fac=function(t){return new(t||o)};static \u0275cmp=s.VBU({type:o,selectors:[["cue-container"]],hostVars:6,hostBindings:function(t,i){2&t&&(s.Aen(i.getStyles()),s.xc7("max-width",i.width())("max-height",i.height()))},inputs:{width:[1,"width"],height:[1,"height"],style:[1,"style"]},ngContentSelectors:R,decls:1,vars:0,template:function(t,i){1&t&&(s.NAR(),s.SdG(0))},styles:["[_nghost-%COMP%]{display:flex;align-items:stretch;container-name:cue-container;container-type:inline-size}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{flex:1;max-width:100%}"]})}return o})();var M=c(2245),C=c(5381),N=c(1696),B=c(3319),I=c(5448),T=c(2014),V=c(3191);let S=(()=>{class o{searchService=(0,r.WQX)(V.g);entityBeingPlaced=(0,r.vPA)(void 0);confirmedPlacement=(0,r.vPA)(void 0);rdfBaseURL=(0,r.vPA)("");contentUUID=(0,r.vPA)("");activePdfDoc=(0,r.vPA)(null);currentPage=(0,r.vPA)(1);requestedPage=(0,r.vPA)(null);navigateToPage(e){this.currentPage.set(e),this.requestedPage.set(e)}entityTextSearchResults=(0,r.vPA)([]);entityTextSearchResultsOnCurrentPage=(0,f.EW)(()=>this.entityTextSearchResults().filter(e=>e.page===this.currentPage()));currentPlacementBbox=(0,r.vPA)(null);categoryPreviewBoxes=(0,r.vPA)([]);_lastMatchIndex=(0,r.vPA)(null);matchCycleDisplay=(0,f.EW)(()=>{const e=this._lastMatchIndex(),t=this.entityTextSearchResultsOnCurrentPage().length;return null===e||0===t?"":`${e+1}/${t}`});cycleTextMatch(){const e=this.entityTextSearchResultsOnCurrentPage();if(!e.length)return;const t=this._lastMatchIndex(),i=null===t?0:(t+1)%e.length;this._lastMatchIndex.set(i);const n=e[i].xywhStr.replace("percent:",""),[h,m,a,u]=n.split(",").map(Number),y=Math.max(0,h-.5),b=Math.max(0,m-.5),$=Math.min(100-y,a+1),O=Math.min(100-b,u+1);this.currentPlacementBbox.set({xywhStr:`percent:${y.toFixed(2)},${b.toFixed(2)},${$.toFixed(2)},${O.toFixed(2)}`,color:"rgba(255, 160, 0, 0.9)",allowRemove:!1})}setManualBbox(e){this._lastMatchIndex.set(null),this.currentPlacementBbox.set({...e,allowRemove:!1})}clearPlacement(){this.currentPlacementBbox.set(null),this._lastMatchIndex.set(null)}constructor(){(0,r.QZP)(()=>{const e=this.entityBeingPlaced(),t=this.activePdfDoc();e?.value&&t?this.searchService.searchAll(t,e.value).then(i=>{this.entityTextSearchResults.set(i)}):this.entityTextSearchResults.set([])}),(0,r.QZP)(()=>{this.currentPage(),this._lastMatchIndex.set(null),this.currentPlacementBbox.set(null)}),(0,r.QZP)(()=>{const e=this.entityBeingPlaced();this._lastMatchIndex.set(null),void 0===e&&this.currentPlacementBbox.set(null)})}static \u0275fac=function(t){return new(t||o)};static \u0275prov=r.jDH({token:o,factory:o.\u0275fac,providedIn:"root"})}return o})();var F=c(4015);const A=["viewerTarget"];function E(o,Q){if(1&o){const e=s.RV6();s.j41(0,"cue-flexcontainer",2)(1,"cue-typography"),s.EFF(2),s.nI1(3,"transloco"),s.k0s(),s.j41(4,"cue-button",3),s.bIt("click",function(){r.eBV(e);const i=s.XpG();return r.Njj(i.downloadFile())}),s.j41(5,"cue-button-padder"),s.nrm(6,"cue-button-icon",4),s.k0s(),s.j41(7,"cue-button-label"),s.EFF(8),s.nI1(9,"transloco"),s.k0s()()()}2&o&&(s.R7$(2),s.JRh(s.bMT(3,2,"components.documentViewer.infoNoViewer")),s.R7$(6),s.JRh(s.bMT(9,4,"common.buttons.download")))}let j=(()=>{class o{_eps=(0,r.WQX)(S);_destroyed=!1;url=d.hFB.required();suffix=(0,d.hFB)();settings=(0,d.hFB)(new g.DocumentViewerSettings);interactions=(0,d.CGW)();viewerType=(0,f.EW)(()=>{const e=this.url(),t=void 0!==this.suffix()?this.suffix()?.trim():`.${e.split(".").pop()?.trim()}`,i=t?g.extViewerMap.get(t):void 0;if(console.log("[DocumentViewer] viewerType resolved",{url:e?.substring(0,80),suffix:t,viewerType:i}),void 0!==t)return i});currentComponent=(0,r.vPA)(null);noViewer=(0,f.EW)(()=>null===this.currentComponent());viewerTarget;currentRef;_interactionsState=(0,r.vPA)(new g.DocumentViewerInteractions);constructor(){(0,r.QZP)(()=>{const e=this.viewerType(),t=this.url();console.log("[DocumentViewer] url/viewerType effect \u2014",{viewerType:e,url:t?.substring(0,80),destroyed:this._destroyed}),e?("pdf"!==e&&this._eps.activePdfDoc.set(null),this.loadViewerComponent(e,t,this.settings())):(this.viewerTarget.clear(),this.currentRef?.destroy(),this.currentRef=void 0,console.info("No viewer available for this file type"),this.currentComponent.set(null),this._eps.activePdfDoc.set(null))}),(0,r.QZP)(()=>{this.interactions.emit(this._interactionsState())}),(0,r.QZP)(()=>{const e=this.settings().pdf,t=this.currentRef;t&&t.setInput("settings",e)})}ngOnDestroy(){this._destroyed=!0,this.viewerTarget.clear(),this.currentRef?.destroy(),this.currentRef=void 0}loadViewerComponent(e,t,i){var n=this;return(0,p.A)(function*(){console.log("[DocumentViewer] loadViewerComponent",{viewerType:e,url:t?.substring(0,100)});try{const h=g.viewerComponents[e],m=yield h();if(n._destroyed)return;if(n.currentComponent.set(m),n.viewerTarget.clear(),n.currentRef?.destroy(),n.currentRef=n.viewerTarget.createComponent(m),"pdf"===e)n.currentRef.setInput("src",t),void 0!==i?.pdf&&n.currentRef.setInput("settings",i.pdf),n.currentRef.instance.pdfLoaded&&n.currentRef.instance.pdfLoaded.subscribe(a=>{n._eps.currentPage.set(1),n._eps.activePdfDoc.set(a)}),n.currentRef.instance.settingsChange&&n.currentRef.instance.settingsChange.subscribe(a=>{const u=parseInt(a?.page,10);!isNaN(u)&&u>0&&n._eps.currentPage.set(u)}),n.currentRef.instance.artefactDrawn&&n.currentRef.instance.artefactDrawn.subscribe(a=>{"xywh"===a.type&&n._eps.setManualBbox(a.def)}),n.currentRef.instance.artefactEdited&&n.currentRef.instance.artefactEdited.subscribe(a=>{"bbox"===a.type&&n._eps.setManualBbox(a.after)});else if("bim"===e){const a=new P.di("model","Model",t);a.visible=!0,n.currentRef.setInput("data",{models:[a]}),void 0!==i?.bim&&n.currentRef.setInput("settings",i.bim),n.currentRef.instance.selectedElements&&n.currentRef.instance.selectedElements.subscribe(u=>{n._interactionsState.update(l=>(l.bim.selectedElements=u,Object.assign({},l)))}),n.currentRef.instance.clickedElement&&n.currentRef.instance.clickedElement.subscribe(u=>{n._interactionsState.update(l=>(l.bim.clickedElement=u,Object.assign({},l)))})}else if("cad"===e)n.currentRef.setInput("fileURL",t),void 0!==i?.cad&&n.currentRef.setInput("settings",i.cad);else if("image"===e)n.currentRef.setInput("src",t);else if("markdown"===e)n.currentRef.setInput("fileURL",t);else if("text"===e)n.currentRef.setInput("fileURL",t);else if("spreadsheet"===e){const a=n.suffix()?.split(".").pop()||t.split(".").pop()||"csv";n.currentRef.setInput("data",{url:t,format:a})}}catch(h){console.error("Failed to load viewer component:",h),n.currentComponent.set(null)}})()}downloadFile(){var e=this;return(0,p.A)(function*(){const i=yield(yield fetch(e.url())).blob();(0,D.KE)(i,`document${e.suffix()??""}`)})()}static \u0275fac=function(t){return new(t||o)};static \u0275cmp=s.VBU({type:o,selectors:[["cue-doc-viewer"]],viewQuery:function(t,i){if(1&t&&s.GBs(A,7,s.c1b),2&t){let n;s.mGM(n=s.lsd())&&(i.viewerTarget=n.first)}},inputs:{url:[1,"url"],suffix:[1,"suffix"],settings:[1,"settings"]},outputs:{interactions:"interactions"},decls:4,vars:1,consts:[["viewerTarget",""],[2,"height","100%","width","100%"],["direction","column","align","center","justify","center",2,"height","100%","width","100%"],[3,"click"],["icon","download"]],template:function(t,i){1&t&&(s.j41(0,"cue-container",1),s.eu8(1,null,0),s.nVh(3,E,10,6,"cue-flexcontainer",2),s.k0s()),2&t&&(s.R7$(3),s.vxM(i.noViewer()?3:-1))},dependencies:[x.MD,w,M.o,C.n,N.$,B.a,I.L,T.z,F.Kj],styles:["[_nghost-%COMP%]{display:contents}"],changeDetection:0})}return o})()}}]);
|