@qaecy/cue-ui 0.0.51 → 0.0.52

package/6947.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[6947],{6947(E,p,r){r.d(p,{CueDocumentFilter:()=>b});var o=r(467),_=r(7705),g=r(2271),m=r(7427),f=r(9822),i=r(5547);let b=(()=>{class u{projectId=_.hFB.required();sdkState=_.hFB.required();filtersChange=(0,_.CGW)();_handlers=(0,g.EW)(()=>{var n=this;const t=this.sdkState(),e=this.projectId(),a=new m.NV(t.cue.api,e,t.graphType);let l=null;const C=()=>(l||(l=this._loadSchemaLabels(t,e)),l);return{requestAvailableFilters:(d=(0,o.A)(function*(s){const[c,h]=yield Promise.all([a.availableFilters(s),C()]);return n._withSchemaLabels(c,h)}),function(c){return d.apply(this,arguments)}),requestAvailableEntities:function(){var d=(0,o.A)(function*(s,c){return yield a.availableEntities(s,c)});return function(c,h){return d.apply(this,arguments)}}()};var d});_loadSchemaLabels(n,t){return(0,o.A)(function*(){try{const e=new m.Ug(n.cue.api,t,n.cue.api.language,void 0,n.graphType);return yield e.ready,{content:new Map(e.availableContentCategories.get().map(a=>[a.iri,a.label])),entity:new Map(e.availableEntityCategories.get().map(a=>[a.iri,a.label]))}}catch(e){return console.error("[document-filter] Failed to load schema labels",e),{content:new Map,entity:new Map}}})()}_withSchemaLabels(n,t){return{mimes:n.mimes.map(e=>({iri:e.iri,label:e.label.replace(/FileContent$/,"")})),contents:n.contents.map(e=>({iri:e.iri,label:t.content.get(e.iri)??e.label})),entityCategories:n.entityCategories.map(e=>({iri:e.iri,label:t.entity.get(e.iri)??e.label}))}}static \u0275fac=function(t){return new(t||u)};static \u0275cmp=i.VBU({type:u,selectors:[["cue-document-filter"]],inputs:{projectId:[1,"projectId"],sdkState:[1,"sdkState"]},outputs:{filtersChange:"filtersChange"},decls:1,vars:1,consts:[[3,"filtersChange","handlers"]],template:function(t,e){1&t&&(i.j41(0,"cue-doc-filter",0),i.bIt("filtersChange",function(l){return e.filtersChange.emit(l)}),i.k0s()),2&t&&i.Y8G("handlers",e._handlers())},dependencies:[f.y],styles:["[_nghost-%COMP%]{display:block}"],changeDetection:0})}return u})()}}]);

