@six-group/ui-library 0.0.0-insider.3715d40 → 0.0.0-insider.37a3009

package/dist/ui-library/p-7c18b8ca.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,g as t}from"./p-05eb1bab.js";const i=":host{display:block;overflow:hidden;height:inherit}.six-root{display:grid;grid-template:auto 1fr auto/auto 1fr auto;height:100%}.six-root__container--padded{padding:var(--six-spacing-xxx-large)}.six-root__left-sidebar{height:100%;overflow:scroll;grid-column:1/2}.six-root__right-sidebar{height:100%;overflow:scroll;grid-column:3/4}.six-root nav{overflow:hidden}header{grid-column:1/4;position:sticky;top:0;z-index:var(--six-z-index-header);margin-right:2px}main{height:100%;display:flex;flex-direction:column;justify-content:space-between;grid-column:2/3;overflow:auto}footer{grid-column:1/4}";const o=i;const r=class{constructor(a){e(this,a);this.padded=true;this.stage=null;this.version=""}render(){return a("host",{key:"f4b3cb516ce1b70a834903c00a56ca7edf5364dc",class:"six-root"},a("header",{key:"88ec66c2af58e55621563f600cb8c1589467218c",part:"header"},this.stage&&a("six-stage-indicator",{stage:this.stage},this.version),a("slot",{key:"072a0e92b9203149a9823fdf83aa45b39494559f",name:"header"})),a("nav",{key:"58d18ca9b9ebf9db5981b3c82cce657f73ef5f13",class:"six-root__left-sidebar",part:"left-sidebar"},a("slot",{key:"62643ef967da9d303380b4d4d26ec5e026a86ac3",name:"left-sidebar"})),a("main",{key:"0b059f2814c4485dd03a3a166529d78999baa699",part:"main"},a("div",{key:"74ce003ff9d45945b9bdc43b170c99300856544b",class:{"six-root__container":true,"six-root__container--padded":this.padded},part:"container"},a("slot",{key:"5ea05c471c96fd47cf27749accd1c551f16d69d2",name:"main"})),a("div",{key:"5dd7796754df4238f61f1ee8cc3cee9589f1f40f",class:"six-root__footer"},a("slot",{key:"5c4036b9fb4d36f69b617a2e6ee7fce62c80fa08",name:"footer"}))),a("nav",{key:"36c76008c9dc36b7fef9f8a6a79e6508d1764ede",class:"six-root__right-sidebar",part:"right-sidebar"},a("slot",{key:"66cdae8a60d251063e4c8a710a36d0be07dedf0e",name:"right-sidebar"})))}get host(){return t(this)}};r.style=o;export{r as six_root};
+//# sourceMappingURL=p-7c18b8ca.entry.js.map

