@industry-theme/file-city-panel 0.3.3 → 0.3.5

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":"TourPlayer.d.ts","sourceRoot":"","sources":["../../src/components/TourPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,IAAI,EAAE,gBAAgB,CAAC;IAEvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEvE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAE3D,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4/BhD,CAAC"}
1
+ {"version":3,"file":"TourPlayer.d.ts","sourceRoot":"","sources":["../../src/components/TourPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,IAAI,EAAE,gBAAgB,CAAC;IAEvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEvE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAE3D,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0/BhD,CAAC"}
@@ -51098,113 +51098,6 @@ const TourPlayer = ({
51098
51098
  if (!isPlaying) {
51099
51099
  return renderWithContainer(
51100
51100
  /* @__PURE__ */ jsxs(Fragment, { children: [
51101
- /* @__PURE__ */ jsxs(
51102
- "div",
51103
- {
51104
- style: {
51105
- padding: "12px 16px",
51106
- borderBottom: `1px solid ${theme2.colors.border}`,
51107
- flexShrink: 0
51108
- },
51109
- children: [
51110
- /* @__PURE__ */ jsx(
51111
- "div",
51112
- {
51113
- style: {
51114
- display: "flex",
51115
- alignItems: "center",
51116
- justifyContent: "space-between",
51117
- gap: "8px",
51118
- marginBottom: "8px"
51119
- },
51120
- children: /* @__PURE__ */ jsxs(
51121
- "div",
51122
- {
51123
- style: {
51124
- display: "flex",
51125
- alignItems: "center",
51126
- gap: "8px"
51127
- },
51128
- children: [
51129
- /* @__PURE__ */ jsx(BookOpen, { size: 24, style: { color: theme2.colors.primary } }),
51130
- /* @__PURE__ */ jsx(
51131
- "h2",
51132
- {
51133
- style: {
51134
- fontSize: theme2.fontSizes[4],
51135
- fontFamily: theme2.fonts.heading,
51136
- color: theme2.colors.text,
51137
- margin: 0
51138
- },
51139
- children: tour.title
51140
- }
51141
- )
51142
- ]
51143
- }
51144
- )
51145
- }
51146
- ),
51147
- /* @__PURE__ */ jsx(
51148
- "p",
51149
- {
51150
- style: {
51151
- fontSize: theme2.fontSizes[2],
51152
- fontFamily: theme2.fonts.body,
51153
- color: theme2.colors.textSecondary,
51154
- margin: 0,
51155
- marginBottom: "12px"
51156
- },
51157
- children: tour.description
51158
- }
51159
- ),
51160
- /* @__PURE__ */ jsxs(
51161
- "div",
51162
- {
51163
- style: {
51164
- display: "flex",
51165
- gap: "8px",
51166
- flexWrap: "wrap"
51167
- },
51168
- children: [
51169
- tour.audience && /* @__PURE__ */ jsx(
51170
- "span",
51171
- {
51172
- style: {
51173
- padding: "4px 8px",
51174
- backgroundColor: theme2.colors.primary + "20",
51175
- color: theme2.colors.primary,
51176
- borderRadius: "4px",
51177
- fontSize: theme2.fontSizes[1],
51178
- fontFamily: theme2.fonts.body,
51179
- fontWeight: 500
51180
- },
51181
- children: tour.audience
51182
- }
51183
- ),
51184
- /* @__PURE__ */ jsxs(
51185
- "span",
51186
- {
51187
- style: {
51188
- padding: "4px 8px",
51189
- backgroundColor: theme2.colors.accent + "20",
51190
- color: theme2.colors.accent,
51191
- borderRadius: "4px",
51192
- fontSize: theme2.fontSizes[1],
51193
- fontFamily: theme2.fonts.body,
51194
- fontWeight: 500
51195
- },
51196
- children: [
51197
- tour.steps.length,
51198
- " steps"
51199
- ]
51200
- }
51201
- )
51202
- ]
51203
- }
51204
- )
51205
- ]
51206
- }
51207
- ),
51208
51101
  /* @__PURE__ */ jsx(
51209
51102
  "div",
51210
51103
  {
@@ -51213,34 +51106,122 @@ const TourPlayer = ({
51213
51106
  minHeight: 0,
51214
51107
  overflow: "auto"
51215
51108
  },
51216
- children: /* @__PURE__ */ jsx("div", { style: { padding: "12px 16px" }, children: tour.prerequisites && tour.prerequisites.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
51217
- /* @__PURE__ */ jsx(
51218
- "div",
51219
- {
51220
- style: {
51221
- fontSize: theme2.fontSizes[2],
51222
- fontFamily: theme2.fonts.heading,
51223
- color: theme2.colors.text,
51224
- fontWeight: 600,
51225
- marginBottom: "6px"
51226
- },
51227
- children: "Prerequisites:"
51228
- }
51229
- ),
51230
- /* @__PURE__ */ jsx(
51231
- "ul",
51232
- {
51233
- style: {
51234
- margin: 0,
51235
- paddingLeft: "20px",
51236
- fontSize: theme2.fontSizes[1],
51237
- fontFamily: theme2.fonts.body,
51238
- color: theme2.colors.textSecondary
51239
- },
51240
- children: tour.prerequisites.map((prereq, idx) => /* @__PURE__ */ jsx("li", { children: prereq }, idx))
51241
- }
51242
- )
51243
- ] }) })
51109
+ children: /* @__PURE__ */ jsxs("div", { style: { padding: "12px 16px" }, children: [
51110
+ /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
51111
+ /* @__PURE__ */ jsxs(
51112
+ "div",
51113
+ {
51114
+ style: {
51115
+ display: "flex",
51116
+ alignItems: "center",
51117
+ gap: "8px",
51118
+ marginBottom: "8px"
51119
+ },
51120
+ children: [
51121
+ /* @__PURE__ */ jsx(BookOpen, { size: 24, style: { color: theme2.colors.primary } }),
51122
+ /* @__PURE__ */ jsx(
51123
+ "h2",
51124
+ {
51125
+ style: {
51126
+ fontSize: theme2.fontSizes[4],
51127
+ fontFamily: theme2.fonts.heading,
51128
+ color: theme2.colors.text,
51129
+ margin: 0
51130
+ },
51131
+ children: tour.title
51132
+ }
51133
+ )
51134
+ ]
51135
+ }
51136
+ ),
51137
+ /* @__PURE__ */ jsx(
51138
+ "p",
51139
+ {
51140
+ style: {
51141
+ fontSize: theme2.fontSizes[2],
51142
+ fontFamily: theme2.fonts.body,
51143
+ color: theme2.colors.textSecondary,
51144
+ margin: 0,
51145
+ marginBottom: "12px"
51146
+ },
51147
+ children: tour.description
51148
+ }
51149
+ ),
51150
+ /* @__PURE__ */ jsxs(
51151
+ "div",
51152
+ {
51153
+ style: {
51154
+ display: "flex",
51155
+ gap: "8px",
51156
+ flexWrap: "wrap"
51157
+ },
51158
+ children: [
51159
+ tour.audience && /* @__PURE__ */ jsx(
51160
+ "span",
51161
+ {
51162
+ style: {
51163
+ padding: "4px 8px",
51164
+ backgroundColor: theme2.colors.primary + "20",
51165
+ color: theme2.colors.primary,
51166
+ borderRadius: "4px",
51167
+ fontSize: theme2.fontSizes[1],
51168
+ fontFamily: theme2.fonts.body,
51169
+ fontWeight: 500
51170
+ },
51171
+ children: tour.audience
51172
+ }
51173
+ ),
51174
+ /* @__PURE__ */ jsxs(
51175
+ "span",
51176
+ {
51177
+ style: {
51178
+ padding: "4px 8px",
51179
+ backgroundColor: theme2.colors.accent + "20",
51180
+ color: theme2.colors.accent,
51181
+ borderRadius: "4px",
51182
+ fontSize: theme2.fontSizes[1],
51183
+ fontFamily: theme2.fonts.body,
51184
+ fontWeight: 500
51185
+ },
51186
+ children: [
51187
+ tour.steps.length,
51188
+ " steps"
51189
+ ]
51190
+ }
51191
+ )
51192
+ ]
51193
+ }
51194
+ )
51195
+ ] }),
51196
+ tour.prerequisites && tour.prerequisites.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
51197
+ /* @__PURE__ */ jsx(
51198
+ "div",
51199
+ {
51200
+ style: {
51201
+ fontSize: theme2.fontSizes[2],
51202
+ fontFamily: theme2.fonts.heading,
51203
+ color: theme2.colors.text,
51204
+ fontWeight: 600,
51205
+ marginBottom: "6px"
51206
+ },
51207
+ children: "Prerequisites:"
51208
+ }
51209
+ ),
51210
+ /* @__PURE__ */ jsx(
51211
+ "ul",
51212
+ {
51213
+ style: {
51214
+ margin: 0,
51215
+ paddingLeft: "20px",
51216
+ fontSize: theme2.fontSizes[1],
51217
+ fontFamily: theme2.fonts.body,
51218
+ color: theme2.colors.textSecondary
51219
+ },
51220
+ children: tour.prerequisites.map((prereq, idx) => /* @__PURE__ */ jsx("li", { children: prereq }, idx))
51221
+ }
51222
+ )
51223
+ ] })
51224
+ ] })
51244
51225
  }
51245
51226
  ),
