@orangelogic/design-system 2.60.0 → 2.61.0

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 (248) hide show
  1. package/library/apps/cortex/src/types.d.ts +2 -0
  2. package/library/chunks/_baseRest.ClTMQtN1.js +67 -0
  3. package/library/chunks/{_baseUniq.BUihBa8c.js → _baseUniq.Df-fLIBx.js} +53 -56
  4. package/library/chunks/{amazon_s3.DeaMdPPn.js → amazon_s3.BEMtqafk.js} +1 -1
  5. package/library/chunks/animate.El-MpOws.js +37 -0
  6. package/library/chunks/animation-registry.HmpwNuGH.js +34 -0
  7. package/library/chunks/{animation.B7d72NVK.js → animation.DfUHRQry.js} +10 -8
  8. package/library/chunks/array.DCtvHiLS.js +81 -0
  9. package/library/chunks/asset.CG_yXtWK.js +288 -0
  10. package/library/chunks/{browser.Va59Ix3P.js → browser.BHOCIF_A.js} +18 -16
  11. package/library/chunks/{button.CtCSNRB3.js → button.P71VJ5xh.js} +75 -74
  12. package/library/chunks/{button.styles.C8AIO8fd.js → button.styles.Dl5IQLHU.js} +1 -1
  13. package/library/chunks/{capitalize.CNStXZBq.js → capitalize.WSkCXkNE.js} +1 -1
  14. package/library/chunks/{chatbot.sm4Rph1v.js → chatbot.BmpIu59L.js} +2 -2
  15. package/library/chunks/{class-map.CoZTSvbM.js → class-map.BiVq-cVR.js} +1 -1
  16. package/library/chunks/{color-swatch-group.qJevXs50.js → color-swatch-group.DlLmydlB.js} +116 -127
  17. package/library/chunks/color-swatch.Bpb_hW2H.js +407 -0
  18. package/library/chunks/color.vLD2sNTs.js +164 -0
  19. package/library/chunks/{component.styles.CI-v8BZa.js → component.styles.DMSLciL5.js} +1 -1
  20. package/library/chunks/{confirm-popover.D2TF1x6K.js → confirm-popover.C1uA36JR.js} +15 -13
  21. package/library/chunks/{content-builder.WranV3P4.js → content-builder.Bf7kqzDI.js} +1 -1
  22. package/library/chunks/converters.DkDtLstb.js +11 -0
  23. package/library/chunks/{cropper.aA0v16xS.js → cropper.BraEEykE.js} +5004 -5024
  24. package/library/chunks/custom-element.L4WJXn1j.js +14 -0
  25. package/library/chunks/debounce.DaHuiSGU.js +15 -0
  26. package/library/chunks/{default-value.CIKAvD5l.js → default-value.COZopaet.js} +1 -1
  27. package/library/chunks/{dialog.B1TORO6S.js → dialog.C_75RVVz.js} +52 -49
  28. package/library/chunks/{directive-helpers.DBHob-_L.js → directive-helpers.Dm4rc594.js} +1 -1
  29. package/library/chunks/dom.CZrJ64Dm.js +92 -0
  30. package/library/chunks/{dot-pagination.8f2oX_ge.js → dot-pagination.CoCIJsHC.js} +24 -22
  31. package/library/chunks/{endpoints.BgyupJys.js → endpoints.B7lcoc1N.js} +1 -3
  32. package/library/chunks/{file-on-demand.Cwgabdyw.js → file-on-demand.B2jNilAj.js} +1829 -1544
  33. package/library/chunks/{folder-select.DiWCwR-T.js → folder-select.CSEQxIXF.js} +380 -255
  34. package/library/chunks/{form-control.styles.NE2Q-quE.js → form-control.styles.CUGhvlfT.js} +1 -1
  35. package/library/chunks/{form.B8u0ywni.js → form.CO12-VK0.js} +1 -1
  36. package/library/chunks/{guard.BDP4A85K.js → guard.D4axKaMo.js} +1 -1
  37. package/library/chunks/{header.B_FD8uLt.js → header.Bd3G0-oA.js} +11 -9
  38. package/library/chunks/{hub-connection.CxfaT11o.js → hub-connection.BxT2b7Nq.js} +4 -3
  39. package/library/chunks/{i18n.BP2FRO1v.js → i18n.DrzK7TPf.js} +54 -7
  40. package/library/chunks/identity.ByMq8VxU.js +6 -0
  41. package/library/chunks/{if-defined.MfEgpxEN.js → if-defined.BRoBj_Rp.js} +1 -1
  42. package/library/chunks/{iframe.DZm7FiCl.js → iframe.UCj6Ze2A.js} +18 -16
  43. package/library/chunks/{image.Ycf8RudS.js → image.DZCRhE3G.js} +82 -79
  44. package/library/chunks/image.mbpyiQpQ.js +82 -0
  45. package/library/chunks/index.S0wy3rzm.js +373 -0
  46. package/library/chunks/isObjectLike.D3cpZO39.js +81 -0
  47. package/library/chunks/{isSymbol.L0C2ND_U.js → isSymbol.huJ_Cvxt.js} +1 -1
  48. package/library/chunks/lib-cortex-element.CVMmyPMC.js +146 -0
  49. package/library/chunks/{list-editor.COkw5JKG.js → list-editor.CrLntuM7.js} +75 -79
  50. package/library/chunks/{custom-element.vnXBMQxc.js → lit-element.jLBm65_O.js} +123 -277
  51. package/library/chunks/{live.LdB9xEhp.js → live.SCz6M8Gs.js} +2 -2
  52. package/library/chunks/{mailchimp.BjbPJfd-.js → mailchimp.Bs6uJVsf.js} +1 -1
  53. package/library/chunks/{modal.BqNLxgs1.js → modal.U1QltQKe.js} +25 -19
  54. package/library/chunks/{option.D9KJhzHs.js → option.D1u5-cTt.js} +21 -19
  55. package/library/chunks/{orangelogic.BgbQXkBv.js → orangelogic.TdFfoPUN.js} +1 -1
  56. package/library/chunks/{overlayscrollbars.aFuRG5Rs.js → overlayscrollbars.XhGWx9Zk.js} +1 -1
  57. package/library/chunks/{pagination.C2FN4fmO.js → pagination.BI3LONVU.js} +17 -15
  58. package/library/chunks/{ref.BaCjlzLO.js → ref.bzeTdX0K.js} +2 -2
  59. package/library/chunks/{repeat.CauKaXyy.js → repeat.DbF2p5ae.js} +2 -2
  60. package/library/chunks/responsive.CA6dcNiM.js +17 -0
  61. package/library/chunks/{scroll.DwPiX2Ox.js → scroll.xtO5yojm.js} +3 -2
  62. package/library/chunks/{slot.DJLm4Dig.js → slot.j5oheLJC.js} +12 -4
  63. package/library/chunks/{state.Cw55xXlb.js → state.CSDxrqLd.js} +1 -1
  64. package/library/chunks/{static.BjNkqt7_.js → static.UA3G1Deq.js} +1 -1
  65. package/library/chunks/string.Cp_XNbnV.js +160 -0
  66. package/library/chunks/{style-map.CZovMmo_.js → style-map.llVFPd__.js} +1 -1
  67. package/library/chunks/{tab-group.5fLnWflv.js → tab-group.DxSlcWK0.js} +20 -18
  68. package/library/chunks/{table.BAr8KKc6.js → table.CY-iMTWV.js} +457 -505
  69. package/library/chunks/template.CsJd8Pb_.js +20 -0
  70. package/library/chunks/time.D_uFZqqe.js +118 -0
  71. package/library/chunks/{toString.CL_lYXbK.js → toString.CRT5zqEU.js} +3 -3
  72. package/library/chunks/toast.BXNbwZV8.js +25 -0
  73. package/library/chunks/{tree.CUfvIDyA.js → tree.CNbrP8cY.js} +33 -36
  74. package/library/chunks/{typography.BFpl0WMA.js → typography.oDzoLbZS.js} +16 -14
  75. package/library/chunks/{unsafe-html.DyO9_Rsq.js → unsafe-html.Dff7-rCx.js} +1 -1
  76. package/library/chunks/url.LjsR2sB5.js +15 -0
  77. package/library/chunks/user-agent.D9aPuOyL.js +4 -0
  78. package/library/chunks/watch.q1sEjPWL.js +501 -0
  79. package/library/components/alert.js +38 -35
  80. package/library/components/animated-image.js +25 -23
  81. package/library/components/animation.js +7 -5
  82. package/library/components/array-line-clamp.d.ts +3 -0
  83. package/library/components/array-line-clamp.js +195 -0
  84. package/library/components/asset-link-format.js +223 -212
  85. package/library/components/atoms.js +164 -162
  86. package/library/components/avatar.js +28 -26
  87. package/library/components/badge.js +10 -8
  88. package/library/components/bicolor-picker.js +21 -19
  89. package/library/components/border-input-group.js +11 -9
  90. package/library/components/breadcrumb-item.js +14 -12
  91. package/library/components/breadcrumb.js +24 -22
  92. package/library/components/button-group.js +26 -24
  93. package/library/components/button.js +14 -13
  94. package/library/components/card.js +28 -19
  95. package/library/components/checkbox.js +29 -23
  96. package/library/components/color-picker.js +19 -17
  97. package/library/components/color-swatch-group.js +20 -17
  98. package/library/components/color-swatch.js +16 -13
  99. package/library/components/confirm-popover.js +11 -9
  100. package/library/components/copy-button.js +15 -13
  101. package/library/components/corner-position-input-group.js +13 -11
  102. package/library/components/cortex-element.d.ts +3 -0
  103. package/library/components/cortex-element.js +5 -0
  104. package/library/components/cropper.js +7 -5
  105. package/library/components/details.js +23 -20
  106. package/library/components/dialog.js +19 -16
  107. package/library/components/divider.js +13 -11
  108. package/library/components/dot-pagination.js +11 -9
  109. package/library/components/dot-status.js +10 -8
  110. package/library/components/drawer.js +63 -51
  111. package/library/components/dropdown.js +29 -26
  112. package/library/components/dynamic-select.js +12 -10
  113. package/library/components/element-clamp.js +28 -25
  114. package/library/components/file-on-demand.js +21 -20
  115. package/library/components/folder-select.js +12 -10
  116. package/library/components/format-bytes.js +11 -10
  117. package/library/components/format-date.js +11 -9
  118. package/library/components/format-number.js +16 -15
  119. package/library/components/format-time.js +118 -9
  120. package/library/components/grid-item.js +48 -46
  121. package/library/components/grid.js +31 -29
  122. package/library/components/header.js +10 -9
  123. package/library/components/hub-connection.js +6 -5
  124. package/library/components/icon-button.js +20 -18
  125. package/library/components/icon.js +17 -15
  126. package/library/components/iframe.js +10 -8
  127. package/library/components/image-comparer.js +27 -25
  128. package/library/components/image.js +14 -11
  129. package/library/components/include.js +26 -24
  130. package/library/components/input-group.js +15 -13
  131. package/library/components/input.js +23 -21
  132. package/library/components/line-clamp.js +12 -10
  133. package/library/components/list-editor.js +17 -15
  134. package/library/components/markdown.js +80 -78
  135. package/library/components/masonry.js +46 -44
  136. package/library/components/menu-item.js +151 -136
  137. package/library/components/menu-label.js +15 -13
  138. package/library/components/menu-section.js +18 -16
  139. package/library/components/menu.js +10 -8
  140. package/library/components/molecules.js +5 -5
  141. package/library/components/mutation-observer.js +12 -10
  142. package/library/components/option.js +10 -8
  143. package/library/components/organisms.js +2 -2
  144. package/library/components/padding-input-group.js +30 -28
  145. package/library/components/pagination.js +14 -12
  146. package/library/components/popup.js +3296 -9
  147. package/library/components/position-picker.js +12 -10
  148. package/library/components/progress-bar.js +13 -11
  149. package/library/components/progress-ring.js +15 -13
  150. package/library/components/qr-code.js +54 -52
  151. package/library/components/radio-button.js +19 -17
  152. package/library/components/radio-card.js +14 -12
  153. package/library/components/radio-group.js +20 -18
  154. package/library/components/radio.js +15 -13
  155. package/library/components/range.js +25 -23
  156. package/library/components/rating.js +17 -15
  157. package/library/components/relative-time.js +16 -14
  158. package/library/components/resize-observer.js +21 -19
  159. package/library/components/select.js +1442 -25
  160. package/library/components/shadow-input-group.js +19 -17
  161. package/library/components/share-option-list.js +20 -18
  162. package/library/components/sidebar.js +14 -12
  163. package/library/components/size-input-group.js +35 -33
  164. package/library/components/skeleton.js +12 -10
  165. package/library/components/space.js +12 -10
  166. package/library/components/spinner.js +17 -15
  167. package/library/components/split-panel.js +15 -13
  168. package/library/components/step.js +18 -16
  169. package/library/components/stepper-wizard.js +11 -9
  170. package/library/components/stepper.js +13 -11
  171. package/library/components/switch.js +21 -19
  172. package/library/components/tab-group.js +15 -13
  173. package/library/components/tab-panel.js +20 -18
  174. package/library/components/tab.js +18 -16
  175. package/library/components/table.js +69 -67
  176. package/library/components/tag.js +11 -9
  177. package/library/components/textarea.js +20 -18
  178. package/library/components/timecode.js +98 -8
  179. package/library/components/tooltip.js +24 -21
  180. package/library/components/tree-item.js +14 -11
  181. package/library/components/tree.js +12 -10
  182. package/library/components/typeface.js +13 -11
  183. package/library/components/types.js +15487 -15444
  184. package/library/components/typography.js +6 -4
  185. package/library/components/video.js +13 -11
  186. package/library/components/visually-hidden.js +15 -13
  187. package/library/events.d.ts +1 -0
  188. package/library/events.js +1 -0
  189. package/library/package.json +11 -2
  190. package/library/packages/atoms/src/components/array-line-clamp/array-line-clamp.d.ts +45 -0
  191. package/library/packages/atoms/src/components/array-line-clamp/array-line-clamp.styles.d.ts +2 -0
  192. package/library/packages/atoms/src/components/checkbox/checkbox.d.ts +2 -0
  193. package/library/packages/atoms/src/components/drawer/drawer.d.ts +7 -1
  194. package/library/packages/atoms/src/components/include/include.d.ts +1 -0
  195. package/library/packages/atoms/src/components/menu-item/menu-item.d.ts +2 -0
  196. package/library/packages/atoms/src/components/tree/tree.d.ts +0 -4
  197. package/library/packages/atoms/src/index.d.ts +1 -0
  198. package/library/packages/events/src/cx-file-on-demand-load-more.d.ts +8 -0
  199. package/library/packages/events/src/cx-file-on-demand-pin.d.ts +8 -0
  200. package/library/packages/events/src/cx-file-on-demand-unpin.d.ts +8 -0
  201. package/library/packages/events/src/cx-folder-select-search-term-change.d.ts +8 -0
  202. package/library/packages/events/src/cx-share-option-list-item-selected.d.ts +8 -0
  203. package/library/packages/events/src/events.d.ts +6 -2
  204. package/library/packages/molecules/src/asset-picker/asset-picker.d.ts +2 -0
  205. package/library/packages/molecules/src/cropper/cropper.d.ts +1 -0
  206. package/library/packages/molecules/src/cropper/react/Cropper.d.ts +1 -0
  207. package/library/packages/molecules/src/download-format-picker/download-format-picker.d.ts +1 -0
  208. package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts +8 -0
  209. package/library/packages/molecules/src/folder-select/components/folder-select-tree-item/folder-select-tree-item.d.ts +1 -0
  210. package/library/packages/molecules/src/folder-select/folder-select.d.ts +6 -1
  211. package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +3 -7
  212. package/library/packages/organisms/src/content-builder/styleController.d.ts +8 -8
  213. package/library/packages/organisms/src/file-on-demand/components/file-on-demand-asset/file-on-demand-asset.d.ts +80 -0
  214. package/library/packages/organisms/src/file-on-demand/components/file-on-demand-asset/file-on-demand-asset.styles.d.ts +2 -0
  215. package/library/packages/organisms/src/file-on-demand/components/file-on-demand-pinned-status.ts/file-on-demand-pinned-status.d.ts +44 -0
  216. package/library/packages/organisms/src/file-on-demand/file-on-demand.constants.d.ts +1 -0
  217. package/library/packages/organisms/src/file-on-demand/file-on-demand.d.ts +11 -18
  218. package/library/packages/organisms/src/file-on-demand/file-on-demand.utils.d.ts +6 -0
  219. package/library/packages/services/src/api/folder/folder.d.ts +4 -8
  220. package/library/packages/services/src/api/folder/folder.types.d.ts +2 -1
  221. package/library/packages/types/src/file-on-demand.d.ts +4 -0
  222. package/library/packages/types/src/folder-select.d.ts +9 -2
  223. package/library/packages/utils/src/custom-element/i18n.d.ts +40 -2
  224. package/library/packages/utils/src/drag-scroll/drag-scroll.d.ts +22 -0
  225. package/library/packages/utils/src/drag-scroll/index.d.ts +1 -0
  226. package/library/packages/utils/src/font/font.d.ts +26 -0
  227. package/library/packages/utils/src/font/index.d.ts +1 -0
  228. package/library/packages/utils/src/history-manager/history-manager.d.ts +13 -0
  229. package/library/packages/utils/src/history-manager/index.d.ts +1 -0
  230. package/library/packages/utils/src/index.d.ts +45 -0
  231. package/library/packages/utils/src/template/index.d.ts +1 -0
  232. package/library/packages/utils/src/template/template.d.ts +3 -0
  233. package/library/react-web-component.d.ts +418 -360
  234. package/library/utils.d.ts +1 -0
  235. package/library/utils.js +180 -0
  236. package/package.json +11 -2
  237. package/library/chunks/animation-registry.DavRkTTr.js +0 -69
  238. package/library/chunks/asset.Ba-CxnNM.js +0 -309
  239. package/library/chunks/color-swatch.DUe3iLLo.js +0 -558
  240. package/library/chunks/dom.C0OFx7ND.js +0 -78
  241. package/library/chunks/format-time.BW6-ZWCX.js +0 -226
  242. package/library/chunks/isObjectLike.z36Fu426.js +0 -34
  243. package/library/chunks/popup._w5T7x8f.js +0 -3307
  244. package/library/chunks/select.DfO4de04.js +0 -1441
  245. package/library/chunks/string.BCk3SmdZ.js +0 -144
  246. package/library/chunks/timecode.D7XTiQ_3.js +0 -105
  247. package/library/chunks/watch.BCJD77bD.js +0 -547
  248. package/library/packages/events/src/cx-load-more.d.ts +0 -8
