@elmethis/core 1.0.0-alpha.159 → 1.0.0-alpha.160

package/dist/components/icon/ElmBookmarkIcon.css

@@ -0,0 +1,40 @@
+._wrapper_19n7v_1 {
+  all: unset;
+  box-sizing: border-box;
+  padding: 0.5rem;
+  width: 5rem;
+  height: 5.5rem;
+  border-radius: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  cursor: pointer;
+  transition: background-color 100ms;
+}
+._wrapper_19n7v_1:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._wrapper_19n7v_1:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+._favicon_19n7v_22 {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+._favicon-svg_19n7v_27 {
+  width: 2.5rem;
+  height: 2.5rem;
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._favicon-svg_19n7v_27 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._text_19n7v_36 {
+  width: 4rem;
+  text-align: center;
+  vertical-align: middle;
+  line-height: 0.75rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/dist/components/icon/ElmCubeIcon.css

@@ -0,0 +1,38 @@
+._cube_oh6hr_1 {
+  position: relative;
+  transform-style: preserve-3d;
+  transform: rotateX(-30deg) rotateY(-45deg);
+  animation: _elmethis-cube-icon-rotate_oh6hr_1 1500ms infinite linear;
+}
+._face_oh6hr_8 {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  backface-visibility: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+[data-theme=dark] ._face_oh6hr_8 {
+  border-color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.2);
+}
+@keyframes _elmethis-cube-icon-rotate_oh6hr_1 {
+from {
+    transform: rotateX(-30deg) rotateY(-45deg) rotateZ(0deg);
+}
+to {
+    transform: rotateX(-30deg) rotateY(315deg) rotateZ(360deg);
+}
+}

package/dist/components/icon/ElmDotLoadingIcon.css

@@ -0,0 +1,41 @@
+@keyframes _bounce_1k0sy_1 {
+0% {
+    transform: translateY(0%) scaleY(0.3) scaleX(1.5);
+}
+10% {
+    transform: scaleY(0.8) scaleX(1.2);
+}
+100% {
+    transform: translateY(-400%) scaleY(1.1);
+}
+}
+._wrapper_1k0sy_12 {
+  position: relative;
+  display: flex;
+  justify-content: space-around;
+  align-items: flex-end;
+}
+._wrapper_1k0sy_12 ._dot_1k0sy_18 {
+  width: 20%;
+  height: 20%;
+  border-radius: 50%;
+  animation-name: _bounce_1k0sy_1;
+  animation-duration: 0.4s;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  animation-timing-function: ease-out;
+  transition: background-color 400ms;
+  background-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._wrapper_1k0sy_12 ._dot_1k0sy_18 {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+._wrapper_1k0sy_12 ._dot_1k0sy_18:nth-last-of-type(1) {
+  animation-delay: -100ms;
+}
+._wrapper_1k0sy_12 ._dot_1k0sy_18:nth-last-of-type(2) {
+  animation-delay: 0ms;
+}
+._wrapper_1k0sy_12 ._dot_1k0sy_18:nth-last-of-type(3) {
+  animation-delay: 100ms;
+}

package/dist/components/icon/ElmLanguageIcon.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-880dc126],
+.v-leave-from[data-v-880dc126] {
+  opacity: 1;
+}
+.v-enter-active[data-v-880dc126],
+.v-leave-active[data-v-880dc126] {
+  transition: opacity 100ms;
+}
+.v-enter-from[data-v-880dc126],
+.v-leave-to[data-v-880dc126] {
+  opacity: 0;
+}

package/dist/components/icon/ElmLanguageIcon2.css

@@ -0,0 +1,9 @@
+._block_fz7i5_1 {
+  display: inline-block;
+  height: var(--size);
+  width: var(--size);
+}
+._icon_fz7i5_7 {
+  height: var(--size);
+  width: var(--size);
+}

package/dist/components/icon/ElmLoginIcon.css

@@ -0,0 +1,16 @@
+._icon_1rb0v_1 {
+  box-sizing: border-box;
+  width: var(--width);
+  height: var(--width);
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  color: var(--color);
+  cursor: pointer;
+  transition: background-color 200ms;
+}
+._icon_1rb0v_1:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._icon_1rb0v_1:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}

package/dist/components/icon/ElmToggleTheme.css

@@ -0,0 +1,18 @@
+._icon_15e2g_1 {
+  box-sizing: border-box;
+  padding: 0.25rem;
+  color: rgba(0, 0, 0, 0.8);
+  border-radius: 50%;
+  cursor: pointer;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.3);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+[data-theme=dark] ._icon_15e2g_1 {
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.2);
+  box-sizing: border-box;
+  padding: 0.25rem;
+  color: rgba(255, 255, 255, 0.8);
+  border-radius: 50%;
+  cursor: pointer;
+}

package/dist/components/icon/languages/Bash.css

@@ -0,0 +1,6 @@
+._path_1ccs2_1 {
+  fill: #293138;
+}
+[data-theme=dark] ._path_1ccs2_1 {
+  fill: #d2dbe3;
+}

package/dist/components/inline/ElmInlineLink.css

@@ -0,0 +1,36 @@
+._link_eebb0_1 {
+  all: unset;
+  box-sizing: border-box;
+  padding: 0 0.25rem;
+  font-size: var(--font-size);
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  cursor: pointer;
+  color: #6987b8;
+  border-radius: 0.125rem 0.125rem 0 0;
+  border-bottom: dashed 1px #6987b8;
+  transition: background-color 200ms, color 200ms;
+}
+._link_eebb0_1:hover {
+  background-color: rgba(105, 135, 184, 0.2);
+}
+._link_eebb0_1:active {
+  color: #59b57c;
+  background-color: rgba(89, 181, 124, 0.2);
+}
+._link_eebb0_1:visited {
+  color: #9771bd;
+  border-bottom: dashed 1px #9771bd;
+}
+._link_eebb0_1:visited:hover {
+  background-color: rgba(151, 113, 189, 0.2);
+}
+._link_eebb0_1:visited:active {
+  color: #59b57c;
+  background-color: rgba(89, 181, 124, 0.2);
+}
+._link_eebb0_1 ._icon_eebb0_33 {
+  width: var(--font-size);
+  height: var(--font-size);
+}

package/dist/components/inline/ElmInlineText.css

@@ -0,0 +1,41 @@
+._text_1jo5z_1 {
+  padding: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.7);
+  color: var(--color, rgba(0, 0, 0, 0.7));
+  font-size: 1rem;
+  font-size: var(--font-size, 1rem);
+  line-height: 1rem;
+  line-height: var(--font-size, 1rem);
+  background-color: var(--background-color);
+}
+._text_1jo5z_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--color, rgba(0, 0, 0, 0.7));
+}
+._text_1jo5z_1::selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--color, rgba(0, 0, 0, 0.7));
+}
+[data-theme=dark] ._text_1jo5z_1 {
+  color: rgba(255, 255, 255, 0.7);
+  color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._text_1jo5z_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+  background-color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._text_1jo5z_1::selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+  background-color: var(--color, rgba(255, 255, 255, 0.7));
+}
+._code_1jo5z_21 {
+  margin-inline: 0.25rem;
+  padding: 0.25em 0.5em;
+  border-radius: 0.125rem;
+  background-color: rgba(0, 0, 0, 0.075);
+}

