sh-view 1.5.2

package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.mobile.min.css

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-outer-container{all:initial;display:block}.tinymce-mobile-outer-container *{border:0;box-sizing:initial;cursor:inherit;float:none;line-height:1;margin:0;outline:0;padding:0;-webkit-tap-highlight-color:transparent;text-shadow:none;white-space:nowrap}.tinymce-mobile-icon-arrow-back::before{content:"\e5cd"}.tinymce-mobile-icon-image::before{content:"\e412"}.tinymce-mobile-icon-cancel-circle::before{content:"\e5c9"}.tinymce-mobile-icon-full-dot::before{content:"\e061"}.tinymce-mobile-icon-align-center::before{content:"\e234"}.tinymce-mobile-icon-align-left::before{content:"\e236"}.tinymce-mobile-icon-align-right::before{content:"\e237"}.tinymce-mobile-icon-bold::before{content:"\e238"}.tinymce-mobile-icon-italic::before{content:"\e23f"}.tinymce-mobile-icon-unordered-list::before{content:"\e241"}.tinymce-mobile-icon-ordered-list::before{content:"\e242"}.tinymce-mobile-icon-font-size::before{content:"\e245"}.tinymce-mobile-icon-underline::before{content:"\e249"}.tinymce-mobile-icon-link::before{content:"\e157"}.tinymce-mobile-icon-unlink::before{content:"\eca2"}.tinymce-mobile-icon-color::before{content:"\e891"}.tinymce-mobile-icon-previous::before{content:"\e314"}.tinymce-mobile-icon-next::before{content:"\e315"}.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content:"\e264"}.tinymce-mobile-icon-undo::before{content:"\e166"}.tinymce-mobile-icon-redo::before{content:"\e15a"}.tinymce-mobile-icon-removeformat::before{content:"\e239"}.tinymce-mobile-icon-small-font::before{content:"\e906"}.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content:"\e5ca"}.tinymce-mobile-icon-small-heading::before{content:"small"}.tinymce-mobile-icon-large-heading::before{content:"large"}.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family:sans-serif;font-size:80%}.tinymce-mobile-mask-edit-icon::before{content:"\e254"}.tinymce-mobile-icon-back::before{content:"\e5c4"}.tinymce-mobile-icon-heading::before{content:"Headings";font-family:sans-serif;font-size:80%;font-weight:700}.tinymce-mobile-icon-h1::before{content:"H1";font-weight:700}.tinymce-mobile-icon-h2::before{content:"H2";font-weight:700}.tinymce-mobile-icon-h3::before{content:"H3";font-weight:700}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{align-items:center;display:flex;justify-content:center;background:rgba(51,51,51,.5);height:100%;position:absolute;top:0;width:100%}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-family:sans-serif;font-size:1em;justify-content:space-between}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items:center;display:flex;justify-content:center;flex-direction:column;font-size:1em}@media only screen and (min-device-width:700px){.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{font-size:1.2em}}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em;background-color:#fff;color:#207ab7}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{content:"\e900";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon{z-index:2}.tinymce-mobile-android-container.tinymce-mobile-android-maximized{background:#fff;border:none;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0}.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position:relative}.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display:flex;flex-grow:1}.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display:flex!important;flex-grow:1;height:auto!important}.tinymce-mobile-android-scroll-reload{overflow:hidden}:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top:23px}.tinymce-mobile-toolstrip{background:#fff;display:flex;flex:0 0 auto;z-index:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;flex:1;height:2.5em;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex-shrink:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background:#f44336}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{align-items:center;display:flex;height:80%;margin-left:2px;margin-right:2px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected{background:#c8cbcf;color:#ccc}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type{background:#207ab7;color:#eceff1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex:1;padding-bottom:.4em;padding-top:.4em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{display:flex;min-height:1.5em;overflow:hidden;padding-left:0;padding-right:0;position:relative;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain{display:flex;height:100%;transition:left cubic-bezier(.4,0,1,1) .15s;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen{display:flex;flex:0 0 auto;justify-content:space-between;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input{font-family:Sans-serif}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container{display:flex;flex-grow:1;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x{-ms-grid-row-align:center;align-self:center;background:inherit;border:none;border-radius:50%;color:#888;font-size:.6em;font-weight:700;height:100%;padding-right:2px;position:absolute;right:0}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x{display:none}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before{align-items:center;display:flex;font-weight:700;height:100%;padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before{visibility:hidden}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{color:#ccc;font-size:10px;line-height:10px;margin:0 2px;padding-top:3px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color:#c8cbcf}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before{margin-left:.5em;margin-right:.9em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before{margin-left:.9em;margin-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{display:flex;flex:1;margin-left:0;margin-right:0;padding:.28em 0;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line{background:#ccc;display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-left:2em;padding-right:2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient{background:linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black{background:#000;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white{background:#fff;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{align-items:center;background-clip:padding-box;background-color:#455a64;border:.5em solid rgba(136,136,136,0);border-radius:3em;bottom:0;color:#fff;display:flex;height:.5em;justify-content:center;left:-10px;margin:auto;position:absolute;top:0;transition:border 120ms cubic-bezier(.39,.58,.57,1);width:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active{border:.5em solid rgba(136,136,136,.39)}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction:column;justify-content:center}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog){height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{background:#fff;border:none;border-radius:0;color:#455a64;flex-grow:1;font-size:.85em;padding-bottom:.1em;padding-left:5px;padding-top:.1em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color:#888}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color:#888}.tinymce-mobile-dropup{background:#fff;display:flex;overflow:hidden;width:100%}.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition:height .3s ease-out}.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition:height .3s ease-in}.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow:0}.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow:1}.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}@media only screen and (orientation:landscape){.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:150px}}.tinymce-mobile-styles-menu{font-family:sans-serif;outline:4px solid #000;overflow:hidden;position:relative;width:100%}.tinymce-mobile-styles-menu [role=menu]{display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.tinymce-mobile-styles-menu [role=menu].transitioning{transition:transform .5s ease-in-out}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{border-bottom:1px solid #ddd;color:#455a64;cursor:pointer;display:flex;padding:1em 1em;position:relative}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{color:#455a64;content:"\e314";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{color:#455a64;content:"\e315";font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{align-items:center;background:#fff;border-top:#455a64;color:#455a64;display:flex;min-height:2.5em;padding-left:1em;padding-right:1em}.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform:translate(-100%)}.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform:translate(0)}.tinymce-mobile-styles-menu [data-transitioning-destination=after][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=after]{transform:translate(100%)}@font-face{font-family:tinymce-mobile;font-style:normal;font-weight:400;src:url(fonts/tinymce-mobile.woff?8x92w3) format('woff')}@media (min-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:25px}}@media (max-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:18px}}.tinymce-mobile-icon{font-family:tinymce-mobile,sans-serif}.mixin-flex-and-centre{align-items:center;display:flex;justify-content:center}.mixin-flex-bar{align-items:center;display:flex;height:100%}.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{background-color:#fff;width:100%}.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{background-color:#207ab7;border-radius:50%;bottom:1em;color:#fff;font-size:1em;height:2.1em;position:fixed;right:2em;width:2.1em;align-items:center;display:flex;justify-content:center}@media only screen and (min-device-width:700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size:1.2em}}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height:300px;overflow:hidden}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height:100%}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display:none}input[type=file]::-webkit-file-upload-button{display:none}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom:50%}}

