@sealcode/sealgen 0.8.25 → 0.8.26

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.
Files changed (5) hide show
  1. package/@types/components/tabs.d.ts +1 -1
  2. package/lib/components/tabs.js +6 -6
  3. package/lib/components/tabs.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/tabs.ts +7 -6
package/@types/components/tabs.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { FlatTemplatable } from "tempstream";
2
- export declare function tabs(tabs: Record<string, FlatTemplatable>, selected_tab_style?: string, selected_index?: number): FlatTemplatable;
2
+ export declare function tabs(tabs: Record<string, FlatTemplatable>, selected_tab_style?: string, selected_index?: number, hide_tabs_width?: number): FlatTemplatable;
package/lib/components/tabs.js CHANGED
@@ -5,7 +5,7 @@ const tempstream_1 = require("tempstream");
5
5
  function name_to_id(str) {
6
6
  return str.replace(/\W/g, "-");
7
7
  }
8
- const style = /* HTML */ `<style>
8
+ const style = (hide_tabs_width) => /* HTML */ `<style>
9
9
  .tab-label {
10
10
  height: 45px;
11
11
  line-height: 45px;
@@ -20,7 +20,7 @@ const style = /* HTML */ `<style>
20
20
  user-select: none;
21
21
  }
22
22
 
23
- @media screen and (max-width: 869px) {
23
+ @media screen and (max-width: ${hide_tabs_width}px) {
24
24
  .tab-label {
25
25
  display: none;
26
26
  }
@@ -35,7 +35,7 @@ const style = /* HTML */ `<style>
35
35
  color: $font-graphite;
36
36
  border-bottom: 2px solid $font-primary;
37
37
  display: none;
38
- @media screen and (max-width: 869px) {
38
+ @media screen and (max-width: ${hide_tabs_width}px) {
39
39
  display: block;
40
40
  }
41
41
  }
@@ -45,14 +45,14 @@ const style = /* HTML */ `<style>
45
45
  clear: both;
46
46
  }
47
47
 
48
- @media screen and (max-width: 869px) {
48
+ @media screen and (max-width: ${hide_tabs_width}px) {
49
49
  .tab-content {
50
50
  display: block !important;
51
51
  }
52
52
  }
53
53
  </style>`;
54
- function tabs(tabs, selected_tab_style = "font-weight: bold;", selected_index = 0) {
55
- return /* HTML */ tempstream_1.tempstream `${style}
54
+ function tabs(tabs, selected_tab_style = "font-weight: bold;", selected_index = 0, hide_tabs_width = 0) {
55
+ return /* HTML */ tempstream_1.tempstream `${style(hide_tabs_width)}
56
56
  ${Object.keys(tabs)
57
57
  .map((tab_title, index) => {
58
58
  const id = name_to_id(tab_title);
package/lib/components/tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":";;;AAAA,2CAAyD;AAEzD,SAAS,UAAU,CAAC,GAAW;IAC9B,OAAO,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,KAAK,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6ChB,CAAC;AAEV,SAAgB,IAAI,CACnB,IAAqC,EACrC,kBAAkB,GAAG,oBAAoB,EACzC,cAAc,GAAG,CAAC;IAElB,OAAO,UAAU,CAAC,uBAAU,CAAA,GAAG,KAAK;GAClC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;SACjB,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,EAAE,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,OAAO,UAAU,CAAC;;;WAGV,EAAE;yBACY,EAAE;;OAEpB,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;yCAEN,EAAE,UAAU,EAAE;OAChD,SAAS;aACH,CAAC;IACZ,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC;GACV,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;QAC/C,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,UAAU,CAAC,uBAAU,CAAA;OACvB,KAAK;;2CAE+B,EAAE,KAAK,OAAO;;mBAEtC,EAAE,oBAAoB,EAAE;;;mBAGxB,EAAE,4BAA4B,EAAE;;;mBAGhC,EAAE,+BAA+B,EAAE;QAC9C,kBAAkB;;aAEb,CAAC;IACb,CAAC,CAAC,EAAE,CAAC;AACN,CAAC;AAxCD,oBAwCC"}
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":";;;AAAA,2CAAyD;AAEzD,SAAS,UAAU,CAAC,GAAW;IAC9B,OAAO,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,KAAK,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;iCAerB,eAAe;;;;;;;;;;;;;;;kCAed,eAAe;;;;;;;;;;iCAUhB,eAAe;;;;;SAKvC,CAAC;AAEV,SAAgB,IAAI,CACnB,IAAqC,EACrC,kBAAkB,GAAG,oBAAoB,EACzC,cAAc,GAAG,CAAC,EAClB,eAAe,GAAG,CAAC;IAEnB,OAAO,UAAU,CAAC,uBAAU,CAAA,GAAG,KAAK,CAAC,eAAe,CAAC;GACnD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;SACjB,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,EAAE,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,OAAO,UAAU,CAAC;;;WAGV,EAAE;yBACY,EAAE;;OAEpB,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;yCAEN,EAAE,UAAU,EAAE;OAChD,SAAS;aACH,CAAC;IACZ,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC;GACV,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;QAC/C,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,UAAU,CAAC,uBAAU,CAAA;OACvB,KAAK;;2CAE+B,EAAE,KAAK,OAAO;;mBAEtC,EAAE,oBAAoB,EAAE;;;mBAGxB,EAAE,4BAA4B,EAAE;;;mBAGhC,EAAE,+BAA+B,EAAE;QAC9C,kBAAkB;;aAEb,CAAC;IACb,CAAC,CAAC,EAAE,CAAC;AACN,CAAC;AAzCD,oBAyCC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sealcode/sealgen",
3
- "version": "0.8.25",
3
+ "version": "0.8.26",
4
4
  "description": "Module to automate adding routes and collections to a sealious application",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
package/src/components/tabs.ts CHANGED
@@ -4,7 +4,7 @@ function name_to_id(str: string) {
4
4
  return str.replace(/\W/g, "-");
5
5
  }
6
6
 
7
- const style = /* HTML */ `<style>
7
+ const style = (hide_tabs_width: number) => /* HTML */ `<style>
8
8
  .tab-label {
9
9
  height: 45px;
10
10
  line-height: 45px;
@@ -19,7 +19,7 @@ const style = /* HTML */ `<style>
19
19
  user-select: none;
20
20
  }
21
21
 
22
- @media screen and (max-width: 869px) {
22
+ @media screen and (max-width: ${hide_tabs_width}px) {
23
23
  .tab-label {
24
24
  display: none;
25
25
  }
@@ -34,7 +34,7 @@ const style = /* HTML */ `<style>
34
34
  color: $font-graphite;
35
35
  border-bottom: 2px solid $font-primary;
36
36
  display: none;
37
- @media screen and (max-width: 869px) {
37
+ @media screen and (max-width: ${hide_tabs_width}px) {
38
38
  display: block;
39
39
  }
40
40
  }
@@ -44,7 +44,7 @@ const style = /* HTML */ `<style>
44
44
  clear: both;
45
45
  }
46
46
 
47
- @media screen and (max-width: 869px) {
47
+ @media screen and (max-width: ${hide_tabs_width}px) {
48
48
  .tab-content {
49
49
  display: block !important;
50
50
  }
@@ -54,9 +54,10 @@ const style = /* HTML */ `<style>
54
54
  export function tabs(
55
55
  tabs: Record<string, FlatTemplatable>,
56
56
  selected_tab_style = "font-weight: bold;",
57
- selected_index = 0
57
+ selected_index = 0,
58
+ hide_tabs_width = 0
58
59
  ): FlatTemplatable {
59
- return /* HTML */ tempstream`${style}
60
+ return /* HTML */ tempstream`${style(hide_tabs_width)}
60
61
  ${Object.keys(tabs)
61
62
  .map((tab_title, index) => {
62
63
  const id = name_to_id(tab_title);