@maggioli-design-system/mds-modal 4.7.2 → 4.8.0

package/src/components/mds-modal/test/mds-modal.e2e.ts

@@ -16,17 +16,6 @@ describe('mds-modal', () => {
     expect(element.getAttribute('position')).toBe('right')
 
     expect(element).not.toHaveAttribute('opened')
-
-    expect(element.shadowRoot).toEqualHtml(`
-      <div class="window" part="window" role="dialog">
-        <slot></slot>
-      </div>
-      <i class="close focus-bounce-light svg" tabindex="0">
-        <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-          <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"></path>
-        </svg>
-      </i>
-    `)
   })
 
   it('renders opened', async () => {
@@ -35,18 +24,7 @@ describe('mds-modal', () => {
 
     const element = await page.find('mds-modal')
 
-    expect(element.getAttribute('opened')).not.toBe('false')
-
-    expect(element.shadowRoot).toEqualHtml(`
-      <div class="window" part="window" role="dialog">
-        <slot></slot>
-      </div>
-      <i class="close focus-bounce-light svg" tabindex="0">
-        <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-          <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"></path>
-        </svg>
-      </i>
-    `)
+    expect(element).toHaveAttribute('opened')
   })
 
   it('can be closed', async () => {

package/src/components/mds-modal/test/mds-modal.stories.tsx

@@ -26,25 +26,25 @@ const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@nintendo.com
 
 const Template = args =>
   <mds-modal {...args}>
-    <header slot="top" class="p-8 max-w-lg flex gap-4 items-center border-b border-tone-neutral-09">
-      <mds-img class="w-16" src="/logo-gruppo-maggioli-512w.webp"/>
+    <header slot="top" class="p-800 max-w-lg flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09">
+      <mds-img class="w-1600" src="/logo-gruppo-maggioli-512w.webp"/>
       <div class="text-tone-neutral-02">
         <mds-text typography="h5" class="truncate min-w-0">Maggioli Editore</mds-text>
         <mds-text typography="detail" class="truncate min-w-0">Menu di servizio</mds-text>
       </div>
     </header>
-    <div class="p-8 max-w-lg">
+    <div class="p-800 max-w-lg">
       <mds-text>
         As a multi-brand design system, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we’re future-proofing our components as more brands adopt NewsKit.
       </mds-text>
     </div>
-    <footer slot="bottom" class="p-8 max-w-lg flex gap-4 text-tone-neutral-02 border-t border-tone-neutral-09">
-      <mds-author>
-        <mds-avatar slot="avatar" class="w-16 mobile:w-12" src="/avatar-01-200x200.jpeg"/>
-        <mds-text typography="h6" class="truncate min-w-0">{ fullName }</mds-text>
-        <mds-text typography="caption" class="text-tone-neutral-04 truncate min-w-0">{ email }</mds-text>
+    <footer slot="bottom" class="p-800 max-w-lg flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09">
+      <mds-author class="flex-grow">
+        <mds-avatar slot="avatar" class="w-1600 mobile:w-1200" src="/avatar-01-200x200.jpeg"/>
+        <mds-text typography="h6">{ fullName }</mds-text>
+        <mds-text typography="caption" class="text-tone-neutral-04">{ email }</mds-text>
       </mds-author>
-      <mds-button icon="mdi/dots-vertical" class="ml-auto bg-transparent text-tone-neutral-02 p-4 border border-tone-neutral-09 rounded-full"/>
+      <mds-button icon="mdi/dots-vertical" variant="light"></mds-button>
     </footer>
   </mds-modal>
 

package/src/dictionary/file-extensions.ts

@@ -0,0 +1,81 @@
+interface FileExtenstion {
+  [key: string]: ExtensionInfo
+}
+
+interface ExtensionInfo {
+  preview?: boolean
+  format: string
+  description: string
+}
+
+const fileExtensionsDictionary: FileExtenstion = {
+  '7z': { format: 'archive', description: 'Archivio compresso' },
+  ace: { format: 'archive', description: 'Archivio compresso' },
+  ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
+  dart: { format: 'code', description: 'Dart' },
+  db: { format: 'data', description: 'File di database' },
+  default: { format: 'attachment', description: 'Formato sconosciuto' },
+  dmg: { format: 'executable', description: 'Apple Disk Image' },
+  doc: { format: 'text', description: 'Documento Microsoft Word' },
+  docm: { format: 'text', description: 'Documento Microsoft Word' },
+  docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
+  eml: { format: 'email', description: 'E-mail di posta elettronica' },
+  eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
+  exe: { format: 'executable', description: 'File eseguibile Windows' },
+  flac: { format: 'audio', description: 'Audio non compresso' },
+  gif: { format: 'image', description: 'Immagine compressa', preview: true },
+  htm: { format: 'markup', description: 'Pagina web' },
+  heic: { format: 'image', description: 'High Efficiency Image File Format' },
+  html: { format: 'markup', description: 'Pagina web' },
+  jpe: { format: 'image', description: 'Immagine compressa', preview: true },
+  jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
+  jpg: { format: 'image', description: 'Immagine compressa', preview: true },
+  js: { format: 'code', description: 'JavaScript' },
+  json: { format: 'data', description: 'JavaScript Object Notation' },
+  jsx: { format: 'code', description: 'JavaScript' },
+  m2v: { format: 'video', description: 'Filmato SD' },
+  mp2: { format: 'audio', description: 'Audio compresso' },
+  mp3: { format: 'audio', description: 'Audio compresso' },
+  mp4: { format: 'video', description: 'Filmato HD' },
+  mp4v: { format: 'video', description: 'Filmato HD' },
+  mpeg: { format: 'video', description: 'Filmato SD' },
+  mpg4: { format: 'video', description: 'Filmato SD' },
+  mpg: { format: 'video', description: 'Filmato SD' },
+  mpga: { format: 'audio', description: 'Audio compresso' },
+  odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
+  ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
+  odt: { format: 'text', description: 'File di testo LibreOffice' },
+  pdf: { format: 'document', description: 'Documento Adobe' },
+  php: { format: 'code', description: 'Hypertext Preprocessor' },
+  png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
+  ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
+  rar: { format: 'archive', description: 'Archivio compresso' },
+  rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
+  sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
+  shtml: { format: 'markup', description: 'Pagina web' },
+  svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
+  tar: { format: 'archive', description: 'Archivio non compresso' },
+  tiff: { format: 'image', description: 'Tag Image File Format' },
+  ts: { format: 'code', description: 'TypeScript' },
+  tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
+  txt: { format: 'text', description: 'Documento di testo non formattato' },
+  wav: { format: 'audio', description: 'Audio non compresso' },
+  webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
+  xar: { format: 'archive', description: 'Archivio compresso' },
+  xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+  xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+  zip: { format: 'archive', description: 'Archivio compresso' },
+}
+
+const genericMimeToExt: Map<string, string[]> = new Map([
+  ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
+  ['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],
+  ['video', ['.mv2', '.mp4', '.mp4v', '.mpeg', '.mpg4', '.mpg']],
+])
+
+export {
+  FileExtenstion,
+  ExtensionInfo,
+  fileExtensionsDictionary,
+  genericMimeToExt,
+}

package/src/dictionary/icon.ts

@@ -2,8 +2,14 @@ import jsonIconsDictionary from '../fixtures/icons.json'
 import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
 const iconsDictionary = jsonIconsDictionary
 const mggIconsDictionary = jsonMggIconsDictionary
+const svgIconsDictionary = [
+  `${location.origin}/svg/mi/baseline/email.svg`,
+  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0yMzMtODAgNjUtMjgxTDgwLTU1MGwyODgtMjUgMTEyLTI2NSAxMTIgMjY1IDI4OCAyNS0yMTggMTg5IDY1IDI4MS0yNDctMTQ5TDIzMy04MFoiLz48L3N2Zz4=',
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8s-3.58-8-8-8z"/></svg>',
+]
 
 export {
   iconsDictionary,
   mggIconsDictionary,
+  svgIconsDictionary,
 }

package/src/dictionary/text.ts

@@ -0,0 +1,9 @@
+const truncateDictionary = [
+  'all',
+  'none',
+  'word',
+]
+
+export {
+  truncateDictionary,
+}

package/src/dictionary/variant.ts

@@ -39,6 +39,24 @@ const themeFullVariantDictionary = [
   'yellow',
 ]
 
+const themeFullVariantAvatarDictionary = [
+  'amaranth',
+  'aqua',
+  'blue',
+  'error',
+  'green',
+  'info',
+  'lime',
+  'orange',
+  'orchid',
+  'primary',
+  'sky',
+  'success',
+  'violet',
+  'warning',
+  'yellow',
+]
+
 const themeLabelVariantDictionary = [
   'amaranth',
   'aqua',
@@ -80,6 +98,7 @@ const toneMinimalVariantDictionary = [
 ]
 
 export {
+  themeFullVariantAvatarDictionary,
   themeFullVariantDictionary,
   themeLabelVariantDictionary,
   themeLuminanceVariantDictionary,

package/src/fixtures/filenames.ts

@@ -0,0 +1,60 @@
+const filesList = [
+  'alarm_circuit_plastic.eps',
+  'awesome_orchestration.png',
+  'b2c_tan_sports.svg',
+  'bedfordshire_iceland_identity.txt',
+  'books_monetize_arizona.htm',
+  'brand.shtml',
+  'brunei_logistical.eml',
+  'buckinghamshire_macao.jpg',
+  'calculating.json',
+  'complexity_deposit.mpg',
+  'compressing_black_colorado.ods',
+  'connect_local_visualize.pdf',
+  'copying.default',
+  'explicit.mp2',
+  'fish.php',
+  'flexibility_auto_money.html',
+  'foreground_overriding.ai',
+  'forge_face.ts',
+  'forges.doc',
+  'frozen_haptic.7z',
+  'gorgeous_manager_savings.ppt',
+  'graphic_frozen_bedfordshire.tar',
+  'hdd_navigate_panama.xlsx',
+  'https://i2.wp.com/clipart.info/images/ccovers/1495750818Apple-PNG-Clip-Art.png',
+  'impactful_alarm_handmade.mpeg',
+  'initiatives_group.gif',
+  'intelligent_radical.jpe',
+  'interface_bedfordshire_solid.m2v',
+  'iowa_installation.jpeg',
+  'liaison_panel_central.flac',
+  'matrix_black_hat.db',
+  'metrics_lempira_account.xls',
+  'monitor.js',
+  'nebraska.mp4',
+  'needs_based_solid.odp',
+  'officer_somalia.docm',
+  'open_source.webp',
+  'open_source_gorgeous.sass',
+  'optimization_radical.mp3',
+  'ports_copy_granite.mpga',
+  'pound.rtf',
+  'protocol_designer.dmg',
+  'reduced_regional_greenland.mp4v',
+  'revolutionize.mpg4',
+  'rss_systematic_avon.exe',
+  'salad_compressing.odt',
+  'sky_marketing.ace',
+  'synergistic.wav',
+  'this_is_an_extensionless_file',
+  'tuna_table_fall.zip',
+  'unbranded.rar',
+  'upgradable_gold.docx',
+  'wisconsin_bypassing_small.xar',
+  'wooden.jsx',
+]
+
+export {
+  filesList,
+}

package/src/fixtures/icons.json

@@ -6,6 +6,7 @@
     "mdi/delete",
     "mdi/dots-vertical",
     "mdi/email",
+    "mdi/file-document-remove-outline",
     "mdi/harddisk",
     "mdi/map-marker",
     "mdi/replay",
@@ -21,6 +22,7 @@
     "mgg/action-show-right-side",
     "mgg/action-show-sidebar-left",
     "mgg/action-show-sidebar-right",
+    "mgg/activation-key",
     "mgg/activity-list",
     "mgg/add-document-settings",
     "mgg/additional-contents",
@@ -227,6 +229,7 @@
     "mgg/todo-running-completed",
     "mgg/todo-suspended",
     "mgg/touchpoint-laptop-info",
+    "mgg/touchpoint-laptop-search",
     "mgg/traffic-cone",
     "mgg/trending-down",
     "mgg/tribute",
@@ -239,20 +242,24 @@
     "mgg/user-signed-out",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
+    "mgg/warning-superscript",
     "mgg/work-book",
     "mi/baseline/account-balance",
     "mi/baseline/account-balance-wallet",
     "mi/baseline/add",
+    "mi/baseline/add-circle",
     "mi/baseline/adobe",
     "mi/baseline/agriculture",
     "mi/baseline/arrow-back",
     "mi/baseline/arrow-forward",
     "mi/baseline/attach-file",
+    "mi/baseline/attachment",
     "mi/baseline/audiotrack",
     "mi/baseline/badge",
     "mi/baseline/book",
     "mi/baseline/border-all",
     "mi/baseline/cancel",
+    "mi/baseline/category",
     "mi/baseline/check-box",
     "mi/baseline/check-box-outline-blank",
     "mi/baseline/check-circle",
@@ -265,6 +272,7 @@
     "mi/baseline/email",
     "mi/baseline/error",
     "mi/baseline/explore",
+    "mi/baseline/file-download-done",
     "mi/baseline/folder-zip",
     "mi/baseline/groups",
     "mi/baseline/horizontal-rule",
@@ -284,6 +292,7 @@
     "mi/baseline/radio-button-checked",
     "mi/baseline/radio-button-unchecked",
     "mi/baseline/remove",
+    "mi/baseline/remove-circle",
     "mi/baseline/route",
     "mi/baseline/settings",
     "mi/baseline/terminal",
@@ -295,6 +304,7 @@
     "mi/baseline/web",
     "mi/baseline/wysiwyg",
     "mi/outline/help-outline",
+    "mi/outline/schedule",
     "mi/round/arrow-circle-down",
     "mi/round/email",
     "mi/round/groups",

package/src/fixtures/iconsauce.json

@@ -10,6 +10,7 @@
     "mgg/action-show-right-side",
     "mgg/action-show-sidebar-left",
     "mgg/action-show-sidebar-right",
+    "mgg/activation-key",
     "mgg/activity-list",
     "mgg/add-document-settings",
     "mgg/additional-contents",
@@ -216,6 +217,7 @@
     "mgg/todo-suspended",
     "mgg/todo",
     "mgg/touchpoint-laptop-info",
+    "mgg/touchpoint-laptop-search",
     "mgg/traffic-cone",
     "mgg/trending-down",
     "mgg/tribute",
@@ -228,5 +230,6 @@
     "mgg/user-signed-out",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
+    "mgg/warning-superscript",
     "mgg/work-book"
 ]

package/src/type/file-types.ts

@@ -0,0 +1,55 @@
+export type ExtensionSuffixType =
+  | '7z'
+  | 'ace'
+  | 'ai'
+  | 'db'
+  | 'default'
+  | 'dmg'
+  | 'doc'
+  | 'docm'
+  | 'docx'
+  | 'eml'
+  | 'eps'
+  | 'exe'
+  | 'flac'
+  | 'gif'
+  | 'heic'
+  | 'htm'
+  | 'html'
+  | 'jpe'
+  | 'jpeg'
+  | 'jpg'
+  | 'js'
+  | 'json'
+  | 'jsx'
+  | 'm2v'
+  | 'mp2'
+  | 'mp3'
+  | 'mp4'
+  | 'mp4v'
+  | 'mpeg'
+  | 'mpg'
+  | 'mpg4'
+  | 'mpga'
+  | 'odp'
+  | 'ods'
+  | 'odt'
+  | 'pdf'
+  | 'php'
+  | 'png'
+  | 'ppt'
+  | 'rar'
+  | 'rtf'
+  | 'sass'
+  | 'shtml'
+  | 'svg'
+  | 'tar'
+  | 'tiff'
+  | 'ts'
+  | 'txt'
+  | 'wav'
+  | 'webp'
+  | 'xar'
+  | 'xls'
+  | 'xlsx'
+  | 'zip'

package/src/type/text.ts

@@ -0,0 +1,4 @@
+export type TypographyTruncateType =
+  | 'all'
+  | 'none'
+  | 'word'

package/src/type/variant-file-format.ts

@@ -0,0 +1,128 @@
+import baselineFolderZip from '@icon/mi/baseline/folder-zip.svg'
+import baselineAttachFile from '@icon/mi/baseline/attach-file.svg'
+import baselineAudiotrack from '@icon/mi/baseline/audiotrack.svg'
+import baselineTerminal from '@icon/mi/baseline/terminal.svg'
+import baselineInsertDriveFile from '@icon/mi/baseline/insert-drive-file.svg'
+import mdiHardDisk from '@icon/mdi/harddisk.svg'
+
+interface FileFormatVariant {
+  color: string
+  icon: string
+  iconBackground: string
+  variant: string
+}
+
+interface FileFormatVariants {
+  [key: string]: FileFormatVariant
+}
+
+const fileFormatsVariant: FileFormatVariants = {
+  archive: {
+    color: 'fill-label-amaranth-04 text-label-amaranth-04',
+    icon: baselineFolderZip,
+    iconBackground: 'bg-label-amaranth-10',
+    variant: 'amaranth',
+  },
+  attachment: {
+    color: 'fill-tone-neutral-04 text-tone-neutral-04',
+    icon: baselineAttachFile,
+    iconBackground: 'bg-tone-neutral-10',
+    variant: 'dark',
+  },
+  audio: {
+    color: 'fill-label-violet-04 text-label-violet-04',
+    icon: baselineAudiotrack,
+    iconBackground: 'bg-label-violet-10',
+    variant: 'violet',
+  },
+  code: {
+    color: 'fill-label-yellow-04 text-label-yellow-04',
+    icon: baselineTerminal,
+    iconBackground: 'bg-label-yellow-10',
+    variant: 'yellow',
+  },
+  data: {
+    color: 'fill-label-yellow-04 text-label-yellow-04',
+    icon: mdiHardDisk,
+    iconBackground: 'bg-label-yellow-10',
+    variant: 'yellow',
+  },
+  document: {
+    color: 'fill-label-orange-04 text-label-orange-04',
+    icon: baselineInsertDriveFile,
+    iconBackground: 'bg-label-orange-10',
+    variant: 'orange',
+  },
+  email: {
+    color: 'fill-label-blue-04 text-label-blue-04',
+    icon: 'mi/baseline/email',
+    iconBackground: 'bg-label-blue-10',
+    variant: 'blue',
+  },
+  executable: {
+    color: 'fill-label-amaranth-04 text-label-amaranth-04',
+    icon: 'mi/baseline/wysiwyg',
+    iconBackground: 'bg-label-amaranth-10',
+    variant: 'amaranth',
+  },
+  image: {
+    color: 'fill-label-green-04 text-label-green-04',
+    icon: 'mi/baseline/panorama',
+    iconBackground: 'bg-label-green-10',
+    variant: 'green',
+  },
+  imageRaster: {
+    color: 'fill-label-green-04 text-label-green-04',
+    icon: 'mi/baseline/panorama',
+    iconBackground: 'bg-label-green-10',
+    variant: 'green',
+  },
+  markup: {
+    color: 'fill-label-yellow-04 text-label-yellow-04',
+    icon: 'mi/baseline/web',
+    iconBackground: 'bg-label-yellow-10',
+    variant: 'yellow',
+  },
+  slide: {
+    color: 'fill-label-orchid-04 text-label-orchid-04',
+    icon: 'mi/baseline/tv',
+    iconBackground: 'bg-label-orchid-10',
+    variant: 'orchid',
+  },
+  spreadsheet: {
+    color: 'fill-label-lime-04 text-label-lime-04',
+    icon: 'mi/baseline/border-all',
+    iconBackground: 'bg-label-lime-10',
+    variant: 'lime',
+  },
+  text: {
+    color: 'fill-label-blue-04 text-label-blue-04',
+    icon: 'mi/baseline/description',
+    iconBackground: 'bg-label-blue-10',
+    variant: 'blue',
+  },
+  vectorImage: {
+    color: 'fill-label-aqua-04 text-label-aqua-04',
+    icon: 'mdi/vector-curve',
+    iconBackground: 'bg-label-aqua-10',
+    variant: 'aqua',
+  },
+  vector: {
+    color: 'fill-label-aqua-04 text-label-aqua-04',
+    icon: 'mdi/vector-curve',
+    iconBackground: 'bg-label-aqua-10',
+    variant: 'aqua',
+  },
+  video: {
+    color: 'fill-label-violet-04 text-label-violet-04',
+    icon: 'mi/baseline/videocam',
+    iconBackground: 'bg-label-violet-10',
+    variant: 'violet',
+  },
+}
+
+export {
+  fileFormatsVariant,
+  FileFormatVariant,
+  FileFormatVariants,
+}

package/src/type/variant.ts

@@ -31,6 +31,23 @@ export type ThemeFullVariantType =
   | 'warning'
   | 'yellow'
 
+export type ThemeFullVariantAvatarType =
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
+  | 'error'
+  | 'green'
+  | 'info'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'primary'
+  | 'sky'
+  | 'success'
+  | 'violet'
+  | 'warning'
+  | 'yellow'
+
 export type ThemeLuminanceVariantType =
   | 'dark'
   | 'light'

package/www/build/mds-modal.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-2f9a631d.js";export{s as setNonce}from"./p-2f9a631d.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((e=>o([["p-fe6df5e2",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{position:["positionChange"],opened:["openedChange"]}]]]],e)));
+import{p as e,b as o}from"./p-aff993b4.js";export{s as setNonce}from"./p-aff993b4.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((e=>o([["p-83ebb238",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{position:["positionChange"],opened:["openedChange"]}]]]],e)));

package/www/build/mds-modal.js

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-969424eb.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-5cf75b06.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/www/build/p-14f0bf74.system.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var n=function(r,e){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e))n[e]=r[e]};return n(r,e)};return function(r,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");n(r,e);function t(){this.constructor=r}r.prototype=e===null?Object.create(e):(t.prototype=e.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(n,r,e,t){function i(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,a){function u(n){try{o(t.next(n))}catch(n){a(n)}}function f(n){try{o(t["throw"](n))}catch(n){a(n)}}function o(n){n.done?e(n.value):i(n.value).then(u,f)}o((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,u;return u={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function f(n){return function(r){return o([n,r])}}function o(f){if(t)throw new TypeError("Generator is already executing.");while(u&&(u=0,f[0]&&(e=0)),e)try{if(t=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:e.label++;return{value:f[1],done:false};case 5:e.label++;i=f[1];f=[0];continue;case 7:f=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){e=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){e.label=f[1];break}if(f[0]===6&&e.label<a[1]){e.label=a[1];a=f;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(f);break}if(a[2])e.ops.pop();e.trys.pop();continue}f=r.call(n,e)}catch(n){f=[6,n];i=0}finally{t=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,r,e){if(e||arguments.length===2)for(var t=0,i=r.length,a;t<i;t++){if(a||!(t in r)){if(!a)a=Array.prototype.slice.call(r,0,t);a[t]=r[t]}}return n.concat(a||Array.prototype.slice.call(r))};System.register([],(function(n,r){"use strict";return{execute:function(){var e=this;var t="mds-modal";var i;var a;var u=false;var f=false;var o=function(n,r){if(r===void 0){r=""}{return function(){return}}};var v=function(n,r){{return function(){return}}};var l="{visibility:hidden}[hydrated]{visibility:inherit}";var c="slot-fb{display:contents}slot-fb[hidden]{display:none}";var s={};var d=function(n){return n!=null};var h=function(n){n=typeof n;return n==="object"||n==="function"};function y(n){var r,e,t;return(t=(e=(r=n.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&t!==void 0?t:undefined}var p=n("h",(function(n,r){var e=[];for(var t=2;t<arguments.length;t++){e[t-2]=arguments[t]}var i=null;var a=false;var u=false;var f=[];var o=function(r){for(var e=0;e<r.length;e++){i=r[e];if(Array.isArray(i)){o(i)}else if(i!=null&&typeof i!=="boolean"){if(a=typeof n!=="function"&&!h(i)){i=String(i)}if(a&&u){f[f.length-1].t+=i}else{f.push(a?w(null,i):i)}u=a}}};o(e);if(r){{var v=r.className||r.class;if(v){r.class=typeof v!=="object"?v:Object.keys(v).filter((function(n){return v[n]})).join(" ")}}}var l=w(n,null);l.i=r;if(f.length>0){l.u=f}return l}));var w=function(n,r){var e={o:0,v:n,t:r,l:null,u:null};{e.i=null}return e};var b=n("H",{});var m=function(n){return n&&n.v===b};var _=function(n,r){if(n!=null&&!h(n)){if(r&4){return n==="false"?false:n===""||!!n}if(r&1){return String(n)}return n}return n};var $=n("g",(function(n){return yn(n).$hostElement$}));var g=n("c",(function(n,r,e){var t=$(n);return{emit:function(n){return S(t,r,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:n})}}}));var S=function(n,r,e){var t=kn.ce(r,e);n.dispatchEvent(t);return t};var j=new WeakMap;var k=function(n,r,e){var t=gn.get(n);if(On&&e){t=t||new CSSStyleSheet;if(typeof t==="string"){t=r}else{t.replaceSync(r)}}else{t=r}gn.set(n,t)};var A=function(n,r,e){var t;var i=x(r);var a=gn.get(i);n=n.nodeType===11?n:jn;if(a){if(typeof a==="string"){n=n.head||n;var u=j.get(n);var f=void 0;if(!u){j.set(n,u=new Set)}if(!u.has(i)){{f=jn.createElement("style");f.innerHTML=a;var o=(t=kn.h)!==null&&t!==void 0?t:y(jn);if(o!=null){f.setAttribute("nonce",o)}n.insertBefore(f,n.querySelector("link"))}if(r.o&4){f.innerHTML+=c}if(u){u.add(i)}}}else if(!n.adoptedStyleSheets.includes(a)){n.adoptedStyleSheets=__spreadArray(__spreadArray([],n.adoptedStyleSheets,true),[a],false)}}return i};var O=function(n){var r=n.p;var e=n.$hostElement$;var t=r.o;var i=o("attachStyles",r.m);var a=A(e.shadowRoot?e.shadowRoot:e.getRootNode(),r);if(t&10){e["s-sc"]=a;e.classList.add(a+"-h")}i()};var x=function(n,r){return"sc-"+n.m};var C=function(n,r,e,t,i,a){if(e!==t){var u=bn(n,r);var f=r.toLowerCase();if(r==="class"){var o=n.classList;var v=E(e);var l=E(t);o.remove.apply(o,v.filter((function(n){return n&&!l.includes(n)})));o.add.apply(o,l.filter((function(n){return n&&!v.includes(n)})))}else if(!u&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(bn(Sn,f)){r=f.slice(2)}else{r=f[2]+r.slice(3)}if(e||t){var c=r.endsWith(P);r=r.replace(T,"");if(e){kn.rel(n,r,e,c)}if(t){kn.ael(n,r,t,c)}}}else{var s=h(t);if((u||s&&t!==null)&&!i){try{if(!n.tagName.includes("-")){var d=t==null?"":t;if(r==="list"){u=false}else if(e==null||n[r]!=d){n[r]=d}}else{n[r]=t}}catch(n){}}if(t==null||t===false){if(t!==false||n.getAttribute(r)===""){{n.removeAttribute(r)}}}else if((!u||a&4||i)&&!s){t=t===true?"":t;{n.setAttribute(r,t)}}}}};var M=/\s/;var E=function(n){return!n?[]:n.split(M)};var P="Capture";var T=new RegExp(P+"$");var R=function(n,r,e,t){var i=r.l.nodeType===11&&r.l.host?r.l.host:r.l;var a=n&&n.i||s;var u=r.i||s;{for(t in a){if(!(t in u)){C(i,t,a[t],undefined,e,r.o)}}}for(t in u){C(i,t,a[t],u[t],e,r.o)}};var U=function(n,r,e,t){var f=r.u[e];var o=0;var v;var l;if(f.t!==null){v=f.l=jn.createTextNode(f.t)}else{v=f.l=jn.createElement(f.v);{R(null,f,u)}if(d(i)&&v["s-si"]!==i){v.classList.add(v["s-si"]=i)}if(f.u){for(o=0;o<f.u.length;++o){l=U(n,f,o);if(l){v.appendChild(l)}}}}v["s-hn"]=a;return v};var W=function(n,r,e,t,i,u){var f=n;var o;if(f.shadowRoot&&f.tagName===a){f=f.shadowRoot}for(;i<=u;++i){if(t[i]){o=U(null,e,i);if(o){t[i].l=o;f.insertBefore(o,r)}}}};var L=function(n,r,e){for(var t=r;t<=e;++t){var i=n[t];if(i){var a=i.l;if(a){a.remove()}}}};var N=function(n,r,e,t,i){if(i===void 0){i=false}var a=0;var u=0;var f=r.length-1;var o=r[0];var v=r[f];var l=t.length-1;var c=t[0];var s=t[l];var d;while(a<=f&&u<=l){if(o==null){o=r[++a]}else if(v==null){v=r[--f]}else if(c==null){c=t[++u]}else if(s==null){s=t[--l]}else if(H(o,c,i)){q(o,c,i);o=r[++a];c=t[++u]}else if(H(v,s,i)){q(v,s,i);v=r[--f];s=t[--l]}else if(H(o,s,i)){q(o,s,i);n.insertBefore(o.l,v.l.nextSibling);o=r[++a];s=t[--l]}else if(H(v,c,i)){q(v,c,i);n.insertBefore(v.l,o.l);v=r[--f];c=t[++u]}else{{d=U(r&&r[u],e,u);c=t[++u]}if(d){{o.l.parentNode.insertBefore(d,o.l)}}}}if(a>f){W(n,t[l+1]==null?null:t[l+1].l,e,t,u,l)}else if(u>l){L(r,a,f)}};var H=function(n,r,e){if(e===void 0){e=false}if(n.v===r.v){return true}return false};var q=function(n,r,e){if(e===void 0){e=false}var t=r.l=n.l;var i=n.u;var a=r.u;var f=r.v;var o=r.t;if(o===null){{if(f==="slot");else{R(n,r,u)}}if(i!==null&&a!==null){N(t,i,r,a,e)}else if(a!==null){if(n.t!==null){t.textContent=""}W(t,null,r,a,0,a.length-1)}else if(i!==null){L(i,0,i.length-1)}}else if(n.t!==o){t.data=o}};var D=function(n,r,e){if(e===void 0){e=false}var t=n.$hostElement$;var u=n.p;var f=n._||w(null,null);var o=m(r)?r:p(null,null,r);a=t.tagName;if(u.$){o.i=o.i||{};u.$.map((function(n){var r=n[0],e=n[1];return o.i[e]=t[r]}))}if(e&&o.i){for(var v=0,l=Object.keys(o.i);v<l.length;v++){var c=l[v];if(t.hasAttribute(c)&&!["key","ref","style","class"].includes(c)){o.i[c]=t[c]}}}o.v=null;o.o|=4;n._=o;o.l=f.l=t.shadowRoot||t;{i=t["s-sc"]}q(f,o,e)};var F=function(n,r){if(r&&!n.S&&r["s-p"]){r["s-p"].push(new Promise((function(r){return n.S=r})))}};var G=function(n,r){{n.o|=16}if(n.o&4){n.o|=512;return}F(n,n.j);var e=function(){return I(n,r)};return Rn(e)};var I=function(n,r){var e=o("scheduleUpdate",n.p.m);var t=n.k;var i;if(r){{n.o|=256;if(n.A){n.A.map((function(n){var r=n[0],e=n[1];return X(t,r,e)}));n.A=undefined}}{i=X(t,"componentWillLoad")}}{i=V(i,(function(){return X(t,"componentWillRender")}))}e();return V(i,(function(){return B(n,t,r)}))};var V=function(n,r){return z(n)?n.then(r):r()};var z=function(n){return n instanceof Promise||n&&n.then&&typeof n.then==="function"};var B=function(n,r,t){return __awaiter(e,void 0,void 0,(function(){var e,i,a,u,f,v,l;return __generator(this,(function(c){i=n.$hostElement$;a=o("update",n.p.m);u=i["s-rc"];if(t){O(n)}f=o("render",n.p.m);{J(n,r,i,t)}if(u){u.map((function(n){return n()}));i["s-rc"]=undefined}f();a();{v=(e=i["s-p"])!==null&&e!==void 0?e:[];l=function(){return K(n)};if(v.length===0){l()}else{Promise.all(v).then(l);n.o|=4;v.length=0}}return[2]}))}))};var J=function(n,r,e,t){try{r=r.render();{n.o&=~16}{n.o|=2}{{{D(n,r,t)}}}}catch(r){mn(r,n.$hostElement$)}return null};var K=function(n){var r=n.p.m;var e=n.$hostElement$;var t=o("postUpdate",r);var i=n.k;var a=n.j;{X(i,"componentDidRender")}if(!(n.o&64)){n.o|=64;{Y(e)}t();{n.O(e);if(!a){Q()}}}else{t()}{if(n.S){n.S();n.S=undefined}if(n.o&512){Tn((function(){return G(n,false)}))}n.o&=~(4|512)}};var Q=function(n){{Y(jn.documentElement)}Tn((function(){return S(Sn,"appload",{detail:{namespace:t}})}))};var X=function(n,r,e){if(n&&n[r]){try{return n[r](e)}catch(n){mn(n)}}return undefined};var Y=function(n){return n.setAttribute("hydrated","")};var Z=function(n,r){return yn(n).C.get(r)};var nn=function(n,r,e,t){var i=yn(n);var a=i.$hostElement$;var u=i.C.get(r);var f=i.o;var o=i.k;e=_(e,t.M[r][0]);var v=Number.isNaN(u)&&Number.isNaN(e);var l=e!==u&&!v;if((!(f&8)||u===undefined)&&l){i.C.set(r,e);if(o){if(t.P&&f&128){var c=t.P[r];if(c){c.map((function(n){try{o[n](e,u,r)}catch(n){mn(n,a)}}))}}if((f&(2|16))===2){G(i,false)}}}};var rn=function(n,r,e){var t;var i=n.prototype;if(r.M){if(n.watchers){r.P=n.watchers}var a=Object.entries(r.M);a.map((function(n){var t=n[0],a=n[1][0];if(a&31||e&2&&a&32){Object.defineProperty(i,t,{get:function(){return Z(this,t)},set:function(n){nn(this,t,n,r)},configurable:true,enumerable:true})}}));if(e&1){var u=new Map;i.attributeChangedCallback=function(n,e,t){var a=this;kn.jmp((function(){var f;var o=u.get(n);if(a.hasOwnProperty(o)){t=a[o];delete a[o]}else if(i.hasOwnProperty(o)&&typeof a[o]==="number"&&a[o]==t){return}else if(o==null){var v=yn(a);var l=v===null||v===void 0?void 0:v.o;if(l&&!(l&8)&&l&128&&t!==e){var c=v.k;var s=(f=r.P)===null||f===void 0?void 0:f[n];s===null||s===void 0?void 0:s.forEach((function(r){if(c[r]!=null){c[r].call(c,t,e,n)}}))}return}a[o]=t===null&&typeof a[o]==="boolean"?false:t}))};n.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((t=r.P)!==null&&t!==void 0?t:{}),true),a.filter((function(n){var r=n[0],e=n[1];return e[0]&15})).map((function(n){var e=n[0],t=n[1];var i;var a=t[1]||e;u.set(a,e);if(t[0]&512){(i=r.$)===null||i===void 0?void 0:i.push([e,a])}return a})),true)))}}return n};var en=function(n,r,t,i){return __awaiter(e,void 0,void 0,(function(){var n,e,i,a,u,f,l,c;return __generator(this,(function(s){switch(s.label){case 0:if(!((r.o&32)===0))return[3,3];r.o|=32;n=$n(t);if(!n.then)return[3,2];e=v();return[4,n];case 1:n=s.sent();e();s.label=2;case 2:if(!n.isProxied){{t.P=n.watchers}rn(n,t,2);n.isProxied=true}i=o("createInstance",t.m);{r.o|=8}try{new n(r)}catch(n){mn(n)}{r.o&=~8}{r.o|=128}i();if(n.style){a=n.style;u=x(t);if(!gn.has(u)){f=o("registerStyles",t.m);k(u,a,!!(t.o&1));f()}}s.label=3;case 3:l=r.j;c=function(){return G(r,true)};if(l&&l["s-rc"]){l["s-rc"].push(c)}else{c()}return[2]}}))}))};var tn=function(n){};var an=function(n){if((kn.o&1)===0){var r=yn(n);var e=r.p;var t=o("connectedCallback",e.m);if(!(r.o&1)){r.o|=1;{var i=n;while(i=i.parentNode||i.host){if(i["s-p"]){F(r,r.j=i);break}}}if(e.M){Object.entries(e.M).map((function(r){var e=r[0],t=r[1][0];if(t&31&&n.hasOwnProperty(e)){var i=n[e];delete n[e];n[e]=i}}))}{en(n,r,e)}}else{vn(n,r,e.T);if(r===null||r===void 0?void 0:r.k);else if(r===null||r===void 0?void 0:r.R){r.R.then((function(){return tn()}))}}t()}};var un=function(n){{X(n,"disconnectedCallback")}};var fn=function(n){return __awaiter(e,void 0,void 0,(function(){var r;return __generator(this,(function(e){if((kn.o&1)===0){r=yn(n);{if(r.U){r.U.map((function(n){return n()}));r.U=undefined}}if(r===null||r===void 0?void 0:r.k){un(r.k)}else if(r===null||r===void 0?void 0:r.R){r.R.then((function(){return un(r.k)}))}}return[2]}))}))};var on=n("b",(function(n,r){if(r===void 0){r={}}var e;var t=o();var i=[];var a=r.exclude||[];var u=Sn.customElements;var f=jn.head;var v=f.querySelector("meta[charset]");var s=jn.createElement("style");var d=[];var h;var p=true;Object.assign(kn,r);kn.W=new URL(r.resourcesUrl||"./",jn.baseURI).href;var w=false;n.map((function(n){n[1].map((function(r){var e;var t={o:r[0],m:r[1],M:r[2],T:r[3]};if(t.o&4){w=true}{t.M=r[2]}{t.T=r[3]}{t.$=[]}{t.P=(e=r[4])!==null&&e!==void 0?e:{}}var f=t.m;var o=function(n){__extends(r,n);function r(r){var e=n.call(this,r)||this;r=e;wn(r,t);if(t.o&1){{{r.attachShadow({mode:"open"})}}}return e}r.prototype.connectedCallback=function(){var n=this;if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{kn.jmp((function(){return an(n)}))}};r.prototype.disconnectedCallback=function(){var n=this;kn.jmp((function(){return fn(n)}))};r.prototype.componentOnReady=function(){return yn(this).R};return r}(HTMLElement);t.L=n[0];if(!a.includes(f)&&!u.get(f)){i.push(f);u.define(f,rn(o,t,1))}}))}));if(w){s.innerHTML+=c}{s.innerHTML+=i+l}if(s.innerHTML.length){s.setAttribute("data-styles","");var b=(e=kn.h)!==null&&e!==void 0?e:y(jn);if(b!=null){s.setAttribute("nonce",b)}f.insertBefore(s,v?v.nextSibling:f.firstChild)}p=false;if(d.length){d.map((function(n){return n.connectedCallback()}))}else{{kn.jmp((function(){return h=setTimeout(Q,30)}))}}t()}));var vn=function(n,r,e,t){if(e){e.map((function(e){var t=e[0],i=e[1],a=e[2];var u=cn(n,t);var f=ln(r,a);var o=sn(t);kn.ael(u,i,f,o);(r.U=r.U||[]).push((function(){return kn.rel(u,i,f,o)}))}))}};var ln=function(n,r){return function(e){try{{if(n.o&256){n.k[r](e)}else{(n.A=n.A||[]).push([r,e])}}}catch(n){mn(n)}}};var cn=function(n,r){if(r&4)return jn;return n};var sn=function(n){return(n&2)!==0};var dn=n("s",(function(n){return kn.h=n}));var hn=new WeakMap;var yn=function(n){return hn.get(n)};var pn=n("r",(function(n,r){return hn.set(r.k=n,r)}));var wn=function(n,r){var e={o:0,$hostElement$:n,p:r,C:new Map};{e.R=new Promise((function(n){return e.O=n}));n["s-p"]=[];n["s-rc"]=[]}vn(n,e,r.T);return hn.set(n,e)};var bn=function(n,r){return r in n};var mn=function(n,r){return(0,console.error)(n,r)};var _n=new Map;var $n=function(n,e,t){var i=n.m.replace(/-/g,"_");var a=n.L;var u=_n.get(a);if(u){return u[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return r.import("./".concat(a,".entry.js").concat("")).then((function(n){{_n.set(a,n)}return n[i]}),mn)};var gn=new Map;var Sn=typeof window!=="undefined"?window:{};var jn=Sn.document||{head:{}};var kn={o:0,W:"",jmp:function(n){return n()},raf:function(n){return requestAnimationFrame(n)},ael:function(n,r,e,t){return n.addEventListener(r,e,t)},rel:function(n,r,e,t){return n.removeEventListener(r,e,t)},ce:function(n,r){return new CustomEvent(n,r)}};var An=n("p",(function(n){return Promise.resolve(n)}));var On=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(n){}return false}();var xn=[];var Cn=[];var Mn=function(n,r){return function(e){n.push(e);if(!f){f=true;if(r&&kn.o&4){Tn(Pn)}else{kn.raf(Pn)}}}};var En=function(n){for(var r=0;r<n.length;r++){try{n[r](performance.now())}catch(n){mn(n)}}n.length=0};var Pn=function(){En(xn);{En(Cn);if(f=xn.length>0){kn.raf(Pn)}}};var Tn=function(n){return An().then(n)};var Rn=Mn(Cn,true)}}}));