@citizenplane/pimp 18.9.32 → 18.9.33

package/dist/components/CpMenu.vue.d.ts

@@ -2,6 +2,7 @@ import { MenuItem } from 'primevue/menuitem';
 export type CpMenuPlacement = 'start' | 'end';
 export interface Props {
     class?: string;
+    drawerClass?: string;
     forcePopover?: boolean;
     isFullHeightDrawer?: boolean;
     items?: MenuItem[];
@@ -31,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
 }>, {
     class: string;
     items: MenuItem[];
+    drawerClass: string;
     isFullHeightDrawer: boolean;
     keepOpenOnClick: boolean;
     placement: CpMenuPlacement;

package/dist/components/CpMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CpMenu.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpMenu.vue"],"names":[],"mappings":"AA+DA;AAwSA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAajD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,CAAA;AAE7C,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAiVD,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAuB,QAAQ,IAAY,CAAE;AACjI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8ChD,QAAA,MAAM,eAAe;kBApVA,KAAK;;oBAmBH,KAAK;;;;;;;;WAzElB,MAAM;WAGN,QAAQ,EAAE;wBADG,OAAO;qBAEV,OAAO;eACb,eAAe;6EA8Y3B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CpMenu.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpMenu.vue"],"names":[],"mappings":"AA+DA;AAuTA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAajD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,CAAA;AAE7C,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAgWD,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAuB,QAAQ,IAAY,CAAE;AACjI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8ChD,QAAA,MAAM,eAAe;kBArVA,KAAK;;oBAmBH,KAAK;;;;;;;;WAxFlB,MAAM;WAIN,QAAQ,EAAE;iBAHJ,MAAM;wBAEC,OAAO;qBAEV,OAAO;eACb,eAAe;6EA6Z3B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/pimp.es.js

@@ -29651,6 +29651,7 @@ var vN = ["id"], yN = ["role"], bN = /* @__PURE__ */ h({
 	__name: "CpMenu",
 	props: {
 		class: { default: void 0 },
+		drawerClass: { default: void 0 },
 		forcePopover: { type: Boolean },
 		isFullHeightDrawer: {
 			type: Boolean,
@@ -29673,7 +29674,11 @@ var vN = ["id"], yN = ["role"], bN = /* @__PURE__ */ h({
 				duration: 100
 			}
 		})), x = i(() => ({ "cpMenu__drawerOverlay--isOpen": m.value })), S = {
-			root: { class: ["cpMenu__drawer", { "cpMenu__drawer--isFullHeight": r.isFullHeightDrawer }] },
+			root: { class: [
+				"cpMenu__drawer",
+				{ "cpMenu__drawer--isFullHeight": r.isFullHeightDrawer },
+				r.drawerClass
+			] },
 			content: { class: "cpMenu__drawerContent" },
 			header: { class: "cpMenu__drawerHeader" },
 			transition: {

package/dist/pimp.umd.js

@@ -1324,7 +1324,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                                 width: ${this.breakpoints[n]} !important;
                             }
                         }
-                    `;this.styleElement.innerHTML=t}},destroyStyle:function(){this.styleElement&&=(document.head.removeChild(this.styleElement),null)},onOverlayClick:function(e){rM.emit(`overlay-click`,{originalEvent:e,target:this.target})}},directives:{focustrap:Lj,ripple:Kk},components:{Portal:VO}},oM=[`aria-modal`];function sM(e,n,r,i,a,o){var s=(0,t.resolveComponent)(`Portal`),c=(0,t.resolveDirective)(`focustrap`);return(0,t.openBlock)(),(0,t.createBlock)(s,{appendTo:e.appendTo},{default:(0,t.withCtx)(function(){return[(0,t.createVNode)(t.Transition,(0,t.mergeProps)({name:`p-anchored-overlay`,onEnter:o.onEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},e.ptm(`transition`)),{default:(0,t.withCtx)(function(){return[a.visible?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,(0,t.mergeProps)({key:0,ref:o.containerRef,role:`dialog`,"aria-modal":a.visible,onClick:n[3]||=function(){return o.onOverlayClick&&o.onOverlayClick.apply(o,arguments)},class:e.cx(`root`)},e.ptmi(`root`)),[e.$slots.container?(0,t.renderSlot)(e.$slots,`container`,{key:0,closeCallback:o.hide,keydownCallback:function(e){return o.onButtonKeydown(e)}}):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,(0,t.mergeProps)({key:1,class:e.cx(`content`),onClick:n[0]||=function(){return o.onContentClick&&o.onContentClick.apply(o,arguments)},onMousedown:n[1]||=function(){return o.onContentClick&&o.onContentClick.apply(o,arguments)},onKeydown:n[2]||=function(){return o.onContentKeydown&&o.onContentKeydown.apply(o,arguments)}},e.ptm(`content`)),[(0,t.renderSlot)(e.$slots,`default`)],16))],16,oM)),[[c]]):(0,t.createCommentVNode)(``,!0)]}),_:3},16,[`onEnter`,`onLeave`,`onAfterLeave`])]}),_:3},8,[`appendTo`])}aM.render=sM;var cM=[`id`],lM=[`role`],uM=(0,t.defineComponent)({__name:`CpMenuList`,props:{id:{default:void 0},items:{default:()=>[]}},emits:[`click`,`asyncComplete`],setup(e,{emit:n}){let r=n,i=e=>e.separator?`cpMenuList__separator`:`cpMenuList__item`,a=e=>e.separator?`separator`:`none`;return(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{id:e.id,class:`cpMenuList`},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:n,class:(0,t.normalizeClass)(i(e)),role:a(e)},[e.separator?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(cA,(0,t.mergeProps)({key:0,ref_for:!0},e,{role:`menuitem`,onAsyncComplete:o[0]||=e=>r(`asyncComplete`),onClick:o[1]||=e=>r(`click`)}),null,16))],10,lM))),128))],8,cM))}}),dM={class:`cpMenu`},fM={class:`cpMenu__anchor`},pM=[`aria-controls`,`aria-expanded`,`aria-haspopup`],mM={class:`cpMenu__drawerToolbar`},hM={class:`cpMenu__drawerToolbarTitle`},gM=(0,t.defineComponent)({__name:`CpMenu`,props:{class:{default:void 0},forcePopover:{type:Boolean},isFullHeightDrawer:{type:Boolean,default:!1},items:{default:void 0},keepOpenOnClick:{type:Boolean,default:!1},placement:{default:`start`}},emits:[`hide`,`show`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.ref)(null),s=(0,t.ref)(),c=(0,t.ref)(null),l=(0,t.ref)(!1),u=(0,t.useId)(),d=IA(FA.TABLET),f=(0,t.computed)(()=>d.value&&!i.forcePopover),p=(0,t.computed)(()=>i.items?.length),m=(0,t.computed)(()=>p.value?`menu`:`dialog`),h=(0,t.computed)(()=>({root:{class:[`cpMenu__menu`,i.class]},content:{class:`cpMenu__menuContent`},transition:{name:`scale-elastic`,duration:100}})),g=(0,t.computed)(()=>({"cpMenu__drawerOverlay--isOpen":l.value})),_={root:{class:[`cpMenu__drawer`,{"cpMenu__drawer--isFullHeight":i.isFullHeightDrawer}]},content:{class:`cpMenu__drawerContent`},header:{class:`cpMenu__drawerHeader`},transition:{name:`drawer`,duration:300}},v=(0,t.computed)(()=>i.placement===`end`),y=e=>{f.value?l.value=!0:s.value?.show(e,o.value),a(`show`)},b=()=>{f.value?l.value=!1:s.value?.hide(),a(`hide`)},x=()=>{i.keepOpenOnClick||b()},S=e=>{f.value?l.value=!l.value:s.value?.toggle(e,o.value)},C=()=>{if(!o.value)return;let[e]=SA(o.value);e?.focus()},w=()=>{(0,t.nextTick)(()=>(c.value?.$el)?.focus())},T=()=>{l.value=!1,C(),a(`hide`)},E=()=>{if(!s.value)return;let{container:e,target:t}=s.value;if(!e||!t)return;let n=t.offsetWidth,r=e.offsetWidth;e.style.marginLeft=`${(r-n)*-1}px`},D=async()=>{l.value=!0,v.value&&E(),a(`show`)};return n({show:y,hide:b,toggle:S}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,dM,[f.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`cpMenu__drawerOverlay`,g.value])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,fM,[(0,t.createElementVNode)(`div`,{ref_key:`trigger`,ref:o,"aria-controls":(0,t.unref)(u),"aria-expanded":l.value,"aria-haspopup":m.value,class:`cpMenu__trigger`,onClick:S},[(0,t.renderSlot)(n.$slots,`trigger`)],8,pM),f.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(aM),{key:0,ref_key:`popover`,ref:s,"close-on-escape":``,dismissable:``,pt:h.value,onHide:T,onShow:D},{default:(0,t.withCtx)(()=>[p.value?((0,t.openBlock)(),(0,t.createBlock)(uM,{key:0,id:(0,t.unref)(u),items:e.items,onAsyncComplete:x,onClick:x},null,8,[`id`,`items`])):(0,t.renderSlot)(n.$slots,`default`,{key:1})]),_:3},8,[`pt`]))]),f.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Kj),{key:1,visible:l.value,"onUpdate:visible":r[0]||=e=>l.value=e,"auto-z-index":!1,"block-scroll":``,"close-on-escape":``,dismissable:``,position:`bottom`,pt:_,"show-close-icon":!1,onAfterShow:w,onHide:T},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,mM,[(0,t.createElementVNode)(`div`,hM,[(0,t.renderSlot)(n.$slots,`title`)]),(0,t.createVNode)(tO,{ref_key:`closeButton`,ref:c,appearance:`secondary`,"aria-label":`Close drawer`,color:`neutral`,"is-square":``,size:`md`,onClick:b},{"leading-icon":(0,t.withCtx)(()=>[(0,t.createVNode)(Ew,{type:`x`})]),_:1},512)]),p.value?((0,t.openBlock)(),(0,t.createBlock)(uM,{key:0,id:(0,t.unref)(u),items:e.items,onAsyncComplete:x,onClick:x},null,8,[`id`,`items`])):(0,t.renderSlot)(n.$slots,`default`,{key:1})]),_:3},8,[`visible`])):(0,t.createCommentVNode)(``,!0)]))}}),_M={name:`ChevronDownIcon`,extends:mk};function vM(e){return SM(e)||xM(e)||bM(e)||yM()}function yM(){throw TypeError(`Invalid attempt to spread non-iterable instance.
+                    `;this.styleElement.innerHTML=t}},destroyStyle:function(){this.styleElement&&=(document.head.removeChild(this.styleElement),null)},onOverlayClick:function(e){rM.emit(`overlay-click`,{originalEvent:e,target:this.target})}},directives:{focustrap:Lj,ripple:Kk},components:{Portal:VO}},oM=[`aria-modal`];function sM(e,n,r,i,a,o){var s=(0,t.resolveComponent)(`Portal`),c=(0,t.resolveDirective)(`focustrap`);return(0,t.openBlock)(),(0,t.createBlock)(s,{appendTo:e.appendTo},{default:(0,t.withCtx)(function(){return[(0,t.createVNode)(t.Transition,(0,t.mergeProps)({name:`p-anchored-overlay`,onEnter:o.onEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},e.ptm(`transition`)),{default:(0,t.withCtx)(function(){return[a.visible?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,(0,t.mergeProps)({key:0,ref:o.containerRef,role:`dialog`,"aria-modal":a.visible,onClick:n[3]||=function(){return o.onOverlayClick&&o.onOverlayClick.apply(o,arguments)},class:e.cx(`root`)},e.ptmi(`root`)),[e.$slots.container?(0,t.renderSlot)(e.$slots,`container`,{key:0,closeCallback:o.hide,keydownCallback:function(e){return o.onButtonKeydown(e)}}):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,(0,t.mergeProps)({key:1,class:e.cx(`content`),onClick:n[0]||=function(){return o.onContentClick&&o.onContentClick.apply(o,arguments)},onMousedown:n[1]||=function(){return o.onContentClick&&o.onContentClick.apply(o,arguments)},onKeydown:n[2]||=function(){return o.onContentKeydown&&o.onContentKeydown.apply(o,arguments)}},e.ptm(`content`)),[(0,t.renderSlot)(e.$slots,`default`)],16))],16,oM)),[[c]]):(0,t.createCommentVNode)(``,!0)]}),_:3},16,[`onEnter`,`onLeave`,`onAfterLeave`])]}),_:3},8,[`appendTo`])}aM.render=sM;var cM=[`id`],lM=[`role`],uM=(0,t.defineComponent)({__name:`CpMenuList`,props:{id:{default:void 0},items:{default:()=>[]}},emits:[`click`,`asyncComplete`],setup(e,{emit:n}){let r=n,i=e=>e.separator?`cpMenuList__separator`:`cpMenuList__item`,a=e=>e.separator?`separator`:`none`;return(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{id:e.id,class:`cpMenuList`},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:n,class:(0,t.normalizeClass)(i(e)),role:a(e)},[e.separator?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(cA,(0,t.mergeProps)({key:0,ref_for:!0},e,{role:`menuitem`,onAsyncComplete:o[0]||=e=>r(`asyncComplete`),onClick:o[1]||=e=>r(`click`)}),null,16))],10,lM))),128))],8,cM))}}),dM={class:`cpMenu`},fM={class:`cpMenu__anchor`},pM=[`aria-controls`,`aria-expanded`,`aria-haspopup`],mM={class:`cpMenu__drawerToolbar`},hM={class:`cpMenu__drawerToolbarTitle`},gM=(0,t.defineComponent)({__name:`CpMenu`,props:{class:{default:void 0},drawerClass:{default:void 0},forcePopover:{type:Boolean},isFullHeightDrawer:{type:Boolean,default:!1},items:{default:void 0},keepOpenOnClick:{type:Boolean,default:!1},placement:{default:`start`}},emits:[`hide`,`show`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.ref)(null),s=(0,t.ref)(),c=(0,t.ref)(null),l=(0,t.ref)(!1),u=(0,t.useId)(),d=IA(FA.TABLET),f=(0,t.computed)(()=>d.value&&!i.forcePopover),p=(0,t.computed)(()=>i.items?.length),m=(0,t.computed)(()=>p.value?`menu`:`dialog`),h=(0,t.computed)(()=>({root:{class:[`cpMenu__menu`,i.class]},content:{class:`cpMenu__menuContent`},transition:{name:`scale-elastic`,duration:100}})),g=(0,t.computed)(()=>({"cpMenu__drawerOverlay--isOpen":l.value})),_={root:{class:[`cpMenu__drawer`,{"cpMenu__drawer--isFullHeight":i.isFullHeightDrawer},i.drawerClass]},content:{class:`cpMenu__drawerContent`},header:{class:`cpMenu__drawerHeader`},transition:{name:`drawer`,duration:300}},v=(0,t.computed)(()=>i.placement===`end`),y=e=>{f.value?l.value=!0:s.value?.show(e,o.value),a(`show`)},b=()=>{f.value?l.value=!1:s.value?.hide(),a(`hide`)},x=()=>{i.keepOpenOnClick||b()},S=e=>{f.value?l.value=!l.value:s.value?.toggle(e,o.value)},C=()=>{if(!o.value)return;let[e]=SA(o.value);e?.focus()},w=()=>{(0,t.nextTick)(()=>(c.value?.$el)?.focus())},T=()=>{l.value=!1,C(),a(`hide`)},E=()=>{if(!s.value)return;let{container:e,target:t}=s.value;if(!e||!t)return;let n=t.offsetWidth,r=e.offsetWidth;e.style.marginLeft=`${(r-n)*-1}px`},D=async()=>{l.value=!0,v.value&&E(),a(`show`)};return n({show:y,hide:b,toggle:S}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,dM,[f.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`cpMenu__drawerOverlay`,g.value])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,fM,[(0,t.createElementVNode)(`div`,{ref_key:`trigger`,ref:o,"aria-controls":(0,t.unref)(u),"aria-expanded":l.value,"aria-haspopup":m.value,class:`cpMenu__trigger`,onClick:S},[(0,t.renderSlot)(n.$slots,`trigger`)],8,pM),f.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(aM),{key:0,ref_key:`popover`,ref:s,"close-on-escape":``,dismissable:``,pt:h.value,onHide:T,onShow:D},{default:(0,t.withCtx)(()=>[p.value?((0,t.openBlock)(),(0,t.createBlock)(uM,{key:0,id:(0,t.unref)(u),items:e.items,onAsyncComplete:x,onClick:x},null,8,[`id`,`items`])):(0,t.renderSlot)(n.$slots,`default`,{key:1})]),_:3},8,[`pt`]))]),f.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Kj),{key:1,visible:l.value,"onUpdate:visible":r[0]||=e=>l.value=e,"auto-z-index":!1,"block-scroll":``,"close-on-escape":``,dismissable:``,position:`bottom`,pt:_,"show-close-icon":!1,onAfterShow:w,onHide:T},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,mM,[(0,t.createElementVNode)(`div`,hM,[(0,t.renderSlot)(n.$slots,`title`)]),(0,t.createVNode)(tO,{ref_key:`closeButton`,ref:c,appearance:`secondary`,"aria-label":`Close drawer`,color:`neutral`,"is-square":``,size:`md`,onClick:b},{"leading-icon":(0,t.withCtx)(()=>[(0,t.createVNode)(Ew,{type:`x`})]),_:1},512)]),p.value?((0,t.openBlock)(),(0,t.createBlock)(uM,{key:0,id:(0,t.unref)(u),items:e.items,onAsyncComplete:x,onClick:x},null,8,[`id`,`items`])):(0,t.renderSlot)(n.$slots,`default`,{key:1})]),_:3},8,[`visible`])):(0,t.createCommentVNode)(``,!0)]))}}),_M={name:`ChevronDownIcon`,extends:mk};function vM(e){return SM(e)||xM(e)||bM(e)||yM()}function yM(){throw TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function bM(e,t){if(e){if(typeof e==`string`)return CM(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?CM(e,t):void 0}}function xM(e){if(typeof Symbol<`u`&&e[Symbol.iterator]!=null||e[`@@iterator`]!=null)return Array.from(e)}function SM(e){if(Array.isArray(e))return CM(e)}function CM(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function wM(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,(0,t.mergeProps)({width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},e.pti()),vM(n[0]||=[(0,t.createElementVNode)(`path`,{d:`M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z`,fill:`currentColor`},null,-1)]),16)}_M.render=wM;var TM={name:`TimesCircleIcon`,extends:mk};function EM(e){return AM(e)||kM(e)||OM(e)||DM()}function DM(){throw TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function OM(e,t){if(e){if(typeof e==`string`)return jM(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?jM(e,t):void 0}}function kM(e){if(typeof Symbol<`u`&&e[Symbol.iterator]!=null||e[`@@iterator`]!=null)return Array.from(e)}function AM(e){if(Array.isArray(e))return jM(e)}function jM(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function MM(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,(0,t.mergeProps)({width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},e.pti()),EM(n[0]||=[(0,t.createElementVNode)(`path`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`,d:`M7 14C5.61553 14 4.26215 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67879C0.00303296 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05026C3.02922 1.07129 4.2765 0.404603 5.63437 0.134506C6.99224 -0.13559 8.3997 0.00303296 9.67879 0.532846C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26215 14 5.61553 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM7 1.16667C5.84628 1.16667 4.71846 1.50879 3.75918 2.14976C2.79989 2.79074 2.05222 3.70178 1.61071 4.76768C1.16919 5.83358 1.05367 7.00647 1.27876 8.13803C1.50384 9.26958 2.05941 10.309 2.87521 11.1248C3.69102 11.9406 4.73042 12.4962 5.86198 12.7212C6.99353 12.9463 8.16642 12.8308 9.23232 12.3893C10.2982 11.9478 11.2093 11.2001 11.8502 10.2408C12.4912 9.28154 12.8333 8.15373 12.8333 7C12.8333 5.45291 12.2188 3.96918 11.1248 2.87521C10.0308 1.78125 8.5471 1.16667 7 1.16667ZM4.66662 9.91668C4.58998 9.91704 4.51404 9.90209 4.44325 9.87271C4.37246 9.84333 4.30826 9.8001 4.2544 9.74557C4.14516 9.6362 4.0838 9.48793 4.0838 9.33335C4.0838 9.17876 4.14516 9.0305 4.2544 8.92113L6.17553 7L4.25443 5.07891C4.15139 4.96832 4.09529 4.82207 4.09796 4.67094C4.10063 4.51982 4.16185 4.37563 4.26872 4.26876C4.3756 4.16188 4.51979 4.10066 4.67091 4.09799C4.82204 4.09532 4.96829 4.15142 5.07887 4.25446L6.99997 6.17556L8.92106 4.25446C9.03164 4.15142 9.1779 4.09532 9.32903 4.09799C9.48015 4.10066 9.62434 4.16188 9.73121 4.26876C9.83809 4.37563 9.89931 4.51982 9.90198 4.67094C9.90464 4.82207 9.84855 4.96832 9.74551 5.07891L7.82441 7L9.74554 8.92113C9.85478 9.0305 9.91614 9.17876 9.91614 9.33335C9.91614 9.48793 9.85478 9.6362 9.74554 9.74557C9.69168 9.8001 9.62748 9.84333 9.55669 9.87271C9.4859 9.90209 9.40996 9.91704 9.33332 9.91668C9.25668 9.91704 9.18073 9.90209 9.10995 9.87271C9.03916 9.84333 8.97495 9.8001 8.9211 9.74557L6.99997 7.82444L5.07884 9.74557C5.02499 9.8001 4.96078 9.84333 4.88999 9.87271C4.81921 9.90209 4.74326 9.91704 4.66662 9.91668Z`,fill:`currentColor`},null,-1)]),16)}TM.render=MM;var NM=V.extend({name:`chip`,style:`
     .p-chip {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "18.9.32",
+  "version": "18.9.33",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpMenu.vue

@@ -81,6 +81,7 @@ export type CpMenuPlacement = 'start' | 'end'
 
 export interface Props {
   class?: string
+  drawerClass?: string
   forcePopover?: boolean
   isFullHeightDrawer?: boolean
   items?: MenuItem[]
@@ -90,6 +91,7 @@ export interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   class: undefined,
+  drawerClass: undefined,
   isFullHeightDrawer: false,
   items: undefined,
   keepOpenOnClick: false,
@@ -124,10 +126,23 @@ const drawerOverlayDynamicClass = computed(() => ({
 }))
 
 const drawerPt = {
-  root: { class: ['cpMenu__drawer', { 'cpMenu__drawer--isFullHeight': props.isFullHeightDrawer }] },
-  content: { class: 'cpMenu__drawerContent' },
-  header: { class: 'cpMenu__drawerHeader' },
-  transition: { name: 'drawer', duration: 300 },
+  root: {
+    class: [
+      'cpMenu__drawer',
+      { 'cpMenu__drawer--isFullHeight': props.isFullHeightDrawer },
+      props.drawerClass,
+    ],
+  },
+  content: {
+    class: 'cpMenu__drawerContent'
+   },
+  header: {
+    class: 'cpMenu__drawerHeader'
+   },
+  transition: {
+    name: 'drawer',
+    duration: 300
+   },
 }
 
 const isPopoverPlacementEnd = computed(() => props.placement === 'end')