package/dist/ui-library/p-7c18b8ca.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixRootCss","SixRootStyle0","SixRoot","render","h","key","class","part","this","stage","version","name","padded"],"sources":["src/components/six-root/six-root.scss?tag=six-root&encapsulation=shadow","src/components/six-root/six-root.tsx"],"sourcesContent":["@import 'src/global/mixins/scrollbar';\n\n:host {\n  display: block;\n  overflow: hidden;\n  height: inherit;\n}\n\n.six-root {\n  display: grid;\n  grid-template: auto 1fr auto / auto 1fr auto;\n  height: 100%;\n\n  &__container {\n    &--padded {\n      padding: var(--six-spacing-xxx-large);\n    }\n  }\n\n  &__left-sidebar {\n    height: 100%;\n    overflow: scroll;\n    grid-column: 1 / 2;\n  }\n\n  &__right-sidebar {\n    height: 100%;\n    overflow: scroll;\n    grid-column: 3 / 4;\n  }\n\n  nav {\n    overflow: hidden;\n  }\n}\n\nheader {\n  grid-column: 1 / 4;\n  position: sticky;\n  top: 0;\n  z-index: var(--six-z-index-header);\n  // border fix\n  margin-right: 2px;\n}\n\nmain {\n  height: 100%;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  grid-column: 2 / 3;\n  overflow: auto;\n}\n\nfooter {\n  grid-column: 1 / 4;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\nimport { StageType } from '../six-stage-indicator/six-stage-indicator';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot header - Used to define the header component.\n * @slot main - Used to define the components in the main area.\n * @slot left-sidebar - Used to define the sidebar on the left side.\n * @slot right-sidebar - Used to define the sidebar on the right side.\n * @slot footer - Used to define the footer component.\n */\n\n@Component({\n  tag: 'six-root',\n  styleUrl: 'six-root.scss',\n  shadow: true,\n})\nexport class SixRoot {\n  @Element() host!: HTMLSixRootElement;\n\n  /** Defines whether the content section should be padded */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() padded = true;\n\n  /** Defines the stage of the application*/\n  @Prop() stage: StageType = null;\n\n  /** Defines the version of the application*/\n  @Prop() version = '';\n\n  render() {\n    return (\n      <host class=\"six-root\">\n        <header part=\"header\">\n          {this.stage && <six-stage-indicator stage={this.stage}>{this.version}</six-stage-indicator>}\n          <slot name=\"header\" />\n        </header>\n        <nav class=\"six-root__left-sidebar\" part=\"left-sidebar\">\n          <slot name=\"left-sidebar\" />\n        </nav>\n        <main part=\"main\">\n          <div class={{ 'six-root__container': true, 'six-root__container--padded': this.padded }} part=\"container\">\n            <slot name=\"main\" />\n          </div>\n          <div class=\"six-root__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </main>\n        <nav class=\"six-root__right-sidebar\" part=\"right-sidebar\">\n          <slot name=\"right-sidebar\" />\n        </nav>\n      </host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,mlBACnB,MAAAC,EAAeD,E,MCkBFE,EAAO,M,qCAKD,K,WAGU,K,aAGT,E,CAElB,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,YACVF,EAAA,UAAAC,IAAA,2CAAQE,KAAK,UACVC,KAAKC,OAASL,EAAA,uBAAqBK,MAAOD,KAAKC,OAAQD,KAAKE,SAC7DN,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAEbP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBAAyBC,KAAK,gBACvCH,EAAA,QAAAC,IAAA,2CAAMM,KAAK,kBAEbP,EAAA,QAAAC,IAAA,2CAAME,KAAK,QACTH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,sBAAuB,KAAM,8BAA+BE,KAAKI,QAAUL,KAAK,aAC5FH,EAAA,QAAAC,IAAA,2CAAMM,KAAK,UAEbP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACTF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,aAGfP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BAA0BC,KAAK,iBACxCH,EAAA,QAAAC,IAAA,2CAAMM,KAAK,mB"}

package/dist/ui-library/{p-0861899a.js → p-862d474e.js}

@@ -1,2 +1,2 @@
 var e;(function(e){e["NUMBER"]="number";e["LETTER"]="letter";e["CAPITAL_LETTER"]="capital-letter";e["LOWER_LETTER"]="lower-letter";e["CUSTOM"]="custom"})(e||(e={}));var t;(function(e){e["BEFORE"]="before";e["AFTER"]="after"})(t||(t={}));export{e as I,t as a};
-//# sourceMappingURL=p-0861899a.js.map
+//# sourceMappingURL=p-862d474e.js.map

package/dist/ui-library/p-862d474e.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ItemPickerType","ItemPickerPaddingDirection"],"sources":["src/components/six-item-picker/types.ts"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}\n\n// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerPaddingDirection {\n  BEFORE = 'before',\n  AFTER = 'after',\n}\n"],"mappings":"IACYA,GAAZ,SAAYA,GACVA,EAAA,mBACAA,EAAA,mBACAA,EAAA,mCACAA,EAAA,+BACAA,EAAA,kBACD,EAND,CAAYA,MAAc,K,IASdC,GAAZ,SAAYA,GACVA,EAAA,mBACAA,EAAA,gBACD,EAHD,CAAYA,MAA0B,Y"}