@getflip/swirl-components 0.5.0 → 0.6.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 (146) hide show
  1. package/dist/cjs/flip-app-layout_5.cjs.entry.js +8 -6
  2. package/dist/cjs/flip-button.cjs.entry.js +10 -5
  3. package/dist/cjs/flip-checkbox.cjs.entry.js +13 -6
  4. package/dist/cjs/flip-console-layout.cjs.entry.js +31 -0
  5. package/dist/cjs/flip-date-input.cjs.entry.js +9 -7
  6. package/dist/cjs/flip-date-picker_2.cjs.entry.js +11 -5
  7. package/dist/cjs/flip-file-viewer_7.cjs.entry.js +8 -6
  8. package/dist/cjs/flip-form-control.cjs.entry.js +23 -6
  9. package/dist/cjs/{flip-text.cjs.entry.js → flip-heading_2.cjs.entry.js} +18 -1
  10. package/dist/cjs/flip-icon-check-small_3.cjs.entry.js +9 -7
  11. package/dist/cjs/flip-icon-help.cjs.entry.js +20 -0
  12. package/dist/cjs/flip-pdf-reader.cjs.entry.js +1 -1
  13. package/dist/cjs/flip-popover.cjs.entry.js +74 -23
  14. package/dist/cjs/flip-radio.cjs.entry.js +11 -2
  15. package/dist/cjs/flip-select.cjs.entry.js +71 -0
  16. package/dist/cjs/flip-text-input.cjs.entry.js +12 -16
  17. package/dist/cjs/flip-toast-provider.cjs.entry.js +7 -5
  18. package/dist/cjs/flip-tooltip.cjs.entry.js +1 -1
  19. package/dist/cjs/loader.cjs.js +1 -1
  20. package/dist/cjs/swirl-components.cjs.js +1 -1
  21. package/dist/collection/collection-manifest.json +4 -1
  22. package/dist/collection/components/flip-app-layout/flip-app-layout.css +1 -1
  23. package/dist/collection/components/flip-app-layout/flip-app-layout.js +7 -5
  24. package/dist/collection/components/flip-button/flip-button.js +10 -5
  25. package/dist/collection/components/flip-checkbox/flip-checkbox.js +13 -6
  26. package/dist/collection/components/flip-console-layout/flip-console-layout.css +144 -0
  27. package/dist/collection/components/flip-console-layout/flip-console-layout.js +250 -0
  28. package/dist/collection/components/flip-console-layout/flip-console-layout.stories.js +29 -0
  29. package/dist/collection/components/flip-date-input/flip-date-input.js +9 -7
  30. package/dist/collection/components/flip-date-input/flip-date-input.stories.js +4 -1
  31. package/dist/collection/components/flip-date-picker/flip-date-picker.js +11 -5
  32. package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-pdf/flip-file-viewer-pdf.css +12 -15
  33. package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-pdf/flip-file-viewer-pdf.js +7 -5
  34. package/dist/collection/components/flip-form-control/flip-form-control.css +14 -2
  35. package/dist/collection/components/flip-form-control/flip-form-control.js +23 -4
  36. package/dist/collection/components/flip-form-control/flip-form-control.stories.js +26 -1
  37. package/dist/collection/components/flip-icon/icons/flip-icon-help.js +49 -0
  38. package/dist/collection/components/flip-option-list/flip-option-list.js +9 -7
  39. package/dist/collection/components/flip-pdf-reader/flip-pdf-reader.css +0 -1
  40. package/dist/collection/components/flip-popover/flip-popover.css +42 -4
  41. package/dist/collection/components/flip-popover/flip-popover.js +186 -28
  42. package/dist/collection/components/flip-popover/flip-popover.stories.js +12 -0
  43. package/dist/collection/components/flip-progress-indicator/flip-progress-indicator.css +0 -3
  44. package/dist/collection/components/flip-radio/flip-radio.css +0 -1
  45. package/dist/collection/components/flip-radio/flip-radio.js +10 -1
  46. package/dist/collection/components/flip-select/flip-select.css +52 -0
  47. package/dist/collection/components/flip-select/flip-select.js +218 -0
  48. package/dist/collection/components/flip-select/flip-select.stories.js +45 -0
  49. package/dist/collection/components/flip-text/flip-text.js +1 -1
  50. package/dist/collection/components/flip-text-input/flip-text-input.css +3 -5
  51. package/dist/collection/components/flip-text-input/flip-text-input.js +11 -15
  52. package/dist/collection/components/flip-text-input/flip-text-input.stories.js +4 -1
  53. package/dist/collection/components/flip-toast-provider/flip-toast-provider.js +7 -5
  54. package/dist/collection/components/flip-tooltip/flip-tooltip.css +0 -1
  55. package/dist/collection/utils.js +2 -1
  56. package/dist/components/flip-app-layout2.js +8 -6
  57. package/dist/components/flip-button2.js +10 -5
  58. package/dist/components/flip-checkbox.js +13 -6
  59. package/dist/components/flip-console-layout.d.ts +11 -0
  60. package/dist/components/flip-console-layout.js +74 -0
  61. package/dist/components/flip-date-input.js +9 -7
  62. package/dist/components/flip-date-picker2.js +11 -5
  63. package/dist/components/flip-file-viewer-pdf2.js +8 -6
  64. package/dist/components/flip-form-control.js +23 -6
  65. package/dist/components/flip-icon-help.d.ts +11 -0
  66. package/dist/components/flip-icon-help.js +37 -0
  67. package/dist/components/flip-option-list2.js +9 -7
  68. package/dist/components/flip-pdf-reader.js +1 -1
  69. package/dist/components/flip-popover2.js +81 -26
  70. package/dist/components/flip-radio.js +11 -2
  71. package/dist/components/flip-select.d.ts +11 -0
  72. package/dist/components/flip-select.js +118 -0
  73. package/dist/components/flip-text-input2.js +12 -16
  74. package/dist/components/flip-text2.js +1 -1
  75. package/dist/components/flip-toast-provider.js +7 -5
  76. package/dist/components/flip-tooltip.js +1 -1
  77. package/dist/components/index.d.ts +3 -0
  78. package/dist/components/index.js +3 -0
  79. package/dist/esm/flip-app-layout_5.entry.js +8 -6
  80. package/dist/esm/flip-button.entry.js +10 -5
  81. package/dist/esm/flip-checkbox.entry.js +13 -6
  82. package/dist/esm/flip-console-layout.entry.js +27 -0
  83. package/dist/esm/flip-date-input.entry.js +9 -7
  84. package/dist/esm/flip-date-picker_2.entry.js +11 -5
  85. package/dist/esm/flip-file-viewer_7.entry.js +8 -6
  86. package/dist/esm/flip-form-control.entry.js +23 -6
  87. package/dist/esm/{flip-text.entry.js → flip-heading_2.entry.js} +18 -2
  88. package/dist/esm/flip-icon-check-small_3.entry.js +9 -7
  89. package/dist/esm/flip-icon-help.entry.js +16 -0
  90. package/dist/esm/flip-pdf-reader.entry.js +1 -1
  91. package/dist/esm/flip-popover.entry.js +76 -25
  92. package/dist/esm/flip-radio.entry.js +11 -2
  93. package/dist/esm/flip-select.entry.js +67 -0
  94. package/dist/esm/flip-text-input.entry.js +12 -16
  95. package/dist/esm/flip-toast-provider.entry.js +7 -5
  96. package/dist/esm/flip-tooltip.entry.js +1 -1
  97. package/dist/esm/loader.js +1 -1
  98. package/dist/esm/swirl-components.js +1 -1
  99. package/dist/swirl-components/{p-691cf427.entry.js → p-1a41a293.entry.js} +1 -1
  100. package/dist/swirl-components/p-1bf07805.entry.js +1 -0
  101. package/dist/swirl-components/p-1e74139c.entry.js +1 -0
  102. package/dist/swirl-components/p-215365c6.entry.js +1 -0
  103. package/dist/swirl-components/{p-3436f57d.entry.js → p-2b35b65a.entry.js} +1 -1
  104. package/dist/swirl-components/p-3574a311.entry.js +1 -0
  105. package/dist/swirl-components/p-4743c7ae.entry.js +1 -0
  106. package/dist/swirl-components/p-4d82b925.entry.js +1 -0
  107. package/dist/swirl-components/{p-fffbace2.entry.js → p-5b14d410.entry.js} +1 -1
  108. package/dist/swirl-components/p-6b6ccfd4.entry.js +1 -0
  109. package/dist/swirl-components/p-6b7077e3.entry.js +1 -0
  110. package/dist/swirl-components/{p-b7ffc9ca.entry.js → p-8f9ff36b.entry.js} +1 -1
  111. package/dist/swirl-components/p-96c0db13.entry.js +1 -0
  112. package/dist/swirl-components/p-b71da729.entry.js +1 -0
  113. package/dist/swirl-components/p-b9d65b7d.entry.js +1 -0
  114. package/dist/swirl-components/{p-56d05761.entry.js → p-de892e4e.entry.js} +1 -1
  115. package/dist/swirl-components/p-e1434bcd.entry.js +1 -0
  116. package/dist/swirl-components/p-ead5c136.entry.js +1 -0
  117. package/dist/swirl-components/swirl-components.esm.js +1 -1
  118. package/dist/types/components/flip-button/flip-button.d.ts +1 -0
  119. package/dist/types/components/flip-checkbox/flip-checkbox.d.ts +1 -0
  120. package/dist/types/components/flip-console-layout/flip-console-layout.d.ts +17 -0
  121. package/dist/types/components/flip-console-layout/flip-console-layout.stories.d.ts +14 -0
  122. package/dist/types/components/flip-form-control/flip-form-control.d.ts +1 -0
  123. package/dist/types/components/flip-icon/icons/flip-icon-help.d.ts +5 -0
  124. package/dist/types/components/flip-option-list/flip-option-list.d.ts +1 -0
  125. package/dist/types/components/flip-popover/flip-popover.d.ts +13 -4
  126. package/dist/types/components/flip-popover/flip-popover.stories.d.ts +12 -0
  127. package/dist/types/components/flip-radio/flip-radio.d.ts +1 -0
  128. package/dist/types/components/flip-select/flip-select.d.ts +25 -0
  129. package/dist/types/components/flip-select/flip-select.stories.d.ts +13 -0
  130. package/dist/types/components.d.ts +99 -0
  131. package/dist/types/utils.d.ts +1 -1
  132. package/package.json +2 -2
  133. package/vscode-data.json +115 -0
  134. package/dist/cjs/flip-heading.cjs.entry.js +0 -25
  135. package/dist/esm/flip-heading.entry.js +0 -21
  136. package/dist/swirl-components/p-1cf5d228.entry.js +0 -1
  137. package/dist/swirl-components/p-21acd8c1.entry.js +0 -1
  138. package/dist/swirl-components/p-56baecad.entry.js +0 -1
  139. package/dist/swirl-components/p-5c9e99ff.entry.js +0 -1
  140. package/dist/swirl-components/p-5eecafeb.entry.js +0 -1
  141. package/dist/swirl-components/p-697ed33b.entry.js +0 -1
  142. package/dist/swirl-components/p-81a41df8.entry.js +0 -1
  143. package/dist/swirl-components/p-93a9605c.entry.js +0 -1
  144. package/dist/swirl-components/p-a7eebf1e.entry.js +0 -1
  145. package/dist/swirl-components/p-ca3b3145.entry.js +0 -1
  146. package/dist/swirl-components/p-ec150068.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as n}from"./p-9fe00e8a.js";import{c as i}from"./p-efffd297.js";import"./p-86bd3473.js";const a=class{constructor(o){t(this,o),this.iconPosition="start",this.intent="default",this.size="m",this.type="button",this.variant="ghost"}componentDidLoad(){this.forceIconProps()}forceIconProps(){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];null==t||t.setAttribute("size","24")}getAriaLabel(t){return Boolean(this.flipAriaLabel)?this.flipAriaLabel:t?this.label:void 0}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,a=Boolean(this.href),r=this.getAriaLabel(t),e=i("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--variant-${this.variant}`,{"button--icon-only":t});return o(n,null,o(a?"a":"button",{"aria-describedby":this.flipAriaDescribedby,"aria-disabled":this.disabled&&!a?"true":void 0,"aria-label":r,class:e,disabled:a?void 0:this.disabled,download:a?void 0:this.download,form:a?void 0:this.form,href:this.href,name:a?void 0:this.name,target:a?this.target:void 0,type:a?void 0:this.type,value:a?void 0:this.value},this.icon&&o("span",{class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!t&&o("span",{class:"button__label"},this.label)))}};a.style=".sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-right-radius:var(--flip-button-border-top-right-radius);border-top-left-radius:var(--flip-button-border-top-left-radius);border-bottom-right-radius:var(--flip-button-border-bottom-right-radius);border-bottom-left-radius:var(--flip-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--flip-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus{outline-color:var(--s-focus-default)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-flip-button:hover:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),\n rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-flip-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),\n rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-flip-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-flip-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}.button--variant-floating.sc-flip-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-flip-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-flip-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-flip-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-flip-button .button__icon.sc-flip-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-top-left-radius:var(--flip-icon-button-border-top-left-radius);border-bottom-right-radius:var(\n --flip-icon-button-border-bottom-right-radius\n );border-bottom-left-radius:var(--flip-icon-button-border-bottom-left-radius)}.button--icon-only.sc-flip-button .button__icon.sc-flip-button{margin-right:0;margin-left:0}.button__icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";export{a as flip_button}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as i}from"./p-9fe00e8a.js";import{c as s}from"./p-efffd297.js";import"./p-86bd3473.js";const n=class{constructor(e){t(this,e),this.align="start",this.level=1}render(){const t=this.as||`h${this.level}`,n=s("heading",`heading--align-${this.align}`,`heading--level-${this.level}`);return e(i,null,e(t,{class:n,id:this.headingId},this.text))}};n.style=".sc-flip-heading-h{display:block;width:100%}.sc-flip-heading-h *.sc-flip-heading{box-sizing:border-box}.heading.sc-flip-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-flip-heading{text-align:start}.heading--align-center.sc-flip-heading{text-align:center}.heading--align-end.sc-flip-heading{text-align:end}.heading--level-1.sc-flip-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-flip-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-flip-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-flip-heading,.heading--level-5.sc-flip-heading,.heading--level-6.sc-flip-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}";const l=class{constructor(e){t(this,e),this.align="start",this.as="p",this.color="default",this.fontStyle="normal",this.size="base",this.weight="normal"}render(){const t=this.as,n=s("text",`text--align-${this.align}`,`text--color-${this.color}`,`text--font-style-${this.fontStyle}`,`text--size-${this.size}`,`text--weight-${this.weight}`);return e(i,null,e(t,{class:n,part:"text"},e("slot",null)))}};l.style=":host{display:block}:host *{box-sizing:border-box}.text{margin:0;padding:0}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--color-default{color:var(--s-text-default)}.text--color-subdued{color:var(--s-text-subdued)}.text--color-critical{color:var(--s-text-critical)}.text--color-success{color:var(--s-text-success)}.text--color-warning{color:var(--s-text-warning)}.text--size-sm{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}.text--size-lg{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}.text--weight-normal{font-weight:var(--s-font-weight-normal)}.text--weight-medium{font-weight:var(--s-font-weight-medium)}.text--weight-semibold{font-weight:var(--s-font-weight-semibold)}.text--weight-bold{font-weight:var(--s-font-weight-bold)}.text--font-style-normal{font-style:normal}.text--font-style-italic{font-style:italic}";export{n as flip_heading,l as flip_text}
