@aquera/nile-elements 1.3.9-beta-1.0 → 1.3.9-beta-1.2

package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-group-item.css.cjs.js","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarGroupItem CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .group-item {\n    display: flex;\n    flex-direction: column;\n    height: 38px;\n    width: 208px;\n    overflow: hidden;\n  }\n\n  .item-link {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100%;\n    width: 100%;\n    padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n    cursor: pointer;\n    color: var(--nile-colors-dark-900);\n    text-decoration: none;\n    font-size: var(--nile-type-scale-3);\n    line-height: 1.4;\n    box-sizing: border-box;\n  }\n\n  .item-link:hover {\n    background: var(--nile-colors-neutral-400);\n    border-radius: var(--nile-radius-sm);\n  }\n\n  ::slotted(nile-side-bar-group-item-icon) {\n    flex-shrink: 0;\n  }\n\n  ::slotted(nile-side-bar-group-item-text) {\n    flex-grow: 1;\n  }\n\n  :host([active]) [part=\"link\"] {\n    background: var(--nile-colors-primary-100);\n    border-radius: var(--nile-radius-sm);\n    font-weight: var(--nile-font-weight-semibold);\n  }\n\n  :host([collapsed]) .group-item {\n    height: 38px;\n    width: 38px;\n  }\n\n  :host([disabled]) .item-link {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-group-item.css.cjs.js","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarGroupItem CSS\n */\nexport const styles = css`\n\t :host {\n  display: block;\n}\n\n.group-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.item-link {\n  display: flex;\n  align-items: center;\npadding-top: var(--nile-spacing-lg);\npadding-bottom: var(--nile-spacing-lg);\npadding-left: var(--nile-spacing-md);\npadding-right: var(--nile-spacing-md);\n  cursor: pointer;\n  color: var(--nile-colors-dark-900);\n  text-decoration: none;\n  font-size: var(--nile-type-scale-3);\n  line-height: 1.4;\n}\n\n.item-link:hover {\n  background: var(--nile-colors-neutral-400);\n  border-radius: var(--nile-radius-sm);\n}\n\n\n\n::slotted(nile-side-bar-group-item-icon) {\n  flex-shrink: 0;\n}\n\n::slotted(nile-side-bar-group-item-text) {\n  flex-grow: 1;\n}\n:host([active]) [part=\"link\"] {\n  background:    var(--nile-colors-primary-100);\n  border-radius: var(--nile-radius-sm);\n  font-weight: var(--nile-font-weight-semibold);\n}\n\n:host([collapsed]) .group-item {\nheight: 38px;\nwidth: 38px;\n}\n:host([disabled]) .item-link {\n  opacity: 0.5;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.esm.js

@@ -1,58 +1,56 @@
-import{css as e}from"lit";const i=e`
-  :host {
-    display: block;
-  }
-
-  .group-item {
-    display: flex;
-    flex-direction: column;
-    height: 38px;
-    width: 208px;
-    overflow: hidden;
-  }
-
-  .item-link {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    height: 100%;
-    width: 100%;
-    padding: var(--nile-spacing-lg) var(--nile-spacing-md);
-    cursor: pointer;
-    color: var(--nile-colors-dark-900);
-    text-decoration: none;
-    font-size: var(--nile-type-scale-3);
-    line-height: 1.4;
-    box-sizing: border-box;
-  }
-
-  .item-link:hover {
-    background: var(--nile-colors-neutral-400);
-    border-radius: var(--nile-radius-sm);
-  }
-
-  ::slotted(nile-side-bar-group-item-icon) {
-    flex-shrink: 0;
-  }
-
-  ::slotted(nile-side-bar-group-item-text) {
-    flex-grow: 1;
-  }
-
-  :host([active]) [part="link"] {
-    background: var(--nile-colors-primary-100);
-    border-radius: var(--nile-radius-sm);
-    font-weight: var(--nile-font-weight-semibold);
-  }
-
-  :host([collapsed]) .group-item {
-    height: 38px;
-    width: 38px;
-  }
-
-  :host([disabled]) .item-link {
-    opacity: 0.5;
-    pointer-events: none;
-    cursor: not-allowed;
-  }
-`;export{i as s};
+import{css as i}from"lit";const e=i`
+	 :host {
+  display: block;
+}
+
+.group-item {
+  display: flex;
+  flex-direction: column;
+}
+
+.item-link {
+  display: flex;
+  align-items: center;
+padding-top: var(--nile-spacing-lg);
+padding-bottom: var(--nile-spacing-lg);
+padding-left: var(--nile-spacing-md);
+padding-right: var(--nile-spacing-md);
+  cursor: pointer;
+  color: var(--nile-colors-dark-900);
+  text-decoration: none;
+  font-size: var(--nile-type-scale-3);
+  line-height: 1.4;
+}
+
+.item-link:hover {
+  background: var(--nile-colors-neutral-400);
+  border-radius: var(--nile-radius-sm);
+}
+
+
+
+::slotted(nile-side-bar-group-item-icon) {
+  flex-shrink: 0;
+}
+
+::slotted(nile-side-bar-group-item-text) {
+  flex-grow: 1;
+}
+:host([active]) [part="link"] {
+  background:    var(--nile-colors-primary-100);
+  border-radius: var(--nile-radius-sm);
+  font-weight: var(--nile-font-weight-semibold);
+}
+
+:host([collapsed]) .group-item {
+height: 38px;
+width: 38px;
+}
+:host([disabled]) .item-link {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+}
+
+
+`;export{e as s};

package/dist/nile-side-bar-header/nile-side-bar-header.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  top: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  position: sticky;\n    top: 0;\n    z-index: 10;\n    background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n"]))));}};});
 //# sourceMappingURL=nile-side-bar-header.css.cjs.js.map

package/dist/nile-side-bar-header/nile-side-bar-header.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-header.css.cjs.js","sources":["../../../src/nile-side-bar-header/nile-side-bar-header.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarHeader CSS\n */\nexport const styles = css`\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  top: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-header.css.cjs.js","sources":["../../../src/nile-side-bar-header/nile-side-bar-header.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarHeader CSS\n */\nexport const styles = css`\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  position: sticky;\n    top: 0;\n    z-index: 10;\n    background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-header/nile-side-bar-header.css.esm.js

@@ -7,8 +7,10 @@ import{css as e}from"lit";const t=e`
   padding-bottom: var(--nile-spacing-lg);
   padding-left: var(--nile-spacing-xl);
   padding-right: var(--nile-spacing-xl);
-  top: 0;
-  background: var(--nile-colors-neutral-100);
+  position: sticky;
+    top: 0;
+    z-index: 10;
+    background: var(--nile-colors-neutral-100);
 }
 
 .header-content {

package/dist/nile-sidebar/index.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var o,i,r,e,n,t,a,_templateObject,_templateObject2,s;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){o=_tslib.__decorate;},function(_lit){i=_lit.css;r=_lit.LitElement;e=_lit.html;},function(_litDecoratorsJs){n=_litDecoratorsJs.property;t=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){s=/*#__PURE__*/function(_r){function s(){var _this;_classCallCheck(this,s);_this=_callSuper(this,s,arguments),_this.title="",_this.showSidebar=!1;return _this;}_inherits(s,_r);return _createClass(s,[{key:"buttonClassMap",get:function get(){return{"nds-menu--active":this.showSidebar};}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-menu--wrapper  ","\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>\n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    "])),a(this.buttonClassMap));}}]);}(r);s.styles=i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid var(--nile-colors-neutral-400);\n      min-height: 100vh;\n      background: var(--nile-colors-neutral-100);\n      border: 1px solid var(--nile-colors-neutral-400);\n      -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: var(--nile-spacing-2xl);\n      display: block;\n      margin-bottom: var(--nile-spacing-lg);\n    }\n\n    .menu-group {\n      margin-left: var(--nile-spacing-2xl);\n      margin-right: var(--nile-spacing-2xl);\n    }\n\n    .view-component {\n      background-color: var(--nile-colors-white-base);\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: var(--nile-colors-white-base);\n      // padding: 1rem;\n      border-radius: var(--nile-radius-sm);\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px var(--nile-colors-dark-100);\n      margin-top: var(--nile-spacing-lg) !important;\n      margin-bottom: var(--nile-spacing-lg) !important;\n      background-color: var(--nile-colors-dark-100);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  "]))),o([n()],s.prototype,"title",void 0),o([n()],s.prototype,"showSidebar",void 0),s=o([t("nile-sidebar")],s);}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-sidebar/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/nile-sidebar/index.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n  name: string;\n  icon: string;\n  href: string;\n}\n\ninterface MenuItemList {\n  [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n  static override styles = css`\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid var(--nile-colors-neutral-400);\n      min-height: 100vh;\n      background: var(--nile-colors-neutral-100);\n      border: 1px solid var(--nile-colors-neutral-400);\n      -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: var(--nile-spacing-2xl);\n      display: block;\n      margin-bottom: var(--nile-spacing-lg);\n    }\n\n    .menu-group {\n      margin-left: var(--nile-spacing-2xl);\n      margin-right: var(--nile-spacing-2xl);\n    }\n\n    .view-component {\n      background-color: var(--nile-colors-white-base);\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: var(--nile-colors-white-base);\n      // padding: 1rem;\n      border-radius: var(--nile-radius-sm);\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px var(--nile-colors-dark-100);\n      margin-top: var(--nile-spacing-lg) !important;\n      margin-bottom: var(--nile-spacing-lg) !important;\n      background-color: var(--nile-colors-dark-100);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  title = '';\n\n  /**\n   * Hide Sidebar\n   */\n  @property()\n  showSidebar = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.showSidebar\n    };\n  }\n\n  // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n\n  override render() {\n    return html`\n      <div class=\"nile-menu--wrapper  ${classMap(this.buttonClassMap)}\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>\n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar': NileSidebar;\n  }\n}\n"],"names":["NileSidebar","_r","s","this","title","showSidebar","_this","_inherits","_createClass","key","get","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","buttonClassMap","LitElement","styles","css","_templateObject2","__decorate","property","prototype","customElement"],"mappings":"6kGA0BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEA2DLC,KAAAA,CAAKC,KAAAA,CAAG,GAMRD,KAAAA,CAAWE,WAAAA,CAAAA,CAAG,CAmCf,QAAAC,KAAA,EAjCCC,SAAA,CAAAL,CAAA,CAAAD,EAAA,SAAAO,YAAA,CAAAN,CAAA,GAAAO,GAAA,kBAAAC,GAAA,UAAAA,IAAA,CACE,CAAA,MAAO,CACL,kBAAA,CAAoBP,KAAKE,WAE5B,CAAA,EAIQ,GAAAI,GAAA,UAAAE,KAAA,UAAAC,MAAAA,CAAAA,CAAAA,CACP,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,kqBACyBC,CAAAA,CAASb,IAAKc,CAAAA,cAAAA,CAAAA,EAsBnD,CAlGejB,MADekB,CAA1B,EACWlB,CAAAA,CAAMmB,OAAGC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,mlDA0D5BO,CAAAA,CAAAA,CAAA,CADCC,CACUvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwB,SAAA,CAAA,OAAA,CAAA,IAAA,IAMXF,CAAA,CAAA,CADCC,CACmBvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwB,UAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAjETxB,EAAWsB,CAAA,CAAA,CADvBG,EAAc,cACFzB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/nile-sidebar/index.esm.js

@@ -0,0 +1,75 @@
+import{__decorate as o}from"tslib";import{css as i,LitElement as r,html as e}from"lit";import{property as n,customElement as t}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";let s=class extends r{constructor(){super(...arguments),this.title="",this.showSidebar=!1}get buttonClassMap(){return{"nds-menu--active":this.showSidebar}}render(){return e`
+      <div class="nile-menu--wrapper  ${a(this.buttonClassMap)}" >
+        <div class="nile-menu-group">
+          <a class="nile-logo" href="/">
+            <img
+              src="https://assets.aquera.io/img/aquera-logo-blue.svg"
+              alt="Aquera"
+              width="112.94px"
+              height="31.06px"
+              tabindex="1"
+            />
+          </a>
+          <div class="menu-group">
+            <slot name="menu"></slot>
+          </div>
+        </div>
+        <div class="">
+          <div class="nds-menu--bottom">
+            <slot name="bottom"></slot>
+          </div>
+        </div>
+      </div>
+    `}};s.styles=i`
+    :host {
+      background-color: var(--nile-alert-color-background-base);
+      border-right: 1px solid var(--nile-colors-neutral-400);
+      min-height: 100vh;
+      background: var(--nile-colors-neutral-100);
+      border: 1px solid var(--nile-colors-neutral-400);
+      -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+    }
+    :host([showSidebar=true]) {
+      min-width: 240px;
+    }
+    .nile-logo {
+      margin: var(--nile-spacing-2xl);
+      display: block;
+      margin-bottom: var(--nile-spacing-lg);
+    }
+
+    .menu-group {
+      margin-left: var(--nile-spacing-2xl);
+      margin-right: var(--nile-spacing-2xl);
+    }
+
+    .view-component {
+      background-color: var(--nile-colors-white-base);
+      min-width: 240px;
+    }
+    // padding: 3rem;
+    .view-component__item {
+      background-color: var(--nile-colors-white-base);
+      // padding: 1rem;
+      border-radius: var(--nile-radius-sm);
+      border: solid 1px #eee;
+    }
+
+    .nile-menu__hr {
+      border-bottom: solid 1px var(--nile-colors-dark-100);
+      margin-top: var(--nile-spacing-lg) !important;
+      margin-bottom: var(--nile-spacing-lg) !important;
+      background-color: var(--nile-colors-dark-100);
+    }
+
+    .nds-menu--bottom {
+      position: absolute;
+      bottom: 0;
+    }
+
+    .nds-menu--active .nile-logo {
+      display: none;
+    }
+  `,o([n()],s.prototype,"title",void 0),o([n()],s.prototype,"showSidebar",void 0),s=o([t("nile-sidebar")],s);

package/dist/nile-sidebar-menu/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-sidebar-menu.cjs.js","tslib","lit","lit/decorators.js","./nile-sidebar-menu.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";return{setters:[function(_nileSidebarMenuCjsJs){_export("NileSidebarMenu",_nileSidebarMenuCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSidebarMenuCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-sidebar-menu/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-sidebar-menu/index.esm.js

@@ -0,0 +1 @@
+export{N as NileSidebarMenu}from"./nile-sidebar-menu.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-sidebar-menu.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/class-map.js";

package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-sidebar-menu.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var s,e,t,i,r,l,o,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileSidebarMenuCssCjsJs){r=_nileSidebarMenuCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.sidemenucollapsed=!1;return _this;}_inherits(a,_l);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(a,"connectedCallback",this,3)([]),this.addEventListener("click",this.handleSidebarMenuCollapsed.bind(this));}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(a,"disconnectedCallback",this,3)([]),this.removeEventListener("click",this.handleSidebarMenuCollapsed);}},{key:"firstUpdated",value:function firstUpdated(){var _this2=this;if(this.sidemenucollapsed){this.querySelectorAll("nile-sidebar-menu-items").forEach(function(s){s.collapsed=_this2.sidemenucollapsed;});}}},{key:"handleSidebarMenuCollapsed",value:function handleSidebarMenuCollapsed(){var _this3=this;this.sidemenucollapsed=!this.sidemenucollapsed;this.querySelectorAll("nile-sidebar-menu-items").forEach(function(s){s.collapsed=_this3.sidemenucollapsed;});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot name=\"header\" class=\"header\"></slot>\n      <div class=\"submenu__box\">\n        <slot\n          class=","\n        >\n        </slot>\n        <slot name=\"footer\" part=\"footer\" class=\"footer\"></slot>\n      </div>\n    "])),o({"sidemenu__items-list":!0}));}}],[{key:"styles",get:function get(){return[r];}}]);}(l));s([t({type:Boolean,reflect:!0})],a.prototype,"sidemenucollapsed",void 0),_export("N",a=s([i("nile-sidebar-menu")],a));}};});
+//# sourceMappingURL=nile-sidebar-menu.cjs.js.map

package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-menu.cjs.js","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { foreach, log } from '../nile-icon/icons/svg';\n\n/**\n * Nile sidebar-menu component.\n *\n * @tag nile-sidebar-menu\n *\n */\n@customElement('nile-sidebar-menu')\nexport class NileSidebarMenu extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) sidemenucollapsed = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleSidebarMenuCollapsed.bind(this));\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleSidebarMenuCollapsed);\n  }\n  firstUpdated() {\n    if (this.sidemenucollapsed) {\n      const items = this.querySelectorAll('nile-sidebar-menu-items');\n      items.forEach(curr_item => {\n        curr_item.collapsed = this.sidemenucollapsed;\n      });\n    }\n  }\n\n  handleSidebarMenuCollapsed() {\n    this.sidemenucollapsed = !this.sidemenucollapsed;\n    const items = this.querySelectorAll('nile-sidebar-menu-items');\n    items.forEach(curr_item => {\n      curr_item.collapsed = this.sidemenucollapsed;\n    });\n  }\n\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <slot name=\"header\" class=\"header\"></slot>\n      <div class=\"submenu__box\">\n        <slot\n          class=${classMap({\n            'sidemenu__items-list': true,\n          })}\n        >\n        </slot>\n        <slot name=\"footer\" part=\"footer\" class=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu': NileSidebarMenu;\n  }\n}\n"],"names":["NileSidebarMenu","_l","a","constructor","this","sidemenucollapsed","_this","_inherits","_createClass","key","value","connectedCallback","super","addEventListener","handleSidebarMenuCollapsed","bind","disconnectedCallback","removeEventListener","firstUpdated","querySelectorAll","forEach","curr_item","collapsed","render","html","_templateObject","_taggedTemplateLiteral","classMap","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"iwHA0BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCASuCC,EAAAA,KAAAA,CAAiBC,mBAAG,CAqDjE,QAAAC,KAAA,EAzDQC,SAAA,CAAAL,CAAA,CAAAD,EAAA,SAAAO,YAAA,CAAAN,CAAA,GAAAO,GAAA,qBAAAC,KAAA,CAMP,SAAAC,iBAAAA,CAAAA,CACEC,CAAAA,aAAAA,CAAAA,CAAAA,iCACAR,IAAKS,CAAAA,gBAAAA,CAAiB,QAAST,IAAKU,CAAAA,0BAAAA,CAA2BC,KAAKX,IACrE,CAAA,CAAA,EAED,GAAAK,GAAA,wBAAAC,KAAA,UAAAM,oBAAAA,CAAAA,CACEJ,CAAAA,aAAAA,CAAAA,CAAAA,oCACAR,IAAAA,CAAKa,oBAAoB,OAASb,CAAAA,IAAAA,CAAKU,2BACxC,EACD,GAAAL,GAAA,gBAAAC,KAAA,UAAAQ,YAAAA,CAAAA,kBACE,GAAId,IAAAA,CAAKC,kBAAmB,CACZD,IAAAA,CAAKe,iBAAiB,yBAC9BC,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,GACZA,CAAUC,CAAAA,SAAAA,CAAYlB,OAAKC,iBAAiB,EAAA,CAE/C,EACF,CAED,GAAAI,GAAA,8BAAAC,KAAA,UAAAI,0BAAAA,CAAAA,kBACEV,IAAKC,CAAAA,iBAAAA,CAAAA,CAAqBD,KAAKC,iBACjBD,CAAAA,IAAAA,CAAKe,iBAAiB,yBAC9BC,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,GACZA,CAAUC,CAAAA,SAAAA,CAAYlB,OAAKC,iBAAiB,EAAA,CAE/C,EAWM,GAAAI,GAAA,UAAAC,KAAA,UAAAa,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8PAIGC,CAAAA,CAAS,CACf,sBAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,EAOjC,CAAA,KAAAlB,GAAA,UAAAmB,GAAA,CAtDM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAID,MAXmCC,IASSC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkCnC,CAAAoC,CAAAA,SAAAA,CAAA,wBAAA,EAT3DpC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAe+B,EAAA,CAD3BM,CAAAA,CAAc,sBACFrC"}

package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",i=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    background-color: var(--nile-sidebar-menu-background-color);\n    --min-width: 80px;\n    min-width: var(--min-width);\n    width: max-content;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n    flex-direction: column;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .submenu__box {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    padding: var(--nile-spacing-lg) var(--nile-spacing-none);\n  }\n\n  .sidemenu__items-list {\n    display:flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md);\n  }\n\n  .footer {\n    display:flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md);\n  }\n\n"]))));}};});
+//# sourceMappingURL=nile-sidebar-menu.css.cjs.js.map

package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-menu.css.cjs.js","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * SidebarMenu CSS\n */\nexport const styles = css`\n  :host {\n    background-color: var(--nile-sidebar-menu-background-color);\n    --min-width: 80px;\n    min-width: var(--min-width);\n    width: max-content;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n    flex-direction: column;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .submenu__box {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    padding: var(--nile-spacing-lg) var(--nile-spacing-none);\n  }\n\n  .sidemenu__items-list {\n    display:flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md);\n  }\n\n  .footer {\n    display:flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md);\n  }\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-sidebar-menu/nile-sidebar-menu.css.esm.js

