@ai-ecoverse/slicc-spectrum 1.46.0 → 1.46.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/slicc-ui.js +9 -5
- package/dist/slicc-ui.js.map +2 -2
- package/dist/types/app/base.d.ts +1 -0
- package/package.json +3 -3
package/dist/slicc-ui.js
CHANGED
|
@@ -8667,7 +8667,10 @@ var ModelElement = class extends i2 {
|
|
|
8667
8667
|
return [];
|
|
8668
8668
|
}
|
|
8669
8669
|
focusOn(...selectors) {
|
|
8670
|
-
|
|
8670
|
+
this.focusWith({}, ...selectors);
|
|
8671
|
+
}
|
|
8672
|
+
focusWith(options, ...selectors) {
|
|
8673
|
+
const focus = () => selectors.map((selector) => this.renderRoot.querySelector(selector)).find(Boolean)?.focus(options);
|
|
8671
8674
|
if (this.hasUpdated) focus();
|
|
8672
8675
|
else void this.updateComplete.then(focus);
|
|
8673
8676
|
}
|
|
@@ -21155,7 +21158,7 @@ var SliccBrowser = class extends ModelElement {
|
|
|
21155
21158
|
width: 100%;
|
|
21156
21159
|
height: 100%;
|
|
21157
21160
|
object-fit: cover;
|
|
21158
|
-
object-position: top;
|
|
21161
|
+
object-position: left top;
|
|
21159
21162
|
}
|
|
21160
21163
|
.meta {
|
|
21161
21164
|
display: flex;
|
|
@@ -21466,7 +21469,6 @@ var SliccBrowser = class extends ModelElement {
|
|
|
21466
21469
|
focus() {
|
|
21467
21470
|
void this.updateComplete.then(
|
|
21468
21471
|
() => this.focusOn(
|
|
21469
|
-
'[data-action="stop-agent"]',
|
|
21470
21472
|
'[data-action="all-tabs"]',
|
|
21471
21473
|
'.window[aria-current="true"]',
|
|
21472
21474
|
".window",
|
|
@@ -21723,9 +21725,11 @@ var SliccBrowser = class extends ModelElement {
|
|
|
21723
21725
|
${wide ? this.#list(tabs, tab) : A}
|
|
21724
21726
|
<section class="detail" aria-label=${tab.title}>
|
|
21725
21727
|
<div class="bar">
|
|
21726
|
-
<swc-action-button size="s" quiet data-action="all-tabs" @click=${() => {
|
|
21728
|
+
<swc-action-button size="s" quiet data-action="all-tabs" @click=${(event2) => {
|
|
21727
21729
|
this.#show(null);
|
|
21728
|
-
void this.updateComplete.then(
|
|
21730
|
+
void this.updateComplete.then(
|
|
21731
|
+
() => this.focusWith({ focusVisible: event2.detail === 0 }, ".window")
|
|
21732
|
+
);
|
|
21729
21733
|
}}><swc-icon-chevron-left slot="icon"></swc-icon-chevron-left>All tabs (${tabs.length})</swc-action-button>
|
|
21730
21734
|
${wide ? A : this.#picker(tabs, tab)}
|
|
21731
21735
|
</div>
|