@watermarkinsights/ripple 5.11.0-1 → 5.11.0-2

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css

@@ -54,7 +54,7 @@
 :host .component-wrapper .label {
   display: block;
   margin: 0;
-  padding-bottom: 0.25rem;
+  padding-block-end: 0.25rem;
   font-weight: 600;
   position: relative;
 }
@@ -62,7 +62,7 @@
   display: block;
   font-weight: normal;
   font-style: italic;
-  bottom: 0.25rem;
+  inset-block-end: 0.25rem;
   width: 100%;
   color: var(--wmcolor-chart-subinfo-text);
 }
@@ -83,7 +83,7 @@
 :host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values {
   display: flex;
   gap: 2px;
-  margin-bottom: 8px;
+  margin-block-end: 8px;
 }
 :host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values.none {
   margin: 0;
@@ -191,13 +191,13 @@
 :host .component-wrapper.doughnut label {
   text-align: center;
   width: 100%;
-  padding-bottom: 1.5rem;
+  padding-block-end: 1.5rem;
 }
 :host .component-wrapper.doughnut label .subinfo {
   position: absolute;
 }
 :host .component-wrapper.doughnut .completion-message {
-  padding-top: 0.625rem;
+  padding-block-start: 0.625rem;
 }
 :host .component-wrapper.bar {
   align-items: flex-start;
@@ -225,8 +225,8 @@
 }
 :host .component-wrapper.bar .chart-wrapper .completion-message {
   width: 100%;
-  text-align: right;
-  margin-top: 0.25rem;
+  text-align: end;
+  margin-block-start: 0.25rem;
 }
 @media screen and (min-width: 768px) {
   :host .component-wrapper.bar {
@@ -237,9 +237,9 @@
     justify-content: center;
     min-height: 30px;
     width: var(--custom-label-width);
-    text-align: left;
-    padding-right: 1.25rem;
-    padding-bottom: 0;
+    text-align: start;
+    padding-inline-end: 1.25rem;
+    padding-block-end: 0;
     flex: none;
   }
   :host .component-wrapper.bar .bar-wrapper {
@@ -247,7 +247,7 @@
   }
   :host .component-wrapper.bar .bar-wrapper .single-perc {
     text-align: center;
-    padding-left: 0.5rem;
+    padding-inline-start: 0.5rem;
     justify-content: center;
   }
 }
@@ -256,11 +256,11 @@
 }
 :host .component-wrapper.bar4 .inner-stacked-bar-wrapper, :host .component-wrapper.bar5 .inner-stacked-bar-wrapper {
   height: 30px;
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 :host .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values, :host .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values {
   height: 60px;
-  margin-top: 0;
+  margin-block-start: 0;
 }
 :host .component-wrapper.bar3 .chart-wrapper {
   position: relative;
@@ -268,16 +268,16 @@
 }
 :host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper {
   position: absolute;
-  top: 35px;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset-block-start: 35px;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  inset-block-end: 0;
   height: 30px;
 }
 :host .component-wrapper.bar3 .chart-wrapper .axis {
   position: absolute;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   width: 100%;
   overflow: visible;
   transform: translate(0px, 96px);
@@ -287,11 +287,11 @@
   stroke-width: 1px;
 }
 :host .component-wrapper.bar3 .hidden-values-warning {
-  margin-top: 1.25rem;
+  margin-block-start: 1.25rem;
 }
 :host .component-wrapper.bar3 .bar3-axis-label {
   position: absolute;
-  bottom: -4px;
+  inset-block-end: -4px;
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -305,18 +305,18 @@
 }
 :host .component-wrapper.bar6 .chart, :host .component-wrapper.bar7 .chart {
   position: relative;
-  padding-right: var(--chartPadding);
+  padding-inline-end: var(--chartPadding);
 }
 :host .component-wrapper.bar6 .gridlines, :host .component-wrapper.bar7 .gridlines {
   position: absolute;
-  left: var(--labelWidth);
-  right: var(--chartPadding);
-  top: 0;
-  bottom: 0;
+  inset-inline-start: var(--labelWidth);
+  inset-inline-end: var(--chartPadding);
+  inset-block-start: 0;
+  inset-block-end: 0;
   background-image: linear-gradient(90deg, var(--wmcolor-chart-gridline) 1px, transparent 1px);
   background-position: -1px;
-  border-left: 1px solid var(--wmcolor-chart-gridline);
-  border-bottom: 1px solid var(--wmcolor-chart-gridline);
+  border-inline-start: 1px solid var(--wmcolor-chart-gridline);
+  border-block-end: 1px solid var(--wmcolor-chart-gridline);
   background-size: var(--backgroundSize);
 }
 :host .component-wrapper.bar6 .rows, :host .component-wrapper.bar7 .rows {
@@ -331,7 +331,7 @@
 :host .component-wrapper.bar6 .rows .label, :host .component-wrapper.bar7 .rows .label {
   font-weight: 400;
   padding: 0 0.75rem 0 0;
-  text-align: right;
+  text-align: end;
   margin: 0.75rem 0;
 }
 :host .component-wrapper.bar6 .rows .label.hidden, :host .component-wrapper.bar7 .rows .label.hidden {
@@ -344,19 +344,19 @@
 }
 :host .component-wrapper.bar6 .bar .value, :host .component-wrapper.bar7 .bar .value {
   position: absolute;
-  top: 50%;
-  right: -0.5rem;
+  inset-block-start: 50%;
+  inset-inline-end: -0.5rem;
   transform: translate(100%, -50%);
 }
 :host .component-wrapper.bar6 .x-axis, :host .component-wrapper.bar7 .x-axis {
-  margin-left: var(--labelWidth);
-  margin-right: var(--chartPadding);
+  margin-inline-start: var(--labelWidth);
+  margin-inline-end: var(--chartPadding);
   display: flex;
   postion: relative;
 }
 :host .component-wrapper.bar6 .tick, :host .component-wrapper.bar7 .tick {
   flex: 1;
-  text-align: right;
+  text-align: end;
 }
 :host .component-wrapper.bar6 .tick span, :host .component-wrapper.bar7 .tick span {
   transform: translateX(50%);
@@ -385,7 +385,7 @@
 }
 :host .component-wrapper.left-label .label {
   width: 12rem;
-  padding-right: 1.25rem;
+  padding-inline-end: 1.25rem;
   flex: none;
   align-self: flex-end;
   min-height: 30px;
@@ -430,30 +430,30 @@
   align-items: center;
   flex-wrap: wrap;
   text-align: center;
-  padding-top: 0.25rem;
-  padding-bottom: 0.75rem;
+  padding-block-start: 0.25rem;
+  padding-block-end: 0.75rem;
   box-sizing: border-box;
 }
 :host .component-wrapper .legend-wrapper .legend.bar6 {
   display: none;
 }
 :host .component-wrapper .legend-wrapper .legend.--top {
-  margin-top: -0.75rem;
+  margin-block-start: -0.75rem;
 }
 :host .component-wrapper .legend-wrapper .legend.--top .legend-item {
-  padding-top: 0.75rem;
+  padding-block-start: 0.75rem;
 }
 :host .component-wrapper .legend-wrapper .legend.--top .legend-color {
-  top: 0.75rem;
+  inset-block-start: 0.75rem;
 }
 :host .component-wrapper .legend-wrapper .legend.--bottom {
-  margin-bottom: -0.75rem;
+  margin-block-end: -0.75rem;
 }
 :host .component-wrapper .legend-wrapper .legend.--bottom .legend-item {
-  padding-bottom: 0.75rem;
+  padding-block-end: 0.75rem;
 }
 :host .component-wrapper .legend-wrapper .legend.--bottom .legend-color {
-  top: -0.75rem;
+  inset-block-start: -0.75rem;
 }
 :host .component-wrapper .legend-wrapper .legend .legend-item {
   position: relative;
@@ -462,17 +462,17 @@
   opacity: 0.3;
 }
 :host .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type) {
-  padding-right: 1.25rem;
+  padding-inline-end: 1.25rem;
 }
 :host .component-wrapper .legend-wrapper .legend .legend-text {
   font-size: 0.875rem;
-  padding-left: 1rem;
+  padding-inline-start: 1rem;
   line-height: 1;
 }
 :host .component-wrapper .legend-wrapper .legend .legend-color {
   position: absolute;
-  left: 0;
-  bottom: 0;
+  inset-inline-start: 0;
+  inset-block-end: 0;
   margin: auto;
   width: 0.6875rem;
   height: 0.6875rem;
@@ -491,7 +491,7 @@
   }
 }
 :host .component-wrapper .legend-wrapper .legend.bar3 {
-  padding-bottom: 1.25rem;
+  padding-block-end: 1.25rem;
 }
 
 .svg-icon {

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css

@@ -41,30 +41,30 @@
   align-items: center;
   flex-wrap: wrap;
   text-align: center;
-  padding-top: 0.25rem;
-  padding-bottom: 0.75rem;
+  padding-block-start: 0.25rem;
+  padding-block-end: 0.75rem;
   box-sizing: border-box;
 }
 :host .legend-wrapper .legend.bar6 {
   display: none;
 }
 :host .legend-wrapper .legend.--top {
-  margin-top: -0.75rem;
+  margin-block-start: -0.75rem;
 }
 :host .legend-wrapper .legend.--top .legend-item {
-  padding-top: 0.75rem;
+  padding-block-start: 0.75rem;
 }
 :host .legend-wrapper .legend.--top .legend-color {
-  top: 0.75rem;
+  inset-block-start: 0.75rem;
 }
 :host .legend-wrapper .legend.--bottom {
-  margin-bottom: -0.75rem;
+  margin-block-end: -0.75rem;
 }
 :host .legend-wrapper .legend.--bottom .legend-item {
-  padding-bottom: 0.75rem;
+  padding-block-end: 0.75rem;
 }
 :host .legend-wrapper .legend.--bottom .legend-color {
-  top: -0.75rem;
+  inset-block-start: -0.75rem;
 }
 :host .legend-wrapper .legend .legend-item {
   position: relative;
@@ -73,17 +73,17 @@
   opacity: 0.3;
 }
 :host .legend-wrapper .legend .legend-item:not(:last-of-type) {
-  padding-right: 1.25rem;
+  padding-inline-end: 1.25rem;
 }
 :host .legend-wrapper .legend .legend-text {
   font-size: 0.875rem;
-  padding-left: 1rem;
+  padding-inline-start: 1rem;
   line-height: 1;
 }
 :host .legend-wrapper .legend .legend-color {
   position: absolute;
-  left: 0;
-  bottom: 0;
+  inset-inline-start: 0;
+  inset-block-end: 0;
   margin: auto;
   width: 0.6875rem;
   height: 0.6875rem;
@@ -102,7 +102,7 @@
   }
 }
 :host .legend-wrapper .legend.bar3 {
-  padding-bottom: 1.25rem;
+  padding-block-end: 1.25rem;
 }
 
 .svg-icon {

package/dist/collection/components/wm-button/wm-button.css

@@ -98,10 +98,6 @@
   width: var(--icon-size, 14px);
   height: var(--icon-size, 14px);
 }
