@rero/rero-ils-ui
Version:
User interface for RERO integrated library system (RERO ILS).
49 lines (41 loc) • 10.5 kB
JavaScript
import{i as pe,j as ce}from"./chunk-MTJX6JRK.js";import{k as de,l as se}from"./chunk-4A4J5SA3.js";import{c as _e,d as me}from"./chunk-DUSRDOA3.js";import{Ba as ae,Ea as re,Fa as le,Ga as h,Ha as E,na as ne,wa as oe,xa as ie,ya as I}from"./chunk-FRI676LD.js";import{_ as Z,ga as ee,wa as te}from"./chunk-WKOKZ3JO.js";import{Cb as R,Db as W,Dd as M,Eb as c,Fa as A,Gc as m,Hc as K,Ic as $,Sb as f,Vc as z,Xc as J,a as k,ac as o,bc as u,cc as g,da as V,dc as S,ea as N,ga as F,gb as a,hc as C,ia as b,ic as x,jc as B,jd as U,kc as D,lc as q,oa as y,pa as T,pd as X,qa as O,rc as w,sc as d,tc as H,uc as P,va as v,vc as L,vd as Y,wc as G,xc as s,yb as Q,yc as _,zb as j}from"./chunk-3WD6XLXL.js";var ue=`
.p-panel {
display: block;
border: 1px solid dt('panel.border.color');
border-radius: dt('panel.border.radius');
background: dt('panel.background');
color: dt('panel.color');
}
.p-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: dt('panel.header.padding');
background: dt('panel.header.background');
color: dt('panel.header.color');
border-style: solid;
border-width: dt('panel.header.border.width');
border-color: dt('panel.header.border.color');
border-radius: dt('panel.header.border.radius');
}
.p-panel-toggleable .p-panel-header {
padding: dt('panel.toggleable.header.padding');
}
.p-panel-title {
line-height: 1;
font-weight: dt('panel.title.font.weight');
}
.p-panel-content-container {
display: grid;
grid-template-rows: 1fr;
}
.p-panel-content-wrapper {
min-height: 0;
}
.p-panel-content {
padding: dt('panel.content.padding');
}
.p-panel-footer {
padding: dt('panel.footer.padding');
}
`;var he=["header"],be=["icons"],ye=["content"],Te=["footer"],ve=["headericons"],Ce=["contentWrapper"],xe=["*",[["p-header"]],[["p-footer"]]],Be=["*","p-header","p-footer"],we=t=>({$implicit:t});function Pe(t,p){if(t&1&&(u(0,"span",4),K(1),g()),t&2){let e=d(2);m(e.cx("title")),o("pBind",e.ptm("title")),f("id",e.id+"_header"),a(),$(e._header)}}function Me(t,p){t&1&&B(0)}function Ie(t,p){}function Ee(t,p){t&1&&c(0,Ie,0,0,"ng-template")}function ke(t,p){if(t&1&&(C(0),O(),S(1,"svg",12),x()),t&2){let e=d(5);a(),o("pBind",e.ptm("pcToggleButton.icon"))}}function Oe(t,p){if(t&1&&(C(0),O(),S(1,"svg",13),x()),t&2){let e=d(5);a(),o("pBind",e.ptm("pcToggleButton.icon"))}}function Ae(t,p){if(t&1&&(C(0),c(1,ke,2,1,"ng-container",10)(2,Oe,2,1,"ng-container",10),x()),t&2){let e=d(4);a(),o("ngIf",!e.collapsed),a(),o("ngIf",e.collapsed)}}function Se(t,p){}function De(t,p){t&1&&c(0,Se,0,0,"ng-template")}function Ve(t,p){if(t&1&&c(0,Ae,3,2,"ng-container",10)(1,De,1,0,null,11),t&2){let e=d(3);o("ngIf",!e.headerIconsTemplate&&!e._headerIconsTemplate&&!(e.toggleButtonProps!=null&&e.toggleButtonProps.icon)),a(),o("ngTemplateOutlet",e.headerIconsTemplate||e._headerIconsTemplate)("ngTemplateOutletContext",J(3,we,e.collapsed))}}function Ne(t,p){if(t&1){let e=D();u(0,"p-button",9),w("click",function(n){y(e);let r=d(2);return T(r.onIconClick(n))})("keydown",function(n){y(e);let r=d(2);return T(r.onKeyDown(n))}),c(1,Ve,2,5,"ng-template",null,1,U),g()}if(t&2){let e=d(2);o("text",!0)("rounded",!0)("styleClass",e.cx("pcToggleButton"))("buttonProps",e.toggleButtonProps)("pt",e.ptm("pcToggleButton"))("unstyled",e.unstyled()),f("id",e.id+"_header")("aria-label",e.buttonAriaLabel)("aria-controls",e.id+"_content")("aria-expanded",!e.collapsed)}}function Fe(t,p){if(t&1){let e=D();u(0,"div",7),w("click",function(n){y(e);let r=d();return T(r.onHeaderClick(n))}),c(1,Pe,2,5,"span",6),P(2,1),c(3,Me,1,0,"ng-container",5),u(4,"div",4),c(5,Ee,1,0,null,5)(6,Ne,3,10,"p-button",8),g()()}if(t&2){let e=d();m(e.cx("header")),o("pBind",e.ptm("header")),f("id",e.id+"-titlebar")("data-p",e.dataP),a(),o("ngIf",e._header),a(2),o("ngTemplateOutlet",e.headerTemplate||e._headerTemplate),a(),m(e.cx("headerActions")),o("pBind",e.ptm("headerActions")),a(),o("ngTemplateOutlet",e.iconsTemplate||e._iconsTemplate),a(),o("ngIf",e.toggleable)}}function Qe(t,p){t&1&&B(0)}function je(t,p){t&1&&B(0)}function Re(t,p){if(t&1&&(u(0,"div",4),P(1,2),c(2,je,1,0,"ng-container",5),g()),t&2){let e=d();m(e.cx("footer")),o("pBind",e.ptm("footer")),a(2),o("ngTemplateOutlet",e.footerTemplate||e._footerTemplate)}}var We={root:({instance:t})=>["p-panel p-component",{"p-panel-toggleable":t.toggleable,"p-panel-expanded":!t._collapsed&&t.toggleable,"p-panel-collapsed":t._collapsed&&t.toggleable}],header:"p-panel-header",title:"p-panel-title",headerActions:({instance:t})=>["p-panel-header-actions",{"p-panel-icons-start":t.iconPos==="start","p-panel-icons-end":t.iconPos==="end","p-panel-icons-center":t.iconPos==="center"}],pcToggleButton:"p-panel-toggle-button",contentContainer:"p-panel-content-container",contentWrapper:"p-panel-content-wrapper",content:"p-panel-content",footer:"p-panel-footer"},ge=(()=>{class t extends ae{name="panel";style=ue;classes=We;static \u0275fac=(()=>{let e;return function(n){return(e||(e=A(t)))(n||t)}})();static \u0275prov=V({token:t,factory:t.\u0275fac})}return t})();var fe=new F("PANEL_INSTANCE"),qe=(()=>{class t extends le{componentName="Panel";$pcPanel=b(fe,{optional:!0,skipSelf:!0})??void 0;_componentStyle=b(ge);bindDirectiveInstance=b(h,{self:!0});onAfterViewChecked(){this.bindDirectiveInstance.setAttrs(this.ptms(["host","root"]))}id=ne("pn_id_");toggleable;_header;_collapsed;get collapsed(){return this._collapsed}set collapsed(e){this._collapsed=e}styleClass;iconPos="end";showHeader=!0;toggler="icon";transitionOptions="400ms cubic-bezier(0.86, 0, 0.07, 1)";toggleButtonProps;motionOptions=Y(void 0);computedMotionOptions=X(()=>k(k({},this.ptm("motion")),this.motionOptions()));collapsedChange=new v;onBeforeToggle=new v;onAfterToggle=new v;footerFacet;headerTemplate;iconsTemplate;contentTemplate;footerTemplate;headerIconsTemplate;_headerTemplate;_iconsTemplate;_contentTemplate;_footerTemplate;_headerIconsTemplate;contentWrapperViewChild;get buttonAriaLabel(){return this._header}onHeaderClick(e){this.toggler==="header"&&this.toggle(e)}onIconClick(e){this.toggler==="icon"&&this.toggle(e)}toggle(e){this.onBeforeToggle.emit({originalEvent:e,collapsed:this.collapsed}),this.collapsed?this.expand():this.collapse(),e.preventDefault()}expand(){this._collapsed=!1,this.collapsedChange.emit(!1),this.updateTabIndex()}collapse(){this._collapsed=!0,this.collapsedChange.emit(!0),this.updateTabIndex()}getBlockableElement(){return this.el.nativeElement}updateTabIndex(){this.contentWrapperViewChild&&this.contentWrapperViewChild.nativeElement.querySelectorAll("input, button, select, a, textarea, [tabindex]").forEach(i=>{this.collapsed?i.setAttribute("tabindex","-1"):i.removeAttribute("tabindex")})}onKeyDown(e){(e.code==="Enter"||e.code==="Space")&&(this.toggle(e),e.preventDefault())}onToggleDone(e){this.onAfterToggle.emit({originalEvent:e,collapsed:this.collapsed})}templates;onAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"header":this._headerTemplate=e.template;break;case"content":this._contentTemplate=e.template;break;case"footer":this._footerTemplate=e.template;break;case"icons":this._iconsTemplate=e.template;break;case"headericons":this._headerIconsTemplate=e.template;break;default:this._contentTemplate=e.template;break}})}get dataP(){return this.cn({toggleable:this.toggleable})}static \u0275fac=(()=>{let e;return function(n){return(e||(e=A(t)))(n||t)}})();static \u0275cmp=Q({type:t,selectors:[["p-panel"]],contentQueries:function(i,n,r){if(i&1&&L(r,oe,5)(r,he,4)(r,be,4)(r,ye,4)(r,Te,4)(r,ve,4)(r,ie,4),i&2){let l;s(l=_())&&(n.footerFacet=l.first),s(l=_())&&(n.headerTemplate=l.first),s(l=_())&&(n.iconsTemplate=l.first),s(l=_())&&(n.contentTemplate=l.first),s(l=_())&&(n.footerTemplate=l.first),s(l=_())&&(n.headerIconsTemplate=l.first),s(l=_())&&(n.templates=l)}},viewQuery:function(i,n){if(i&1&&G(Ce,5),i&2){let r;s(r=_())&&(n.contentWrapperViewChild=r.first)}},hostVars:4,hostBindings:function(i,n){i&2&&(q("id",n.id),f("data-p",n.dataP),m(n.cn(n.cx("root"),n.styleClass)))},inputs:{id:"id",toggleable:[2,"toggleable","toggleable",M],_header:[0,"header","_header"],collapsed:[2,"collapsed","collapsed",M],styleClass:"styleClass",iconPos:"iconPos",showHeader:[2,"showHeader","showHeader",M],toggler:"toggler",transitionOptions:"transitionOptions",toggleButtonProps:"toggleButtonProps",motionOptions:[1,"motionOptions"]},outputs:{collapsedChange:"collapsedChange",onBeforeToggle:"onBeforeToggle",onAfterToggle:"onAfterToggle"},features:[z([ge,{provide:fe,useExisting:t},{provide:re,useExisting:t}]),R([h]),W],ngContentSelectors:Be,decls:8,vars:18,consts:[["contentWrapper",""],["icon",""],[3,"pBind","class","click",4,"ngIf"],["pMotionName","p-collapsible","role","region",3,"pMotionOnAfterEnter","pBind","pMotion","pMotionOptions","id"],[3,"pBind"],[4,"ngTemplateOutlet"],[3,"pBind","class",4,"ngIf"],[3,"click","pBind"],["severity","secondary","type","button","role","button",3,"text","rounded","styleClass","buttonProps","pt","unstyled","click","keydown",4,"ngIf"],["severity","secondary","type","button","role","button",3,"click","keydown","text","rounded","styleClass","buttonProps","pt","unstyled"],[4,"ngIf"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["data-p-icon","minus",3,"pBind"],["data-p-icon","plus",3,"pBind"]],template:function(i,n){i&1&&(H(xe),c(0,Fe,7,12,"div",2),u(1,"div",3),w("pMotionOnAfterEnter",function(l){return n.onToggleDone(l)}),u(2,"div",4)(3,"div",4,0),P(5),c(6,Qe,1,0,"ng-container",5),g(),c(7,Re,3,4,"div",6),g()()),i&2&&(o("ngIf",n.showHeader),a(),m(n.cx("contentContainer")),o("pBind",n.ptm("contentContainer"))("pMotion",!n.toggleable||n.toggleable&&!n.collapsed)("pMotionOptions",n.computedMotionOptions())("id",n.id+"_content"),f("aria-labelledby",n.id+"_header")("aria-hidden",n.collapsed)("tabindex",n.collapsed?"-1":void 0),a(),m(n.cx("contentWrapper")),o("pBind",n.ptm("contentWrapper")),a(),m(n.cx("content")),o("pBind",n.ptm("content")),a(3),o("ngTemplateOutlet",n.contentTemplate||n._contentTemplate),a(),o("ngIf",n.footerFacet||n.footerTemplate||n._footerTemplate))},dependencies:[te,Z,ee,ce,pe,se,de,I,E,h,me,_e],encapsulation:2,changeDetection:0})}return t})(),ft=(()=>{class t{static \u0275fac=function(i){return new(i||t)};static \u0275mod=j({type:t});static \u0275inj=N({imports:[qe,I,E,I,E]})}return t})();export{qe as a,ft as b};