@oslokommune/punkt-vue 16.11.1 → 16.13.0

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.
@@ -1 +1 @@
1
- const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`),t=require(`./Icon-CWAl4gIM.cjs`);let n=require(`vue`);var r={name:`PktButton`,components:{PktIcon:t.t},props:{disabled:{type:Boolean,required:!1,default:!1},iconName:{type:String,required:!1,default:`user`},secondIconName:{type:String,required:!1,default:`user`},size:{type:String,default:`medium`,validator:e=>[`small`,`medium`,`large`].includes(e)},skin:{type:String,default:`primary`,validator:e=>[`primary`,`secondary`,`tertiary`].includes(e)},color:{type:String,validator:e=>[`blue`,`blue-outline`,`green`,`green-outline`,`green-dark`,`green-dark-outline`,`beige-light`,`beige-dark-outline`,`yellow`,`yellow-outline`,`red`,`red-outline`].includes(e)},text:{type:String,required:!1,default:`Trykk her`},variant:{type:String,default:`label-only`,validator:e=>[`label-only`,`icon-left`,`icon-right`,`icon-only`,`icons-right-and-left`].includes(e)},state:{type:String,required:!1,validator:e=>[`normal`,`focus`,`hover`,`active`].includes(e)},type:{type:String,default:`button`,validator:e=>[`button`,`submit`,`reset`].includes(e)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return[`pkt-btn`,this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass,this.stateClass]},sizeClass(){return this.size===`medium`?``:`pkt-btn--${this.size}`},skinClass(){return this.skin===`primary`?``:`pkt-btn--${this.skin}`},colorClass(){return this.color?`pkt-btn--${this.color}`:``},stateClass(){return this.state?`pkt-btn--${this.state}`:``},variantClass(){return this.variant===`label-only`?``:`pkt-btn--${this.variant}`},isLoadingClass(){return this.isLoading===!0?`pkt-btn--active`:``}}},i=[`type`,`disabled`],a={class:`pkt-btn__text`};function o(e,t,r,o,s,c){let l=(0,n.resolveComponent)(`PktIcon`);return(0,n.openBlock)(),(0,n.createElementBlock)(`button`,(0,n.mergeProps)(e.$attrs,{type:r.type,class:c.classes,onClick:t[0]||=t=>e.$emit(`onClick`),onKeyup:t[1]||=(0,n.withKeys)(t=>e.$emit(`onClick`),[`enter`]),disabled:r.disabled}),[r.isLoading===!0?((0,n.openBlock)(),(0,n.createBlock)(l,{key:0,class:`pkt-btn__icon pkt-btn__spinner`,name:`spinner-blue`,path:`https://punkt-cdn.oslo.kommune.no/16.11/animations/`})):(0,n.createCommentVNode)(``,!0),r.variant===`label-only`?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createBlock)(l,{key:1,class:`pkt-btn__icon`,name:r.iconName},null,8,[`name`])),(0,n.createElementVNode)(`span`,a,[(0,n.renderSlot)(e.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.text),1)])]),r.variant===`icons-right-and-left`?((0,n.openBlock)(),(0,n.createBlock)(l,{key:2,class:`pkt-btn__icon`,name:r.secondIconName},null,8,[`name`])):(0,n.createCommentVNode)(``,!0)],16,i)}var s=e.t(r,[[`render`,o]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
1
+ const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`),t=require(`./Icon-CWAl4gIM.cjs`);let n=require(`vue`);var r={name:`PktButton`,components:{PktIcon:t.t},props:{disabled:{type:Boolean,required:!1,default:!1},iconName:{type:String,required:!1,default:`user`},secondIconName:{type:String,required:!1,default:`user`},size:{type:String,default:`medium`,validator:e=>[`small`,`medium`,`large`].includes(e)},skin:{type:String,default:`primary`,validator:e=>[`primary`,`secondary`,`tertiary`].includes(e)},color:{type:String,validator:e=>[`blue`,`blue-outline`,`green`,`green-outline`,`green-dark`,`green-dark-outline`,`beige-light`,`beige-dark-outline`,`yellow`,`yellow-outline`,`red`,`red-outline`].includes(e)},text:{type:String,required:!1,default:`Trykk her`},variant:{type:String,default:`label-only`,validator:e=>[`label-only`,`icon-left`,`icon-right`,`icon-only`,`icons-right-and-left`].includes(e)},state:{type:String,required:!1,validator:e=>[`normal`,`focus`,`hover`,`active`].includes(e)},type:{type:String,default:`button`,validator:e=>[`button`,`submit`,`reset`].includes(e)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return[`pkt-btn`,this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass,this.stateClass]},sizeClass(){return this.size===`medium`?``:`pkt-btn--${this.size}`},skinClass(){return this.skin===`primary`?``:`pkt-btn--${this.skin}`},colorClass(){return this.color?`pkt-btn--${this.color}`:``},stateClass(){return this.state?`pkt-btn--${this.state}`:``},variantClass(){return this.variant===`label-only`?``:`pkt-btn--${this.variant}`},isLoadingClass(){return this.isLoading===!0?`pkt-btn--active`:``}}},i=[`type`,`disabled`],a={class:`pkt-btn__text`};function o(e,t,r,o,s,c){let l=(0,n.resolveComponent)(`PktIcon`);return(0,n.openBlock)(),(0,n.createElementBlock)(`button`,(0,n.mergeProps)(e.$attrs,{type:r.type,class:c.classes,onClick:t[0]||=t=>e.$emit(`onClick`),onKeyup:t[1]||=(0,n.withKeys)(t=>e.$emit(`onClick`),[`enter`]),disabled:r.disabled}),[r.isLoading===!0?((0,n.openBlock)(),(0,n.createBlock)(l,{key:0,class:`pkt-btn__icon pkt-btn__spinner`,name:`spinner-blue`,path:`https://punkt-cdn.oslo.kommune.no/16.13/animations/`})):(0,n.createCommentVNode)(``,!0),r.variant===`label-only`?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createBlock)(l,{key:1,class:`pkt-btn__icon`,name:r.iconName},null,8,[`name`])),(0,n.createElementVNode)(`span`,a,[(0,n.renderSlot)(e.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.text),1)])]),r.variant===`icons-right-and-left`?((0,n.openBlock)(),(0,n.createBlock)(l,{key:2,class:`pkt-btn__icon`,name:r.secondIconName},null,8,[`name`])):(0,n.createCommentVNode)(``,!0)],16,i)}var s=e.t(r,[[`render`,o]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
@@ -141,7 +141,7 @@ function g(e, t, p, g, _, v) {
141
141
  key: 0,
142
142
  class: "pkt-btn__icon pkt-btn__spinner",
143
143
  name: "spinner-blue",
144
- path: "https://punkt-cdn.oslo.kommune.no/16.11/animations/"
144
+ path: "https://punkt-cdn.oslo.kommune.no/16.13/animations/"
145
145
  })) : r("", !0),
