@orangelogic/design-system 2.91.0 → 2.93.0

package/library/chunks/{i18n.CgwQHLcP.js → i18n.W6czbRms.js}

@@ -1,7 +1,7 @@
-import { p as v } from "./purify.es.BIuh5IAZ.js";
-const s = /* @__PURE__ */ new Set(), C = new MutationObserver(f), l = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
+import { p as b } from "./purify.es.BIuh5IAZ.js";
+const s = /* @__PURE__ */ new Set(), v = new MutationObserver(f), l = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
 let d = document.documentElement.dir || "ltr", m = document.documentElement.lang || navigator.language, r;
-C.observe(document.documentElement, {
+v.observe(document.documentElement, {
   attributeFilter: ["dir", "lang"],
   attributes: !0
 });
@@ -32,7 +32,7 @@ function f() {
     typeof e.requestUpdate == "function" && e.requestUpdate();
   });
 }
-let b = class {
+let C = class {
   constructor(t) {
     this.host = t, this.host.addController(this);
   }
@@ -89,7 +89,7 @@ let b = class {
       n = r[t];
     else
       return String(t);
-    return typeof n == "function" ? v.sanitize(n(...o)) : n;
+    return typeof n == "function" ? b.sanitize(n(...o)) : n;
   }
   languageName(t) {
     return String(h.get(t) ?? "");
@@ -154,7 +154,9 @@ const w = {
   adjustSizeToHugTheContent: "Adjust size to hug the content",
   advanced: "Advanced",
   advancedEasingHelpText: "Applies to all effects",
+  advancedMode: "Advanced mode",
   advancedSearch: "Advanced Search",
+  align: "Align",
   alignItems: "Horizontal alignment",
   alignSelf: "Align self",
   alignment: "Alignment",
@@ -168,13 +170,16 @@ const w = {
   allowDownloads: "Allow downloads",
   allowDownloadsDisabledTooltip: "Download is only available for custom fonts.",
   altText: "Alt text",
+  alternativeText: "Alternative text",
   always: "Always",
   analytics: "Analytics",
   anchor: "Anchor",
+  anchorId: "Anchor ID",
   andOthers: (e) => e > 1 ? `and ${e} others` : "and 1 other",
   animation: "Animation",
   animationDuration: "Animation duration",
   animationTransitionDurationHelpText: "Applies to all effects except those where specified directly",
+  annotate: "Annotate",
   appearance: "Appearance",
   appliedFilters: "Applied filters",
   apply: "Apply",
@@ -183,6 +188,7 @@ const w = {
   ariaLabel: "Aria label",
   arrows: "Arrows",
   ascending: "Ascending",
+  aside: "Aside",
   aspectRatio: "Aspect ratio",
   asset: "Asset",
   assetInColdStorage: "Asset in Cold Storage",
@@ -207,6 +213,7 @@ const w = {
   bento: "Bento",
   blockFormat: "Block format",
   blockSettings: "Block settings",
+  blocks: "Blocks",
   bold: "Bold",
   border: "Border",
   borderColor: "Border color",
@@ -218,8 +225,10 @@ const w = {
   bottomLeft: "Bottom left",
   bottomRight: "Bottom right",
   boxShadow: "Box shadow",
+  browse: "Browse",
   browser: "Browser",
   bulletList: "Bullet list",
+  bulletListStyle: "Bullet list style",
   button: "Button",
   buttonAriaLabelHelpText: "Used to announce button label through speech. Ignored if button has own label",
   cache: "Cache",
@@ -247,6 +256,8 @@ const w = {
   carouselNavigationDots: "Carousel navigation dots",
   carouselNavigationDotsTooltip: "Use the keyboard arrows to navigate through the dots",
   carouselOfNSlides: (e) => `Carousel of ${e} slides`,
+  cell: "Cell",
+  cellProperties: "Cell properties",
   center: "Center",
   centerAlign: "Center align",
   centerCenter: "Center center",
@@ -255,20 +266,25 @@ const w = {
   change: "Change",
   chapterMarkers: "Chapter markers",
   characterFormat: "Character Format",
+  checkSpelling: "Check spelling",
   checkbox: "Checkbox",
   choose: "Choose",
   chooseExistingPaletteOrCreateNew: "Choose existing palette or create new",
+  chooseTableSize: "Choose table size",
   chunkSize: "Chunk Size",
   circles: "Circles",
+  class: "Class",
   clear: "Clear",
   clearAll: "Clear all",
   clearCache: "Clear cache",
   clearEntry: "Clear entry",
   clearSearch: "Clear search",
+  clearTextFormatting: "Clear text formatting",
   clickOrPressCtrlCToCopy: "Click or press Ctrl+C to copy",
   clickToCopy: "Click to copy",
   close: "Close",
   code: "Code",
+  codeSample: "Code sample",
   collapseButtonText: "Collapse button text",
   collapseMenu: "Collapse menu",
   collections: "Collections",
@@ -315,12 +331,14 @@ const w = {
   customShadowAndBorderRadiusHelpText: "By default, all cards follow the space's border-radius and shadow settings. Enable this to customize them for this gallery",
   customStyle: "Custom style",
   customWidth: "Custom width",
+  cut: "Cut",
   damViewNoAvailableOptionsForThisAsset: "There are no available options for this asset. This might be due to your permissions or the application's settings.",
   darkModeImage: "Dark mode image",
   dashSpacing: "Dash spacing",
   dashWidth: "Dash width",
   dashed: "Dashed",
   dateFormat: "Date Format",
+  decreaseFontSize: "Decrease font size",
   default: "Default",
   defaultDownloadLocation: "Default download location",
   defaultView: "Default view",
@@ -344,6 +362,7 @@ const w = {
   displayExpandButtonHelpText: "The button at the top right of the ribbon will open the library",
   displayShowMoreButton: 'Display "Show more" button',
   displayShowMoreButtonHelpText: "Places a button after the last row that shows more items",
+  displayText: "Display text",
   distance: "Distance",
   divider: "Divider",
   doNotAskAgain: "Do not ask again",
@@ -373,7 +392,7 @@ const w = {
   editAssetCard: "Edit asset card",
   editCard: "Edit card",
   editCellProperties: "Edit cell properties",
-  editCellsProperties: "Edit cells properties",
+  editCellsProperties: "Edit cell(s) properties",
   editChapter: "Edit chapter",
   editChapters: "Edit chapters",
   editColor: "Edit color",
@@ -402,10 +421,13 @@ const w = {
   emptyTabGroup: "Empty tab group",
   emptyTimeline: "Empty timeline",
   emptyVideo: "Empty video",
+  enableCaption: "Enable caption",
   enterYourSiteUrlToConnect: "Enter your site URL to connect",
   environment: "Environment",
   error: "Error",
   errorUpdatingChapters: "Error updating chapters",
+  errorUploadingImage: "Error uploading image",
+  errorUploadingImageTitle: "Error uploading image",
   estimatedReadingTime: "Estimated reading time:",
   example: (e) => `Example: ${e}`,
   executeACommand: "Execute a command",
@@ -425,10 +447,15 @@ const w = {
   favorites: "Favorites",
   favoritesSync: "Favorites sync",
   female: "Female",
+  file: "File",
   fileOnDemandSyncErrorMessage: "There are upload errors in your system. If this issue persists, please reach out to your administrator.",
   fill: "Fill",
   fillContainer: "Fill container",
   filter: "Filter",
+  find: "Find",
+  findAndReplace: "Find and Replace",
+  findInSelection: "Find in selection",
+  findWholeWordsOnly: "Find whole words only",
   first: "First",
   firstLineIndent: "First-line indent",
   fit: "Fit",
@@ -438,14 +465,18 @@ const w = {
   folder: "Folder",
   folderCollection: "Folder/Collection",
   folders: "Folders",
+  font: "Font",
   fontColor: "Font color",
   fontKit: "Font kit",
   fontKitPreview: "Font kit preview",
   fontNthOfTotalFonts: (e, t, o, a, i) => `Font ${t} of ${e}: ${o} ${a} ${i}`,
   fontShowcase: "Font showcase",
   fontSize: "Font size",
+  fontSizes: "Font sizes",
   fontWeight: "Font weight",
+  fonts: "Fonts",
   format: "Format",
+  formats: "Formats",
   forward: "Forward",
   fullscreen: "Fullscreen",
   gallery: "Gallery",
@@ -463,6 +494,7 @@ const w = {
   heading: (e) => `Heading ${e ?? ""}`.trim(),
   height: "Height",
   heightMode: "Height mode",
+  help: "Help",
   hideCode: "Hide code",
   hidePassword: "Hide password",
   highlight: "Highlight",
@@ -472,6 +504,7 @@ const w = {
   highlightDropShadowDescription: "Display a shadow of specific color and intensity",
   highlightSiblingsFadeOutDescription: "Fade out all cards in gallery except the hovered one",
   history: "History",
+  hollowBullet: "Hollow bullet",
   horizontalGap: "Horizontal gap",
   hugContent: "Hug content",
   hugContentOnDesktopAndStretchesToFullWidthOnMobile: "Hug content on desktop and stretches to full width on mobile",
@@ -480,19 +513,31 @@ const w = {
   image: "Image",
   imageContent: "Image content",
   imageFormat: "Image format",
+  imageSource: "Image source",
+  imageSourceInfo: (e, t, o) => `Source image: ${e}px × ${t}px. Ratio ${o}`,
+  imageUploadStarted: "Image upload started. Please wait until all the images are uploaded.",
   import: "Import",
   importTextFile: "Import text file",
   importTextFileDialogConfirm: "Import text",
   importTextFileDialogContent: "Imported text will replace the existing text",
   importTextFileDialogTitle: "Replace existing text",
+  increaseFontSize: "Increase font size",
+  indent: "Indent",
   individualAssets: "Individual assets",
   individualAssetsHelpText: "Manually add assets as slides.",
+  inlineCode: "Inline code",
   insert: "Insert",
   insertBreak: "Insert pause",
   insertColumnAfter: "Insert column after",
   insertColumnBefore: "Insert column before",
+  insertEditAnchor: "Insert/Edit Anchor",
+  insertEditImage: "Insert/Edit Image",
+  insertEditLink: "Insert/Edit Link",
+  insertEditVideo: "Insert/Edit Video",
   insertRowAfter: "Insert row after",
   insertRowBefore: "Insert row before",
+  insertTable: "Insert table",
+  insertTableWithRowsAndColumns: (e, t) => `Insert ${e}×${t} table`,
   inspectInFullScreen: "Inspect in fullscreen",
   install: "Install",
   interpretTextAs: "Interpret Text As",
@@ -508,6 +553,7 @@ const w = {
   keepAspectRatio: "Keep aspect ratio",
   label: "Label",
   labelAndIconColor: "Label and icon color",
+  language: "Language",
   large: "Large",
   largeLabeled: "Large labeled",
   last: "Last",
@@ -540,6 +586,7 @@ const w = {
   margins: "Margins",
   markerImages: "Marker images",
   markersPerScreen: "Markers per screen",
+  matchCase: "Match case",
   max: "max",
   maxDownloadRate: "Max download rate",
   maxDownloadRateCannotBeNegative: "Max download rate cannot be negative.",
@@ -548,6 +595,7 @@ const w = {
   maxUploadRate: "Max upload rate",
   maxUploadRateCannotBeNegative: "Max upload rate cannot be negative.",
   maxWidth: "Max width",
+  media: "Media",
   medium: "Medium",
   mediumLabeled: "Medium labeled",
   mergeCells: "Merge cells",
@@ -573,6 +621,7 @@ const w = {
   newBlock: "New block",
   newVersionAvailable: (e) => `New version ${e} available`,
   next: "Next",
+  nextOccurrence: "Next occurrence",
   nextSlide: "Next slide",
   noCardsAddedYet: "No cards added yet",
   noColumnsVisible: "No columns visible",
@@ -601,6 +650,7 @@ const w = {
   none: "None",
   notSelected: "Not selected",
   numOptionsSelected: (e) => e === 0 ? "No options selected" : e === 1 ? "1 option selected" : `${e} options selected`,
+  numberedListStyle: "Numbered list style",
   of: "of",
   ok: "Ok",
   onHover: "On hover",
@@ -624,6 +674,7 @@ const w = {
   openSpace: "Open space",
   options: "Options",
   orderedList: "Ordered list",
+  outdent: "Outdent",
   overflow: "Overflow",
   overflowBehavior: "Overflow behavior",
   overlay: "Overlay",
@@ -638,8 +689,11 @@ const w = {
   palette: "Palette",
   panelTitle: "Panel title",
   pantoneMatchingSystemName: "Pantone matching system name",
+  paragraph: "Paragraph",
   paragraphSpacing: "Paragraph spacing",
   parameters: "Parameters",
+  paste: "Paste",
+  pasteAsPlainText: "Paste as text",
   pause: "Pause",
   pauseAll: "Pause All",
   pauseTime: "Pause Time",
@@ -664,6 +718,7 @@ const w = {
   previewTooltip: "Preview the entire audio file or select text to preview the selection",
   previous: "Previous",
   previousJobUnfinished: "Previous requests still in progress",
+  previousOccurrence: "Previous occurrence",
   previousSlide: "Previous slide",
   primary: "Primary",
   progress: "Progress",
@@ -682,6 +737,9 @@ const w = {
   removeBlock: "Remove block",
   removeFolder: (e) => e > 1 ? `Remove ${e} folders` : "Remove folder",
   renderAudio: "Render audio",
+  replace: "Replace",
+  replaceAll: "Replace all",
+  replaceWith: "Replace with",
   representativeImage: "Representative image",
   requestInProgress: "Request in progress",
   reset: "Reset",
@@ -696,11 +754,17 @@ const w = {
   retryAll: "Retry all",
   ribbon: "Ribbon",
   richText: "Rich text",
+  richTextFormattingToolbar: "Rich text formatting toolbar",
+  richTextToolbarImagePreviewHintEditor: "In editor, drag image to reposition",
+  richTextToolbarImagePreviewHintResize: "Click on image to enable image resizer",
+  richTextToolbarVideoPreviewHintEditor: "In editor, drag video by the edge to reposition",
+  richTextToolbarVideoPreviewHintResize: "Click on edge to enable video resizer",
   right: "Right",
   rightAlign: "Right align",
   rocketMode: "Rocket mode",
   rocketModeDefinition: "Download files faster. For better system/web performance turn this off.",
   rotate: "Rotate",
+  row: "Row",
   rowsGap: "Rows gap",
   rowsPerPage: "Rows per page",
   running: "running",
@@ -718,15 +782,18 @@ const w = {
   searchBox: "Search box",
   searchDownloads: "Search downloads",
   searchFolders: "Search folders",
+  searchOptions: "Search options",
   secondary: "Secondary",
   sectionBackground: "Section background",
   seeThru: "See-thru",
   selectAColor: "Select a color",
   selectAColorFromTheScreen: "Select a color from the screen",
+  selectAll: "Select all",
   selectFolder: "Select folder",
   selectFolders: "Select folders",
   selected: "Selected",
   send: "Send",
+  separatedBySpace: "Separated by space",
   settings: "Settings",
   settingsTitle: (e) => `${e} settings`,
   shadesPalette: (e) => `${e} Shades`,
@@ -763,17 +830,23 @@ const w = {
   smallLabeled: "Small labeled",
   software: "Software",
   solid: "Solid",
+  solidBullet: "Solid bullet",
   sort: "Sort",
   source: "Source",
   space: "Space",
   spaceDefault: "Space default",
   specialCharacter: "Special character",
+  specialCharacters: "Special characters",
+  specialCharactersEmpty: "No characters match your search.",
   specifiedWidthInPixels: "Specified width in pixels",
   speed: "Speed",
+  spellcheck: "Spellcheck",
   splitCell: "Split cell",
   splitIntoMultipleScreens: "Split into multiple screens",
   splitIntoMultipleScreensHelpText: "Creates a slideshow of images split into scrollable screens",
+  squareBullet: "Square bullet",
   start: "Start",
+  startComposing: "Start composing...",
   status: "Status",
   statusDate: "Status date",
   stop: "Stop",
@@ -783,12 +856,14 @@ const w = {
   styling: "Styling",
   subfolders: "subfolders",
   subscript: "Subscript",
+  suggestDeletion: "Suggest deletion",
   superscript: "Superscript",
   syncCanceled: "Sync canceled.",
   syncFailedCacheFull: "Sync failed. Cache full.",
   syncing: "Syncing",
   tabBackground: "Tab background",
   table: "Table",
+  tableProperties: "Table properties",
   tabs: "Tabs",
   tabsAlignment: "Tabs alignment",
   template: "Template",
@@ -823,6 +898,7 @@ const w = {
   toggleHeaderColumn: "Toggle header column",
   toggleHeaderRow: "Toggle header row",
   tooManyFiles: "Only one file can be uploaded at a time. Please try again.",
+  tools: "Tools",
   top: "Top",
   topCenter: "Top center",
   topLeft: "Top left",
@@ -858,6 +934,7 @@ const w = {
   uploadDownload: "Upload & Download",
   uploadFailed: "Upload failed",
   uploads: "Uploads",
+  url: "URL",
   urlValidationMessage: "Please enter a valid URL.",
   useKeyboardArrowsToNavigateThroughTheCarousel: "Use the keyboard arrows to navigate through the carousel",
   useKeyboardArrowsToNavigateThroughTheGallery: "Use the keyboard arrows to navigate through the gallery",
@@ -872,6 +949,9 @@ const w = {
   videoChaptersEmptyPlaceholder: "This video doesn’t have chapter yet",
   videoContent: "Video content",
   videoPlayer: "Video player",
+  videoPoster: "Video poster",
+  videoSource: "Video source",
+  videoSourceInfo: (e, t, o) => `Source video: ${e}px × ${t}px. Ratio ${o}`,
   view: "View",
   viewAndSort: "view & sort",
   viewInAR: "View in AR",
@@ -898,7 +978,7 @@ const w = {
   zoomToFit: "Zoom to fit"
 };
 g(w);
-class k extends b {
+class k extends C {
 }
 g(w);
 export {

package/library/chunks/icon-button.MqA-pNw8.js

@@ -0,0 +1,149 @@
+import { n as r, C as g } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as p } from "./component.styles.CRO4Odto.js";
+import { c as h } from "./custom-element.L4WJXn1j.js";
+import { L as m } from "./i18n.W6czbRms.js";
+import { r as f } from "./state.CSDxrqLd.js";
+import { e as v } from "./query.BBf1UFkC.js";
+import { e as y } from "./class-map.BiVq-cVR.js";
+import { o as c } from "./if-defined.BRoBj_Rp.js";
+import { n as k } from "./when.Dr1es41R.js";
+import { i as d, u as s } from "./static.UA3G1Deq.js";
+import _ from "../components/icon.js";
+import w from "../components/spinner.js";
+import { i as z } from "./lit-element.jLBm65_O.js";
+var x = /* @__PURE__ */ ((o) => (o.Large = "large", o.Medium = "medium", o.Small = "small", o.XLarge = "x-large", o))(x || {});
+const $ = z`:host{color:var(--cx-color-neutral-600);--group-divider-color:#80808054;display:inline-block}.icon-button{border-radius:var(--cx-border-radius-medium);font-size:inherit;color:inherit;padding:var(--cx-spacing-x-small);cursor:pointer;transition:var(--cx-transition-x-fast) color;background:0 0;border:none;flex:none;align-items:center;display:flex;position:relative}.icon-button:focus{outline:none}.icon-button--disabled{opacity:.5;cursor:default}.icon-button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.icon-button__icon{pointer-events:none;margin:auto}.icon-button--small{font-size:var(--cx-font-size-x-small);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-small);min-width:var(--cx-input-height-small)}.icon-button--medium{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium)}.icon-button--large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-x-small);min-height:var(--cx-input-height-large);min-width:var(--cx-input-width-large)}.icon-button--x-large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-small);min-height:var(--cx-input-height-x-large);min-width:var(--cx-input-height-x-large)}.icon-button.icon-button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button.icon-button--default:hover:not(.icon-button--disabled),.icon-button.icon-button--default.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button.icon-button--default:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.icon-button.icon-button--text:hover:not(.icon-button--disabled),.icon-button.icon-button--text.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button.icon-button--text:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.icon-button.icon-button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:hover:not(.icon-button--disabled),.icon-button.icon-button--primary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:active:not(.icon-button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:hover:not(.icon-button--disabled),.icon-button.icon-button--success.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:active:not(.icon-button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:hover:not(.icon-button--disabled),.icon-button.icon-button--warning.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:active:not(.icon-button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:hover:not(.icon-button--disabled),.icon-button.icon-button--danger.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:active:not(.icon-button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--custom,.icon-button.icon-button--custom:hover:not(.icon-button--disabled),.icon-button.icon-button--custom.icon-button--focused:not(.icon-button--disabled),.icon-button.icon-button--custom:active:not(.icon-button--disabled){background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.icon-button--outline{border:solid var(--cx-input-border-width);border-color:var(--cx-input-border-color);background:0 0}.icon-button--outline.icon-button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--checked:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:active:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.icon-button--outline.icon-button--primary:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--primary:active:not(.icon-button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.icon-button--outline.icon-button--success:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success:active:not(.icon-button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.icon-button--outline.icon-button--warning:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning:active:not(.icon-button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.icon-button--outline.icon-button--danger:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger:active:not(.icon-button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.icon-button--tertiary:hover:not(.icon-button--disabled),.icon-button--tertiary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:focus-visible:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.icon-button--circle{border-radius:var(--cx-border-radius-circle)}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .icon-button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .icon-button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .icon-button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .icon-button:after{content:"";top:0;inset-inline-start:0;border-left:solid 1px var(--group-divider-color);mix-blend-mode:multiply;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}.icon-button ::slotted(cx-badge){pointer-events:none;translate:50% -50%;top:0!important;left:unset!important;position:absolute!important;right:0!important}.icon-button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.icon-button--small ::slotted(cx-badge){--padding:.1em .32em;--font-size:var(--cx-font-size-x-small)}.icon-button--medium ::slotted(cx-badge){--font-size:var(--cx-font-size-small)}.icon-button--large ::slotted(cx-badge),.icon-button--x-large ::slotted(cx-badge){--font-size:var(--cx-font-size-medium)}.icon-button__icon-container{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:relative}.icon-button--loading{cursor:wait;position:relative}.icon-button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}`;
+var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (o, i, l, a) => {
+  for (var e = a > 1 ? void 0 : a ? S(i, l) : i, u = o.length - 1, b; u >= 0; u--)
+    (b = o[u]) && (e = (a ? b(i, l, e) : b(e)) || e);
+  return a && e && C(i, l, e), e;
+};
+let t = class extends g {
+  constructor() {
+    super(...arguments), this.localize = new m(this), this.hasFocus = !1, this.variant = "outlined", this.buttonVariant = "text", this.label = "", this.disabled = !1, this.loading = !1, this.iconClass = "", this.size = x.Medium, this.outline = !1, this.circle = !1;
+  }
+  connectedUpdatedCallback() {
+    this.syncStyles(), this.styleObserver = new MutationObserver(() => this.syncStyles()), this.styleObserver.observe(this, {
+      attributeFilter: ["style"],
+      attributes: !0
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.styleObserver?.disconnect();
+  }
+  syncStyles() {
+    const o = this.style.fontSize;
+    o && this.button && (this.icon.style.setProperty("--font-size", o), this.button.style.fontSize = "inherit", this.style.fontSize = "");
+  }
+  handleBlur() {
+    this.hasFocus = !1, this.emit("cx-blur");
+  }
+  handleFocus() {
+    this.hasFocus = !0, this.emit("cx-focus");
+  }
+  handleClick(o) {
+    this.disabled && (o.preventDefault(), o.stopPropagation());
+  }
+  /** Simulates a click on the icon button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the icon button. */
+  focus(o) {
+    this.button.focus(o);
+  }
+  /** Removes focus from the icon button. */
+  blur() {
+    this.button.blur();
+  }
+  render() {
+    const o = !!this.href, i = o ? d`a` : d`button`;
+    return s`<${i} part="base" class=${y({
+      "icon-button": !0,
+      "icon-button--circle": this.circle,
+      "icon-button--custom": !!this.src,
+      "icon-button--danger": this.buttonVariant === "danger",
+      "icon-button--default": this.buttonVariant === "default" || this.buttonVariant === "neutral",
+      "icon-button--disabled": !o && this.disabled,
+      "icon-button--focused": this.hasFocus,
+      "icon-button--large": this.size === "large",
+      "icon-button--loading": this.loading,
+      "icon-button--medium": this.size === "medium",
+      "icon-button--outline": this.outline,
+      "icon-button--primary": this.buttonVariant === "primary",
+      "icon-button--rtl": this.localize.dir() === "rtl",
+      "icon-button--small": this.size === "small",
+      "icon-button--success": this.buttonVariant === "success",
+      "icon-button--tertiary": this.buttonVariant === "tertiary",
+      "icon-button--text": this.buttonVariant === "text",
+      "icon-button--warning": this.buttonVariant === "warning",
+      "icon-button--x-large": this.size === "x-large"
+    })} ?disabled=${c(o ? void 0 : this.disabled)} type=${c(o ? void 0 : "button")} href=${c(o ? this.href : void 0)} target=${c(o ? this.target : void 0)} download=${c(o ? this.download : void 0)} rel=${c(
+      o && this.target ? "noreferrer noopener" : void 0
+    )} role=${c(o ? void 0 : "button")} aria-disabled=${this.disabled || this.loading ? "true" : "false"} aria-label=${this.label} tabindex=${this.disabled || this.loading ? "-1" : "0"} aria-busy=${this.loading ? "true" : "false"} @blur=${this.handleBlur} @focus=${this.handleFocus} @click=${this.handleClick}><div class="icon-button__icon-container">${k(
+      this.loading,
+      () => s`<cx-spinner part="spinner" role="status" aria-live="polite"></cx-spinner>`,
+      () => s`<cx-icon class="icon-button__icon" icon-class=${c(this.iconClass)} name=${c(this.name)} variant=${this.variant} src=${c(this.src)} aria-hidden="true" part="icon"></cx-icon>`
+    )}<slot name="badge"></slot></div></${i}>`;
+  }
+};
+t.styles = [p, $];
+t.dependencies = { "cx-icon": _, "cx-spinner": w };
+n([
+  v(".icon-button")
+], t.prototype, "button", 2);
+n([
+  v(".icon-button__icon")
+], t.prototype, "icon", 2);
+n([
+  f()
+], t.prototype, "hasFocus", 2);
+n([
+  r()
+], t.prototype, "name", 2);
+n([
+  r({ type: String })
+], t.prototype, "variant", 2);
+n([
+  r({ attribute: "button-variant", reflect: !0, type: String })
+], t.prototype, "buttonVariant", 2);
+n([
+  r()
+], t.prototype, "src", 2);
+n([
+  r()
+], t.prototype, "href", 2);
+n([
+  r()
+], t.prototype, "target", 2);
+n([
+  r()
+], t.prototype, "download", 2);
+n([
+  r()
+], t.prototype, "label", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "disabled", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "loading", 2);
+n([
+  r({ attribute: "icon-class", type: String })
+], t.prototype, "iconClass", 2);
+n([
+  r({ reflect: !0 })
+], t.prototype, "size", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "outline", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "circle", 2);
+t = n([
+  h("cx-icon-button")
+], t);
+export {
+  t as C,
+  x as I
+};

package/library/chunks/{iframe.DnAs6e8f.js → iframe.PcSPtm_O.js}

@@ -1,7 +1,7 @@
 import { n as r, C as d } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "./component.styles.CRO4Odto.js";
 import { c as y } from "./custom-element.L4WJXn1j.js";
-import { L as u } from "./i18n.CgwQHLcP.js";
+import { L as u } from "./i18n.W6czbRms.js";
 import { w as g } from "./watch.BCJD77bD.js";
 import { i as v, x as p } from "./lit-element.jLBm65_O.js";
 import { e as b } from "./query.BBf1UFkC.js";