package/dist/components/media/ElmFile.css

@@ -0,0 +1,52 @@
+._file_ox390_1 {
+  margin-block: var(--margin-block);
+  box-sizing: border-box;
+  width: 100%;
+  padding: 1rem;
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+[data-theme=dark] ._file_ox390_1 {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+._file_ox390_1 ._left-container_ox390_15 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 0.75rem;
+}
+._file_ox390_1 ._left-container_ox390_15 ._icon_ox390_21 {
+  width: 20px;
+  height: 20px;
+  transition: color 200ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._file_ox390_1 ._left-container_ox390_15 ._icon_ox390_21 {
+  color: rgba(255, 255, 255, 0.8);
+}
+._file_ox390_1 ._right-container_ox390_30 {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 0.75rem;
+}
+._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36 {
+  padding: 0.125rem;
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  transition: color 200ms, background-color 200ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36 {
+  color: rgba(255, 255, 255, 0.8);
+}
+._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}

package/dist/components/media/ElmImage.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-b0e06ffd],
+.v-leave-from[data-v-b0e06ffd] {
+  opacity: 1;
+}
+.v-enter-active[data-v-b0e06ffd],
+.v-leave-active[data-v-b0e06ffd] {
+  transition: opacity 300ms;
+}
+.v-enter-from[data-v-b0e06ffd],
+.v-leave-to[data-v-b0e06ffd] {
+  opacity: 0;
+}

package/dist/components/media/ElmImage2.css

@@ -0,0 +1,51 @@
+._image_1brnh_1 {
+  display: block;
+  margin-block: var(--margin-block);
+  width: 100%;
+  height: var(--height);
+  opacity: var(--opacity);
+  transition: opacity 400ms;
+  cursor: var(--cursor);
+}
+._error_1brnh_11 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+  width: 100%;
+  height: 100%;
+  min-height: 10rem;
+  line-height: 1.5rem;
+  color: #c56565;
+}
+._fallback_1brnh_23 {
+  margin-block: var(--margin-block);
+  margin: 0;
+  padding: 0;
+  position: relative;
+  width: 100%;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  aspect-ratio: 16/9;
+}
+._modal_1brnh_36 {
+  z-index: 1000;
+  position: fixed;
+  width: 100%;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.7);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: zoom-out;
+}
+._modal_1brnh_36 ._modal-image_1brnh_49 {
+  width: 100vw;
+  height: 100vh;
+  -o-object-fit: contain;
+     object-fit: contain;
+}