146
146
  p.variant === "label-only" ? r("", !0) : (c(), n(y, {
147
147
  key: 1,
@@ -1 +1 @@
1
- const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`),t=require(`./plugins-Dv4f6RT9.cjs`),n=require(`./Icon-CWAl4gIM.cjs`),r=require(`./Button-BZp49YQT.cjs`);let i=require(`vue`);var a={name:`PktHeader`,components:{PktIcon:n.t,PktButton:r.t},data(){return{hidden:!1,userMenuOpen:!1,userMenuClickInside:!1,lastScrollPosition:0}},props:{logoLink:{type:[String,Function],required:!1,default:`https://www.oslo.kommune.no/`},serviceName:{type:String,required:!1},fixed:{type:Boolean,default:!0},scrollToHide:{type:Boolean,default:!0},user:{type:Object,required:!1},userMenu:{type:Array,required:!1},representing:{type:Object,required:!1},userOptions:{type:Array,required:!1},userMenuFooter:{type:Array,required:!1},canChangeRepresentation:{type:Boolean,default:!0},showMenuButton:{type:Boolean,default:!1},showLogOutButton:{type:Boolean,default:!1}},computed:{lastLoggedIn(){return typeof this.user.lastLoggedIn==`string`?this.user.lastLoggedIn:user?.lastLoggedIn?new Date(this.user.lastLoggedIn).toLocaleString(`nb-NO`,{year:`numeric`,month:`long`,day:`numeric`}):``}},methods:{openUserMenu(){this.userMenuOpen=!this.userMenuOpen},clickOutside(e){this.$refs.userMenu?.contains(e.target)||(this.userMenuOpen=!1)},onScroll(){if(this.scrollToHide){let e=window.pageYOffset||document.documentElement.scrollTop;if(e<0||Math.abs(e-this.lastScrollPosition)<60)return;this.hidden=e>this.lastScrollPosition,this.lastScrollPosition=e}}},watch:{hidden(e){e&&(this.userMenuOpen=!1)}},created(){this.__handlerRef__=this.clickOutside.bind(this),document.body.addEventListener(`click`,this.__handlerRef__),window.addEventListener(`scroll`,this.onScroll)},unmounted(){document.body.removeEventListener(`click`,this.__handlerRef__),window.removeEventListener(`scroll`,this.onScroll)}},o={class:`pkt-header__logo`},s=[`href`],c={key:2,class:`pkt-header__logo-service`,translate:`no`},l={class:`pkt-header__actions`},u={class:`pkt-header__actions-row`},d={key:0},f=[`aria-expanded`],p={key:0,class:`pkt-header__user-fullname pkt-btn__text`,translate:`no`},m={key:1,class:`pkt-header__user-shortname pkt-btn__text`,translate:`no`},h={id:`pktUserDropdown`,class:`pkt-header__dropdown pkt-user-menu`},g={key:0},_={class:`pkt-user-menu__name`,translate:`no`},v={key:0,class:`pkt-user-menu__last-logged-in`},y={key:1},b={class:`pkt-list`},x=[`href`],S=[`onClick`],C={key:2},w={class:`pkt-user-menu__name`,translate:`no`},T={key:0,class:`pkt-user-menu__org-number`},E={class:`pkt-list mt-size-16`},D={key:0,class:`pkt-list`},O=[`href`],k={key:0},A={key:3,class:`footer`},j={class:`pkt-list-horizontal bordered`},M=[`href`],N=[`onClick`],P={key:2};function F(e,t,n,r,a,F){let I=(0,i.resolveComponent)(`PktIcon`),L=(0,i.resolveComponent)(`PktButton`);return(0,i.openBlock)(),(0,i.createElementBlock)(`header`,{id:`pkt-header`,"aria-label":`Topp`,class:(0,i.normalizeClass)({"pkt-header":!0,"pkt-header--fixed":n.fixed,"pkt-header--scroll-to-hide":n.scrollToHide,"pkt-header--hidden":a.hidden})},[(0,i.createElementVNode)(`div`,o,[typeof n.logoLink==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,"aria-label":`Tilbake til forside`,class:`pkt-header__logo-link`,href:n.logoLink},[(0,i.createVNode)(I,{name:`oslologo`,class:`pkt-header__logo-svg`,"aria-hidden":`true`,path:`https://punkt-cdn.oslo.kommune.no/16.11/logos/`})],8,s)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,"aria-label":`Tilbake til forside`,class:`pkt-link-button pkt-link pkt-header__logo-link`,onClick:t[0]||=(...e)=>n.logoLink&&n.logoLink(...e)},[(0,i.createVNode)(I,{name:`oslologo`,class:`pkt-header__logo-svg`,"aria-hidden":`true`,path:`https://punkt-cdn.oslo.kommune.no/16.11/logos/`})])),n.serviceName?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,c,(0,i.toDisplayString)(n.serviceName),1)):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`nav`,l,[(0,i.createElementVNode)(`ul`,u,[n.showMenuButton?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,d,[(0,i.createVNode)(L,{class:`pkt-header__menu-btn`,skin:`secondary`,variant:`icon-right`,iconName:`menu`,onOnClick:t[1]||=t=>e.$emit(`openMenu`)},{default:(0,i.withCtx)(()=>[...t[7]||=[(0,i.createTextVNode)(`Meny`,-1)]]),_:1})])):(0,i.createCommentVNode)(``,!0),n.user||n.representing?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:1,class:(0,i.normalizeClass)([`pkt-header--has-dropdown`,{"pkt-header--open-dropdown":a.userMenuOpen}]),ref:`userMenu`},[(0,i.createElementVNode)(`button`,{class:`pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left`,type:`button`,"aria-controls":`pktUserDropdown`,"aria-expanded":a.userMenuOpen,onClick:t[2]||=(...e)=>F.openUserMenu&&F.openUserMenu(...e)},[(0,i.createVNode)(I,{name:`user`,class:`pkt-btn__icon`}),n.representing?.name||n.user?.name?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,(0,i.toDisplayString)(n.representing?.name||n.user?.name),1)):(0,i.createCommentVNode)(``,!0),n.representing?.shortname||n.user?.shortname?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,m,(0,i.toDisplayString)(n.representing?.shortname||n.user?.shortname),1)):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(I,{name:`chevron-thin-down`,class:`pkt-btn--closed`}),(0,i.createVNode)(I,{name:`chevron-thin-up`,class:`pkt-btn--open`})],8,f),(0,i.createElementVNode)(`ul`,h,[n.user?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,g,[t[9]||=(0,i.createElementVNode)(`div`,{class:`pkt-user-menu__label`},`Pålogget som`,-1),(0,i.createElementVNode)(`div`,_,(0,i.toDisplayString)(n.user.name),1),n.user.lastLoggedIn?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,v,[t[8]||=(0,i.createTextVNode)(` Sist pålogget: `,-1),(0,i.createElementVNode)(`time`,null,(0,i.toDisplayString)(F.lastLoggedIn),1)])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),n.userMenu?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,y,[(0,i.createElementVNode)(`ul`,b,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.userMenu,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:`userMenu-${t}`},[typeof e.target==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,href:e.target,class:`pkt-link`},[e.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:e.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(e.title),1)],8,x)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,class:`pkt-link-button pkt-link`,onClick:e.target},[e.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:e.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(e.title),1)],8,S))]))),128))])])):(0,i.createCommentVNode)(``,!0),n.representing||n.canChangeRepresentation?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,C,[n.representing?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[t[10]||=(0,i.createElementVNode)(`div`,{class:`pkt-user-menu__label`},`Representerer`,-1),(0,i.createElementVNode)(`div`,w,(0,i.toDisplayString)(n.representing.name),1),n.representing.orgNumber?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,T,` Org.nr. `+(0,i.toDisplayString)(n.representing.orgNumber),1)):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`ul`,E,[(0,i.createElementVNode)(`li`,null,[n.canChangeRepresentation?((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:0,class:`pkt-link-button pkt-link`,onClick:t[3]||=t=>e.$emit(`changeRepresentation`)},[(0,i.createVNode)(I,{name:`cogwheel`,class:`pkt-link__icon`}),t[11]||=(0,i.createTextVNode)(` Endre organisasjon `,-1)])):(0,i.createCommentVNode)(``,!0)])])])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`li`,null,[n.userOptions||!n.showLogOutButton?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,D,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.userOptions,(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:`userOptions-${r}`},[typeof n.target==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,href:n.target,class:`pkt-link`},[n.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:n.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(n.title),1)],8,O)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,class:`pkt-link-button pkt-link`,onClick:t[4]||=t=>e.$emit(`logOut`)},[n.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:n.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(n.title),1)]))]))),128)),n.showLogOutButton?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`li`,k,[(0,i.createElementVNode)(`button`,{class:`pkt-link-button pkt-link`,onClick:t[5]||=t=>e.$emit(`logOut`)},[(0,i.createVNode)(I,{name:`exit`,class:`pkt-link__icon`}),t[12]||=(0,i.createTextVNode)(` Logg ut `,-1)])]))])):(0,i.createCommentVNode)(``,!0)]),n.userMenuFooter?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,A,[(0,i.createElementVNode)(`ul`,j,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.userMenuFooter,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:`userMenuFooter-${t}`},[typeof e.target==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,href:e.target,class:`pkt-link`},(0,i.toDisplayString)(e.title),9,M)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,class:`pkt-link-button pkt-link`,onClick:e.target},(0,i.toDisplayString)(e.title),9,N))]))),128))])])):(0,i.createCommentVNode)(``,!0)])],2)):(0,i.createCommentVNode)(``,!0),n.showLogOutButton?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,P,[(0,i.createVNode)(L,{class:`pkt-header__user-btn pkt-header__user-btn-logout`,iconName:`exit`,onOnClick:t[6]||=t=>e.$emit(`logOut`),skin:`secondary`,variant:`icon-right`},{default:(0,i.withCtx)(()=>[...t[13]||=[(0,i.createTextVNode)(` Logg ut `,-1)]]),_:1})])):(0,i.createCommentVNode)(``,!0)])])],2)}var I=e.t(a,[[`render`,F]]),L={install(e){t.t(e,I)}};t.r(L),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return L}});
1
+ const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`),t=require(`./plugins-Dv4f6RT9.cjs`),n=require(`./Icon-CWAl4gIM.cjs`),r=require(`./Button-BZp49YQT.cjs`);let i=require(`vue`);var a={name:`PktHeader`,components:{PktIcon:n.t,PktButton:r.t},data(){return{hidden:!1,userMenuOpen:!1,userMenuClickInside:!1,lastScrollPosition:0}},props:{logoLink:{type:[String,Function],required:!1,default:`https://www.oslo.kommune.no/`},serviceName:{type:String,required:!1},fixed:{type:Boolean,default:!0},scrollToHide:{type:Boolean,default:!0},user:{type:Object,required:!1},userMenu:{type:Array,required:!1},representing:{type:Object,required:!1},userOptions:{type:Array,required:!1},userMenuFooter:{type:Array,required:!1},canChangeRepresentation:{type:Boolean,default:!0},showMenuButton:{type:Boolean,default:!1},showLogOutButton:{type:Boolean,default:!1}},computed:{lastLoggedIn(){return typeof this.user.lastLoggedIn==`string`?this.user.lastLoggedIn:user?.lastLoggedIn?new Date(this.user.lastLoggedIn).toLocaleString(`nb-NO`,{year:`numeric`,month:`long`,day:`numeric`}):``}},methods:{openUserMenu(){this.userMenuOpen=!this.userMenuOpen},clickOutside(e){this.$refs.userMenu?.contains(e.target)||(this.userMenuOpen=!1)},onScroll(){if(this.scrollToHide){let e=window.pageYOffset||document.documentElement.scrollTop;if(e<0||Math.abs(e-this.lastScrollPosition)<60)return;this.hidden=e>this.lastScrollPosition,this.lastScrollPosition=e}}},watch:{hidden(e){e&&(this.userMenuOpen=!1)}},created(){this.__handlerRef__=this.clickOutside.bind(this),document.body.addEventListener(`click`,this.__handlerRef__),window.addEventListener(`scroll`,this.onScroll)},unmounted(){document.body.removeEventListener(`click`,this.__handlerRef__),window.removeEventListener(`scroll`,this.onScroll)}},o={class:`pkt-header__logo`},s=[`href`],c={key:2,class:`pkt-header__logo-service`,translate:`no`},l={class:`pkt-header__actions`},u={class:`pkt-header__actions-row`},d={key:0},f=[`aria-expanded`],p={key:0,class:`pkt-header__user-fullname pkt-btn__text`,translate:`no`},m={key:1,class:`pkt-header__user-shortname pkt-btn__text`,translate:`no`},h={id:`pktUserDropdown`,class:`pkt-header__dropdown pkt-user-menu`},g={key:0},_={class:`pkt-user-menu__name`,translate:`no`},v={key:0,class:`pkt-user-menu__last-logged-in`},y={key:1},b={class:`pkt-list`},x=[`href`],S=[`onClick`],C={key:2},w={class:`pkt-user-menu__name`,translate:`no`},T={key:0,class:`pkt-user-menu__org-number`},E={class:`pkt-list mt-size-16`},D={key:0,class:`pkt-list`},O=[`href`],k={key:0},A={key:3,class:`footer`},j={class:`pkt-list-horizontal bordered`},M=[`href`],N=[`onClick`],P={key:2};function F(e,t,n,r,a,F){let I=(0,i.resolveComponent)(`PktIcon`),L=(0,i.resolveComponent)(`PktButton`);return(0,i.openBlock)(),(0,i.createElementBlock)(`header`,{id:`pkt-header`,"aria-label":`Topp`,class:(0,i.normalizeClass)({"pkt-header":!0,"pkt-header--fixed":n.fixed,"pkt-header--scroll-to-hide":n.scrollToHide,"pkt-header--hidden":a.hidden})},[(0,i.createElementVNode)(`div`,o,[typeof n.logoLink==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,"aria-label":`Tilbake til forside`,class:`pkt-header__logo-link`,href:n.logoLink},[(0,i.createVNode)(I,{name:`oslologo`,class:`pkt-header__logo-svg`,"aria-hidden":`true`,path:`https://punkt-cdn.oslo.kommune.no/16.13/logos/`})],8,s)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,"aria-label":`Tilbake til forside`,class:`pkt-link-button pkt-link pkt-header__logo-link`,onClick:t[0]||=(...e)=>n.logoLink&&n.logoLink(...e)},[(0,i.createVNode)(I,{name:`oslologo`,class:`pkt-header__logo-svg`,"aria-hidden":`true`,path:`https://punkt-cdn.oslo.kommune.no/16.13/logos/`})])),n.serviceName?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,c,(0,i.toDisplayString)(n.serviceName),1)):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`nav`,l,[(0,i.createElementVNode)(`ul`,u,[n.showMenuButton?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,d,[(0,i.createVNode)(L,{class:`pkt-header__menu-btn`,skin:`secondary`,variant:`icon-right`,iconName:`menu`,onOnClick:t[1]||=t=>e.$emit(`openMenu`)},{default:(0,i.withCtx)(()=>[...t[7]||=[(0,i.createTextVNode)(`Meny`,-1)]]),_:1})])):(0,i.createCommentVNode)(``,!0),n.user||n.representing?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:1,class:(0,i.normalizeClass)([`pkt-header--has-dropdown`,{"pkt-header--open-dropdown":a.userMenuOpen}]),ref:`userMenu`},[(0,i.createElementVNode)(`button`,{class:`pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left`,type:`button`,"aria-controls":`pktUserDropdown`,"aria-expanded":a.userMenuOpen,onClick:t[2]||=(...e)=>F.openUserMenu&&F.openUserMenu(...e)},[(0,i.createVNode)(I,{name:`user`,class:`pkt-btn__icon`}),n.representing?.name||n.user?.name?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,(0,i.toDisplayString)(n.representing?.name||n.user?.name),1)):(0,i.createCommentVNode)(``,!0),n.representing?.shortname||n.user?.shortname?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,m,(0,i.toDisplayString)(n.representing?.shortname||n.user?.shortname),1)):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(I,{name:`chevron-thin-down`,class:`pkt-btn--closed`}),(0,i.createVNode)(I,{name:`chevron-thin-up`,class:`pkt-btn--open`})],8,f),(0,i.createElementVNode)(`ul`,h,[n.user?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,g,[t[9]||=(0,i.createElementVNode)(`div`,{class:`pkt-user-menu__label`},`Pålogget som`,-1),(0,i.createElementVNode)(`div`,_,(0,i.toDisplayString)(n.user.name),1),n.user.lastLoggedIn?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,v,[t[8]||=(0,i.createTextVNode)(` Sist pålogget: `,-1),(0,i.createElementVNode)(`time`,null,(0,i.toDisplayString)(F.lastLoggedIn),1)])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),n.userMenu?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,y,[(0,i.createElementVNode)(`ul`,b,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.userMenu,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:`userMenu-${t}`},[typeof e.target==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,href:e.target,class:`pkt-link`},[e.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:e.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(e.title),1)],8,x)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,class:`pkt-link-button pkt-link`,onClick:e.target},[e.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:e.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(e.title),1)],8,S))]))),128))])])):(0,i.createCommentVNode)(``,!0),n.representing||n.canChangeRepresentation?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,C,[n.representing?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[t[10]||=(0,i.createElementVNode)(`div`,{class:`pkt-user-menu__label`},`Representerer`,-1),(0,i.createElementVNode)(`div`,w,(0,i.toDisplayString)(n.representing.name),1),n.representing.orgNumber?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,T,` Org.nr. `+(0,i.toDisplayString)(n.representing.orgNumber),1)):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`ul`,E,[(0,i.createElementVNode)(`li`,null,[n.canChangeRepresentation?((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:0,class:`pkt-link-button pkt-link`,onClick:t[3]||=t=>e.$emit(`changeRepresentation`)},[(0,i.createVNode)(I,{name:`cogwheel`,class:`pkt-link__icon`}),t[11]||=(0,i.createTextVNode)(` Endre organisasjon `,-1)])):(0,i.createCommentVNode)(``,!0)])])])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`li`,null,[n.userOptions||!n.showLogOutButton?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,D,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.userOptions,(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:`userOptions-${r}`},[typeof n.target==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,href:n.target,class:`pkt-link`},[n.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:n.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(n.title),1)],8,O)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,class:`pkt-link-button pkt-link`,onClick:t[4]||=t=>e.$emit(`logOut`)},[n.iconName?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,name:n.iconName,class:`pkt-link__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(n.title),1)]))]))),128)),n.showLogOutButton?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`li`,k,[(0,i.createElementVNode)(`button`,{class:`pkt-link-button pkt-link`,onClick:t[5]||=t=>e.$emit(`logOut`)},[(0,i.createVNode)(I,{name:`exit`,class:`pkt-link__icon`}),t[12]||=(0,i.createTextVNode)(` Logg ut `,-1)])]))])):(0,i.createCommentVNode)(``,!0)]),n.userMenuFooter?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,A,[(0,i.createElementVNode)(`ul`,j,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.userMenuFooter,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:`userMenuFooter-${t}`},[typeof e.target==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`a`,{key:0,href:e.target,class:`pkt-link`},(0,i.toDisplayString)(e.title),9,M)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,class:`pkt-link-button pkt-link`,onClick:e.target},(0,i.toDisplayString)(e.title),9,N))]))),128))])])):(0,i.createCommentVNode)(``,!0)])],2)):(0,i.createCommentVNode)(``,!0),n.showLogOutButton?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,P,[(0,i.createVNode)(L,{class:`pkt-header__user-btn pkt-header__user-btn-logout`,iconName:`exit`,onOnClick:t[6]||=t=>e.$emit(`logOut`),skin:`secondary`,variant:`icon-right`},{default:(0,i.withCtx)(()=>[...t[13]||=[(0,i.createTextVNode)(` Logg ut `,-1)]]),_:1})])):(0,i.createCommentVNode)(``,!0)])])],2)}var I=e.t(a,[[`render`,F]]),L={install(e){t.t(e,I)}};t.r(L),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return L}});
@@ -154,7 +154,7 @@ function J(e, t, n, r, i, v) {
154
154
  name: "oslologo",
155
155
  class: "pkt-header__logo-svg",
156
156
  "aria-hidden": "true",
157
- path: "https://punkt-cdn.oslo.kommune.no/16.11/logos/"
157
+ path: "https://punkt-cdn.oslo.kommune.no/16.13/logos/"
158
158
  })], 8, b)) : (p(), c("button", {
159
159
  key: 1,
160
160
  "aria-label": "Tilbake til forside",
@@ -164,7 +164,7 @@ function J(e, t, n, r, i, v) {
164
164
  name: "oslologo",
165
165
  class: "pkt-header__logo-svg",
166
166
  "aria-hidden": "true",
167
- path: "https://punkt-cdn.oslo.kommune.no/16.11/logos/"
167
+ path: "https://punkt-cdn.oslo.kommune.no/16.13/logos/"
168
168
  })])), n.serviceName ? (p(), c("span", x, g(n.serviceName), 1)) : s("", !0)]), l("nav", S, [l("ul", C, [
169
169
  n.showMenuButton ? (p(), c("li", w, [d(Y, {
170
170
  class: "pkt-header__menu-btn",
@@ -1 +1 @@
1
- const e=require(`./plugins-Dv4f6RT9.cjs`),t=require(`./Icon-CWAl4gIM.cjs`);let n=require(`vue`);var r=[`aria-busy`],i={key:0},a={__name:`Loader`,props:{message:String,size:{type:String,default:`medium`,validator:e=>[`small`,`medium`,`large`].includes(e)},inline:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!0},variant:{type:String,default:`rainbow`,validator:e=>[`blue`,`rainbow`,`shapes`].includes(e)},delay:{type:Number,default:0}},setup(e){let a=e,o=e=>e===`shapes`?`loader`:e===`blue`?`spinner-blue`:`spinner`,{delay:s}=(0,n.toRefs)(a),c=(0,n.ref)(!(s.value>0));return s.value>0&&setTimeout(()=>{c.value=!0},s.value),(s,l)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{role:`status`,"aria-live":`polite`,"aria-busy":e.isLoading,class:(0,n.normalizeClass)(`pkt-loader--${e.inline?`inline`:`box`}`)},[e.isLoading?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:0},[(0,n.unref)(c)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:(0,n.normalizeClass)(`pkt-loader pkt-loader--${a.size}`),"data-testid":`pkt-loader`},[(0,n.createVNode)(t.t,{name:o(e.variant),"aria-label":`loading`,path:`https://punkt-cdn.oslo.kommune.no/16.11/animations/`,class:(0,n.normalizeClass)(`pkt-loader__svg pkt-loader__${e.variant}`)},null,8,[`name`,`class`]),e.message?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,i,(0,n.toDisplayString)(e.message),1)):(0,n.createCommentVNode)(``,!0)],2)):(0,n.createCommentVNode)(``,!0)],64)):(0,n.renderSlot)(s.$slots,`default`,{key:1})],10,r))}},o={install(t){e.t(t,a)}};e.r(o),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
1
+ const e=require(`./plugins-Dv4f6RT9.cjs`),t=require(`./Icon-CWAl4gIM.cjs`);let n=require(`vue`);var r=[`aria-busy`],i={key:0},a={__name:`Loader`,props:{message:String,size:{type:String,default:`medium`,validator:e=>[`small`,`medium`,`large`].includes(e)},inline:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!0},variant:{type:String,default:`rainbow`,validator:e=>[`blue`,`rainbow`,`shapes`].includes(e)},delay:{type:Number,default:0}},setup(e){let a=e,o=e=>e===`shapes`?`loader`:e===`blue`?`spinner-blue`:`spinner`,{delay:s}=(0,n.toRefs)(a),c=(0,n.ref)(!(s.value>0));return s.value>0&&setTimeout(()=>{c.value=!0},s.value),(s,l)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{role:`status`,"aria-live":`polite`,"aria-busy":e.isLoading,class:(0,n.normalizeClass)(`pkt-loader--${e.inline?`inline`:`box`}`)},[e.isLoading?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:0},[(0,n.unref)(c)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:(0,n.normalizeClass)(`pkt-loader pkt-loader--${a.size}`),"data-testid":`pkt-loader`},[(0,n.createVNode)(t.t,{name:o(e.variant),"aria-label":`loading`,path:`https://punkt-cdn.oslo.kommune.no/16.13/animations/`,class:(0,n.normalizeClass)(`pkt-loader__svg pkt-loader__${e.variant}`)},null,8,[`name`,`class`]),e.message?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,i,(0,n.toDisplayString)(e.message),1)):(0,n.createCommentVNode)(``,!0)],2)):(0,n.createCommentVNode)(``,!0)],64)):(0,n.renderSlot)(s.$slots,`default`,{key:1})],10,r))}},o={install(t){e.t(t,a)}};e.r(o),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
@@ -53,7 +53,7 @@ var m = ["aria-busy"], h = { key: 0 }, g = {
53
53
  }, [o(n, {
54
54
  name: g(e.variant),
55
55
  "aria-label": "loading",
56
- path: "https://punkt-cdn.oslo.kommune.no/16.11/animations/",
56
+ path: "https://punkt-cdn.oslo.kommune.no/16.13/animations/",
57
57
  class: s(`pkt-loader__svg pkt-loader__${e.variant}`)
58
58
  }, null, 8, ["name", "class"]), e.message ? (c(), a("p", h, d(e.message), 1)) : i("", !0)], 2)) : i("", !0)], 64)) : u(l.$slots, "default", { key: 1 })], 10, m));
