@turnipxenon/pineapple 5.0.0-alpha.16 → 5.0.0-alpha.17
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/components/dialog_manager/DialogManager.d.ts.map +1 -1
- package/dist/components/dialog_manager/DialogManager.js +2 -0
- package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte +7 -2
- package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte.d.ts.map +1 -1
- package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte +23 -21
- package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.d.ts.map +1 -1
- package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.d.ts.map +1 -1
- package/dist/util/context/PineappleBaseContext.svelte +8 -0
- package/dist/util/context/PineappleBaseContext.svelte.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogManager.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAmBrE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAIpF,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAC;AAE3E,qBAAa,aAAc,YAAW,cAAc;IACnD,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAa;IACxD,iBAAiB,EAAE,YAAY,EAAE,CAAM;IACvC,kBAAkB,EAAE,MAAM,CAAuC;IACjE,kBAAkB,EAAE,YAAY,CAA2B;IAC3D,cAAc,0CAAgB;IAC9B,YAAY,SAAK;IACjB,iBAAiB,SAAK;IACtB,gBAAgB,UAAS;IACzB,eAAe,0CAAgB;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IAC7C,YAAY,cAAuB;IACnC,oBAAoB,+CAA+B;IACnD,WAAW,0CAGR;IACH,iBAAiB,0CAGd;IACH,kBAAkB,SAAK;IACvB,eAAe,EAAE,eAAe,CAAC;IAEjC,qBAAqB,EAAE,YAAY,EAAE,CAAM;IAC3C,qBAAqB,UAAS;IAC9B,oBAAoB,EAAE,yBAAyB,EAAE,CAAM;IACvD,0BAA0B,UAAS;;
|
|
1
|
+
{"version":3,"file":"DialogManager.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAmBrE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAIpF,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAC;AAE3E,qBAAa,aAAc,YAAW,cAAc;IACnD,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAa;IACxD,iBAAiB,EAAE,YAAY,EAAE,CAAM;IACvC,kBAAkB,EAAE,MAAM,CAAuC;IACjE,kBAAkB,EAAE,YAAY,CAA2B;IAC3D,cAAc,0CAAgB;IAC9B,YAAY,SAAK;IACjB,iBAAiB,SAAK;IACtB,gBAAgB,UAAS;IACzB,eAAe,0CAAgB;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IAC7C,YAAY,cAAuB;IACnC,oBAAoB,+CAA+B;IACnD,WAAW,0CAGR;IACH,iBAAiB,0CAGd;IACH,kBAAkB,SAAK;IACvB,eAAe,EAAE,eAAe,CAAC;IAEjC,qBAAqB,EAAE,YAAY,EAAE,CAAM;IAC3C,qBAAqB,UAAS;IAC9B,oBAAoB,EAAE,yBAAyB,EAAE,CAAM;IACvD,0BAA0B,UAAS;;IA4BnC;;;OAGG;IACH,aAAa,aASX;IAEF;;;OAGG;IACH,YAAY,GAAI,cAAc,OAAO,UAEnC;IAEF;;;;;OAKG;IACH,aAAa,GAAI,eAAe,YAAY,EAAE,UAwB5C;IAEF;;;;OAIG;IACH,0BAA0B,GAAI,UAAU,yBAAyB,UAE/D;IAEF;;;;OAIG;IACH,4BAA4B,GAAI,UAAU,yBAAyB,UAOjE;IAEF;;;;;;OAMG;IACH,eAAe,GAAI,YAAY,YAAY,GAAG,SAAS,UAWrD;IAEF,gBAAgB,aA6Cd;IAEF,kBAAkB,aAEhB;IAEF;;;;;;;;OAQG;IACH,MAAM,GAAI,WAAW,MAAM,UAsDzB;IAEF,mBAAmB,CAAC,MAAM,EAAE,OAAO;IAInC,mBAAmB;IAIb,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;CAQxE;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}
|
|
@@ -248,6 +248,7 @@ export class DialogManager {
|
|
|
248
248
|
this.hidePercent.set(0);
|
|
249
249
|
this.hidePercentLinear.set(0).then(() => {
|
|
250
250
|
this.currentState = DialogState.Visible;
|
|
251
|
+
console.log('visible');
|
|
251
252
|
this.currentReadableState.set(this.currentState);
|
|
252
253
|
});
|
|
253
254
|
}
|
|
@@ -255,6 +256,7 @@ export class DialogManager {
|
|
|
255
256
|
this.hidePercent.set(100);
|
|
256
257
|
this.hidePercentLinear.set(100).then(() => {
|
|
257
258
|
this.currentState = DialogState.Invisible;
|
|
259
|
+
console.log('invisible');
|
|
258
260
|
this.currentReadableState.set(this.currentState);
|
|
259
261
|
});
|
|
260
262
|
this.setDialogTree([{ textContent: "" }]);
|
|
@@ -50,6 +50,7 @@ See panels:
|
|
|
50
50
|
|
|
51
51
|
dialogManager.currentReadableState.subscribe((value) => {
|
|
52
52
|
isHidden = value === DialogState.Invisible;
|
|
53
|
+
console.log(value, DialogState.Invisible, isHidden)
|
|
53
54
|
});
|
|
54
55
|
|
|
55
56
|
dialogManager.update(0);
|
|
@@ -57,7 +58,7 @@ See panels:
|
|
|
57
58
|
</script>
|
|
58
59
|
|
|
59
60
|
<div class="dialog-elements"
|
|
60
|
-
hidden={
|
|
61
|
+
aria-hidden={hidePercent >= (99 * 0.4)}
|
|
61
62
|
style="--hidePercentWidth: -{hidePercent}vw;
|
|
62
63
|
--hidePercentHeight: {hidePercentLinear}vh;">
|
|
63
64
|
<div class="dialog-portrait-container" class:is-portrait-enabled={enablePortrait.value}>
|
|
@@ -65,7 +66,7 @@ See panels:
|
|
|
65
66
|
</div>
|
|
66
67
|
<div id="main-dialog-box-container">
|
|
67
68
|
<PinyaCard id="dialog-name">
|
|
68
|
-
<div class="fake-h1">Turnip</div>
|
|
69
|
+
<div class="fake-h1">Turnip {isHidden} {hidePercent}</div>
|
|
69
70
|
</PinyaCard>
|
|
70
71
|
<!-- todo: implement this properly later -->
|
|
71
72
|
<!--<div id="dialog-scroll-indicator"></div>-->
|
|
@@ -163,6 +164,10 @@ See panels:
|
|
|
163
164
|
position: fixed;
|
|
164
165
|
z-index: 10;
|
|
165
166
|
}
|
|
167
|
+
.dialog-elements[aria-hidden=true] {
|
|
168
|
+
opacity: 0;
|
|
169
|
+
pointer-events: none;
|
|
170
|
+
}
|
|
166
171
|
|
|
167
172
|
.dialog-elements:dir(ltr) {
|
|
168
173
|
left: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UniversalOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/universal-overlay/UniversalOverlay.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UniversalOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/universal-overlay/UniversalOverlay.svelte.ts"],"names":[],"mappings":"AAmHA;;;;;;;GAOG;AACH,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
appBardEndStyle?: "classic" | "functional"
|
|
34
34
|
} = $props();
|
|
35
35
|
|
|
36
|
-
let enableUniversalOverlay = getEnableDialogOverlayContext();
|
|
36
|
+
let enableUniversalOverlay = $derived(getEnableDialogOverlayContext().value);
|
|
37
37
|
|
|
38
38
|
const onSettingsClick = () => {
|
|
39
39
|
modals.open(GeneralSettingsModal);
|
|
@@ -99,10 +99,12 @@
|
|
|
99
99
|
>
|
|
100
100
|
<ImageIcon src={SettingsLogo} aria-hidden="true" alt=""></ImageIcon>
|
|
101
101
|
</PinyaButton>
|
|
102
|
+
<!-- todo: investigate why enableUniversalOverlay is false here -->
|
|
102
103
|
<PinyaButton
|
|
103
104
|
title="Toggle conversation"
|
|
104
105
|
buttonVariant={ButtonVariant.Image}
|
|
105
|
-
|
|
106
|
+
disabled={appState.allowDialog === false}
|
|
107
|
+
colorScheme={isMounted && enableUniversalOverlay && appState.allowDialog !== false ? ColorScheme.Secondary : undefined}
|
|
106
108
|
onclick={()=>{dialogManager.toggleDialogOverlay();}}
|
|
107
109
|
>
|
|
108
110
|
<ImageIcon src={DialogIcon} aria-hidden="true" alt=""></ImageIcon>
|
|
@@ -131,28 +133,28 @@
|
|
|
131
133
|
|
|
132
134
|
|
|
133
135
|
<style>
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
136
|
+
:global {
|
|
137
|
+
.hidden {
|
|
138
|
+
opacity: 0;
|
|
139
|
+
}
|
|
138
140
|
|
|
139
141
|
#header-action-wrapper {
|
|
140
|
-
|
|
142
|
+
max-height: 2rem;
|
|
141
143
|
display: flex;
|
|
142
144
|
flex-direction: row-reverse;
|
|
143
145
|
gap: 0.5rem;
|
|
144
146
|
|
|
145
|
-
|
|
147
|
+
& > * {
|
|
146
148
|
padding: 0;
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
149
|
+
aspect-ratio: 1 / 1;
|
|
150
|
+
height: 100%;
|
|
151
|
+
|
|
152
|
+
& > img {
|
|
153
|
+
padding: 0.3rem;
|
|
154
|
+
height: 95%;
|
|
155
|
+
aspect-ratio: 1 / 1;
|
|
156
|
+
object-fit: contain;
|
|
157
|
+
}
|
|
156
158
|
}
|
|
157
159
|
|
|
158
160
|
.pinya-button {
|
|
@@ -160,10 +162,10 @@
|
|
|
160
162
|
}
|
|
161
163
|
}
|
|
162
164
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
165
|
+
:root {
|
|
166
|
+
--default-page-container-margin: 4rem 1rem 0 1rem;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
167
169
|
|
|
168
170
|
header {
|
|
169
171
|
top: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PinyaPageLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAK9C,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;CAC1C,CAAC;
|
|
1
|
+
{"version":3,"file":"PinyaPageLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAK9C,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;CAC1C,CAAC;AA+GH,QAAA,MAAM,eAAe,gEAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pinyaPageLayoutRunes.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,UAAU,QAAQ;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"pinyaPageLayoutRunes.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,UAAU,QAAQ;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB,EAAE,OAAO,CAAC;IAInC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,UAInB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { enableUniversalOverlaySvelte4 } from "../..";
|
|
3
|
+
import { appState } from "../../ui/templates/index";
|
|
3
4
|
import {
|
|
4
5
|
setEnableDialogOverlayContext,
|
|
5
6
|
setEnableDialogPreferenceContext,
|
|
@@ -39,6 +40,13 @@
|
|
|
39
40
|
setIgnoreOverlayOverride(ignoreOverlaySet);
|
|
40
41
|
onMount(() => {
|
|
41
42
|
enableUniversalOverlaySvelte4.subscribe((value) => {
|
|
43
|
+
if (appState.allowDialog === false && value) {
|
|
44
|
+
// force disable if appState allowDialog = false
|
|
45
|
+
enableUniversalOverlaySvelte4.set(false);
|
|
46
|
+
enableDialog.value = false;
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
|
|
42
50
|
if (ignoreOverlaySet.value) {
|
|
43
51
|
ignoreOverlaySet.value = false;
|
|
44
52
|
// force initial value?
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AA4EA,QAAA,MAAM,oBAAoB;cAxD8B,GAAG;UAwDO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@turnipxenon/pineapple",
|
|
3
3
|
"description": "personal package for base styling for other personal projects",
|
|
4
|
-
"version": "5.0.0-alpha.
|
|
4
|
+
"version": "5.0.0-alpha.17",
|
|
5
5
|
"devDependencies": {
|
|
6
6
|
"@commitlint/cli": "^19.8.1",
|
|
7
7
|
"@commitlint/config-conventional": "^19.8.1",
|