@@ -0,0 +1,44 @@
1
+ import { default as CxFormatBytes } from '../../../../../atoms/src/components/format-bytes/format-bytes.ts';
2
+ import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
3
+ import { default as CxLineClamp } from '../../../../../atoms/src/components/line-clamp/line-clamp.ts';
4
+ import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
5
+ import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
6
+ import { UploadStatus } from '../../../../../types/src/file-on-demand';
7
+ import { CSSResultGroup } from 'lit';
8
+
9
+ /**
10
+ * @summary CxFileOnDemandPinnedStatus
11
+ */
12
+ export default class CxFileOnDemandPinnedStatus extends CortexElement {
13
+ static readonly styles: CSSResultGroup;
14
+ static readonly dependencies: {
15
+ 'cx-format-bytes': typeof CxFormatBytes;
16
+ 'cx-icon': typeof CxIcon;
17
+ 'cx-line-clamp': typeof CxLineClamp;
18
+ 'cx-typography': typeof CxTypography;
19
+ };
20
+ private readonly localize;
21
+ /**
22
+ * The upload status of the asset.
23
+ */
24
+ uploadStatus: UploadStatus;
25
+ size: number;
26
+ remainingSize: number;
27
+ isFolder: boolean;
28
+ childrenCount: number;
29
+ assetsCount: number;
30
+ get cachedSize(): number;
31
+ get percentage(): number;
32
+ createRenderRoot(): this;
33
+ private renderFolderSuccessText;
34
+ private renderSuccess;
35
+ private renderFailed;
36
+ private renderCanceled;
37
+ private renderInProgress;
38
+ render(): import('lit').TemplateResult<1>;
39
+ }
40
+ declare global {
41
+ interface HTMLElementTagNameMap {
42
+ 'cx-file-on-demand-pinned-status': CxFileOnDemandPinnedStatus;
43
+ }
44
+ }
@@ -5,6 +5,7 @@ export declare const ASSET_INDEX_SYNC_STATUS_LABEL: {
5
5
  };