@@ -0,0 +1,38 @@
+import{css as n}from"lit";const i=n`
+  :host {
+    background-color: var(--nile-sidebar-menu-background-color);
+    --min-width: 80px;
+    min-width: var(--min-width);
+    width: max-content;
+    height: 100%;
+    box-sizing: border-box;
+    display: flex;
+    padding: var(--nile-spacing-none) var(--nile-spacing-xl);
+    flex-direction: column;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  .submenu__box {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    padding: var(--nile-spacing-lg) var(--nile-spacing-none);
+  }
+
+  .sidemenu__items-list {
+    display:flex;
+    flex-direction: column;
+    gap: var(--nile-spacing-md);
+  }
+
+  .footer {
+    display:flex;
+    flex-direction: column;
+    gap: var(--nile-spacing-md);
+  }
+
+`;export{i as s};

package/dist/nile-sidebar-menu/nile-sidebar-menu.esm.js

@@ -0,0 +1,10 @@
+import{__decorate as s}from"tslib";import{html as e}from"lit";import{property as t,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-sidebar-menu.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{classMap as o}from"lit/directives/class-map.js";let a=class extends l{constructor(){super(...arguments),this.sidemenucollapsed=!1}static get styles(){return[r]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleSidebarMenuCollapsed.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleSidebarMenuCollapsed)}firstUpdated(){if(this.sidemenucollapsed){this.querySelectorAll("nile-sidebar-menu-items").forEach((s=>{s.collapsed=this.sidemenucollapsed}))}}handleSidebarMenuCollapsed(){this.sidemenucollapsed=!this.sidemenucollapsed;this.querySelectorAll("nile-sidebar-menu-items").forEach((s=>{s.collapsed=this.sidemenucollapsed}))}render(){return e`
+      <slot name="header" class="header"></slot>
+      <div class="submenu__box">
+        <slot
+          class=${o({"sidemenu__items-list":!0})}
+        >
+        </slot>
+        <slot name="footer" part="footer" class="footer"></slot>
+      </div>
+    `}};s([t({type:Boolean,reflect:!0})],a.prototype,"sidemenucollapsed",void 0),a=s([i("nile-sidebar-menu")],a);export{a as N};

