@six-group/ui-library 0.0.0-insider.0052ba1

package/dist/components/index.js

@@ -0,0 +1,188 @@
+import { SixAlert } from './six-alert.js';
+import { SixAvatar } from './six-avatar.js';
+import { SixBadge } from './six-badge.js';
+import { SixButton } from './six-button.js';
+import { SixCard } from './six-card.js';
+import { SixCheckbox } from './six-checkbox.js';
+import { SixDate } from './six-date.js';
+import { SixDatepicker } from './six-datepicker.js';
+import { SixDetails } from './six-details.js';
+import { SixDialog } from './six-dialog.js';
+import { SixDrawer } from './six-drawer.js';
+import { SixDropdown } from './six-dropdown.js';
+import { SixError } from './six-error.js';
+import { SixErrorPage } from './six-error-page.js';
+import { SixFileList } from './six-file-list.js';
+import { SixFileListItem } from './six-file-list-item.js';
+import { SixFileUpload } from './six-file-upload.js';
+import { SixFooter } from './six-footer.js';
+import { SixGroupLabel } from './six-group-label.js';
+import { SixHeader } from './six-header.js';
+import { SixHeaderDropdownItem } from './six-header-dropdown-item.js';
+import { SixHeaderItem } from './six-header-item.js';
+import { SixHeaderMenuButton } from './six-header-menu-button.js';
+import { SixIcon } from './six-icon.js';
+import { SixIconButton } from './six-icon-button.js';
+import { SixInput } from './six-input.js';
+import { SixItemPicker } from './six-item-picker.js';
+import { SixLanguageSwitcher } from './six-language-switcher.js';
+import { SixLayoutGrid } from './six-layout-grid.js';
+import { SixLogo } from './six-logo.js';
+import { SixMainContainer } from './six-main-container.js';
+import { SixMenu } from './six-menu.js';
+import { SixMenuDivider } from './six-menu-divider.js';
+import { SixMenuItem } from './six-menu-item.js';
+import { SixMenuLabel } from './six-menu-label.js';
+import { SixPicto } from './six-picto.js';
+import { SixProgressBar } from './six-progress-bar.js';
+import { SixProgressRing } from './six-progress-ring.js';
+import { SixRadio } from './six-radio.js';
+import { SixRange } from './six-range.js';
+import { SixRating } from './six-rating.js';
+import { SixRoot } from './six-root.js';
+import { SixSearchField } from './six-search-field.js';
+import { SixSelect } from './six-select.js';
+export { g as getErrorMessage, a as getLanguage, l as languages } from './six-select.js';
+import { SixSidebar } from './six-sidebar.js';
+import { SixSidebarItem } from './six-sidebar-item.js';
+import { SixSidebarItemGroup } from './six-sidebar-item-group.js';
+import { SixSpinner } from './six-spinner.js';
+import { SixStageIndicator } from './six-stage-indicator.js';
+import { SixSwitch } from './six-switch.js';
+import { SixTab } from './six-tab.js';
+import { SixTabGroup } from './six-tab-group.js';
+import { SixTabPanel } from './six-tab-panel.js';
+import { SixTag } from './six-tag.js';
+import { SixTextarea } from './six-textarea.js';
+import { SixTile } from './six-tile.js';
+import { SixTimepicker } from './six-timepicker.js';
+import { SixTooltip } from './six-tooltip.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-D512q9rn.js';
+
+/**
+ * Displays an alert on the toast stack with a specified message and optional configuration.
+ *
+ * @param message - The message to be displayed in the alert.
+ * @param alertType - The type of the alert. Valid values are 'primary', 'info', 'success', 'warning', 'danger'. Default is 'info'.
+ * @param duration - The duration in milliseconds for which the alert is displayed. If not provided, a default duration is set based on the alert type.
+ * @param iconName - The name of the icon to be displayed in the alert. If not provided, a default icon is set based on the alert type.
+ */
+function showAlert(message, alertType, duration, iconName) {
+    const type = alertType !== null && alertType !== void 0 ? alertType : 'info';
+    const icon = iconName !== null && iconName !== void 0 ? iconName : getIcon(type);
+    const alert = Object.assign(document.createElement('six-alert'), {
+        type,
+        duration: duration !== null && duration !== void 0 ? duration : getDuration(type),
+        innerHTML: `<six-icon slot="icon">${icon}</six-icon>${escapeHtml(message)}`,
+        closable: true,
+    });
+    document.body.append(alert);
+    alert.toast();
+}
+function escapeHtml(html) {
+    const div = document.createElement('div');
+    div.textContent = html;
+    return div.innerHTML;
+}
+function getIcon(messageType) {
+    switch (messageType) {
+        case 'primary':
+            return 'info';
+        case 'info':
+            return 'info';
+        case 'success':
+            return 'check_circle';
+        case 'warning':
+            return 'warning';
+        case 'danger':
+            return 'report';
+    }
+}
+function getDuration(messageType) {
+    switch (messageType) {
+        case 'primary':
+            return 10000;
+        case 'info':
+            return 10000;
+        case 'success':
+            return 10000;
+        case 'warning':
+            return 20000;
+        case 'danger':
+            return 20000;
+    }
+}
+
+const defineCustomElements = (opts) => {
+    if (typeof customElements !== 'undefined') {
+        [
+            SixAlert,
+            SixAvatar,
+            SixBadge,
+            SixButton,
+            SixCard,
+            SixCheckbox,
+            SixDate,
+            SixDatepicker,
+            SixDetails,
+            SixDialog,
+            SixDrawer,
+            SixDropdown,
+            SixError,
+            SixErrorPage,
+            SixFileList,
+            SixFileListItem,
+            SixFileUpload,
+            SixFooter,
+            SixGroupLabel,
+            SixHeader,
+            SixHeaderDropdownItem,
+            SixHeaderItem,
+            SixHeaderMenuButton,
+            SixIcon,
+            SixIconButton,
+            SixInput,
+            SixItemPicker,
+            SixLanguageSwitcher,
+            SixLayoutGrid,
+            SixLogo,
+            SixMainContainer,
+            SixMenu,
+            SixMenuDivider,
+            SixMenuItem,
+            SixMenuLabel,
+            SixPicto,
+            SixProgressBar,
+            SixProgressRing,
+            SixRadio,
+            SixRange,
+            SixRating,
+            SixRoot,
+            SixSearchField,
+            SixSelect,
+            SixSidebar,
+            SixSidebarItem,
+            SixSidebarItemGroup,
+            SixSpinner,
+            SixStageIndicator,
+            SixSwitch,
+            SixTab,
+            SixTabGroup,
+            SixTabPanel,
+            SixTag,
+            SixTextarea,
+            SixTile,
+            SixTimepicker,
+            SixTooltip,
+        ].forEach(cmp => {
+            if (!customElements.get(cmp.is)) {
+                customElements.define(cmp.is, cmp, opts);
+            }
+        });
+    }
+};
+
+export { defineCustomElements, showAlert };
+//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAC,OAAe,EAAE,SAAqB,EAAE,QAAiB,EAAE,QAAiB,EAAA;IACpG,MAAM,IAAI,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,MAAA,GAAA,SAAS,GAAI,MAAM;AAChC,IAAA,MAAM,IAAI,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,OAAO,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;QAC/D,IAAI;QACJ,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,WAAW,CAAC,IAAI,CAAC;QACvC,SAAS,EAAE,yBAAyB,IAAI,CAAA,WAAA,EAAc,UAAU,CAAC,OAAO,CAAC,CAAE,CAAA;AAC3E,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACF,IAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,KAAK,EAAE;AACf;AAEA,SAAS,UAAU,CAAC,IAAY,EAAA;IAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACzC,IAAA,GAAG,CAAC,WAAW,GAAG,IAAI;IACtB,OAAO,GAAG,CAAC,SAAS;AACtB;AAEA,SAAS,OAAO,CAAC,WAAsB,EAAA;IACrC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,cAAc;AACvB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ;;AAErB;AAEA,SAAS,WAAW,CAAC,WAAsB,EAAA;IACzC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,KAAK;;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/utils/alert.ts"],"sourcesContent":["import { AlertType } from '../components/six-alert/six-alert';\n\n/**\n * Displays an alert on the toast stack with a specified message and optional configuration.\n *\n * @param message - The message to be displayed in the alert.\n * @param alertType - The type of the alert. Valid values are 'primary', 'info', 'success', 'warning', 'danger'. Default is 'info'.\n * @param duration - The duration in milliseconds for which the alert is displayed. If not provided, a default duration is set based on the alert type.\n * @param iconName - The name of the icon to be displayed in the alert. If not provided, a default icon is set based on the alert type.\n */\nexport function showAlert(message: string, alertType?: AlertType, duration?: number, iconName?: string): void {\n  const type = alertType ?? 'info';\n  const icon = iconName ?? getIcon(type);\n  const alert = Object.assign(document.createElement('six-alert'), {\n    type,\n    duration: duration ?? getDuration(type),\n    innerHTML: `<six-icon slot=\"icon\">${icon}</six-icon>${escapeHtml(message)}`,\n    closable: true,\n  });\n  document.body.append(alert);\n  alert.toast();\n}\n\nfunction escapeHtml(html: string): string {\n  const div = document.createElement('div');\n  div.textContent = html;\n  return div.innerHTML;\n}\n\nfunction getIcon(messageType: AlertType): string {\n  switch (messageType) {\n    case 'primary':\n      return 'info';\n    case 'info':\n      return 'info';\n    case 'success':\n      return 'check_circle';\n    case 'warning':\n      return 'warning';\n    case 'danger':\n      return 'report';\n  }\n}\n\nfunction getDuration(messageType: AlertType): number {\n  switch (messageType) {\n    case 'primary':\n      return 10000;\n    case 'info':\n      return 10000;\n    case 'success':\n      return 10000;\n    case 'warning':\n      return 20000;\n    case 'danger':\n      return 20000;\n  }\n}\n"],"version":3}