@sapudex/web-components 2.22.0 → 2.24.0

package/src/themes/SelectBase.css

@@ -0,0 +1,239 @@
+:host {
+  --udex-select-box-popover-min-width: 0px;
+  --udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,0.3));
+  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
+  --udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
+  --udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);
+  --udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));
+  --udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));
+  --udex-select-box-input-autocomplete-background: transparent;
+}
+
+:host([displayonly]) .udex-text-field__search,
+:host([readonly]) .udex-text-field__search,
+:host([disabled]) .udex-text-field__search,
+:host([disabled]) .udex-text-field__trigger,
+:host([readonly]) .udex-text-field__trigger {
+  cursor: inherit;
+}
+
+:host([mode="SingleSelect"]) .udex-text-field__input {
+  position: relative;
+}
+
+:host([_focused]) .udex-text-field__wrap:before {
+  content: "";
+  position: absolute;
+  inset: -5px;
+  border: 2px solid var(--udexColorBlue10);
+  border-radius: var(--udexRadiusXS);
+  pointer-events: none;
+}
+
+:host([readonly]) .udex-text-field__search {
+  background: inherit;
+  border: inherit;
+}
+
+.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover {
+  border-left: 1px solid var(--udexColorGrey4, #A9B4BE);
+}
+
+.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,
+.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
+  border-left: 1px solid var(--udexColorBlue4, #89D1FF);
+  cursor: pointer;
+}
+
+:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover {
+  border-right: 1px solid var(--udexColorGrey4, #A9B4BE);
+  border-left: none;
+}
+
+:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
+  border-right: 1px solid var(--udexColorBlue4, #89D1FF);
+  border-left: none;
+}
+
+:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
+:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-left: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
+  color:  var(--udexCoreSemanticError9, #840606);
+}
+
+:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-right: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
+  color:  var(--udexCoreSemanticError9, #840606);
+  border-left: none;
+}
+
+:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
+:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-left: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
+  color: var(--udexCoreSemanticSuccess9, #1E592F);
+}
+
+:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-right: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
+  color: var(--udexCoreSemanticSuccess9, #1E592F);
+  border-left: none;
+}
+
+:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
+:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-left: 1px solid var(--udexCoreSemanticWarning6, #E76500);
+  color: var(--udexCoreSemanticWarning9, #8D2A00);
+}
+
+:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-right: 1px solid var(--udexCoreSemanticWarning6, #E76500);
+  color: var(--udexCoreSemanticWarning9, #8D2A00);
+  border-left: none;
+}
+
+.udex-text-field__trigger:hover,
+:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover {
+  cursor: pointer;
+}
+
+:host([mode="SingleSelect"]) .udex-text-field__search {
+  position: absolute;
+  inset: 0 42px 0 0;
+}
+
+.udex-text-field__holder {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.udex-text-field__label {
+  pointer-events: none;
+  max-width: calc(100% - 56px);
+}
+
+.udex-text-field__label_active {
+  position: absolute;
+  top: 9px;
+  left: 12px;
+}
+
+.udex-text-field__input {
+  display: flex;
+  align-items: center;
+  padding: 0;
+}
+
+.udex-text-field__trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border-style: solid;
+  box-sizing: border-box;
+  border-width: var(--sapButton_BorderWidth);
+  border-color: transparent;
+  border-radius: var(--udexRadiusXS);
+  padding: var(--udexSpacer4);
+  z-index: 1;
+  height: 42px;
+  width: 42px;
+  min-width: 42px;
+  color: var(--udexColorGrey7, #475E75);
+  outline: none;
+}
+
+:host([mode="SingleSelect"]) .udex-text-field__trigger {
+  margin-inline-start: auto;
+}
+
+:host([_open]) .udex-text-field__trigger [ui5-icon]{
+  transform: rotate(180deg);
+}
+
+.udex-text-field__trigger [ui5-icon] {
+  height: 18px;
+  width: 18px;
+  color: inherit;
+}
+
+.udex-text-field__text-holder {
+  background: var(--udex-select-box-input-background);
+  position: absolute;
+  inset: 0 13px;
+  overflow: hidden;
+  padding: var(--udexSpacer8) 0;
+  pointer-events: none;
+  z-index: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:host([readonly]) .udex-text-field__text-holder {
+  background: inherit;
+}
+
+.udex-text-field__single-label {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  background-color: var(--udex-select-box-input-autocomplete-background);
+}
+
+.udex-text-field__single-label b {
+  font-weight: normal;
+}
+
+:host .udex-text-field__input[open] .udex-text-field__trigger {
+  color: var(--udexColorBlue9, #0040B0);
+}
+
+.udex-select-box__dropdown {
+  --udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);
+  width: var(--udex-dropdown-pane-width);
+  border: var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);
+  border-radius: var(--udex-select-box-popover-border-radius);
+  box-shadow: var(--udex-select-box-popover-shadow);
+}
+
+.udex-no-result {
+  font-family: var(--sapFontFamily);
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  line-height: var(--udexTypographyBodyLineHeight, 1.5);
+  color: var(--sapContent_TitleColor, #000000);
+  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
+}
+
+.udex-select-box__dropdown::part(content) {
+  padding: 0;
+  overflow: auto;
+}
+
+.udex-text-field__search {
+  font-family: var(--sapFontFamily);
+  font-size: 16px;
+  line-height: 24px;
+  display: block;
+  color: var(--udex-select-box-input-color-typed-text);
+  padding: var(--udexSpacer8) var(--udexSpacer12);
+  box-sizing: border-box;
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  background: var(--udex-select-box-input-background);
+  border-radius: var(--udexRadiusXS);
+  cursor: pointer;
+  border: 0;
+  width: 100%;
+}
+
+.udex-text-field__trigger:focus,
+.udex-text-field__search:focus {
+  outline: none;
+}
+
+@media (max-width: 639px) {
+  .udex-select-box__dropdown {
+    --udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width);
+  }
+}

package/src/themes/SelectBox.css

@@ -1,185 +1,37 @@
-:host {
-  --udex-select-box-popover-min-width: 0px;
-  --udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
-  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
-  --udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
-  --udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);
+:host([displayonly][mode="MultiSelect"]) .udex-text-field__input {
+  min-width: inherit;
 }
 
-:host([disabled]) .udex-text-field__trigger,
-:host([readonly]) .udex-text-field__trigger {
-  cursor: inherit;
+:host([mode="MultiSelect"]) .udex-text-field__input {
+  min-width: 20%;
 }
 
-:host([displayonly]) .udex-text-field__input {
-  overflow: hidden;
+.udex-tag-group + .udex-text-field__input .udex-text-field__text-holder {
+  inset: 0 var(--udexSpacer12) 0 1px;
 }
 
-.udex-text-field__wrap {
-  position: unset;
-}
-
-.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover {
-  border-left: 1px solid var(--udexColorGrey4, #A9B4BE);
-}
-
-.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,
-.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
-  border-left: 1px solid var(--udexColorBlue4, #89D1FF);
-  cursor: pointer;
-}
-
-:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover {
-  border-right: 1px solid var(--udexColorGrey4, #A9B4BE);
-  border-left: none;
-}
-
-:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
-  border-right: 1px solid var(--udexColorBlue4, #89D1FF);
-  border-left: none;
-}
-
-:host([displayonly]:dir(rtl)) .udex-text-field__label {
-  right: 0;
-}
-
-:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
-}
-
-:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
-  border-left: none;
-}
-
-:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
-}
-
-:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
-  border-left: none;
-}
-
-:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
-}
-
-:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
-  border-left: none;
-}
-
-:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover {
-  cursor: pointer;
-}
-
-.udex-text-field__label {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.udex-text-field__label_active {
-  position: absolute;
-  top: 9px;
-  left: 12px;
-  max-width: max-content;
-}
-
-.udex-text-field__input {
-  display: flex;
-  align-items: center;
-  padding: 0;
+.udex-tag-group + .udex-text-field__input .udex-text-field__search {
+  padding: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) 0;
 }
 
-.udex-text-field__trigger {
-  display: flex;
+.udex-text-field__wrap {
   align-items: center;
-  justify-content: center;
-  height: 42px;
-  width: 42px;
-  background: none;
-  border-style: solid;
-  box-sizing: border-box;
-  border-width: var(--sapButton_BorderWidth);
-  border-color: transparent;
-  border-radius: var(--udexRadiusXS);
-  margin-inline-start: auto;
-  padding: 4px;
-  z-index: 1;
-  color: var(--udexColorGrey7, #475E75);
-  outline: none;
-}
-
-.udex-text-field__trigger:focus-visible ui5-icon {
-  outline: 2px solid var(--udexColorBlue10, #002A86);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-.udex-text-field__trigger:hover {
-  cursor: pointer;
-}
-
-.udex-text-field__trigger ui5-icon {
-  height: 18px;
-  width: 18px;
-  color: inherit;
-}
-
-.udex-text-field__text-holder {
-  display: flex;
-  overflow: hidden;
-  padding: var(--udexSpacer8) var(--udexSpacer12);
-}
-
-:host([displayonly]) .udex-text-field__text-holder {
-  padding: var(--udexSpacer8) 0;
-}
-
-.udex-text-field__single-label {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.udex-text-field__single-label b {
-  font-weight: normal;
 }
 
 .udex-tag-group {
   display: flex;
-  width: 100%;
-  min-width: 100px;
-  max-width: calc(100% - 42px - var(--udexSpacer8));
+  max-width: 70%;
 }
 
 :host([displayonly]) .udex-tag-group {
-  margin-inline-start: -20px;
-}
-
-:host .udex-text-field__input[open] .udex-text-field__trigger {
-  color: var(--udexColorBlue9, #0040B0);
-}
-
-:host([displayonly]) .udex-text-field__label {
-  left: 0;
+  margin-inline-start: calc(var(--udexSpacer20)* -1);
+  max-width: 100%;
 }
 
 .udex-truncatable-tag-content {
   display: flex;
   align-items: center;
-  padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px);
+  padding: var(--udexSpacer12, 12px);
 }
 
 .udex-truncatable-tag-content__label {
@@ -198,37 +50,3 @@
   fill: var(--udexColorBlue7, #0070F2);
   cursor: pointer;
 }
-
-.udex-select-box__dropdown {
-  --udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);
-  width: var(--udex-dropdown-pane-width);
-  border: var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);
-  border-radius: var(--udex-select-box-popover-border-radius);
-  box-shadow: var(--udex-select-box-popover-shadow);
-}
-
-@media (width < 640px) {
-  .udex-select-box__dropdown {
-    --udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width);
-  }
-}
-
-.udex-no-result {
-  font-family: var(--sapFontFamily);
-  font-weight: var(--udexTypographyFontWeightRegular, 400);
-  font-size: var(--udexTypographyBodyXSFontSize, 14px);
-  line-height: var(--udexTypographyBodyLineHeight, 1.5);
-  color: var(--sapContent_TitleColor, #000000);
-  padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
-}
-
-
-.udex-select-box__dropdown::part(header),
-.udex-select-box__dropdown::part(footer) {
-  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
-}
-
-.udex-select-box__dropdown::part(content) {
-  padding: 0;
-  overflow: auto;
-}

package/src/themes/StatusMessage.css

@@ -1,5 +1,5 @@
 :host {
-  --udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;
+  --udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0 var(--udexSpacer4, 4px) var(--udexSpacer12, 12px);
   --udex-status-message-supporting-text-font-family: var(--sapFontFamily, 'sans-serif');
   --udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);
   --udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));
@@ -15,7 +15,6 @@
   padding: var(--udex-status-message-supporting-text-paddings);
   color: var(--udex-status-message-color-standard-default-supporting-text);
   text-align: start;
-  padding-inline-start: var(--udexSpacer12, 12px);
 }
 
 :host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text {

package/src/themes/TagGroup.css

@@ -5,7 +5,6 @@
 .udex-tag-group__tokenizer {
   border: none;
   width: 100%;
-  min-width: 100px;
   line-height: normal
 }
 

package/src/themes/TextField.css

@@ -118,8 +118,7 @@
 
 :host([value-state="Success"][displayonly]) .udex-text-field__wrap,
 :host([value-state="Warning"][displayonly]) .udex-text-field__wrap,
-:host([value-state="Error"][displayonly]) .udex-text-field__wrap,
-:host([displayonly]) .udex-text-field__wrap {
+:host([value-state="Error"][displayonly]) .udex-text-field__wrap {
   border: 0;
   background-color: transparent;
   font-family: inherit;
@@ -128,7 +127,8 @@
 :host([displayonly]) .udex-text-field__wrap[open],
 :host([displayonly]) .udex-text-field__wrap {
   outline: 0;
-  border: 0;
+  background-color: transparent;
+  border-color: transparent;
 }
 
 :host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,
@@ -195,7 +195,7 @@
   padding: 0 var(--udexSpacer4);
 }
 
-.udex-text-field__container:dir(rtl) .udex-text-field_icon-container {
+.udex-text-field__container:dir(rtl) .udex-text-field__icon-container {
   left: 1px;
   right: auto;
 }
@@ -236,7 +236,7 @@
 }
 
 /* Control button styles */
-.udex-text-field_icon-container {
+.udex-text-field__icon-container {
   --sapContent_DisabledOpacity: 1;
   --sapButton_BorderWidth: 0 0 0 1px;
   --udex-control-button-large-height: 40px;
@@ -245,12 +245,12 @@
   padding: var(--udexSpacer4, 4px);
 }
 
-:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container {
+:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field__icon-container {
   --udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);
   --sapButton_BorderWidth: 0 1px 0 0;
 }
 
-:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container {
+:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field__icon-container {
   --sapButton_BorderWidth: 0 1px 0 0;
 }
 

package/src/types/common.ts

@@ -7,7 +7,7 @@ export enum UDExTarget {
   _top = "_top",
 }
 
-enum UDExValueState {
+export enum UDExValueState {
   Standard = "Standard",
   Warning = "Warning",
   Error = "Error",

package/dist/assets/fi-hYXoEotT.js

@@ -1 +0,0 @@
-const t="Toisto",e="Tauko",o="Kokonaisaika",a="LIVE",s="Ladattu",i="Edistyminen",n="Koko näyttö",r="Ääni pois",u="Ääni päällä",l="Tekstitys",d="Tekstitys",k="Kappaleet",p={Play:t,Pause:e,"Current Time":"Tämänhetkinen aika",Duration:o,"Remaining Time":"Jäljellä oleva aika","Stream Type":"Lähetystyyppi",LIVE:a,Loaded:s,Progress:i,Fullscreen:n,"Exit Fullscreen":"Koko näyttö pois",Mute:r,Unmute:u,"Playback Rate":"Toistonopeus",Subtitles:l,"subtitles off":"Tekstitys pois",Captions:d,"captions off":"Tekstitys pois",Chapters:k,"You aborted the media playback":"Olet keskeyttänyt videotoiston.","A network error caused the media download to fail part-way.":"Verkkovirhe keskeytti videon latauksen.","The media could not be loaded, either because the server or network failed or because the format is not supported.":"Videon lataus ei onnistunut joko palvelin- tai verkkovirheestä tai väärästä formaatista johtuen.","The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":"Videon toisto keskeytyi, koska media on vaurioitunut tai käyttää käyttää toimintoja, joita selaimesi ei tue.","No compatible source was found for this media.":"Tälle videolle ei löytynyt yhteensopivaa lähdettä."};export{d as Captions,k as Chapters,o as Duration,n as Fullscreen,a as LIVE,s as Loaded,r as Mute,e as Pause,t as Play,i as Progress,l as Subtitles,u as Unmute,p as default};

package/dist/assets/gl-eZFVp-ap.js

@@ -1 +0,0 @@
-const e="Reproducir",o="Pausa",a="Repetir",s="Duración",t="EN DIRECTO",r="Cargado",n="Progresión",i="Pantalla completa",d="Silenciar",c="Son activado",l="Subtítulos",u="Subtítulos para xordos",p="Capítulos",m="Descricións",g="Pechar",b="Texto",f="Branco",h="Negro",x="Vermello",S="Verde",y="Azul",v="Marelo",w="Maxenta",T="Cian",P="Fondo",C="Xanela",R="Transparente",D="Opaca",k="Ningún",E="Érguida",B="Caída",M="Uniforme",F="Manuscrito",N="Itálica",V="Reiniciar",q="Feito",I={"Audio Player":"Reprodutor de son","Video Player":"Reprodutor de vídeo",Play:e,Pause:o,Replay:a,"Current Time":"Tempo reproducido",Duration:s,"Remaining Time":"Tempo restante","Stream Type":"Tipo de fluxo",LIVE:t,"Seek to live, currently behind live":"Buscando directo, actualmente tras en directo","Seek to live, currently playing live":"Buscando directo, actualmente reproducindo en directo",Loaded:r,Progress:n,"Progress Bar":"Barra de progreso","progress bar timing: currentTime={1} duration={2}":"{1} de {2}",Fullscreen:i,"Exit Fullscreen":"Xanela",Mute:d,Unmute:c,"Playback Rate":"Velocidade de reprodución",Subtitles:l,"subtitles off":"subtítulos desactivados",Captions:u,"captions off":"subtítulos para xordos desactivados",Chapters:p,Descriptions:m,"descriptions off":"descricións desactivadas","Audio Track":"Pista de son","Volume Level":"Nivel do volume","You aborted the media playback":"Vostede interrompeu a reprodución do medio.","A network error caused the media download to fail part-way.":"Un erro de rede interrompeu a descarga do medio.","The media could not be loaded, either because the server or network failed or because the format is not supported.":"Non foi posíbel cargar o medio por mor dun fallo de rede ou do servidor ou porque o formato non é compatíbel.","The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":"Interrompeuse a reprodución do medio por mor dun problema de estragamento dos datos ou porque o medio precisa funcións que o seu navegador non ofrece.","No compatible source was found for this media.":"Non se atopou ningunha orixe compatíbel con este vídeo.","The media is encrypted and we do not have the keys to decrypt it.":"O medio está cifrado e non temos as chaves para descifralo .","Play Video":"Reproducir vídeo",Close:g,"Close Modal Dialog":"Pechar a caixa de diálogo modal","Modal Window":"Xanela modal","This is a modal window":"Esta é unha xanela modal","This modal can be closed by pressing the Escape key or activating the close button.":"Este diálogo modal pódese pechar premendo a tecla Escape ou activando o botón de pechar.",", opens captions settings dialog":", abre o diálogo de axustes dos subtítulos para xordos",", opens subtitles settings dialog":", abre o diálogo de axustes dos subtítulos",", opens descriptions settings dialog":", abre o diálogo de axustes das descricións",", selected":", séleccionado","captions settings":"axustes dos subtítulos para xordos","subtitles settings":"axustes dos subtítulos","descriptions settings":"axustes das descricións",Text:b,White:f,Black:h,Red:x,Green:S,Blue:y,Yellow:v,Magenta:w,Cyan:T,Background:P,Window:C,Transparent:R,"Semi-Transparent":"Semi-transparente",Opaque:D,"Font Size":"Tamaño das letras","Text Edge Style":"Estilo do bordos do texto",None:k,Raised:E,Depressed:B,Uniform:M,"Drop shadow":"Sombra caída","Font Family":"Familia de letras","Proportional Sans-Serif":"Sans-Serif proporcional","Monospace Sans-Serif":"Sans-Serif monoespazo (caixa fixa)","Proportional Serif":"Serif proporcional","Monospace Serif":"Serif monoespazo (caixa fixa)",Casual:F,Script:N,"Small Caps":"Pequenas maiúsculas",Reset:V,"restore all settings to the default values":"restaurar todos os axustes aos valores predeterminados",Done:q,"Caption Settings Dialog":"Diálogo de axustes dos subtítulos para xordos","Beginning of dialog window. Escape will cancel and close the window.":"Inicio da xanela de diálogo. A tecla Escape cancelará e pechará a xanela.","End of dialog window.":"Fin da xanela de diálogo.","{1} is loading.":"{1} está a cargar."};export{P as Background,h as Black,y as Blue,u as Captions,F as Casual,p as Chapters,g as Close,T as Cyan,B as Depressed,m as Descriptions,q as Done,s as Duration,i as Fullscreen,S as Green,t as LIVE,r as Loaded,w as Magenta,d as Mute,k as None,D as Opaque,o as Pause,e as Play,n as Progress,E as Raised,x as Red,a as Replay,V as Reset,N as Script,l as Subtitles,b as Text,R as Transparent,M as Uniform,c as Unmute,f as White,C as Window,v as Yellow,I as default};

package/dist/generated/templates/TextAreaTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type TextArea from "../../TextArea.js";
-declare function template(this: TextArea): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/TextAreaTemplate.lit.js

@@ -1,13 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return html `<div class="udex-textarea"><div class="udex-textarea__wrapper">${this.label ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}<textarea id="textarea" class="udex-textarea__field" part="textarea" .value="${ifDefined(this.value)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-label="${ifDefined(this.accessibleName)}" aria-describedby="${ifDefined(this.ariaDescribedBy)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-invalid="${ifDefined(this.ariaInvalid)}" @input="${this.handleInput}" @focus="${this.handleFocus}" @click="${this.handleClick}" @blur="${this.handleBlur}" @change="${this.handleChange}"></textarea></div>${this._supportingText ? block4.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block5.call(this, context, tags, suffix) : undefined}${this.readonly ? block6.call(this, context, tags, suffix) : undefined}</div>`; }
-function block1(context, tags, suffix) { return html `<label class="${ifDefined(this.labelClasses)}" for="textarea" part="label">${ifDefined(this.label)}${this.required ? block2.call(this, context, tags, suffix) : undefined}</label>`; }
-function block2(context, tags, suffix) { return html ` * `; }
-function block3(context, tags, suffix) { return html `<label for="textarea" class="hidden-label">${ifDefined(this.textHiddenLabel)}</label>`; }
-function block4(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-status-message", tags, suffix)} supporting-text-alignment="Right" ?disabled="${this.disabled}" supporting-text="${ifDefined(this._supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}><span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this._supportingText)}</span>` : html `<udex-status-message supporting-text-alignment="Right" ?disabled="${this.disabled}" supporting-text="${ifDefined(this._supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message><span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this._supportingText)}</span>`; }
-function block5(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.ariaValueStateHiddenText)}</span>`; }
-function block6(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-readonlyDesc" class="hidden-text">${ifDefined(this.readOnlyText)}</span>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TextAreaTemplate.lit.js.map

package/dist/generated/templates/TextAreaTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TextAreaTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TextArea from \"../../TextArea.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-textarea\"><div class=\"udex-textarea__wrapper\">${ this.label ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }<textarea id=\"textarea\" class=\"udex-textarea__field\" part=\"textarea\" .value=\"${ifDefined(this.value)}\" maxlength=\"${ifDefined(this.maxlength)}\" rows=\"${ifDefined(this.rows)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-describedby=\"${ifDefined(this.ariaDescribedBy)}\" aria-labelledby=\"${ifDefined(this.accessibleNameRef)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" @input=\"${this.handleInput}\" @focus=\"${this.handleFocus}\" @click=\"${this.handleClick}\" @blur=\"${this.handleBlur}\" @change=\"${this.handleChange}\"></textarea></div>${ this._supportingText ? block4.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block5.call(this, context, tags, suffix) : undefined }${ this.readonly ? block6.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block1 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label class=\"${ifDefined(this.labelClasses)}\" for=\"textarea\" part=\"label\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}\nfunction block2 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for=\"textarea\" class=\"hidden-label\">${ifDefined(this.textHiddenLabel)}</label>`;}\nfunction block4 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} supporting-text-alignment=\"Right\" ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this._supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}><span id=\"${ifDefined(this._id)}-supportingTextDesc\" class=\"hidden-text\">${ifDefined(this._supportingText)}</span>` : html`<udex-status-message supporting-text-alignment=\"Right\" ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this._supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message><span id=\"${ifDefined(this._id)}-supportingTextDesc\" class=\"hidden-text\">${ifDefined(this._supportingText)}</span>`;}\nfunction block5 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.ariaValueStateHiddenText)}</span>`;}\nfunction block6 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-readonlyDesc\" class=\"hidden-text\">${ifDefined(this.readOnlyText)}</span>`;}\n\nfunction template(this: TextArea) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/dist/generated/templates/TextFieldTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type TextField from "../../TextField.js";
-declare function template(this: TextField): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/TextFieldTemplate.lit.js

@@ -1,14 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return html `<div class="udex-text-field__container">${this.label ? block1.call(this, context, tags, suffix) : undefined}<div class="udex-text-field__wrap"><input id="${ifDefined(this._id)}-input" class="udex-text-field__input" type="${ifDefined(this.type)}" .value="${ifDefined(this.value)}" @change="${this.handleChange}" @input="${this.handleInput}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${this.handleClick}" @keydown="${this.handleKeydown}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" autocomplete="${ifDefined(this.autocomplete)}" role="${ifDefined(this.inputRole)}" ?aria-disabled="${this.readonlyNotDisabled}" aria-invalid="${ifDefined(this.accInfo.ariaInvalid)}" aria-describedby="${ifDefined(this.accInfo.ariaDescribedBy)}" aria-haspopup="${ifDefined(this.accInfo.ariaHasPopup)}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" part="textfield-input" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}" />${this.icon ? block3.call(this, context, tags, suffix) : undefined}</div>${this.supportingText ? block4.call(this, context, tags, suffix) : undefined}${this.supportingText ? block5.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block6.call(this, context, tags, suffix) : undefined}${this.readonly ? block7.call(this, context, tags, suffix) : undefined}</div>`; }
-function block1(context, tags, suffix) { return html `<label for="${ifDefined(this._id)}-input" class="${ifDefined(this.labelClasses)}" part="label">${ifDefined(this.label)}${this.required ? block2.call(this, context, tags, suffix) : undefined}</label>`; }
-function block2(context, tags, suffix) { return html ` * `; }
-function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-control-button", tags, suffix)} accessible-name="${ifDefined(this.buttonAccessibleName)}" accessible-description="${ifDefined(this.buttonAccessibleDescription)}" tooltip="${ifDefined(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?_is-combobox-role="${ifDefined(this._isComboboxRole)}" ?non-interactive="${this.readonly}" design="${ifDefined(this.valueState)}" icon="${ifDefined(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></${scopeTag("udex-control-button", tags, suffix)}>` : html `<udex-control-button accessible-name="${ifDefined(this.buttonAccessibleName)}" accessible-description="${ifDefined(this.buttonAccessibleDescription)}" tooltip="${ifDefined(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?_is-combobox-role="${ifDefined(this._isComboboxRole)}" ?non-interactive="${this.readonly}" design="${ifDefined(this.valueState)}" icon="${ifDefined(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></udex-control-button>`; }
-function block4(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-status-message", tags, suffix)} ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html `<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message>`; }
-function block5(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this.supportingText)}</span>`; }
-function block6(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`; }
-function block7(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-stateReadOnlyDesc" class="hidden-text">${ifDefined(this.readOnlyStateText)}</span>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TextFieldTemplate.lit.js.map