-:host .wm-button[dir=RTL] :not(.-icononly) .mdi {
-  margin-left: 0.3125rem;
-  margin-right: 0;
-}
 :host .wm-button.-primary:not(.-textonly) {
   background: var(--wmcolor-button-background-primary);
   color: var(--wmcolor-button-text-primary);
@@ -156,9 +152,6 @@
   overflow-wrap: anywhere;
   border-radius: 2px;
 }
-:host .wm-button.-textonly + .-textonly {
-  margin-left: 0.3125rem;
-}
 :host .wm-button.-textonly.small {
   font-size: 0.625rem;
 }
@@ -301,21 +294,13 @@
 }
 :host .wm-button.-selector, :host .wm-button.-selector-primary {
   display: block;
-  height: 2.75rem;
   min-width: 11.4375rem;
-  padding: 0 1.875rem 0 0.9375rem;
-  line-height: normal;
   font-family: inherit;
   font-weight: 700;
   font-size: 0.75rem;
   text-transform: uppercase;
-  letter-spacing: 0.01875rem;
-  text-align: left;
-}
-@media screen and (min-width: 48rem) {
-  :host .wm-button.-selector, :host .wm-button.-selector-primary {
-    height: 2.5rem;
-  }
+  text-align: start;
+  padding-inline-end: 1.875rem;
 }
 :host .wm-button.-selector:before, :host .wm-button.-selector-primary:before {
   display: inline-block;
@@ -327,8 +312,8 @@
   -moz-osx-font-smoothing: grayscale;
   content: "\f140";
   position: absolute;
-  right: 0.5625rem;
-  top: 50%;
+  inset-inline-end: 0.5625rem;
+  inset-block-start: 50%;
   transform: translateY(-50%);
   font-size: 1.12rem;
   font-weight: 700;
@@ -465,8 +450,8 @@
 :host a.wm-button,
 :host label.wm-button {
   height: auto;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-block-start: 0.75rem;
+  padding-block-end: 0.75rem;
 }
 
 .svg-icon {

package/dist/collection/components/wm-uploader/wm-uploader.css

@@ -98,10 +98,6 @@
   width: var(--icon-size, 14px);
   height: var(--icon-size, 14px);
 }
-:host .wm-button[dir=RTL] :not(.-icononly) .mdi {
-  margin-left: 0.3125rem;
-  margin-right: 0;
-}
 :host .wm-button.-primary:not(.-textonly) {
   background: var(--wmcolor-button-background-primary);
   color: var(--wmcolor-button-text-primary);
@@ -156,9 +152,6 @@
   overflow-wrap: anywhere;
   border-radius: 2px;
 }
-:host .wm-button.-textonly + .-textonly {
-  margin-left: 0.3125rem;
-}
 :host .wm-button.-textonly.small {
   font-size: 0.625rem;
 }
@@ -301,21 +294,13 @@
 }
 :host .wm-button.-selector, :host .wm-button.-selector-primary {
   display: block;
-  height: 2.75rem;
   min-width: 11.4375rem;
-  padding: 0 1.875rem 0 0.9375rem;
-  line-height: normal;
   font-family: inherit;
   font-weight: 700;
   font-size: 0.75rem;
   text-transform: uppercase;
-  letter-spacing: 0.01875rem;
-  text-align: left;
-}
-@media screen and (min-width: 48rem) {
-  :host .wm-button.-selector, :host .wm-button.-selector-primary {
-    height: 2.5rem;
-  }
+  text-align: start;
+  padding-inline-end: 1.875rem;
 }
 :host .wm-button.-selector:before, :host .wm-button.-selector-primary:before {
   display: inline-block;
@@ -327,8 +312,8 @@
   -moz-osx-font-smoothing: grayscale;
   content: "\f140";
   position: absolute;
-  right: 0.5625rem;
-  top: 50%;
+  inset-inline-end: 0.5625rem;
+  inset-block-start: 50%;
   transform: translateY(-50%);
   font-size: 1.12rem;
   font-weight: 700;
@@ -465,8 +450,8 @@
 :host a.wm-button,
 :host label.wm-button {
   height: auto;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-block-start: 0.75rem;
+  padding-block-end: 0.75rem;
 }
 
 .svg-icon {

package/dist/esm/{app-globals-ca017e0d.js → app-globals-9eb5f635.js}

@@ -1,6 +1,6 @@
 import './index-130e07bb.js';
 
-const version = "5.11.0-1";
+const version = "5.11.0-2";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { b as bootstrapLazy } from './index-130e07bb.js';
 export { s as setNonce } from './index-130e07bb.js';
-import { g as globalScripts } from './app-globals-ca017e0d.js';
+import { g as globalScripts } from './app-globals-9eb5f635.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/ripple.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-130e07bb.js';
 export { s as setNonce } from './index-130e07bb.js';
-import { g as globalScripts } from './app-globals-ca017e0d.js';
+import { g as globalScripts } from './app-globals-9eb5f635.js';
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com