@sparkle-learning/core 0.0.27 → 0.0.30

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/nav/nav.css

@@ -0,0 +1,194 @@
+sparkle-nav {
+  display: block;
+  flex: 0 0 auto;
+  z-index: 1;
+}
+
+sparkle-nav .wrapper {
+  position: relative;
+}
+
+sparkle-nav .section-label {
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+sparkle-nav .module-list li,
+sparkle-nav .module-list ul li {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+sparkle-nav .module-list {
+  margin-top: 0;
+  padding: 0;
+}
+
+sparkle-nav .module-list .section-label:first-of-type {
+  margin-top: 0;
+}
+
+sparkle-nav .module-list li {
+  font-size: 14px;
+  padding: 10px 10px 0px 14px;
+}
+
+sparkle-nav .module-list > li  {
+  margin-top: 10px;
+}
+
+sparkle-nav .module-list a {
+  font-weight: 400;
+  color: #6c6c8b;
+  text-decoration: none;
+  white-space: nowrap;
+  border: 0;
+}
+
+sparkle-nav .module-list a:not(.link-active) {
+  transition: color 0.2s;
+}
+
+sparkle-nav .module-list a:hover {
+  border: 0;
+}
+
+sparkle-nav .module-list .link-active {
+  font-weight: bold;
+  color: var(--ion-color-sparkle);
+}
+
+sparkle-nav .module-list .link-active a{
+  color: var(--ion-color-sparkle);
+}
+
+sparkle-nav .module-list a:hover:not(.link-active) {
+  color: var(--ion-color-sparkle);
+}
+
+sparkle-nav .module-list ul li {
+  padding-left: 12px;
+  transition: 80ms height;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+sparkle-nav .module-list ul.collapsed li {
+  height: 0;
+}
+
+sparkle-nav ul.session-list {
+    margin: 0;
+    padding: 10px 0px 0px 0px;
+}
+
+sparkle-nav ul.session-list li a {
+    display: flex;
+    flex-direction: column;
+    padding: 15px 24px;
+    position: relative;
+}
+
+sparkle-nav ul.session-list li a:before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: #dfe1e3;
+    display: block;
+    position: absolute;
+    left: 1px;
+    top: 50%;
+    margin-top: -5px;
+    z-index: 5
+}
+
+
+sparkle-nav ul.session-list li a:after {
+    content: '';
+    background: #dfe1e3;
+    height: 100%;
+    position: absolute;
+    width: 2px;
+    display: block;
+    left: 5px;
+    top: 0
+}
+
+sparkle-nav ul.session-list li a.is-active {
+    color: var(--ion-color-sparkle);
+}
+
+sparkle-nav ul.session-list li a.is-active:before {
+    width: 14px;
+    height: 14px;
+    left: 23px;
+    margin-top: -7px;
+    background: var(--ion-color-sparkle);
+    box-shadow: 0 0 4px var(--ion-color-sparkle);
+}
+
+
+sparkle-nav ul.session-list li a.is-active:after {
+    background: #dfe1e3
+}
+
+sparkle-nav ul.session-list li stencil-route-link.is-completed a {
+    /* color: var(--ion-color-sparkle); */
+}
+
+sparkle-nav ul.session-list li stencil-route-link.is-completed a:before {
+    background: var(--ion-color-sparkle);
+}
+
+sparkle-nav ul.session-list li stencil-route-link.is-completed a:after {
+    background: var(--ion-color-sparkle);
+}
+
+sparkle-nav ul.session-list li a p {
+    color: #fff;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: .2s ease-in-out color
+}
+
+sparkle-nav ul.session-list li a span {
+    display: block;
+    line-height: 12px;
+}
+
+sparkle-nav ul li span.coming-soon {
+    font-size: 0.7rem;
+    display: block;
+    background: 0 0;
+    color: #f6c95b;
+    line-height: 14px;
+    border-radius: 4px;
+    padding: 1px 4px 0;
+    box-shadow: none;
+    border: 1px solid #f6c95b;
+    width: 85px;
+    text-align: center;
+}
+
+
+sparkle-nav ul.session-list li a:hover p {
+    color: var(--ion-color-sparkle);
+}
+
+
+
+sparkle-nav ul.session-list li:first-child a:after {
+    height: 50%;
+    top: 50%
+}
+
+sparkle-nav ul.session-list li:last-child a:after {
+    height: 50%;
+    bottom: 50%
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/notfound-page/notfound-page.css

@@ -0,0 +1,4 @@
+
+notfound-page {
+  text-align: center;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/overlay/overlay.css

@@ -0,0 +1,67 @@
+sparkle-overlay {
+  --sparkle-z-index-xl: 500;
+  --sparkle-transition-fast: 0.3s;
+  --sparkle-color-light-base: 197, 209, 218;
+  --sparkle-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
+}
+.sparkle-overlay {
+  -ms-flex-align: center;
+  align-items: center;
+  display: flex;
+  visibility: hidden;
+  -ms-flex-pack: center;
+  justify-content: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: auto;
+  -ms-touch-action: none;
+  touch-action: none;
+  opacity: 0;
+  z-index: var(--sparkle-z-index-xl);
+}
+.sparkle-overlay,
+.sparkle-overlay.opened {
+  -webkit-transition: all var(--sparkle-transition-fast) ease-in-out;
+  transition: all var(--sparkle-transition-fast) ease-in-out;
+}
+.sparkle-overlay.opened {
+  visibility: visible;
+  opacity: 1;
+}
+.sparkle-overlay.opened .content {
+  -webkit-transition: all var(--sparkle-transition-fast) ease-in-out;
+  transition: all var(--sparkle-transition-fast) ease-in-out;
+}
+.sparkle-overlay.light {
+  background-color: rgba(var(--sparkle-color-light-base), 0.6);
+}
+.sparkle-overlay.dark {
+  background-color: rgba(var(--sparkle-color-dark-base), 0.6);
+}
+.sparkle-overlay.absolute {
+  position: absolute;
+}
+.sparkle-overlay .scrim {
+  border-radius: inherit;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  -webkit-transition: inherit;
+  transition: inherit;
+  width: 100%;
+  will-change: opacity;
+}
+.sparkle-overlay .content {
+  position: relative;
+  outline: none;
+  -webkit-box-shadow: var(--sparkle-shadow-xl);
+  box-shadow: var(--sparkle-shadow-xl);
+  -webkit-transition: all var(--sparkle-transition-fast) ease-in-out;
+  transition: all var(--sparkle-transition-fast) ease-in-out;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/page-footer/page-footer.css

@@ -0,0 +1,18 @@
+sparkle-page-footer {
+    margin-top: 6rem;
+  }
+
+  
+  sparkle-page-footer .last-updated {
+    color: var(--text-color--light);
+    font-weight: normal;
+    margin-left: auto;
+    text-decoration: underline;
+  }
+  
+  sparkle-page-footer .page-footer__row {
+    align-items: center;
+    display: flex;
+    font-size: 12px;
+    margin-top: 2rem;
+  }

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/pagination/pagination.css

@@ -0,0 +1,89 @@
+sparkle-pagination {
+    border-color: var(--line-rule-color);
+    border-style: solid;
+    border-width: 0 0 1px;
+    display: flex;
+    flex-wrap: wrap-reverse;
+    padding: var(--page-padding, 2rem 0rem) 0;
+  }
+  
+  sparkle-pagination .next,
+  sparkle-pagination .previous {
+    max-width: 100%;
+    overflow: hidden;
+  }
+  
+  sparkle-pagination .next {
+    margin-left: auto;
+  }
+  
+  sparkle-pagination a {
+    border-radius: 4px;
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+    padding: 1em 1.5em;
+    color: rgb(var(--accent-color-rgb));
+  }
+  
+  sparkle-pagination .previous a {
+    padding-left: 0;
+  }
+  
+  sparkle-pagination .next a {
+    padding-right: 0;
+    align-items: flex-end;
+  }
+  
+  @media (max-width: 700px) {
+    sparkle-pagination .previous a {
+      padding-right: .5rem;
+    }
+  
+    sparkle-pagination .next a {
+      padding-left: .5rem;
+    }
+  }
+  
+  @media (hover: hover) {
+    sparkle-pagination a:hover,
+    sparkle-pagination a:active {
+      filter: brightness(0.8);
+    }
+  }
+  
+  sparkle-pagination .pagination__title {
+    color: var(--text-color--lighter);
+    font-size: 12px;
+    display: block;
+  }
+  
+  sparkle-pagination .pagination__text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    color:var(--ion-color-sparkle)
+  }
+  
+  sparkle-pagination span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  
+  sparkle-pagination svg {
+    fill: currentColor;
+    flex: none;
+    height: 1em;
+    margin-bottom: -0.125em;
+    width: 1em;
+  }
+  
+  sparkle-pagination .next svg {
+    margin-left: 0.5em;
+  }
+  
+  sparkle-pagination .previous svg {
+    margin-right: 0.5em;
+  }

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/select/select.css

@@ -0,0 +1,52 @@
+.Select {
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 500;
+}
+
+.Select .Dropdown-button {
+  align-items: center;
+  border: solid 1px #dee3ea;
+  border-radius: 6px;
+  display: inline-flex;
+  justify-content: space-between;
+  min-width: 100px;
+  padding: 0.5em 1em;
+}
+
+.Select .Dropdown-panel {
+  padding: 0.5em 0;
+}
+
+.Select .Dropdown-arrow {
+  margin-left: 0.5em;
+}
+
+.Select-option {
+  --bg-alpha: 0;
+  background-color: rgba(0, 0, 0, var(--bg-alpha));
+  padding: 0.5em 1.5em;
+}
+
+.Select-option:focus {
+  --bg-alpha: 0.025;
+  outline: none;
+}
+
+.Select-option--selected {
+  --bg-alpha: 0.05;
+}
+
+.Select-option--selected:focus {
+  --bg-alpha: 0.075;
+}
+
+@media (hover: hover) {
+  .Select-option:hover {
+    --bg-alpha: 0.025;
+  }
+
+  .Select-option--selected:hover {
+    --bg-alpha: 0.075;
+  }
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sidebar/sidebar.css

@@ -0,0 +1,98 @@
+sparkle-sidebar {
+  --sparkle-spacing-size-lg: 1rem;
+  --sparkle-transition-med: 0.5s;
+  --sparkle-color-dark-lighter: 89, 109, 127;
+  --sparkle-font-size-md: 1.25rem;
+  --sparkle-spacing-size-none: 0;
+  --sparkle-spacing-size-xxxs: 0.0625rem;
+  --sparkle-color-light-base: 1197, 209, 218;
+  --sparkle-font-size-lg: 1.5rem;
+  --sparkle-color-dark-base: 55, 68, 79;
+}
+.sparkle-sidebar {
+  height: 100%;
+  max-width: 90%;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background-color: #fff;
+  padding: var(--sparkle-spacing-size-lg);
+  -webkit-transition: all var(--sparkle-transition-med) ease-in-out;
+  transition: all var(--sparkle-transition-med) ease-in-out;
+}
+.sparkle-sidebar.left {
+  border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
+}
+.sparkle-sidebar.left.size-sm {
+  width: 16rem;
+  left: -16rem;
+}
+.sparkle-sidebar.left.size-md {
+  width: 22.5rem;
+  left: -22.5rem;
+}
+.sparkle-sidebar.left.size-lg {
+  width: 30rem;
+  left: -30rem;
+}
+.sparkle-sidebar.left.size-xl {
+  width: 45rem;
+  left: -45rem;
+}
+.sparkle-sidebar.left.show {
+  visibility: visible;
+  left: 0;
+}
+.sparkle-sidebar.right {
+  border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
+}
+.sparkle-sidebar.right.size-sm {
+  width: 16rem;
+  right: -16rem;
+}
+.sparkle-sidebar.right.size-md {
+  width: 22.5rem;
+  right: -22.5rem;
+}
+.sparkle-sidebar.right.size-lg {
+  width: 30rem;
+  right: -30rem;
+}
+.sparkle-sidebar.right.size-xl {
+  width: 45rem;
+  right: -45rem;
+}
+.sparkle-sidebar.right.show {
+  visibility: visible;
+  right: 0;
+}
+.sparkle-sidebar .drawer-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  border-bottom: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-light-base), 1);
+  font-size: var(--sparkle-font-size-lg);
+  color: rgba(var(--sparkle-color-dark-base), 1);
+}
+.sparkle-sidebar .drawer-header .drawer-title {
+  line-height: 1;
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button {
+  padding: var(--sparkle-spacing-size-none);
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .button-text {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .icon {
+  font-size: var(--sparkle-font-size-md);
+}
+.sparkle-sidebar .drawer-body {
+  padding-top: var(--sparkle-spacing-size-lg);
+  padding-bottom: var(--sparkle-spacing-size-lg);
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sparkle-lower-content-nav/sparkle-lower-content-nav.css

@@ -0,0 +1,8 @@
+lower-content-nav {
+    display: flex;
+    justify-content: space-between;
+}
+
+lower-content-nav > stencil-route-link {
+    display: inline-block;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/table-of-contents/table-of-contents.css

@@ -0,0 +1,37 @@
+sparkle-table-of-contents {
+    display: block;
+    font-size: 13px;
+    margin-bottom: 2rem;
+  }
+  
+  sparkle-table-of-contents .Nav-header {
+    color: var(--text-color--lighter);
+    font-size: 0.75em;
+    font-weight: 800;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    padding-left: 0;
+  }
+  
+  sparkle-table-of-contents ul {
+    padding: 0;
+    list-style: none;
+    line-height: 1.23em;
+  }
+  
+  sparkle-table-of-contents .Nav-link {
+    padding-left: 0;
+    margin-left: 0;
+  }
+  
+  sparkle-table-of-contents a {
+    color: inherit;
+    display: inline-block;
+    transition: .2s color, .3s transform ease-out;
+  }
+  
+  sparkle-table-of-contents .Nav-link.selected a {
+    color: var(--accent-color);
+    transform: translateX(2px);
+  }
+  

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/tabs/tabs.css

@@ -0,0 +1,64 @@
+.Tabs,
+.Tabs-tab {
+  display: block;
+}
+
+.Tabs-tab:not([selected]) {
+  display: none;
+}
+
+.Tabs-header {
+  border-bottom: solid 1px rgba(0, 32, 88, 0.1);
+  white-space: nowrap;
+}
+
+.Tabs-button {
+  --bg-alpha: 0;
+  appearance: none;
+  background-color: rgba(0, 0, 0, var(--bg-alpha));
+  border: none;
+  color: var(--text-color--light);
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  padding: 1rem;
+  text-transform: uppercase;
+  transform: translateY(1px);
+}
+
+.Tabs-button:first-child {
+  border-top-left-radius: 6px;
+}
+
+.Tabs-button:last-child {
+  border-top-right-radius: 6px;
+}
+
+.Tabs-button:focus {
+  outline: none;
+}
+
+.Tabs-button:focus {
+  --bg-alpha: 0.015;
+}
+
+@media (hover: hover) {
+  .Tabs-button:hover {
+    --bg-alpha: 0.015;
+  }
+}
+
+.Tabs-button:active {
+  --bg-alpha: 0.03;
+}
+
+.Tabs-button.is-selected {
+  border-bottom: solid 1px currentColor;
+  color: var(--accent-color);
+}
+
+.Tabs-tab sparkle-code pre {
+  margin-top: 0;
+}

package/dist/sparkle-core/index.esm.js

@@ -1 +1 @@
-import"./p-d63406d8.js";import"./p-770128c8.js";export{A as AuthService,P as PrivateRoute,i as initSetupEnvironmentConfig,s as setupEnvironmentConfig}from"./p-bc568dcb.js";export{E as EnvironmentConfigService}from"./p-b226f54d.js";export{A as AssetsService}from"./p-9a443f51.js";export{A as AuthStore}from"./p-7f3d5344.js";import"./p-f8063d7b.js";import"./p-f2660943.js";import"./p-c466ee32.js";
+export{A as AuthService,P as PrivateRoute,i as initSetupEnvironmentConfig,s as setupEnvironmentConfig}from"./p-03189863.js";export{E as EnvironmentConfigService}from"./p-b226f54d.js";export{A as AssetsService}from"./p-9a443f51.js";export{A as AuthStore}from"./p-6bf07a28.js";import"./p-9babd345.js";import"./p-5d409601.js";import"./p-6c6145cd.js";import"./p-fef04ab5.js";import"./p-6fd4985d.js";import"./p-55ae49e1.js";

package/dist/sparkle-core/p-0146afa0.entry.js

@@ -0,0 +1 @@
+import{r as s,h as l,e,H as t}from"./p-9babd345.js";import{D as a}from"./p-7c38a70b.js";const i=class{constructor(l){s(this,l),this.isOpen=!0}hostData(){return{class:"sparkle-menu-collapsible--status-open",role:"button",tabindex:"0","aria-label":"Collapsible Menu"}}toggle(){this.isOpen=!this.isOpen,r(this.el,"sparkle-menu-collapsible--status-"),this.el.classList.add("sparkle-menu-collapsible--status-"+(this.isOpen?"open":"closed"))}__stencil_render(){return[l("a",{onClick:()=>this.toggle(),class:"sparkle-menu-collapsible__title"},this.heading,l(a,null)),l("div",{class:"sparkle-menu-collapsible__contents"},l("slot",null))]}get el(){return e(this)}render(){return l(t,this.hostData(),this.__stencil_render())}},r=(s,l)=>{s.classList.forEach((e=>{e.startsWith(l)&&s.classList.remove(e)}))};i.style="collapsible{}";export{i as sparkle_menu_collapsible}

package/dist/sparkle-core/{p-52355989.entry.js → p-016a7aaf.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,F as s,H as h}from"./p-d63406d8.js";const e=class{constructor(i){t(this,i),this.circles=[],this.segmentTexts1=[{id:"relationships",text:"RelationShips",angle:180},{id:"emotions",text:"Emotions",angle:225},{id:"spirituality",text:"Spirituality",angle:270},{id:"restAndPlay",text:"Rest & Play",angle:315}],this.segmentTexts2=[{id:"vocation",text:"Vocation",angle:-180},{id:"organization",text:"Organization",angle:-225},{id:"careforbody",text:"Care for body",angle:-270},{id:"resilience",text:"Resilience",angle:-315}],this.colors=["indigo","green","blue","violet","lightgray","cyan","magenta","red"],this.strokeWidth=30,this.polygonRadius=100,this.polygonWidth=60,this.borderGaps=60,this.segments=[1,2,3,4,5,6,7,8],this.radius=460,this.cx=this.radius+3*this.strokeWidth,this.cy=this.radius+3*this.strokeWidth,this.svgHeight=this.radius+3*this.strokeWidth,this.svgWidth=this.radius+3*this.strokeWidth,this.calculateStrokeDashOffset=t=>{let i=2*Math.PI*t;return i-.125*i}}componentWillLoad(){let t=this.radius;for(let i=0;i<=10;i++)0==i?(this.circles.push({cx:this.cx,cy:this.cy,radius:t,strokeWidth:3*this.strokeWidth}),t-=this.strokeWidth):1==i?(this.circles.push({cx:this.cx,cy:this.cy,radius:t,strokeWidth:1.5*this.strokeWidth}),t-=this.strokeWidth):this.circles.push({cx:this.cx,cy:this.cy,radius:t,strokeWidth:this.strokeWidth}),t-=this.strokeWidth}getXCordinate(t){return console.log(t),this.cx+(this.radius-1.8*this.strokeWidth)*Math.cos(t*Math.PI/180)}getYCordinate(t){return this.cy+(this.radius-1.8*this.strokeWidth)*Math.sin(t*Math.PI/180)}render(){return i(h,null,i("div",null,i("svg",{height:this.svgHeight,width:this.svgWidth,viewBox:`0 0 ${2*this.svgWidth} ${2*this.svgHeight}`,class:"donut"},this.circles.map(((t,h)=>this.segments.map(((e,r)=>[i("circle",{class:"donut-ring",cx:t.cx,cy:t.cy,r:t.radius+t.strokeWidth,fill:"transparent","stroke-width":"0.5",stroke:"#000"}),i(s,null,i("circle",h>1?{class:"rect",cx:t.cx,cy:t.cy,r:t.radius,stroke:this.colors[r],"stroke-width":t.strokeWidth,"stroke-dasharray":`${2*Math.PI*t.radius*.125}, ${2*Math.PI*t.radius-2*Math.PI*t.radius*.125}`,"stroke-dashoffset":this.calculateStrokeDashOffset(t.radius),fill:"transparent",transform:`rotate(${45*r}, ${t.cx}, ${t.cy})`}:{class:"rect",cx:t.cx,cy:t.cy,r:t.radius,stroke:"none","stroke-width":t.strokeWidth,"stroke-dasharray":`${2*Math.PI*t.radius*.125}, ${2*Math.PI*t.radius-2*Math.PI*t.radius*.125}`,"stroke-dashoffset":this.calculateStrokeDashOffset(t.radius),fill:"transparent",transform:`rotate(${45*r}, ${t.cx}, ${t.cy})`}))])))),i("defs",null,this.segmentTexts1.map((t=>i("path",{id:t.id,d:`M${this.getXCordinate(t.angle)},${this.getYCordinate(t.angle)} A${this.radius},${this.radius} 0 0,1 ${this.getXCordinate(t.angle+45)},${this.getYCordinate(t.angle+45)}`}))),this.segmentTexts2.map((t=>i("path",{id:t.id,d:`M${this.getXCordinate(t.angle)},${this.getYCordinate(t.angle)} A${this.radius},${this.radius} 0 0,0 ${this.getXCordinate(t.angle-45)},${this.getYCordinate(t.angle-45)}`})))),i("g",{fill:"black",stroke:"none"},i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#spirituality"},"spirituality")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#restAndPlay"},"Rest & Play")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#resilience"},"Resilience")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#careforbody"},"Care for Body ")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#vocation"},"vocation")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#organization"},"Organization")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#relationships"},"Relationships")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#emotions"},"Emotions"))),i("line",{x1:this.cx-this.radius+this.radius/4,y1:this.cy-this.radius+this.radius/4,x2:this.cx+this.radius-this.radius/4,y2:this.cy+this.radius-this.radius/4,class:"cross-line",stroke:"#000","stroke-width":"1"}),i("line",{x1:this.cx+this.radius-this.radius/4,y1:this.cy-this.radius+this.radius/4,x2:this.cx-this.radius+this.radius/4,y2:this.cy+this.radius-this.radius/4,class:"cross-line",stroke:"#000","stroke-width":"1"}),i("polygon",{points:`${this.cx},${this.cy-this.radius-this.borderGaps} ${this.cx+this.polygonWidth},${this.cy-this.polygonWidth} ${this.cx+this.radius+this.borderGaps},${this.cy} ${this.cx+this.polygonWidth},${this.cy+this.polygonWidth} ${this.cx},${this.cy+this.radius+this.borderGaps} ${this.cx-this.polygonWidth},${this.cy+this.polygonWidth} ${this.cx-this.radius-this.borderGaps},${this.cy} ${this.cx-this.polygonWidth},${this.cy-this.polygonWidth}`,fill:"#000"}),i("circle",{cx:this.cx,cy:this.cy,r:"50",stroke:"black","stroke-width":"3",fill:"#fff"}),i("circle",{cx:this.cx,cy:this.cy,r:"40",stroke:"black","stroke-width":"2",fill:"#fff"}))))}};e.style=":host{display:block}.donut-ring{stroke:#000;stroke-width:1px}text{font-size:30px;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-family:'Roboto Slab', serif}";export{e as compass_svg}
+import{r as t,h as i,F as s,H as h}from"./p-9babd345.js";const e=class{constructor(i){t(this,i),this.circles=[],this.segmentTexts1=[{id:"relationships",text:"RelationShips",angle:180},{id:"emotions",text:"Emotions",angle:225},{id:"spirituality",text:"Spirituality",angle:270},{id:"restAndPlay",text:"Rest & Play",angle:315}],this.segmentTexts2=[{id:"vocation",text:"Vocation",angle:-180},{id:"organization",text:"Organization",angle:-225},{id:"careforbody",text:"Care for body",angle:-270},{id:"resilience",text:"Resilience",angle:-315}],this.colors=["indigo","green","blue","violet","lightgray","cyan","magenta","red"],this.strokeWidth=30,this.polygonRadius=100,this.polygonWidth=60,this.borderGaps=60,this.segments=[1,2,3,4,5,6,7,8],this.radius=460,this.cx=this.radius+3*this.strokeWidth,this.cy=this.radius+3*this.strokeWidth,this.svgHeight=this.radius+3*this.strokeWidth,this.svgWidth=this.radius+3*this.strokeWidth,this.calculateStrokeDashOffset=t=>{let i=2*Math.PI*t;return i-.125*i}}componentWillLoad(){let t=this.radius;for(let i=0;i<=10;i++)0==i?(this.circles.push({cx:this.cx,cy:this.cy,radius:t,strokeWidth:3*this.strokeWidth}),t-=this.strokeWidth):1==i?(this.circles.push({cx:this.cx,cy:this.cy,radius:t,strokeWidth:1.5*this.strokeWidth}),t-=this.strokeWidth):this.circles.push({cx:this.cx,cy:this.cy,radius:t,strokeWidth:this.strokeWidth}),t-=this.strokeWidth}getXCordinate(t){return console.log(t),this.cx+(this.radius-1.8*this.strokeWidth)*Math.cos(t*Math.PI/180)}getYCordinate(t){return this.cy+(this.radius-1.8*this.strokeWidth)*Math.sin(t*Math.PI/180)}render(){return i(h,null,i("div",null,i("svg",{height:this.svgHeight,width:this.svgWidth,viewBox:`0 0 ${2*this.svgWidth} ${2*this.svgHeight}`,class:"donut"},this.circles.map(((t,h)=>this.segments.map(((e,r)=>[i("circle",{class:"donut-ring",cx:t.cx,cy:t.cy,r:t.radius+t.strokeWidth,fill:"transparent","stroke-width":"0.5",stroke:"#000"}),i(s,null,i("circle",h>1?{class:"rect",cx:t.cx,cy:t.cy,r:t.radius,stroke:this.colors[r],"stroke-width":t.strokeWidth,"stroke-dasharray":`${2*Math.PI*t.radius*.125}, ${2*Math.PI*t.radius-2*Math.PI*t.radius*.125}`,"stroke-dashoffset":this.calculateStrokeDashOffset(t.radius),fill:"transparent",transform:`rotate(${45*r}, ${t.cx}, ${t.cy})`}:{class:"rect",cx:t.cx,cy:t.cy,r:t.radius,stroke:"none","stroke-width":t.strokeWidth,"stroke-dasharray":`${2*Math.PI*t.radius*.125}, ${2*Math.PI*t.radius-2*Math.PI*t.radius*.125}`,"stroke-dashoffset":this.calculateStrokeDashOffset(t.radius),fill:"transparent",transform:`rotate(${45*r}, ${t.cx}, ${t.cy})`}))])))),i("defs",null,this.segmentTexts1.map((t=>i("path",{id:t.id,d:`M${this.getXCordinate(t.angle)},${this.getYCordinate(t.angle)} A${this.radius},${this.radius} 0 0,1 ${this.getXCordinate(t.angle+45)},${this.getYCordinate(t.angle+45)}`}))),this.segmentTexts2.map((t=>i("path",{id:t.id,d:`M${this.getXCordinate(t.angle)},${this.getYCordinate(t.angle)} A${this.radius},${this.radius} 0 0,0 ${this.getXCordinate(t.angle-45)},${this.getYCordinate(t.angle-45)}`})))),i("g",{fill:"black",stroke:"none"},i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#spirituality"},"spirituality")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#restAndPlay"},"Rest & Play")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#resilience"},"Resilience")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#careforbody"},"Care for Body ")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#vocation"},"vocation")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#organization"},"Organization")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#relationships"},"Relationships")),i("text",{x:"20",y:"0","text-anchor":"start"},i("textPath",{xlinkHref:"#emotions"},"Emotions"))),i("line",{x1:this.cx-this.radius+this.radius/4,y1:this.cy-this.radius+this.radius/4,x2:this.cx+this.radius-this.radius/4,y2:this.cy+this.radius-this.radius/4,class:"cross-line",stroke:"#000","stroke-width":"1"}),i("line",{x1:this.cx+this.radius-this.radius/4,y1:this.cy-this.radius+this.radius/4,x2:this.cx-this.radius+this.radius/4,y2:this.cy+this.radius-this.radius/4,class:"cross-line",stroke:"#000","stroke-width":"1"}),i("polygon",{points:`${this.cx},${this.cy-this.radius-this.borderGaps} ${this.cx+this.polygonWidth},${this.cy-this.polygonWidth} ${this.cx+this.radius+this.borderGaps},${this.cy} ${this.cx+this.polygonWidth},${this.cy+this.polygonWidth} ${this.cx},${this.cy+this.radius+this.borderGaps} ${this.cx-this.polygonWidth},${this.cy+this.polygonWidth} ${this.cx-this.radius-this.borderGaps},${this.cy} ${this.cx-this.polygonWidth},${this.cy-this.polygonWidth}`,fill:"#000"}),i("circle",{cx:this.cx,cy:this.cy,r:"50",stroke:"black","stroke-width":"3",fill:"#fff"}),i("circle",{cx:this.cx,cy:this.cy,r:"40",stroke:"black","stroke-width":"2",fill:"#fff"}))))}};e.style=":host{display:block}.donut-ring{stroke:#000;stroke-width:1px}text{font-size:30px;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-family:'Roboto Slab', serif}";export{e as compass_svg}