package/dist/nile-sidebar-menu-items/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-sidebar-menu-items.cjs.js","tslib","lit","lit/decorators.js","./nile-sidebar-menu-items.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";return{setters:[function(_nileSidebarMenuItemsCjsJs){_export("NileSidebarMenuItems",_nileSidebarMenuItemsCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSidebarMenuItemsCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-sidebar-menu-items/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-sidebar-menu-items/index.esm.js

@@ -0,0 +1 @@
+export{N as NileSidebarMenuItems}from"./nile-sidebar-menu-items.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-sidebar-menu-items.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/class-map.js";

package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-sidebar-menu-items.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var e,i,s,t,r,o,l,m,_templateObject,_templateObject2,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;t=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_nileSidebarMenuItemsCssCjsJs){o=_nileSidebarMenuItemsCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){m=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.iconValue="",_this.active=!1,_this.collapsed=!1;return _this;}_inherits(a,_l);return _createClass(a,[{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=","\n      >\n        ","\n        <slot\n          class=","\n        ></slot>\n      </div>\n    "])),m({"nile__sidebar-menu-item":!0,"hide-sidebar-menu-items":this.collapsed}),this.iconValue?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-icon\n              name=\"","\"\n              aria-label=\"","\"\n              size=\"24\"\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            ></nile-icon>"])),this.iconValue,this.iconValue):"",m({"hide-items":this.collapsed}));}}],[{key:"styles",get:function get(){return[o];}}]);}(l));e([s()],a.prototype,"iconValue",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"active",void 0),e([t()],a.prototype,"collapsed",void 0),_export("N",a=e([r("nile-sidebar-menu-items")],a));}};});
+//# sourceMappingURL=nile-sidebar-menu-items.cjs.js.map