package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.shadowdom.css

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}

package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}

package/packages/components/other-components/sh-menu-card/index.vue

@@ -0,0 +1,224 @@
+<template>
+	<Row :gutter="10">
+		<template v-for="(menuitem, menuindex) in resetRenderList(list)" :key="menuindex">
+			<Col v-bind="colsConfig">
+				<sh-card :icon="menuitem.icon" size="small" :title="menuitem.meta.title" :icon-size="18" :color="getMenuColor(menuindex)" :padding="8" class="menuCard">
+					<div :ref="`cardBtnsWrap${menuindex}`" class="cardBtnsWrap">
+						<template v-for="cardBtn in menuitem.buttons" :key="cardBtn.value">
+							<template v-if="menuitem.children && menuitem.children.length > 0">
+								<Poptip
+									v-model="cardBtn.visible"
+									transfer
+									:title="cardBtn.name"
+									:width="poptipWidth"
+									:placement="cardBtn.placement"
+									@on-popper-show="handleFocusBtn(cardBtn, menuindex)"
+									@on-popper-hide="handleBlurBtn(cardBtn, menuindex)">
+									<div class="cardBtn" :style="getCardStyle(menuindex, cardActive === cardBtn.value + menuindex)" @click="handleCardBtn($event, cardBtn, menuitem, menuindex)">
+										<sh-icon :type="cardBtn.icon" :size="16" class="mr-2" :color="getMenuColor(menuindex, cardActive === cardBtn.value + menuindex)" />
+										<span>{{ cardBtn.name }}</span>
+										<sh-corner v-if="getBudgeNum(menuitem, cardBtn)" v-bind="btnCornerConfig(cardBtn, menuitem, menuindex)"></sh-corner>
+									</div>
+									<template #content>
+										<div class="cardPoptipContent">
+											<menuBox v-if="cardActive.startsWith('menus')" :menu="menuitem" first></menuBox>
+											<sh-empty v-else></sh-empty>
+										</div>
+									</template>
+								</Poptip>
+							</template>
+							<template v-else>
+								<div class="cardBtn" :style="getCardStyle(menuindex, cardActive === cardBtn.value + menuindex)" @click="handleCardBtn($event, cardBtn, menuitem, menuindex)">
+									<sh-icon :type="cardBtn.icon" :size="16" class="mr-2" :color="getMenuColor(menuindex, cardActive === cardBtn.value + menuindex)" />
+									<span>{{ cardBtn.name }}</span>
+									<sh-corner v-if="getBudgeNum(menuitem, cardBtn)" v-bind="btnCornerConfig(cardBtn, menuitem, menuindex)"></sh-corner>
+								</div>
+							</template>
+						</template>
+					</div>
+				</sh-card>
+			</Col>
+		</template>
+	</Row>
+</template>
+
+<script>
+import menuBox from './menu-box'
+export default {
+	name: 'MenuCard',
+	components: {
+		menuBox
+	},
+	props: {
+		list: {
+			type: Array,
+			default() {
+				return []
+			}
+		},
+		menuColors: {
+			type: Array,
+			default() {
+				return [
+					{ default: '#e7f1ff', active: '#1890ff' },
+					{ default: '#FFEFEB', active: '#FF652E' },
+					{ default: '#F4F1FF', active: '#997BFF' },
+					{ default: '#E6F6F2', active: '#01A883' },
+					{ default: '#FFF6E8', active: '#FFA522' },
+					{ default: '#ffe5e5', active: '#e62340' },
+					{ default: '#dbffff', active: '#13C2C2' },
+					{ default: '#e2f1ff', active: '#003366' },
+					{ default: '#e6cdff', active: '#722ED1' },
+					{ default: '#ffccd6', active: '#ff5d7a' }
+				]
+			}
+		},
+		cardBtns: {
+			type: Array,
+			default() {
+				return [
+					{ name: '功能菜单', value: 'menus', icon: 'ios-apps' },
+					{ name: '操作指南', value: 'guides', icon: 'ios-navigate', placement: 'bottom-end' },
+					{ name: '待办事项', value: 'todo', icon: 'md-calendar' },
+					{ name: '已办事项', value: 'untodo', icon: 'ios-calendar', placement: 'bottom-end' }
+				]
+			}
+		}
+	},
+	data() {
+		return {
+			poptipWidth: 320,
+			cardActive: ''
+		}
+	},
+	computed: {
+		colsConfig() {
+			return {
+				xs: { span: 24 },
+				sm: { span: 24 },
+				md: { span: 12 },
+				lg: { span: 8 },
+				xl: { span: 8 },
+				xxl: { span: 6 }
+			}
+		}
+	},
+	methods: {
+		// 重新生成卡片列表
+		resetRenderList(list) {
+			return this.$vUtils.mapTree(list, item => {
+				return {
+					buttons: this.cardBtns.map(btn => {
+						return {
+							visible: false,
+							placement: 'bottom-start',
+							...btn
+						}
+					}),
+					...item
+				}
+			})
+		},
+		// 动态角标配置
+		btnCornerConfig(cardBtn, menuitem, menuindex) {
+			return {
+				title: this.getBudgeNum(menuitem, cardBtn),
+				dark: true,
+				width: '30',
+				height: '30',
+				color: this.getMenuColor(menuindex)
+			}
+		},
+		getMenuColor(menuindex, active) {
+			return this.getCardStyle(menuindex, true)[active ? 'color' : 'backgroundColor']
+		},
+		getCardStyle(index, active) {
+			let themeLength = this.menuColors.length
+			let backgroundColor = this.menuColors[index % themeLength][active ? 'active' : 'default']
+			let color = active ? '#fff' : ''
+			return { backgroundColor, color }
+		},
+		getBudgeNum(menu, card) {
+			switch (card.value) {
+				case 'menus':
+					return this.$vUtils.toTreeArray(menu.children || []).length
+				default:
+					return ''
+			}
+		},
+		handleCardBtn($event, cardBtn, menu, menuIndex) {
+			if (!menu.children || menu.children.length < 1) {
+				cardBtn.visible = false
+				return this.routerTo(menu)
+			}
+			let windowWidth = window.document.body.clientWidth
+			let selfOffsetRight = windowWidth - $event.pageX
+			cardBtn.placement = selfOffsetRight < this.poptipWidth ? 'bottom-end' : 'bottom-start'
+			cardBtn.visible = true
+		},
+		handleFocusBtn(card, index) {
+			this.cardActive = card.value + index
+		},
+		handleBlurBtn(card, index) {
+			if (this.cardActive === card.value + index) this.cardActive = ''
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.menuCard {
+	margin-bottom: 10px;
+}
+.cardPoptipContent {
+	max-height: 400px;
+	overflow: auto;
+}
+.cardBtnsWrap {
+	position: relative;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	flex-wrap: wrap;
+	> div {
+		width: 47%;
+		display: inline-flex;
+		align-items: center;
+		margin: 1.5%;
+		> .ivu-poptip-rel,
+		> .ivu-tooltip-rel,
+		> .ivu-dropdown-rel {
+			width: 100%;
+			display: block;
+		}
+	}
+	.cardBtn {
+		display: flex;
+		align-items: center;
+		background-color: #eee;
+		font-size: 1.1em;
+		padding: 10px;
+		box-sizing: border-box;
+		cursor: pointer;
+		position: relative;
+		&:hover {
+			opacity: 0.8;
+		}
+	}
+}
+.menuBoxWrap {
+	padding-left: 2em;
+	position: relative;
+	&.first {
+		padding-left: 0;
+	}
+	.menuBoxFilter {
+		margin-bottom: 5px;
+	}
+	.menuBoxTitle {
+		display: block;
+		padding: 5px 0;
+		cursor: pointer;
+	}
+}
+</style>

package/packages/components/other-components/sh-menu-card/menu-box.vue

@@ -0,0 +1,68 @@
+<template>
+	<div class="menuBoxWrap" :class="{ first }">
+		<template v-if="menus.length > 0">
+			<div v-if="first" class="menuBoxFilter">
+				<vxe-input v-model="filterText" size="mini" class="w-100" clearable placeholder="请输入关键词" prefix-icon="vxe-icon-search"></vxe-input>
+			</div>
+			<template v-for="(item, itemindex) in menuBoxList" :key="itemindex">
+				<a class="menuBoxTitle" @click="routerTo(item)">{{ formatTitle(item) }}</a>
+				<menuBox v-if="hasChildren(item)" :menu="item"></menuBox>
+			</template>
+		</template>
+		<sh-empty v-else></sh-empty>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'MenuBox',
+	props: {
+		menu: {
+			type: [Object, Array],
+			default() {
+				return {}
+			}
+		},
+		first: {
+			type: Boolean
+		}
+	},
+	data() {
+		return {
+			filterText: '',
+			filterData: null,
+			filterChangeDebounce: this.$vUtils.debounce(this.handleMenuFilter, 500)
+		}
+	},
+	computed: {
+		menus() {
+			return Array.isArray(this.menu) ? this.menu : this.menu?.children || []
+		},
+		menuBoxList() {
+			return this.filterData || this.menus
+		}
+	},
+	watch: {
+		filterText: {
+			handler(newvalue, oldValue) {
+				this.filterChangeDebounce(newvalue)
+			}
+		}
+	},
+	methods: {
+		// 全局搜索过滤事件
+		handleMenuFilter(text) {
+			const that = this
+			let filterText = that.$vUtils.toValueString(text).trim().toLowerCase()
+			let filterData = null
+			if (filterText) {
+				filterData = that.$vUtils.searchTree(that.menus, menu => this.formatTitle(menu).indexOf(filterText) > -1)
+			}
+			if (that.filterData === null && !filterText) {
+				return
+			}
+			that.filterData = filterData
+		}
+	}
+}
+</script>

package/packages/components/other-components/sh-system-tip/index.vue

@@ -0,0 +1,113 @@
+<template>
+	<sh-header size="large">
+		<template #title>
+			<div v-html="headerTitle.title"></div>
+		</template>
+		<div>{{ headerTitle.desc }}</div>
+	</sh-header>
+</template>
+
+<script>
+export default {
+	name: 'SystemTip',
+	props: {
+		name: {
+			type: String,
+			default: ''
+		}
+	},
+	data() {
+		return {
+			nowdate: new Date()
+		}
+	},
+	computed: {
+		headerDate() {
+			let hours = this.nowdate.getHours()
+			let month = this.nowdate.getMonth() + 1
+			let day = this.nowdate.getDate()
+			let week = this.nowdate.getDay()
+			return { date: this.nowdate, hours, month, day, week }
+		},
+		headerWeek() {
+			let { week } = this.headerDate
+			let tw = ''
+			switch (week) {
+				case 0:
+					tw = '星期天'
+					break
+				case 1:
+					tw = '星期一'
+					break
+				case 2:
+					tw = '星期二'
+					break
+				case 3:
+					tw = '星期三'
+					break
+				case 4:
+					tw = '星期四'
+					break
+				case 5:
+					tw = '星期五'
+					break
+				case 6:
+					tw = '星期六'
+					break
+			}
+			return tw
+		},
+		headerTitle() {
+			let { hours } = this.headerDate
+			let title = ''
+			let desc = ''
+			switch (true) {
+				case hours === 0 || (hours >= 23 && hours <= 24):
+					title = '午夜啦,早点休息喔'
+					desc = '思念不因劳累而改变,问候不因疲惫而变懒,祝福不因休息而变缓,关怀随星星眨眼,牵挂在深夜依然,轻轻道声:祝你晚安!'
+					break
+				case hours >= 1 && hours <= 4:
+					title = '凌晨啦,注意身体喔'
+					desc = '时间不早啦,记得早点休息,保证睡眠质量!'
+					break
+				case hours >= 5 && hours <= 6:
+					title = '清晨啦,准备迎接新的一天吧'
+					desc = '睁开眼,缓一缓,快起床,伸懒腰;笑一笑,美好的一天又开始了.早安,祝你今天好心情,工作顺利,生活甜美!'
+					break
+				case hours >= 7 && hours <= 8:
+					title = '早上好,记得吃早餐喔'
+					desc = '一日之计在于晨,愿我这阳光初露时的小小问候能将快乐带给你,愿你用快乐开启,用微笑结束这美好的一天.'
+					break
+				case hours >= 9 && hours <= 10:
+					title = '上午好,时刻保持好心情呀'
+					desc = '上午好,一束阳光照在身,祝你天天都开心,财神家中去,梦想变成真,今天中大奖,明天去上任.'
+					break
+				case hours >= 11 && hours <= 12:
+					title = '中午好,午餐时间到啦'
+					desc = '中午好,到了吃午餐的时间了,吃完午餐记得午睡一小会,保证下午可以有良好的精神状态.'
+					break
+				case hours >= 13 && hours <= 16:
+					title = '下午好,别太辛苦了'
+					desc = '送各位一杯下午茶:已祝福为叶,叮咛做花,热情为水,包容当杯,喝出你一天好心情和一生的幸福,下午愉快!'
+					break
+				case hours >= 17 && hours <= 18:
+					title = '傍晚啦,看看窗外的风景吧'
+					desc = '工作是做不完的,身体可是累的垮的!看看外面的天空吧!'
+					break
+				case hours >= 19 && hours <= 22:
+					title = '晚上好,准备好进入梦乡啦'
+					desc = '睡前请把窗户打开,让"幸福"进来,睡前请把"心情"打开,让"快乐"入驻,睡前请把"思想"放飞,让甜蜜入梦!今晚祝你好梦成真,幸福一生!晚安!'
+					break
+			}
+			return { title: `Hi! <span class="primary">${this.name}</span>  ${title}`, desc }
+		}
+	},
+	watch: {},
+	created() {},
+	mounted() {},
+	beforeUnmount() {},
+	methods: {}
+}
+</script>
+
+<style lang="scss" scoped></style>

package/packages/css/index.js

@@ -0,0 +1,6 @@
+import '../assets/icons/iconfont.css'
+
+import '../assets/css/theme.scss'
+import '../assets/css/loader.scss'
+import '../assets/css/main.scss'
+import '../assets/css/animated.scss'

package/packages/directive/directives.js

@@ -0,0 +1,27 @@
+import draggable from './module/draggable'
+import { utils } from 'sh-tools'
+import ripple from 'vue-ripple-directive'
+ripple.color = 'rgba(0, 0, 0, 0.15)'
+
+const preventClick = {
+	inserted(el, binding) {
+		el.addEventListener('click', () => {
+			if (!el.disabled) {
+				el.disabled = true
+				if (!domUtil.hasClass(el, 'prevent--disabled')) utils.addClass(el, 'prevent--disabled')
+				setTimeout(() => {
+					el.disabled = false
+					if (domUtil.hasClass(el, 'prevent--disabled')) utils.removeClass(el, 'prevent--disabled')
+				}, binding.value || 1500)
+			}
+		})
+	}
+}
+
+const directives = {
+	draggable,
+	preventClick,
+	ripple
+}
+
+export default directives

package/packages/directive/index.js

@@ -0,0 +1,19 @@
+import directive from './directives'
+
+const index = {
+	install: function (Vue) {
+		/**
+		 * 拖拽指令 v-draggable="options"
+		 * options = {
+		 *  trigger: /这里传入作为拖拽触发器的CSS选择器/,
+		 *  body:    /这里传入需要移动容器的CSS选择器/,
+		 *  recover: /拖动结束之后是否恢复到原来的位置/
+		 * }
+		 */
+		Vue.directive('draggable', directive.draggable)
+		Vue.directive('debounce', directive.preventClick)
+		Vue.directive('ripple', directive.ripple)
+	}
+}
+
+export default index

package/packages/directive/module/draggable.js

@@ -0,0 +1,42 @@
+import { utils } from 'sh-tools'
+
+export default {
+	inserted: (el, binding, vnode) => {
+		let triggerDom = document.querySelector(binding.value.trigger)
+		triggerDom.style.cursor = 'move'
+		let bodyDom = document.querySelector(binding.value.body)
+		let pageX = 0
+		let pageY = 0
+		let transformX = 0
+		let transformY = 0
+		let canMove = false
+		const handleMousedown = e => {
+			let transform = /\(.*\)/.exec(bodyDom.style.transform)
+			if (transform) {
+				transform = transform[0].slice(1, transform[0].length - 1)
+				let splitxy = transform.split('px, ')
+				transformX = parseFloat(splitxy[0])
+				transformY = parseFloat(splitxy[1].split('px')[0])
+			}
+			pageX = e.pageX
+			pageY = e.pageY
+			canMove = true
+		}
+		const handleMousemove = e => {
+			let xOffset = e.pageX - pageX + transformX
+			let yOffset = e.pageY - pageY + transformY
+			if (canMove) bodyDom.style.transform = `translate(${xOffset}px, ${yOffset}px)`
+		}
+		const handleMouseup = e => {
+			canMove = false
+		}
+		utils.on(triggerDom, 'mousedown', handleMousedown)
+		utils.on(document, 'mousemove', handleMousemove)
+		utils.on(document, 'mouseup', handleMouseup)
+	},
+	update: (el, binding, vnode) => {
+		if (!binding.value.recover) return
+		let bodyDom = document.querySelector(binding.value.body)
+		bodyDom.style.transform = ''
+	}
+}

package/packages/index.js

@@ -0,0 +1,40 @@
+import packageConfig from '../package.json'
+import { utils } from 'sh-tools'
+import { VueMasonryPlugin } from 'vue-masonry'
+import directive from './directive/index'
+import iview from './iview/index'
+import vxeTable from './vxeTable/index'
+import globalComponents from './components/index'
+import mixin from './mixin/index'
+import './css/index'
+
+// 全局公共封装组件
+const install = function (root) {
+	if (install.installed) return
+	root.config.globalProperties.$vUtils = utils
+	root.mixin(mixin)
+	root.use(VueMasonryPlugin)
+	root.use(directive)
+	root.use(iview)
+	root.use(vxeTable)
+	root.use(globalComponents)
+}
+
+const ShUI = {
+	name: packageConfig.name,
+	version: packageConfig.version,
+	install
+}
+
+let consInfo = ''
+let defaultBg = 'padding: 5px; color: #111; background: #f5f7f9; font-weight: bold;'
+let tagBg1 = 'padding: 5px; color: #fff; background: #8e2eff; font-weight: bold;'
+let tagBg2 = 'padding: 5px; color: #333; background: #ffee2e; font-weight: bold;'
+if ((window.navigator.language || window.navigator.browserLanguage).toLowerCase() === 'zh-cn') {
+	consInfo = `%c由%c${ShUI.name}%c提供技术支持，版本%c${ShUI.version}%c`
+} else {
+	consInfo = `%cPowered by%c${ShUI.name}%c，version%c${ShUI.version}%c`
+}
+console.info(consInfo, defaultBg, tagBg1, defaultBg, tagBg2, defaultBg)
+
+export default ShUI

package/packages/iview/css/index.scss

@@ -0,0 +1,32 @@
+$primary-color      : #1890ff;                         // 全局主色
+$danger-color       : #ff3552;                         // 危险色
+$link-color         : #1890ff;                         // 链接色
+$success-color      : #25ad4a;                         // 成功色
+$warning-color      : #faad14;                         // 警告色
+$error-color        : #f5222d;                         // 错误色
+$info-color         : #2db7f5;                         // 信息色
+
+.ivu{
+    &-tabs-tab,
+    &-btn
+    {
+        border-radius: var(--border-radius) !important;
+    }
+}
+
+
+// 加载动画
+.sh-circular-spin {
+    width: 30px;
+    height: 30px;
+    animation: circularRotate 2s linear infinite;
+    transform-origin: center center;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+@keyframes circularRotate {
+    from { transform: rotate(0deg); }
+    50%  { transform: rotate(180deg); }
+    to   { transform: rotate(360deg); }
+}