59
59
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-vue",
3
- "version": "16.11.1",
3
+ "version": "16.13.0",
4
4
  "description": "Vue komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
5
5
  "homepage": "https://punkt.oslo.kommune.no",
6
6
  "author": "Team Designsystem, Oslo Origo",
@@ -28,9 +28,9 @@
28
28
  "preview": "vite preview"
29
29
  },
30
30
  "devDependencies": {
31
- "@oslokommune/punkt-assets": "^16.0.0",
32
- "@oslokommune/punkt-css": "^16.11.1",
33
- "@oslokommune/punkt-elements": "^16.11.0",
31
+ "@oslokommune/punkt-assets": "^16.13.0",
32
+ "@oslokommune/punkt-css": "^16.13.0",
33
+ "@oslokommune/punkt-elements": "^16.13.0",
34
34
  "@vitejs/plugin-vue": "^5.1.3",
35
35
  "edit-json-file": "^1.8.0",
36
36
  "sass": "^1.78.0",
@@ -72,5 +72,5 @@
72
72
  "url": "https://github.com/oslokommune/punkt/issues"
73
73
  },
74
74
  "license": "MIT",
75
- "gitHead": "c0da9ee95130ddfec70981101500f84217b031d6"
75
+ "gitHead": "30f62c9e31eec9ae79a3758616a6a6e4bca914c8"
76
76
  }