package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-menu-items.cjs.js","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu-items.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-menu-items component.\n *\n * @tag nile-sidebar-menu-items\n *\n */\n@customElement('nile-sidebar-menu-items')\nexport class NileSidebarMenuItems extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu-items\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property() iconValue = ''; // name of the icon we are using\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() collapsed = false;\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          'nile__sidebar-menu-item': true,\n          'hide-sidebar-menu-items': this.collapsed,\n        })}\n      >\n        ${this.iconValue\n          ? html`<nile-icon\n              name=\"${this.iconValue}\"\n              aria-label=\"${this.iconValue}\"\n              size=\"24\"\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            ></nile-icon>`\n          : ``}\n        <slot\n          class=${classMap({\n            'hide-items': this.collapsed,\n          })}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenuItems;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu-items': NileSidebarMenuItems;\n  }\n}\n"],"names":["NileSidebarMenuItems","a","this","iconValue","active","collapsed","_this","_inherits","_l","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","get","styles","NileElement","__decorate","property","prototype","type","Boolean","reflect","state","_export","customElement"],"mappings":"gzGAyBaA,4BAAN,SAAAC,EAAA,qEASOC,EAAAA,KAAAA,CAAAC,UAAY,EACoBD,CAAAA,KAAAA,CAAME,QAAG,CAE5CF,CAAAA,KAAAA,CAASG,WAAG,CAmCtB,QAAAC,KAAA,EA1CQC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,UAAAC,KAAA,CAgBA,SAAAC,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uIAECC,CAAAA,CAAS,CACf,yBAAA,CAAA,CAA2B,CAC3B,CAAA,yBAAA,CAA2Bd,IAAKG,CAAAA,SAAAA,CAAAA,CAAAA,CAGhCH,IAAAA,CAAKC,UACHU,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,yNACMb,IAAKC,CAAAA,SAAAA,CACCD,IAAKC,CAAAA,SAAAA,EAIrB,EAAA,CAEMa,CAAS,CAAA,CACf,aAAcd,IAAKG,CAAAA,SAAAA,CAAAA,CAAAA,EAK5B,CAAA,KAAAK,GAAA,UAAAQ,GAAA,CAvCM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAcM,MArBiCC,CAAAA,GAS5BC,CAAA,CAAA,CAAXC,CAA0BtB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuB,SAAA,CAAA,WAAA,CAAA,IAAA,EACiBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEE,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB1B,CAAAuB,CAAAA,SAAAA,CAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAElDF,CAAA,CAAA,CAARM,KAA0B3B,CAAAuB,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAAAK,OAAA,KAZhB5B,CAAoBqB,CAAAA,CAAAA,CAAA,CADhCQ,CAAAA,CAAc,4BACF7B"}