6
6
  export declare const ASSET_LIST_TYPES: {
7
7
  FAVORITES: string;
8
+ PINNED: string;
8
9
  RECENT: string;
9
10
  UPLOADS: string;
10
11
  };
@@ -8,7 +8,6 @@ import { default as CxIconButton } from '../../../atoms/src/components/icon-butt
8
8
  import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
9
9
  import { default as CxLineClamp } from '../../../atoms/src/components/line-clamp/line-clamp.ts';
10
10
  import { default as CxOption } from '../../../atoms/src/components/option/option.ts';
11
- import { default as CxProgressBar } from '../../../atoms/src/components/progress-bar/progress-bar.ts';
12
11
  import { default as CxRelativeTime } from '../../../atoms/src/components/relative-time/relative-time.ts';
13
12
  import { default as CxSelect } from '../../../atoms/src/components/select/select.ts';
14
13
  import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
@@ -23,6 +22,7 @@ import { default as CortexElement } from '../../../base/src/cortex-element.ts';
23
22
  import { default as CxConfirmPopover } from '../../../molecules/src/confirm-popover/confirm-popover.ts';
24
23
  import { Asset, AssetIndexSyncStatus, AssetsProp, ConnectionStatus, FolderOption, Settings } from '../../../types/src/file-on-demand';
