@dangl/angular-material-shared 2.6.2-beta0003 → 2.6.2-beta0011

package/tinymce-assets/skins/ui/tinymce-5/skin.css

@@ -230,20 +230,6 @@ button::-moz-focus-inner {
 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
   padding: 4px 8px 4px 4px;
 }
-.tox .mce-codemirror {
-  background: #fff;
-  bottom: 0;
-  font-size: 13px;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 1;
-}
-.tox .mce-codemirror.tox-inline-codemirror {
-  margin: 8px;
-  position: absolute;
-}
 .tox .tox-advtemplate .tox-form__grid {
   flex: 1;
 }
@@ -313,7 +299,7 @@ button::-moz-focus-inner {
 .tox .tox-button::before {
   border-radius: 3px;
   bottom: -1px;
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #207ab7, 0 0 0 3px rgba(32, 122, 183, 0.25);
   content: '';
   left: -1px;
   opacity: 0;
@@ -337,7 +323,7 @@ button::-moz-focus-inner {
   box-shadow: none;
   color: #fff;
 }
-.tox .tox-button:focus:not(:disabled)::before {
+.tox .tox-button:focus-visible:not(:disabled)::before {
   opacity: 1;
 }
 .tox .tox-button:hover:not(:disabled) {
@@ -707,33 +693,12 @@ button::-moz-focus-inner {
 .tox .tox-collection--list .tox-collection__item--active {
   background-color: #dee0e2;
 }
-.tox .tox-collection--toolbar .tox-collection__item--enabled,
-.tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active,
-.tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active:hover {
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
   background-color: #c8cbcf;
   color: #222f3e;
 }
 .tox .tox-collection--toolbar .tox-collection__item--active {
-  background-color: #fff;
-  position: relative;
-}
-.tox .tox-collection--toolbar .tox-collection__item--active:hover {
   background-color: #dee0e2;
-  color: #222f3e;
-}
-.tox .tox-collection--toolbar .tox-collection__item--active:focus {
-  background-color: #dee0e2;
-  color: #222f3e;
-}
-.tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
 }
 .tox .tox-collection--grid .tox-collection__item--enabled {
   background-color: #c8cbcf;
@@ -742,18 +707,6 @@ button::-moz-focus-inner {
 .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
   background-color: #dee0e2;
   color: #222f3e;
-  position: relative;
-  z-index: 1;
-}
-.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent 'inset';
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
 }
 .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
   color: #222f3e;
@@ -790,7 +743,7 @@ button::-moz-focus-inner {
   word-break: break-all;
 }
 .tox .tox-collection__item-accessory {
-  color: currentColor;
+  color: rgba(34, 47, 62, 0.7);
   display: inline-block;
   font-size: 14px;
   height: 24px;
@@ -808,7 +761,7 @@ button::-moz-focus-inner {
   min-height: inherit;
 }
 .tox .tox-collection__item-caret svg {
-  fill: currentColor;
+  fill: #222f3e;
 }
 .tox .tox-collection__item--state-disabled {
   background-color: transparent;
@@ -1771,7 +1724,7 @@ body.tox-dialog__disable-scroll {
   position: relative;
 }
 .tox .tox-edit-area::before {
-  border: 0 solid transparent;
+  border: 2px solid #2D6ADF;
   border-radius: 4px;
   content: '';
   inset: 0;
@@ -2341,7 +2294,6 @@ body.tox-dialog__disable-scroll {
   top: 200px;
 }
 .tox .tox-insert-table-picker {
-  background-color: #fff;
   display: flex;
   flex-wrap: wrap;
   width: 170px;
@@ -2468,7 +2420,7 @@ body.tox-dialog__disable-scroll {
 /* Deprecated. Remove in next major release */
 .tox .tox-mbtn {
   align-items: center;
-  background: #fff;
+  background: transparent;
   border: 0;
   border-radius: 3px;
   box-shadow: none;
@@ -2482,12 +2434,13 @@ body.tox-dialog__disable-scroll {
   justify-content: center;
   margin: 2px 0 3px 0;
   outline: none;
+  overflow: hidden;
   padding: 0 4px;
   text-transform: none;
   width: auto;
 }
 .tox .tox-mbtn[disabled] {
-  background-color: #fff;
+  background-color: transparent;
   border: 0;
   box-shadow: none;
   color: rgba(34, 47, 62, 0.5);
@@ -2498,21 +2451,8 @@ body.tox-dialog__disable-scroll {
   border: 0;
   box-shadow: none;
   color: #222f3e;
-  position: relative;
-  z-index: 1;
 }
-.tox .tox-mbtn:focus:not(:disabled)::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-.tox .tox-mbtn--active,
-.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+.tox .tox-mbtn--active {
   background: #c8cbcf;
   border: 0;
   box-shadow: none;
@@ -2929,6 +2869,7 @@ body.tox-dialog__disable-scroll {
 .tox .tox-statusbar__path {
   display: flex;
   flex: 1 1 auto;
+  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -2944,6 +2885,7 @@ body.tox-dialog__disable-scroll {
   display: flex;
   flex: 1 1 auto;
   justify-content: space-between;
+  overflow: hidden;
 }
 @media only screen and (min-width: 768px ) {
   .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
@@ -2981,7 +2923,6 @@ body.tox-dialog__disable-scroll {
 .tox .tox-statusbar__path-item,
 .tox .tox-statusbar__wordcount {
   color: rgba(34, 47, 62, 0.7);
-  position: relative;
   text-decoration: none;
 }
 .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
@@ -2993,18 +2934,6 @@ body.tox-dialog__disable-scroll {
   color: #222f3e;
   cursor: pointer;
 }
-.tox .tox-statusbar a:focus-visible::after,
-.tox .tox-statusbar__path-item:focus-visible::after,
-.tox .tox-statusbar__wordcount:focus-visible::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
 .tox .tox-statusbar__branding svg {
   fill: rgba(34, 47, 62, 0.8);
   height: 1.14em;
@@ -3022,37 +2951,20 @@ body.tox-dialog__disable-scroll {
   display: flex;
   flex: 0 0 auto;
   justify-content: flex-end;
-  margin-bottom: 3px;
-  margin-left: 4px;
-  margin-right: calc(3px - 8px);
-  margin-top: 3px;
-  padding-bottom: 0;
-  padding-left: 0;
-  padding-right: 0;
-  position: relative;
+  margin-left: auto;
+  margin-right: -8px;
+  padding-bottom: 3px;
+  padding-left: 1ch;
+  padding-right: 3px;
 }
 .tox .tox-statusbar__resize-handle svg {
   display: block;
   fill: rgba(34, 47, 62, 0.5);
 }
-.tox .tox-statusbar__resize-handle:hover svg,
 .tox .tox-statusbar__resize-handle:focus svg {
-  fill: #222f3e;
-}
-.tox .tox-statusbar__resize-handle:focus-visible {
-  background-color: transparent;
+  background-color: #dee0e2;
   border-radius: 1px 1px -4px 1px;
-  box-shadow: 0 0 0 2px transparent;
-}
-.tox .tox-statusbar__resize-handle:focus-visible::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
+  box-shadow: 0 0 0 2px #dee0e2;
 }
 .tox:not([dir=rtl]) .tox-statusbar__path > * {
   margin-right: 4px;
@@ -3082,7 +2994,7 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-tbtn {
   align-items: center;
-  background: #fff;
+  background: transparent;
   border: 0;
   border-radius: 3px;
   box-shadow: none;
@@ -3096,6 +3008,7 @@ body.tox-dialog__disable-scroll {
   justify-content: center;
   margin: 3px 0 2px 0;
   outline: none;
+  overflow: hidden;
   padding: 0;
   text-transform: none;
   width: 34px;
@@ -3113,18 +3026,6 @@ body.tox-dialog__disable-scroll {
   background: #dee0e2;
   border: 0;
   box-shadow: none;
-  position: relative;
-  z-index: 1;
-}
-.tox .tox-tbtn:focus::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
 }
 .tox .tox-tbtn:hover {
   background: #dee0e2;
@@ -3151,7 +3052,7 @@ body.tox-dialog__disable-scroll {
 .tox .tox-tbtn--disabled:hover,
 .tox .tox-tbtn:disabled,
 .tox .tox-tbtn:disabled:hover {
-  background: #fff;
+  background: transparent;
   border: 0;
   box-shadow: none;
   color: rgba(34, 47, 62, 0.5);
@@ -3164,45 +3065,26 @@ body.tox-dialog__disable-scroll {
   /* stylelint-disable-line no-descending-specificity */
   fill: rgba(34, 47, 62, 0.5);
 }
-.tox .tox-tbtn--active,
 .tox .tox-tbtn--enabled,
-.tox .tox-tbtn--enabled:hover,
-.tox .tox-tbtn--enabled:focus {
+.tox .tox-tbtn--enabled:hover {
   background: #c8cbcf;
   border: 0;
   box-shadow: none;
   color: #222f3e;
-  position: relative;
 }
-.tox .tox-tbtn--active > *,
 .tox .tox-tbtn--enabled > *,
-.tox .tox-tbtn--enabled:hover > *,
-.tox .tox-tbtn--enabled:focus > * {
+.tox .tox-tbtn--enabled:hover > * {
   transform: none;
 }
-.tox .tox-tbtn--active svg,
 .tox .tox-tbtn--enabled svg,
-.tox .tox-tbtn--enabled:hover svg,
-.tox .tox-tbtn--enabled:focus svg {
+.tox .tox-tbtn--enabled:hover svg {
   /* stylelint-disable-line no-descending-specificity */
   fill: #222f3e;
 }
-.tox .tox-tbtn--active.tox-tbtn--disabled svg,
 .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
-.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
-.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
   fill: rgba(34, 47, 62, 0.5);
 }
-.tox .tox-tbtn--enabled:focus::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
   color: #222f3e;
 }
@@ -3239,55 +3121,20 @@ body.tox-dialog__disable-scroll {
   white-space: nowrap;
 }
 .tox .tox-number-input {
-  background: transparent;
   border-radius: 3px;
   display: flex;
   margin: 3px 0 2px 0;
-  position: relative;
+  padding: 0 4px;
   width: auto;
 }
-.tox .tox-number-input:focus {
-  background: #dee0e2;
-}
-.tox .tox-number-input:focus::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
 .tox .tox-number-input .tox-input-wrapper {
+  background: transparent;
   display: flex;
   pointer-events: none;
-  position: relative;
   text-align: center;
 }
 .tox .tox-number-input .tox-input-wrapper:focus {
-  background-color: #dee0e2;
-  z-index: 1;
-}
-.tox .tox-number-input .tox-input-wrapper:focus::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
+  background: #dee0e2;
 }
 .tox .tox-number-input input {
   border-radius: 3px;
@@ -3295,7 +3142,6 @@ body.tox-dialog__disable-scroll {
   font-size: 14px;
   margin: 2px 0;
   pointer-events: all;
-  position: relative;
   width: 60px;
 }
 .tox .tox-number-input input:hover {
@@ -3303,19 +3149,20 @@ body.tox-dialog__disable-scroll {
   color: #222f3e;
 }
 .tox .tox-number-input input:focus {
-  background-color: #dee0e2;
+  background: #fff;
+  color: #222f3e;
 }
 .tox .tox-number-input input:disabled {
-  background: #fff;
+  background: transparent;
   border: 0;
   box-shadow: none;
   color: rgba(34, 47, 62, 0.5);
   cursor: not-allowed;
 }
 .tox .tox-number-input button {
+  background: transparent;
   color: #222f3e;
   height: 34px;
-  position: relative;
   text-align: center;
   width: 24px;
 }
@@ -3327,17 +3174,6 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-number-input button:focus {
   background: #dee0e2;
-  z-index: 1;
-}
-.tox .tox-number-input button:focus::after {
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
 }
 .tox .tox-number-input button:hover {
   background: #dee0e2;
@@ -3358,7 +3194,7 @@ body.tox-dialog__disable-scroll {
   fill: #222f3e;
 }
 .tox .tox-number-input button:disabled {
-  background: #fff;
+  background: transparent;
   border: 0;
   box-shadow: none;
   color: rgba(34, 47, 62, 0.5);
@@ -3403,9 +3239,6 @@ body.tox-dialog__disable-scroll {
 .tox .tox-tbtn--bespoke {
   background: transparent;
 }
-.tox .tox-tbtn--bespoke:focus {
-  background: #dee0e2;
-}
 .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
   margin-inline-start: 0;
 }
@@ -3425,6 +3258,7 @@ body.tox-dialog__disable-scroll {
   box-sizing: border-box;
   display: flex;
   margin: 3px 0 2px 0;
+  overflow: hidden;
 }
 .tox .tox-split-button:hover {
   box-shadow: 0 0 0 1px #dee0e2 inset;
@@ -3433,31 +3267,10 @@ body.tox-dialog__disable-scroll {
   background: #dee0e2;
   box-shadow: none;
   color: #222f3e;
-  position: relative;
-  z-index: 1;
-}
-.tox .tox-split-button:focus::after {
-  pointer-events: none;
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
 }
 .tox .tox-split-button > * {
   border-radius: 0;
 }
-.tox .tox-split-button > *:nth-child(1) {
-  border-bottom-left-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.tox .tox-split-button > *:nth-child(2) {
-  border-bottom-right-radius: 3px;
-  border-top-right-radius: 3px;
-}
 .tox .tox-split-button__chevron {
   width: 16px;
 }
@@ -3467,14 +3280,11 @@ body.tox-dialog__disable-scroll {
 .tox .tox-split-button .tox-tbtn {
   margin: 0;
 }
-.tox .tox-split-button:focus .tox-tbtn {
-  background-color: transparent;
-}
 .tox .tox-split-button.tox-tbtn--disabled:hover,
 .tox .tox-split-button.tox-tbtn--disabled:focus,
 .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
 .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
-  background: #fff;
+  background: transparent;
   box-shadow: none;
   color: rgba(34, 47, 62, 0.5);
 }
@@ -3598,30 +3408,18 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-tooltip {
   display: inline-block;
-  max-width: 15em;
   padding: 8px;
-  /*
-     * The pointer-events: none is designed to make mouse events bleed through the tooltip
-     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
-     * another item should trigger the hover of the item obscured by the tooltip, even though
-     * the tooltip is on top
-     */
-  pointer-events: none;
   position: relative;
-  width: -moz-max-content;
-  width: max-content;
-  z-index: 1150;
 }
 .tox .tox-tooltip__body {
   background-color: #222f3e;
   border-radius: 3px;
-  box-shadow: none;
-  color: #fff;
-  font-size: 12px;
+  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+  color: rgba(255, 255, 255, 0.75);
+  font-size: 14px;
   font-style: normal;
-  font-weight: 600;
-  overflow-wrap: break-word;
-  padding: 4px 6px;
+  font-weight: normal;
+  padding: 4px 8px;
   text-transform: none;
 }
 .tox .tox-tooltip__arrow {
@@ -3855,118 +3653,6 @@ body.tox-dialog__disable-scroll {
   display: flex;
   justify-content: space-between;
 }
-.tox .tox-revisionhistory__pane {
-  padding: 0 !important;
-  /* Override the default padding of tox-view__pane */
-}
-.tox .tox-revisionhistory__container {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.tox .tox-revisionhistory {
-  background-color: #fff;
-  border-radius: 4px;
-  border-top: 1px solid #cccccc;
-  display: flex;
-  flex: 1;
-  height: 100%;
-  margin-top: 8px;
-  overflow: 'auto';
-  position: relative;
-  width: 100%;
-}
-.tox .tox-revisionhistroy--align-right {
-  margin-left: auto;
-}
-.tox .tox-revisionhistory__iframe {
-  flex: 1;
-}
-.tox .tox-revisionhistory__sidebar {
-  border-left: 1px solid #cccccc;
-  height: 100%;
-  max-width: 360px;
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
-  border-bottom: 1px solid #cccccc;
-  color: #222f3e;
-  font-size: 20px;
-  font-weight: 400;
-  height: 60px;
-  min-width: 192px;
-  padding: 16px;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
-  flex-direction: column;
-  max-height: calc(100% - 60px);
-  min-width: 192px;
-  overflow-y: auto;
-  padding: 8px;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
-  height: 100%;
-  position: relative;
-  z-index: 1;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  border-radius: 3px;
-  bottom: 1px;
-  left: 1px;
-  right: 1px;
-  top: 1px;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
-  border: 1px solid #cccccc;
-  border-radius: 3px;
-  color: #222f3e;
-  cursor: pointer;
-  font-size: 14px;
-  margin-bottom: 8px;
-  padding: 8px;
-  text-overflow: ellipsis;
-  text-wrap: nowrap;
-  width: 100%;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
-  background-color: #dee0e2;
-  box-shadow: none;
-  color: #222f3e;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
-  position: relative;
-  z-index: 1;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
-  border-radius: 3px !important;
-  border-radius: 3px;
-  bottom: 0;
-  box-shadow: 0 0 0 0 transparent ;
-  content: '';
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
-  background-color: #b1d0e6;
-  box-shadow: none;
-  color: #222f3e;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
-  color: rgba(34, 47, 62, 0.7);
-  font-size: 16px;
-  line-height: 24px;
-  padding: 5px 5.5px;
-}
 .tox .tox-view-wrap,
 .tox .tox-view-wrap__slot-container {
   background-color: #fff;
@@ -3988,19 +3674,6 @@ body.tox-dialog__disable-scroll {
   padding: 8px 8px 0 8px;
   position: relative;
 }
-.tox .tox-view__label {
-  color: #222f3e;
-  font-weight: bold;
-  line-height: 24px;
-  padding: 4px 16px;
-  text-align: center;
-}
-.tox .tox-view__label--normal {
-  font-size: 16px;
-}
-.tox .tox-view__label--large {
-  font-size: 20px;
-}
 .tox .tox-view--mobile.tox-view__header,
 .tox .tox-view--mobile.tox-view__toolbar {
   padding: 8px;
@@ -4028,7 +3701,6 @@ body.tox-dialog__disable-scroll {
 .tox .tox-view__pane {
   height: 100%;
   padding: 8px;
-  position: relative;
   width: 100%;
 }
 .tox .tox-view__pane_panel {