Merge remote-tracking branch 'refs/remotes/origin/web/issue-4880-multi-select-limitations' into web/issue-4880-multi-select-limitations

* refs/remotes/origin/web/issue-4880-multi-select-limitations:
  start on dark theme support
  update strings slightly
  fix lint error
This commit is contained in:
Ken Sternberg 2024-01-04 11:11:21 -08:00
commit 51e89ce916
13 changed files with 104 additions and 98 deletions

View file

@ -281,10 +281,10 @@ export class AkDualSelect extends CustomEmitterElement(CustomListenerElement(AKE
const selectedCount = this.selectedPane.value?.toMove.size ?? 0; const selectedCount = this.selectedPane.value?.toMove.size ?? 0;
const selectedTotal = selected.length; const selectedTotal = selected.length;
const availableStatus = const availableStatus =
availableCount > 0 ? msg(str`${availableCount} items marked to add.`) : " "; availableCount > 0 ? msg(str`${availableCount} item(s) marked to add.`) : " ";
const selectedTotalStatus = msg(str`${selectedTotal} items selected.`); const selectedTotalStatus = msg(str`${selectedTotal} item(s) selected.`);
const selectedCountStatus = const selectedCountStatus =
selectedCount > 0 ? " " + msg(str`${selectedCount} items marked to remove.`) : ""; selectedCount > 0 ? " " + msg(str`${selectedCount} item(s) marked to remove.`) : "";
const selectedStatus = `${selectedTotalStatus} ${selectedCountStatus}`; const selectedStatus = `${selectedTotalStatus} ${selectedCountStatus}`;
return html` return html`

View file

@ -93,6 +93,16 @@ export const globalVariables = css`
--pf-c-dual-list-selector__status--top-padding: var(--pf-global--spacer--xs); --pf-c-dual-list-selector__status--top-padding: var(--pf-global--spacer--xs);
--pf-c-dual-list-panels__gap: var(--pf-global--spacer--xs); --pf-c-dual-list-panels__gap: var(--pf-global--spacer--xs);
} }
:host([theme="dark"]) {
--pf-c-dual-list-selector__menu--BorderColor: var(--ak-dark-background-lighter);
--pf-c-dual-list-selector__item-text--Color: var(--ak-dark-foreground);
--pf-c-dual-list-selector__list-item-row--BackgroundColor: var(
--ak-dark-background-light-ish
);
--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(
--ak-dark-background-lighter;
);
}
`; `;
export const mainStyles = css` export const mainStyles = css`

View file

@ -61,8 +61,7 @@ const metadata: Meta<AkDualSelect> = {
export default metadata; export default metadata;
@customElement("ak-sb-fruity") @customElement("ak-sb-fruity")
// @ts-ignore export class AkSbFruity extends LitElement {
class AkSbFruity extends LitElement {
@property({ type: Array }) @property({ type: Array })
options: DualSelectPair[] = goodForYou; options: DualSelectPair[] = goodForYou;

View file

@ -6249,20 +6249,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -6525,20 +6525,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -6165,20 +6165,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -8212,20 +8212,20 @@ Les liaisons avec les groupes/utilisateurs sont vérifiées par rapport à l'uti
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -6373,20 +6373,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -8156,18 +8156,6 @@ Bindings to groups/users are checked against the user of the event.</source>
<source>Selected options</source> <source>Selected options</source>
<target>Śēĺēćţēď ōƥţĩōńś</target> <target>Śēĺēćţēď ōƥţĩōńś</target>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
<target><x id="0" equiv-text="${availableCount}"/> ĩţēmś màŕķēď ţō àďď.</target>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
<target><x id="0" equiv-text="${selectedTotal}"/> ĩţēmś śēĺēćţēď.</target>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
<target><x id="0" equiv-text="${selectedCount}"/> ĩţēmś màŕķēď ţō ŕēmōvē.</target>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
<target>Àvàĩĺàƀĺē Àƥƥĺĩćàţĩōńś</target> <target>Àvàĩĺàƀĺē Àƥƥĺĩćàţĩōńś</target>
@ -8176,4 +8164,13 @@ Bindings to groups/users are checked against the user of the event.</source>
<source>Selected Applications</source> <source>Selected Applications</source>
<target>Śēĺēćţēď Àƥƥĺĩćàţĩōńś</target> <target>Śēĺēćţēď Àƥƥĺĩćàţĩōńś</target>
</trans-unit> </trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit>
</body></file></xliff> </body></file></xliff>

View file

@ -6158,20 +6158,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -8214,20 +8214,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -6206,20 +6206,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>

View file

@ -8094,20 +8094,20 @@ Bindings to groups/users are checked against the user of the event.</source>
<trans-unit id="s886db4d476f66522"> <trans-unit id="s886db4d476f66522">
<source>Selected options</source> <source>Selected options</source>
</trans-unit> </trans-unit>
<trans-unit id="s8b68948382758d57">
<source><x id="0" equiv-text="${availableCount}"/> items marked to add.</source>
</trans-unit>
<trans-unit id="s726a7342e18dc660">
<source><x id="0" equiv-text="${selectedTotal}"/> items selected.</source>
</trans-unit>
<trans-unit id="s2e92b61847f32e72">
<source><x id="0" equiv-text="${selectedCount}"/> items marked to remove.</source>
</trans-unit>
<trans-unit id="scb76a63c68b0d81f"> <trans-unit id="scb76a63c68b0d81f">
<source>Available Applications</source> <source>Available Applications</source>
</trans-unit> </trans-unit>
<trans-unit id="sd176021da2ea0fe3"> <trans-unit id="sd176021da2ea0fe3">
<source>Selected Applications</source> <source>Selected Applications</source>
</trans-unit>
<trans-unit id="sd429eba21dd59f44">
<source><x id="0" equiv-text="${availableCount}"/> item(s) marked to add.</source>
</trans-unit>
<trans-unit id="s4abfe4e0d0665fd1">
<source><x id="0" equiv-text="${selectedTotal}"/> item(s) selected.</source>
</trans-unit>
<trans-unit id="s56b3d54118c34b2f">
<source><x id="0" equiv-text="${selectedCount}"/> item(s) marked to remove.</source>
</trans-unit> </trans-unit>
</body> </body>
</file> </file>