package/7441.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[7441],{3319(P,f,i){i.d(f,{a:()=>d});var r=i(7705),u=i(29),o=i(5547);let d=(()=>{class _{icon=(0,r.hFB)(void 0);slot=(0,r.hFB)("before");static \u0275fac=function(p){return new(p||_)};static \u0275cmp=o.VBU({type:_,selectors:[["cue-button-icon"]],inputs:{icon:[1,"icon"],slot:[1,"slot"]},decls:1,vars:2,consts:[[3,"slot","name"]],template:function(p,b){1&p&&o.nrm(0,"cue-svg-icon",0),2&p&&o.Y8G("slot",b.slot())("name",b.icon())},dependencies:[u.A],encapsulation:2})}return _})()},2014(P,f,i){i.d(f,{z:()=>_});var r=i(7705),u=i(2271),o=i(5547);const d=["*"];let _=(()=>{class s{justify=(0,r.hFB)("start");size=(0,r.hFB)("l");widthStyle=(0,u.EW)(()=>`var(--cue-button-label-padding-${this.size()}-x)`);static \u0275fac=function(b){return new(b||s)};static \u0275cmp=o.VBU({type:s,selectors:[["cue-button-padder"]],inputs:{justify:[1,"justify"],size:[1,"size"]},ngContentSelectors:d,decls:2,vars:4,template:function(b,h){1&b&&(o.NAR(),o.rj2(0,"div"),o.SdG(1),o.eux()),2&b&&o.xc7("justify-content",h.justify())("min-width",h.widthStyle())},styles:["div[_ngcontent-%COMP%]{display:flex;align-items:center;min-height:1px}"]})}return s})()},5971(P,f,i){i.d(f,{$:()=>b});var r=i(9769),u=i(7705),o=i(2271),d=i(7089),_=i(2403),s=i(5547);const g=["buttonElement"],p=["*"];let b=(()=>{class h{variant=(0,u.hFB)("primary");size=(0,u.hFB)("m");tooltip=(0,u.hFB)("");disabled=(0,u.hFB)(!1);selected=(0,u.geq)(!1);toggleButton=(0,u.hFB)(!1);loading=(0,u.hFB)(!1);fitParentWidth=(0,u.hFB)(!1);noWrap=(0,u.hFB)(!0);buttonElement=u.ebz.required("buttonElement");getStyles=(0,o.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(C){C.detail>0&&this.buttonElement().nativeElement.blur(),this.toggleButton()&&(C.stopPropagation(),this.selected.set(!this.selected()))}static \u0275fac=function(m){return new(m||h)};static \u0275cmp=s.VBU({type:h,selectors:[["cue-button"]],viewQuery:function(m,e){1&m&&s.wEZ(e.buttonElement,g,5),2&m&&s.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(m,e){1&m&&(s.NAR(),s.j41(0,"button",1,0),s.bIt("click",function(D){return e.handleClick(D)}),s.SdG(2),s.k0s()),2&m&&(s.Aen(e.getStyles()),s.xc7("white-space",e.noWrap()?"nowrap":"normal")("flex-basis",e.noWrap()?null:"auto")("min-width",e.noWrap()?null:"fit-content"),s.AVh("selected",e.selected())("ghost","ghost"===e.variant())("fit-parent-width",e.fitParentWidth()),s.Y8G("disabled",e.disabled())("cueTooltip",e.tooltip())("tooltipPlacement","top")("cuePulse",e.loading()))},dependencies:[r.MD,d.d,_.V],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;margin-inline: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 h})()},2339(P,f,i){i.d(f,{v:()=>h});var r=i(7705),u=i(5971),o=i(2014),d=i(5448),_=i(29),s=i(5547),g=i(5802);const p=["*"];function b(v,C){if(1&v){const m=s.RV6();s.j41(0,"span",2),s.bIt("click",function(y){g.eBV(m);const D=s.XpG();return g.Njj(D.onRemove(y))}),s.nrm(1,"cue-svg-icon",3),s.k0s()}if(2&v){const m=s.XpG();s.AVh("disabled",m.disabled()),s.BMQ("title",m.removeLabel())("aria-label",m.removeLabel())}}let h=(()=>{class v{size=(0,r.hFB)("s");selected=(0,r.geq)(!1);disabled=(0,r.geq)(!1);passive=(0,r.hFB)(!1);variant=(0,r.hFB)("primary");removable=(0,r.hFB)(!1);removeLabel=(0,r.hFB)("Remove");removed=(0,r.CGW)();toggleSelect(){this.passive()||this.selected.set(!this.selected())}onRemove(m){m.stopPropagation(),!this.disabled()&&this.removed.emit()}static \u0275fac=function(e){return new(e||v)};static \u0275cmp=s.VBU({type:v,selectors:[["cue-chip"]],inputs:{size:[1,"size"],selected:[1,"selected"],disabled:[1,"disabled"],passive:[1,"passive"],variant:[1,"variant"],removable:[1,"removable"],removeLabel:[1,"removeLabel"]},outputs:{selected:"selectedChange",disabled:"disabledChange",removed:"removed"},ngContentSelectors:p,decls:6,vars:4,consts:[[1,"is-chip",3,"click","size","disabled","variant"],[1,"chip-remove",3,"disabled"],[1,"chip-remove",3,"click"],["name","close"]],template:function(e,y){1&e&&(s.NAR(),s.j41(0,"cue-button",0),s.bIt("click",function(){return y.toggleSelect()}),s.nrm(1,"cue-button-padder"),s.j41(2,"cue-button-label"),s.SdG(3),s.k0s(),s.nrm(4,"cue-button-padder"),s.nVh(5,b,2,4,"span",1),s.k0s()),2&e&&(s.Y8G("size",y.size())("disabled",y.disabled())("variant",y.selected()?y.variant():"secondary"),s.R7$(5),s.vxM(y.removable()?5:-1))},dependencies:[u.$,o.z,d.L,_.A],styles:["cue-button.is-chip[_ngcontent-%COMP%]{--cue-button-s-padding-x: 8px;--cue-button-m-padding-x: 12px;--cue-button-l-padding-x: 16px}.chip-remove[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;--cue-icon-width: .9em;margin-inline-start:4px;margin-inline-end:-2px;border-radius:50%;cursor:pointer;opacity:.6;transition:opacity .1s ease,background-color .1s ease}.chip-remove[_ngcontent-%COMP%]:hover{opacity:1;background-color:color-mix(in srgb,currentColor 18%,transparent)}.chip-remove.disabled[_ngcontent-%COMP%]{pointer-events:none;opacity:.3}"],changeDetection:0})}return v})()},9822(P,f,i){i.d(f,{y:()=>$});var r=i(467),u=i(7705),o=i(5802),d=i(2271),_=i(9352),s=i(2339),g=i(5971),p=i(5448),b=i(3319),h=i(2014),v=i(63),C=i(5381),m=i(2245),e=i(5547);function y(l,M){1&l&&(e.j41(0,"cue-flexcontainer",0)(1,"cue-typography",2),e.EFF(2),e.nI1(3,"transloco"),e.k0s()()),2&l&&(e.R7$(2),e.JRh(e.bMT(3,1,"components.documentFilter.loading")))}function D(l,M){if(1&l){const t=e.RV6();e.j41(0,"cue-chip",7),e.nI1(1,"transloco"),e.bIt("removed",function(){const a=o.eBV(t).$index,c=e.XpG(2);return o.Njj(c._remove(a))}),e.j41(2,"span",8),e.EFF(3),e.k0s(),e.EFF(4),e.k0s()}if(2&l){const t=M.$implicit,n=e.XpG(2);e.Y8G("selected",!0)("passive",!0)("removable",!0)("removeLabel",e.bMT(1,6,"components.documentFilter.removeFilter")),e.R7$(3),e.SpI("",n._chipDim(t),":"),e.R7$(),e.SpI("",t.label," ")}}function L(l,M){if(1&l){const t=e.RV6();e.j41(0,"div",9)(1,"cue-select",13),e.nI1(2,"transloco"),e.bIt("valueChange",function(a){o.eBV(t);const c=e.XpG(3);return o.Njj(c._onValueSelect("mime",a))}),e.k0s()()}if(2&l){const t=e.XpG(3);e.R7$(),e.Y8G("placeholder",e.bMT(2,5,"components.documentFilter.selectMimePlaceholder"))("underline",!1)("showFilter",t._mimeOptions().length>8)("options",t._mimeOptions())("labelMap",t._mimeLabels())}}function B(l,M){if(1&l){const t=e.RV6();e.j41(0,"div",9)(1,"cue-select",13),e.nI1(2,"transloco"),e.bIt("valueChange",function(a){o.eBV(t);const c=e.XpG(3);return o.Njj(c._onValueSelect("content",a))}),e.k0s()()}if(2&l){const t=e.XpG(3);e.R7$(),e.Y8G("placeholder",e.bMT(2,5,"components.documentFilter.selectContentPlaceholder"))("underline",!1)("showFilter",t._contentOptions().length>8)("options",t._contentOptions())("labelMap",t._contentLabels())}}function I(l,M){if(1&l){const t=e.RV6();e.j41(0,"div",15)(1,"cue-select",16),e.nI1(2,"transloco"),e.bIt("valueChange",function(a){o.eBV(t);const c=e.XpG(4);return o.Njj(c._onEntityValueSelect(a))}),e.k0s()()}if(2&l){const t=e.XpG(4);e.R7$(),e.Y8G("placeholder",e.bMT(2,6,"components.documentFilter.selectEntityPlaceholder"))("underline",!1)("loading",t._entityLoading())("showFilter",!0)("options",t._entityValueOptions())("labelMap",t._entityValueLabels())}}function T(l,M){if(1&l){const t=e.RV6();e.j41(0,"div",9)(1,"cue-select",14),e.nI1(2,"transloco"),e.bIt("valueChange",function(a){o.eBV(t);const c=e.XpG(3);return o.Njj(c._onEntityCatSelect(a))}),e.k0s()(),e.nVh(3,I,3,8,"div",15)}if(2&l){let t;const n=e.XpG(3);e.R7$(),e.Y8G("placeholder",e.bMT(2,7,"components.documentFilter.selectEntityTypePlaceholder"))("underline",!1)("showFilter",n._entityCatOptions().length>8)("options",n._entityCatOptions())("labelMap",n._entityCatLabels())("value",(null==(t=n._draftEntityCat())?null:t.iri)??""),e.R7$(2),e.vxM(n._draftEntityCat()?3:-1)}}function A(l,M){if(1&l){const t=e.RV6();e.j41(0,"div",4)(1,"div",9)(2,"cue-select",10),e.nI1(3,"transloco"),e.bIt("valueChange",function(a){o.eBV(t);const c=e.XpG(2);return o.Njj(c._onDimSelect(a))}),e.k0s()(),e.nVh(4,L,3,7,"div",9),e.nVh(5,B,3,7,"div",9),e.nVh(6,T,4,9),e.j41(7,"cue-button",11),e.bIt("click",function(){o.eBV(t);const a=e.XpG(2);return o.Njj(a._cancelAdd())}),e.j41(8,"cue-button-label",12),e.EFF(9),e.nI1(10,"transloco"),e.k0s()()()}if(2&l){const t=e.XpG(2);e.R7$(2),e.Y8G("placeholder",e.bMT(3,9,"components.documentFilter.filterByPlaceholder"))("underline",!1)("options",t._dimOptions())("labelMap",t._dimLabels())("value",t._draftDim()??""),e.R7$(2),e.vxM("mime"===t._draftDim()?4:-1),e.R7$(),e.vxM("content"===t._draftDim()?5:-1),e.R7$(),e.vxM("entity"===t._draftDim()?6:-1),e.R7$(3),e.JRh(e.bMT(10,11,"components.documentFilter.cancel"))}}function R(l,M){if(1&l){const t=e.RV6();e.j41(0,"cue-button",17),e.bIt("click",function(){o.eBV(t);const a=e.XpG(2);return o.Njj(a._startAdd())}),e.j41(1,"cue-button-padder"),e.nrm(2,"cue-button-icon",18),e.k0s(),e.j41(3,"cue-button-label",12),e.EFF(4),e.nI1(5,"transloco"),e.k0s()()}if(2&l){const t=e.XpG(2);e.Y8G("disabled",t._refreshing()||!t._hasAnyOption()),e.R7$(4),e.JRh(e.bMT(5,2,"components.documentFilter.addFilter"))}}function N(l,M){if(1&l){const t=e.RV6();e.j41(0,"cue-button",19),e.bIt("click",function(){o.eBV(t);const a=e.XpG(2);return o.Njj(a._clearAll())}),e.j41(1,"cue-button-label",12),e.EFF(2),e.nI1(3,"transloco"),e.k0s()()}2&l&&(e.R7$(2),e.JRh(e.bMT(3,1,"components.documentFilter.clear")))}function W(l,M){1&l&&(e.j41(0,"cue-typography",2),e.EFF(1),e.nI1(2,"transloco"),e.k0s()),2&l&&(e.R7$(),e.JRh(e.bMT(2,1,"components.documentFilter.updating")))}function V(l,M){if(1&l&&(e.j41(0,"cue-flexcontainer",1),e.Z7z(1,D,5,8,"cue-chip",3,e.Vm6),e.nVh(3,A,11,13,"div",4)(4,R,6,4,"cue-button",5),e.nVh(5,N,4,3,"cue-button",6),e.nVh(6,W,3,3,"cue-typography",2),e.k0s()),2&l){const t=e.XpG();e.R7$(),e.Dyx(t._committed()),e.R7$(2),e.vxM(t._adding()?3:4),e.R7$(2),e.vxM(t._committed().length>0&&!t._adding()?5:-1),e.R7$(),e.vxM(t._refreshing()?6:-1)}}const F={mimes:[],contents:[],entityCategories:[]},j={mimes:[],contents:[],entityCategories:[],entities:[]},x="__ANY__",E="components.documentFilter";let $=(()=>{class l{handlers=u.hFB.required();filtersChange=(0,u.CGW)();ANY=x;_dimMimeLabel=(0,_.Xx)(`${E}.dimMime`);_dimContentLabel=(0,_.Xx)(`${E}.dimContent`);_dimEntityLabel=(0,_.Xx)(`${E}.dimEntity`);_chipMimeLabel=(0,_.Xx)(`${E}.chipMime`);_chipContentLabel=(0,_.Xx)(`${E}.chipContent`);_anyLabel=(0,_.Xx)(`${E}.any`);_anyOfCategoryParams=(0,d.EW)(()=>({category:this._draftEntityCat()?.label??""}));_anyOfCategoryLabel=(0,_.Xx)(`${E}.anyOfCategory`,this._anyOfCategoryParams);_dimLabels=(0,d.EW)(()=>({mime:this._dimMimeLabel(),content:this._dimContentLabel(),entity:this._dimEntityLabel()}));_opts=(0,o.vPA)(F);_committed=(0,o.vPA)([]);_loading=(0,o.vPA)(!1);_refreshing=(0,o.vPA)(!1);_adding=(0,o.vPA)(!1);_draftDim=(0,o.vPA)(null);_draftEntityCat=(0,o.vPA)(null);_entityValues=(0,o.vPA)([]);_entityLoading=(0,o.vPA)(!1);_mimeChoices=(0,d.EW)(()=>this._available("mime",this._opts().mimes));_contentChoices=(0,d.EW)(()=>this._available("content",this._opts().contents));_entityCatChoices=(0,d.EW)(()=>this._opts().entityCategories);_hasAnyOption=(0,d.EW)(()=>this._mimeChoices().length>0||this._contentChoices().length>0||this._entityCatChoices().length>0);_dimOptions=(0,d.EW)(()=>{const t=[];return this._mimeChoices().length&&t.push("mime"),this._contentChoices().length&&t.push("content"),this._entityCatChoices().length&&t.push("entity"),t});_mimeOptions=(0,d.EW)(()=>this._mimeChoices().map(t=>t.iri));_mimeLabels=(0,d.EW)(()=>this._toLabelMap(this._mimeChoices()));_contentOptions=(0,d.EW)(()=>this._contentChoices().map(t=>t.iri));_contentLabels=(0,d.EW)(()=>this._toLabelMap(this._contentChoices()));_entityCatOptions=(0,d.EW)(()=>this._entityCatChoices().map(t=>t.iri));_entityCatLabels=(0,d.EW)(()=>this._toLabelMap(this._entityCatChoices()));_entityValueOptions=(0,d.EW)(()=>[x,...this._entityValues().map(t=>t.iri)]);_entityValueLabels=(0,d.EW)(()=>{const t=this._draftEntityCat(),n={[x]:t?this._anyOfCategoryLabel():this._anyLabel()};for(const a of this._entityValues())n[a.iri]=a.label;return n});constructor(){(0,o.QZP)(()=>{const t=this.handlers();this._reset(t)})}_startAdd(){this._resetDraft(),this._adding.set(!0)}_cancelAdd(){this._adding.set(!1),this._resetDraft()}_onDimSelect(t){this._draftEntityCat.set(null),this._entityValues.set([]),this._draftDim.set(t||null)}_onValueSelect(t,n){var a=this;return(0,r.A)(function*(){if(!n)return;const O=("mime"===t?a._opts().mimes:a._opts().contents).find(U=>U.iri===n)?.label??n;yield a._commit({dim:t,valueIri:n,label:O,isEntityInstance:!1})})()}_onEntityCatSelect(t){var n=this;return(0,r.A)(function*(){if(n._entityValues.set([]),!t)return void n._draftEntityCat.set(null);const a=n._opts().entityCategories.find(c=>c.iri===t)??{iri:t,label:t};n._draftEntityCat.set(a),n._entityLoading.set(!0);try{const c=yield n.handlers().requestAvailableEntities(t,n._applied());n._entityValues.set(c)}catch(c){console.error("[document-filter] Failed to load entities",c),n._entityValues.set([])}finally{n._entityLoading.set(!1)}})()}_onEntityValueSelect(t){var n=this;return(0,r.A)(function*(){if(!t)return;const a=n._draftEntityCat();if(a)if(t===x)yield n._commit({dim:"entity",valueIri:a.iri,label:n._anyLabel(),isEntityInstance:!1,categoryIri:a.iri,categoryLabel:a.label});else{const c=n._entityValues().find(O=>O.iri===t);yield n._commit({dim:"entity",valueIri:t,label:c?.label??t,isEntityInstance:!0,categoryIri:a.iri,categoryLabel:a.label})}})()}_remove(t){var n=this;return(0,r.A)(function*(){n._committed.update(a=>a.filter((c,O)=>O!==t)),yield n._refreshOptions(),n._emitFilters()})()}_clearAll(){var t=this;return(0,r.A)(function*(){t._committed.set([]),t._adding.set(!1),t._resetDraft(),yield t._refreshOptions(),t._emitFilters()})()}_chipDim(t){return"mime"===t.dim?this._chipMimeLabel():"content"===t.dim?this._chipContentLabel():t.categoryLabel??this._dimEntityLabel()}_commit(t){var n=this;return(0,r.A)(function*(){n._committed.update(a=>[...a,t]),n._adding.set(!1),n._resetDraft(),yield n._refreshOptions(),n._emitFilters()})()}_resetDraft(){this._draftDim.set(null),this._draftEntityCat.set(null),this._entityValues.set([]),this._entityLoading.set(!1)}_toLabelMap(t){const n={};for(const a of t)n[a.iri]=a.label;return n}_available(t,n){const a=new Set(this._committed().filter(c=>c.dim===t).map(c=>c.valueIri));return n.filter(c=>!a.has(c.iri))}_applied(){const t=this._committed();return{mimes:t.filter(n=>"mime"===n.dim).map(n=>n.valueIri),contents:t.filter(n=>"content"===n.dim).map(n=>n.valueIri),entityCategories:t.filter(n=>"entity"===n.dim&&!n.isEntityInstance).map(n=>n.valueIri),entities:t.filter(n=>"entity"===n.dim&&n.isEntityInstance).map(n=>n.valueIri)}}_reset(t){var n=this;return(0,r.A)(function*(){n._committed.set([]),n._opts.set(F),n._adding.set(!1),n._resetDraft(),n._loading.set(!0);try{n._opts.set(yield t.requestAvailableFilters(j))}catch(a){console.error("[document-filter] Failed to load available filters",a)}finally{n._loading.set(!1)}})()}_refreshOptions(){var t=this;return(0,r.A)(function*(){t._refreshing.set(!0);try{t._opts.set(yield t.handlers().requestAvailableFilters(t._applied()))}catch(n){console.error("[document-filter] Adaptive refresh failed",n)}finally{t._refreshing.set(!1)}})()}_emitFilters(){const t=this._committed().map(n=>({type:"mime"===n.dim?"mime":"content"===n.dim?"content":n.isEntityInstance?"entityInstance":"entity",included:[n.valueIri],excluded:[]}));this.filtersChange.emit(t)}static \u0275fac=function(n){return new(n||l)};static \u0275cmp=e.VBU({type:l,selectors:[["cue-doc-filter"]],inputs:{handlers:[1,"handlers"]},outputs:{filtersChange:"filtersChange"},decls:2,vars:1,consts:[["align","center","gap","s"],["align","center","gap","s","wrap","wrap"],["size","s",1,"muted"],["size","xs","variant","primary",3,"selected","passive","removable","removeLabel"],[1,"draft"],["size","xs","variant","tertiary",3,"disabled"],["size","xs","variant","danger"],["size","xs","variant","primary",3,"removed","selected","passive","removable","removeLabel"],[1,"chip-dim"],[1,"filter-select"],["size","xs",3,"valueChange","placeholder","underline","options","labelMap","value"],["size","xs","variant","ghost",3,"click"],["fontSize","s"],["size","xs",3,"valueChange","placeholder","underline","showFilter","options","labelMap"],["size","xs",3,"valueChange","placeholder","underline","showFilter","options","labelMap","value"],[1,"filter-select","entity-value"],["size","xs",3,"valueChange","placeholder","underline","loading","showFilter","options","labelMap"],["size","xs","variant","tertiary",3,"click","disabled"],["icon","add"],["size","xs","variant","danger",3,"click"]],template:function(n,a){1&n&&e.nVh(0,y,4,3,"cue-flexcontainer",0)(1,V,7,3,"cue-flexcontainer",1),2&n&&e.vxM(a._loading()?0:1)},dependencies:[s.v,g.$,p.L,b.a,h.z,v.Select,C.n,m.Typography,_.Kj],styles:["[_nghost-%COMP%]{display:block}.filter-select[_ngcontent-%COMP%]{width:170px}.filter-select.entity-value[_ngcontent-%COMP%]{width:200px}.draft[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:8px;padding:2px 6px 2px 10px;border:1px dashed var(--cue-border-color);border-radius:10px}.chip-dim[_ngcontent-%COMP%]{font-weight:600;opacity:.72;margin-inline-end:4px}.muted[_ngcontent-%COMP%]{color:var(--cue-color-darkmidgray)}"],changeDetection:0})}return l})()},2403(P,f,i){i.d(f,{V:()=>d});var r=i(7705),u=i(5547),o=i(5802);let d=(()=>{class _{el=(0,o.WQX)(u.aKT);renderer=(0,o.WQX)(u.sFG);cuePulse=(0,r.hFB)(!1);cuePulseColor=(0,r.hFB)("");cuePulseMode=(0,r.hFB)("border");activeClass="";constructor(){this.ensureGlobalStyles()}onPulseChanged=(0,o.QZP)(()=>{const g=this.cuePulse(),p=this.cuePulseColor(),b=this.cuePulseMode(),h=this.el.nativeElement;if(this.activeClass&&(this.renderer.removeClass(h,this.activeClass),this.activeClass=""),this.renderer.removeStyle(h,"--cue-pulse-color"),this.renderer.removeStyle(h,"border-radius"),g){const v="text"===b?"cue-pulse-text":"cue-pulse-border";this.renderer.addClass(h,v),this.activeClass=v,p&&this.renderer.setStyle(h,"--cue-pulse-color",p),"border"===b&&setTimeout(()=>{const C=h.firstElementChild;if(C){const m=getComputedStyle(C).borderRadius;m&&"0px"!==m&&this.renderer.setStyle(h,"border-radius",m)}})}});ngOnDestroy(){const g=this.el.nativeElement;this.activeClass&&this.renderer.removeClass(g,this.activeClass),this.renderer.removeStyle(g,"border-radius")}ensureGlobalStyles(){const g="cue-pulse-global-styles";if(document.getElementById(g))return;const p=document.createElement("style");p.id=g,p.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(p)}static \u0275fac=function(p){return new(p||_)};static \u0275dir=u.FsC({type:_,selectors:[["","cuePulse",""]],inputs:{cuePulse:[1,"cuePulse"],cuePulseColor:[1,"cuePulseColor"],cuePulseMode:[1,"cuePulseMode"]}})}return _})()}}]);

package/804.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[804],{5448(D,f,a){a.d(f,{L:()=>v});var l=a(7705),i=a(2245),s=a(5547);const C=["*"];let v=(()=>{class n{fontSize=(0,l.hFB)("m");italic=(0,l.hFB)(!1);noWrap=(0,l.hFB)(!0);static \u0275fac=function(_){return new(_||n)};static \u0275cmp=s.VBU({type:n,selectors:[["cue-button-label"]],inputs:{fontSize:[1,"fontSize"],italic:[1,"italic"],noWrap:[1,"noWrap"]},ngContentSelectors:C,decls:3,vars:3,consts:[[3,"size","italic","noWrap"]],template:function(_,d){1&_&&(s.NAR(),s.j41(0,"div")(1,"cue-typography",0),s.SdG(2),s.k0s()()),2&_&&(s.R7$(),s.Y8G("size",d.fontSize())("italic",d.italic())("noWrap",d.noWrap()))},dependencies:[i.Typography],styles:["div[_ngcontent-%COMP%]{transform:translateY(.05em)}"]})}return n})()},2014(D,f,a){a.d(f,{z:()=>v});var l=a(7705),i=a(2271),s=a(5547);const C=["*"];let v=(()=>{class n{justify=(0,l.hFB)("start");size=(0,l.hFB)("l");widthStyle=(0,i.EW)(()=>`var(--cue-button-label-padding-${this.size()}-x)`);static \u0275fac=function(_){return new(_||n)};static \u0275cmp=s.VBU({type:n,selectors:[["cue-button-padder"]],inputs:{justify:[1,"justify"],size:[1,"size"]},ngContentSelectors:C,decls:2,vars:4,template:function(_,d){1&_&&(s.NAR(),s.rj2(0,"div"),s.SdG(1),s.eux()),2&_&&s.xc7("justify-content",d.justify())("min-width",d.widthStyle())},styles:["div[_ngcontent-%COMP%]{display:flex;align-items:center;min-height:1px}"]})}return n})()},5971(D,f,a){a.d(f,{$:()=>_});var l=a(9769),i=a(7705),s=a(2271),C=a(7089),v=a(2403),n=a(5547);const h=["buttonElement"],e=["*"];let _=(()=>{class d{variant=(0,i.hFB)("primary");size=(0,i.hFB)("m");tooltip=(0,i.hFB)("");disabled=(0,i.hFB)(!1);selected=(0,i.geq)(!1);toggleButton=(0,i.hFB)(!1);loading=(0,i.hFB)(!1);fitParentWidth=(0,i.hFB)(!1);noWrap=(0,i.hFB)(!0);buttonElement=i.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(m){m.detail>0&&this.buttonElement().nativeElement.blur(),this.toggleButton()&&(m.stopPropagation(),this.selected.set(!this.selected()))}static \u0275fac=function(u){return new(u||d)};static \u0275cmp=n.VBU({type:d,selectors:[["cue-button"]],viewQuery:function(u,p){1&u&&n.wEZ(p.buttonElement,h,5),2&u&&n.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(u,p){1&u&&(n.NAR(),n.j41(0,"button",1,0),n.bIt("click",function(E){return p.handleClick(E)}),n.SdG(2),n.k0s()),2&u&&(n.Aen(p.getStyles()),n.xc7("white-space",p.noWrap()?"nowrap":"normal")("flex-basis",p.noWrap()?null:"auto")("min-width",p.noWrap()?null:"fit-content"),n.AVh("selected",p.selected())("ghost","ghost"===p.variant())("fit-parent-width",p.fitParentWidth()),n.Y8G("disabled",p.disabled())("cueTooltip",p.tooltip())("tooltipPlacement","top")("cuePulse",p.loading()))},dependencies:[l.MD,C.d,v.V],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;margin-inline: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 d})()},2339(D,f,a){a.d(f,{v:()=>d});var l=a(7705),i=a(5971),s=a(2014),C=a(5448),v=a(29),n=a(5547),h=a(5802);const e=["*"];function _(b,m){if(1&b){const u=n.RV6();n.j41(0,"span",2),n.bIt("click",function(M){h.eBV(u);const E=n.XpG();return h.Njj(E.onRemove(M))}),n.nrm(1,"cue-svg-icon",3),n.k0s()}if(2&b){const u=n.XpG();n.AVh("disabled",u.disabled()),n.BMQ("title",u.removeLabel())("aria-label",u.removeLabel())}}let d=(()=>{class b{size=(0,l.hFB)("s");selected=(0,l.geq)(!1);disabled=(0,l.geq)(!1);passive=(0,l.hFB)(!1);variant=(0,l.hFB)("primary");removable=(0,l.hFB)(!1);removeLabel=(0,l.hFB)("Remove");removed=(0,l.CGW)();toggleSelect(){this.passive()||this.selected.set(!this.selected())}onRemove(u){u.stopPropagation(),!this.disabled()&&this.removed.emit()}static \u0275fac=function(p){return new(p||b)};static \u0275cmp=n.VBU({type:b,selectors:[["cue-chip"]],inputs:{size:[1,"size"],selected:[1,"selected"],disabled:[1,"disabled"],passive:[1,"passive"],variant:[1,"variant"],removable:[1,"removable"],removeLabel:[1,"removeLabel"]},outputs:{selected:"selectedChange",disabled:"disabledChange",removed:"removed"},ngContentSelectors:e,decls:6,vars:4,consts:[[1,"is-chip",3,"click","size","disabled","variant"],[1,"chip-remove",3,"disabled"],[1,"chip-remove",3,"click"],["name","close"]],template:function(p,M){1&p&&(n.NAR(),n.j41(0,"cue-button",0),n.bIt("click",function(){return M.toggleSelect()}),n.nrm(1,"cue-button-padder"),n.j41(2,"cue-button-label"),n.SdG(3),n.k0s(),n.nrm(4,"cue-button-padder"),n.nVh(5,_,2,4,"span",1),n.k0s()),2&p&&(n.Y8G("size",M.size())("disabled",M.disabled())("variant",M.selected()?M.variant():"secondary"),n.R7$(5),n.vxM(M.removable()?5:-1))},dependencies:[i.$,s.z,C.L,v.A],styles:["cue-button.is-chip[_ngcontent-%COMP%]{--cue-button-s-padding-x: 8px;--cue-button-m-padding-x: 12px;--cue-button-l-padding-x: 16px}.chip-remove[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;--cue-icon-width: .9em;margin-inline-start:4px;margin-inline-end:-2px;border-radius:50%;cursor:pointer;opacity:.6;transition:opacity .1s ease,background-color .1s ease}.chip-remove[_ngcontent-%COMP%]:hover{opacity:1;background-color:color-mix(in srgb,currentColor 18%,transparent)}.chip-remove.disabled[_ngcontent-%COMP%]{pointer-events:none;opacity:.3}"],changeDetection:0})}return b})()},804(D,f,a){a.d(f,{ChipInput:()=>E});var l=a(7705),i=a(5802),s=a(9417),C=a(2245),v=a(5381),n=a(29),h=a(2339),e=a(5547);const _=["inputField"];function d(c,P){1&c&&e.EFF(0," * ")}function b(c,P){if(1&c&&(e.j41(0,"cue-typography",2),e.EFF(1),e.nVh(2,d,1,0),e.k0s()),2&c){const t=e.XpG();e.Y8G("size",t.size()),e.R7$(),e.SpI(" ",t.label()," "),e.R7$(),e.vxM(t.required()?2:-1)}}function m(c,P){if(1&c){const t=e.RV6();e.j41(0,"button",11),e.bIt("click",function(o){i.eBV(t);const g=e.XpG().$index;return e.XpG().removeChip(g),i.Njj(o.stopPropagation())}),e.nrm(1,"cue-svg-icon",12),e.k0s()}if(2&c){const t=e.XpG(2);e.Y8G("disabled",t.disabled)}}function u(c,P){if(1&c){const t=e.RV6();e.j41(0,"div",8),e.bIt("mouseenter",function(){const o=i.eBV(t).$index,g=e.XpG();return i.Njj(g.hoveredChip.set(o))})("mouseleave",function(){i.eBV(t);const o=e.XpG();return i.Njj(o.hoveredChip.set(null))}),e.j41(1,"cue-chip",9),e.bIt("click",function(){const o=i.eBV(t).$implicit,g=e.XpG();return i.Njj(g.clickedChip.emit(o))}),e.EFF(2),e.k0s(),e.nVh(3,m,2,1,"button",10),e.k0s()}if(2&c){const t=P.$implicit,r=P.$index,o=e.XpG();e.R7$(),e.Y8G("selected",!0)("disabled",o.disabled)("passive",!0)("variant",o.variant()),e.R7$(),e.SpI(" ",o.labelMap()[t]||t," "),e.R7$(),e.vxM(o.allowDelete()&&o.hoveredChip()===r?3:-1)}}function p(c,P){if(1&c){const t=e.RV6();e.j41(0,"input",13,0),e.bIt("keydown",function(o){i.eBV(t);const g=e.XpG();return i.Njj(g.onKeyDown(o))})("focus",function(){i.eBV(t);const o=e.XpG();return i.Njj(o.isFocused=!0)})("blur",function(){i.eBV(t);const o=e.XpG();return i.Njj(o.onBlur())})("input",function(){i.eBV(t);const o=e.XpG();return i.Njj(o.validationError.set(void 0))}),e.mxI("ngModelChange",function(o){i.eBV(t);const g=e.XpG();return e.DH7(g.inputValue,o)||(g.inputValue=o),i.Njj(o)}),e.k0s()}if(2&c){const t=e.XpG();e.Y8G("placeholder",t.placeholder()),e.R50("ngModel",t.inputValue)}}function M(c,P){if(1&c&&(e.j41(0,"cue-typography",7),e.EFF(1),e.k0s()),2&c){const t=e.XpG();e.R7$(),e.JRh(t.validationError()??t.error())}}let E=(()=>{class c{values=(0,l.geq)([]);labelMap=(0,l.hFB)({});label=(0,l.hFB)("");placeholder=(0,l.hFB)("Add item...");error=(0,l.hFB)(void 0);required=(0,l.hFB)(!1);size=(0,l.hFB)("m");variant=(0,l.hFB)("secondary");allowAdd=(0,l.hFB)(!0);allowDelete=(0,l.hFB)(!0);allowInternalAdd=(0,l.hFB)(!0);validator=(0,l.hFB)(void 0);validationErrorMessage=(0,l.hFB)(void 0);clickedChip=(0,l.CGW)();chipRemoved=(0,l.CGW)();chipAdded=(0,l.CGW)();isFocused=!1;disabled=!1;inputValue=(0,i.vPA)("");hoveredChip=(0,i.vPA)(null);validationError=(0,i.vPA)(void 0);inputField;onChange=t=>{};onTouched=()=>{};writeValue(t){this.values.set(t||[])}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}setDisabledState(t){this.disabled=t}focusInput(){this.allowAdd()&&!this.disabled&&this.inputField?.nativeElement&&this.inputField.nativeElement.focus()}onKeyDown(t){const o=t.target.value.trim();"Enter"===t.key&&o?(this.addChip(o),t.preventDefault()):"Backspace"===t.key&&!o&&this.values().length>0&&(this.removeChip(this.values().length-1),t.preventDefault())}addChip(t){if(!t)return;const r=this.validator();if(!r||r.test(t)){if(this.validationError.set(void 0),this.chipAdded.emit(t),this.allowInternalAdd()&&!this.values().includes(t)){const o=[...this.values(),t];this.values.set(o),this.onChange(o)}this.inputValue.set("")}else this.validationError.set(this.validationErrorMessage()??`Invalid value: ${t}`)}removeChip(t){if(this.allowDelete()&&!this.disabled){const r=this.values()[t],o=this.values().filter((g,y)=>y!==t);this.values.set(o),this.onChange(o),void 0!==r&&this.chipRemoved.emit(r)}}onBlur(){this.isFocused=!1,this.onTouched();const t=this.inputValue().trim();t&&this.allowAdd()&&this.addChip(t)}static \u0275fac=function(r){return new(r||c)};static \u0275cmp=e.VBU({type:c,selectors:[["cue-chip-input"]],viewQuery:function(r,o){if(1&r&&e.GBs(_,5),2&r){let g;e.mGM(g=e.lsd())&&(o.inputField=g.first)}},inputs:{values:[1,"values"],labelMap:[1,"labelMap"],label:[1,"label"],placeholder:[1,"placeholder"],error:[1,"error"],required:[1,"required"],size:[1,"size"],variant:[1,"variant"],allowAdd:[1,"allowAdd"],allowDelete:[1,"allowDelete"],allowInternalAdd:[1,"allowInternalAdd"],validator:[1,"validator"],validationErrorMessage:[1,"validationErrorMessage"]},outputs:{values:"valuesChange",clickedChip:"clickedChip",chipRemoved:"chipRemoved",chipAdded:"chipAdded"},features:[e.Jv_([{provide:s.kq,useExisting:(0,i.Rfq)(()=>c),multi:!0}])],decls:8,vars:9,consts:[["inputField",""],[1,"form-field",3,"click"],[1,"label",3,"size"],[1,"chip-container"],["align","center","gap","s","wrap","wrap"],[1,"chip-wrapper"],["type","text",1,"input",3,"placeholder","ngModel"],["size","s",1,"error-text"],[1,"chip-wrapper",3,"mouseenter","mouseleave"],["size","s",3,"click","selected","disabled","passive","variant"],["type","button",1,"delete-button",3,"disabled"],["type","button",1,"delete-button",3,"click","disabled"],["name","close","size","xs"],["type","text",1,"input",3,"keydown","focus","blur","input","ngModelChange","placeholder","ngModel"]],template:function(r,o){1&r&&(e.j41(0,"div",1),e.bIt("click",function(){return o.focusInput()}),e.nVh(1,b,3,3,"cue-typography",2),e.j41(2,"div",3)(3,"cue-flexcontainer",4),e.Z7z(4,u,4,6,"div",5,e.fX1),e.nVh(6,p,2,2,"input",6),e.k0s()(),e.nVh(7,M,2,1,"cue-typography",7),e.k0s()),2&r&&(e.HbH("size-"+o.size()),e.AVh("focused",!0),e.R7$(),e.vxM(o.label()?1:-1),e.R7$(),e.xc7("padding-top",o.label()?o.allowDelete()?"18px":"22px":"0"),e.R7$(2),e.Dyx(o.values()),e.R7$(2),e.vxM(o.allowAdd()&&!o.disabled?6:-1),e.R7$(),e.vxM(o.validationError()??o.error()?7:-1))},dependencies:[C.Typography,v.n,n.A,h.v,s.YN,s.me,s.BC,s.vS],styles:[".form-field[_ngcontent-%COMP%]{position:relative;min-height:40px}.chip-container[_ngcontent-%COMP%]{width:100%;border-bottom:1px solid var(--cue-input-border-bottom-color);padding-bottom:4px}.chip-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;position:relative;padding:2px}.delete-button[_ngcontent-%COMP%]{position:absolute;top:-4px;right:-4px;background:var(--cue-chip-delete-background-color);border:none;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cue-chip-delete-icon-color);font-size:10px;z-index:1}.delete-button[_ngcontent-%COMP%]:hover{background:var(--cue-chip-delete-hover-background-color);transform:scale(1.1)}.delete-button[_ngcontent-%COMP%]:disabled{opacity:.5;cursor:not-allowed;transform:none}.input[_ngcontent-%COMP%]{color:var(--cue-input-value-color);border:none;background:none;outline:none;font-family:var(--cue-font-family);min-width:120px;flex:1}.size-xs[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-xs-padding);font-size:var(--cue-input-xs-font-size)}.size-s[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-s-padding);font-size:var(--cue-input-s-font-size)}.size-m[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-m-padding);font-size:var(--cue-input-m-font-size)}.size-l[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-l-padding);font-size:var(--cue-input-l-font-size)}.input[_ngcontent-%COMP%]::placeholder{color:var(--cue-input-placeholder-color);font-family:var(--cue-font-family)}.input[_ngcontent-%COMP%]:-webkit-autofill, .input[_ngcontent-%COMP%]:-webkit-autofill:hover, .input[_ngcontent-%COMP%]:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px transparent inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--cue-input-value-color)}.label[_ngcontent-%COMP%]{position:absolute;left:0;pointer-events:none;z-index:1;text-align:left;width:100%;color:var(--cue-input-value-color)}.size-xs[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-xs-label-focused-top);font-size:var(--cue-input-xs-label-focused-font-size)}.size-s[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-s-label-focused-top);font-size:var(--cue-input-s-label-focused-font-size)}.size-m[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-m-label-focused-top);font-size:var(--cue-input-m-label-focused-font-size)}.size-l[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-l-label-focused-top);font-size:var(--cue-input-l-label-focused-font-size)}.error-text[_ngcontent-%COMP%]{color:var(--cue-error);margin-top:4px;min-height:18px}.form-field[_ngcontent-%COMP%]:focus-within   .chip-container[_ngcontent-%COMP%]{border-bottom-color:var(--cue-primary, #007bff)}"],changeDetection:0})}return c})()},2403(D,f,a){a.d(f,{V:()=>C});var l=a(7705),i=a(5547),s=a(5802);let C=(()=>{class v{el=(0,s.WQX)(i.aKT);renderer=(0,s.WQX)(i.sFG);cuePulse=(0,l.hFB)(!1);cuePulseColor=(0,l.hFB)("");cuePulseMode=(0,l.hFB)("border");activeClass="";constructor(){this.ensureGlobalStyles()}onPulseChanged=(0,s.QZP)(()=>{const h=this.cuePulse(),e=this.cuePulseColor(),_=this.cuePulseMode(),d=this.el.nativeElement;if(this.activeClass&&(this.renderer.removeClass(d,this.activeClass),this.activeClass=""),this.renderer.removeStyle(d,"--cue-pulse-color"),this.renderer.removeStyle(d,"border-radius"),h){const b="text"===_?"cue-pulse-text":"cue-pulse-border";this.renderer.addClass(d,b),this.activeClass=b,e&&this.renderer.setStyle(d,"--cue-pulse-color",e),"border"===_&&setTimeout(()=>{const m=d.firstElementChild;if(m){const u=getComputedStyle(m).borderRadius;u&&"0px"!==u&&this.renderer.setStyle(d,"border-radius",u)}})}});ngOnDestroy(){const h=this.el.nativeElement;this.activeClass&&this.renderer.removeClass(h,this.activeClass),this.renderer.removeStyle(h,"border-radius")}ensureGlobalStyles(){const h="cue-pulse-global-styles";if(document.getElementById(h))return;const e=document.createElement("style");e.id=h,e.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(e)}static \u0275fac=function(e){return new(e||v)};static \u0275dir=i.FsC({type:v,selectors:[["","cuePulse",""]],inputs:{cuePulse:[1,"cuePulse"],cuePulseColor:[1,"cuePulseColor"],cuePulseMode:[1,"cuePulseMode"]}})}return v})()}}]);

package/README.md

@@ -16,6 +16,7 @@ Drop them into any HTML page — no build step required.
 | `<cue-project-list>`            | Lists all projects the authenticated user is a member of, with an optional map    |
 | `<cue-document-charts>`         | Interactive document-statistics charts (by file type and/or content category)     |
 | `<cue-document-search-bar>`     | Search bar with an adaptive chip-based filter builder (mime, content, entity)      |
+| `<cue-document-filter>`         | Adaptive chip-based document filter builder (mime, content, entity), SDK-connected |
 | `<cue-sparql-table>`            | Declarative, column-configurable SPARQL table with built-in Cue SDK integration   |
 | `<cue-base-*>`                  | Low-level primitives (card, form inputs) with no SDK dependency — see [Low-level components](#low-level-components) |
 
@@ -489,6 +490,53 @@ document.getElementById('search-host').appendChild(searchBar);
 
 ---
 
+## `<cue-document-filter>`
+
+The adaptive, chip-based **filter builder** on its own — the same component
+embedded in `<cue-document-search-bar>`, exposed separately so you can place a
+document filter independently of the search bar (e.g. in a sidebar). It owns all
+SDK access — discovering the available mime / content / entity filter options and
+their localized labels — so you only provide a `projectId` and an authenticated
+`sdkState`.
+
+Filtering is **adaptive**: after each change the available options are re-fetched
+against the already-committed filters, so the next dropdown only offers values
+that still yield results.
+
+| Property      | Type                       | Required | Description                                                                                       |
+| ------------- | -------------------------- | -------- | ------------------------------------------------------------------------------------------------- |
+| `projectId`   | `string`                   | ✅       | Cue project (space) ID to load filter options from.                                               |
+| `sdkState`    | `{ cue: Cue; graphType? }` | ✅       | Authenticated Cue instance (+ optional `graphType`). **Set as a JS property**, not an attribute.  |
+
+The component emits one event:
+
+| Event           | Payload          | Description                                   |
+| --------------- | ---------------- | --------------------------------------------- |
+| `filtersChange` | `SearchFilter[]` | Fires whenever the active filter set changes. |
+
+Each `SearchFilter` has the shape `{ type, included: string[], excluded: string[] }`, where `type` is one of `'mime'`, `'content'`, `'entity'` (an entity category), or `'entityInstance'` (a specific entity).
+
+```js
+await customElements.whenDefined('cue-document-filter');
+
+const filter = document.createElement('cue-document-filter');
+
+// Required: set as JS properties, not HTML attributes
+filter.projectId = 'your-project-id';
+filter.sdkState = { cue }; // optionally { cue, graphType: 'qlever' }
+
+filter.addEventListener('filtersChange', (e) => {
+    console.log('Active filters:', e.detail); // SearchFilter[]
+    // run your search constrained by these filters
+});
+
+document.getElementById('filter-host').appendChild(filter);
+```
+
+> **Loader** — add `cue-document-filter` to `data-components` if you create it dynamically; otherwise it is detected automatically. See [CDN quickstart](#cdn-quickstart).
+
+---
+
 ## `<cue-entity-viewer>`
 
 Renders the full detail view for a single entity: an info panel (label + categories), a relationship graph, linked documents, and an optional location map.

package/common.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[2076],{6034(f,v,n){n.d(v,{y:()=>r});var t=n(7705),_=n(7598),b=n(9769),i=n(5187),h=n(2271),e=n(5547);const C=["*"];let y=(()=>{class a{style=(0,t.hFB)("");gap=(0,t.hFB)("m");columns=(0,t.hFB)(1);getStyles=(0,h.EW)(()=>`\n        grid-template-columns: repeat(${this.columns()}, minmax(0, 1fr));\n        gap: var(--cue-grid-gap-${this.gap()});\n        ${this.style()}\n    `);static \u0275fac=function(c){return new(c||a)};static \u0275cmp=e.VBU({type:a,selectors:[["cue-grid"]],hostVars:2,hostBindings:function(c,o){2&c&&e.Aen(o.getStyles())},inputs:{style:[1,"style"],gap:[1,"gap"],columns:[1,"columns"]},ngContentSelectors:C,decls:1,vars:0,template:function(c,o){1&c&&(e.NAR(),e.SdG(0))},styles:["[_nghost-%COMP%]{display:grid}"]})}return a})();var p=n(2245),s=n(5381),l=n(29);const u=["*"];function d(a,D){if(1&a&&(e.j41(0,"cue-typography",2),e.EFF(1),e.k0s()),2&a){const g=e.XpG();e.R7$(),e.SpI(" ",g.label()," ")}}let r=(()=>{class a{label=(0,t.hFB)("");variant=(0,t.hFB)("default");shadow=(0,t.hFB)(!1);padded=(0,t.hFB)(!0);showCloseBtn=(0,t.hFB)(!0);position=(0,t.hFB)("top-left");clickedClose=(0,t.CGW)();margin=(0,t.hFB)("0.5rem");close(g){g.stopPropagation(),g.stopImmediatePropagation(),this.clickedClose.emit()}static \u0275fac=function(c){return new(c||a)};static \u0275cmp=e.VBU({type:a,selectors:[["cue-draggable-card"]],inputs:{label:[1,"label"],variant:[1,"variant"],shadow:[1,"shadow"],padded:[1,"padded"],showCloseBtn:[1,"showCloseBtn"],position:[1,"position"],margin:[1,"margin"]},outputs:{clickedClose:"clickedClose"},ngContentSelectors:u,decls:8,vars:14,consts:[["cdkDrag","",1,"panel",3,"variant","shadow","padded"],["justify","end"],["size","l"],[2,"width","100%"],["name","close",2,"cursor","pointer",3,"click"]],template:function(c,o){1&c&&(e.NAR(),e.j41(0,"cue-card",0)(1,"cue-typography")(2,"cue-grid")(3,"cue-flexcontainer",1),e.nVh(4,d,2,1,"cue-typography",2),e.nrm(5,"span",3),e.j41(6,"cue-svg-icon",4),e.bIt("click",function(M){return o.close(M)}),e.k0s()(),e.SdG(7),e.k0s()()()),2&c&&(e.xc7("top","top-left"===o.position()||"top-right"===o.position()?o.margin():"null")("bottom","bottom-left"===o.position()||"bottom-right"===o.position()?o.margin():"null")("left","top-left"===o.position()||"bottom-left"===o.position()?o.margin():"null")("right","top-right"===o.position()||"bottom-right"===o.position()?o.margin():"null"),e.Y8G("variant",o.variant())("shadow",o.shadow())("padded",o.padded()),e.R7$(3),e.xc7("padding",o.padded()?"0":"10px"),e.R7$(),e.vxM(o.label()&&"undefined"!==o.label()?4:-1))},dependencies:[b.MD,i.Card,y,p.Typography,s.n,l.A,_.T1],styles:[".panel[_ngcontent-%COMP%]{position:absolute;width:fit-content;z-index:100}"]})}return a})()},2339(f,v,n){n.d(v,{v:()=>s});var t=n(7705),_=n(5971),b=n(2014),i=n(5448),h=n(29),e=n(5547),C=n(5802);const y=["*"];function p(l,u){if(1&l){const d=e.RV6();e.j41(0,"span",2),e.bIt("click",function(r){C.eBV(d);const a=e.XpG();return C.Njj(a.onRemove(r))}),e.nrm(1,"cue-svg-icon",3),e.k0s()}if(2&l){const d=e.XpG();e.AVh("disabled",d.disabled()),e.BMQ("title",d.removeLabel())("aria-label",d.removeLabel())}}let s=(()=>{class l{size=(0,t.hFB)("s");selected=(0,t.geq)(!1);disabled=(0,t.geq)(!1);passive=(0,t.hFB)(!1);variant=(0,t.hFB)("primary");removable=(0,t.hFB)(!1);removeLabel=(0,t.hFB)("Remove");removed=(0,t.CGW)();toggleSelect(){this.passive()||this.selected.set(!this.selected())}onRemove(d){d.stopPropagation(),!this.disabled()&&this.removed.emit()}static \u0275fac=function(m){return new(m||l)};static \u0275cmp=e.VBU({type:l,selectors:[["cue-chip"]],inputs:{size:[1,"size"],selected:[1,"selected"],disabled:[1,"disabled"],passive:[1,"passive"],variant:[1,"variant"],removable:[1,"removable"],removeLabel:[1,"removeLabel"]},outputs:{selected:"selectedChange",disabled:"disabledChange",removed:"removed"},ngContentSelectors:y,decls:6,vars:4,consts:[[1,"is-chip",3,"click","size","disabled","variant"],[1,"chip-remove",3,"disabled"],[1,"chip-remove",3,"click"],["name","close"]],template:function(m,r){1&m&&(e.NAR(),e.j41(0,"cue-button",0),e.bIt("click",function(){return r.toggleSelect()}),e.nrm(1,"cue-button-padder"),e.j41(2,"cue-button-label"),e.SdG(3),e.k0s(),e.nrm(4,"cue-button-padder"),e.nVh(5,p,2,4,"span",1),e.k0s()),2&m&&(e.Y8G("size",r.size())("disabled",r.disabled())("variant",r.selected()?r.variant():"secondary"),e.R7$(5),e.vxM(r.removable()?5:-1))},dependencies:[_.$,b.z,i.L,h.A],styles:["cue-button.is-chip[_ngcontent-%COMP%]{--cue-button-s-padding-x: 8px;--cue-button-m-padding-x: 12px;--cue-button-l-padding-x: 16px}.chip-remove[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;--cue-icon-width: .9em;margin-inline-start:4px;margin-inline-end:-2px;border-radius:50%;cursor:pointer;opacity:.6;transition:opacity .1s ease,background-color .1s ease}.chip-remove[_ngcontent-%COMP%]:hover{opacity:1;background-color:color-mix(in srgb,currentColor 18%,transparent)}.chip-remove.disabled[_ngcontent-%COMP%]{pointer-events:none;opacity:.3}"],changeDetection:0})}return l})()},9134(f,v,n){n.d(v,{v:()=>h});var t=n(7705),_=n(6034),b=n(7517),i=n(5547);let h=(()=>{class e{title=(0,t.hFB)("Legend");layers=(0,t.hFB)([]);position=(0,t.hFB)("top-left");close=(0,t.CGW)();visibilityChange=(0,t.CGW)();layerChange=(0,t.CGW)();visibilityAll=(0,t.CGW)();static \u0275fac=function(p){return new(p||e)};static \u0275cmp=i.VBU({type:e,selectors:[["cue-color-legend-panel"]],inputs:{title:[1,"title"],layers:[1,"layers"],position:[1,"position"]},outputs:{close:"close",visibilityChange:"visibilityChange",layerChange:"layerChange",visibilityAll:"visibilityAll"},decls:3,vars:4,consts:[[3,"clickedClose","label","padded","position"],[1,"content"],[3,"visibilityAll","layerChange","visibilityChange","layers"]],template:function(p,s){1&p&&(i.j41(0,"cue-draggable-card",0),i.bIt("clickedClose",function(){return s.close.emit()}),i.j41(1,"div",1)(2,"cue-layer-legend",2),i.bIt("visibilityAll",function(u){return s.visibilityAll.emit(u)})("layerChange",function(u){return s.layerChange.emit(u)})("visibilityChange",function(u){return s.visibilityChange.emit(u)}),i.k0s()()()),2&p&&(i.Y8G("label",s.title())("padded",!1)("position",s.position()),i.R7$(2),i.Y8G("layers",s.layers()))},dependencies:[_.y,b.P],styles:[".content[_ngcontent-%COMP%]{padding-left:10px;padding-right:10px;margin-bottom:30px;font-size:.8em;max-height:200px;max-width:180px;overflow:auto}"]})}return e})()}}]);
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[2076],{6034(v,p,o){o.d(p,{y:()=>_});var n=o(7705),u=o(7598),m=o(9769),a=o(5187),h=o(2271),e=o(5547);const C=["*"];let y=(()=>{class l{style=(0,n.hFB)("");gap=(0,n.hFB)("m");columns=(0,n.hFB)(1);getStyles=(0,h.EW)(()=>`\n        grid-template-columns: repeat(${this.columns()}, minmax(0, 1fr));\n        gap: var(--cue-grid-gap-${this.gap()});\n        ${this.style()}\n    `);static \u0275fac=function(i){return new(i||l)};static \u0275cmp=e.VBU({type:l,selectors:[["cue-grid"]],hostVars:2,hostBindings:function(i,t){2&i&&e.Aen(t.getStyles())},inputs:{style:[1,"style"],gap:[1,"gap"],columns:[1,"columns"]},ngContentSelectors:C,decls:1,vars:0,template:function(i,t){1&i&&(e.NAR(),e.SdG(0))},styles:["[_nghost-%COMP%]{display:grid}"]})}return l})();var g=o(2245),s=o(5381),c=o(29);const r=["*"];function b(l,M){if(1&l&&(e.j41(0,"cue-typography",2),e.EFF(1),e.k0s()),2&l){const d=e.XpG();e.R7$(),e.SpI(" ",d.label()," ")}}let _=(()=>{class l{label=(0,n.hFB)("");variant=(0,n.hFB)("default");shadow=(0,n.hFB)(!1);padded=(0,n.hFB)(!0);showCloseBtn=(0,n.hFB)(!0);position=(0,n.hFB)("top-left");clickedClose=(0,n.CGW)();margin=(0,n.hFB)("0.5rem");close(d){d.stopPropagation(),d.stopImmediatePropagation(),this.clickedClose.emit()}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=e.VBU({type:l,selectors:[["cue-draggable-card"]],inputs:{label:[1,"label"],variant:[1,"variant"],shadow:[1,"shadow"],padded:[1,"padded"],showCloseBtn:[1,"showCloseBtn"],position:[1,"position"],margin:[1,"margin"]},outputs:{clickedClose:"clickedClose"},ngContentSelectors:r,decls:8,vars:14,consts:[["cdkDrag","",1,"panel",3,"variant","shadow","padded"],["justify","end"],["size","l"],[2,"width","100%"],["name","close",2,"cursor","pointer",3,"click"]],template:function(i,t){1&i&&(e.NAR(),e.j41(0,"cue-card",0)(1,"cue-typography")(2,"cue-grid")(3,"cue-flexcontainer",1),e.nVh(4,b,2,1,"cue-typography",2),e.nrm(5,"span",3),e.j41(6,"cue-svg-icon",4),e.bIt("click",function(f){return t.close(f)}),e.k0s()(),e.SdG(7),e.k0s()()()),2&i&&(e.xc7("top","top-left"===t.position()||"top-right"===t.position()?t.margin():"null")("bottom","bottom-left"===t.position()||"bottom-right"===t.position()?t.margin():"null")("left","top-left"===t.position()||"bottom-left"===t.position()?t.margin():"null")("right","top-right"===t.position()||"bottom-right"===t.position()?t.margin():"null"),e.Y8G("variant",t.variant())("shadow",t.shadow())("padded",t.padded()),e.R7$(3),e.xc7("padding",t.padded()?"0":"10px"),e.R7$(),e.vxM(t.label()&&"undefined"!==t.label()?4:-1))},dependencies:[m.MD,a.Card,y,g.Typography,s.n,c.A,u.T1],styles:[".panel[_ngcontent-%COMP%]{position:absolute;width:fit-content;z-index:100}"]})}return l})()},9134(v,p,o){o.d(p,{v:()=>h});var n=o(7705),u=o(6034),m=o(7517),a=o(5547);let h=(()=>{class e{title=(0,n.hFB)("Legend");layers=(0,n.hFB)([]);position=(0,n.hFB)("top-left");close=(0,n.CGW)();visibilityChange=(0,n.CGW)();layerChange=(0,n.CGW)();visibilityAll=(0,n.CGW)();static \u0275fac=function(g){return new(g||e)};static \u0275cmp=a.VBU({type:e,selectors:[["cue-color-legend-panel"]],inputs:{title:[1,"title"],layers:[1,"layers"],position:[1,"position"]},outputs:{close:"close",visibilityChange:"visibilityChange",layerChange:"layerChange",visibilityAll:"visibilityAll"},decls:3,vars:4,consts:[[3,"clickedClose","label","padded","position"],[1,"content"],[3,"visibilityAll","layerChange","visibilityChange","layers"]],template:function(g,s){1&g&&(a.j41(0,"cue-draggable-card",0),a.bIt("clickedClose",function(){return s.close.emit()}),a.j41(1,"div",1)(2,"cue-layer-legend",2),a.bIt("visibilityAll",function(r){return s.visibilityAll.emit(r)})("layerChange",function(r){return s.layerChange.emit(r)})("visibilityChange",function(r){return s.visibilityChange.emit(r)}),a.k0s()()()),2&g&&(a.Y8G("label",s.title())("padded",!1)("position",s.position()),a.R7$(2),a.Y8G("layers",s.layers()))},dependencies:[u.y,m.P],styles:[".content[_ngcontent-%COMP%]{padding-left:10px;padding-right:10px;margin-bottom:30px;font-size:.8em;max-height:200px;max-width:180px;overflow:auto}"]})}return e})()}}]);