package/dist/components/navigation/ElmBookmark.css

@@ -0,0 +1,104 @@
+._parent_1yb8i_1 {
+  container-type: inline-size;
+  margin-block: var(--margin-block);
+  border-radius: 0.25rem;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  transition: background-color 200ms, transform 200ms;
+}
+._parent_1yb8i_1:hover {
+  background-color: rgba(105, 135, 184, 0.1);
+  transform: translateX(-0.125rem) translateY(-0.125rem);
+}
+._parent_1yb8i_1:active {
+  background-color: rgba(89, 181, 124, 0.1);
+  transform: translateX(0) translateY(0);
+}
+._bookmark_1yb8i_18 {
+  all: unset;
+  display: flex;
+  cursor: pointer;
+  background-color: rgba(255, 255, 255, 0.5);
+  flex-direction: row;
+  height: 120px;
+}
+[data-theme=dark] ._bookmark_1yb8i_18 {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+@container (max-width: 700px) {
+._bookmark_1yb8i_18 {
+    flex-direction: column;
+    height: auto;
+}
+}
+._bookmark_1yb8i_18 ._image_1yb8i_35 {
+  overflow: hidden;
+  height: 100%;
+  opacity: 0.9;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+  aspect-ratio: 2/1;
+  min-width: -moz-min-content;
+  min-width: min-content;
+  max-width: 35%;
+}
+@container (max-width: 700px) {
+._bookmark_1yb8i_18 ._image_1yb8i_35 {
+    min-width: 0;
+    min-width: initial;
+    max-width: none;
+    max-width: initial;
+    width: 100%;
+}
+}
+._bookmark_1yb8i_18 ._typography_1yb8i_55 {
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0.5rem;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 0.25rem;
+}
+._bookmark_1yb8i_18 ._typography_1yb8i_55 ._title_1yb8i_65 {
+  display: inline;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._bookmark_1yb8i_18 ._typography_1yb8i_55 ._date_1yb8i_72 {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._bookmark_1yb8i_18 ._icon_1yb8i_80 {
+  width: 16px;
+  height: 16px;
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._bookmark_1yb8i_18 ._icon_1yb8i_80 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._link_1yb8i_89 {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  gap: 0.5rem;
+}
+._favicon_1yb8i_99 {
+  width: 16px;
+  height: 16px;
+}

package/dist/components/navigation/ElmBreadcrumb.css

@@ -0,0 +1,46 @@
+._container_941di_1 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+._container_941di_1 ._icon_941di_8 {
+  width: 20px;
+  height: 20px;
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._container_941di_1 ._icon_941di_8 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._container_941di_1 ._chevron_941di_16 {
+  width: 16px;
+  height: 16px;
+  color: gray;
+}
+._container_941di_1 ._link-container_941di_21 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  box-sizing: border-box;
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  transition: background-color 200ms, transform 200ms;
+}
+._container_941di_1 ._link-container_941di_21:hover {
+  background-color: rgba(105, 135, 184, 0.2);
+  transform: translateX(-1px) translateY(-1px);
+}
+._container_941di_1 ._link-container_941di_21:active {
+  background-color: rgba(89, 181, 124, 0.2);
+  transform: translateX(1px) translateY(1px);
+}
+._fade_941di_41 {
+  opacity: var(--opacity);
+  transition: opacity 200ms;
+  transition-delay: var(--delay);
+}

package/dist/components/navigation/ElmPagetop.css

@@ -0,0 +1,105 @@
+._wrapper_q0z76_1 {
+  --const-margin: 1rem;
+  z-index: 50;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  position: fixed;
+  bottom: 0;
+  margin: 1rem 0.5rem;
+  margin: var(--const-margin) 0.5rem;
+  width: var(--size);
+  height: var(--size);
+  left: auto;
+  left: var(--left, auto);
+  right: auto;
+  right: var(---right, auto);
+  opacity: 1;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  transition: transform 700ms, opacity 400ms;
+  transform-origin: 50% 50%;
+  transform: translateY(250%) rotate(180deg);
+}
+._wrapper--visible_q0z76_20 {
+  transition: transform 700ms, opacity 200ms;
+  transform: translateY(0%) rotate(0deg);
+}
+._wrapper_q0z76_1:hover {
+  opacity: 0.8;
+}
+._wrapper_q0z76_1:active {
+  opacity: 0.4;
+}
+@keyframes _move_q0z76_1 {
+0% {
+    opacity: 0;
+    transform: translateY(600%);
+}
+25% {
+    opacity: 1;
+    transform: translateY(220%);
+}
+42% {
+    opacity: 1;
+    transform: translateY(200%);
+}
+67% {
+    opacity: 1;
+    transform: translateY(0%);
+}
+100% {
+    opacity: 0;
+    transform: translateY(-50%) scale(0.5);
+}
+}
+._wrapper_q0z76_1 ._partial_q0z76_52 {
+  position: absolute;
+  width: var(--size);
+  height: 20px;
+  opacity: 0;
+  transform: scale3d(0.5, 0.5, 0.5);
+  animation: _move_q0z76_1 3000ms ease-out infinite;
+}
+._wrapper_q0z76_1 ._partial_q0z76_52:nth-of-type(1) {
+  animation: _move_q0z76_1 3000ms ease-out 1000ms infinite;
+}
+._wrapper_q0z76_1 ._partial_q0z76_52:nth-of-type(2) {
+  animation: _move_q0z76_1 3000ms ease-out 2000ms infinite;
+}
+._wrapper_q0z76_1 ._partial_q0z76_52:before, ._wrapper_q0z76_1 ._partial_q0z76_52:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 50%;
+  background-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._wrapper_q0z76_1 ._partial_q0z76_52:before, [data-theme=dark] ._wrapper_q0z76_1 ._partial_q0z76_52:after {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+._wrapper_q0z76_1 ._partial_q0z76_52:before {
+  left: 0;
+  transform: skew(0deg, -30deg);
+}
+._wrapper_q0z76_1 ._partial_q0z76_52:after {
+  right: 0;
+  transform: skew(0deg, 30deg);
+}
+._wrapper_q0z76_1 ._text_q0z76_85 {
+  transition: opacity 200ms ease 400ms;
+  width: 100%;
+  text-align: center;
+  font-family: sans-serif;
+  position: absolute;
+  z-index: 50;
+  bottom: calc(0px - var(--const-margin));
+  font-size: 12px;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._wrapper_q0z76_1 ._text_q0z76_85 {
+  color: rgba(255, 255, 255, 0.7);
+}

package/dist/components/navigation/ElmTableOfContents.css

@@ -0,0 +1,33 @@
+._toc_gvfxl_1 {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-left: 0.5rem;
+  border-left-style: solid;
+  border-left-width: 0.25rem;
+  border-left-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._toc_gvfxl_1 {
+  border-left-color: rgba(255, 255, 255, 0.15);
+}
+._toc_gvfxl_1 ._link_gvfxl_13 {
+  all: unset;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: flex-start;
+  gap: 0.5rem;
+  border-radius: 0.25rem;
+  padding: 0.25rem;
+  padding-left: 0.25rem;
+  padding-left: var(--padding-left, 0.25rem);
+  transition: background-color 200ms;
+  cursor: pointer;
+}
+._toc_gvfxl_1 ._link_gvfxl_13:hover {
+  background-color: rgba(105, 135, 184, 0.2);
+}
+._toc_gvfxl_1 ._link_gvfxl_13 ._icon_gvfxl_28 {
+  width: 12px;
+  height: 12px;
+  color: #6987b8;
+}

package/dist/components/others/ElmColorSample.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-9606dccc],
+.v-leave-from[data-v-9606dccc] {
+  opacity: 1;
+}
+.v-enter-active[data-v-9606dccc],
+.v-leave-active[data-v-9606dccc] {
+  transition: opacity 300ms;
+}
+.v-enter-from[data-v-9606dccc],
+.v-leave-to[data-v-9606dccc] {
+  opacity: 0;
+}