@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.
@@ -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;;IA0BnC;;;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"}
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={isHidden}
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":"AAkHA;;;;;;;GAOG;AACH,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
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
- colorScheme={isMounted && enableUniversalOverlay.value ? ColorScheme.Secondary : undefined}
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
- :global {
135
- .hidden {
136
- opacity: 0;
137
- }
136
+ :global {
137
+ .hidden {
138
+ opacity: 0;
139
+ }
138
140
 
139
141
  #header-action-wrapper {
140
- max-height: 2rem;
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
- aspect-ratio: 1 / 1;
148
- height: 100%;
149
-
150
- &> img {
151
- padding: 0.3rem;
152
- height: 95%;
153
- aspect-ratio: 1 / 1;
154
- object-fit: contain;
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
- :root {
164
- --default-page-container-margin: 4rem 1rem 0 1rem;
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;AA8GH,QAAA,MAAM,eAAe,gEAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,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;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,UAInB,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":"AAmEA,QAAA,MAAM,oBAAoB;cAjD8B,GAAG;UAiDO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
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.16",
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",