eschweitzer78/v20231114.1030 (#250)

* NSW S messaging, typeahead and address * VIC typos * NSW S Form file * NSW and versions * misc * NSW adding tabs stylesheet * UK adding cdn as csp * NSW dealing with filename case issue * NSWS typeahead * UK adjustments * NSW Aura header minified * Version and omnistudio dependancy * Typo in NSW omni form look up required label * NSWS tidying alert and adding omni messaging * NSWS adding support for omni lookup * NSWS time picker correct error hover colour * NSWS typeahead correct error message css class * NSWS added missing title class on alert * NSWS type on alert title class * NSW typo on lookup helper class * UK fix issue 237 * Turn debug off * Remove UK link list (custom) * UK fix issue 236 * Minified * UK remove link list (custom) * UK handle GDS Transport font treatment * UK fix issue 238 * UK support label configurability * UK demo chevron * UK versions * Fixing issue 242 * VIC DS remove unnecessary styling in omni file * Fixing issue 242 * Fixing issue 242 * Changelog and versions * UK GOV fix issue with repeatable icons * Fix issue 243 * UK.GOV DS time picker streamline css * Fix issue 235 * Fixinng issue 247 * NSW DS fixing footer default copyright date * VIC Fixing multiple messaging * GOV UK fixing spacing disclosure file textarea * NSW fixing some predictive list issues * Fixing issue 249 * Versioning
eschweitzer78 · Nov 13, 2023 · c7b015f · c7b015f
1 parent 0ee02bb
commit c7b015f
Show file tree

Hide file tree

Showing 12 changed files with 100 additions and 272 deletions.
diff --git a/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswComboboxOsN/sfGpsDsAuNswComboboxOsN.css b/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswComboboxOsN/sfGpsDsAuNswComboboxOsN.css
@@ -2,155 +2,8 @@
 @import "c/sfGpsDsAuNswFormOs";
 @import "c/sfGpsDsAuNswPredictiveListOsN";
 
-/*
-.nsw-form__group:first-child {
-  margin-top: 1rem;
-}
-
-input[readonly][role="combobox"] {
-  border-radius: var(--nsw-border-radius);
-  background-color: var(--nsw-white);
-  color: var(--nsw-text-dark);
-  border: 1px solid var(--nsw-grey-01);
-}
-
-.nsw-form__predictive .nsw-form__input {
-  padding-right: 3rem;
-  background: var(--nsw-white)
-    url("data:image/svg+xml,%3Csvg fill='%23333333' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 26l16-16-4-4-12 12-12-12-4 4 16 16z'%3E%3C/path%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
-}
-
-.nsw-form__predictive .nsw-form__input:hover {
-  background: var(--nsw-text-hover)
-    url("data:image/svg+xml,%3Csvg fill='%23333333' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 26l16-16-4-4-12 12-12-12-4 4 16 16z'%3E%3C/path%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
-}
-
-.nsw-form__predictive .nsw-form__input:disabled {
-  background: var(--nsw-off-white)
-    url("data:image/svg+xml,%3Csvg fill='%23333333' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 26l16-16-4-4-12 12-12-12-4 4 16 16z'%3E%3C/path%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
-}
-
-.nsw-form__predictive .nsw-form__input[aria-invalid="true"]:hover,
-.nsw-form__predictive .nsw-form__input.has-error:hover {
-  background: var(--nsw-status-error-bg)
-    url("data:image/svg+xml,%3Csvg fill='%23333333' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 26l16-16-4-4-12 12-12-12-4 4 16 16z'%3E%3C/path%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
-}
-
-
-.nsw-form__predictive-list .sfgpsds-listbox__option {
-  display: block;
-  padding: 0.625rem;
-  color: var(--nsw-text-dark);
-  font-weight: var(--nsw-font-normal);
-}
-
-.nsw-form__predictive-list .sfgpsds-listbox__option:hover {
-  outline-width: 0;
-  cursor: pointer;
-  background-color: var(--nsw-text-hover);
-  color: var(--nsw-text-dark);
-}
-
-.nsw-form__predictive-list .sfgpsds-listbox__option.sfgpsds-is-selected {
-  outline-width: 0;
-  background-color: var(--nsw-brand-dark);
-  color: var(--nsw-text-light);
-}
-
-.nsw-form__predictive-list .sfgpsds-listbox__option.sfgpsds-has-focus,
-.nsw-form__predictive-list .sfgpsds-listbox__option:focus {
-  outline-offset: -3px;
-  outline-width: 3px;
-  outline: solid 3px var(--nsw-focus);
-}
-
-.nsw-form__input {
-  cursor: pointer;
-}
-
-.sfgpsds-listbox__option-text {
-  max-width: 100%;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: block;
-  overflow: hidden;
-}
-
-.sfgpsds-dropdown_fluid {
-  min-width: auto;
-}
-
-.sfgpsds-listbox_selection-group {
-  height: auto;
-}
-
-.sfgpsds-dropdown-container {
-  max-height: 300px;
-  overflow-y: scroll;
-}
-
-.sfgpsds-listbox__flex {
-  display: flex;
-}
-
-.sfgpsds-listbox__flex .slds-listbox-item {
-  overflow: hidden;
-}
-
-.sfgpsds-listbox__flex .slds-pill__label {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.sfgpsds-dropdown-trigger--click .sfgpsds-dropdown,
-.sfgpsds-dropdown-trigger--click:hover .sfgpsds-dropdown,
-.sfgpsds-dropdown-trigger_click .sfgpsds-dropdown,
-.sfgpsds-dropdown-trigger_click:hover .sfgpsds-dropdown {
-  display: none;
-}
-
-.sfgpsds-dropdown-trigger--click .sfgpsds-dropdown,
-.sfgpsds-dropdown-trigger_click .sfgpsds-dropdown {
-  visibility: hidden;
-  opacity: 0;
-  -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
-  transition: opacity 0.1s linear, visibility 0.1s linear;
-}
-
-.sfgpsds-dropdown-trigger_click.sfgpsds-is-open .sfgpsds-dropdown {
-  display: block;
-  visibility: visible;
-  opacity: 1;
-}
-*/
 /* add not allow cursor if disabled */
 
 .nsw-form__input:disabled {
   cursor: not-allowed;
 }
-
-/* START: dealing with the new styling in omnistudio__OmniLwcUtilsCss in omni246 */
-/*
-.nsw-form__predictive input.nsw-form__input[readonly]:not([type=range]):not([type=checkbox]):not([type=radio]) {
-  color: var(--nsw-text-dark);
-  font-size: var(--nsw-font-size-sm-mobile);
-  padding-right: 1rem;
-  padding-left: 1rem;
-}
-
-@media (min-width: 62rem) {
-  .nsw-form__predictive input.nsw-form__input[readonly]:not([type=range]):not([type=checkbox]):not([type=radio]) {
-    font-size: var(--nsw-font-size-sm-desktop);
-  }
-}
-*/
-/* END */
diff --git a/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswFooterComm/sfGpsDsAuNswFooterComm.js-meta.xml b/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswFooterComm/sfGpsDsAuNswFooterComm.js-meta.xml
@@ -61,7 +61,7 @@
         type="String"
         label="Copyright mention"
         description="Copyright text in Markdown format"
-        default="Copyright © 2022"
+        default="Copyright © 2023"
       />
       <property
         name="builtMention"

diff --git a/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswFormLookupOsN/sfGpsDsAuNswFormLookupOsN.css b/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswFormLookupOsN/sfGpsDsAuNswFormLookupOsN.css
@@ -4,7 +4,7 @@
 
 /* For repeatable icons in omni */
 
-.nsw-form__label {
+[data-label] label {
   display: inline;
   margin-right: 0.5rem;
 }
@@ -17,33 +17,8 @@
 
 /* side icon */
 
-.sfgpsds-combobox__input.lookup {
-  padding-right: 3rem;
-  background: var(--nsw-white)
-    url("data:image/svg+xml,%3Csvg fill='%2322272B' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'  %3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7,9H2V7h5V9z M7,12H2v2h5V12z M20.59,19l-3.83-3.83C15.96,15.69,15.02,16,14,16c-2.76,0-5-2.24-5-5s2.24-5,5-5s5,2.24,5,5 c0,1.02-0.31,1.96-0.83,2.75L22,17.59L20.59,19z M17,11c0-1.65-1.35-3-3-3s-3,1.35-3,3s1.35,3,3,3S17,12.65,17,11z M2,19h10v-2H2 V19z'/%3E%3C/g%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
-}
-
-.sfgpsds-combobox__input.lookup:hover {
-  background: var(--nsw-text-hover)
-    url("data:image/svg+xml,%3Csvg fill='%2322272B' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'  %3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7,9H2V7h5V9z M7,12H2v2h5V12z M20.59,19l-3.83-3.83C15.96,15.69,15.02,16,14,16c-2.76,0-5-2.24-5-5s2.24-5,5-5s5,2.24,5,5 c0,1.02-0.31,1.96-0.83,2.75L22,17.59L20.59,19z M17,11c0-1.65-1.35-3-3-3s-3,1.35-3,3s1.35,3,3,3S17,12.65,17,11z M2,19h10v-2H2 V19z'/%3E%3C/g%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
-}
-
-.sfgpsds-combobox__input.lookup:disabled {
-  background: var(--nsw-off-white)
-    url("data:image/svg+xml,%3Csvg fill='%2322272B' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'  %3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7,9H2V7h5V9z M7,12H2v2h5V12z M20.59,19l-3.83-3.83C15.96,15.69,15.02,16,14,16c-2.76,0-5-2.24-5-5s2.24-5,5-5s5,2.24,5,5 c0,1.02-0.31,1.96-0.83,2.75L22,17.59L20.59,19z M17,11c0-1.65-1.35-3-3-3s-3,1.35-3,3s1.35,3,3,3S17,12.65,17,11z M2,19h10v-2H2 V19z'/%3E%3C/g%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
-  color: var(--nsw-text-dark); /* counter generic omni grey out */
-}
-
-.sfgpsds-combobox__input.lookup[aria-invalid="true"]:hover,
-.sfgpsds-combobox__input.lookup.has-error:hover {
-  background: var(--nsw-status-error-bg)
-    url("data:image/svg+xml,%3Csvg fill='%2322272B' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'  %3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7,9H2V7h5V9z M7,12H2v2h5V12z M20.59,19l-3.83-3.83C15.96,15.69,15.02,16,14,16c-2.76,0-5-2.24-5-5s2.24-5,5-5s5,2.24,5,5 c0,1.02-0.31,1.96-0.83,2.75L22,17.59L20.59,19z M17,11c0-1.65-1.35-3-3-3s-3,1.35-3,3s1.35,3,3,3S17,12.65,17,11z M2,19h10v-2H2 V19z'/%3E%3C/g%3E%3C/svg%3E")
-    no-repeat right 1rem center;
-  background-size: 1rem auto;
+.sfgpsds-combobox__input.lookup,
+.sfgpsds-is-open .sfgpsds-combobox__input.lookup,
+.sfgpsds-is-open .sfgpsds-combobox__input.lookup:hover {
+  background-image: url("data:image/svg+xml,%3Csvg fill='%2322272B' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'  %3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7,9H2V7h5V9z M7,12H2v2h5V12z M20.59,19l-3.83-3.83C15.96,15.69,15.02,16,14,16c-2.76,0-5-2.24-5-5s2.24-5,5-5s5,2.24,5,5 c0,1.02-0.31,1.96-0.83,2.75L22,17.59L20.59,19z M17,11c0-1.65-1.35-3-3-3s-3,1.35-3,3s1.35,3,3,3S17,12.65,17,11z M2,19h10v-2H2 V19z'/%3E%3C/g%3E%3C/svg%3E");
 }
diff --git a/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswFormLookupOsN/sfGpsDsAuNswFormLookupOsN.html b/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswFormLookupOsN/sfGpsDsAuNswFormLookupOsN.html
@@ -1,51 +1,53 @@
 <template>
   <div class="nsw-form__group">
-    <label
-      class={computedLabelClassName}
-      aria-label={mergedLabel}
-      for="inputId"
-    >
-      {mergedLabel}
-      <span if:true={_propSetMap.required} class="sr-only">
-        ({allCustomLabelsUtil.OmniRequired})</span
+    <div data-label="true">
+      <label
+        class={computedLabelClassName}
+        aria-label={mergedLabel}
+        for="inputId"
       >
-    </label>
+        {mergedLabel}
+        <span if:true={_propSetMap.required} class="sr-only">
+          ({allCustomLabelsUtil.OmniRequired})</span
+        >
+      </label>
 
-    <template if:true={_propSetMap.repeat}>
-      <span
-        slot="label"
-        style="bottom: 7px; right: -11px"
-        class={_styleClasses.repeatContainer}
-        role="group"
-      >
-        <button
-          if:true={canRepeat}
-          class={_styleClasses.repeatAdd}
-          onclick={handleAdd}
+      <template if:true={_propSetMap.repeat}>
+        <span
+          slot="label"
+          style="bottom: 7px; right: -11px"
+          class={_styleClasses.repeatContainer}
+          role="group"
         >
-          <omnistudio-icon
-            icon-name="utility:add"
-            alternative-text={_repeatAlternativeText}
-            extraclass={_styleClasses.repeatIcons}
-            size="xx-small"
+          <button
+            if:true={canRepeat}
+            class={_styleClasses.repeatAdd}
+            onclick={handleAdd}
           >
-          </omnistudio-icon>
-        </button>
-        <button
-          if:true={canRemove}
-          class={_styleClasses.repeatRemove}
-          onclick={handleRemove}
-        >
-          <omnistudio-icon
-            icon-name="utility:close"
-            alternative-text={_removeAlternativeText}
-            extraclass={_styleClasses.repeatIcons}
-            size="xx-small"
+            <omnistudio-icon
+              icon-name="utility:add"
+              alternative-text={_repeatAlternativeText}
+              extraclass={_styleClasses.repeatIcons}
+              size="xx-small"
+            >
+            </omnistudio-icon>
+          </button>
+          <button
+            if:true={canRemove}
+            class={_styleClasses.repeatRemove}
+            onclick={handleRemove}
           >
-          </omnistudio-icon>
-        </button>
-      </span>
-    </template>
+            <omnistudio-icon
+              icon-name="utility:close"
+              alternative-text={_removeAlternativeText}
+              extraclass={_styleClasses.repeatIcons}
+              size="xx-small"
+            >
+            </omnistudio-icon>
+          </button>
+        </span>
+      </template>
+    </div>
 
     <span if:true={mergedHelpText} id="helper" class="form__help">
       {mergedHelpText}

diff --git a/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswPagination/sfGpsDsAuNswPagination.html b/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswPagination/sfGpsDsAuNswPagination.html
@@ -3,15 +3,12 @@
     <ul>
       <li>
         <a
-          class="nsw-icon-button"
+          class={computedPrevPageClassName}
           aria-disabled={previousDisabled}
           href="#previous"
           onclick={handlePreviousPageClick}
         >
-          <span
-            class="material-icons nsw-material-icons"
-            focusable="false"
-            aria-hidden="true"
+          <span class="material-icons nsw-material-icons" aria-hidden="true"
             >keyboard_arrow_left</span
           >
           <span class="sr-only">{srOnlyPrevious}</span>
@@ -68,15 +65,12 @@
 
       <li>
         <a
-          class="nsw-icon-button"
+          class={computedNextPageClassName}
           aria-disabled={nextDisabled}
           href="#next"
           onclick={handleNextPageClick}
         >
-          <span
-            class="material-icons nsw-material-icons"
-            focusable="false"
-            aria-hidden="true"
+          <span class="material-icons nsw-material-icons" aria-hidden="true"
             >keyboard_arrow_right</span
           >
           <span class="sr-only">{srOnlyNext}</span>

diff --git a/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswPagination/sfGpsDsAuNswPagination.js b/sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswPagination/sfGpsDsAuNswPagination.js
@@ -74,10 +74,24 @@ export default class SfGpsDsAuNswPagination extends LightningElement {
     return !this.showPrevious;
   }
 
+  get computedPrevPageClassName() {
+    return computeClass({
+      "nsw-icon-button": true,
+      disabled: this.previousDisabled
+    });
+  }
+
   get nextDisabled() {
     return !this.showNext;
   }
 
+  get computedNextPageClassName() {
+    return computeClass({
+      "nsw-icon-button": true,
+      disabled: this.nextDisabled
+    });
+  }
+
   /* events */
 
   handlePreviousPageClick(event) {