package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",n=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --min-width: 280px;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile__sidebar-menu-item {\n    display: flex;\n    align-items: center;\n    padding: var(--nile-spacing-md);\n    gap: var(--nile-spacing-xl);\n    min-width: var(--min-width);\n    width: max-content;\n    box-sizing: border-box;\n\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: var(--nile-font-weight-medium);\n    line-height: var(--nile-line-height-medium);\n  }\n\n  .nile__sidebar-menu-item:hover {\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: var(--nile-radius-sm);\n  }\n\n  .hide-sidebar-menu-items{\n    min-width:48px;\n  }\n\n  .hide-items {\n    display: none;\n  }\n"]))));}};});
+//# sourceMappingURL=nile-sidebar-menu-items.css.cjs.js.map

package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-menu-items.css.cjs.js","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * SidebarMenuItems CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 280px;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile__sidebar-menu-item {\n    display: flex;\n    align-items: center;\n    padding: var(--nile-spacing-md);\n    gap: var(--nile-spacing-xl);\n    min-width: var(--min-width);\n    width: max-content;\n    box-sizing: border-box;\n\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: var(--nile-font-weight-medium);\n    line-height: var(--nile-line-height-medium);\n  }\n\n  .nile__sidebar-menu-item:hover {\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: var(--nile-radius-sm);\n  }\n\n  .hide-sidebar-menu-items{\n    min-width:48px;\n  }\n\n  .hide-items {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.esm.js

@@ -0,0 +1,36 @@
+import{css as i}from"lit";const n=i`
+  :host {
+    --min-width: 280px;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  .nile__sidebar-menu-item {
+    display: flex;
+    align-items: center;
+    padding: var(--nile-spacing-md);
+    gap: var(--nile-spacing-xl);
+    min-width: var(--min-width);
+    width: max-content;
+    box-sizing: border-box;
+
+    font-family: var(--nile-font-family-serif);
+    font-size: var(--nile-type-scale-4);
+    font-weight: var(--nile-font-weight-medium);
+    line-height: var(--nile-line-height-medium);
+  }
+
+  .nile__sidebar-menu-item:hover {
+    background-color: var(--nile-colors-neutral-100);
+    border-radius: var(--nile-radius-sm);
+  }
+
+  .hide-sidebar-menu-items{
+    min-width:48px;
+  }
+
+  .hide-items {
+    display: none;
+  }
+`;export{n as s};

package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.esm.js

@@ -0,0 +1,15 @@
+import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as s,state as t,customElement as r}from"lit/decorators.js";import{s as o}from"./nile-sidebar-menu-items.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{classMap as m}from"lit/directives/class-map.js";let a=class extends l{constructor(){super(...arguments),this.iconValue="",this.active=!1,this.collapsed=!1}static get styles(){return[o]}render(){return i`
+      <div
+        class=${m({"nile__sidebar-menu-item":!0,"hide-sidebar-menu-items":this.collapsed})}
+      >
+        ${this.iconValue?i`<nile-icon
+              name="${this.iconValue}"
+              aria-label="${this.iconValue}"
+              size="24"
+              method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
+            ></nile-icon>`:""}
+        <slot
+          class=${m({"hide-items":this.collapsed})}
+        ></slot>
+      </div>
+    `}};e([s()],a.prototype,"iconValue",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"active",void 0),e([t()],a.prototype,"collapsed",void 0),a=e([r("nile-sidebar-menu-items")],a);export{a as N};

package/dist/nile-sidebar-wrapper/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-sidebar-wrapper.cjs.js","tslib","lit","lit/decorators.js","./nile-sidebar-wrapper.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";return{setters:[function(_nileSidebarWrapperCjsJs){_export("NileSidebarWrapper",_nileSidebarWrapperCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSidebarWrapperCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-sidebar-wrapper/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-sidebar-wrapper/index.esm.js

@@ -0,0 +1 @@
+export{N as NileSidebarWrapper}from"./nile-sidebar-wrapper.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-sidebar-wrapper.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/class-map.js";

package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-sidebar-wrapper.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,s,i,r,o,l,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileSidebarWrapperCssCjsJs){r=_nileSidebarWrapperCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.overlaysidebar=!1,_this.placement="left",_this.isopen=!1;return _this;}_inherits(n,_o);return _createClass(n,[{key:"render",value:function render(){return console.log(this.isopen),e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=","\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=","\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=","\n        >\n        </slot>\n      </div>\n    "])),l({"wrapper-box":!0,"wrapper-box--right":"right"===this.placement&&!this.overlaysidebar}),l({"sidebar-content":!0,"sidebar__content--overlay":this.overlaysidebar,"sidebar__content--overlay--right":"right"===this.placement,"sidebar__content--overlay--left":"left"===this.placement,"sidebar__content--overlay-open-left":this.isopen&&"left"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-closed-left":!this.isopen&&"left"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-open-right":this.isopen&&"right"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-closed-right":!this.isopen&&"right"===this.placement&&this.overlaysidebar}),l({"body-content":!0,"body__content--overlay":this.overlaysidebar&&this.isopen}));}}],[{key:"styles",get:function get(){return[r];}}]);}(o));t([s({type:Boolean,reflect:!0})],n.prototype,"overlaysidebar",void 0),t([s({reflect:!0})],n.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],n.prototype,"isopen",void 0),_export("N",n=t([i("nile-sidebar-wrapper")],n));}};});
+//# sourceMappingURL=nile-sidebar-wrapper.cjs.js.map

package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-wrapper.cjs.js","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n  /**\n   * The styles for nile-sidebar-wrapper\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n  @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n  @property({ type: Boolean, reflect: true }) isopen = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    console.log(this.isopen);\n\n    return html`\n      <div\n        class=${classMap({\n          'wrapper-box': true,\n          'wrapper-box--right':\n            this.placement === 'right' && !this.overlaysidebar,\n        })}\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=${classMap({\n            'sidebar-content': true,\n            'sidebar__content--overlay': this.overlaysidebar,\n            'sidebar__content--overlay--right': this.placement === 'right',\n            'sidebar__content--overlay--left': this.placement === 'left',\n            'sidebar__content--overlay-open-left':\n              this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-closed-left':\n              !this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-open-right':\n              this.isopen && this.placement === 'right'&& this.overlaysidebar,\n            'sidebar__content--overlay-closed-right':\n              !this.isopen && this.placement === 'right' && this.overlaysidebar,\n          })}\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=${classMap({\n            'body-content': true,\n            'body__content--overlay': this.overlaysidebar && this.isopen,\n          })}\n        >\n        </slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-wrapper': NileSidebarWrapper;\n  }\n}\n"],"names":["NileSidebarWrapper","_o","n","constructor","this","overlaysidebar","placement","isopen","_this","_inherits","_createClass","key","value","render","console","log","html","_templateObject","_taggedTemplateLiteral","classMap","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"6vGAyBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCASuCC,EAAAA,KAAAA,CAAcC,gBAAG,CAChCD,CAAAA,KAAAA,CAASE,UAAqB,MACfF,CAAAA,KAAAA,CAAMG,QAAG,CAoDtD,QAAAC,KAAA,EA1DQC,SAAA,CAAAP,CAAA,CAAAD,EAAA,SAAAS,YAAA,CAAAR,CAAA,GAAAS,GAAA,UAAAC,KAAA,CAgBA,SAAAC,MAAAA,CAAAA,CAGL,CAAA,MAFAC,CAAAA,QAAQC,GAAIX,CAAAA,IAAAA,CAAKG,QAEVS,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,yQAECC,CAAAA,CAAS,CACf,aAAe,CAAA,CAAA,CAAA,CACf,qBACqB,OAAnBf,GAAAA,IAAAA,CAAKE,YAA0BF,IAAKC,CAAAA,cAAAA,CAAAA,CAAAA,CAK9Bc,CAAS,CAAA,CACf,mBAAmB,CACnB,CAAA,2BAAA,CAA6Bf,KAAKC,cAClC,CAAA,kCAAA,CAAuD,UAAnBD,IAAKE,CAAAA,SAAAA,CACzC,kCAAsD,MAAnBF,GAAAA,IAAAA,CAAKE,UACxC,qCACEF,CAAAA,IAAAA,CAAKG,QAA6B,MAAnBH,GAAAA,IAAAA,CAAKE,WAAwBF,IAAKC,CAAAA,cAAAA,CACnD,yCACGD,IAAKG,CAAAA,MAAAA,EAA6B,SAAnBH,IAAKE,CAAAA,SAAAA,EAAwBF,KAAKC,cACpD,CAAA,sCAAA,CACED,KAAKG,MAA6B,EAAA,OAAA,GAAnBH,KAAKE,SAAwBF,EAAAA,IAAAA,CAAKC,eACnD,wCACGD,CAAAA,CAAAA,IAAAA,CAAKG,QAA6B,OAAnBH,GAAAA,IAAAA,CAAKE,WAAyBF,IAAKC,CAAAA,cAAAA,CAAAA,CAAAA,CAM/Cc,CAAAA,CAAS,CACf,cAAgB,CAAA,CAAA,CAAA,CAChB,wBAA0Bf,CAAAA,IAAAA,CAAKC,gBAAkBD,IAAKG,CAAAA,MAAAA,CAAAA,CAAAA,CAM/D,EAAA,KAAAI,GAAA,UAAAS,GAAA,CAvDM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAcM,MArB+BC,IASMC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA+B3B,CAAA4B,CAAAA,SAAAA,CAAA,qBAAA,EACtCL,CAAAA,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEG,SAAS,CAA6C3B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4B,SAAA,CAAA,WAAA,CAAA,IAAA,IACtBL,CAAA,CAAA,CAA3CC,EAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB3B,CAAA4B,CAAAA,SAAAA,CAAA,aAAA,EAXhD5B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAkBuB,EAAA,CAD9BM,CAAAA,CAAc,yBACF7B"}

package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: var(--nile-colors-red-500);\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"]))));}};});
+//# sourceMappingURL=nile-sidebar-wrapper.css.cjs.js.map

package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-wrapper.css.cjs.js","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * SidebarWrapper CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: var(--nile-colors-red-500);\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}