25
24
  import { CSSResultGroup, nothing, TemplateResult } from 'lit';
25
+ import { default as CxFileOnDemandAsset } from './components/file-on-demand-asset/file-on-demand-asset';
26
26
  import { default as CxFolderTree } from './components/folder-tree/folder-tree';
27
27
  import { ASSET_LIST_TYPES } from './file-on-demand.constants';
28
28
 
@@ -34,7 +34,7 @@ import { ASSET_LIST_TYPES } from './file-on-demand.constants';
34
34
  * @event {{ assetId: string }} cx-unmark-favorite - Emitted when the user unmarks an asset as favorite.
35
35
  * @event cx-open-search - Emitted when the user opens the search.
36
36
  * @event {{ assetId: string }} cx-open-drive - Emitted when the user opens the drive.
37
- * @event {{ type: string }} cx-load-more - Emitted when the user requests more assets.
37
+ * @event {{ type: string }} cx-file-on-demand-load-more - Emitted when the user requests more assets.
38
38
  * @event {{ connectUrl: string }} cx-connect - Emitted when the user requests to connect to the given connectionUrl.
39
39
  * @event {{ connectUrl: string }} cx-disconnect - Emitted when the user requests to disconnect from the given connectionUrl.
40
40
  * @event cx-clear-cache - Emitted when the user requests to clear the cache.
