'.\n//\n// Reading errors come from FileReader: the browser couldn't read the file because it\n// was moved, deleted, or changed after being selected. Status: 0 means the request\n// never completed: network drop, offline, or navigating away mid-upload. Both are\n// user-environment failures the upload delegates already surface to the user, not\n// something to report. The rest are reported with the filename stripped, so user\n// content stays out of Sentry.\nexport function reportDirectUploadError(error) {\n const message = String(error)\n\n if (message.startsWith(\"Error reading \")) return\n\n const status = message.match(/Status: (\\d+)/)?.[1] ?? \"unknown\"\n if (status === \"0\") return\n\n if (message.startsWith(\"Error creating Blob\")) {\n ErrorReporting.capture(new Error(`Direct upload failed creating blob. Status: ${status}`))\n } else if (message.startsWith(\"Error storing\")) {\n ErrorReporting.capture(new Error(`Direct upload failed storing file. Status: ${status}`))\n } else {\n ErrorReporting.capture(error)\n }\n}\n", "/* eslint-disable\n no-unexpected-multiline,\n*/\nimport { reportDirectUploadError } from \"../../lib/direct_upload_error_reporting\"\n\nconst PENDING = 1\nconst ACTIVE = 2\nconst DONE = 3\n\nBC.DirectFileUpload = class DirectFileUpload {\n constructor({ file, url, token, attachmentName, manager, authenticate }) {\n this.directUploadDidProgress = this.directUploadDidProgress.bind(this)\n this.manager = manager\n this.file = file\n if (this.manager == null) { this.manager = BC.fileUploadManager }\n this.authenticate = authenticate\n this.state = PENDING\n this.promise = new Promise((resolve, reject) => {\n this.resolve = resolve\n this.reject = reject\n })\n this.directUpload = new ActiveStorage.DirectUpload(this.file, url, this)\n }\n\n enqueue() {\n return this.manager.add(this)\n }\n\n destroy() {\n this.cancel()\n return this.manager.remove(this)\n }\n\n perform() {\n this.state = ACTIVE\n\n this.directUpload.create((error, attributes) => {\n return this.finalize({ error, attributes })\n })\n\n return this.promise\n }\n\n cancel() {\n if (this.isActive()) {\n this.xhr?.abort()\n this.delegate?.fileUploadDidCancel?.()\n }\n\n this.state = DONE\n }\n\n isPending() {\n return this.state === PENDING\n }\n\n isActive() {\n return this.state === ACTIVE\n }\n\n isDone() {\n return this.state === DONE\n }\n\n // ActiveStorage.DirectUpload delegate\n\n directUploadWillCreateBlobWithXHR(xhr) {\n if (this.authenticate) xhr.withCredentials = true\n }\n\n directUploadWillStoreFileWithXHR(xhr) {\n if (this.authenticate) xhr.withCredentials = true\n this.xhr = xhr\n return this.xhr.upload.addEventListener(\"progress\", this.directUploadDidProgress)\n }\n\n directUploadDidProgress(event) {\n const percent = (event.loaded / event.total) * 100\n\n ErrorReporting.breadcrumb({\n level: \"info\",\n category: \"xhr.progress\",\n message: `XHR progress ${percent}%`,\n data: {\n percent,\n event\n }\n })\n\n if ((typeof (percent) === \"number\") && !isNaN(percent)) {\n return this.delegate?.fileUploadDidProgress?.(percent)\n }\n }\n\n // Private\n\n finalize({ error, attributes } = {}) {\n this.state = DONE\n\n if (error != null) {\n reportDirectUploadError(error)\n this.reject()\n return this.delegate?.fileUploadDidFail?.(error)\n } else {\n this.resolve()\n return this.delegate?.fileUploadDidComplete?.(attributes)\n }\n }\n}\n", "import \"./file_upload_manager\"\nimport \"./file_upload\"\nimport \"./file_upload_preview_completion\"\nimport \"./navigation_warning\"\nimport \"./picker\"\nimport \"./direct_file_upload\"\n\nif (!BC.fileUploadManager) { BC.fileUploadManager = new BC.FileUploadManager }\n\nBC.isUploadingFiles = () => BC.fileUploadManager.isUploading()\n", "BC.BackgroundOperationMonitor = class BackgroundOperationMonitor {\n constructor(url, {maxChecks, delay} = {}) {\n this.check = this.check.bind(this)\n this.evaluateStatus = this.evaluateStatus.bind(this)\n this.url = url\n this.checks = 0\n this.maxChecks = maxChecks != null ? maxChecks : 300\n this.delay = delay != null ? delay : 1000\n }\n\n start() {\n if (this.started == null) {\n this.started = true\n return new Promise((resolve, reject) => {\n this.resolve = resolve\n this.reject = reject\n return this.check()\n })\n }\n }\n\n // Private\n\n check() {\n this.checks += 1\n return this.fetchStatus().then(this.evaluateStatus)\n }\n\n fetchStatus() {\n return BC.fetch(this.url, {as: \"json\"})\n .then(data => data)\n .catch(() => this.reject())\n }\n\n evaluateStatus(data) {\n switch (data.status) {\n case \"completed\": return this.resolve(data)\n case \"failed\": return this.reject(data)\n default: return this.scheduleNextCheckOrTimeout()\n }\n }\n\n scheduleNextCheckOrTimeout() {\n if (this.checks < this.maxChecks) {\n return setTimeout(this.check, this.delay)\n } else {\n return this.reject()\n }\n }\n}\n", "class BcSticky extends HTMLElement {}\nwindow.customElements.define(\"bc-sticky\", BcSticky)\n", "const DIAMETER = 64\n\nclass BcPieChart extends HTMLElement {\n static get observedAttributes() {\n return [\"percent\", \"type\"]\n }\n\n constructor() {\n super(...arguments)\n this.render()\n }\n\n attributeChangedCallback() {\n this.render()\n }\n\n get percent() {\n const percent = this.getAttribute(\"percent\")\n return parseInt(percent ? percent : 0, 10)\n }\n\n render() {\n this.diameter = DIAMETER\n this.radius = this.diameter / 2\n this.center = this.radius\n\n switch (this.getAttribute(\"type\")) {\n case \"donut\":\n this.strokeWidth = this.radius * 0.3\n this.radius = this.radius - (this.strokeWidth / 2)\n break\n default:\n this.strokeWidth = this.diameter\n }\n\n this.innerHTML = this.generateHTML()\n }\n\n generatePieCSS() {\n return `stroke-width: ${this.strokeWidth};`\n }\n\n generateSliceCSS() {\n const gap = Math.PI * 2 * this.radius\n const length = this.percent * (gap / 100)\n return this.generatePieCSS() + `stroke-dasharray: ${length} ${gap};`\n }\n\n generateHTML() {\n return `\n `\n }\n}\n\nwindow.customElements.define(\"bc-pie-chart\", BcPieChart)\n\n", "const ONLY_DISCLOSED = \":not(details:not([open]) *)\"\n\nBC.contentFilterConfig = {\n selectors: {\n input: \"[data-behavior~=content_filter_input]\",\n group: `[data-role~=content_filter_group]${ONLY_DISCLOSED}`,\n element: `:is([data-role~=content_filterable], [data-role~=content_pinned])${ONLY_DISCLOSED}`,\n pinned: \"[data-role~=content_pinned]\",\n text: `[data-role~=content_filter_text]${ONLY_DISCLOSED}`,\n hideWhenActive: `[data-behavior~=hide_when_content_filter_active]${ONLY_DISCLOSED}`,\n hideUnlessMatch: `[data-behavior~=hide_unless_content_filter_match]${ONLY_DISCLOSED}`,\n showWhenNoMatches: \"[data-behavior~=show_when_no_content_filter_matches]\",\n hideWhenNoMatches: \"[data-behavior~=hide_when_no_content_filter_matches]\",\n ariaDescription: \"[data-role~=content_filter_aria_description]\",\n ariaStatus: \"[data-role~=content_filter_aria_status]\",\n ariaText: \"[data-role~=content_filter_aria_text]\"\n },\n classNames: {\n matched: \"content-filter__match\",\n selected: \"content-filter__selected\"\n }\n}\n", "import \"./config\"\nconst { selectors } = BC.contentFilterConfig\nconst indexSelector = `${selectors.element}, ${selectors.group}`\n\nBC.ContentFilterElementIndex = class ContentFilterElementIndex {\n constructor(element) {\n this.elementDidMutate = this.elementDidMutate.bind(this)\n this.element = element\n this.searchStrings = new WeakMap\n this.createIndex()\n }\n\n getElementsMatchingQuery(query) {\n const index = new Map\n const elements = []\n const queryParts = normalize(`${query}`).split(/\\s+/)\n\n this.index.forEach(function({ searchString, groupElement, pinned }, element) {\n if (pinned || queryParts.every(part => searchString.includes(part))) {\n index.set(element, { groupElement })\n elements.push(element)\n }\n })\n return { index, elements }\n }\n\n getElementAtIndex(index) {\n return this.elements[index]\n }\n\n // Element indexing\n\n createIndex() {\n this.index = new Map\n this.elements = []\n\n Array.from(this.element.querySelectorAll(selectors.group)).forEach((groupElement) => {\n Array.from(groupElement.querySelectorAll(selectors.element)).forEach((element) => {\n this.elements.push(element)\n const searchString = this.fetchSearchStringForElement(element)\n const pinned = element.matches(selectors.pinned)\n this.index.set(element, { searchString, groupElement, pinned })\n })\n })\n\n this.size = this.index.size\n this.pinCount = this.element.querySelectorAll(selectors.pinned).length\n }\n\n updateIndex() {\n this.createIndex()\n return this.delegate?.elementIndexDidUpdate?.()\n }\n\n fetchSearchStringForElement(element) {\n let string = this.searchStrings.get(element)\n if (string) return string\n\n string = this.createSearchStringForElement(element)\n this.searchStrings.set(element, string)\n return string\n }\n\n createSearchStringForElement(element) {\n const strings = []\n\n Array.from(element.querySelectorAll(selectors.text)).forEach(({ textContent, title }) => {\n if (textContent && !Array.from(strings).includes(textContent)) { strings.push(textContent) }\n if (title && !Array.from(strings).includes(title)) { strings.push(title) }\n })\n\n return normalize(strings.join(\" \"))\n }\n\n // Mutation observer\n\n installMutationObserver() {\n this.observer = new MutationObserver(this.elementDidMutate)\n return this.observer.observe(this.element, { childList: true, subtree: true, attributes: true, attributeFilter: [ \"open\" ] })\n }\n\n uninstallMutationObserver() {\n if (this.observer) {\n this.observer.disconnect()\n this.observer = null\n }\n }\n\n elementDidMutate(mutations) {\n if (mutationsAffectIndex(mutations)) {\n return this.updateIndex()\n }\n }\n}\n\nconst normalize = function(string) {\n return BC.normalize(string).toLowerCase().trim()\n}\n\nconst mutationsAffectIndex = function(mutations) {\n for (const mutation of Array.from(mutations)) {\n const { addedNodes, removedNodes } = mutation\n for (const node of Array.from(addedNodes)) { if (nodeAffectsIndex(node)) { return true } }\n for (const node of Array.from(removedNodes)) { if (nodeAffectsIndex(node)) { return true } }\n if (mutation.type === \"attributes\") return true\n }\n return false\n}\n\nconst nodeAffectsIndex = function(node) {\n if (node?.nodeType === Node.ELEMENT_NODE) {\n return BC.matches(node, indexSelector) || node.querySelector(indexSelector)\n }\n}\n", "import \"./config\"\nconst {classNames} = BC.contentFilterConfig\n\nBC.ContentFilterQueryResults = class ContentFilterQueryResults {\n constructor(query, elementIndex) {\n const { index, elements } = elementIndex.getElementsMatchingQuery(query)\n const { pinCount } = elementIndex\n\n this.index = index\n this.elements = elements\n\n this.size = index.size\n this.pinAdjustedMatchCount = this.size - pinCount\n }\n\n render() {\n return this.index.forEach(({groupElement}, element) => {\n element.classList.add(classNames.matched)\n return groupElement.classList.add(classNames.matched)\n })\n }\n\n getElementAtIndex(index) {\n return this.elements[index]\n }\n\n reset() {\n return this.index.forEach(({groupElement}, element) => {\n element.classList.remove(classNames.matched, classNames.selected)\n return groupElement.classList.remove(classNames.matched)\n })\n }\n}\n", "import \"./config\"\nimport \"./element_index\"\nimport \"./query_results\"\n\nconst { selectors, classNames } = BC.contentFilterConfig\n\nBC.ContentFilterController = class ContentFilterController {\n constructor(element) {\n this.reset = this.reset.bind(this)\n this.didInput = this.didInput.bind(this)\n this.didKeyDown = this.didKeyDown.bind(this)\n this.element = element\n this.inputElement = this.element.querySelector(selectors.input)\n this.ariaDescriptionElement = this.element.querySelector(selectors.ariaDescription)\n this.ariaStatusElement = this.element.querySelector(selectors.ariaStatus)\n this.eventHandlers = []\n this.eventHandlers.push(BC.handleEvent(\"input\", { on: this.element, matching: selectors.input, with: BC.debounce(this.didInput) }))\n this.eventHandlers.push(BC.handleEvent(\"keydown\", { on: this.element, matching: selectors.input, with: this.didKeyDown }))\n this.eventHandlers.push(BC.handleEvent(\"turbo:before-cache\", { once: true, with: this.reset }))\n\n if (this.element.hasAttribute(\"close-on-select\")) {\n this.didSelect = this.didSelect.bind(this)\n this.didResetSelection = this.didResetSelection.bind(this)\n this.eventHandlers.push(BC.handleEvent(\"change\", { on: this.element, matching: \"input[type=checkbox]\", phase: \"capturing\", with: this.didSelect }))\n this.eventHandlers.push(BC.handleEvent(\"click\", { on: this.element, matching: \"[data-role~=content_filter_reset]\", phase: \"capturing\", with: this.didResetSelection }))\n }\n }\n\n render() {\n if (this.results) {\n this.results.reset()\n this.results = null\n }\n\n if (this.element.query) {\n this.results = new BC.ContentFilterQueryResults(this.element.query, this.getElementIndex())\n this.results.render()\n }\n\n this.element.matchCount = this.results?.pinAdjustedMatchCount\n if (Number(this.element.selectedIndex) < 0 && this.element.autoselect) this.adjustSelectedIndex(1)\n }\n\n renderSelection() {\n this.selectedElement?.classList.remove(classNames.selected)\n this.selectedElement?.removeAttribute(\"aria-selected\", true)\n this.inputElement.removeAttribute(\"aria-activedescendant\")\n\n this.selectedElement = this.getElementAtIndex(this.element.selectedIndex)\n\n if (this.selectedElement) {\n this.selectedElement.classList.add(classNames.selected)\n this.selectedElement.setAttribute(\"aria-selected\", true)\n this.inputElement.setAttribute(\"aria-activedescendant\", this.selectedElement.id)\n this.renderAriaStatus()\n return BC.scrollElementIntoViewport(this.selectedElement)\n }\n }\n\n reset() {\n Array.from(this.element.querySelectorAll(selectors.input)).forEach((inputElement) => {\n inputElement.value = \"\"\n })\n\n this.element.query = \"\"\n }\n\n destroy() {\n this.eventHandlers.forEach((handler) => handler.destroy())\n this.uninstallElementIndex()\n }\n\n // Event handlers\n\n didInput(event) {\n this.element.query = event.target.value\n }\n\n didKeyDown(event) {\n this.installElementIndex()\n\n switch (event.keyCode) {\n case BC.keyCodes.enter:\n event.preventDefault()\n event.stopPropagation()\n // eslint-disable-next-line no-case-declarations\n const linkElement = this.getLinkElementAtIndex(this.element.selectedIndex)\n if (linkElement) {\n if ((event.ctrlKey || event.metaKey) && !(event.shiftKey || event.altKey)) {\n return window.open(linkElement.getAttribute(\"href\"), \"_blank\")\n } else {\n return linkElement.click()\n }\n } else {\n // Fallback: activate button or checkbox in non-link lists (e.g. dialog pickers)\n const buttonElement = this.getButtonElementAtIndex(this.element.selectedIndex)\n if (buttonElement) { return buttonElement.click() }\n const checkboxElement = this.getCheckboxElementAtIndex(this.element.selectedIndex)\n if (checkboxElement) { return checkboxElement.click() }\n }\n break\n case BC.keyCodes.up:\n event.preventDefault()\n event.stopPropagation()\n return this.adjustSelectedIndex(-1)\n case BC.keyCodes.down:\n event.preventDefault()\n event.stopPropagation()\n return this.adjustSelectedIndex(+1)\n }\n }\n\n // Popup selection (opt-in via close-on-select attribute)\n\n didSelect() {\n this.updateSummaryLabels()\n this.setResetAriaChecked(this.element.querySelector(\"input[type=checkbox]:checked\") == null)\n this.closeParentDialog()\n }\n\n didResetSelection() {\n this.resetSummaryLabels()\n this.setResetAriaChecked(true)\n this.closeParentDialog()\n }\n\n setResetAriaChecked(checked) {\n this.element.querySelectorAll(\"[data-role~=content_filter_reset]\").forEach((resetEl) => {\n const item = resetEl.closest(\".popup__item\")\n if (item) item.setAttribute(\"aria-checked\", checked ? \"true\" : \"false\")\n })\n }\n\n updateSummaryLabels() {\n const targets = this.summaryLabelElements\n if (!targets || targets.length == 0) return\n\n const names = [...this.element.querySelectorAll(\"input[type=checkbox]:checked\")].map(checkbox => {\n const item = checkbox.closest(selectors.element)\n const textEl = item?.querySelector(selectors.text)\n return textEl?.dataset.summaryText || textEl?.textContent.trim()\n }).filter(Boolean)\n\n this.setSummaryLabels(targets, this.summarizeSelection(names), names.length)\n }\n\n resetSummaryLabels() {\n const targets = this.summaryLabelElements\n if (!targets || targets.length == 0) return\n this.setSummaryLabels(targets, this.element.getAttribute(\"none-label\") || \"all\")\n }\n\n setSummaryLabels(targets, label, selectionCount) {\n targets.forEach(target => {\n if (target.hasAttribute(\"aria-label\")) {\n target.setAttribute(\"aria-label\", label)\n } else {\n target.textContent = label\n }\n\n if (selectionCount) {\n target.dataset.numberBadge = selectionCount\n } else {\n delete target.dataset.numberBadge\n }\n })\n }\n\n closeParentDialog() {\n const dialog = this.element.closest(\"dialog\")\n if (dialog?.open) {\n dialog.close()\n dialog.setAttribute(\"aria-hidden\", \"true\")\n }\n }\n\n get summaryLabelElements() {\n const ids = this.element.getAttribute(\"summary-for\")?.trim().split(/\\s+/).map(id => `#${id}`)\n return ids ? document.querySelectorAll(ids.join(\",\")) : null\n }\n\n summarizeSelection(names) {\n const noneLabel = this.element.getAttribute(\"none-label\") || \"all\"\n const pluralLabel = this.element.getAttribute(\"plural-label\") || \"items\"\n\n if (names.length === 0) return noneLabel\n if (names.length === 1) return names[0]\n if (names.length === 2) return `${names[0]} and ${names[1]}`\n if (names.length === 3) return `${names[0]}, ${names[1]}, and ${names[2]}`\n return `${names.length} ${pluralLabel}`\n }\n\n // Element Selection\n\n adjustSelectedIndex(distance) {\n const index = this.element.selectedIndex + distance\n if (0 <= index && index <= this.getIndexSize() - 1) {\n const element = this.getElementAtIndex(index)\n if (element) {\n if (this.isElementSelectable(element)) {\n this.element.selectedIndex = index\n } else {\n this.adjustSelectedIndex(distance + (distance < 0 ? -1 : 1))\n }\n }\n }\n }\n\n // Content filter drives visibility via CSS keyed on the `matched` class\n // (`bc-content-filter[match-count] :not(.content-filter__match) { display: none }`),\n // so we can check that directly without the layout-forcing reads that\n // BC.elementIsVisible performs (clientHeight + getComputedStyle).\n isElementSelectable(element) {\n if (element.hidden || element.style.display === \"none\") return false\n if (this.element.hasAttribute(\"match-count\")) {\n return element.classList.contains(classNames.matched)\n }\n return true\n }\n\n getIndexSize() {\n if (this.results) {\n return this.results.size\n } else {\n return this.getElementIndex().size\n }\n }\n\n getElementAtIndex(index) {\n if (this.results) {\n return this.results.getElementAtIndex(index)\n } else {\n return this.getElementIndex().getElementAtIndex(index)\n }\n }\n\n getLinkElementAtIndex(index) {\n const element = this.getElementAtIndex(index)\n if (element) {\n if (element.hasAttribute(\"href\")) {\n return element\n } else {\n return element.querySelector(\"a[href]\")\n }\n }\n }\n\n getButtonElementAtIndex(index) {\n const element = this.getElementAtIndex(index)\n if (element) {\n if (element.tagName === \"BUTTON\") {\n return element\n } else {\n return element.querySelector(\"button\")\n }\n }\n }\n\n getCheckboxElementAtIndex(index) {\n const element = this.getElementAtIndex(index)\n if (element) {\n if (element.tagName === \"INPUT\" && element.type === \"checkbox\") {\n return element\n } else {\n return element.querySelector(\"input[type=checkbox]\")\n }\n }\n }\n\n\n // Element index\n\n installElementIndex() {\n if (!this.elementIndex) {\n this.elementIndex = new BC.ContentFilterElementIndex(this.element)\n this.elementIndex.delegate = this\n this.elementIndex.installMutationObserver()\n }\n }\n\n uninstallElementIndex() {\n if (this.elementIndex) {\n this.elementIndex.uninstallMutationObserver()\n this.elementIndex = null\n }\n }\n\n getElementIndex() {\n this.installElementIndex()\n return this.elementIndex\n }\n\n elementIndexDidUpdate() {\n return this.render()\n }\n\n // Accessibility\n\n renderAriaStatus() {\n if (this.ariaStatusElement != null) {\n this.ariaStatusElement.textContent = this.setAriaStatus()\n }\n }\n\n setAriaStatus() {\n if (this.element.query) {\n if (this.element.matchCount === 0) {\n return \"No matches!\"\n } else {\n return `${this.getAriaStatusText()} - ${this.getAriaMatchCount()}`\n }\n } else {\n return `${this.getAriaStatusText()} selected, ${this.ariaDescriptionElement?.textContent}`\n }\n }\n\n getAriaStatusText() {\n return this.selectedElement?.querySelector(selectors.ariaText).textContent.trim()\n }\n\n getAriaMatchCount() {\n return `Match ${this.element.selectedIndex + 1} of ${this.element.matchCount}`\n }\n}\n", "\nclass BcChatRoomElement extends HTMLElement {\n connectedCallback() {\n if (BC.displayingTurboPreview()) return\n\n BC.cableReady(() => {\n if (!this.room) this.room = BC.Chat.createRoom(this)\n this.room.attached()\n })\n }\n\n disconnectedCallback() {\n if (this.room) {\n this.room.detached()\n this.room = null\n }\n }\n}\n\ncustomElements.define(\"bc-chat-room\", BcChatRoomElement)\n\n", "class BcRequire extends HTMLElement {\n constructor() {\n super(...arguments)\n this.setAttribute(\"pending\", \"\")\n }\n\n connectedCallback() {\n BC.ready(() => {\n // Wait for the browser to be idle before starting the script load and\n // editor upgrade. The script tag itself is hinted via \n // earlier in the document, so the network fetch usually runs in parallel \u2014\n // the idle wait only delays execution and custom element upgrade, keeping\n // JS parsing/initialization off the critical rendering path.\n this.idleHandle = requestIdle(() => {\n this.idleHandle = null\n if (!this.isConnected) return\n\n if (Loader.find(this.script)?.loaded) {\n this.activate()\n } else {\n this.deactivate()\n Loader.load(this.script).then(() => this.isConnected && this.activate())\n }\n })\n })\n }\n\n disconnectedCallback() {\n if (this.idleHandle != null) {\n cancelIdle(this.idleHandle)\n this.idleHandle = null\n }\n }\n\n get script() {\n return this.getAttribute(\"script\")\n }\n\n deactivate() {\n this.placeholderStyle = getPlaceholderStyle(this, \"width\", \"height\")\n for (const key in this.placeholderStyle) {\n const value = this.placeholderStyle[key]\n this.style[key] = value\n }\n this.pendingFragment = document.createDocumentFragment()\n Array.from(this.childNodes).map((child) => this.pendingFragment.appendChild(child))\n }\n\n activate() {\n this.removeAttribute(\"pending\")\n if (this.pendingFragment != null) {\n this.appendChild(this.pendingFragment)\n delete this.pendingFragment\n for (const key in this.placeholderStyle) {\n this.style[key] = null\n }\n delete this.placeholderStyle\n }\n BC.triggerEvent(this, \"bc-require-activate\")\n }\n}\n\nconst getPlaceholderStyle = function(element, ...styles) {\n const computedStyle = getComputedStyle(element)\n const result = {}\n for (const key of styles) {\n result[key] = computedStyle[key]\n }\n return result\n}\n\nwindow.customElements.define(\"bc-require\", BcRequire)\n\nclass Loader {\n static find(script) {\n return this.loaders[script]\n }\n\n static create(script) {\n return this.loaders[script] = new Loader(script)\n }\n\n static load(script) {\n const loaded = this.find(script)\n return loaded ? loaded : this.create(script)\n }\n\n constructor(script) {\n this.didLoad = this.didLoad.bind(this)\n this.script = script\n this.promise = new Promise((resolve, reject) => {\n this.resolve = resolve\n this.reject = reject\n })\n this.load()\n }\n\n then(callback) {\n return this.promise.then(callback)\n }\n\n load() {\n const link = this.findLinkElement()\n const script = document.createElement(\"script\")\n script.src = link.href\n script.onload = this.didLoad\n link.parentNode.insertBefore(script, link)\n }\n\n didLoad() {\n this.loaded = true\n return this.resolve()\n }\n\n findLinkElement() {\n return document.head.querySelector(`link[rel=subresource][data-script='builds/${this.script}']`)\n }\n}\n\nLoader.loaders = {}\n\n// Small polyfill around requestIdleCallback for Safari <16.4. When the native\n// API is unavailable, approximate \"idle\" by waiting until after the next paint\n// (double rAF + setTimeout(0)) unless the provided timeout elapses first. The\n// returned handle is either an idle-callback id (native) or a setTimeout id\n// (polyfill); cancelIdle handles both.\nfunction requestIdle(callback, { timeout = 2000 } = {}) {\n if (typeof window.requestIdleCallback === \"function\") {\n return window.requestIdleCallback(callback, { timeout })\n }\n\n let settled = false\n let timeoutId = null\n const invoke = (didTimeout) => {\n if (settled) return\n settled = true\n if (timeoutId != null) clearTimeout(timeoutId)\n\n const start = performance.now()\n callback({\n didTimeout,\n timeRemaining: () => didTimeout ? 0 : Math.max(0, 50 - (performance.now() - start))\n })\n }\n\n if (typeof timeout === \"number\" && timeout >= 0) {\n timeoutId = setTimeout(() => invoke(true), timeout)\n }\n\n requestAnimationFrame(() => requestAnimationFrame(() => setTimeout(() => invoke(false), 0)))\n\n return timeoutId\n}\n\nfunction cancelIdle(handle) {\n if (handle == null) return\n if (typeof window.cancelIdleCallback === \"function\") {\n window.cancelIdleCallback(handle)\n }\n // The polyfill's handle is a setTimeout id; clearing it is a no-op if the\n // native cancelIdleCallback already handled it.\n clearTimeout(handle)\n}\n\n", "const tagName = \"bc-infinite-page\"\nconst loadingClassName = \"loading\"\nconst innerContainerSelector = \"[data-infinite-page-container]\"\nconst sentinelDataAttribute = \"data-infinite-page-sentinel\"\n\nconst getDocumentScroll = function(property) {\n property = `scroll${property}`\n return document.body[property] || document.documentElement[property]\n}\n\nconst getContainer = function(element) {\n const container = element.querySelector(innerContainerSelector)\n return container || element\n}\n\nclass BcInfinitePage extends HTMLElement {\n constructor() {\n super(...arguments)\n\n if (this.page == null) { this.page = 1 }\n\n this.direction ||= \"down\"\n this.trigger ||= \"bottom\"\n this.triggers = this.trigger.split(\" \")\n\n this.recordedParams = []\n }\n\n connectedCallback() {\n // Access the current location on connect, not in the constructor, to\n // ensure turbo has already changed history after navigation.\n this.url = this.nearestUrl\n this.params = BC.getQueryParams(this.url)\n this.params.page = this.page\n\n this.addEventListener(\"turbo:morph-element\", this.#onMorph)\n this.addEventListener(\"pagination:load-next-page\", this.#onLoadNextPage)\n\n BC.ready(() => this.install())\n }\n\n disconnectedCallback() {\n this.url = null\n this.removeEventListener(\"turbo:morph-element\", this.#onMorph)\n this.removeEventListener(\"pagination:load-next-page\", this.#onLoadNextPage)\n this.uninstall()\n }\n\n #onLoadNextPage = () => {\n this.currentTrigger = \"bottom\"\n this.loadNextPage()\n }\n\n #onMorph = (event) => {\n if (event.target !== this) return\n this.uninstall()\n this.params = BC.getQueryParams(this.url)\n this.params.page = this.page\n this.recordedParams = []\n this.install()\n }\n\n install() {\n this.installTriggerObserver()\n this.installScrollDispatcher()\n this.installNavigationHandler()\n this.dispatch(\"install\")\n }\n\n uninstall() {\n this.xhr?.abort()\n this.uninstallTriggerObserver?.()\n this.uninstallScrollDispatcher?.()\n this.uninstallNavigationHandler?.()\n this.removeSentinels()\n\n this.pendingPage = null\n this.currentTrigger = null\n this.clearLoadingState()\n }\n\n // A single IntersectionObserver watches sentinel elements placed at the top\n // and bottom of the content container. The rootMargin extends the intersection\n // zone by one viewport height (100%) so the next page starts loading before\n // the user reaches the edge \u2014 same intent as the previous\n // scroll-position reads, but without forcing layout.\n //\n // Percentage rootMargin is resolved by the browser against the root's own\n // layout, so we never need to query `clientHeight` from JavaScript and can\n // skip the `ResizeObserver`-driven refresh the previous implementation needed.\n installTriggerObserver() {\n this.addSentinels()\n\n const root = this.scrollContainer === window ? null : this.scrollContainer\n this.triggerObserver = new IntersectionObserver(\n entries => this.onTriggerIntersection(entries),\n { root, rootMargin: \"100% 0px\" }\n )\n\n if (this.topSentinel) this.triggerObserver.observe(this.topSentinel)\n if (this.bottomSentinel) this.triggerObserver.observe(this.bottomSentinel)\n\n this.uninstallTriggerObserver = () => this.triggerObserver.disconnect()\n }\n\n addSentinels() {\n const container = getContainer(this)\n\n if (this.triggers.includes(\"top\")) {\n this.topSentinel = this.createSentinel(container)\n container.prepend(this.topSentinel)\n }\n if (this.triggers.includes(\"bottom\")) {\n this.bottomSentinel = this.createSentinel(container)\n container.append(this.bottomSentinel)\n }\n }\n\n createSentinel(container) {\n const isListContainer = container.tagName === \"UL\" || container.tagName === \"OL\"\n const sentinel = document.createElement(isListContainer ? \"li\" : \"div\")\n sentinel.setAttribute(sentinelDataAttribute, \"\")\n sentinel.setAttribute(\"aria-hidden\", \"true\")\n if (isListContainer) sentinel.setAttribute(\"role\", \"presentation\")\n sentinel.style.height = \"0px\"\n sentinel.style.pointerEvents = \"none\"\n return sentinel\n }\n\n removeSentinels() {\n this.topSentinel?.remove()\n this.bottomSentinel?.remove()\n this.topSentinel = null\n this.bottomSentinel = null\n }\n\n onTriggerIntersection(entries) {\n for (const entry of entries) {\n if (!entry.isIntersecting) continue\n\n if (entry.target === this.topSentinel) {\n this.currentTrigger = \"top\"\n this.insertPendingPage() || this.loadNextPage()\n } else if (entry.target === this.bottomSentinel) {\n this.currentTrigger = \"bottom\"\n this.loadNextPage()\n }\n }\n }\n\n installScrollDispatcher() {\n // Also watch the scroll position to release pending top pages: the\n // IntersectionObserver only fires on boundary crossings, so once the\n // top sentinel enters the rootMargin zone it stays intersecting the\n // rest of the way to the top and can't re-trigger the insertion.\n // Reading scrollTop here doesn't force layout.\n const handler = BC.throttle(() => {\n if (this.scrollable) this.dispatch(\"scroll\")\n if (this.pendingPage && this.triggers.includes(\"top\") && this.isScrolledToTop()) {\n this.currentTrigger = \"top\"\n this.insertPendingPage()\n }\n })\n // Capture the container so uninstalling removes the listener from the node\n // it was added to: the getter resolves `scroll-container` via `closest()`,\n // which returns null once the element has been detached from that ancestor.\n const scrollContainer = this.scrollContainer\n scrollContainer.addEventListener(\"scroll\", handler)\n this.uninstallScrollDispatcher = () => scrollContainer.removeEventListener(\"scroll\", handler)\n }\n\n installNavigationHandler() {\n const handler = this.uninstall.bind(this)\n document.addEventListener(\"turbo:visit\", handler)\n this.uninstallNavigationHandler = () => document.removeEventListener(\"turbo:visit\", handler)\n }\n\n dispatch(type, properties) {\n return BC.triggerEvent(this, `${tagName}:${type}`, properties)\n }\n\n get nearestUrl() {\n const currentLocation = window.location\n const turboFrameSrc = this.closest(\"turbo-frame\")?.getAttribute(\"src\")\n const base = this.getAttribute(\"url\") || turboFrameSrc || currentLocation\n return new URL(base, currentLocation.origin)\n }\n\n get page() {\n return parseInt(this.getAttribute(\"page\"))\n }\n\n set page(value) {\n this.setAttribute(\"page\", value)\n }\n\n get trigger() {\n return this.getAttribute(\"trigger\")\n }\n\n set trigger(value) {\n this.setAttribute(\"trigger\", value)\n }\n\n get direction() {\n return this.getAttribute(\"direction\")\n }\n\n set direction(value) {\n this.setAttribute(\"direction\", value)\n }\n\n get scrollable() {\n return this.hasAttribute(\"scrollable\")\n }\n\n get scrollContainer() {\n const selector = this.getAttribute(\"scroll-container\")\n return selector ? this.closest(selector) : (this.scrollable ? this : window)\n }\n\n get isBottomAnchored() {\n return this.scrollable && this.direction === \"up\"\n }\n\n // Scroll position helpers \u2014 used during the load sequence to decide whether\n // to insert a pending page or stash it until the user is back at the top,\n // and by callers such as the chat transcript controller. These force layout,\n // but only run in response to user-initiated loads, not during initial render.\n\n isScrolledToTop() {\n if (this.isBottomAnchored) {\n return this.getScrollDistanceToEnd() <= 1\n } else {\n return this.getScrollDistance() <= 1\n }\n }\n\n getScrollDistance() {\n return Math.abs(this.scrollContainer === window ? getDocumentScroll(\"Top\") : this.scrollContainer.scrollTop)\n }\n\n getScrollHeight() {\n return this.scrollContainer === window ? getDocumentScroll(\"Height\") : this.scrollContainer.scrollHeight\n }\n\n getInnerHeight() {\n return this.scrollContainer === window ? window.innerHeight : this.scrollContainer.clientHeight\n }\n\n getScrollDistanceToEnd() {\n return this.getScrollHeight() - this.getInnerHeight() - this.getScrollDistance()\n }\n\n // Paging\n\n showLoadingState() {\n if (!this.loading) {\n this.loading = true\n this.classList.add(loadingClassName)\n }\n }\n\n clearLoadingState() {\n if (this.loading) {\n this.loading = false\n this.classList.remove(loadingClassName)\n }\n }\n\n shouldLoadNextPage() {\n return this.url &&\n this.checkVisibility() &&\n !BC.displayingTurboPreview() &&\n !this.loading &&\n !this.pendingPage &&\n !(this.hasAttribute(`reached-${this.currentTrigger}`) || this.hasAttribute(\"reached-infinity\"))\n }\n\n loadNextPage() {\n if (this.shouldLoadNextPage()) {\n this.setParamsForNextPage()\n this.loadPage()\n }\n }\n\n loadPage() {\n const event = this.dispatch(\"beforeload\")\n\n if (!event.defaultPrevented) {\n if (this.recordParams(this.params)) {\n this.showLoadingState()\n this.xhr = this.performRequest()\n this.xhr.done(html => this.didLoadPage(html))\n this.xhr.always(() => this.clearLoadingState())\n }\n }\n }\n\n performRequest(params = this.params) {\n if (!this.url) return $.Deferred().reject().promise()\n return $.get(this.url.pathname, params)\n }\n\n didLoadPage(html) {\n const element = $(html).find(tagName).get(0)\n if (element) {\n const content = getContainer(element).innerHTML.trim()\n if (content) {\n this.setPendingPage(content) || this.insertPage(content)\n\n if (element.hasAttribute(\"reached-infinity\")) {\n this.reachedLastPage()\n }\n } else {\n this.reachedLastPage()\n }\n } else {\n this.reachedLastPage()\n }\n }\n\n setPendingPage(content) {\n if ((this.currentTrigger === \"top\") && !this.isScrolledToTop()) {\n this.pendingPage = content\n return true\n }\n }\n\n insertPendingPage() {\n if (this.pendingPage && this.isScrolledToTop()) {\n this.insertPage(this.pendingPage)\n this.pendingPage = null\n return true\n }\n }\n\n // Insert new content adjacent to the matching sentinel so the sentinels stay\n // at the edges of the rendered content. Falls back to the container edge if\n // the sentinel is absent (e.g., a trigger that was never armed).\n insertPage(content) {\n const container = getContainer(this)\n let anchor, position, scrollAnchor\n\n if (this.currentTrigger === \"top\") {\n anchor = this.topSentinel || container\n position = this.topSentinel ? \"afterend\" : \"afterbegin\"\n scrollAnchor = this.topSentinel ? this.topSentinel.nextElementSibling : container.firstElementChild\n } else {\n anchor = this.bottomSentinel || container\n position = this.bottomSentinel ? \"beforebegin\" : \"beforeend\"\n }\n\n requestAnimationFrame(() => {\n // Bail out if the anchor was detached between scheduling the rAF and\n // running it (e.g., a Turbo Morph swapped the surrounding container).\n // Safari throws NoModificationAllowedError when insertAdjacentHTML\n // targets a node without a parent.\n if (!anchor.isConnected) return\n\n scrollAnchor = this.dispatch(\"before-render\", { scrollAnchor }).scrollAnchor\n\n window.ScrollAnchoring.preservePosition(scrollAnchor, () => {\n anchor.insertAdjacentHTML(position, content)\n if (this.params.page != null) { ({ page: this.page } = this.params) }\n this.dispatch(\"render\")\n })\n\n this.rearmTriggerObserver()\n })\n }\n\n // Force the IntersectionObserver to re-emit the sentinel's state. If a\n // content filter hides the inserted rows the sentinel doesn't move and\n // the observer stays latched at intersecting, so the next page never loads.\n rearmTriggerObserver() {\n const sentinel = this.currentTrigger === \"top\" ? this.topSentinel : this.bottomSentinel\n if (this.triggerObserver && sentinel) {\n this.triggerObserver.unobserve(sentinel)\n this.triggerObserver.observe(sentinel)\n }\n }\n\n reachedLastPage() {\n if (this.triggers.length > 1) {\n this.setAttribute(`reached-${this.currentTrigger}`, \"\")\n if (this.hasAttribute(\"reached-top\") && this.hasAttribute(\"reached-bottom\")) {\n this.setAttribute(\"reached-infinity\", \"\")\n }\n } else {\n this.setAttribute(\"reached-infinity\", \"\")\n }\n }\n\n setParamsForNextPage() {\n if (this.params.page != null) {\n if (((this.direction === \"up\") && (this.currentTrigger === \"top\")) || ((this.direction === \"down\") && (this.currentTrigger === \"bottom\"))) {\n this.params.page++\n } else {\n this.params.page--\n }\n }\n }\n\n recordParams(params) {\n params = JSON.stringify(params)\n if (!this.recordedParams.includes(params)) {\n this.recordedParams.push(params)\n return true\n }\n }\n\n forgetParams(params) {\n params = JSON.stringify(params)\n if (this.recordedParams.includes(params)) {\n this.recordedParams = (this.recordedParams.filter((p) => p !== params))\n }\n return true\n }\n}\n\nwindow.customElements.define(tagName, BcInfinitePage)\n", "export function nextFrame() {\n return new Promise(requestAnimationFrame)\n}\n\nexport function nextIdle() {\n return new Promise(window.requestIdleCallback || setTimeout)\n}\n\n// Defers a callback until the browser is idle (after first paint and style/layout have settled).\n// Returns a cancel function. Use this to avoid layout-invalidating work in controller connect()\n// methods that would otherwise force extra style-recalc/paint cycles between FCP and LCP.\n//\n// Example:\n// connect() {\n// this.cancelIdleSetup = whenIdle(() => this.#expensiveSetup())\n// }\n// disconnect() {\n// this.cancelIdleSetup?.()\n// }\nexport function whenIdle(callback, { timeout = 500 } = {}) {\n if (typeof window.requestIdleCallback === \"function\") {\n const handle = window.requestIdleCallback(callback, { timeout })\n return () => window.cancelIdleCallback(handle)\n } else {\n const handle = setTimeout(callback, 0)\n return () => clearTimeout(handle)\n }\n}\n\nexport function delay(ms = 1) {\n return new Promise(resolve => setTimeout(resolve, ms))\n}\n\nexport function lexxyInitialization(element) {\n if (!element.editor) {\n return nextEvent(element, \"lexxy:initialize\")\n } else {\n return Promise.resolve(element)\n }\n}\n\nexport function nextEvent(element, eventName) {\n return new Promise(resolve => element.addEventListener(eventName, (event) => resolve(event), { once: true }))\n}\n", "import { nextFrame } from \"../../helpers/timing_helpers\"\n\nconst focusableSelector = `\n a[href],\n input:not([disabled]),\n select:not([disabled]),\n textarea:not([disabled]),\n button:not([disabled]),\n [tabindex]:not([tabindex='-1']),\n [contenteditable]\n`\n\nclass BcModal extends HTMLElement {\n constructor() {\n super(...arguments)\n this.eventHandlers = []\n this.lastFocusedElement = null\n this.deferredRefresh = false\n }\n\n get defaultType() {\n return \"box\"\n }\n\n connectedCallback() {\n if (!this.hasAttribute(\"type\")) {\n this.setAttribute(\"type\", this.defaultType)\n }\n\n if (this.getAttribute(\"opened\") !== \"false\") {\n this.open()\n }\n }\n\n disconnectedCallback() {\n this.close()\n }\n\n get dialog() {\n return this.querySelector(\":scope > dialog[data-show-modal]\")\n }\n\n async open(eventProperties) {\n // Fixes issue where some times Trix editors in modals are not properly\n // initalised in Firefox\n await nextFrame()\n\n if (this.getAttribute(\"opened\") !== \"true\") {\n this.setAttribute(\"opened\", \"true\")\n\n this.eventHandlers.push(BC.handleEvent(\"turbo:before-morph-element\", {on: this, with: (event) => {\n if (event.target === this) event.preventDefault()\n }}))\n\n const autofocused = this.querySelector(\"[autofocus]\")\n if (autofocused) {\n autofocused.select ? autofocused.select() : autofocused.focus()\n }\n\n const dialog = this.dialog\n if (dialog) {\n dialog.showModal()\n\n this.eventHandlers.push(BC.handleEvent(\"cancel\", {on: dialog, with: (event) => {\n event.preventDefault()\n this.close()\n }}))\n\n if (this.closeOnClickOutside) {\n this.eventHandlers.push(BC.handleEvent(\"mousedown\", {on: dialog, with: didDialogMouseDown.bind(this)}))\n this.eventHandlers.push(BC.handleEvent(\"click\", {on: dialog, with: didDialogClick.bind(this)}))\n }\n\n if (this.customizeKeyboardInteraction) {\n this.eventHandlers.push(BC.handleEvent(\"keydown\", {on: dialog, with: (event) => {\n if (event.keyCode === BC.keyCodes.escape) event.stopPropagation()\n }}))\n }\n } else {\n if (this.closeOnClickOutside) {\n this.eventHandlers.push(BC.handleEvent(\"mousedown\", {on: this, with: didMouseDown.bind(this)}))\n this.eventHandlers.push(BC.handleEvent(\"click\", {on: this, with: didClick.bind(this)}))\n }\n\n if (this.customizeKeyboardInteraction) {\n // Capture phase so the modal claims Esc before document-level bubble\n // listeners (e.g. the sidebar controller's keydown.esc@document) can\n // hand focus away. Without this, a sidebar Esc handler registered on\n // page load would fire first and preventDefault, leaving the modal open.\n this.eventHandlers.push(BC.handleEvent(\"keydown\", {phase: \"capturing\", with: didKeyDown.bind(this)}))\n }\n }\n\n if (this.closeOnScroll) {\n this.eventHandlers.push(BC.handleEvent(\"scroll\", {with: didScroll.bind(this)}))\n this.eventHandlers.push(BC.handleEvent(\"wheel\", {with: didScroll.bind(this)}))\n }\n\n if (this.closeOnSubmit) {\n this.eventHandlers.push(BC.handleEvent(\"turbo:submit-end\", {with: (event) => {\n if (event?.detail?.formSubmission?.submitter?.hasAttribute(\"data-keep-modal-open\")) return\n this.close()\n }}))\n }\n\n if (this.lockOnSubmit) {\n this.eventHandlers.push(BC.handleEvent(\"turbo:submit-start\", {with: this.lock.bind(this)}))\n this.eventHandlers.push(BC.handleEvent(\"turbo:submit-end\", {with: this.unlock.bind(this)}))\n }\n\n if (this.defersBackgroundRefresh) {\n this.eventHandlers.push(BC.handleEvent(\"turbo:before-stream-render\", {with: (event) => {\n if (event.target.getAttribute(\"action\") === \"refresh\") {\n event.preventDefault()\n this.deferredRefresh = true\n }\n }}))\n }\n\n this.modalbox = this.querySelector(\"bc-modal[type='box'] > :first-child\")\n\n // Ensure the Modal isn't taller than the viewport\n if ($(this.modalbox).height() > window.innerHeight) {\n this.modalbox.style.height = `${window.innerHeight}px`\n }\n\n BC.triggerEvent(this, \"open\", eventProperties)\n }\n }\n\n close(eventProperties) {\n if (this.getAttribute(\"opened\") !== \"false\") {\n this.setAttribute(\"opened\", \"false\")\n const dialog = this.dialog\n if (dialog?.open) dialog.close()\n let handler = this.eventHandlers.pop()\n while (handler) {\n handler.destroy()\n handler = this.eventHandlers.pop()\n }\n this.unlock()\n if (this.deferredRefresh) {\n this.deferredRefresh = false\n window.Turbo.session.refresh(location.href)\n }\n BC.triggerEvent(this, \"close\", eventProperties)\n }\n }\n\n get customizeKeyboardInteraction() {\n return !BC.platform.isMobileApp()\n }\n\n get closeOnScroll() {\n return this.hasAttribute(\"close-on-scroll\")\n }\n\n set closeOnScroll(value) {\n value ? this.setAttribute(\"close-on-scroll\", \"\") : this.removeAttribute(\"close-on-scroll\")\n }\n\n get closeOnClickOutside() {\n return this.getAttribute(\"close-on-click-outside\") !== \"false\" && !BC.platform.isMobileApp()\n }\n\n set closeOnClickOutside(value) {\n value ? this.removeAttribute(\"close-on-click-outside\") : this.setAttribute(\"close-on-click-outside\", \"false\")\n }\n\n get closeOnSubmit() {\n return this.getAttribute(\"close-on-submit\") !== \"false\"\n }\n\n set closeOnSubmit(value) {\n value ? this.removeAttribute(\"close-on-submit\") : this.setAttribute(\"close-on-submit\", \"false\")\n }\n\n get lockOnSubmit() {\n return this.getAttribute(\"lock-on-submit\")\n }\n\n set lockOnSubmit(value) {\n value ? this.setAttribute(\"lock-on-submit\", value) : this.removeAttribute(\"lock-on-submit\")\n }\n\n get defersBackgroundRefresh() {\n return this.hasAttribute(\"defer-background-refresh\")\n }\n\n set defersBackgroundRefresh(value) {\n value ? this.setAttribute(\"defer-background-refresh\", \"\") : this.removeAttribute(\"defer-background-refresh\")\n }\n\n lock() {\n this.locked = true\n const unlockAfter = parseInt(this.lockOnSubmit)\n if (unlockAfter > 0) {\n this.unlockTimeout = setTimeout(() => { this.unlock() }, unlockAfter)\n }\n }\n\n unlock() {\n if (this.unlockTimeout) { clearTimeout(this.unlockTimeout) }\n this.locked = false\n }\n\n // Private\n\n cycleTabStopsIfNeeded(event) {\n const focusableElements = Array.from(this.querySelectorAll(focusableSelector))\n const firstTabStop = focusableElements[0]\n const lastTabStop = focusableElements[focusableElements.length - 1]\n const isFocusable = focusableElements.includes(document.activeElement)\n\n if (focusableElements.length) {\n // Restore focus to where we came from if newly focused element is hidden on focus\n if (isFocusable) this.lastFocusedElement = document.activeElement\n\n // If Shift+Tab is pressed on first tab stop, recycle\n if (!isFocusable) {\n event.preventDefault()\n this.lastFocusedElement?.focus()\n } else if (event.shiftKey && document.activeElement === firstTabStop) {\n event.preventDefault()\n lastTabStop.focus()\n } else if (!event.shiftKey && document.activeElement === lastTabStop) {\n event.preventDefault()\n firstTabStop.focus()\n }\n }\n }\n}\n\nconst isDialogBackdropPointerEvent = function(event) {\n if (event.target !== this.dialog) return false\n const rect = this.dialog.getBoundingClientRect()\n const { clientX, clientY } = event\n return clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom\n}\n\nconst didDialogMouseDown = function(event) {\n this.clickStartedOnBackdrop = isDialogBackdropPointerEvent.call(this, event)\n}\n\nconst didDialogClick = function(event) {\n if (isDialogBackdropPointerEvent.call(this, event)) { event.stopPropagation() }\n\n if (!event.defaultPrevented && !this.locked && this.closeOnClickOutside && this.clickStartedOnBackdrop) {\n this.close()\n }\n}\n\nconst didMouseDown = function(event) {\n this.clickStartedOnBackdrop = event.target === this\n}\n\nconst didClick = function(event) {\n if (event.target === this) { event.stopPropagation() }\n\n if (!event.defaultPrevented) {\n if ((event.target === this) && !this.locked && this.closeOnClickOutside && this.clickStartedOnBackdrop) {\n this.close()\n }\n }\n}\n\nconst didKeyDown = function(event) {\n if (!event.defaultPrevented) {\n switch (event.keyCode) {\n case BC.keyCodes.escape:\n event.preventDefault()\n event.stopPropagation()\n this.close()\n break\n case BC.keyCodes.tab:\n this.cycleTabStopsIfNeeded(event)\n break\n }\n }\n}\n\nconst didScroll = function(event) {\n let { deltaY } = event\n\n if (!deltaY) {\n if (!this.initialScrollPosition) { this.initialScrollPosition = window.pageYOffset }\n deltaY = this.initialScrollPosition - window.pageYOffset\n }\n\n if (Math.abs(deltaY) >= 40) {\n this.close()\n }\n}\n\nwindow.customElements.define(\"bc-modal\", BcModal)\n", "import \"./content_filter/config\"\nimport \"./content_filter/controller\"\n\n// Usage:\n//\n// \n// \n//\n// \n// \n// \n// This content is searchable\n//
\n// \n// This content is not searchable (but still visible)\n//
\n// \n// This content is searchable\n// \n// \n//\n// \n// Hide me unless I match the search query\n// \n// \n//\n// \n// Hide me when searching\n//
\n//\n// \n// Show me when there are no search results\n//
\n// \n\nclass BcContentFilter extends HTMLElement {\n static get observedAttributes() {\n return [\"query\", \"selected-index\"]\n }\n\n connectedCallback() {\n if (!BC.displayingTurboPreview()) {\n BC.ready(() => {\n if (this.controller == null) { this.controller = new BC.ContentFilterController(this) }\n if (this.autoselect) { this.selectedIndex = -1 }\n })\n }\n }\n\n disconnectedCallback() {\n this.controller?.destroy()\n this.controller = null\n }\n\n attributeChangedCallback(attributeName) {\n switch (attributeName) {\n case \"query\":\n this.selectedIndex = null\n this.controller?.render()\n BC.triggerEvent(this, \"bc-content-filter:query\")\n break\n case \"selected-index\":\n this.controller?.renderSelection()\n }\n }\n\n get query() {\n if (this.hasAttribute(\"query\")) {\n return this.getAttribute(\"query\").trim()\n } else {\n return \"\"\n }\n }\n\n set query(value) {\n const query = value?.trim()\n if (query) {\n this.setAttribute(\"query\", query)\n } else {\n this.removeAttribute(\"query\")\n }\n }\n\n get selectedIndex() {\n if (this.hasAttribute(\"selected-index\")) {\n return parseInt(this.getAttribute(\"selected-index\"))\n } else {\n return -1\n }\n }\n\n set selectedIndex(value) {\n if (typeof value !== \"undefined\" && value !== null) {\n this.setAttribute(\"selected-index\", value)\n } else {\n this.removeAttribute(\"selected-index\")\n }\n }\n\n get autoselect() {\n return this.hasAttribute(\"autoselect\")\n }\n\n get matchCount() {\n if (this.hasAttribute(\"match-count\")) {\n return parseInt(this.getAttribute(\"match-count\"))\n } else {\n return 0\n }\n }\n\n set matchCount(value) {\n if (typeof value !== \"undefined\" && value !== null) {\n this.setAttribute(\"match-count\", value)\n } else {\n this.removeAttribute(\"match-count\")\n }\n }\n}\n\nwindow.customElements.define(\"bc-content-filter\", BcContentFilter)\n", "const tagName = \"bc-grouped-dates\"\n\nclass BcGroupedElements extends HTMLElement {\n connectedCallback() {\n BC.ready(() => {\n this.observer = new MutationObserver(this.didMutate.bind(this))\n this.startObserver()\n this.insertDateGroupDividers()\n })\n }\n\n disconnectedCallback() {\n this.stopObserver()\n }\n\n didMutate(mutations) {\n if (mutationsAffectGrouping(mutations)) {\n this.insertDateGroupDividers()\n }\n }\n\n startObserver() {\n if (this.observing) { return }\n this.observing = true\n this.observer.observe(this, {childList: true})\n }\n\n stopObserver() {\n if (!this.observing) { return }\n delete this.observing\n this.observer.disconnect()\n }\n\n withoutObserver(callback) {\n try {\n this.stopObserver()\n callback.call(this)\n } finally {\n this.startObserver()\n }\n }\n\n withUpdateEvents(callback) {\n try {\n BC.triggerEvent(this, `${tagName}:before`)\n callback.call(this)\n } finally {\n BC.triggerEvent(this, `${tagName}:update`)\n }\n }\n\n insertDateGroupDividers() {\n this.withoutObserver(() => {\n this.withUpdateEvents(() => {\n const {dividerElements, datedElements} = groupExistingElements(this.children)\n\n for (const date in datedElements) {\n const [firstDatedElement] = datedElements[date]\n let dividerElement\n\n if (dividerElements[date]) {\n dividerElement = dividerElements[date][0]\n } else {\n const relativePrefix = this.getAttribute(\"divider-date-relative-prefix\") || \"\"\n const absolutePrefix = this.getAttribute(\"divider-date-absolute-prefix\") || \"\"\n dividerElement = createDividerElementForDate(date, relativePrefix, absolutePrefix)\n }\n\n if (!elementFollowedByElement(dividerElement, firstDatedElement)) {\n this.insertBefore(dividerElement, firstDatedElement)\n }\n }\n })\n })\n }\n}\n\nconst groupExistingElements = function(elements) {\n const dividerElements = {}\n const datedElements = {}\n\n for (const element of elements) {\n const datetime = element.dataset.datetime\n if (datetime) {\n const calendarDate = CalendarDate.parse(datetime)\n let collection\n\n if (elementIsDivider(element)) {\n dividerElements[calendarDate] = dividerElements[calendarDate] || []\n collection = dividerElements[calendarDate]\n } else {\n datedElements[calendarDate] = datedElements[calendarDate] || []\n collection = datedElements[calendarDate]\n }\n\n collection.push(element)\n }\n }\n\n return {dividerElements, datedElements}\n}\n\nconst createDividerElementForDate = function(date, relativePrefix, absolutePrefix) {\n const calendarDate = CalendarDate.parse(date)\n const container = document.createElement(\"div\")\n container.innerHTML = getDividerElementHTMLForCalendarDate(calendarDate, relativePrefix, absolutePrefix)\n return container.firstElementChild\n}\n\nconst elementFollowedByElement = (left, right) => {\n return left.compareDocumentPosition(right) === Node.DOCUMENT_POSITION_FOLLOWING\n}\n\nconst elementIsDivider = element => element.hasAttribute(\"data-grouped-dates-divider\")\n\nconst getDividerElementHTMLForCalendarDate = (calendarDate, relativePrefix, absolutePrefix) => {\n const today = calendarDate.isToday() ? \" data-date-today\" : \"\"\n\n return `\n \n ${calendarDate.relativeWeekdayOrDate({ relativePrefix, absolutePrefix })}\n
\n `\n}\n\nconst mutationsAffectGrouping = function(mutations) {\n for (const mutation of mutations) {\n for (const node of mutation.addedNodes) {\n if (nodeAffectsGrouping(node)) return true\n }\n\n for (const node of mutation.removedNodes) {\n if (nodeAffectsGrouping(node)) return true\n }\n }\n\n return false\n}\n\nconst nodeAffectsGrouping = node => node?.dataset?.datetime != null\n\nwindow.customElements.define(tagName, BcGroupedElements)\n", "class BcSuggestionSelectElement extends HTMLElement {\n connectedCallback() {\n if (!this.hasAttribute(\"role\")) this.setAttribute(\"role\", \"listbox\")\n }\n\n get optionElements() {\n return this.querySelectorAll(\"bc-suggestion-option\")\n }\n\n get selectedIndex() {\n const selected = this.querySelector(\"bc-suggestion-option[selected]\")\n return selected?.index\n }\n\n set selectedIndex(value) {\n const optionElements = this.optionElements\n const optionCount = optionElements.length\n\n if (!optionElements.length) return\n\n Array.from(optionElements).forEach(option => {\n option.selected = false\n })\n\n if (value === null || typeof value === \"undefined\") return\n\n const index = Math.max(0, Math.min(optionCount - 1, parseInt(value, 10)))\n optionElements[index].selected = true\n }\n\n get selectedOption() {\n return this.optionElements[this.selectedIndex]\n }\n\n set selectedOption(option) {\n if (option.selectElement === this) {\n this.selectedIndex = option.index\n }\n }\n\n get value() {\n return this.selectedOption?.value\n }\n}\n\ncustomElements.define(\"bc-suggestion-select\", BcSuggestionSelectElement)\n", "\nclass BcSuggestionOptionElement extends HTMLElement {\n constructor() {\n super(...arguments)\n this.flash = BC.synchronize(this.flash)\n }\n\n connectedCallback() {\n this.id ||= `option-${BC.generateUUID()}`\n }\n\n get selectElement() {\n return $(this).closest(\"bc-suggestion-select\").get(0)\n }\n\n get index() {\n if (this.selectElement) {\n return Array.from(this.selectElement.optionElements).indexOf(this)\n } else {\n return null\n }\n }\n\n get selected() {\n return this.hasAttribute(\"selected\")\n }\n\n set selected(value) {\n if (value) {\n this.setAttribute(\"selected\", \"\")\n BC.triggerEvent(this, \"bc:active-option-changed\")\n } else {\n this.removeAttribute(\"selected\")\n }\n }\n\n get value() {\n return this.getAttribute(\"value\")\n }\n\n flash(callback) {\n const drawFrame = (frame = 0) => {\n requestAnimationFrame(() => {\n if (frame == 0) {\n this.classList.add(\"flashing-off\")\n } else if (frame == 4) {\n this.classList.remove(\"flashing-off\")\n }\n\n if (frame == 7) {\n callback()\n } else {\n drawFrame(frame + 1)\n }\n })\n }\n drawFrame(0)\n }\n}\n\nBC.SuggestionOptionElement = BcSuggestionOptionElement\nwindow.customElements.define(\"bc-suggestion-option\", BcSuggestionOptionElement)\n", "BC.SuggestionController = class SuggestionController {\n constructor(delegate) {\n this.commitSuggestion = this.commitSuggestion.bind(this)\n this.characterMatchesWordBoundary = this.characterMatchesWordBoundary.bind(this)\n this.matchQueryAndTerminatorForWord = this.matchQueryAndTerminatorForWord.bind(this)\n this.didPressKey = this.didPressKey.bind(this)\n this.didResizeWindow = this.didResizeWindow.bind(this)\n this.didScrollWindow = this.didScrollWindow.bind(this)\n this.delegate = delegate\n this.installKeyboardListener()\n this.installResizeListeners()\n this.context = null\n this.active = false\n this.committing = false\n this.canceled = false\n }\n\n destroy() {\n this.uninstallResultsController()\n this.uninstallResizeListeners()\n this.uninstallKeyboardListener()\n }\n\n updateWithContentAndPosition(content, position) {\n if (this.committing) { return }\n const previousContext = this.context\n this.context = new BC.SuggestionContext(this, content, position)\n\n if (!this.context.isEqualTo(previousContext)) {\n if (this.context.isTerminated()) {\n return this.commitSuggestion()\n } else if (this.context.isActive()) {\n return this.activateSuggestion()\n } else {\n return this.deactivateSuggestion()\n }\n }\n }\n\n activateSuggestion() {\n if (!this.canceled) {\n this.active = true\n this.installResultsController()\n return this.updateResults(() => {\n if (this.resultsController.hasResults()) {\n return this.displayResults()\n } else {\n return this.hideResults()\n }\n })\n }\n }\n\n deactivateSuggestion() {\n this.uninstallResultsController()\n this.active = false\n this.canceled = false\n }\n\n deactivateSuggestionWithAnimation() {\n this.hideResultsWithAnimation(() => {\n this.deactivateSuggestion()\n })\n }\n\n cancelSuggestion() {\n if (this.active) {\n this.deactivateSuggestion()\n this.canceled = true\n }\n }\n\n resumeSuggestion() {\n if (this.canceled) {\n this.canceled = false\n return this.activateSuggestion()\n }\n }\n\n commitSuggestion({withTerminator} = {}) {\n if (this.committing || this.canceled || !this.active) { return false }\n\n const values = this.selectedValues\n if (values.length == 0) { return false }\n\n const range = [this.context.startPosition, this.context.endPosition]\n const terminator = (withTerminator != null ? withTerminator : this.context.terminator) || \" \"\n\n this.committing = true\n this.resultsController.flashSelection(() => {\n this.committing = false\n this.didCommitValuesAtRangeWithTerminator(values, range, terminator)\n this.deactivateSuggestionWithAnimation()\n })\n\n if (values.length > 1) {\n this.willCommitValuesAtRangeWithTerminator(values, range, terminator, { editor: this.delegate.editor })\n } else {\n this.delegate.willCommitValueAtRangeWithTerminator?.(values[0], range, terminator)\n }\n return true\n }\n\n get selectedValues() {\n const value = this.resultsController.getSelectedValue()\n if (!value) { return [] }\n\n const valueOnlyHasCommaSeparatedNumbers = /^\\d+(,\\d+)*$/.test(value)\n return valueOnlyHasCommaSeparatedNumbers ? value.split(\",\") : [value]\n }\n\n willCommitValuesAtRangeWithTerminator(values, range, terminator, { editor }) {\n editor?.setSelectedRange(range) && editor?.deleteInDirection(\"forward\") // Delete user autocomplete input\n\n values.forEach((value) => {\n this.delegate.willCommitValueAtRangeWithTerminator?.(value, null, terminator)\n range = this.advanceRangeForNextValue(range)\n })\n }\n\n didCommitValuesAtRangeWithTerminator(values, range, terminator) {\n values.forEach((value) => {\n this.delegate.didCommitValueAtRangeWithTerminator?.(value, range, terminator)\n range = this.advanceRangeForNextValue(range)\n })\n }\n\n advanceRangeForNextValue(range) {\n const startPosition = range[1] + 1\n return Array(startPosition, startPosition + 1)\n }\n\n displayResults() {\n if (this.active) {\n const offsets = this.delegate.getOffsetsAtPosition(this.context.startPosition)\n const placement = this.delegate.getResultsPlacement?.()\n return this.resultsController.displayAtOffsets(offsets, {placement})\n }\n }\n\n updateResults(callback) {\n const query = this.context?.query\n return this.delegate.fetchResultsForQuery(query, results => {\n if ((this.resultsController != null) && (query === this.context?.query)) {\n this.resultsController.updateResults(results)\n return callback?.()\n }\n })\n }\n\n hideResults() {\n return this.resultsController.hide()\n }\n\n hideResultsWithAnimation(callback) {\n return this.resultsController?.hideWithAnimation(callback)\n }\n\n isActive() {\n return this.active\n }\n\n isCanceled() {\n return this.canceled\n }\n\n // Suggestion context delegate\n\n characterMatchesWordBoundary(character) {\n if (this.delegate.characterMatchesWordBoundary != null) {\n return this.delegate.characterMatchesWordBoundary(character)\n } else {\n return /[\\s\\uFFFC]/.test(character)\n }\n }\n\n matchQueryAndTerminatorForWord(word) {\n return this.delegate.matchQueryAndTerminatorForWord(word)\n }\n\n // Results controller delegate\n\n didClickOption(option) {\n return setTimeout(this.commitSuggestion, 100)\n }\n\n didShowResults(element) {\n this.hidden = false\n return this.delegate.didShowResults?.(element)\n }\n\n didHideResults(element) {\n this.hidden = true\n return this.delegate.didHideResults?.(element)\n }\n\n // Keyboard events\n\n didPressKey(event) {\n if (this.committing) { return }\n\n let result\n switch (event.keyCode) {\n case 9:\n result = this.didPressTabKey()\n break\n case 10: case 13:\n result = this.didPressReturnKey()\n break\n case 27:\n result = this.didPressEscapeKey()\n break\n case 32:\n result = this.didPressSpaceKey()\n break\n case 38:\n result = this.didPressUpKey()\n break\n case 40:\n result = this.didPressDownKey()\n break\n default:\n result = this.didPressKeyWithValue(event.key)\n }\n\n if (result === false) {\n event.preventDefault()\n return event.stopPropagation()\n }\n }\n\n didPressTabKey() {\n if (this.active) {\n if (this.hidden) {\n this.displayResults()\n return false\n } else if (!this.committing) {\n if (this.commitSuggestion()) {\n return false\n }\n }\n } else if (this.canceled) {\n this.resumeSuggestion()\n return false\n }\n }\n\n didPressReturnKey() {\n if (this.active && !this.hidden) {\n if (this.commitSuggestion()) {\n return false\n }\n }\n }\n\n didPressEscapeKey() {\n if (this.active) {\n this.cancelSuggestion()\n return false\n }\n }\n\n didPressSpaceKey() {\n if (this.active && this.spaceMatchesWordBoundary()) {\n if (this.commitSuggestion()) {\n return false\n }\n }\n }\n\n didPressUpKey() {\n if (this.active) {\n this.resultsController.selectUp()\n return false\n }\n }\n\n didPressDownKey() {\n if (this.active) {\n this.resultsController.selectDown()\n return false\n }\n }\n\n didPressKeyWithValue(value) {\n if (this.active && (value != null) && !this.hidden) {\n const result = this.matchQueryAndTerminatorForWord(value)\n if (result?.query === \"\") {\n this.cancelSuggestion()\n return false\n }\n }\n }\n\n // Scroll and resize events\n\n didResizeWindow() {\n if (this.active) {\n return this.hideResults()\n }\n }\n\n didScrollWindow(event) {\n if (this.active && (event.target === document)) {\n return this.hideResults()\n }\n }\n\n // Private\n\n installKeyboardListener() {\n window.addEventListener(\"keydown\", this.didPressKey, true)\n }\n\n uninstallKeyboardListener() {\n window.removeEventListener(\"keydown\", this.didPressKey, true)\n }\n\n installResizeListeners() {\n window.addEventListener(\"resize\", this.didResizeWindow, true)\n window.addEventListener(\"scroll\", this.didScrollWindow, true)\n }\n\n uninstallResizeListeners() {\n window.removeEventListener(\"resize\", this.didResizeWindow, true)\n window.removeEventListener(\"scroll\", this.didScrollWindow, true)\n }\n\n installResultsController() {\n if (!this.resultsController) {\n this.resultsController = new BC.SuggestionResultsController({ id: this.delegate.getSuggestionsIdentifier() })\n }\n this.resultsController.delegate = this\n }\n\n uninstallResultsController() {\n this.resultsController?.destroy()\n this.resultsController = null\n }\n\n spaceMatchesWordBoundary() {\n return this.characterMatchesWordBoundary(\" \")\n }\n}\n", "BC.SuggestionResultsController = class SuggestionResultsController {\n constructor(options = {}) {\n this.revealOption = this.revealOption.bind(this)\n this.didMouseDown = this.didMouseDown.bind(this)\n this.flashSelection = BC.synchronize(this.flashSelection)\n this.id = options.id || `suggestion_results_${BC.generateUUID()}`\n\n this.#createSelectElement()\n }\n\n destroy() {\n this.hide()\n this.#removeSelectElement()\n }\n\n displayAtOffsets(offsets, {placement} = {}) {\n let availableMaxHeight, elementHeight, height, left, maxHeight, top\n this.show()\n\n this.selectElement.style.height = \"\"\n const style = getComputedStyle(this.selectElement)\n const margin = getElementMargin(this.selectElement)\n const position = getAbsolutePositionForOffsets(offsets)\n\n const elementRect = this.selectElement.getBoundingClientRect()\n const viewportRect = getViewportRect()\n\n const availableHeightAbove = position.top - viewportRect.top - margin.top\n const availableHeightBelow = viewportRect.bottom - position.bottom - margin.bottom\n const thresholdHeight = this.getOptionHeight() * 3\n\n if (availableHeightAbove > thresholdHeight && thresholdHeight > availableHeightBelow) {\n if (placement == null) { placement = \"above\" }\n } else {\n if (placement == null) { placement = \"below\" }\n }\n\n if (placement === \"above\") {\n availableMaxHeight = availableHeightAbove\n } else {\n availableMaxHeight = availableHeightBelow\n }\n\n if (style.maxHeight === \"none\") {\n maxHeight = availableMaxHeight\n } else {\n const requestedMaxHeight = parseInt(style.maxHeight, 10)\n maxHeight = Math.min(availableMaxHeight, requestedMaxHeight)\n }\n\n if (elementRect.height > maxHeight) {\n elementHeight = (height = maxHeight)\n } else {\n elementHeight = elementRect.height\n }\n\n if (placement === \"above\") {\n top = position.top - elementHeight - margin.top\n } else {\n top = position.bottom - margin.top\n }\n\n const elementRight = position.left + elementRect.width + margin.right\n\n if (elementRight > viewportRect.right) {\n left = position.left - (elementRight - viewportRect.right) - margin.right\n } else {\n left = position.left - margin.right\n }\n\n this.selectElement.style.top = `${top}px`\n this.selectElement.style.left = `${left}px`\n this.selectElement.style.height = height ? `${height}px` : \"auto\"\n }\n\n show() {\n if (!this.visible) {\n this.visible = true\n this.selectElement.setAttribute(\"aria-hidden\", \"false\")\n this.selectElement.style.visibility = \"\"\n return this.delegate.didShowResults(this.selectElement)\n }\n }\n\n hide() {\n if (this.visible) {\n this.visible = false\n this.selectElement.style.visibility = \"hidden\"\n this.selectElement.setAttribute(\"aria-hidden\", \"true\")\n return this.delegate.didHideResults(this.selectElement)\n }\n }\n\n hideWithAnimation = BC.synchronize((callback) => {\n if (this.visible) {\n return BC.transitionElementWithClass(this.selectElement, \"hiding\", () => {\n this.hide()\n return callback()\n })\n } else {\n return callback()\n }\n })\n\n selectUp() {\n this.selectElement.selectedIndex--\n return this.revealOption()\n }\n\n selectDown() {\n this.selectElement.selectedIndex++\n return this.revealOption()\n }\n\n revealOption() {\n const {\n selectedOption\n } = this.selectElement\n if (selectedOption) {\n const {scrollTop} = this.selectElement\n const selectHeight = this.selectElement.clientHeight\n const scrollBottom = scrollTop + selectHeight\n\n const optionTop = selectedOption.offsetTop\n const optionHeight = selectedOption.offsetHeight\n const optionBottom = optionTop + optionHeight\n\n if (optionTop < scrollTop) {\n this.selectElement.scrollTop = optionTop\n } else if (optionBottom > scrollBottom) {\n this.selectElement.scrollTop = scrollTop + (optionBottom - scrollBottom)\n }\n }\n }\n\n flashSelection(callback) {\n const { selectedOption } = this.selectElement\n if (selectedOption) {\n this.selectElement.classList.add(\"flashing\")\n return selectedOption.flash(() => {\n this.selectElement.classList.remove(\"flashing\")\n return callback()\n })\n } else {\n return callback()\n }\n }\n\n updateResults(results) {\n this.selectElement.innerHTML = results.toString().trim()\n if (this.selectElement.selectedIndex != null) {\n return requestAnimationFrame(this.revealOption)\n } else {\n this.selectElement.selectedIndex = 0\n }\n }\n\n hasResults() {\n return this.selectElement.innerHTML.length > 0\n }\n\n getSelectedValue() {\n return this.selectElement.value\n }\n\n getOptionHeight() {\n return this.selectElement.optionElements[0]?.offsetHeight != null ? this.selectElement.optionElements[0]?.offsetHeight : 0\n }\n\n didMouseDown(event) {\n const url = event.target.getAttribute(\"href\")\n const option = $(event.target).closest(\"bc-suggestion-option\").get(0)\n\n if (url) {\n Turbo.visit(url)\n } else if (option) {\n option.selectElement.selectedOption = option\n this.delegate.didClickOption(option)\n cancelEvent(event)\n }\n }\n\n #createSelectElement() {\n this.selectElement = document.createElement(\"bc-suggestion-select\")\n\n this.selectElement.addEventListener(\"mousedown\", this.didMouseDown, true)\n this.selectElement.addEventListener(\"click\", cancelEvent)\n this.selectElement.setAttribute(\"id\", this.id)\n this.selectElement.setAttribute(\"data-behavior\", \"scrollable_menu\")\n this.selectElement.setAttribute(\"aria-live\", \"assertive\")\n\n document.body.appendChild(this.selectElement)\n }\n\n #removeSelectElement() {\n this.selectElement.removeEventListener(\"mousedown\", this.didMouseDown, true)\n this.selectElement.removeEventListener(\"click\", cancelEvent)\n\n return this.selectElement.remove()\n }\n}\n\nconst cancelEvent = function(event) {\n event.preventDefault()\n event.stopPropagation()\n}\n\nconst getElementMargin = function(element) {\n const result = {}\n const style = window.getComputedStyle(element);\n\n [\"Top\", \"Right\", \"Bottom\", \"Left\"].forEach((side) => {\n result[side.toLowerCase()] = parseInt(style[`margin${side}`], 10)\n })\n\n return result\n}\n\nconst getAbsolutePositionForOffsets = ({top, right, bottom, left}) => ({\n top: top + window.pageYOffset,\n right: right + window.pageXOffset,\n bottom: bottom + window.pageYOffset,\n left: left + window.pageXOffset\n})\n\nconst getViewportRect = () => ({\n top: window.pageYOffset,\n right: window.pageXOffset + window.innerWidth,\n bottom: window.pageYOffset + window.innerHeight,\n left: window.pageXOffset\n})\n", "BC.SuggestionContext = class SuggestionContext {\n constructor(delegate, content, position) {\n this.content = content\n this.position = position\n const {matchQueryAndTerminatorForWord, characterMatchesWordBoundary} = delegate\n\n const bounds = findWordBoundsFromStringAtPosition(this.content, this.position, characterMatchesWordBoundary)\n if (bounds) {\n [this.startPosition, this.endPosition] = Array.from(bounds)\n this.word = this.content.slice(...Array.from(bounds || []))\n\n const match = matchQueryAndTerminatorForWord(this.word)\n if (match) {\n const {query, terminator} = match\n if (query.length) { this.query = query }\n if (terminator.length) { this.terminator = terminator }\n this.active = true\n }\n }\n }\n\n isActive() {\n return this.active\n }\n\n isTerminated() {\n return this.terminator?.length && (this.position === this.endPosition)\n }\n\n isEqualTo(context) {\n return false\n }\n}\n\nconst findWordBoundsFromStringAtPosition = function(string, position, characterMatchesWordBoundary) {\n let char, index\n let start = (index = position)\n while (--index >= 0) {\n char = string.charAt(index)\n if (characterMatchesWordBoundary(char)) { break }\n start = index\n }\n\n let end = (index = position)\n while (index < string.length) {\n char = string.charAt(index)\n if (characterMatchesWordBoundary(char)) { break }\n end = ++index\n }\n\n if (start !== end) {\n return [start, end]\n }\n}\n", "import \"../../../bc/inputs/suggestion\"\nimport { nextFrame } from \"../../../helpers/timing_helpers\"\n\nconst { keyCodes } = BC\nconst MAX_VISIBLE_SUGGESTIONS = 50\n\nBC.AutocompleteController = class AutocompleteController {\n constructor(element) {\n this.element = element\n this.inputElement = this.element.inputElement\n this.toggleButton = this.element.toggleButton\n this.statusElement = this.element.statusElement\n this.debouncedDisplaySuggestions = BC.debounce(() => this.displaySuggestions(), 50)\n }\n\n connect() {\n let autocompletables\n\n if (!this.element.id) { this.element.id = `autocomplete_${BC.generateUUID()}` }\n\n const suggestionsId = this.getSuggestionsIdentifier()\n const ownedIds = [ suggestionsId, this.statusElement.id ].join(\" \")\n this.inputElement.setAttribute(\"aria-owns\", ownedIds)\n this.inputElement.setAttribute(\"aria-controls\", ownedIds)\n this.inputElement.setAttribute(\"aria-labelledby\", this.statusElement.id)\n\n if (!this.inputElement.hasAttribute(\"role\")) {\n this.inputElement.setAttribute(\"role\", \"combobox\")\n }\n\n if (!this.inputElement.hasAttribute(\"aria-autocomplete\")) {\n this.inputElement.setAttribute(\"aria-autocomplete\", \"list\")\n }\n\n if (this.element.preload) { autocompletables = JSON.parse(this.element.preload) }\n const collection = new BC.AutocompletableCollection(autocompletables)\n this.setCollection(collection)\n\n BC.fetchAutocompletables(this.element.url)\n .then(this.addAutocompletables)\n .then(this.createAutocompletablesForSelectedValues)\n .then(this.autocompleteReady)\n\n BC.handleEvent(\"input\", {on: this.inputElement, with: this.didReceiveInput})\n BC.handleEvent(\"keydown\", {on: this.inputElement, with: this.didPressKey})\n BC.handleEvent(\"focus\", {on: this.inputElement, with: this.didFocusInputElement})\n BC.handleEvent(\"blur\", {on: this.inputElement, with: this.didBlurInputElement})\n BC.handleEvent(\"change\", {on: this.inputElement, with: this.didChangeInputElement})\n BC.handleEvent(\"mousedown\", {on: this.toggleButton, with: this.didClickToggleButton})\n BC.handleEvent(\"click\", {on: this.element, with: this.didClickContainerElement})\n BC.handleEvent(\"click\", {on: this.element, matching: \"[data-behavior~=unselect_autocompletable]\", with: this.didClickUnselectButton})\n\n this.optionChangedHandler = BC.handleEvent(\"bc:active-option-changed\", { on: document, matching: `#${suggestionsId}`, with: this.activeOptionChanged })\n }\n\n disconnect() {\n this.debouncedDisplaySuggestions.cancel()\n this.optionChangedHandler.destroy()\n }\n\n render() {\n this.clearRenderedAutocompletables()\n this.element.insertAdjacentHTML(\"afterbegin\", this.getHTMLForSelectedAutocompletables())\n this.element.setAttribute(\"selected-count\", this.getSelectedAutocompletables().length)\n this.element.setAttribute(\"unselected-count\", this.getUnselectedAutocompletables().length)\n this.updateElementClassNames()\n this.resizeInputElement()\n this.renderStatusElement()\n }\n\n async renderStatusElement() {\n await nextFrame()\n this.statusElement.innerHTML = this.getHTMLForAutocompletableStatus()\n }\n\n // Events\n\n didReceiveInput = (event) => {\n this.updateElementClassNames()\n this.resizeInputElement()\n this.debouncedDisplaySuggestions()\n }\n\n didPressKey = (event) => {\n if (!this.inputElement.value) {\n switch (event.keyCode) {\n case keyCodes.backspace:\n this.unselectLastValue()\n event.stopPropagation()\n break\n case keyCodes.up:\n this.displaySuggestions()\n event.stopPropagation()\n break\n case keyCodes.down:\n this.displaySuggestions()\n event.stopPropagation()\n }\n }\n }\n\n didFocusInputElement = (event) => {\n return this.updateElementClassNames()\n }\n\n didBlurInputElement = (event) => {\n if (this.element.selectOnBlur && this.inputElement.value) {\n if (this.commitSuggestion()) { return }\n }\n this.cancelSuggestions()\n this.updateElementClassNames()\n return this.resizeInputElement()\n }\n\n didChangeInputElement = (event) => {\n return event.stopPropagation()\n }\n\n didClickUnselectButton = (event) => {\n event.preventDefault()\n event.stopPropagation()\n const { value } = BC.closest(event.target, \"[data-value]\").dataset\n this.removedOption = this.collection.get(value).name\n this.element.unselectValue(value)\n return this.inputElement.focus()\n }\n\n didClickContainerElement = (event) => {\n if (this.inputElement != document.activeElement) {\n this.inputElement.focus()\n }\n }\n\n didClickToggleButton = (event) => {\n event.preventDefault()\n event.stopPropagation()\n if (this.element.expanded) {\n return this.cancelSuggestions()\n } else {\n this.displaySuggestions()\n return this.inputElement.focus()\n }\n }\n\n autocompleteReady = () => {\n return this.element.setAttribute(\"ready\", true)\n }\n\n activeOptionChanged = (event) => {\n this.inputElement.setAttribute(\"aria-activedescendant\", event.target.id)\n }\n\n // Collection\n\n setCollection(collection) {\n if (!collection.isEqualTo(this.collection)) {\n this.collection = collection\n return this.render()\n }\n }\n\n setFilter(filterCallback) {\n this.filterCallback = filterCallback\n return this.render()\n }\n\n addAutocompletables = (autocompletables) => {\n return this.setCollection(this.collection.add(autocompletables))\n }\n\n createAutocompletablesForSelectedValues = () => {\n if (this.element.allowCreate) {\n this.element.selectedValues.forEach((value) => {\n if (!this.collection.has(value)) {\n this.addAutocompletables({value, name: value})\n }\n })\n }\n }\n\n getAutocompletables() {\n return this.collection.withoutValues(this.element.excludedValues).filter(this.filterCallback)\n }\n\n getSelectedAutocompletables() {\n return this.getAutocompletables().withValues(this.element.selectedValues, {sort: false})\n }\n\n getUnselectedAutocompletables() {\n return this.getAutocompletables().withoutValues(this.element.selectedValues)\n }\n\n // Suggestion controller delegate\n\n getSuggestionsIdentifier() {\n return `${this.element.id}_suggestions`\n }\n\n characterMatchesWordBoundary(character) {\n return false\n }\n\n matchQueryAndTerminatorForWord(word) {\n return {\n query: word,\n terminator: \"\"\n }\n }\n\n getOffsetsAtPosition(position) {\n if (this.element.expandable) {\n return this.getElementOffsets()\n } else {\n return this.getInputElementOffsets()\n }\n }\n\n fetchResultsForQuery(query, callback) {\n let autocompletables, collection, selectedAutocompletable\n if (this.element.multiple) {\n collection = this.getUnselectedAutocompletables()\n } else {\n collection = this.getAutocompletables()\n }\n\n if (query) {\n autocompletables = this.capResults(collection.matchingQuery(query).toArray())\n\n const noResultsLabel = this.element.noResultsLabel\n\n if (this.canCreate(query)) {\n if (!autocompletables.some(a => a.name === query)) {\n autocompletables.push({value: query, name: query, pending: true})\n }\n } else if (noResultsLabel) {\n if (autocompletables.length == 0) {\n autocompletables.push({value: query, noResultsLabel: noResultsLabel})\n }\n }\n } else {\n autocompletables = this.capResults(collection.toArray())\n\n const name = this.element.selectAllOption\n if (name) {\n if (autocompletables.length > 1) {\n autocompletables.unshift({value: \"select-all\", name})\n }\n }\n\n if (!this.element.multiple) {\n selectedAutocompletable = this.getSelectedAutocompletables().toArray()[0]\n }\n }\n\n const html = BC.renderAutocompletableSuggestions(autocompletables, {selectedAutocompletable})\n return callback(html)\n }\n\n willCommitValueAtRangeWithTerminator(value, range, terminator) {\n this.inputElement.value = \"\"\n if (this.element.multiple) {\n this.inputElement.focus()\n } else {\n this.inputElement.blur()\n }\n\n switch (true) {\n case value === \"select-all\":\n this.element.selectAll()\n break\n case this.collection.has(value):\n this.element.selectValue(value)\n this.addedOption = this.collection.get(value).name\n break\n case this.canCreate(value):\n this.addAutocompletables({value, name: value})\n this.element.selectValue(value)\n this.addedOption = this.collection.get(value).name\n break\n }\n }\n\n canCreate(query) {\n if (!this.element.allowCreate) return false\n const { createPattern } = this.element\n return !createPattern || new RegExp(createPattern).test(query)\n }\n\n didShowResults(selectElement) {\n this.displayingSuggestions = true\n this.updateElementClassNames()\n\n if (this.element.reveal) {\n selectElement.dataset.autocompletableReveal = this.element.reveal\n }\n\n if (this.element.suggestionSelectClass) {\n selectElement.classList.add(this.element.suggestionSelectClass)\n }\n\n if (this.element.expandable) {\n this.element.expanded = true\n selectElement.style.width = this.getElementOffsets().width + \"px\"\n } else {\n selectElement.style.maxWidth = this.getElementOffsets().width + \"px\"\n }\n\n this.inputElement.setAttribute(\"aria-expanded\", \"true\")\n }\n\n didHideResults(selectElement) {\n this.displayingSuggestions = false\n this.updateElementClassNames()\n\n if (this.element.reveal) {\n selectElement.dataset.autocompletableReveal = null\n }\n\n if (this.element.suggestionSelectClass) {\n selectElement.classList.remove(this.element.suggestionSelectClass)\n }\n\n if (this.element.expandable) {\n this.element.expanded = false\n selectElement.style.width = \"\"\n }\n\n this.inputElement.setAttribute(\"aria-expanded\", \"false\")\n }\n\n // Helpers\n\n displaySuggestions() {\n this.suggestionController ||= new BC.SuggestionController(this)\n this.suggestionController.updateWithContentAndPosition(this.inputElement.value, this.inputElement.selectionStart)\n if (this.suggestionController.isCanceled()) this.suggestionController.resumeSuggestion()\n if (!this.suggestionController.isActive()) this.suggestionController.activateSuggestion()\n }\n\n cancelSuggestions() {\n this.debouncedDisplaySuggestions.cancel()\n this.inputElement.value = \"\"\n this.suggestionController?.destroy()\n this.suggestionController = null\n }\n\n commitSuggestion() {\n return this.suggestionController?.commitSuggestion()\n }\n\n unselectLastValue() {\n const lastValue = this.element.selectedValues[this.element.selectedValues.length - 1]\n if (lastValue) {\n this.element.unselectValue(lastValue)\n this.removedOption = this.collection.get(lastValue).name\n return this.cancelSuggestions()\n }\n }\n\n capResults(results) {\n return results.length > MAX_VISIBLE_SUGGESTIONS ? results.slice(0, MAX_VISIBLE_SUGGESTIONS) : results\n }\n\n getElementOffsets() {\n return this.element.getBoundingClientRect()\n }\n\n getInputElementOffsets() {\n return this.inputElement.getBoundingClientRect()\n }\n\n resizeInputElement() {\n if (this.element.multiple) {\n const { style } = this.inputElement\n if (this.inputElement.value && this.element.value) {\n style.maxWidth = \"0px\"\n style.width = this.inputElement.scrollWidth + \"px\"\n style.maxWidth = null\n } else {\n style.width = null\n }\n }\n }\n\n updateElementClassNames() {\n this.element.classList.toggle(\"focused\", this.inputElement === document.activeElement)\n this.element.classList.toggle(\"has-input\", this.inputElement.value)\n return this.element.classList.toggle(\"displaying-suggestions\", this.displayingSuggestions === true)\n }\n\n clearRenderedAutocompletables() {\n this.element.querySelectorAll(\"[data-role~=autocompletable]\").forEach(element => element.remove())\n }\n\n getHTMLForSelectedAutocompletables() {\n const autocompletables = this.getSelectedAutocompletables().toArray()\n return BC.renderAutocompletables(autocompletables)\n }\n\n getHTMLForAutocompletableStatus() {\n const selected = this.getSelectedAutocompletables().toArray().map(a => a.name)\n const nOptions = this.collection.length\n let addedOption, removedOption\n\n if (this.addedOption) {\n addedOption = this.addedOption\n this.addedOption = null\n }\n\n if (this.removedOption) {\n removedOption = this.removedOption\n this.removedOption = null\n }\n\n return BC.renderAutocompletableStatus({\n description: this.element.description,\n selected,\n nOptions,\n addedOption,\n removedOption\n })\n }\n}\n", "import \"./controller\"\n\nclass BcAutocomplete extends HTMLElement {\n static get observedAttributes() {\n return [ \"exclude\", \"value\" ]\n }\n\n connectedCallback() {\n BC.ready(() => {\n this.setupInputElement()\n this.setupHiddenInput()\n this.setupToggleButton()\n this.setupStatusElement()\n\n if (this.controller == null) {\n this.controller = new BC.AutocompleteController(this)\n this.controller.connect()\n }\n\n this.defaultSelectedValues = this.selectedValues\n this.setSelectedValues(this.defaultSelectedValues)\n this.registerResetListener()\n })\n }\n\n setupInputElement() {\n this.inputElement = this.querySelector(\"input[type=text]\")\n this.inputElement.setAttribute(\"autocomplete\", \"off\")\n this.inputElement.setAttribute(\"autocorrect\", \"off\")\n\n if (this.inputElement.required && !this.hasAttribute(\"required\")) {\n this.required = true\n }\n\n if (this.hasAttribute(\"autofocus\")) {\n this.inputElement.focus()\n }\n\n if (this.hasAttribute(\"tabindex\")) {\n this.inputElement.setAttribute(\"tabindex\", this.tabIndex)\n this.removeAttribute(\"tabindex\")\n }\n }\n\n setupHiddenInput() {\n this.hiddenInputElement = this.querySelector(\"input[type=hidden]\")\n if (!this.hiddenInputElement) {\n const {name} = this.inputElement\n this.hiddenInputElement = BC.makeElement(\"input\", {type: \"hidden\", name, value: this.value})\n this.inputElement.removeAttribute(\"name\")\n this.appendChild(this.hiddenInputElement)\n }\n }\n\n setupToggleButton() {\n this.toggleButton = this.querySelector(\".toggle-button\")\n if (!this.toggleButton) {\n this.toggleButton = BC.makeElement(\"button\", {type: \"button\", class: \"toggle-button\", title: \"Toggle\", tabindex: \"-1\"})\n this.toggleButton.textContent = \"\u25BE\"\n this.appendChild(this.toggleButton)\n }\n }\n\n setupStatusElement() {\n this.statusElement = this.querySelector(\"[role=status]\")\n if (!this.statusElement) {\n const id = `bc-autocomplete-status-${BC.generateUUID()}`\n this.statusElement = BC.makeElement(\"div\", { id: id, role: \"status\", \"aria-live\": \"assertive\", class: \"sr-only\" })\n this.appendChild(this.statusElement)\n }\n }\n\n disconnectedCallback() {\n this.unregisterResetListener()\n this.controller.disconnect()\n }\n\n attributeChangedCallback(attributeName, oldValue, newValue) {\n if (oldValue || newValue) {\n switch (attributeName) {\n case \"exclude\":\n this.setSelectedValues(BC.arrayWithout(this.selectedValues, this.excludedValues))\n break\n case \"value\":\n if (this.hiddenInputElement && this.value !== this.hiddenInputElement.value) {\n this.hiddenInputElement.value = this.value\n this.controller.render()\n BC.triggerEvent(this, \"change\")\n }\n break\n }\n }\n }\n\n get selectedValues() {\n if (this.value) {\n if (this.multiple) {\n return this.value.split(\",\")\n } else {\n return [this.value]\n }\n } else {\n return []\n }\n }\n\n setSelectedValues(values = []) {\n values = BC.uniqueValues(values)\n if (this.required) {\n this.inputElement.required = values.length === 0\n }\n this.value = values.join(\",\")\n }\n\n get excludedValues() {\n const value = this.exclude\n if (value) {\n return value.split(\",\")\n } else {\n return []\n }\n }\n\n setExcludedValues(values = []) {\n values = BC.uniqueValues(values)\n this.exclude = values.join(\",\")\n }\n\n get selectedAutocompletables() {\n return this.controller.getSelectedAutocompletables().toArray()\n }\n\n get unselectedAutocompletables() {\n return this.controller.getUnselectedAutocompletables().toArray()\n }\n\n selectValue(value) {\n if (this.multiple) {\n const values = this.selectedValues.concat(value)\n this.setSelectedValues(values)\n } else {\n this.setSelectedValues([value])\n }\n }\n\n unselectValue(value) {\n const values = BC.arrayWithout(this.selectedValues, value)\n this.setSelectedValues(values)\n }\n\n selectAll() {\n if (this.multiple) {\n const unselectedValues = this.controller.getUnselectedAutocompletables().getValues()\n const values = this.selectedValues.concat(unselectedValues)\n this.setSelectedValues(values)\n }\n }\n\n unselectAll() {\n this.setSelectedValues([])\n }\n\n setFilter(callback) {\n this.controller.setFilter(callback)\n }\n\n resetFilter() {\n this.controller.setFilter()\n }\n\n excludeValue(value) {\n const values = this.excludedValues.concat(value)\n this.setExcludedValues(values)\n }\n\n unexcludeValue(value) {\n const values = BC.arrayWithout(this.excludedValues, value)\n this.setExcludedValues(values)\n }\n\n addAutocompletables(autocompletables) {\n this.controller.addAutocompletables(autocompletables)\n }\n\n // Form reset support\n\n registerResetListener() {\n this.resetListener = this.resetBubbled.bind(this)\n window.addEventListener(\"reset\", this.resetListener, false)\n }\n\n unregisterResetListener() {\n window.removeEventListener(\"reset\", this.resetListener, false)\n }\n\n resetBubbled(event) {\n if (event.target === this.inputElement?.form) {\n if (!event.defaultPrevented) { this.reset() }\n }\n }\n\n reset() {\n this.setSelectedValues(this.defaultSelectedValues)\n }\n\n // stringAttributes\n\n get description() {\n return this.getAttribute(\"aria-label\") ||\n this.inputElement.getAttribute(\"aria-label\") ||\n this.inputElement.getAttribute(\"placeholder\") || \"\"\n }\n\n get exclude() {\n return this.getAttribute(\"exclude\") || \"\"\n }\n\n set exclude(value = \"\") {\n this.setAttribute(\"exclude\", value)\n }\n\n get preload() {\n return this.getAttribute(\"preload\") || \"\"\n }\n\n set preload(value = \"\") {\n this.setAttribute(\"preload\", value)\n }\n\n get reveal() {\n return this.getAttribute(\"reveal\") || \"\"\n }\n\n set reveal(value = \"\") {\n this.setAttribute(\"reveal\", value)\n }\n\n get selectAllOption() {\n return this.getAttribute(\"select-all-option\") || \"\"\n }\n\n set selectAllOption(value = \"\") {\n this.setAttribute(\"select-all-option\", value)\n }\n\n get noResultsLabel() {\n return this.getAttribute(\"no-results-label\") || \"\"\n }\n\n set noResultsLabel(value = \"\") {\n this.setAttribute(\"no-results-label\", value)\n }\n\n get suggestionSelectClass() {\n return this.getAttribute(\"suggestion-select-class\") || \"\"\n }\n\n set suggestionSelectClass(value = \"\") {\n this.setAttribute(\"suggestion-select-class\", value)\n }\n\n get url() {\n return this.getAttribute(\"url\") || \"\"\n }\n\n set url(value = \"\") {\n this.setAttribute(\"url\", value)\n }\n\n get createPattern() {\n return this.getAttribute(\"create-pattern\") || \"\"\n }\n\n set createPattern(value = \"\") {\n this.setAttribute(\"create-pattern\", value)\n }\n\n get value() {\n return this.getAttribute(\"value\") || \"\"\n }\n\n set value(value = \"\") {\n this.setAttribute(\"value\", value)\n }\n\n // booleanAttributes\n\n get allowCreate() {\n return this.hasAttribute(\"allow-create\")\n }\n\n set allowCreate(value) {\n value ? this.setAttribute(\"allow-create\", \"\") : this.removeAttribute(\"allow-create\")\n }\n\n get expandable() {\n return this.hasAttribute(\"expandable\")\n }\n\n set expandable(value) {\n value ? this.setAttribute(\"expandable\", \"\") : this.removeAttribute(\"expandable\")\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\")\n }\n\n set expanded(value) {\n if (value) {\n this.setAttribute(\"aria-expanded\", \"true\")\n this.setAttribute(\"expanded\", \"\")\n } else {\n this.setAttribute(\"aria-expanded\", \"false\")\n this.removeAttribute(\"expanded\")\n }\n }\n\n get multiple() {\n return this.hasAttribute(\"multiple\")\n }\n\n set multiple(value) {\n value ? this.setAttribute(\"multiple\", \"\") : this.removeAttribute(\"multiple\")\n }\n\n get required() {\n return this.hasAttribute(\"required\")\n }\n\n set required(value) {\n value ? this.setAttribute(\"required\", \"\") : this.removeAttribute(\"required\")\n }\n\n get selectOnBlur() {\n return this.hasAttribute(\"select-on-blur\")\n }\n\n set selectOnBlur(value) {\n value ? this.setAttribute(\"select-on-blur\", \"\") : this.removeAttribute(\"select-on-blur\")\n }\n}\n\nwindow.customElements.define(\"bc-autocomplete\", BcAutocomplete)\n", "if (!window.JST) window.JST = {}\nwindow.JST['bc/inputs/autocomplete/templates/autocompletable'] = function(object){\nvar __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n__p+='\\n ';\n if (object.avatar_url) { \n__p+='\\n ![\"\"](\"'+\n((__t=()
\\n ';\n } \n__p+='\\n\\n \\n ';\n if (object.type === \"group\") { \n__p+='\\n Group:\\n ';\n } \n__p+='\\n\\n '+\n((__t=( object.name ))==null?'':_.escape(__t))+\n'\\n \\n\\n ';\n if (object.out_of_office) { \n__p+='\\n \\n OUT until '+\n((__t=( object.out_of_office.end_date ))==null?'':_.escape(__t))+\n'\\n \\n ';\n } \n__p+='\\n\\n ';\n if (object.email_address) { \n__p+='\\n \\n '+\n((__t=( object.email_address ))==null?'':_.escape(__t))+\n'\\n \\n ';\n } \n__p+='\\n\\n \u00D7\\n\\n';\nreturn __p;\n}", "if (!window.JST) window.JST = {}\nwindow.JST['bc/inputs/autocomplete/templates/suggestions'] = function(object){\nvar __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n__p+='';\n for (const autocompletable of object.autocompletables) { \n__p+='\\n \\n ';\n if (autocompletable.pending) { \n__p+='\\n Add '+\n((__t=( autocompletable.name ))==null?'':_.escape(__t))+\n'\u2026\\n ';\n } else if (autocompletable.noResultsLabel) { \n__p+='\\n '+\n((__t=( autocompletable.noResultsLabel ))==null?'':__t)+\n'\\n ';\n } else { \n__p+='\\n '+\n((__t=( BC.renderAutocompletable(autocompletable) ))==null?'':__t)+\n'\\n ';\n } \n__p+='\\n \\n';\n } \n__p+='\\n';\nreturn __p;\n}", "if (!window.JST) window.JST = {}\nwindow.JST['bc/inputs/autocomplete/templates/status'] = function(object){\nvar __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n__p+='';\n if (object.addedOption) { \n__p+='\\n \\n Added '+\n((__t=( object.addedOption ))==null?'':_.escape(__t))+\n'.\\n
\\n';\n } \n__p+='\\n\\n';\n if (object.removedOption) { \n__p+='\\n \\n Removed '+\n((__t=( object.removedOption ))==null?'':_.escape(__t))+\n'.\\n
\\n';\n } \n__p+='\\n\\n\\n Autocomplete \"'+\n((__t=( object.description ))==null?'':_.escape(__t))+\n'\". '+\n((__t=( object.nOptions ))==null?'':_.escape(__t))+\n' options available.\\n\\n ';\n if (object.selected.length > 0) { \n__p+='\\n Currently selected: '+\n((__t=( object.selected.join(\", \") ))==null?'':_.escape(__t))+\n'\\n ';\n } else { \n__p+='\\n No option selected. Press down arrow to view options.\\n ';\n } \n__p+='\\n
\\n\\n';\nreturn __p;\n}", "import \"./templates/autocompletable.jst.ejs\"\nimport \"./templates/suggestions.jst.ejs\"\nimport \"./templates/status.jst.ejs\"\n\nlet fetchCache = {}\n\naddEventListener(\"turbo:visit\", () => fetchCache = {})\n\nBC.fetchAutocompletables = function(url) {\n if (url) {\n return fetchCache[url] != null ? fetchCache[url] : (fetchCache[url] = BC.fetch(url, {as: \"json\"}))\n } else {\n return Promise.resolve()\n }\n}\n\nBC.renderAutocompletable = autocompletable => JST[\"bc/inputs/autocomplete/templates/autocompletable\"](autocompletable)\n\nBC.renderAutocompletables = (autocompletables = []) => autocompletables.map(BC.renderAutocompletable).join(\"\\n\")\n\nBC.renderAutocompletableStatus = (status) => JST[\"bc/inputs/autocomplete/templates/status\"](status)\n\nBC.renderAutocompletableSuggestions = (autocompletables, {selectedAutocompletable} = {}) => JST[\"bc/inputs/autocomplete/templates/suggestions\"]({autocompletables, selectedAutocompletable})\n", "BC.AutocompletableCollection = class AutocompletableCollection {\n constructor(autocompletables = [], options = {}) {\n this.index = new Map()\n this.autocompletables = new Array()\n\n Array.from(autocompletables).forEach((autocompletable) => {\n this.index.set(uniqueAutocompleteableKey(autocompletable), autocompletable)\n })\n\n this.index.forEach(autocompletable => {\n this.autocompletables.push(autocompletable)\n })\n\n if (options.sort !== false) {\n this.autocompletables.sort(compareAutocompletables)\n }\n\n this.length = this.autocompletables.length\n }\n\n get(value) {\n return this.index.get(value.toString())\n }\n\n has(value) {\n return this.index.has(value.toString())\n }\n\n add(autocompletables = [], collectionOptions) {\n return new this.constructor(this.autocompletables.concat(autocompletables), collectionOptions)\n }\n\n getValues() {\n return this.autocompletables.map(autocompletable => autocompletable.value)\n }\n\n withValues(values = [], collectionOptions) {\n const autocompletables = values.map((value) => this.get(value)).filter(Boolean)\n return new this.constructor(autocompletables, collectionOptions)\n }\n\n withoutValues(values = [], collectionOptions) {\n const autocompletables = []\n this.index.forEach(function(autocompletable, value) {\n const allGroupMembersAreAdded = autocompletable.type == \"group\" && autocompletable.value.split(\",\").every(id => values.includes(id))\n\n if (!values.includes(value) && !allGroupMembersAreAdded) {\n return autocompletables.push(autocompletable)\n }\n })\n return new this.constructor(autocompletables, collectionOptions)\n }\n\n filter(callback, collectionOptions) {\n if (!callback) return this\n\n const autocompletables = []\n this.index.forEach(function(autocompletable, value) {\n if (callback(autocompletable)) {\n return autocompletables.push(autocompletable)\n }\n })\n\n return new this.constructor(autocompletables, collectionOptions)\n }\n\n matchingQuery(query) {\n if (!query) return this\n const autocompletables = matchAutocompletablesByNameOrDescription(this.autocompletables, query)\n return new this.constructor(autocompletables, {sort: false})\n }\n\n toArray() {\n return this.autocompletables.slice(0)\n }\n\n toJSON() {\n return this.toArray()\n }\n\n isEqualTo(collection) {\n if (!collection) return false\n if (this.length !== collection.length) return false\n return JSON.stringify(this) === JSON.stringify(collection)\n }\n}\n\n// Helpers\n\nconst compareAutocompletables = (autocompletable, otherAutocompletable) => autocompletable.name.localeCompare(otherAutocompletable.name)\n\nconst matchAutocompletablesByNameOrDescription = (autocompletables, query) => BC.uniqueValues([].concat(\n matchAutocompletablesByNameAtHead(autocompletables, query),\n matchAutocompletablesByRestOfName(autocompletables, query),\n matchAutocompletablesByRestOfDescription(autocompletables, query))\n)\n\nconst matchAutocompletablesByNameAtHead = (autocompletables, query) => matchAutocompletablesByRegExp(autocompletables, regexpForQuery(query, \"^\"))\n\nconst matchAutocompletablesByRestOfName = (autocompletables, query) => matchAutocompletablesByRegExp(autocompletables, regexpForQuery(query, \"\\\\s\"))\n\nconst matchAutocompletablesByRestOfDescription = (autocompletables, query) => matchAutocompletablesByRegExp(autocompletables, regexpForQuery(query), \"description\")\n\nconst matchAutocompletablesByRegExp = (autocompletables, regexp, propertyName = \"name\") => {\n return autocompletables.filter(autocompletable => {\n const normalizedPropertyName = `normalized${BC.camelize(propertyName)}`\n const property = autocompletable[propertyName]\n\n if (property) {\n if (!autocompletable[normalizedPropertyName]) autocompletable[normalizedPropertyName] = BC.normalize(property)\n return regexp.test(autocompletable[normalizedPropertyName])\n }\n })\n}\n\nconst regexpForQuery = (query, prefix = \"\") => new RegExp(prefix + patternForQuery(query), \"i\")\n\nconst patternForQuery = (query) => BC.normalize(query.toString()).split(\"\").map(BC.regexpEscape).\n join(\"(.*\\\\s)?\").replace(/\\(\\.\\*\\\\s\\)\\? /g, \"[^ ]* \")\n\nconst uniqueAutocompleteableKey = (autocompletable) => {\n if (autocompletable.type == \"group\") {\n return autocompletable.name + \":\" + autocompletable.value.toString()\n } else {\n return autocompletable.value.toString()\n }\n}\n", "class BcDatetimeInput extends HTMLElement {\n get name() {\n return this.getAttribute(\"name\")\n }\n\n get dateTime() {\n if ((this.date) && (this.time)) {\n return new CalendarDateTime(this.date, this.time)\n } else {\n return null\n }\n }\n\n set dateTime(dateTime) {\n this.date = dateTime?.calendarDate\n this.time = dateTime?.calendarTime\n }\n\n get date() {\n return this.datePicker?.date\n }\n\n set date(date) {\n if (this.datePicker) this.datePicker.date = date\n }\n\n get time() {\n return this.timePicker?.time\n }\n\n set time(time) {\n if (this.timePicker) this.timePicker.time = time\n }\n\n connectedCallback() {\n BC.ready(() => {\n this.getChildElements(({datePicker, timePicker}) => {\n this.datePicker = datePicker\n this.timePicker = timePicker\n this.setAttribute(\"initialized\", \"\")\n })\n })\n }\n\n shake() {\n this.datePicker.shake()\n this.timePicker.shake()\n }\n\n getChildElements(callback) {\n const datePicker = this.querySelector(\"bc-date-picker[initialized], bc-relative-date-input[initialized]\")\n const timePicker = this.querySelector(\"bc-time-picker[initialized]\")\n\n if ((datePicker) && (timePicker)) {\n callback({datePicker, timePicker})\n } else {\n requestAnimationFrame(() => {\n this.getChildElements(callback)\n })\n }\n }\n}\n\nBC.DatetimeInputElement = BcDatetimeInput\nwindow.customElements.define(\"bc-datetime-picker\", BcDatetimeInput)\n\n", "BC.SegmentedInputController = class SegmentedInputController {\n constructor(element) {\n this.didPressKey = this.didPressKey.bind(this)\n this.dummyDidFocus = this.dummyDidFocus.bind(this)\n this.element = element\n this.dummyElement = this.element.dummyElement\n this.inputElement = this.element.inputElement\n this.fieldElements = this.element.fieldElements\n }\n\n initialize() {\n this.installListeners()\n this.autofocus()\n this.initiallyDisable()\n }\n\n destroy() {\n return this.uninstallListeners()\n }\n\n push(value) {\n const field = this.fieldElements[this.getIndex()]\n if (field) {\n field.value = `${value}`\n return this.setValue(`${this.getValue()}${value}`)\n }\n }\n\n pop() {\n const field = this.fieldElements[this.getIndex() - 1]\n if (field) {\n field.value = \"\"\n return this.setValue(this.getValue().slice(0, -1))\n }\n }\n\n reset() {\n while (this.getIndex()) {\n this.pop()\n }\n }\n\n getIndex() {\n return this.getValue().length\n }\n\n getValue() {\n return `${this.inputElement.value}`\n }\n\n setValue(value) {\n this.inputElement.value = value\n const field = this.fieldElements[this.getIndex()]\n if (field) {\n this.dummyElement.style.left = getLeftOffset(field) + \"px\"\n this.dummyElement.style.opacity = \"\"\n } else {\n this.dummyElement.blur()\n this.dummyElement.style.opacity = \"0\"\n }\n\n return this.triggerCompletedEvent()\n }\n\n getSize() {\n return this.fieldElements.length\n }\n\n isCompleted() {\n return this.getIndex() === this.getSize()\n }\n\n // Keyboard events\n\n didPressKey(event) {\n if (48 <= event.keyCode && event.keyCode <= 57) {\n this.didPressNumericKey(event.keyCode - 48)\n } else if (96 <= event.keyCode && event.keyCode <= 105) {\n this.didPressNumericKey(event.keyCode - 96)\n } else if (event.keyCode === 8) {\n this.didPressBackspaceKey()\n } else if (event.keyCode === 27) {\n this.didPressEscapeKey()\n } else {\n return\n }\n\n event.preventDefault()\n }\n\n didPressNumericKey(value) {\n return this.push(value)\n }\n\n didPressBackspaceKey() {\n return this.pop()\n }\n\n didPressEscapeKey() {\n return this.reset()\n }\n\n // Focus and click events\n\n dummyDidFocus(event) {\n if (this.element.disabled) {\n return this.dummyElement.blur()\n } else if (this.isCompleted()) {\n return this.reset()\n }\n }\n\n didClick() {\n return this.dummyElement.focus()\n }\n\n // Private\n\n installListeners() {\n this.dummyElement.addEventListener(\"focus\", this.dummyDidFocus)\n this.element.addEventListener(\"keydown\", this.didPressKey)\n this.element.addEventListener(\"click\", this.didClick)\n this.element.addEventListener(\"keypress\", this.suppress)\n this.element.addEventListener(\"input\", this.suppress)\n return this.element.addEventListener(\"paste\", this.suppress)\n }\n\n autofocus() {\n if (this.element.autofocus) {\n return this.dummyElement.focus()\n }\n }\n\n initiallyDisable() {\n if (this.element.disabled) {\n return this.element.disable()\n }\n }\n\n uninstallListeners() {\n this.dummyElement.removeEventListener(\"focus\", this.dummyDidFocus)\n this.element.removeEventListener(\"keydown\", this.didPressKey)\n this.element.removeEventListener(\"click\", this.didClick)\n this.element.removeEventListener(\"keypress\", this.suppress)\n this.element.removeEventListener(\"input\", this.suppress)\n return this.element.removeEventListener(\"paste\", this.suppress)\n }\n\n triggerCompletedEvent() {\n if (this.isCompleted()) { return BC.triggerEvent(this.element, \"completed\") }\n }\n}\n\nconst getLeftOffset = function(el) {\n const parentOffset = el.offsetParent.getBoundingClientRect()\n const offset = el.getBoundingClientRect()\n return offset.left - parentOffset.left\n}\n", "import \"./controller\"\n\nlet identifier = 0\n\nclass BcSegmentedInput extends HTMLElement {\n get size() {\n return this.getAttribute(\"size\")\n }\n\n get autofocus() {\n return this.hasAttribute(\"autofocus\")\n }\n\n get identifier() {\n if (this.hasAttribute(\"identifier\")) {\n return this.getAttribute(\"identifier\")\n } else {\n this.setAttribute(\"identifier\", identifier++)\n return this.identifier\n }\n }\n\n get disabled() {\n return this.hasAttribute(\"disabled\")\n }\n\n get inputElement() {\n if (this.hasAttribute(\"input\")) {\n return document.getElementById(this.getAttribute(\"input\"))\n } else {\n const element = BC.makeElement(\"input\", {type: \"hidden\", id: `segmented_input_${this.identifier}`})\n this.setAttribute(\"input\", element.id)\n return this.parentElement.insertBefore(element, this.nextElementSibling)\n }\n }\n\n get dummyElement() {\n if (this.hasAttribute(\"dummy\")) {\n return document.getElementById(this.getAttribute(\"dummy\"))\n } else {\n const element = BC.makeElement(\"input\", {\n type: \"tel\",\n id: `segmented_input_dummy_${this.identifier}`,\n pattern: \"[0-9]*\",\n size: \"1\",\n maxlength: \"0\",\n autocomplete: \"off\",\n class: \"input text-center segmented-input__dummy\"\n }\n )\n this.setAttribute(\"dummy\", element.id)\n return this.appendChild(element)\n }\n }\n\n get labelElement() {\n if (this.hasAttribute(\"label\")) {\n return document.getElementById(this.getAttribute(\"label\"))\n } else {\n const element = BC.makeElement(\"label\", {id: `segmented_input_label_${this.identifier}`, for: this.dummyElement.id, class: \"segmented-input__label\"})\n this.setAttribute(\"label\", element.id)\n return this.insertBefore(element, this.dummyElement.nextElementSibling)\n }\n }\n\n get fieldElements() {\n const fields = this.labelElement.querySelectorAll(\"[data-role=field]\")\n if (fields.length) {\n return fields\n } else {\n const elements = []\n\n for (let i = 0; i < this.size; i++) {\n const element = BC.makeElement(\"input\", {\n type: \"text\",\n disabled: \"disabled\",\n size: \"1\",\n class: \"input text-center segmented-input__field\",\n \"data-role\": \"field\"\n })\n elements.push(this.labelElement.appendChild(element))\n }\n\n return elements\n }\n }\n\n connectedCallback() {\n if (this.controller == null) { this.controller = new BC.SegmentedInputController(this) }\n this.controller.initialize()\n }\n\n disconnectedCallback() {\n this.controller?.destroy()\n }\n\n disable() {\n this.setAttribute(\"disabled\", \"\")\n this.dummyElement.blur()\n this.dummyElement.style.opacity = \"0\"\n }\n\n enable() {\n this.removeAttribute(\"disabled\")\n this.dummyElement.style.opacity = \"\"\n }\n}\n\nwindow.customElements.define(\"bc-segmented-input\", BcSegmentedInput)\n\n", "class BcDateInput extends HTMLElement {\n connectedCallback() {\n BC.ready(() => {\n this.input = findOrCreateInput(this)\n this.duetPicker = initializeDuetPicker(this)\n\n this.addEventListener(\"duetChange\", this.duetPickerChanged)\n this.addEventListener(\"duetFocus\", this.duetPickerFocused)\n this.addEventListener(\"duetOpen\", this.onOpen)\n this.addEventListener(\"duetClose\", this.onClose)\n this.addEventListener(\"keydown\", this.onKeydown)\n\n this.setAttribute(\"initialized\", \"\")\n this.configureFocusability()\n })\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"duetChange\", this.duetPickerChanged)\n this.removeEventListener(\"duetFocus\", this.duetPickerFocused)\n this.removeEventListener(\"duetOpen\", this.onOpen)\n this.removeEventListener(\"duetClose\", this.onClose)\n this.removeEventListener(\"keydown\", this.onKeydown)\n }\n\n open() {\n this.duetPicker.show()\n }\n\n shake() {\n BC.shakeElement(this)\n }\n\n configureFocusability = () => {\n if (!this.isConnected) return\n\n const input = this.duetPicker.datePickerInput\n const button = this.duetPicker.datePickerButton\n if (input && button) {\n input.tabIndex = -1\n button.tabIndex = 0\n const label = this.dataset.label\n button.setAttribute(\"aria-label\", label ? `Choose ${label}` : \"Choose date\")\n } else {\n requestAnimationFrame(this.configureFocusability)\n }\n }\n\n duetPickerChanged = async (event) => {\n if (event.detail.value) {\n this.dispatchEvent(new Event(\"bc:before-date-change\", { bubbles: true }))\n this.value = event.detail.value\n this.dispatchEvent(new Event(\"bc:date-change\", { bubbles: true }))\n }\n }\n\n duetPickerFocused = async () => {\n this.duetPicker.datePickerInput.readOnly = true\n }\n\n onOpen = () => {\n this.opened = true\n this.autoAdjustDirection()\n }\n\n onClose = () => {\n this.opened = false\n // Don't reset position-adjustment state here \u2014 the dialog has a fade-out\n // transition, and clearing it immediately would snap the dialog back to\n // its default spot mid-animation. autoAdjustDirection resets on next open.\n }\n\n onKeydown = (event) => {\n if (event.key === \"Escape\" && this.opened) {\n event.stopPropagation()\n this.duetPicker.hide()\n } else if (event.key.startsWith(\"Arrow\") && this.opened) {\n event.stopPropagation()\n }\n }\n\n autoAdjustDirection = () => {\n const content = this.duetPicker.querySelector(\".duet-date__dialog-content\")\n const dialog = this.duetPicker.querySelector(\".duet-date__dialog\")\n if (!content || !dialog) return\n\n // Reset state from the previous open before re-evaluating.\n this.duetPicker.direction = \"right\"\n dialog.classList.remove(\"is-above\")\n dialog.style.insetInlineEnd = \"\"\n\n const { right, bottom, width } = content.getBoundingClientRect()\n\n if (window.innerWidth - right < width) this.duetPicker.direction = \"left\"\n if (bottom > window.innerHeight) dialog.classList.add(\"is-above\")\n\n this.alignToSidebarEdge(dialog)\n }\n\n // When the picker sits inside a narrow popup (e.g. bubble-up action-sheet) that lives in the\n // sidebar, the calendar's `right: 0` anchors it to the input's right edge \u2014 leaving the calendar\n // protruding past the popup's left edge and looking detached. Shift it so the right edge aligns\n // with the sidebar instead, keeping the whole calendar inside the sidebar's visual bounds.\n // Skipped for RTL layouts since the alignment math derives from physical edges; BC apps render\n // LTR today, and a future RTL pass would need to mirror this against the inline-end edge.\n alignToSidebarEdge = (dialog) => {\n const sidebar = this.closest(\".sidebar\")\n const popup = this.closest(\".action-sheet\")\n if (!sidebar || !popup) return\n if (getComputedStyle(this).direction === \"rtl\") return\n\n const sidebarRect = sidebar.getBoundingClientRect()\n const myRect = this.getBoundingClientRect()\n const offset = (sidebarRect.right - 8) - myRect.right\n if (offset > 0) dialog.style.insetInlineEnd = `-${offset}px`\n }\n\n get minDate() {\n const minDate = this.getAttribute(\"data-min-date\")\n return minDate ? CalendarDate.parse(minDate) : undefined\n }\n\n set minDate(value) {\n value = CalendarDate.parse(value).toString()\n this.duetPicker.min = value\n this.setAttribute(\"data-min-date\", value)\n }\n\n get maxDate() {\n const maxDate = this.getAttribute(\"data-max-date\")\n return maxDate ? CalendarDate.parse(maxDate) : undefined\n }\n\n set maxDate(value) {\n value = CalendarDate.parse(value).toString()\n this.duetPicker.max = value\n this.setAttribute(\"data-max-date\", value)\n }\n\n get name() {\n return this.getAttribute(\"name\")\n }\n\n get value() {\n return this.getAttribute(\"value\")\n }\n\n set value(value) {\n if (value != null) {\n this.duetPicker.value = value\n this.setAttribute(\"value\", value)\n this.input?.setAttribute(\"value\", value)\n } else {\n this.duetPicker.value = null\n this.removeAttribute(\"value\")\n this.input?.removeAttribute(\"value\", value)\n }\n }\n\n get date() {\n return this.value ? CalendarDate.parse(this.value) : null\n }\n\n set date(date) {\n this.value = date?.toString()\n }\n\n get disabled() {\n return this.hasAttribute(\"disabled\")\n }\n\n set disabled(value) {\n const boolValue = !!value // toggleAttribute second argument only works with booleans\n\n this.input.disabled = boolValue\n this.duetPicker.disabled = boolValue\n this.toggleAttribute(\"disabled\", boolValue)\n }\n\n get required() {\n return this.hasAttribute(\"required\")\n }\n\n set required(value) {\n this.duetPicker.required = !!value\n this.toggleAttribute(\"required\", !!value)\n }\n}\n\nconst findOrCreateInput = function(element) {\n return findInput(element) || createInput(element)\n}\n\nconst findInput = element => element.querySelector(\"input[type=hidden]\")\n\nconst createInput = function(element) {\n if (element.name != null) {\n const input = BC.makeElement(\"input\", { type: \"hidden\", name: element.name, value: element.value != null ? element.value : \"\" })\n element.appendChild(input)\n return input\n }\n}\n\nconst initializeDuetPicker = function(element) {\n findDuetPicker(element)?.remove()\n return createDuetPicker(element)\n}\n\nconst findDuetPicker = element => element.querySelector(\"duet-date-picker\")\n\nconst createDuetPicker = function(element) {\n const attributes = { \"first-day-of-week\": parseInt(BC.current.person.firstWeekDayInt, 10) || 0 }\n attributes.value = element.value || \"\"\n\n if (element.id) attributes.identifier = `${element.id}_picker`\n if (element.disabled) attributes.disabled = \"disabled\"\n if (element.required) attributes.required = \"required\"\n if (element.maxDate) attributes.max = element.maxDate\n if (element.minDate) attributes.min = element.minDate\n\n const duetPicker = BC.makeElement(\"duet-date-picker\", attributes)\n duetPicker.dateAdapter.format = buildFormatAdapter(element.dataset.formatType || \"default\")\n\n const label = element.dataset.label\n const buttonLabel = label ? `Choose ${label}` : \"Choose date\"\n duetPicker.localization.buttonLabel = buttonLabel\n duetPicker.localization.placeholder = label || \"Choose date\"\n element.appendChild(duetPicker)\n\n return duetPicker\n}\n\nconst buildFormatAdapter = (type) => {\n let formatter\n\n switch (type) {\n case \"month_day\":\n formatter = new Intl.DateTimeFormat(\"en\", { day: \"numeric\", month: \"short\" })\n break\n case \"month_day_year\":\n formatter = new Intl.DateTimeFormat(\"en\", { day: \"numeric\", month: \"short\", year: \"numeric\" })\n break\n default:\n formatter = new Intl.DateTimeFormat(\"en\", { weekday: \"short\", day: \"numeric\", month: \"short\", year: \"numeric\" })\n }\n\n return (date) => formatter.format(date)\n}\n\nBC.DateInputElement = BcDateInput\nwindow.customElements.define(\"bc-date-picker\", BcDateInput)\n", "class TimeInputElement extends HTMLElement {\n get value() {\n return this.getAttribute(\"value\")\n }\n\n set value(value) {\n this.setAttribute(\"value\", value)\n }\n\n get time() {\n if (this.value) {\n try {\n return CalendarTime.parse(this.value)\n } catch (error) {\n return null\n }\n }\n\n return null\n }\n\n set time(time) {\n this.value = time || \"\"\n this.input.value = time?.toString({12: this.format == \"twelve_hour\", short: true}) || \"\"\n this.dispatchEvent(new Event(\"bc:time-change\", { bubbles: true }))\n }\n\n connectedCallback() {\n BC.ready(() => {\n this.input = findOrCreateInput(this)\n this.format = this.dataset.format\n this.controller = new BC.TimeInputController(this)\n this.time = this.controller.parseTimeFromInput()\n this.setAttribute(\"initialized\", \"\")\n })\n }\n\n disconnectedCallback() {\n this.controller?.destroy()\n }\n\n shake() {\n BC.shakeElement(this.input)\n }\n}\n\nconst findOrCreateInput = function(element) {\n const input = element.querySelector(\"input\") || createInput(element)\n input.setAttribute(\"autocomplete\", \"off\")\n input.setAttribute(\"autocorrect\", \"off\")\n return input\n}\n\nconst createInput = function(element) {\n const input = document.createElement(\"input\")\n input.type = \"text\"\n input.classList.add(\"input\")\n element.appendChild(input)\n return input\n}\n\nBC.TimeInputElement = TimeInputElement\nwindow.customElements.define(\"bc-time-picker\", TimeInputElement)\n\n", "const OPTIONS = function(format) {\n const times = []\n\n if (format == \"twelve_hour\") {\n [\"am\", \"pm\"].forEach((p) => {\n Array.from([12].concat([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11])).forEach((i) => {\n [\"00\", \"30\"].forEach((m) => times.push(`${i}:${m}${p}`))\n })\n })\n } else {\n for (let hour = 0; hour < 24; hour++) {\n [\"00\", \"30\"].forEach((minute) => times.push(`${hour}:${minute}`))\n }\n }\n\n return times\n}\n\nBC.TimeInputController = class TimeInputController {\n constructor(element) {\n this.didFocusInput = this.didFocusInput.bind(this)\n this.didClickInput = this.didClickInput.bind(this)\n this.didChangeInput = this.didChangeInput.bind(this)\n this.didPressKey = this.didPressKey.bind(this)\n this.didClick = this.didClick.bind(this)\n this.didClickOption = this.didClickOption.bind(this)\n this.didWindowFocus = this.didWindowFocus.bind(this)\n this.element = element\n this.format = this.element.format\n this.input = this.element.input\n this.listboxId = `${this.input.id}_listbox`\n this.installClickListener()\n this.installInputListeners()\n this.configureComboboxRole()\n window.addEventListener(\"focus\", this.didWindowFocus)\n }\n\n destroy() {\n this.uninstallClickListener()\n window.removeEventListener(\"focus\", this.didWindowFocus)\n }\n\n didFocusInput() {\n if (this.windowJustActivated) return\n this.revealOptions()\n this.scrollToCurrentOption()\n return this.highlightCurrentOptionElement()\n }\n\n didWindowFocus() {\n this.windowJustActivated = true\n requestAnimationFrame(() => { this.windowJustActivated = false })\n }\n\n didClickInput() {\n if (this.optionsAreHidden) {\n this.revealOptions()\n this.scrollToCurrentOption()\n this.highlightCurrentOptionElement()\n }\n }\n\n didChangeInput() {\n this.element.time = this.parseTimeFromInput()\n return this.hideOptions()\n }\n\n didPressKey(event) {\n if (event.keyCode === BC.keyCodes.tab) {\n return this.hideOptions()\n } else if (event.keyCode === BC.keyCodes.escape && !this.optionsAreHidden) {\n event.stopPropagation()\n return this.hideOptions()\n } else if (event.keyCode === BC.keyCodes.up || event.keyCode === BC.keyCodes.down) {\n requestAnimationFrame(() => this.updateSelectedOption())\n }\n }\n\n didClick(event) {\n if (this.element.contains(event.target)) {\n return event.preventDefault()\n } else {\n return this.hideOptions()\n }\n }\n\n didClickOption(event) {\n if (event.target.getAttribute(\"data-role\") === \"option\") {\n this.element.time = CalendarTime.parse(event.target.textContent)\n this.hideOptions()\n this.focusInputWithoutOpeningOptions()\n return BC.triggerEvent(this.element, \"change\")\n }\n }\n\n // Private\n\n installClickListener() {\n return window.addEventListener(\"click\", this.didClick)\n }\n\n uninstallClickListener() {\n return window.removeEventListener(\"click\", this.didClick)\n }\n\n installInputListeners() {\n this.input.addEventListener(\"focus\", this.didFocusInput)\n this.input.addEventListener(\"click\", this.didClickInput)\n this.input.addEventListener(\"change\", this.didChangeInput)\n return this.input.addEventListener(\"keydown\", this.didPressKey)\n }\n\n focusInputWithoutOpeningOptions() {\n this.input.removeEventListener(\"focus\", this.didFocusInput)\n this.input.focus()\n this.input.addEventListener(\"focus\", this.didFocusInput)\n }\n\n get optionsAreHidden() {\n return !this.optionsElement || this.optionsElement.style.display === \"none\"\n }\n\n configureComboboxRole() {\n this.input.setAttribute(\"role\", \"combobox\")\n this.input.setAttribute(\"aria-haspopup\", \"listbox\")\n this.input.setAttribute(\"aria-expanded\", \"false\")\n this.input.setAttribute(\"aria-controls\", this.listboxId)\n }\n\n updateSelectedOption() {\n const selectedOption = this.optionsList?.querySelector(\".time-picker__item--selected\")\n if (selectedOption) {\n selectedOption.scrollIntoView({ block: \"nearest\" })\n this.input.setAttribute(\"aria-activedescendant\", selectedOption.id)\n } else {\n this.input.removeAttribute(\"aria-activedescendant\")\n }\n }\n\n parseTimeFromInput() {\n let time\n try {\n if (this.input.value) time = CalendarTime.parse(this.input.value)\n } catch (error) {\n // eslint-disable-next-line no-empty\n }\n return time\n }\n\n hideOptions() {\n if (this.optionsElement != null) {\n this.optionsElement.style.display = \"none\"\n }\n this.input.setAttribute(\"aria-expanded\", \"false\")\n this.input.removeAttribute(\"aria-activedescendant\")\n }\n\n revealOptions() {\n if (this.optionsElement == null) {\n this.optionsElement = this.createAndPopulateOptionsElement()\n this.element.appendChild(this.optionsElement)\n this.optionsElement.addEventListener(\"click\", this.didClickOption)\n }\n this.optionsElement.style.display = \"block\"\n this.input.setAttribute(\"aria-expanded\", \"true\")\n }\n\n createAndPopulateOptionsElement() {\n // Need two elements (wrapper + list) in order to workaround a Safari rendering bug\n // that makes the first overflowed element clickable even though it's hidden\n const optionsElement = document.createElement(\"div\")\n optionsElement.classList.add(\"time-picker__options-wrapper\")\n optionsElement.innerHTML = \"\"\n this.optionsList = optionsElement.firstChild\n this.optionsList.setAttribute(\"role\", \"listbox\")\n this.optionsList.id = this.listboxId\n\n Array.from(OPTIONS(this.format)).forEach((option) => {\n const optionElement = document.createElement(\"li\")\n const itemElement = document.createElement(\"a\")\n const timeValue = CalendarTime.parse(option)\n itemElement.classList.add(\"time-picker__item\")\n itemElement.setAttribute(\"data-role\", \"option\")\n itemElement.setAttribute(\"role\", \"option\")\n itemElement.id = `${this.listboxId}_${timeValue}`\n itemElement.textContent = option\n itemElement.dataset.option = timeValue\n itemElement.dataset.listSelectionTarget = \"item\"\n itemElement.setAttribute(\"href\", \"#\")\n itemElement.setAttribute(\"tabindex\", \"-1\")\n\n optionElement.appendChild(itemElement)\n this.optionsList.appendChild(optionElement)\n })\n\n return optionsElement\n }\n\n scrollToCurrentOption() {\n if (this.optionsList != null) {\n this.optionsList.scrollTop = this.scrollOffsetToCurrentOption()\n }\n }\n\n scrollOffsetToCurrentOption() {\n const currentOptionElement = this.findCurrentOptionElement()\n if (currentOptionElement) {\n const currentOptionElementHeight = currentOptionElement.getBoundingClientRect().height\n return currentOptionElement.offsetTop - currentOptionElementHeight\n }\n }\n\n findCurrentOptionElement() {\n if (this.element.time != null) { return this.optionsList?.querySelector(`a[data-option='${this.element.time.toString()}']`) }\n }\n\n highlightCurrentOptionElement() {\n const currentOptionElement = this.findCurrentOptionElement()\n if (currentOptionElement) {\n $(this.element).find(\"[data-role=option]\").removeClass(\"time-picker__item--selected\")\n this.element.dataset.listSelectionIndex = $(this.element).find(\"[data-role=option]\").index(currentOptionElement)\n currentOptionElement.classList.add(\"time-picker__item--selected\")\n }\n this.updateSelectedOption()\n }\n}\n", "class RelativeDateInputElement extends HTMLElement {\n connectedCallback() {\n BC.ready(() => {\n this.input = findOrCreateInput(this)\n this.trigger = findOrCreateTrigger(this)\n this.valueDidChange()\n this.controller = new BC.RelativeDateInputController(this)\n this.setAttribute(\"initialized\", \"\")\n })\n }\n\n shake() {\n BC.shakeElement(this.trigger)\n }\n\n open() {\n this.controller?.openPicker()\n }\n\n valueDidChange() {\n // Temporarily turning readOnly on/off works around an issue in Safari where\n // both the placeholder content and the input value are simultaneously displayed\n this.trigger.readOnly = false\n\n if (this.date) {\n this.trigger.value = `Week ${this.week}, ${this.date.getAbbreviatedWeekdayName()}`\n } else {\n this.trigger.value = \"\"\n }\n\n this.trigger.readOnly = true\n\n this.dispatchEvent(new Event(\"bc:date-change\", { bubbles: true }))\n }\n\n get name() {\n return this.getAttribute(\"name\")\n }\n\n get value() {\n return this.getAttribute(\"value\")\n }\n\n set value(value) {\n const originalValue = this.value\n\n if (value) {\n this.setAttribute(\"value\", value)\n this.input?.setAttribute(\"value\", value)\n } else {\n this.removeAttribute(\"value\")\n this.input?.removeAttribute(\"value\")\n }\n\n if (this.value !== originalValue) this.valueDidChange()\n }\n\n get date() {\n return this.value ? CalendarDate.parse(this.value) : null\n }\n\n set date(date) {\n this.value = date?.toString()\n }\n\n get week() {\n return this.date ? this.date.weeksSince(BC.TEMPLATE_BASE_DATE) + 1 : null\n }\n\n get disabled() {\n return this.input.disabled\n }\n\n set disabled(value) {\n this.input.disabled = !!value\n }\n}\n\nconst findOrCreateInput = function(element) {\n const input = findInput(element)\n return input || createInput(element)\n}\n\nconst findInput = element => element.querySelector(\"input[type=hidden]\")\n\nconst createInput = function(element) {\n if (element.name) {\n const value = element.value || \"\"\n const input = BC.makeElement(\"input\", {type: \"hidden\", name: element.name, value: value})\n element.appendChild(input)\n return input\n }\n}\n\nconst findOrCreateTrigger = function(element) {\n const trigger = findTrigger(element)\n return trigger || createTrigger(element)\n}\n\nconst findTrigger = element => element.querySelector(\"input:not([type=hidden])\")\n\nconst createTrigger = function(element) {\n const trigger = BC.makeElement(\"input\", {type: \"text\", class: \"input\"})\n trigger.readOnly = true\n element.appendChild(trigger)\n return trigger\n}\n\nBC.RelativeDateInputElement = RelativeDateInputElement\nwindow.customElements.define(\"bc-relative-date-input\", RelativeDateInputElement)\n\n", "class BcRelativeDatePicker extends HTMLElement {\n set date(date) {\n this.chosenDate = date\n this.visibleDate = date\n }\n\n get date() {\n return this.chosenDate\n }\n\n get week() {\n return this.visibleDate.weeksSince(BC.TEMPLATE_BASE_DATE) + 1\n }\n\n // Private\n\n get visibleDate() {\n return this._visibleDate || BC.TEMPLATE_BASE_DATE\n }\n\n set visibleDate(date) {\n this._visibleDate = date\n this.dateDidChange()\n }\n\n connectedCallback() {\n BC.ready(() => {\n this.controller = new BC.RelativeDatePickerController(this)\n this.weekNameElement = this.querySelector(\"[data-role=week-name]\")\n this.daysContainerElement = this.querySelector(\"[data-role=days-list]\")\n this.dayElement = this.querySelector(\"[data-role=day]\")\n this.previousArrowElement = this.querySelector(\"[data-role=previous-week]\")\n this.setAttribute(\"initialized\", \"\")\n this.hide()\n })\n }\n\n showPreviousWeek() {\n if (this.week > 1) {\n this.visibleDate = this.visibleDate.previous(7)\n }\n }\n\n showNextWeek() {\n this.visibleDate = this.visibleDate.next(7)\n }\n\n show() {\n if (this.style) { this.style.display = \"block\" }\n }\n\n hide() {\n if (this.style) { this.style.display = \"none\" }\n }\n\n dateDidChange() {\n this.updateWeekName()\n this.updateDays()\n this.updatePreviousArrow()\n }\n\n updateWeekName() {\n if (this.weekNameElement) {\n this.weekNameElement.textContent = `Week ${this.week}`\n }\n }\n\n updateDays() {\n let child = this.daysContainerElement.firstChild\n\n while (child) {\n this.daysContainerElement.removeChild(child)\n child = this.daysContainerElement.firstChild\n }\n\n for (let n = 0; n <= 6; n++) {\n const day = this.visibleDate.beginningOfWeek().next(n)\n const dayOption = this.dayElement.cloneNode(true)\n dayOption.date = day\n dayOption.textContent = day.getWeekdayName()\n if (day.toString() === this.chosenDate?.toString()) {\n dayOption.classList.add(\"relative-datepicker__day--active\")\n }\n this.daysContainerElement.appendChild(dayOption)\n }\n }\n\n updatePreviousArrow() {\n if (this.week < 2) {\n this.previousArrowElement.classList.add(\"ui-datepicker-prev--disabled\")\n } else {\n this.previousArrowElement.classList.remove(\"ui-datepicker-prev--disabled\")\n }\n }\n}\n\nBC.RelativeDatePickerElement = BcRelativeDatePicker\nwindow.customElements.define(\"bc-relative-date-picker\", BcRelativeDatePicker)\n\n", "if (!window.JST) window.JST = {}\nwindow.JST['bc/inputs/relative_date/picker'] = function(object){\nvar __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n__p+='\\n \\n\\n \\n ';\n // This element is cloned by the control to create the actual days \n__p+='\\n
Monday\\n