51246
51227
  /* @__PURE__ */ jsxs(
@@ -51787,7 +51768,8 @@ const TourPlayer = ({
51787
51768
  fontFamily: theme2.fonts.body,
51788
51769
  cursor: isFirstStep ? "not-allowed" : "pointer",
51789
51770
  opacity: isFirstStep ? 0.5 : 1,
51790
- transition: "all 0.2s"
51771
+ transition: "all 0.2s",
51772
+ flexShrink: 0
51791
51773
  },
51792
51774
  onMouseEnter: (e) => {
51793
51775
  if (!isFirstStep) {
@@ -51803,27 +51785,40 @@ const TourPlayer = ({
51803
51785
  ]
51804
51786
  }
51805
51787
  ),
51806
- /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "6px", alignItems: "center" }, children: tour.steps.map((step, idx) => /* @__PURE__ */ jsx(
51788
+ /* @__PURE__ */ jsx(
51807
51789
  "div",
51808
51790
  {
51809
- onClick: () => goToStep(idx),
51810
51791
  style: {
51811
- width: "8px",
51812
- height: "8px",
51813
- borderRadius: "50%",
51814
- backgroundColor: idx === currentStepIndex ? theme2.colors.primary : completedSteps.has(step.id) ? theme2.colors.accent : theme2.colors.border,
51815
- cursor: "pointer",
51816
- transition: "all 0.2s"
51817
- },
51818
- onMouseEnter: (e) => {
51819
- e.currentTarget.style.transform = "scale(1.3)";
51792
+ flex: 1,
51793
+ minWidth: 0,
51794
+ overflow: "auto",
51795
+ display: "flex",
51796
+ justifyContent: "center"
51820
51797
  },
51821
- onMouseLeave: (e) => {
51822
- e.currentTarget.style.transform = "scale(1)";
51823
- }
51824
- },
51825
- step.id
51826
- )) }),
51798
+ children: /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "6px", alignItems: "center", padding: "0 8px" }, children: tour.steps.map((step, idx) => /* @__PURE__ */ jsx(
51799
+ "div",
51800
+ {
51801
+ onClick: () => goToStep(idx),
51802
+ style: {
51803
+ width: "8px",
51804
+ height: "8px",
51805
+ borderRadius: "50%",
51806
+ backgroundColor: idx === currentStepIndex ? theme2.colors.primary : completedSteps.has(step.id) ? theme2.colors.accent : theme2.colors.border,
51807
+ cursor: "pointer",
51808
+ transition: "all 0.2s",
51809
+ flexShrink: 0
51810
+ },
51811
+ onMouseEnter: (e) => {
51812
+ e.currentTarget.style.transform = "scale(1.3)";
51813
+ },
51814
+ onMouseLeave: (e) => {
51815
+ e.currentTarget.style.transform = "scale(1)";
51816
+ }
51817
+ },
51818
+ step.id
51819
+ )) })
51820
+ }
51821
+ ),
51827
51822
  /* @__PURE__ */ jsxs(
51828
51823
  "button",
51829
51824
  {
@@ -51843,7 +51838,8 @@ const TourPlayer = ({
51843
51838
  fontWeight: 600,
51844
51839
  cursor: isLastStep ? "not-allowed" : "pointer",
51845
51840
  opacity: isLastStep ? 0.5 : 1,
51846
- transition: "all 0.2s"
51841
+ transition: "all 0.2s",
51842
+ flexShrink: 0
51847
51843
  },
51848
51844
  onMouseEnter: (e) => {
51849
51845
  if (!isLastStep) {