@holoviz/panel 0.14.4 → 1.0.0-a.2

package/dist/css/plotly.css

@@ -0,0 +1,246 @@
+.js-plotly-plot .plotly, .js-plotly-plot .plotly div {
+  direction: ltr;
+  font-family: 'Open Sans', verdana, arial, sans-serif;
+  margin: 0;
+  padding: 0; }
+
+.js-plotly-plot .plotly input, .js-plotly-plot .plotly button {
+  font-family: 'Open Sans', verdana, arial, sans-serif; }
+  .js-plotly-plot .plotly input:focus, .js-plotly-plot .plotly button:focus {
+    outline: none; }
+
+.js-plotly-plot .plotly a {
+  text-decoration: none; }
+  .js-plotly-plot .plotly a:hover {
+    text-decoration: none; }
+
+.js-plotly-plot .plotly .crisp {
+  shape-rendering: crispEdges; }
+
+.js-plotly-plot .plotly .user-select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none; }
+
+.js-plotly-plot .plotly svg {
+  overflow: hidden; }
+
+.js-plotly-plot .plotly svg a {
+  fill: #447adb; }
+
+.js-plotly-plot .plotly svg a:hover {
+  fill: #3c6dc5; }
+
+.js-plotly-plot .plotly .main-svg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .js-plotly-plot .plotly .main-svg .draglayer {
+    pointer-events: all; }
+
+.js-plotly-plot .plotly .cursor-default {
+  cursor: default; }
+
+.js-plotly-plot .plotly .cursor-pointer {
+  cursor: pointer; }
+
+.js-plotly-plot .plotly .cursor-crosshair {
+  cursor: crosshair; }
+
+.js-plotly-plot .plotly .cursor-move {
+  cursor: move; }
+
+.js-plotly-plot .plotly .cursor-col-resize {
+  cursor: col-resize; }
+
+.js-plotly-plot .plotly .cursor-row-resize {
+  cursor: row-resize; }
+
+.js-plotly-plot .plotly .cursor-ns-resize {
+  cursor: ns-resize; }
+
+.js-plotly-plot .plotly .cursor-ew-resize {
+  cursor: ew-resize; }
+
+.js-plotly-plot .plotly .cursor-sw-resize {
+  cursor: sw-resize; }
+
+.js-plotly-plot .plotly .cursor-s-resize {
+  cursor: s-resize; }
+
+.js-plotly-plot .plotly .cursor-se-resize {
+  cursor: se-resize; }
+
+.js-plotly-plot .plotly .cursor-w-resize {
+  cursor: w-resize; }
+
+.js-plotly-plot .plotly .cursor-e-resize {
+  cursor: e-resize; }
+
+.js-plotly-plot .plotly .cursor-nw-resize {
+  cursor: nw-resize; }
+
+.js-plotly-plot .plotly .cursor-n-resize {
+  cursor: n-resize; }
+
+.js-plotly-plot .plotly .cursor-ne-resize {
+  cursor: ne-resize; }
+
+.js-plotly-plot .plotly .cursor-grab {
+  cursor: -webkit-grab;
+  cursor: grab; }
+
+.js-plotly-plot .plotly .modebar {
+  position: absolute;
+  top: 2px;
+  right: 2px; }
+
+.js-plotly-plot .plotly .ease-bg {
+  -webkit-transition: background-color 0.3s ease 0s;
+  -moz-transition: background-color 0.3s ease 0s;
+  -ms-transition: background-color 0.3s ease 0s;
+  -o-transition: background-color 0.3s ease 0s;
+  transition: background-color 0.3s ease 0s; }
+
+.js-plotly-plot .plotly .modebar--hover > :not(.watermark) {
+  opacity: 0;
+  -webkit-transition: opacity 0.3s ease 0s;
+  -moz-transition: opacity 0.3s ease 0s;
+  -ms-transition: opacity 0.3s ease 0s;
+  -o-transition: opacity 0.3s ease 0s;
+  transition: opacity 0.3s ease 0s; }
+
+.js-plotly-plot .plotly:hover .modebar--hover .modebar-group {
+  opacity: 1; }
+
+.js-plotly-plot .plotly .modebar-group {
+  float: left;
+  display: inline-block;
+  box-sizing: border-box;
+  padding-left: 8px;
+  position: relative;
+  vertical-align: middle;
+  white-space: nowrap; }
+
+.js-plotly-plot .plotly .modebar-btn {
+  position: relative;
+  font-size: 16px;
+  padding: 3px 4px;
+  height: 22px;
+  /* display: inline-block; including this breaks 3d interaction in .embed mode. Chrome bug? */
+  cursor: pointer;
+  line-height: normal;
+  box-sizing: border-box; }
+  .js-plotly-plot .plotly .modebar-btn svg {
+    position: relative;
+    top: 2px; }
+
+.js-plotly-plot .plotly .modebar.vertical {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-content: flex-end;
+  max-height: 100%; }
+  .js-plotly-plot .plotly .modebar.vertical svg {
+    top: -1px; }
+  .js-plotly-plot .plotly .modebar.vertical .modebar-group {
+    display: block;
+    float: none;
+    padding-left: 0px;
+    padding-bottom: 8px; }
+    .js-plotly-plot .plotly .modebar.vertical .modebar-group .modebar-btn {
+      display: block;
+      text-align: center; }
+
+.js-plotly-plot .plotly [data-title] {
+  /**
+     * tooltip body
+     */ }
+  .js-plotly-plot .plotly [data-title]:before, .js-plotly-plot .plotly [data-title]:after {
+    position: absolute;
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    -o-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    display: none;
+    opacity: 0;
+    z-index: 1001;
+    pointer-events: none;
+    top: 110%;
+    right: 50%; }
+  .js-plotly-plot .plotly [data-title]:hover:before, .js-plotly-plot .plotly [data-title]:hover:after {
+    display: block;
+    opacity: 1; }
+  .js-plotly-plot .plotly [data-title]:before {
+    content: '';
+    position: absolute;
+    background: transparent;
+    border: 6px solid transparent;
+    z-index: 1002;
+    margin-top: -12px;
+    border-bottom-color: #69738a;
+    margin-right: -6px; }
+  .js-plotly-plot .plotly [data-title]:after {
+    content: attr(data-title);
+    background: #69738a;
+    color: white;
+    padding: 8px 10px;
+    font-size: 12px;
+    line-height: 12px;
+    white-space: nowrap;
+    margin-right: -18px;
+    border-radius: 2px; }
+
+.js-plotly-plot .plotly .vertical [data-title]:before, .js-plotly-plot .plotly .vertical [data-title]:after {
+  top: 0%;
+  right: 200%; }
+
+.js-plotly-plot .plotly .vertical [data-title]:before {
+  border: 6px solid transparent;
+  border-left-color: #69738a;
+  margin-top: 8px;
+  margin-right: -30px; }
+
+.plotly-notifier {
+  font-family: 'Open Sans', verdana, arial, sans-serif;
+  position: fixed;
+  top: 50px;
+  right: 20px;
+  z-index: 10000;
+  font-size: 10pt;
+  max-width: 180px; }
+  .plotly-notifier p {
+    margin: 0; }
+  .plotly-notifier .notifier-note {
+    min-width: 180px;
+    max-width: 250px;
+    border: 1px solid #fff;
+    z-index: 3000;
+    margin: 0;
+    background-color: #8c97af;
+    background-color: rgba(140, 151, 175, 0.9);
+    color: #fff;
+    padding: 10px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    -ms-hyphens: auto;
+    -webkit-hyphens: auto;
+    hyphens: auto; }
+  .plotly-notifier .notifier-close {
+    color: #fff;
+    opacity: 0.8;
+    float: right;
+    padding: 0 5px;
+    background: none;
+    border: none;
+    font-size: 20px;
+    font-weight: bold;
+    line-height: 20px; }
+    .plotly-notifier .notifier-close:hover {
+      color: #444;
+      text-decoration: none;
+      cursor: pointer; }

package/dist/css/progress.css

@@ -0,0 +1,209 @@
+progress {
+    appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    border: none;
+    height: 20px;
+    border-radius: 3px;
+    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset;
+    color: royalblue;
+    position: relative;
+    margin: 0 0 1.5em;
+    width: 100%;
+}
+
+progress[value]::-webkit-progress-bar {
+  background-color: whiteSmoke;
+  border-radius: 3px;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset;
+}
+
+progress[value] ::-webkit-progress-value {
+  position: relative;
+  background-size: 35px 20px, 100% 100%, 100% 100%;
+  border-radius: 3px;
+}
+
+progress.active:not([value])::before {
+  background-position: 10%;
+  animation-name: stripes;
+  animation-duration: 3s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+
+progress[value]::-moz-progress-bar {
+  background-size: 35px 20px, 100% 100%, 100% 100%;
+  border-radius: 3px;
+}
+
+progress:not([value])::-moz-progress-bar {
+  border-radius: 3px;
+  background: linear-gradient(
+      -45deg,
+      transparent 33%,
+      rgba(0, 0, 0, 0.2) 33%,
+      rgba(0, 0, 0, 0.2) 66%,
+      transparent 66%
+    )
+    left/2.5em 1.5em;
+}
+
+progress.active:not([value])::-moz-progress-bar {
+  background-position: 10%;
+  animation-name: stripes;
+  animation-duration: 3s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+
+progress.active:not([value])::-webkit-progress-bar {
+  background-position: 10%;
+  animation-name: stripes;
+  animation-duration: 3s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+
+progress.primary[value]::-webkit-progress-value {
+  background-color: var(--primary-bg-color);
+}
+progress.primary:not([value])::before {
+  background-color: var(--primary-bg-color);
+}
+progress.primary:not([value])::-webkit-progress-bar {
+  background-color: var(--primary-bg-color);
+}
+progress.primary::-moz-progress-bar {
+  background-color: var(--primary-bg-color);
+}
+
+progress.secondary[value]::-webkit-progress-value {
+  background-color: var(--secondary-bg-color);
+}
+progress.secondary:not([value])::before {
+  background-color: var(--secondary-bg-color);
+}
+progress.secondary:not([value])::-webkit-progress-bar {
+  background-color: var(--secondary-bg-color);
+}
+progress.secondary::-moz-progress-bar {
+  background-color: var(--secondary-bg-color);
+}
+
+progress.success[value]::-webkit-progress-value {
+  background-color: var(--success-bg-color);
+}
+progress.success:not([value])::before {
+  background-color: var(--success-bg-color);
+}
+progress.success:not([value])::-webkit-progress-bar {
+  background-color: var(--success-bg-color);
+}
+progress.success::-moz-progress-bar {
+  background-color: var(--success-bg-color);
+}
+
+progress.danger[value]::-webkit-progress-value {
+  background-color: var(--danger-bg-color);
+}
+progress.danger:not([value])::before {
+  background-color: var(--danger-bg-color);
+}
+progress.danger:not([value])::-webkit-progress-bar {
+  background-color: var(--danger-bg-color);
+}
+progress.danger::-moz-progress-bar {
+  background-color: var(--danger-bg-color);
+}
+
+progress.warning[value]::-webkit-progress-value {
+  background-color: var(--warning-bg-color);
+}
+progress.warning:not([value])::before {
+  background-color: var(--warning-bg-color);
+}
+progress.warning:not([value])::-webkit-progress-bar {
+  background-color: var(--warning-bg-color);
+}
+progress.warning::-moz-progress-bar {
+  background-color: var(--warning-bg-color);
+}
+
+progress.info[value]::-webkit-progress-value {
+  background-color: var(--info-bg-color);
+}
+progress.info:not([value])::before {
+  background-color: var(--info-bg-color);
+}
+progress.info:not([value])::-webkit-progress-bar {
+  background-color: var(--info-bg-color);
+}
+progress.info::-moz-progress-bar {
+  background-color: var(--info-bg-color);
+}
+
+progress.light[value]::-webkit-progress-value {
+  background-color: var(--light-bg-color);
+}
+progress.light:not([value])::before {
+  background-color: var(--light-bg-color);
+}
+progress.light:not([value])::-webkit-progress-bar {
+  background-color: var(--light-bg-color);
+}
+progress.light::-moz-progress-bar {
+  background-color: var(--light-bg-color);
+}
+
+progress.dark[value]::-webkit-progress-value {
+  background-color: var(--dark-bg-color);
+}
+progress.dark:not([value])::-webkit-progress-bar {
+  background-color: var(--dark-bg-color);
+}
+progress.dark:not([value])::before {
+  background-color: var(--dark-bg-color);
+}
+progress.dark::-moz-progress-bar {
+  background-color: var(--dark-bg-color);
+}
+
+progress:not([value])::-webkit-progress-bar {
+  border-radius: 3px;
+  background: linear-gradient(
+      -45deg,
+      transparent 33%,
+      rgba(0, 0, 0, 0.2) 33%,
+      rgba(0, 0, 0, 0.2) 66%,
+      transparent 66%
+    )
+    left/2.5em 1.5em;
+}
+progress:not([value])::before {
+  content: " ";
+  position: absolute;
+  height: 20px;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 3px;
+  background: linear-gradient(
+      -45deg,
+      transparent 33%,
+      rgba(0, 0, 0, 0.2) 33%,
+      rgba(0, 0, 0, 0.2) 66%,
+      transparent 66%
+    )
+    left/2.5em 1.5em;
+}
+
+@keyframes stripes {
+  from {
+    background-position: 0%;
+  }
+  to {
+    background-position: 100%;
+  }
+}

package/dist/css/widgetbox.css

@@ -0,0 +1,9 @@
+:host(.panel-widget-box) {
+    min-height: 20px;
+    border: 1px solid #e3e3e3;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
+    overflow-x: hidden;
+    overflow-y: hidden;
+}