@paperless/core 0.1.0-alpha.87 → 0.1.0-alpha.88

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.1.0-alpha.88 (2022-09-06)
+
+
+### Features
+
+* **Organisms/Navbar:** Make navbar backdrop close the navbar ([d8dc4fa](https://github.com/ionic-team/stencil-component-starter/commit/d8dc4fa49481c3779e24fd36382026e2c3977439))
+
+
+
+
+
 # 0.1.0-alpha.87 (2022-09-06)
 
 

package/dist/build/p-1d85cf13.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r,H as a}from"./p-8d46c60d.js";const o=class{constructor(r){t(this,r),this.closeText="Close",this.menuText="Menu",this._showMenu=!1}render(){return r(a,{class:"p-navbar"},r("div",{class:`backdrop ${this._showMenu&&"show"}`,onClick:()=>this._showMenu=!1}),r("div",{class:`sidebar ${this._showMenu&&"show"}`},r("div",{class:"header"},r("p",{class:"text-xl m-0 font-semibold text-storm-dark"},this.menuText),r("p-button",{variant:"secondary",icon:"negative",iconPosition:"end",size:"small",onClick:()=>this._showMenu=!1},this.closeText)),r("div",{class:"company"},r("slot",{name:"company"})),r("div",{class:"content"},r("slot",{name:"content"})),r("div",{class:"user"},r("slot",{name:"user"}))),r("div",{class:"top-bar"},r("p-button",{variant:"secondary",icon:"menu",size:"small",onClick:()=>this._showMenu=!0},this.menuText),r("slot",{name:"topbar"})))}handleCloseNavbar(){this._showMenu=!1}handleOpenNavbar(){this._showMenu=!0}};o.style=".pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.z-20{z-index:20!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-r{border-right-width:1px!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.backdrop-blur-xs{--tw-backdrop-blur:blur(2px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}*{box-sizing:border-box}:host{width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;height:100vh;left:-100%;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:fixed;top:0;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;z-index:20}@media (min-width:64rem){:host .sidebar{height:100%;left:0;position:relative;width:100%}}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{margin-top:1.5rem}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .sidebar.show{left:env(safe-area-inset-left,0)}:host .top-bar{border-bottom-width:1px!important;display:flex;height:calc(env(safe-area-inset-top, 0) + 3rem);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0) + .5rem) 1rem .5rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}:host .backdrop{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(81,83,107,.5);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100vw;z-index:10}@media (min-width:64rem){:host .backdrop{display:none}}:host .backdrop.show{opacity:1;pointer-events:auto}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}.desktop-xs\\:w-full{width:100%!important}}";export{o as p_navbar}