@@ -1 +1 @@
1
- import{p as e,b as i}from"./p-9fe00e8a.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-025eef8f",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-691cf427",[[1,"flip-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"label":[1],"printButtonLabel":[1,"print-button-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-6b43c3be",[[2,"flip-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"generateSuggestions":[1040],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-732d9198",[[1,"flip-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-5bc6cc3e",[[1,"flip-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-08f3a8ab",[[1,"flip-modal",{"closeButtonLabel":[1,"close-button-label"],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-b7ffc9ca",[[2,"flip-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"format":[1],"invalid":[4],"locale":[16],"placeholder":[1],"required":[4],"value":[1537]}]]],["p-d00bb096",[[1,"flip-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-034d8fce",[[1,"flip-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-5eecafeb",[[1,"flip-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-a7eebf1e",[[2,"flip-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fd9592ce",[[2,"flip-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-1cf5d228",[[6,"flip-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-831f283c",[[2,"flip-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-963eb79a",[[1,"flip-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-2e09604f",[[1,"flip-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"]}]]],["p-ec150068",[[2,"flip-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-f7f4d8c0",[[2,"flip-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-bd724c5d",[[1,"flip-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-bc77430b",[[1,"flip-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ce6f898e",[[1,"flip-action-list"]]],["p-8d0be4e1",[[1,"flip-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}]]],["p-4a0e1a9b",[[1,"flip-action-list-section",{"label":[1]}]]],["p-4b8420aa",[[1,"flip-avatar-group",{"badge":[1]}]]],["p-a74e7ffc",[[1,"flip-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-d8a18ef0",[[1,"flip-chip",{"avatar":[1],"icon":[1],"intent":[1],"interactive":[4],"label":[1]}]]],["p-4efeac03",[[1,"flip-description-list"]]],["p-631f7b44",[[1,"flip-description-list-item",{"term":[1]}]]],["p-8fec99c3",[[6,"flip-form-group",{"orientation":[1]}]]],["p-ea24f76c",[[1,"flip-icon-add-photo",{"size":[2]}]]],["p-1d32e589",[[1,"flip-icon-admin-panel-settings",{"size":[2]}]]],["p-ee6518ef",[[1,"flip-icon-arrow-back",{"size":[2]}]]],["p-250ff48d",[[1,"flip-icon-arrow-forward",{"size":[2]}]]],["p-c2e52120",[[1,"flip-icon-arrow-right-small",{"size":[2]}]]],["p-d995e868",[[1,"flip-icon-attachment",{"size":[2]}]]],["p-d77ad92a",[[1,"flip-icon-chat-bubble",{"size":[2]}]]],["p-902c3556",[[1,"flip-icon-check",{"size":[2]}]]],["p-2da9d315",[[1,"flip-icon-check-circle",{"size":[2]}]]],["p-5f95972f",[[1,"flip-icon-chevron-left",{"size":[2]}]]],["p-a8971044",[[1,"flip-icon-chevron-right",{"size":[2]}]]],["p-507a3b94",[[1,"flip-icon-close-small",{"size":[2]}]]],["p-ebad091c",[[1,"flip-icon-comment",{"size":[2]}]]],["p-1e428993",[[1,"flip-icon-copy",{"size":[2]}]]],["p-4cb721ff",[[1,"flip-icon-date-range",{"size":[2]}]]],["p-452c6599",[[1,"flip-icon-delete",{"size":[2]}]]],["p-6131750a",[[1,"flip-icon-description",{"size":[2]}]]],["p-e8350582",[[1,"flip-icon-edit",{"size":[2]}]]],["p-eab9da55",[[1,"flip-icon-emoji-mood",{"size":[2]}]]],["p-9ada969e",[[1,"flip-icon-emoji-satisfied",{"size":[2]}]]],["p-62ac92c4",[[1,"flip-icon-file",{"size":[2]}]]],["p-7c4503c5",[[1,"flip-icon-folder-shared",{"size":[2]}]]],["p-e2e566aa",[[1,"flip-icon-group-assign",{"size":[2]}]]],["p-8933ba02",[[1,"flip-icon-groups",{"size":[2]}]]],["p-cc2d1220",[[1,"flip-icon-groups-custom",{"size":[2]}]]],["p-de7facf8",[[1,"flip-icon-image",{"size":[2]}]]],["p-86dbaf1a",[[1,"flip-icon-info",{"size":[2]}]]],["p-eb9e789f",[[1,"flip-icon-inventory",{"size":[2]}]]],["p-b984416b",[[1,"flip-icon-like",{"size":[2]}]]],["p-2a716203",[[1,"flip-icon-link",{"size":[2]}]]],["p-fcf3c03b",[[1,"flip-icon-lock",{"size":[2]}]]],["p-f65aa65c",[[1,"flip-icon-logout",{"size":[2]}]]],["p-29d6ddd5",[[1,"flip-icon-mail",{"size":[2]}]]],["p-28cb3086",[[1,"flip-icon-manage-accounts",{"size":[2]}]]],["p-12951126",[[1,"flip-icon-mention",{"size":[2]}]]],["p-36362426",[[1,"flip-icon-message",{"size":[2]}]]],["p-83f16a5e",[[1,"flip-icon-more-horizontal",{"size":[2]}]]],["p-280b3cc8",[[1,"flip-icon-more-vertikal",{"size":[2]}]]],["p-dbb08ab0",[[1,"flip-icon-notifications",{"size":[2]}]]],["p-9685ad51",[[1,"flip-icon-notifications-active",{"size":[2]}]]],["p-7a4171cb",[[1,"flip-icon-notifications-off",{"size":[2]}]]],["p-897713f2",[[1,"flip-icon-open-in-new",{"size":[2]}]]],["p-f989263a",[[1,"flip-icon-people-alt",{"size":[2]}]]],["p-27e1f33b",[[1,"flip-icon-person-off",{"size":[2]}]]],["p-f0aaded5",[[1,"flip-icon-phone",{"size":[2]}]]],["p-aea30015",[[1,"flip-icon-poll",{"size":[2]}]]],["p-c46e5bc9",[[1,"flip-icon-print",{"size":[2]}]]],["p-b89e8fac",[[1,"flip-icon-recieved",{"size":[2]}]]],["p-ad671f6b",[[1,"flip-icon-search-strong",{"size":[2]}]]],["p-79c2c1f7",[[1,"flip-icon-send",{"size":[2]}]]],["p-cb3b830c",[[1,"flip-icon-settings",{"size":[2]}]]],["p-0e382683",[[1,"flip-icon-time-filled",{"size":[2]}]]],["p-73b19c89",[[1,"flip-icon-time-outlined",{"size":[2]}]]],["p-df221966",[[1,"flip-icon-user-assign",{"size":[2]}]]],["p-99c36b3a",[[1,"flip-icon-video-camera",{"size":[2]}]]],["p-af271690",[[1,"flip-icon-warning",{"size":[2]}]]],["p-5a113067",[[1,"flip-link",{"href":[1],"label":[1],"target":[1]}]]],["p-6a7d9caa",[[4,"flip-list"]]],["p-1300cc2d",[[1,"flip-option-list-section",{"label":[1]}]]],["p-d5c812c1",[[1,"flip-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-3b3c9c2e",[[6,"flip-radio-group",{"flipAriaDescribedby":[1,"flip-aria-describedby"],"value":[1537]}]]],["p-56c64774",[[1,"flip-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-1789ca90",[[6,"flip-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-d5ed5f60",[[6,"flip-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-39a3bdf7",[[1,"flip-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-3436f57d",[[1,"flip-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-81a41df8",[[2,"flip-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"flipAriaAutocomplete":[1,"flip-aria-autocomplete"],"flipAriaControls":[1,"flip-aria-controls"],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaExpanded":[1,"flip-aria-expanded"],"flipRole":[1,"flip-role"],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"showPassword":[32]}]]],["p-922d882f",[[1,"flip-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-af02457c",[[1,"flip-icon-cloud-upload",{"size":[2]}]]],["p-47a1cad2",[[1,"flip-icon-person",{"size":[2]}]]],["p-e8d80905",[[1,"flip-icon-search",{"size":[2]}]]],["p-ca34f0bd",[[1,"flip-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-5d7619bb",[[1,"flip-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-fffbace2",[[1,"flip-date-picker",{"locale":[16],"maxDate":[16],"minDate":[16],"range":[4],"startDate":[16],"value":[1040]}],[1,"flip-icon-today",{"size":[2]}]]],["p-56baecad",[[1,"flip-popover",{"label":[1],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"click","onWindowClick"]]]]],["p-697ed33b",[[1,"flip-text",{"align":[1],"as":[1],"color":[1],"fontStyle":[1,"font-style"],"size":[1],"weight":[1]}]]],["p-109c8448",[[1,"flip-icon-arrow-left",{"size":[2]}],[1,"flip-icon-arrow-right",{"size":[2]}],[1,"flip-icon-download",{"size":[2]}]]],["p-e8e6243b",[[1,"flip-icon-add",{"size":[2]}],[1,"flip-icon-fullscreen",{"size":[2]}],[1,"flip-icon-fullscreen-exit",{"size":[2]}],[1,"flip-icon-remove",{"size":[2]}]]],["p-21acd8c1",[[2,"flip-heading",{"align":[1],"as":[1],"headingId":[1,"heading-id"],"level":[2],"text":[1]}]]],["p-538575fb",[[1,"flip-icon-expand-more",{"size":[2]}]]],["p-a31ea0e5",[[1,"flip-icon-check-strong",{"size":[2]}]]],["p-ca3b3145",[[1,"flip-app-layout",{"appBarMedia":[1,"app-bar-media"],"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"heading":[1],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"subheading":[1],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"flip-empty-state",{"heading":[1],"illustration":[1]}],[1,"flip-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"media":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1]}],[1,"flip-resource-list",{"label":[1]}],[1,"flip-box",{"as":[1],"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"padding":[1]}]]],["p-be01e1cd",[[1,"flip-icon-close",{"size":[2]}]]],["p-5c9e99ff",[[1,"flip-option-list-item",{"context":[1025],"disabled":[4],"icon":[1],"label":[1],"selected":[1028],"value":[1]}],[6,"flip-option-list",{"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040]}],[1,"flip-icon-check-small",{"size":[2]}]]],["p-29633de8",[[1,"flip-icon-expand-less",{"size":[2]}],[1,"flip-icon-visibility",{"size":[2]}],[1,"flip-icon-visibility-off",{"size":[2]}],[1,"flip-icon-cancel",{"size":[2]}]]],["p-93a9605c",[[2,"flip-button",{"disabled":[4],"download":[1],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaLabel":[1,"flip-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-f2d451a7",[[1,"flip-visually-hidden"]]],["p-ec8199f2",[[1,"flip-inline-error",{"message":[1],"size":[1]}],[1,"flip-spinner",{"label":[1],"size":[1]}],[1,"flip-icon-error",{"size":[2]}]]],["p-56d05761",[[1,"flip-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"zoom":[8],"download":[64],"print":[64]}],[1,"flip-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"flip-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32]}],[1,"flip-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"flip-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"flip-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"flip-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
1
+ import{p as e,b as i}from"./p-9fe00e8a.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-025eef8f",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-1a41a293",[[1,"flip-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"label":[1],"printButtonLabel":[1,"print-button-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-6b43c3be",[[2,"flip-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"generateSuggestions":[1040],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-732d9198",[[1,"flip-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-5bc6cc3e",[[1,"flip-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-08f3a8ab",[[1,"flip-modal",{"closeButtonLabel":[1,"close-button-label"],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-215365c6",[[6,"flip-select",{"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-b9d65b7d",[[1,"flip-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"subheading":[1]}]]],["p-8f9ff36b",[[2,"flip-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"format":[1],"invalid":[4],"locale":[16],"placeholder":[1],"required":[4],"value":[1537]}]]],["p-d00bb096",[[1,"flip-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-034d8fce",[[1,"flip-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-4743c7ae",[[1,"flip-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-96c0db13",[[2,"flip-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fd9592ce",[[2,"flip-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-6b6ccfd4",[[6,"flip-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-831f283c",[[2,"flip-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-963eb79a",[[1,"flip-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-2e09604f",[[1,"flip-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"]}]]],["p-b71da729",[[2,"flip-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-f7f4d8c0",[[2,"flip-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-bd724c5d",[[1,"flip-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-bc77430b",[[1,"flip-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ce6f898e",[[1,"flip-action-list"]]],["p-8d0be4e1",[[1,"flip-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}]]],["p-4a0e1a9b",[[1,"flip-action-list-section",{"label":[1]}]]],["p-4b8420aa",[[1,"flip-avatar-group",{"badge":[1]}]]],["p-a74e7ffc",[[1,"flip-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-d8a18ef0",[[1,"flip-chip",{"avatar":[1],"icon":[1],"intent":[1],"interactive":[4],"label":[1]}]]],["p-4efeac03",[[1,"flip-description-list"]]],["p-631f7b44",[[1,"flip-description-list-item",{"term":[1]}]]],["p-8fec99c3",[[6,"flip-form-group",{"orientation":[1]}]]],["p-ea24f76c",[[1,"flip-icon-add-photo",{"size":[2]}]]],["p-1d32e589",[[1,"flip-icon-admin-panel-settings",{"size":[2]}]]],["p-ee6518ef",[[1,"flip-icon-arrow-back",{"size":[2]}]]],["p-250ff48d",[[1,"flip-icon-arrow-forward",{"size":[2]}]]],["p-c2e52120",[[1,"flip-icon-arrow-right-small",{"size":[2]}]]],["p-d995e868",[[1,"flip-icon-attachment",{"size":[2]}]]],["p-d77ad92a",[[1,"flip-icon-chat-bubble",{"size":[2]}]]],["p-902c3556",[[1,"flip-icon-check",{"size":[2]}]]],["p-2da9d315",[[1,"flip-icon-check-circle",{"size":[2]}]]],["p-5f95972f",[[1,"flip-icon-chevron-left",{"size":[2]}]]],["p-a8971044",[[1,"flip-icon-chevron-right",{"size":[2]}]]],["p-507a3b94",[[1,"flip-icon-close-small",{"size":[2]}]]],["p-ebad091c",[[1,"flip-icon-comment",{"size":[2]}]]],["p-1e428993",[[1,"flip-icon-copy",{"size":[2]}]]],["p-4cb721ff",[[1,"flip-icon-date-range",{"size":[2]}]]],["p-452c6599",[[1,"flip-icon-delete",{"size":[2]}]]],["p-6131750a",[[1,"flip-icon-description",{"size":[2]}]]],["p-e8350582",[[1,"flip-icon-edit",{"size":[2]}]]],["p-eab9da55",[[1,"flip-icon-emoji-mood",{"size":[2]}]]],["p-9ada969e",[[1,"flip-icon-emoji-satisfied",{"size":[2]}]]],["p-62ac92c4",[[1,"flip-icon-file",{"size":[2]}]]],["p-7c4503c5",[[1,"flip-icon-folder-shared",{"size":[2]}]]],["p-e2e566aa",[[1,"flip-icon-group-assign",{"size":[2]}]]],["p-8933ba02",[[1,"flip-icon-groups",{"size":[2]}]]],["p-cc2d1220",[[1,"flip-icon-groups-custom",{"size":[2]}]]],["p-1e74139c",[[1,"flip-icon-help",{"size":[2]}]]],["p-de7facf8",[[1,"flip-icon-image",{"size":[2]}]]],["p-86dbaf1a",[[1,"flip-icon-info",{"size":[2]}]]],["p-eb9e789f",[[1,"flip-icon-inventory",{"size":[2]}]]],["p-b984416b",[[1,"flip-icon-like",{"size":[2]}]]],["p-2a716203",[[1,"flip-icon-link",{"size":[2]}]]],["p-fcf3c03b",[[1,"flip-icon-lock",{"size":[2]}]]],["p-f65aa65c",[[1,"flip-icon-logout",{"size":[2]}]]],["p-29d6ddd5",[[1,"flip-icon-mail",{"size":[2]}]]],["p-28cb3086",[[1,"flip-icon-manage-accounts",{"size":[2]}]]],["p-12951126",[[1,"flip-icon-mention",{"size":[2]}]]],["p-36362426",[[1,"flip-icon-message",{"size":[2]}]]],["p-83f16a5e",[[1,"flip-icon-more-horizontal",{"size":[2]}]]],["p-280b3cc8",[[1,"flip-icon-more-vertikal",{"size":[2]}]]],["p-dbb08ab0",[[1,"flip-icon-notifications",{"size":[2]}]]],["p-9685ad51",[[1,"flip-icon-notifications-active",{"size":[2]}]]],["p-7a4171cb",[[1,"flip-icon-notifications-off",{"size":[2]}]]],["p-897713f2",[[1,"flip-icon-open-in-new",{"size":[2]}]]],["p-f989263a",[[1,"flip-icon-people-alt",{"size":[2]}]]],["p-27e1f33b",[[1,"flip-icon-person-off",{"size":[2]}]]],["p-f0aaded5",[[1,"flip-icon-phone",{"size":[2]}]]],["p-aea30015",[[1,"flip-icon-poll",{"size":[2]}]]],["p-c46e5bc9",[[1,"flip-icon-print",{"size":[2]}]]],["p-b89e8fac",[[1,"flip-icon-recieved",{"size":[2]}]]],["p-ad671f6b",[[1,"flip-icon-search-strong",{"size":[2]}]]],["p-79c2c1f7",[[1,"flip-icon-send",{"size":[2]}]]],["p-cb3b830c",[[1,"flip-icon-settings",{"size":[2]}]]],["p-0e382683",[[1,"flip-icon-time-filled",{"size":[2]}]]],["p-73b19c89",[[1,"flip-icon-time-outlined",{"size":[2]}]]],["p-df221966",[[1,"flip-icon-user-assign",{"size":[2]}]]],["p-99c36b3a",[[1,"flip-icon-video-camera",{"size":[2]}]]],["p-af271690",[[1,"flip-icon-warning",{"size":[2]}]]],["p-5a113067",[[1,"flip-link",{"href":[1],"label":[1],"target":[1]}]]],["p-6a7d9caa",[[4,"flip-list"]]],["p-1300cc2d",[[1,"flip-option-list-section",{"label":[1]}]]],["p-d5c812c1",[[1,"flip-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-3b3c9c2e",[[6,"flip-radio-group",{"flipAriaDescribedby":[1,"flip-aria-describedby"],"value":[1537]}]]],["p-56c64774",[[1,"flip-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-1789ca90",[[6,"flip-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-d5ed5f60",[[6,"flip-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-39a3bdf7",[[1,"flip-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-2b35b65a",[[1,"flip-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-6b7077e3",[[2,"flip-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"flipAriaAutocomplete":[1,"flip-aria-autocomplete"],"flipAriaControls":[1,"flip-aria-controls"],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaExpanded":[1,"flip-aria-expanded"],"flipRole":[1,"flip-role"],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"showPassword":[32]}]]],["p-922d882f",[[1,"flip-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-af02457c",[[1,"flip-icon-cloud-upload",{"size":[2]}]]],["p-47a1cad2",[[1,"flip-icon-person",{"size":[2]}]]],["p-e8d80905",[[1,"flip-icon-search",{"size":[2]}]]],["p-5d7619bb",[[1,"flip-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5b14d410",[[1,"flip-date-picker",{"locale":[16],"maxDate":[16],"minDate":[16],"range":[4],"startDate":[16],"value":[1040]}],[1,"flip-icon-today",{"size":[2]}]]],["p-109c8448",[[1,"flip-icon-arrow-left",{"size":[2]}],[1,"flip-icon-arrow-right",{"size":[2]}],[1,"flip-icon-download",{"size":[2]}]]],["p-4d82b925",[[1,"flip-popover",{"animation":[1],"enableFlip":[4,"enable-flip"],"label":[1],"offset":[2],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-e8e6243b",[[1,"flip-icon-add",{"size":[2]}],[1,"flip-icon-fullscreen",{"size":[2]}],[1,"flip-icon-fullscreen-exit",{"size":[2]}],[1,"flip-icon-remove",{"size":[2]}]]],["p-a31ea0e5",[[1,"flip-icon-check-strong",{"size":[2]}]]],["p-ca34f0bd",[[1,"flip-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-1bf07805",[[1,"flip-app-layout",{"appBarMedia":[1,"app-bar-media"],"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"heading":[1],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"subheading":[1],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"flip-empty-state",{"heading":[1],"illustration":[1]}],[1,"flip-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"media":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1]}],[1,"flip-resource-list",{"label":[1]}],[1,"flip-box",{"as":[1],"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"padding":[1]}]]],["p-be01e1cd",[[1,"flip-icon-close",{"size":[2]}]]],["p-538575fb",[[1,"flip-icon-expand-more",{"size":[2]}]]],["p-3574a311",[[1,"flip-option-list-item",{"context":[1025],"disabled":[4],"icon":[1],"label":[1],"selected":[1028],"value":[1]}],[1,"flip-icon-check-small",{"size":[2]}],[6,"flip-option-list",{"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040]}]]],["p-ead5c136",[[1,"flip-text",{"align":[1],"as":[1],"color":[1],"fontStyle":[1,"font-style"],"size":[1],"weight":[1]}],[2,"flip-heading",{"align":[1],"as":[1],"headingId":[1,"heading-id"],"level":[2],"text":[1]}]]],["p-29633de8",[[1,"flip-icon-visibility",{"size":[2]}],[1,"flip-icon-visibility-off",{"size":[2]}],[1,"flip-icon-cancel",{"size":[2]}],[1,"flip-icon-expand-less",{"size":[2]}]]],["p-e1434bcd",[[2,"flip-button",{"disabled":[4],"download":[1],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaLabel":[1,"flip-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-f2d451a7",[[1,"flip-visually-hidden"]]],["p-ec8199f2",[[1,"flip-inline-error",{"message":[1],"size":[1]}],[1,"flip-spinner",{"label":[1],"size":[1]}],[1,"flip-icon-error",{"size":[2]}]]],["p-de892e4e",[[1,"flip-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"zoom":[8],"download":[64],"print":[64]}],[1,"flip-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"flip-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32]}],[1,"flip-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"flip-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"flip-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"flip-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
@@ -24,5 +24,6 @@ export declare class FlipButton {
24
24
  private iconEl;
25
25
  componentDidLoad(): void;
26
26
  private forceIconProps;
27
+ private getAriaLabel;
27
28
  render(): any;
28
29
  }
@@ -12,5 +12,6 @@ export declare class FlipCheckbox {
12
12
  value?: string;
13
13
  valueChange: EventEmitter<boolean>;
14
14
  private onChange;
15
+ private getAriaCheckedLabel;
15
16
  render(): any;
16
17
  }
@@ -0,0 +1,17 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ export declare class FlipConsoleLayout {
3
+ appName: string;
4
+ backButonLabel?: string;
5
+ heading: string;
6
+ helpButonLabel?: string;
7
+ logoText?: string;
8
+ navigationLabel?: string;
9
+ showBackButton?: boolean;
10
+ showHelpButton?: boolean;
11
+ subheading?: string;
12
+ backButtonClick: EventEmitter<MouseEvent>;
13
+ helpButtonClick: EventEmitter<MouseEvent>;
14
+ private onBackButtonClick;
15
+ private onHelpButtonClick;
16
+ render(): any;
17
+ }
@@ -0,0 +1,14 @@
1
+ /// <reference types="mdx" />
2
+ import Docs from "./flip-console-layout.mdx";
3
+ declare const _default: {
4
+ component: string;
5
+ parameters: {
6
+ docs: {
7
+ page: typeof Docs;
8
+ };
9
+ layout: string;
10
+ };
11
+ title: string;
12
+ };
13
+ export default _default;
14
+ export declare const FlipConsoleLayout: any;
@@ -16,6 +16,7 @@ export declare class FlipFormControl {
16
16
  associateDescriptionWithInputElement(): void;
17
17
  setInputElementDisabledState(): void;
18
18
  setInputElementInvalidState(): void;
19
+ setInputElementLabel(): void;
19
20
  onWindowClick(event: MouseEvent): void;
20
21
  private listenToInputValueChanges;
21
22
  private checkInputValue;
@@ -0,0 +1,5 @@
1
+ import { FlipIconSize } from "../flip-icon.types";
2
+ export declare class FlipIconHelp {
3
+ size: FlipIconSize;
4
+ render(): any;
5
+ }
@@ -8,6 +8,7 @@ export declare class FlipOptionList implements FlipFormInput<string[]> {
8
8
  multiSelect?: boolean;
9
9
  value?: string[];
10
10
  valueChange: EventEmitter<string[]>;
11
+ private focusedItem;
11
12
  private items;
12
13
  private listboxEl;
13
14
  private observer;
@@ -1,25 +1,33 @@
1
1
  import { ComputePositionReturn, Placement } from "@floating-ui/dom";
2
+ import { Event, EventEmitter } from "../../stencil-public-runtime";
3
+ export declare type FlipPopoverAnimation = "scale-in-xy" | "scale-in-y";
2
4
  /**
3
5
  * @slot slot - The popover content.
4
6
  */
5
7
  export declare class FlipPopover {
6
8
  el: HTMLElement;
9
+ animation?: FlipPopoverAnimation;
10
+ enableFlip?: boolean;
7
11
  label: string;
12
+ offset?: number | number[];
8
13
  placement?: Placement;
9
14
  popoverId: string;
10
15
  trigger: string;
16
+ useContainerWidth?: boolean | string;
11
17
  active: boolean;
12
18
  closing: boolean;
13
19
  position: ComputePositionReturn;
14
- private childMenuItems;
15
- private disableAutoUpdate;
20
+ popoverClose: EventEmitter<void>;
21
+ popoverOpen: EventEmitter<void>;
16
22
  private contentContainer;
23
+ private disableAutoUpdate;
24
+ private focusableChildren;
17
25
  private scrollContainer;
18
26
  private triggerEl;
19
27
  componentDidLoad(): void;
20
28
  disconnectedCallback(): void;
29
+ onWindowFocusIn(event: FocusEvent): void;
21
30
  onWindowClick(event: MouseEvent): void;
22
- onFocusOut: (event: FocusEvent) => void;
23
31
  /**
24
32
  * Close the popover.
25
33
  * @returns
@@ -35,7 +43,8 @@ export declare class FlipPopover {
35
43
  private getNativeTriggerElement;
36
44
  private onKeydown;
37
45
  private updateTriggerAttributes;
38
- private updateChildMenuItems;
46
+ private updateFocusableChildren;
47
+ private adjustWidth;
39
48
  private reposition;
40
49
  private lockBodyScroll;
41
50
  private unlockBodyScroll;
@@ -2,9 +2,21 @@
2
2
  import Docs from "./flip-popover.mdx";
3
3
  declare const _default: {
4
4
  argTypes: {
5
+ offset: {
6
+ description: string;
7
+ control: {
8
+ type: string;
9
+ };
10
+ };
5
11
  trigger: {
6
12
  description: string;
7
13
  };
14
+ useContainerWidth: {
15
+ description: string;
16
+ control: {
17
+ type: string;
18
+ };
19
+ };
8
20
  };
9
21
  component: string;
10
22
  parameters: {
@@ -11,5 +11,6 @@ export declare class FlipRadio {
11
11
  value: string;
12
12
  valueChange: EventEmitter<string>;
13
13
  private onChange;
14
+ private getAriaCheckedLabel;
14
15
  render(): any;
15
16
  }
@@ -0,0 +1,25 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ import { FlipFormInput } from "../../utils";
3
+ export declare class FlipSelect implements FlipFormInput<string[]> {
4
+ el: HTMLElement;
5
+ disabled?: boolean;
6
+ flipAriaDescribedby?: string;
7
+ invalid?: boolean;
8
+ label: string;
9
+ multiSelect?: boolean;
10
+ required?: boolean;
11
+ value?: string[];
12
+ options: HTMLFlipOptionListItemElement[];
13
+ open: boolean;
14
+ valueChange: EventEmitter<string[]>;
15
+ private popover;
16
+ componentWillLoad(): void;
17
+ onWindowFocusIn(event: FocusEvent): void;
18
+ private updateOptions;
19
+ private select;
20
+ private onSlotChange;
21
+ private onOpen;
22
+ private onClose;
23
+ private onKeyDown;
24
+ render(): any;
25
+ }
@@ -0,0 +1,13 @@
1
+ /// <reference types="mdx" />
2
+ import Docs from "./flip-select.mdx";
3
+ declare const _default: {
4
+ component: string;
5
+ parameters: {
6
+ docs: {
7
+ page: typeof Docs;
8
+ };
9
+ };
10
+ title: string;
11
+ };
12
+ export default _default;
13
+ export declare const FlipSelect: any;
@@ -28,6 +28,7 @@ import { FlipInlineErrorSize } from "./components/flip-inline-error/flip-inline-
28
28
  import { FlipLinkTarget } from "./components/flip-link/flip-link";
29
29
  import { FlipOptionListItemContext } from "./components/flip-option-list-item/flip-option-list-item";
30
30
  import { FlipPaginationVariant } from "./components/flip-pagination/flip-pagination";
31
+ import { FlipPopoverAnimation } from "./components/flip-popover/flip-popover";
31
32
  import { Placement } from "@floating-ui/dom";
32
33
  import { FlipProgressIndicatorSize, FlipProgressIndicatorVariant } from "./components/flip-progress-indicator/flip-progress-indicator";
33
34
  import { FlipRadioState } from "./components/flip-radio/flip-radio";
@@ -191,6 +192,17 @@ export namespace Components {
191
192
  "interactive"?: boolean;
192
193
  "label": string;
193
194
  }
195
+ interface FlipConsoleLayout {
196
+ "appName": string;
197
+ "backButonLabel"?: string;
198
+ "heading": string;
199
+ "helpButonLabel"?: string;
200
+ "logoText"?: string;
201
+ "navigationLabel"?: string;
202
+ "showBackButton"?: boolean;
203
+ "showHelpButton"?: boolean;
204
+ "subheading"?: string;
205
+ }
194
206
  interface FlipDateInput {
195
207
  "autoFocus"?: boolean;
196
208
  "autoSelect"?: boolean;
@@ -450,6 +462,9 @@ export namespace Components {
450
462
  interface FlipIconGroupsCustom {
451
463
  "size": FlipIconSize;
452
464
  }
465
+ interface FlipIconHelp {
466
+ "size": FlipIconSize;
467
+ }
453
468
  interface FlipIconImage {
454
469
  "size": FlipIconSize;
455
470
  }
@@ -656,12 +671,15 @@ export namespace Components {
656
671
  "zoomSelectLabel"?: string;
657
672
  }
658
673
  interface FlipPopover {
674
+ "animation"?: FlipPopoverAnimation;
659
675
  /**
660
676
  * Close the popover.
661
677
  * @returns
662
678
  */
663
679
  "close": () => Promise<void>;
680
+ "enableFlip"?: boolean;
664
681
  "label": string;
682
+ "offset"?: number | number[];
665
683
  /**
666
684
  * Open the popover.
667
685
  * @returns
@@ -670,6 +688,7 @@ export namespace Components {
670
688
  "placement"?: Placement;
671
689
  "popoverId": string;
672
690
  "trigger": string;
691
+ "useContainerWidth"?: boolean | string;
673
692
  }
674
693
  interface FlipProgressIndicator {
675
694
  "label": string;
@@ -727,6 +746,15 @@ export namespace Components {
727
746
  "placeholder"?: string;
728
747
  "value"?: string;
729
748
  }
749
+ interface FlipSelect {
750
+ "disabled"?: boolean;
751
+ "flipAriaDescribedby"?: string;
752
+ "invalid"?: boolean;
753
+ "label": string;
754
+ "multiSelect"?: boolean;
755
+ "required"?: boolean;
756
+ "value"?: string[];
757
+ }
730
758
  interface FlipSpinner {
731
759
  "label"?: string;
732
760
  "size"?: FlipSpinnerSize;
@@ -895,6 +923,10 @@ export interface FlipCheckboxCustomEvent<T> extends CustomEvent<T> {
895
923
  detail: T;
896
924
  target: HTMLFlipCheckboxElement;
897
925
  }
926
+ export interface FlipConsoleLayoutCustomEvent<T> extends CustomEvent<T> {
927
+ detail: T;
928
+ target: HTMLFlipConsoleLayoutElement;
929
+ }
898
930
  export interface FlipDateInputCustomEvent<T> extends CustomEvent<T> {
899
931
  detail: T;
900
932
  target: HTMLFlipDateInputElement;
@@ -951,6 +983,10 @@ export interface FlipPaginationCustomEvent<T> extends CustomEvent<T> {
951
983
  detail: T;
952
984
  target: HTMLFlipPaginationElement;
953
985
  }
986
+ export interface FlipPopoverCustomEvent<T> extends CustomEvent<T> {
987
+ detail: T;
988
+ target: HTMLFlipPopoverElement;
989
+ }
954
990
  export interface FlipRadioCustomEvent<T> extends CustomEvent<T> {
955
991
  detail: T;
956
992
  target: HTMLFlipRadioElement;
@@ -971,6 +1007,10 @@ export interface FlipSearchCustomEvent<T> extends CustomEvent<T> {
971
1007
  detail: T;
972
1008
  target: HTMLFlipSearchElement;
973
1009
  }
1010
+ export interface FlipSelectCustomEvent<T> extends CustomEvent<T> {
1011
+ detail: T;
1012
+ target: HTMLFlipSelectElement;
1013
+ }
974
1014
  export interface FlipSwitchCustomEvent<T> extends CustomEvent<T> {
975
1015
  detail: T;
976
1016
  target: HTMLFlipSwitchElement;
@@ -1082,6 +1122,12 @@ declare global {
1082
1122
  prototype: HTMLFlipChipElement;
1083
1123
  new (): HTMLFlipChipElement;
1084
1124
  };
1125
+ interface HTMLFlipConsoleLayoutElement extends Components.FlipConsoleLayout, HTMLStencilElement {
1126
+ }
1127
+ var HTMLFlipConsoleLayoutElement: {
1128
+ prototype: HTMLFlipConsoleLayoutElement;
1129
+ new (): HTMLFlipConsoleLayoutElement;
1130
+ };
1085
1131
  interface HTMLFlipDateInputElement extends Components.FlipDateInput, HTMLStencilElement {
1086
1132
  }
1087
1133
  var HTMLFlipDateInputElement: {
@@ -1418,6 +1464,12 @@ declare global {
1418
1464
  prototype: HTMLFlipIconGroupsCustomElement;
1419
1465
  new (): HTMLFlipIconGroupsCustomElement;
1420
1466
  };
1467
+ interface HTMLFlipIconHelpElement extends Components.FlipIconHelp, HTMLStencilElement {
1468
+ }
1469
+ var HTMLFlipIconHelpElement: {
1470
+ prototype: HTMLFlipIconHelpElement;
1471
+ new (): HTMLFlipIconHelpElement;
1472
+ };
1421
1473
  interface HTMLFlipIconImageElement extends Components.FlipIconImage, HTMLStencilElement {
1422
1474
  }
1423
1475
  var HTMLFlipIconImageElement: {
@@ -1748,6 +1800,12 @@ declare global {
1748
1800
  prototype: HTMLFlipSearchElement;
1749
1801
  new (): HTMLFlipSearchElement;
1750
1802
  };
1803
+ interface HTMLFlipSelectElement extends Components.FlipSelect, HTMLStencilElement {
1804
+ }
1805
+ var HTMLFlipSelectElement: {
1806
+ prototype: HTMLFlipSelectElement;
1807
+ new (): HTMLFlipSelectElement;
1808
+ };
1751
1809
  interface HTMLFlipSpinnerElement extends Components.FlipSpinner, HTMLStencilElement {
1752
1810
  }
1753
1811
  var HTMLFlipSpinnerElement: {
@@ -1854,6 +1912,7 @@ declare global {
1854
1912
  "flip-button-group": HTMLFlipButtonGroupElement;
1855
1913
  "flip-checkbox": HTMLFlipCheckboxElement;
1856
1914
  "flip-chip": HTMLFlipChipElement;
1915
+ "flip-console-layout": HTMLFlipConsoleLayoutElement;
1857
1916
  "flip-date-input": HTMLFlipDateInputElement;
1858
1917
  "flip-date-picker": HTMLFlipDatePickerElement;
1859
1918
  "flip-description-list": HTMLFlipDescriptionListElement;
@@ -1910,6 +1969,7 @@ declare global {
1910
1969
  "flip-icon-group-assign": HTMLFlipIconGroupAssignElement;
1911
1970
  "flip-icon-groups": HTMLFlipIconGroupsElement;
1912
1971
  "flip-icon-groups-custom": HTMLFlipIconGroupsCustomElement;
1972
+ "flip-icon-help": HTMLFlipIconHelpElement;
1913
1973
  "flip-icon-image": HTMLFlipIconImageElement;
1914
1974
  "flip-icon-info": HTMLFlipIconInfoElement;
1915
1975
  "flip-icon-inventory": HTMLFlipIconInventoryElement;
@@ -1965,6 +2025,7 @@ declare global {
1965
2025
  "flip-resource-list-file-item": HTMLFlipResourceListFileItemElement;
1966
2026
  "flip-resource-list-item": HTMLFlipResourceListItemElement;
1967
2027
  "flip-search": HTMLFlipSearchElement;
2028
+ "flip-select": HTMLFlipSelectElement;
1968
2029
  "flip-spinner": HTMLFlipSpinnerElement;
1969
2030
  "flip-stack": HTMLFlipStackElement;
1970
2031
  "flip-switch": HTMLFlipSwitchElement;
@@ -2122,6 +2183,19 @@ declare namespace LocalJSX {
2122
2183
  "interactive"?: boolean;
2123
2184
  "label": string;
2124
2185
  }
2186
+ interface FlipConsoleLayout {
2187
+ "appName": string;
2188
+ "backButonLabel"?: string;
2189
+ "heading": string;
2190
+ "helpButonLabel"?: string;
2191
+ "logoText"?: string;
2192
+ "navigationLabel"?: string;
2193
+ "onBackButtonClick"?: (event: FlipConsoleLayoutCustomEvent<MouseEvent>) => void;
2194
+ "onHelpButtonClick"?: (event: FlipConsoleLayoutCustomEvent<MouseEvent>) => void;
2195
+ "showBackButton"?: boolean;
2196
+ "showHelpButton"?: boolean;
2197
+ "subheading"?: string;
2198
+ }
2125
2199
  interface FlipDateInput {
2126
2200
  "autoFocus"?: boolean;
2127
2201
  "autoSelect"?: boolean;
@@ -2357,6 +2431,9 @@ declare namespace LocalJSX {
2357
2431
  interface FlipIconGroupsCustom {
2358
2432
  "size"?: FlipIconSize;
2359
2433
  }
2434
+ interface FlipIconHelp {
2435
+ "size"?: FlipIconSize;
2436
+ }
2360
2437
  interface FlipIconImage {
2361
2438
  "size"?: FlipIconSize;
2362
2439
  }
@@ -2540,10 +2617,16 @@ declare namespace LocalJSX {
2540
2617
  "zoomSelectLabel"?: string;
2541
2618
  }
2542
2619
  interface FlipPopover {
2620
+ "animation"?: FlipPopoverAnimation;
2621
+ "enableFlip"?: boolean;
2543
2622
  "label": string;
2623
+ "offset"?: number | number[];
2624
+ "onPopoverClose"?: (event: FlipPopoverCustomEvent<void>) => void;
2625
+ "onPopoverOpen"?: (event: FlipPopoverCustomEvent<void>) => void;
2544
2626
  "placement"?: Placement;
2545
2627
  "popoverId": string;
2546
2628
  "trigger": string;
2629
+ "useContainerWidth"?: boolean | string;
2547
2630
  }
2548
2631
  interface FlipProgressIndicator {
2549
2632
  "label": string;
@@ -2608,6 +2691,16 @@ declare namespace LocalJSX {
2608
2691
  "placeholder"?: string;
2609
2692
  "value"?: string;
2610
2693
  }
2694
+ interface FlipSelect {
2695
+ "disabled"?: boolean;
2696
+ "flipAriaDescribedby"?: string;
2697
+ "invalid"?: boolean;
2698
+ "label": string;
2699
+ "multiSelect"?: boolean;
2700
+ "onValueChange"?: (event: FlipSelectCustomEvent<string[]>) => void;
2701
+ "required"?: boolean;
2702
+ "value"?: string[];
2703
+ }
2611
2704
  interface FlipSpinner {
2612
2705
  "label"?: string;
2613
2706
  "size"?: FlipSpinnerSize;
@@ -2741,6 +2834,7 @@ declare namespace LocalJSX {
2741
2834
  "flip-button-group": FlipButtonGroup;
2742
2835
  "flip-checkbox": FlipCheckbox;
2743
2836
  "flip-chip": FlipChip;
2837
+ "flip-console-layout": FlipConsoleLayout;
2744
2838
  "flip-date-input": FlipDateInput;
2745
2839
  "flip-date-picker": FlipDatePicker;
2746
2840
  "flip-description-list": FlipDescriptionList;
@@ -2797,6 +2891,7 @@ declare namespace LocalJSX {
2797
2891
  "flip-icon-group-assign": FlipIconGroupAssign;
2798
2892
  "flip-icon-groups": FlipIconGroups;
2799
2893
  "flip-icon-groups-custom": FlipIconGroupsCustom;
2894
+ "flip-icon-help": FlipIconHelp;
2800
2895
  "flip-icon-image": FlipIconImage;
2801
2896
  "flip-icon-info": FlipIconInfo;
2802
2897
  "flip-icon-inventory": FlipIconInventory;
@@ -2852,6 +2947,7 @@ declare namespace LocalJSX {
2852
2947
  "flip-resource-list-file-item": FlipResourceListFileItem;
2853
2948
  "flip-resource-list-item": FlipResourceListItem;
2854
2949
  "flip-search": FlipSearch;
2950
+ "flip-select": FlipSelect;
2855
2951
  "flip-spinner": FlipSpinner;
2856
2952
  "flip-stack": FlipStack;
2857
2953
  "flip-switch": FlipSwitch;
@@ -2888,6 +2984,7 @@ declare module "@stencil/core" {
2888
2984
  "flip-button-group": LocalJSX.FlipButtonGroup & JSXBase.HTMLAttributes<HTMLFlipButtonGroupElement>;
2889
2985
  "flip-checkbox": LocalJSX.FlipCheckbox & JSXBase.HTMLAttributes<HTMLFlipCheckboxElement>;
2890
2986
  "flip-chip": LocalJSX.FlipChip & JSXBase.HTMLAttributes<HTMLFlipChipElement>;
2987
+ "flip-console-layout": LocalJSX.FlipConsoleLayout & JSXBase.HTMLAttributes<HTMLFlipConsoleLayoutElement>;
2891
2988
  "flip-date-input": LocalJSX.FlipDateInput & JSXBase.HTMLAttributes<HTMLFlipDateInputElement>;
2892
2989
  "flip-date-picker": LocalJSX.FlipDatePicker & JSXBase.HTMLAttributes<HTMLFlipDatePickerElement>;
2893
2990
  "flip-description-list": LocalJSX.FlipDescriptionList & JSXBase.HTMLAttributes<HTMLFlipDescriptionListElement>;
@@ -2944,6 +3041,7 @@ declare module "@stencil/core" {
2944
3041
  "flip-icon-group-assign": LocalJSX.FlipIconGroupAssign & JSXBase.HTMLAttributes<HTMLFlipIconGroupAssignElement>;
2945
3042
  "flip-icon-groups": LocalJSX.FlipIconGroups & JSXBase.HTMLAttributes<HTMLFlipIconGroupsElement>;
2946
3043
  "flip-icon-groups-custom": LocalJSX.FlipIconGroupsCustom & JSXBase.HTMLAttributes<HTMLFlipIconGroupsCustomElement>;
3044
+ "flip-icon-help": LocalJSX.FlipIconHelp & JSXBase.HTMLAttributes<HTMLFlipIconHelpElement>;
2947
3045
  "flip-icon-image": LocalJSX.FlipIconImage & JSXBase.HTMLAttributes<HTMLFlipIconImageElement>;
2948
3046
  "flip-icon-info": LocalJSX.FlipIconInfo & JSXBase.HTMLAttributes<HTMLFlipIconInfoElement>;
2949
3047
  "flip-icon-inventory": LocalJSX.FlipIconInventory & JSXBase.HTMLAttributes<HTMLFlipIconInventoryElement>;
@@ -2999,6 +3097,7 @@ declare module "@stencil/core" {
2999
3097
  "flip-resource-list-file-item": LocalJSX.FlipResourceListFileItem & JSXBase.HTMLAttributes<HTMLFlipResourceListFileItemElement>;
3000
3098
  "flip-resource-list-item": LocalJSX.FlipResourceListItem & JSXBase.HTMLAttributes<HTMLFlipResourceListItemElement>;
3001
3099
  "flip-search": LocalJSX.FlipSearch & JSXBase.HTMLAttributes<HTMLFlipSearchElement>;
3100
+ "flip-select": LocalJSX.FlipSelect & JSXBase.HTMLAttributes<HTMLFlipSelectElement>;
3002
3101
  "flip-spinner": LocalJSX.FlipSpinner & JSXBase.HTMLAttributes<HTMLFlipSpinnerElement>;
3003
3102
  "flip-stack": LocalJSX.FlipStack & JSXBase.HTMLAttributes<HTMLFlipStackElement>;
3004
3103
  "flip-switch": LocalJSX.FlipSwitch & JSXBase.HTMLAttributes<HTMLFlipSwitchElement>;
@@ -5,7 +5,7 @@ export interface FlipFormInput<ValueType = string> {
5
5
  invalid?: boolean;
6
6
  required?: boolean;
7
7
  value?: ValueType;
8
- valueChange: EventEmitter;
8
+ valueChange: EventEmitter<ValueType>;
9
9
  }
10
10
  export declare function debounce(func: Function, wait: number, immediate?: boolean): () => void;
11
11
  export declare function fullscreenStoryDecorator(story: any): HTMLDivElement;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-components",
3
- "version": "0.5.0",
3
+ "version": "0.6.0",
4
4
  "description": "Swirl Design System Web Component Library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -35,7 +35,7 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@floating-ui/dom": "^1.0.1",
38
- "@getflip/swirl-icons": "^0.4.0",
38
+ "@getflip/swirl-icons": "^0.5.0",
39
39
  "@getflip/swirl-tokens": "^2.0.0",
40
40
  "@stencil/core": "^2.13.0",
41
41
  "a11y-dialog": "^7.5.2",