@@ -100,6 +100,7 @@ export default class CxFileOnDemand extends CortexElement {
100
100
  'cx-confirm-popover': typeof CxConfirmPopover;
101
101
  'cx-dialog': typeof CxDialog;
102
102
  'cx-divider': typeof CxDivider;
103
+ 'cx-file-on-demand-asset': typeof CxFileOnDemandAsset;
103
104
  'cx-folder-tree': typeof CxFolderTree;
104
105
  'cx-format-bytes': typeof CxFormatBytes;
105
106
  'cx-icon': typeof CxIcon;
@@ -107,7 +108,6 @@ export default class CxFileOnDemand extends CortexElement {
107
108
  'cx-input': typeof CxInput;
108
109
  'cx-line-clamp': typeof CxLineClamp;
109
110
  'cx-option': typeof CxOption;
110
- 'cx-progress-bar': typeof CxProgressBar;
111
111
  'cx-relative-time': typeof CxRelativeTime;
112
112
  'cx-select': typeof CxSelect;
113
113
  'cx-space': typeof CxSpace;
@@ -125,6 +125,7 @@ export default class CxFileOnDemand extends CortexElement {
125
125
  recentAssetsList: HTMLDivElement;
126
126
  favoritesAssetsList: HTMLDivElement;
127
127
  uploadsAssetsList: HTMLDivElement;
128
+ pinnedAssetsList: HTMLDivElement;
128
129
  assetsListTabGroup: CxTabGroup;
129
130
  cacheLocationValueText: CxLineClamp;
130
131
  /** Indicates if the user is connected to the provided connection URL.*/
@@ -143,7 +144,10 @@ export default class CxFileOnDemand extends CortexElement {
143
144
  favoritesLastSync: number;
144
145
  /** The assets that are currently being marked/unmarked as favorite. */
145
146
  favoriteInProgressAssets: string[];
147
+ /** The assets that are currently being pinned/unpinning. */
148
+ pinInProgressAssets: string[];
146
149
  uploadingAssets: AssetsProp;
150
+ pinnedAssets: AssetsProp;
147
151
  availableFolderIdentifiers: FolderOption[];
148
152
  isLoading: boolean;
149
153
  settings: Settings;
@@ -172,6 +176,7 @@ export default class CxFileOnDemand extends CortexElement {
172
176
  isRecentAssetsLoading: boolean;
173
177
  isFavoriteAssetsLoading: boolean;
174
178
  isUploadingAssetsLoading: boolean;
179
+ isPinnedAssetsLoading: boolean;
175
180
  connectError: string;
176
181
  disconnectError: string;
177
182
  upgradeError: string;
@@ -203,14 +208,8 @@ export default class CxFileOnDemand extends CortexElement {
203
208
  private importSettings;
204
209
  private exportSettings;
205
210
  private viewLogs;
206
- private retryUpload;
207
- private pauseUpload;
208
- private resumeUpload;
209
- private cancelUpload;
210
211
  private clearUpload;
211
212
  private saveSettings;
212
- private markFavorite;
213
- private unmarkFavorite;
214
213
  private openSearch;
215
214
  private openDrive;
216
215
  private openCacheLocation;
@@ -219,6 +218,8 @@ export default class CxFileOnDemand extends CortexElement {
219
218
  private requestMoreRecentAssets;
220
219
  onRecentAssetsChanged(): void;
221
220
  private requestMoreFavoriteAssets;
221
+ private requestMorePinnedAssets;
222
+ onPinnedAssetsChanged(): void;
222
223
  onFavoriteAssetsChanged(): void;
223
224
  private requestMoreUploadingAssets;
224
225
  onUploadingAssetsChanged(): void;
@@ -227,16 +228,8 @@ export default class CxFileOnDemand extends CortexElement {
227
228
  renderAsset(asset: Asset, listType: (typeof ASSET_LIST_TYPES)[keyof typeof ASSET_LIST_TYPES]): TemplateResult;
228
229
  renderRecentAssets(): TemplateResult;
229
230
  renderFavoriteAssets(): TemplateResult;
230
- renderProgress({ isPaused, progress, remainingTime, size, timestamp, uploadErrorMessage, uploadStatus, }: {
231
- isPaused?: boolean;
232
- progress: number;
233
- remainingTime?: number;
234
- size: number;
235
- timestamp?: number;
236
- uploadErrorMessage?: string;
237
- uploadStatus: Asset['uploadStatus'];
238
- }): TemplateResult;
239
231
  renderUploadingAssets(): TemplateResult;
232
+ renderPinnedAssets(): TemplateResult;
240
233
  renderAssetsList(): TemplateResult;
241
234
  renderAssetsView(): TemplateResult;
242
235
  searchText: string;
@@ -50,3 +50,9 @@ export declare const getTitleSet: (folderPathsSet: Set<string>) => Set<string>;
50
50
  * @returns The reduced path
51
51
  */
52
52
  export declare const reducePathToDirectChild: (full: string, base: string) => string;
53
+ /**
54
+ * Sort assets by upload timestamp
55
+ * @param assets - The assets to sort
56
+ * @returns The sorted assets
57
+ */
58
+ export declare function sortAssets(assets: Asset[]): Asset[];
@@ -1,4 +1,4 @@
1
- import { GetFolderResponse } from '../../../../types/src/folder-select';
1
+ import { GetFolderRequest, GetFolderResponse } from '../../../../types/src/folder-select';
2
2
 
3
3
  export declare const FOLDER_PAGE_SIZE = 50;
4
4
  export type GetContentResponse = {
@@ -10,17 +10,13 @@ export type GetContentResponse = {
10
10
  }>;
11
11
  totalCount: number;
12
12
  };
13
- export type GetFolderRequest = {
14
- allowedFolders?: string[];
13
+ export declare function apiGetFolders({ allowedFolders, baseUrl, bearerToken, excludeVirtualFolders, folderId, includeDirectChild, limit, searchTerm, self, start, token, }: GetFolderRequest): Promise<GetFolderResponse>;
14
+ export type GetCollectionsRequest = {
15
15
  baseUrl?: string;
16
16
  bearerToken?: string;
17
- excludeVirtualFolders?: boolean;
18
17
  folderId: string;
19
- limit?: number;
18
+ pageSize?: number;
20
19
  searchTerm?: string;
21
- self?: boolean;
22
20
  start?: number;
23
21
  token?: string;
24
- useSession?: string;
25
22
  };
26
- export declare function apiGetFolders({ allowedFolders, baseUrl, bearerToken, excludeVirtualFolders, folderId, limit, searchTerm, self, start, token, }: GetFolderRequest): Promise<GetFolderResponse>;
@@ -12,5 +12,6 @@ export declare enum FolderField {
12
12
  /** Representative image of the folder */
13
13
  RepresentativeAssetId = "Document.DocumentDirectRepresentativeRID",
14
14
  /** Title field with fallback logic for display purposes */
15
- TitleWithFallback = "CoreField.TitleWithFallback"
15
+ TitleWithFallback = "CoreField.TitleWithFallback",
16
+ rawDocSubtype = "Document.RawDocSubType"
16
17
  }
@@ -6,10 +6,13 @@ export declare enum UploadStatus {
6
6
  Success = "SUCCESS"
7
7
  }
8
8
  export type Asset = {
9
+ assetsCount?: number;
10
+ childrenCount?: number;
9
11
  docType?: string;
10
12
  fileName: string;
11
13
  isInFavorite?: boolean;
12
14
  isPaused?: boolean;
15
+ isPinned?: boolean;
13
16
  isUploadCompleted?: boolean;
14
17
  key?: string;
15
18
  parentRecordId?: string;
@@ -43,6 +46,7 @@ export type AssetIndexSyncStatus = 'error' | 'loading' | 'loaded';
43
46
  export type Settings = {
44
47
  cacheLocation: string;
45
48
  cacheSize: number;
49
+ cacheUsage: number;
46
50
  config: {
47
51
  latestVersion: string;
48
52
  monitoringActivated: boolean;
@@ -7,6 +7,7 @@ export type Folder = {
7
7
  fullPath: string;
8
8
  hasChildren: boolean;
9
9
  id: string;
10
+ isShared?: boolean;
10
11
  representativeAssetId?: string;
11
12
  title: string;
12
13
  url?: string;
@@ -14,15 +15,21 @@ export type Folder = {
14
15
  export type GetFolderResponse = {
15
16
  data: Folder[];
16
17
  hasMore: boolean;
18
+ totalCount: number;
17
19
  };
18
- export type GetFolderParams = {
20
+ export type GetFolderRequest = {
21
+ allowedFolders?: string[];
19
22
  baseUrl?: string;
20
23
  bearerToken?: string;
21
24
  excludeVirtualFolders?: boolean;
22
25
  folderId: string;
26
+ includeDirectChild?: boolean;
23
27
  limit?: number;
24
28
  searchTerm?: string;
29
+ seeThru?: boolean;
30
+ self?: boolean;
25
31
  start?: number;
26
32
  token?: string;
33
+ useSession?: string;
27
34
  };
28
- export type FolderSelectApi = (params: GetFolderParams) => Promise<GetFolderResponse>;
35
+ export type FolderSelectApi = (params: GetFolderRequest) => Promise<GetFolderResponse>;
@@ -31,6 +31,7 @@ export interface Translation extends DefaultTranslation {
31
31
  addFolderCard: string;
32
32
  addLimitExceeded: (limit: number) => string;
33
33
  addPageCard: string;
34
+ addParameter: string;
34
35
  addRemoveLink: string;
35
36
  addSection: string;
36
37
  addSlide: string;
@@ -52,6 +53,7 @@ export interface Translation extends DefaultTranslation {
52
53
  allFavoriteAssetsWillBeVisibleHere: string;
53
54
  allFoldersDefault: string;
54
55
  allOther: string;
56
+ allPinnedAssetsWillBeVisibleHere: string;
55
57
  allViewedAssetsWillBeVisibleHere: string;
56
58
  allowDownloads: string;
57
59
  allowDownloadsDisabledTooltip: string;
@@ -64,6 +66,7 @@ export interface Translation extends DefaultTranslation {
64
66
  animationDuration: string;
65
67
  animationTransitionDurationHelpText: string;
66
68
  appearance: string;
69
+ appliedFilters: string;
67
70
  apply: string;
68
71
  areaCode: string;
69
72
  ariaLabel: string;
@@ -71,7 +74,9 @@ export interface Translation extends DefaultTranslation {
71
74
  ascending: string;
72
75
  aspectRatio: string;
73
76
  asset: string;
77
+ assetInColdStorage: string;
74
78
  assetIndexSync: string;
79
+ assetPreview: string;
75
80
  assets: string;
76
81
  audio: string;
77
82
  audioGeneratingHelpText: string;
@@ -102,14 +107,19 @@ export interface Translation extends DefaultTranslation {
102
107
  bottomLeft: string;
103
108
  bottomRight: string;
104
109
  boxShadow: string;
110
+ browser: string;
105
111
  bulletList: string;
106
112
  button: string;
107
113
  buttonAriaLabelHelpText: string;
108
114
  cache: string;
109
115
  cacheSizeCannotBeNegative: string;
116
+ cacheUsageWarning: string;
117
+ cached: string;
118
+ caching: string;
110
119
  cancel: string;
111
120
  cancelAll: string;
112
121
  canceled: string;
122
+ capacity: string;
113
123
  card: string;
114
124
  cardContent: string;
115
125
  cardType: string;
@@ -134,6 +144,7 @@ export interface Translation extends DefaultTranslation {
134
144
  change: string;
135
145
  chapterMarkers: string;
136
146
  characterFormat: string;
147
+ checkbox: string;
137
148
  choose: string;
138
149
  chooseExistingPaletteOrCreateNew: string;
139
150
  chunkSize: string;
@@ -148,6 +159,8 @@ export interface Translation extends DefaultTranslation {
148
159
  close: string;
149
160
  code: string;
150
161
  collapseButtonText: string;
162
+ collapseMenu: string;
163
+ collections: string;
151
164
  color: string;
152
165
  colorNameWillAppearInSwatch: string;
153
166
  colorOfTotal: (index: number, total: number) => string;
@@ -179,14 +192,17 @@ export interface Translation extends DefaultTranslation {
179
192
  createTransition: string;
180
193
  crop: string;
181
194
  cubic: string;
195
+ currentUsage: string;
182
196
  currentValue: string;
183
197
  currentVersion: string;
184
198
  custom: string;
185
199
  customExport: string;
200
+ customFormat: string;
186
201
  customShadowAndBorderRadius: string;
187
202
  customShadowAndBorderRadiusHelpText: string;
188
203
  customStyle: string;
189
204
  customWidth: string;
205
+ damViewNoAvailableOptionsForThisAsset: string;
190
206
  darkModeImage: string;
191
207
  dashSpacing: string;
192
208
  dashWidth: string;
@@ -221,6 +237,7 @@ export interface Translation extends DefaultTranslation {
221
237
  doNotShow: string;
222
238
  doNothing: string;
223
239
  doYouWantToCloseThisDialogChangesWillBeDismissed: string;
240
+ done: string;
224
241
  download: string;
225
242
  downloadAssets: string;
226
243
  downloadButton: string;
@@ -281,6 +298,7 @@ export interface Translation extends DefaultTranslation {
281
298
  exitFullscreen: string;
282
299
  expandAssetInFullScreen: string;
283
300
  expandButtonText: string;
301
+ expandMenu: string;
284
302
  expo: string;
285
303
  export: string;
286
304
  exportAsCsv: string;
@@ -305,6 +323,7 @@ export interface Translation extends DefaultTranslation {
305
323
  flexWrap: string;
306
324
  folder: string;
307
325
  folderCollection: string;
326
+ folders: string;
308
327
  fontColor: string;
309
328
  fontKit: string;
310
329
  fontKitPreview: string;
@@ -376,6 +395,7 @@ export interface Translation extends DefaultTranslation {
376
395
  label: string;
377
396
  labelAndIconColor: string;
378
397
  large: string;
398
+ largeLabeled: string;
379
399
  last: string;
380
400
  layout: string;
381
401
  left: string;
@@ -394,6 +414,7 @@ export interface Translation extends DefaultTranslation {
394
414
  location: string;
395
415
  locationInLargeCard: string;
396
416
  locationInSmallCard: string;
417
+ logout: string;
397
418
  logs: string;
398
419
  loop: string;
399
420
  male: string;
@@ -413,6 +434,7 @@ export interface Translation extends DefaultTranslation {
413
434
  maxUploadRateCannotBeNegative: string;
414
435
  maxWidth: string;
415
436
  medium: string;
437
+ mediumLabeled: string;
416
438
  mergeCells: string;
417
439
  metadata: string;
418
440
  metadataHelpText: string;
@@ -428,6 +450,7 @@ export interface Translation extends DefaultTranslation {
428
450
  moveRight: string;
429
451
  moveSelectedItemLeft: string;
430
452
  moveSelectedItemRight: string;
453
+ myFavorites: string;
431
454
  name: string;
432
455
  navigation: string;
433
456
  navigationArrows: string;
@@ -437,12 +460,12 @@ export interface Translation extends DefaultTranslation {
437
460
  next: string;
438
461
  nextSlide: string;
439
462
  noCardsAddedYet: string;
440
- noColumnsVisible: string;
441
- noData: string;
442
463
  noDataAvailable: string;
443
464
  noDownloads: string;
444
465
  noDownloadsMessage: string;
466
+ noItemsAddedYet: (dialog: string) => string;
445
467
  noPalette: string;
468
+ noPreviewAvailable: string;
446
469
  noResults: string;
447
470
  noSlidesAddedYet: string;
448
471
  noSourceUrlProvided: string;
@@ -451,6 +474,7 @@ export interface Translation extends DefaultTranslation {
451
474
  none: string;
452
475
  notSelected: string;
453
476
  numOptionsSelected: (num: number) => string;
477
+ of: string;
454
478
  ok: string;
455
479
  onHover: string;
456
480
  onThisPage: string;
@@ -493,8 +517,10 @@ export interface Translation extends DefaultTranslation {
493
517
  pauseTime: string;
494
518
  paused: string;
495
519
  pendingChangesSaveReminder: string;
520
+ pin: string;
496
521
  pinFirstCard: string;
497
522
  pinFirstCardHelpText: string;
523
+ pins: string;
498
524
  pitchWithUnit: (unit?: string) => string;
499
525
  pixels: string;
500
526
  placeholder: string;
@@ -527,6 +553,7 @@ export interface Translation extends DefaultTranslation {
527
553
  removeBlock: string;
528
554
  removeFolder: (num: number) => string;
529
555
  renderAudio: string;
556
+ representativeImage: string;
530
557
  requestInProgress: string;
531
558
  reset: string;
532
559
  resetPosition: string;
@@ -564,6 +591,7 @@ export interface Translation extends DefaultTranslation {
564
591
  searchFolders: string;
565
592
  secondary: string;
566
593
  sectionBackground: string;
594
+ seeThru: string;
567
595
  selectAColor: string;
568
596
  selectAColorFromTheScreen: string;
569
597
  selectFolder: string;
@@ -602,6 +630,7 @@ export interface Translation extends DefaultTranslation {
602
630
  slides: string;
603
631
  slidesWillBeAddedAutomaticallyFromTheSelectedFolder: string;
604
632
  small: string;
633
+ smallLabeled: string;
605
634
  software: string;
606
635
  solid: string;
607
636
  sort: string;
@@ -622,8 +651,11 @@ export interface Translation extends DefaultTranslation {
622
651
  strikethrough: string;
623
652
  style: string;
624
653
  styling: string;
654
+ subfolders: string;
625
655
  subscript: string;
626
656
  superscript: string;
657
+ syncCanceled: string;
658
+ syncFailedCacheFull: string;
627
659
  syncing: string;
628
660
  tabBackground: string;
629
661
  table: string;
@@ -666,6 +698,7 @@ export interface Translation extends DefaultTranslation {
666
698
  topLeft: string;
667
699
  topRight: string;
668
700
  total: string;
701
+ trackingParameters: string;
669
702
  transformations: string;
670
703
  transitionDuration: string;
671
704
  transitionToExisting: string;
@@ -679,6 +712,7 @@ export interface Translation extends DefaultTranslation {
679
712
  typeYourSearchHere: string;
680
713
  typeface: string;
681
714
  types: string;
715
+ unauthorized: string;
682
716
  underline: string;
683
717
  undo: string;
684
718
  unfavorite: string;
@@ -686,6 +720,7 @@ export interface Translation extends DefaultTranslation {
686
720
  unlimitedDownloadRate: string;
687
721
  unlimitedUploadRate: string;
688
722
  unlink: string;
723
+ unpin: string;
689
724
  unsetLink: string;
690
725
  untitled: string;
691
726
  upToDate: string;
@@ -696,9 +731,12 @@ export interface Translation extends DefaultTranslation {
696
731
  urlValidationMessage: string;
697
732
  useKeyboardArrowsToNavigateThroughTheCarousel: string;
698
733
  useKeyboardArrowsToNavigateThroughTheGallery: string;
734
+ userAvatar: string;
699
735
  userGuide: string;
736
+ value: string;
700
737
  variant: string;
701
738
  variants: string;
739
+ versionHistory: string;
702
740
  verticalGap: string;
703
741
  video: string;
704
742
  videoChaptersEmptyPlaceholder: string;
@@ -0,0 +1,22 @@
1
+ export interface DragScrollOptions {
2
+ dragThreshold?: number;
3
+ noChildDrag?: boolean;
4
+ }
5
+ export declare class DragScroll {
6
+ private element;
7
+ private noChildDrag;
8
+ private dragThreshold;
9
+ private isDragging;
10
+ private hasDragged;
11
+ private startX;
12
+ private startY;
13
+ private lastClientX;
14
+ private lastClientY;
15
+ constructor(element: HTMLElement, options?: DragScrollOptions);
16
+ attach(): void;
17
+ detach(): void;
18
+ private onMouseDown;
19
+ private onMouseMove;
20
+ private onMouseUp;
21
+ private onClick;
22
+ }
@@ -0,0 +1 @@
1
+ export * from './drag-scroll';
@@ -0,0 +1,26 @@
1
+ import { Typeface } from '../../../types/src/font-kit';
2
+
3
+ /**
4
+ * Test if a specific font configuration is available using a test element
5
+ */
6
+ export declare function testFontAvailability(context: Window, fontFamily: string): boolean;
7
+ /**
8
+ * Check if a font family is already available in the browser/system fonts
9
+ */
10
+ export declare function isFontFamilyAvailable(context: Window, fontFamily: string): boolean;
11
+ /**
12
+ * Sort font variants by weight, style, then family
13
+ * Order:
14
+ * 1. Weight (least → bigger) starting from minimal available to biggest available
15
+ * 2. Style order (Regular → Italic → Condensed → Condensed Italic)
16
+ * 3. Family (last priority, stable order)
17
+ */
18
+ export declare function sortTypefaceVariants(variants: Typeface[]): Typeface[];
19
+ /**
20
+ * Get available variants for a browser/system font family
21
+ * - Can add more weights and styles here if needed
22
+ * - Weight can be in 100 - 900
23
+ * - Style can be in 'normal', 'italic', 'oblique'
24
+ */
25
+ export declare function getBrowserFontVariants(context: Window, fontFamily: string, weights?: number[], // 100 to 900
26
+ fontStyles?: string[]): Typeface[];
@@ -0,0 +1 @@
1
+ export * from './font';
@@ -0,0 +1,13 @@
1
+ export declare class HistoryManager<T = any> {
2
+ private history;
3
+ private redoStack;
4
+ constructor(initialState?: T | null);
5
+ add(state: T): void;
6
+ undo(): NonNullable<T> | null;
7
+ redo(): T | null;
8
+ getCurrent(): NonNullable<T> | null;
9
+ clear(): void;
10
+ canUndo(): boolean;
11
+ canRedo(): boolean;
12
+ getHistory(): T[];
13
+ }
@@ -0,0 +1 @@
1
+ export * from './history-manager';
@@ -0,0 +1,45 @@
1
+ /**
2
+ * Barrel for `@orangelogic/design-system/utils`.
3
+ */
4
+ export * from './actions/asset-click';
5
+ export * from './array';
6
+ export * from './browser';
7
+ export * from './color';
8
+ export * from './custom-element/active-elements';
9
+ export * from './custom-element/animate';
10
+ export * from './custom-element/converters';
11
+ export * from './custom-element/custom-element';
12
+ export * from './custom-element/debounce';
13
+ export * from './custom-element/default-value';
14
+ export * from './custom-element/drag';
15
+ export * from './custom-element/event';
16
+ export * from './custom-element/form';
17
+ export * from './custom-element/i18n';
18
+ export * from './custom-element/math';
19
+ export * from './custom-element/modal';
20
+ export * from './custom-element/offset';
21
+ export * from './custom-element/popup';
22
+ export * from './custom-element/scroll';
23
+ export * from './custom-element/slot';
24
+ export * from './custom-element/tabbable';
25
+ export * from './custom-element/user-agent';
26
+ export * from './custom-element/watch';
27
+ export * from './dom';
28
+ export * from './drag-scroll';
29
+ export * from './event';
30
+ export * from './fetch';
31
+ export * from './font';
32
+ export * from './form';
33
+ export * from './history-manager';
34
+ export * from './image';
35
+ export * from './number';
36
+ export * from './object';
37
+ export * from './parse';
38
+ export * from './responsive';
39
+ export * from './storage';
40
+ export * from './string';
41
+ export * from './template';
42
+ export * from './time';
43
+ export * from './toast';
44
+ export * from './url';
45
+ export * from './video';
@@ -0,0 +1 @@
1
+ export * from './template';
@@ -0,0 +1,3 @@
1
+ import { TemplateResult } from 'lit';
2
+
3
+ export declare function getHighlightedTitle(title: string, searchText?: string): TemplateResult;