@nordhealth/components 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +2466 -2133
- package/lib/{AutocompleteMixin-60503685.js → AutocompleteMixin-3cf61f49.js} +2 -2
- package/lib/{AutocompleteMixin-60503685.js.map → AutocompleteMixin-3cf61f49.js.map} +1 -1
- package/lib/Avatar.js +1 -1
- package/lib/Badge.js +1 -1
- package/lib/Banner.js +1 -1
- package/lib/Button.js +1 -1
- package/lib/Button.js.map +1 -1
- package/lib/ButtonGroup.js +1 -1
- package/lib/Calendar-62409139.js +2 -0
- package/lib/Calendar-62409139.js.map +1 -0
- package/lib/Calendar.js +1 -1
- package/lib/Card.js +1 -1
- package/lib/Checkbox.js +1 -1
- package/lib/CommandMenu.js +1 -1
- package/lib/CommandMenu.js.map +1 -1
- package/lib/CommandMenuAction.js +1 -1
- package/lib/{Component-253ecb24.js → Component-420bbc41.js} +2 -2
- package/lib/Component-420bbc41.js.map +1 -0
- package/lib/DatePicker.js +1 -1
- package/lib/DatePicker.js.map +1 -1
- package/lib/Divider.js +1 -1
- package/lib/Drawer.js +1 -1
- package/lib/Dropdown.js +1 -1
- package/lib/Dropdown.js.map +1 -1
- package/lib/DropdownGroup.js +1 -1
- package/lib/DropdownGroup.js.map +1 -1
- package/lib/DropdownItem-a9bf32f4.js +2 -0
- package/lib/DropdownItem-a9bf32f4.js.map +1 -0
- package/lib/DropdownItem.js +1 -1
- package/lib/DropdownItem.js.map +1 -1
- package/lib/EmptyState.js +1 -1
- package/lib/Fieldset.js +1 -1
- package/lib/{FocusableMixin-003e1094.js → FocusableMixin-4300e44e.js} +2 -2
- package/lib/{FocusableMixin-003e1094.js.map → FocusableMixin-4300e44e.js.map} +1 -1
- package/lib/{FormAssociatedMixin-895cf600.js → FormAssociatedMixin-edf83ac6.js} +2 -2
- package/lib/{FormAssociatedMixin-895cf600.js.map → FormAssociatedMixin-edf83ac6.js.map} +1 -1
- package/lib/{FormField-0783cb5a.js → FormField-cbfebb3f.js} +2 -2
- package/lib/FormField-cbfebb3f.js.map +1 -0
- package/lib/Header.js +1 -1
- package/lib/Icon.js +1 -1
- package/lib/IconManager.js +1 -1
- package/lib/Input.js +1 -1
- package/lib/Input.js.map +1 -1
- package/lib/{InputMixin-e15dd8f7.js → InputMixin-4037827f.js} +2 -2
- package/lib/{InputMixin-e15dd8f7.js.map → InputMixin-4037827f.js.map} +1 -1
- package/lib/Layout.js +1 -1
- package/lib/Layout.js.map +1 -1
- package/lib/{LightDomController-5c53b3f4.js → LightDomController-f78fb046.js} +2 -2
- package/lib/{LightDomController-5c53b3f4.js.map → LightDomController-f78fb046.js.map} +1 -1
- package/lib/LocalizeController.js +1 -1
- package/lib/LocalizeController.js.map +1 -1
- package/lib/Message.js +2 -0
- package/lib/Message.js.map +1 -0
- package/lib/Modal.js +1 -1
- package/lib/Modal.js.map +1 -1
- package/lib/NavGroup.js +1 -1
- package/lib/NavItem.js +1 -1
- package/lib/NavToggle-d34fed72.js +2 -0
- package/lib/NavToggle-d34fed72.js.map +1 -0
- package/lib/NavToggle.js +1 -1
- package/lib/NavToggle.js.map +1 -1
- package/lib/Navigation.js +1 -1
- package/lib/Notification.js +1 -1
- package/lib/Notification.js.map +1 -1
- package/lib/NotificationGroup.js +1 -1
- package/lib/{NotificationMixin-cea138a7.js → NotificationMixin-c06bb631.js} +2 -2
- package/lib/{NotificationMixin-cea138a7.js.map → NotificationMixin-c06bb631.js.map} +1 -1
- package/lib/{Popout-9f8752b0.js → Popout-c6ee2d7a.js} +2 -2
- package/lib/{Popout-9f8752b0.js.map → Popout-c6ee2d7a.js.map} +1 -1
- package/lib/Popout.js +1 -1
- package/lib/ProgressBar.js +1 -1
- package/lib/Qrcode.js +1 -1
- package/lib/Radio.js +1 -1
- package/lib/Range.js +1 -1
- package/lib/Select.js +1 -1
- package/lib/{SizeMixin-bc2098f4.js → SizeMixin-fb379434.js} +2 -2
- package/lib/{SizeMixin-bc2098f4.js.map → SizeMixin-fb379434.js.map} +1 -1
- package/lib/Skeleton.js +1 -1
- package/lib/Spinner.js +1 -1
- package/lib/Stack.js +1 -1
- package/lib/{Sticky-220280e0.js → Sticky-acc92284.js} +2 -2
- package/lib/Sticky-acc92284.js.map +1 -0
- package/lib/Tab.js +1 -1
- package/lib/Tab.js.map +1 -1
- package/lib/TabGroup.js +1 -1
- package/lib/TabPanel.js +1 -1
- package/lib/Table.js +1 -1
- package/lib/TextField-8b226327.js +2 -0
- package/lib/{TextField-c2e49b85.js.map → TextField-8b226327.js.map} +1 -1
- package/lib/Textarea.js +1 -1
- package/lib/Textarea.js.map +1 -1
- package/lib/Toast.js +1 -1
- package/lib/ToastGroup.js +1 -1
- package/lib/Toggle.js +1 -1
- package/lib/Toggle.js.map +1 -1
- package/lib/Tooltip.js +1 -1
- package/lib/TopBar.js +1 -1
- package/lib/TopBar.js.map +1 -1
- package/lib/VisuallyHidden.js +1 -1
- package/lib/bundle.js +12 -12
- package/lib/bundle.js.map +1 -1
- package/lib/{class-map-4a0dec4a.js → class-map-cb77ead2.js} +2 -2
- package/lib/{class-map-4a0dec4a.js.map → class-map-cb77ead2.js.map} +1 -1
- package/lib/{collection-bba319d3.js → collection-2f8e38bd.js} +3 -3
- package/lib/{collection-bba319d3.js.map → collection-2f8e38bd.js.map} +1 -1
- package/lib/cond-44672025.js +2 -0
- package/lib/{cond-77258def.js.map → cond-44672025.js.map} +1 -1
- package/lib/en-us.js +1 -1
- package/lib/en-us.js.map +1 -1
- package/lib/fi-fi.js +1 -1
- package/lib/fi-fi.js.map +1 -1
- package/lib/{if-defined-10508457.js → if-defined-9b177db4.js} +2 -2
- package/lib/{if-defined-10508457.js.map → if-defined-9b177db4.js.map} +1 -1
- package/lib/index.js +1 -1
- package/lib/localization8.js +2 -0
- package/lib/localization8.js.map +1 -0
- package/lib/{query-assigned-elements-2f8275b7.js → query-assigned-elements-15485e3d.js} +3 -3
- package/lib/{query-assigned-elements-2f8275b7.js.map → query-assigned-elements-15485e3d.js.map} +1 -1
- package/lib/{ref-f75a30b7.js → ref-5526fb07.js} +4 -4
- package/lib/{ref-f75a30b7.js.map → ref-5526fb07.js.map} +1 -1
- package/lib/src/common/controllers/ResizeController.d.ts +13 -0
- package/lib/src/dropdown/Dropdown.d.ts +6 -0
- package/lib/src/index.d.ts +1 -0
- package/lib/src/input/Input.d.ts +2 -0
- package/lib/src/localization/en-us.d.ts +3 -0
- package/lib/src/localization/translation.d.ts +3 -0
- package/lib/src/message/Message.d.ts +42 -0
- package/lib/src/message/Message.test.d.ts +2 -0
- package/lib/src/message/localization.d.ts +4 -0
- package/lib/src/top-bar/TopBar.test.d.ts +2 -0
- package/lib/style-map-ed7e6cc6.js +7 -0
- package/lib/style-map-ed7e6cc6.js.map +1 -0
- package/lib/translation.js +1 -1
- package/lib/translation.js.map +1 -1
- package/package.json +8 -6
- package/lib/Calendar-af3b4ea6.js +0 -2
- package/lib/Calendar-af3b4ea6.js.map +0 -1
- package/lib/Component-253ecb24.js.map +0 -1
- package/lib/FormField-0783cb5a.js.map +0 -1
- package/lib/Sticky-220280e0.js.map +0 -1
- package/lib/TextField-c2e49b85.js +0 -2
- package/lib/arrow-left-small-dd181059.js +0 -2
- package/lib/arrow-left-small-dd181059.js.map +0 -1
- package/lib/cond-77258def.js +0 -2
- package/lib/style-map-75ce20b3.js +0 -7
- package/lib/style-map-75ce20b3.js.map +0 -1
package/lib/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../src/modal/Modal.ts"],"sourcesContent":["import { LitElement, html } from \"lit\"\nimport { customElement, property, query } from \"lit/decorators.js\"\nimport * as closeIcon from \"@nordhealth/icons/lib/assets/interface-close-small.js\"\n\nimport Icon from \"../icon/Icon.js\"\nimport { SlotController } from \"../common/controllers/SlotController.js\"\nimport { observe } from \"../common/decorators/observe.js\"\nimport { NordEvent } from \"../common/events.js\"\n\nimport componentStyle from \"../common/styles/Component.css\"\nimport { LocalizeController } from \"../localization/LocalizeController.js\"\nimport style from \"./Modal.css\"\nimport { ModalController } from \"./ModalController.js\"\n\nIcon.registerIcon(closeIcon)\n\n/**\n * Modal component is used to display content that temporarily blocks interactions\n * with the main view of an application. Modal should be used sparingly and\n * only when necessary.\n *\n * @status ready\n * @category overlay\n * @slot - Default slot\n * @slot header - Slot which holds the header of the modal, positioned next to the close button.\n * @slot footer - Slot which is typically used to hold call to action buttons, but can also be used to build custom footers.\n * @fires cancel - Dispatched before the modal has closed when a user attempts to dismiss a modal. Call `preventDefault()` on the event to prevent the modal closing.\n * @fires close - Dispatched when a modal is closed for any reason.\n *\n * @cssprop [--n-modal-padding-inline=var(--n-space-m)] - Controls the padding on the sides of the modal, using our [spacing tokens](/tokens/#space).\n * @cssprop [--n-modal-padding-block=var(--n-space-m)] - Controls the padding above and below the modal, using our [spacing tokens](/tokens/#space).\n * @cssprop [--n-modal-max-inline-size=620px] - Controls the width of the modal.\n *\n * @localization closeLabel - Accessible label for the close button.\n */\n@customElement(\"nord-modal\")\nexport default class Modal extends LitElement {\n static styles = [componentStyle, style]\n\n /**\n * @internal\n * ensures clicking on the backdrop does not move focus to <body>,\n * which can causes issues with focus trapping, and returning focus on modal close,\n * when there are multiple modals.\n */\n static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n @query(\".n-modal\", true) private modal!: HTMLDivElement\n @query(\".n-modal-backdrop\", true) private backdrop!: HTMLDivElement\n\n private headerSlot = new SlotController(this, \"header\")\n private featureSlot = new SlotController(this, \"feature\")\n private footerSlot = new SlotController(this, \"footer\")\n\n private localize = new LocalizeController<\"nord-modal\">(this)\n private modalController = new ModalController(this, {\n isOpen: () => this.open,\n onDismiss: () => this.handleDismiss(),\n dialog: () => this.modal,\n backdrop: () => this.backdrop,\n close: returnValue => this.close(returnValue),\n })\n\n /**\n * Controls whether the modal is open or not.\n */\n @property({ type: Boolean, reflect: true }) open = false\n\n /**\n * Controls the max-width of the modal when open.\n */\n @property({ reflect: true }) size: \"s\" | \"m\" | \"l\" = \"m\"\n\n /**\n * The reason why the modal was closed. This typically indicates\n * which button the user pressed to close the modal, though any value\n * can be supplied if the modal is programmatically closed.\n */\n @property({ attribute: false }) returnValue: string = \"\"\n\n /**\n * By default if a modal is too big for the browser window,\n * the entire modal will scroll. This setting changes that behavior\n * so that the body of the modal scrolls instead, with the modal\n * itself remaining fixed.\n */\n @property({ type: Boolean, reflect: true }) scrollable = false\n\n connectedCallback(): void {\n super.connectedCallback()\n\n this.setAttribute(\"role\", \"dialog\")\n this.setAttribute(\"aria-modal\", \"true\")\n }\n\n /**\n * Show the modal, automatically moving focus to the modal or a child\n * element with an `autofocus` attribute.\n */\n showModal() {\n this.open = true\n }\n\n /**\n * Programmatically close the modal.\n * @param returnValue An optional value to indicate why the modal was closed.\n */\n close(returnValue?: string) {\n this.open = false\n\n if (returnValue != null) {\n this.returnValue = returnValue\n }\n\n this.dispatchEvent(new NordEvent(\"close\"))\n }\n\n /**\n * Programmatically focus the modal.\n * @param options An object which controls aspects of the focusing process.\n */\n focus(options?: FocusOptions) {\n this.modal.focus({ preventScroll: true, ...options })\n }\n\n render() {\n return html`\n <div class=\"n-modal-backdrop\">\n <div class=\"n-modal\" tabindex=\"0\">\n <div class=\"n-modal-header n-rounded-top\" ?hidden=${this.headerSlot.isEmpty}>\n <slot class=\"n-padded\" name=${this.headerSlot.slotName}></slot>\n <button class=\"n-close\" @click=${this.handleDismiss}>\n <nord-icon name=\"interface-close-small\" size=\"s\" label=${this.localize.term(\"closeLabel\")}></nord-icon>\n </button>\n </div>\n\n <div class=\"n-modal-body\">\n <slot\n name=${this.featureSlot.slotName}\n class=${this.headerSlot.isEmpty ? \"n-rounded-top\" : \"\"}\n ?hidden=${this.featureSlot.isEmpty}\n ></slot>\n <slot class=\"n-body-padded\"></slot>\n </div>\n\n <div class=\"n-modal-footer n-padded\" ?hidden=${this.footerSlot.isEmpty}>\n <slot name=${this.footerSlot.slotName}></slot>\n </div>\n </div>\n </div>\n `\n }\n\n @observe(\"open\", \"updated\")\n protected handleOpenUpdated(prev: boolean) {\n if (this.open) {\n this.modalController.block()\n } else if (prev === true) {\n this.modalController.unblock()\n }\n }\n\n private handleDismiss() {\n // allow cancelling of close\n const allowed = this.dispatchEvent(new NordEvent(\"cancel\", { cancelable: true }))\n\n if (allowed) {\n this.close()\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nord-modal\": Modal\n }\n}\n"],"names":["Icon","registerIcon","closeIcon","Modal","LitElement","constructor","this","headerSlot","SlotController","featureSlot","footerSlot","localize","LocalizeController","modalController","ModalController","isOpen","open","onDismiss","handleDismiss","dialog","modal","backdrop","close","returnValue","size","scrollable","connectedCallback","super","setAttribute","showModal","dispatchEvent","NordEvent","focus","options","preventScroll","render","html","isEmpty","slotName","term","handleOpenUpdated","prev","block","unblock","cancelable","styles","componentStyle","style","shadowRootOptions","delegatesFocus","__decorate","query","prototype","property","type","Boolean","reflect","attribute","observe","customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../src/modal/Modal.ts"],"sourcesContent":["import { LitElement, html } from \"lit\"\nimport { customElement, property, query } from \"lit/decorators.js\"\nimport * as closeIcon from \"@nordhealth/icons/lib/assets/interface-close-small.js\"\n\nimport Icon from \"../icon/Icon.js\"\nimport { SlotController } from \"../common/controllers/SlotController.js\"\nimport { observe } from \"../common/decorators/observe.js\"\nimport { NordEvent } from \"../common/events.js\"\n\nimport componentStyle from \"../common/styles/Component.css\"\nimport { LocalizeController } from \"../localization/LocalizeController.js\"\nimport style from \"./Modal.css\"\nimport { ModalController } from \"./ModalController.js\"\n\nIcon.registerIcon(closeIcon)\n\n/**\n * Modal component is used to display content that temporarily blocks interactions\n * with the main view of an application. Modal should be used sparingly and\n * only when necessary.\n *\n * @status ready\n * @category overlay\n * @slot - Default slot\n * @slot header - Slot which holds the header of the modal, positioned next to the close button.\n * @slot footer - Slot which is typically used to hold call to action buttons, but can also be used to build custom footers.\n * @fires cancel - Dispatched before the modal has closed when a user attempts to dismiss a modal. Call `preventDefault()` on the event to prevent the modal closing.\n * @fires close - Dispatched when a modal is closed for any reason.\n *\n * @cssprop [--n-modal-padding-inline=var(--n-space-m)] - Controls the padding on the sides of the modal, using our [spacing tokens](/tokens/#space).\n * @cssprop [--n-modal-padding-block=var(--n-space-m)] - Controls the padding above and below the modal, using our [spacing tokens](/tokens/#space).\n * @cssprop [--n-modal-max-inline-size=620px] - Controls the width of the modal.\n *\n * @localization closeLabel - Accessible label for the close button.\n */\n@customElement(\"nord-modal\")\nexport default class Modal extends LitElement {\n static styles = [componentStyle, style]\n\n /**\n * @internal\n * ensures clicking on the backdrop does not move focus to <body>,\n * which can causes issues with focus trapping, and returning focus on modal close,\n * when there are multiple modals.\n */\n static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n @query(\".n-modal\", true) private modal!: HTMLDivElement\n @query(\".n-modal-backdrop\", true) private backdrop!: HTMLDivElement\n\n private headerSlot = new SlotController(this, \"header\")\n private featureSlot = new SlotController(this, \"feature\")\n private footerSlot = new SlotController(this, \"footer\")\n\n private localize = new LocalizeController<\"nord-modal\">(this)\n private modalController = new ModalController(this, {\n isOpen: () => this.open,\n onDismiss: () => this.handleDismiss(),\n dialog: () => this.modal,\n backdrop: () => this.backdrop,\n close: returnValue => this.close(returnValue),\n })\n\n /**\n * Controls whether the modal is open or not.\n */\n @property({ type: Boolean, reflect: true }) open = false\n\n /**\n * Controls the max-width of the modal when open.\n */\n @property({ reflect: true }) size: \"s\" | \"m\" | \"l\" = \"m\"\n\n /**\n * The reason why the modal was closed. This typically indicates\n * which button the user pressed to close the modal, though any value\n * can be supplied if the modal is programmatically closed.\n */\n @property({ attribute: false }) returnValue: string = \"\"\n\n /**\n * By default if a modal is too big for the browser window,\n * the entire modal will scroll. This setting changes that behavior\n * so that the body of the modal scrolls instead, with the modal\n * itself remaining fixed.\n */\n @property({ type: Boolean, reflect: true }) scrollable = false\n\n connectedCallback(): void {\n super.connectedCallback()\n\n this.setAttribute(\"role\", \"dialog\")\n this.setAttribute(\"aria-modal\", \"true\")\n }\n\n /**\n * Show the modal, automatically moving focus to the modal or a child\n * element with an `autofocus` attribute.\n */\n showModal() {\n this.open = true\n }\n\n /**\n * Programmatically close the modal.\n * @param returnValue An optional value to indicate why the modal was closed.\n */\n close(returnValue?: string) {\n this.open = false\n\n if (returnValue != null) {\n this.returnValue = returnValue\n }\n\n this.dispatchEvent(new NordEvent(\"close\"))\n }\n\n /**\n * Programmatically focus the modal.\n * @param options An object which controls aspects of the focusing process.\n */\n focus(options?: FocusOptions) {\n this.modal.focus({ preventScroll: true, ...options })\n }\n\n render() {\n return html`\n <div class=\"n-modal-backdrop\">\n <div class=\"n-modal\" tabindex=\"0\">\n <div class=\"n-modal-header n-rounded-top\" ?hidden=${this.headerSlot.isEmpty}>\n <slot class=\"n-padded\" name=${this.headerSlot.slotName}></slot>\n <button class=\"n-close\" @click=${this.handleDismiss}>\n <nord-icon name=\"interface-close-small\" size=\"s\" label=${this.localize.term(\"closeLabel\")}></nord-icon>\n </button>\n </div>\n\n <div class=\"n-modal-body\">\n <slot\n name=${this.featureSlot.slotName}\n class=${this.headerSlot.isEmpty ? \"n-rounded-top\" : \"\"}\n ?hidden=${this.featureSlot.isEmpty}\n ></slot>\n <slot class=\"n-body-padded\"></slot>\n </div>\n\n <div class=\"n-modal-footer n-padded\" ?hidden=${this.footerSlot.isEmpty}>\n <slot name=${this.footerSlot.slotName}></slot>\n </div>\n </div>\n </div>\n `\n }\n\n @observe(\"open\", \"updated\")\n protected handleOpenUpdated(prev: boolean) {\n if (this.open) {\n this.modalController.block()\n } else if (prev === true) {\n this.modalController.unblock()\n }\n }\n\n private handleDismiss() {\n // allow cancelling of close\n const allowed = this.dispatchEvent(new NordEvent(\"cancel\", { cancelable: true }))\n\n if (allowed) {\n this.close()\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nord-modal\": Modal\n }\n}\n"],"names":["Icon","registerIcon","closeIcon","Modal","LitElement","constructor","this","headerSlot","SlotController","featureSlot","footerSlot","localize","LocalizeController","modalController","ModalController","isOpen","open","onDismiss","handleDismiss","dialog","modal","backdrop","close","returnValue","size","scrollable","connectedCallback","super","setAttribute","showModal","dispatchEvent","NordEvent","focus","options","preventScroll","render","html","isEmpty","slotName","term","handleOpenUpdated","prev","block","unblock","cancelable","styles","componentStyle","style","shadowRootOptions","delegatesFocus","__decorate","query","prototype","property","type","Boolean","reflect","attribute","observe","customElement"],"mappings":"qoJAcAA,EAAKC,aAAaC,GAsBlB,IAAqBC,EAArB,cAAmCC,EAAnCC,kCAcUC,KAAUC,WAAG,IAAIC,EAAeF,KAAM,UACtCA,KAAWG,YAAG,IAAID,EAAeF,KAAM,WACvCA,KAAUI,WAAG,IAAIF,EAAeF,KAAM,UAEtCA,KAAAK,SAAW,IAAIC,EAAiCN,MAChDA,KAAAO,gBAAkB,IAAIC,EAAgBR,KAAM,CAClDS,OAAQ,IAAMT,KAAKU,KACnBC,UAAW,IAAMX,KAAKY,gBACtBC,OAAQ,IAAMb,KAAKc,MACnBC,SAAU,IAAMf,KAAKe,SACrBC,MAAOC,GAAejB,KAAKgB,MAAMC,KAMSjB,KAAIU,MAAG,EAKtBV,KAAIkB,KAAoB,IAOrBlB,KAAWiB,YAAW,GAQVjB,KAAUmB,YAAG,CAoF1D,CAlFCC,oBACEC,MAAMD,oBAENpB,KAAKsB,aAAa,OAAQ,UAC1BtB,KAAKsB,aAAa,aAAc,OACjC,CAMDC,YACEvB,KAAKU,MAAO,CACb,CAMDM,MAAMC,GACJjB,KAAKU,MAAO,EAEO,MAAfO,IACFjB,KAAKiB,YAAcA,GAGrBjB,KAAKwB,cAAc,IAAIC,EAAU,SAClC,CAMDC,MAAMC,GACJ3B,KAAKc,MAAMY,MAAM,CAAEE,eAAe,KAASD,GAC5C,CAEDE,SACE,OAAOC,CAAI,sHAG+C9B,KAAKC,WAAW8B,yCACpC/B,KAAKC,WAAW+B,oDACbhC,KAAKY,0EACqBZ,KAAKK,SAAS4B,KAAK,mFAMrEjC,KAAKG,YAAY6B,oBAChBhC,KAAKC,WAAW8B,QAAU,gBAAkB,gBAC1C/B,KAAKG,YAAY4B,0GAKgB/B,KAAKI,WAAW2B,wBAChD/B,KAAKI,WAAW4B,qCAKtC,CAGSE,kBAAkBC,GACtBnC,KAAKU,KACPV,KAAKO,gBAAgB6B,SACH,IAATD,GACTnC,KAAKO,gBAAgB8B,SAExB,CAEOzB,gBAEUZ,KAAKwB,cAAc,IAAIC,EAAU,SAAU,CAAEa,YAAY,MAGvEtC,KAAKgB,OAER,GApIMnB,EAAA0C,OAAS,CAACC,EAAgBC,GAQ1B5C,EAAA6C,kBAAoB,IAAK5C,EAAW4C,kBAAmBC,gBAAgB,GAE7CC,EAAA,CAAhCC,EAAM,YAAY,IAAoChD,EAAAiD,UAAA,aAAA,GACbF,EAAA,CAAzCC,EAAM,qBAAqB,IAAuChD,EAAAiD,UAAA,gBAAA,GAkBvBF,EAAA,CAA3CG,EAAS,CAAEC,KAAMC,QAASC,SAAS,KAAoBrD,EAAAiD,UAAA,YAAA,GAK3BF,EAAA,CAA5BG,EAAS,CAAEG,SAAS,KAAmCrD,EAAAiD,UAAA,YAAA,GAOxBF,EAAA,CAA/BG,EAAS,CAAEI,WAAW,KAAiCtD,EAAAiD,UAAA,mBAAA,GAQZF,EAAA,CAA3CG,EAAS,CAAEC,KAAMC,QAASC,SAAS,KAA0BrD,EAAAiD,UAAA,kBAAA,GAoEpDF,EAAA,CADTQ,EAAQ,OAAQ,YAOhBvD,EAAAiD,UAAA,oBAAA,MA5HkBjD,EAAK+C,EAAA,CADzBS,EAAc,eACMxD,SAAAA"}
|
package/lib/NavGroup.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e,_ as i,s as n,x as t,A as r,e as o}from"./query-assigned-elements-
|
|
1
|
+
import{i as e,_ as i,s as n,x as t,A as r,e as o}from"./query-assigned-elements-15485e3d.js";import{e as a}from"./property-03f59dce.js";import"./Icon.js";import{s}from"./Component-420bbc41.js";import"./state-70f38ceb.js";import"./if-defined-9b177db4.js";import"./directive-de55b00a.js";import"./cond-44672025.js";import"./IconManager.js";import"./observe-a9c6dfb6.js";const d=e`:host{color:var(--n-color-text-weak);font-weight:var(--n-font-weight);line-height:var(--n-line-height-tight);white-space:nowrap;text-overflow:ellipsis;user-select:none}[role=list]{margin-block-end:var(--n-space-m);min-inline-size:100%;list-style:none;appearance:none;border:0;box-sizing:border-box;margin:0;padding:0}.n-heading{min-inline-size:100%;color:var(--n-color-nav-heading);font-size:var(--n-font-size-s);font-weight:var(--n-font-weight-active);line-height:var(--n-line-height-tight);padding-inline-start:var(--n-space-s);margin-block-start:var(--n-space-m);margin-block-end:var(--n-space-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;let l=class extends n{render(){return t`${this.heading?t`<p id="heading" aria-hidden="true" class="n-heading">${this.heading}</p>`:r}<div role="list" aria-labelledby="${this.heading?"heading":r}"><slot></slot></div>`}};l.styles=[s,d],i([a()],l.prototype,"heading",void 0),l=i([o("nord-nav-group")],l);var p=l;export{p as default};
|
|
2
2
|
//# sourceMappingURL=NavGroup.js.map
|
package/lib/NavItem.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e,_ as n,x as t,A as o,e as a,s as i}from"./query-assigned-elements-
|
|
1
|
+
import{i as e,_ as n,x as t,A as o,e as a,s as i}from"./query-assigned-elements-15485e3d.js";import{e as r}from"./property-03f59dce.js";import{o as s}from"./class-map-cb77ead2.js";import{n as c}from"./ref-5526fb07.js";import{D as l}from"./DirectionController-f35f5476.js";import{S as v}from"./SlotController-d733c575.js";import{c as d}from"./cond-44672025.js";import{N as p}from"./events-d9666e88.js";import{F as h}from"./FocusableMixin-4300e44e.js";import{s as m}from"./Component-420bbc41.js";import{o as b}from"./observe-a9c6dfb6.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";const f=e`:host{--_n-nav-item-box-shadow:none}.n-nav-item{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:inherit;font-size:inherit;line-height:var(--n-line-height-tight);-webkit-appearance:none;appearance:none;color:var(--n-color-text-weak);padding:var(--n-space-s);min-block-size:32px;margin-block-end:1px;border-radius:var(--n-border-radius-s);text-decoration:none;inline-size:100%;max-inline-size:100%;background:0 0;cursor:pointer;border:0;text-align:start;box-shadow:var(--_n-nav-item-box-shadow);position:relative;z-index:var(--n-index-default)}.n-nav-item:focus{--_n-nav-item-box-shadow:0 0 0 2px var(--n-color-accent);outline:0;position:relative;z-index:var(--n-index-masked)}@supports selector(:focus-visible){.n-nav-item:focus{--_n-nav-item-box-shadow:none}.n-nav-item:focus-visible{--_n-nav-item-box-shadow:0 0 0 2px var(--n-color-accent)}}.n-nav-item:hover{background:var(--n-color-nav-hover);color:var(--n-color-text)}.n-nav-item:active{opacity:.7}.n-nav-content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([badge]) .n-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-inline-size:calc(100% - calc(var(--n-space-m) + var(--n-space-m)));margin-block-end:-3px}:host([active]) .n-nav-item{--_n-nav-item-box-shadow:var(--n-box-shadow);background:var(--n-color-accent);color:var(--n-color-text-on-accent);font-weight:var(--n-font-weight-active)}:host([active]) .n-nav-item:focus{--_n-nav-item-box-shadow:0 0 0 1px var(--n-color-nav-surface),0 0 0 3px var(--n-color-accent)}:host([active]) nord-icon{color:currentColor}.n-toggle-icon{color:var(--n-color-icon);margin-inline-end:var(--n-space-s);margin-inline-start:var(--n-space-s)}.n-toggle-icon.n-rtl{transform:rotate(-180deg)}[aria-expanded=true] .n-toggle-icon{transform:rotate(90deg)}:host([active]) .n-nav-item[aria-expanded]{--_n-nav-item-box-shadow:none;color:var(--n-color-text-weak);font-weight:var(--n-font-weight);background:0 0}:host([active]) .n-nav-item[aria-expanded]:focus-visible{--_n-nav-item-box-shadow:0 0 0 1px var(--n-color-nav-surface),0 0 0 3px var(--n-color-accent)}:host([active]) .n-nav-item[aria-expanded]::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--n-index-deep);border-radius:var(--n-border-radius-s);block-size:100%;inline-size:100%;opacity:.15;background:var(--n-color-accent);filter:brightness(150%)}.n-nav-icon{margin-inline-end:calc(var(--n-space-s) * 1.4);flex-shrink:0}::slotted(nord-nav-group){margin-inline-start:calc(var(--n-space-m) + calc(var(--n-space-s) * 1.3))}.n-nav-badge{border-radius:var(--n-border-radius-pill);background:var(--n-color-status-notification);color:#fff;font-weight:var(--n-font-weight);font-feature-settings:var(--n-font-features-reduced);padding:4px 6px;text-align:center;min-inline-size:20px;position:absolute;margin-block-start:-2px;margin-inline-start:calc(var(--n-space-s)/ 1.5);font-size:var(--n-font-size-xs);display:inline-block}`;let u=class extends(h(i)){constructor(){super(...arguments),this.subnavSlot=new v(this,"subnav"),this.direction=new l(this),this.active=!1,this.open=!1}get hasSubNav(){return this.subnavSlot.hasContent}render(){const e=t`${this.icon?t`<nord-icon class="n-nav-icon" name="${this.icon}" size="m"></nord-icon>`:o}<div class="n-nav-content"><span class="n-nav-label"><slot></slot></span>${this.badge?t`<span class="n-nav-badge">${this.badge}</span>`:o}</div>`;let n;return n=this.subnavSlot.hasContent?this.renderToggle(e):this.href?this.renderLink(e):this.renderButton(e),t`<div role="listitem">${n}<slot name="${this.subnavSlot.slotName}" ?hidden="${!this.open}"></slot></div>`}renderLink(e){return t`<a class="n-nav-item" ${c(this.focusableRef)} aria-current="${d(this.active,"page")}" href="${this.href||""}">${e}</a>`}renderToggle(e){return t`<button class="n-nav-item" @click="${this.toggleOpen}" aria-expanded="${this.open?"true":"false"}" ${c(this.focusableRef)}>${e}<nord-icon size="xxs" class="${s({"n-toggle-icon":!0,"n-rtl":this.direction.isRTL})}" name="arrow-expand-right-small"></nord-icon></button>`}renderButton(e){return t`<button class="n-nav-item" ${c(this.focusableRef)}>${e}</button>`}toggleOpen(){this.open=!this.open,this.dispatchEvent(new p("toggle"))}handleActiveChange(){this.active&&!this.hasSubNav&&this.dispatchEvent(new p("activate"))}};u.styles=[m,f],n([r({type:Boolean,reflect:!0})],u.prototype,"active",void 0),n([r()],u.prototype,"icon",void 0),n([r()],u.prototype,"href",void 0),n([r()],u.prototype,"badge",void 0),n([r({type:Boolean})],u.prototype,"open",void 0),n([b("active","updated")],u.prototype,"handleActiveChange",null),u=n([a("nord-nav-item")],u);var g=u;export{g as default};
|
|
2
2
|
//# sourceMappingURL=NavItem.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{i as o,_ as n,x as t,e as r,s as i}from"./query-assigned-elements-15485e3d.js";import{n as e}from"./ref-5526fb07.js";import{o as s}from"./class-map-cb77ead2.js";import{LocalizeController as a}from"./LocalizeController.js";import{D as l}from"./DirectionController-f35f5476.js";import{F as c}from"./FocusableMixin-4300e44e.js";import"./Button.js";import g from"./Icon.js";import"./VisuallyHidden.js";import{s as m}from"./Component-420bbc41.js";const d="navigation-toggle-lock";var v=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m19.7188 10.71-8 8-1.41-1.41 7.29-7.29-7.3-7.29996 1.41-1.41 8 8c.39.39.39 1.01996 0 1.40996zm-8-1.40996-7.99997-8.01-1.41 1.41 7.29 7.29-7.3 7.29996 1.41 1.41 8.00997-7.99c.39-.39.39-1.01996 0-1.40996z" fill="currentColor"/></svg>',title:d,tags:"nordicon navigation hamburger menu toggle navigation arrow right double lock triangle chevron"});const h="navigation-toggle";var u=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m18.9988 3v2h-16.00002v-2zm-16.00002 8h16.00002v-2h-16.00002zm0 6h16.00002v-2h-16.00002z" fill="currentColor"/></svg>',title:h,tags:"nordicon navigation hamburger menu toggle navigation three lines"});const p=o`:host{color:var(--n-color-icon);display:inline-flex}nord-button{--n-button-color:currentColor}nord-icon{display:block;transform:translateX(-1px);color:currentColor}nord-icon[name=navigation-toggle-lock]{display:none}.is-rtl nord-icon[name=navigation-toggle-lock]{transform:rotate(180deg)}@media (min-width:768px){:host(:is(:hover,:focus-within)) nord-icon[name=navigation-toggle-lock]{display:block}:host(:is(:hover,:focus-within)) nord-icon[name=navigation-toggle]{display:none}}`;g.registerIcon(u),g.registerIcon(v);let f=class extends(c(i)){constructor(){super(...arguments),this.direction=new l(this),this.localization=new a(this)}render(){return t`<nord-button variant="plain" ${e(this.focusableRef)} class="${s({"is-rtl":this.direction.isRTL})}"><nord-visually-hidden>${this.localization.term("label")}</nord-visually-hidden><nord-icon size="m" name="${h}"></nord-icon><nord-icon size="m" name="${d}"></nord-icon></nord-button>`}};f.styles=[m,p],f=n([r("nord-nav-toggle")],f);var b=f;export{b as N,v as l};
|
|
2
|
+
//# sourceMappingURL=NavToggle-d34fed72.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavToggle-d34fed72.js","sources":["../../icons/lib/assets/navigation-toggle-lock.js","../../icons/lib/assets/navigation-toggle.js","../src/nav-toggle/NavToggle.ts"],"sourcesContent":["export default '<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m19.7188 10.71-8 8-1.41-1.41 7.29-7.29-7.3-7.29996 1.41-1.41 8 8c.39.39.39 1.01996 0 1.40996zm-8-1.40996-7.99997-8.01-1.41 1.41 7.29 7.29-7.3 7.29996 1.41 1.41 8.00997-7.99c.39-.39.39-1.01996 0-1.40996z\" fill=\"currentColor\"/></svg>'\nexport const title = \"navigation-toggle-lock\"\nexport const tags = \"nordicon navigation hamburger menu toggle navigation arrow right double lock triangle chevron\"\n","export default '<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m18.9988 3v2h-16.00002v-2zm-16.00002 8h16.00002v-2h-16.00002zm0 6h16.00002v-2h-16.00002z\" fill=\"currentColor\"/></svg>'\nexport const title = \"navigation-toggle\"\nexport const tags = \"nordicon navigation hamburger menu toggle navigation three lines\"\n","import { LitElement, html } from \"lit\"\nimport { customElement } from \"lit/decorators.js\"\nimport { ref } from \"lit/directives/ref.js\"\nimport { classMap } from \"lit/directives/class-map.js\"\nimport * as unlockIcon from \"@nordhealth/icons/lib/assets/navigation-toggle.js\"\nimport * as lockIcon from \"@nordhealth/icons/lib/assets/navigation-toggle-lock.js\"\n\nimport { LocalizeController } from \"../localization/LocalizeController.js\"\nimport { DirectionController } from \"../common/controllers/DirectionController.js\"\nimport { FocusableMixin } from \"../common/mixins/FocusableMixin.js\"\n\nimport \"../button/Button.js\"\nimport Icon from \"../icon/Icon.js\"\nimport \"../visually-hidden/VisuallyHidden.js\"\n\nimport componentStyle from \"../common/styles/Component.css\"\nimport style from \"./NavToggle.css\"\n\nIcon.registerIcon(unlockIcon)\nIcon.registerIcon(lockIcon)\n\n/**\n * Nav toggle is meant for hiding and showing the primary navigation.\n * This component is used internally in the Layout component, but can also be\n * used separate to further customize the behavior.\n *\n * @status new\n * @category action\n *\n * @localization label - Accessible label for the nav toggle button.\n */\n@customElement(\"nord-nav-toggle\")\nexport default class NavToggle extends FocusableMixin(LitElement) {\n static styles = [componentStyle, style]\n\n private direction = new DirectionController(this)\n private localization = new LocalizeController<\"nord-nav-toggle\">(this)\n\n render() {\n return html`\n <nord-button variant=\"plain\" ${ref(this.focusableRef)} class=${classMap({ \"is-rtl\": this.direction.isRTL })}>\n <nord-visually-hidden>${this.localization.term(\"label\")}</nord-visually-hidden>\n <nord-icon size=\"m\" name=${unlockIcon.title}></nord-icon>\n <nord-icon size=\"m\" name=${lockIcon.title}></nord-icon>\n </nord-button>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nord-nav-toggle\": NavToggle\n }\n}\n"],"names":["title","Icon","registerIcon","unlockIcon","lockIcon","NavToggle","FocusableMixin","LitElement","constructor","this","direction","DirectionController","localization","LocalizeController","render","html","ref","focusableRef","classMap","isRTL","term","unlockIcon.title","lockIcon.title","styles","componentStyle","style","__decorate","customElement"],"mappings":"icACO,MAAMA,EAAQ,qEADN,4TAEK,kGCDb,MAAMA,EAAQ,gEADN,0MAEK,ijBCgBpBC,EAAKC,aAAaC,GAClBF,EAAKC,aAAaE,GAalB,IAAqBC,EAArB,cAAuCC,EAAeC,IAAtDC,kCAGUC,KAAAC,UAAY,IAAIC,EAAoBF,MACpCA,KAAAG,aAAe,IAAIC,EAAsCJ,KAWlE,CATCK,SACE,OAAOC,CAAI,gCACsBC,EAAIP,KAAKQ,wBAAuBC,EAAS,CAAE,SAAUT,KAAKC,UAAUS,kCACzEV,KAAKG,aAAaQ,KAAK,4DACpBC,4CACAC,+BAGhC,GAbMjB,EAAAkB,OAAS,CAACC,EAAgBC,GADdpB,EAASqB,EAAA,CAD7BC,EAAc,oBACMtB,SAAAA"}
|
package/lib/NavToggle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import"./query-assigned-elements-15485e3d.js";import"./ref-5526fb07.js";import"./class-map-cb77ead2.js";export{N as default}from"./NavToggle-d34fed72.js";import"./LocalizeController.js";import"./DirectionController-f35f5476.js";import"./FocusableMixin-4300e44e.js";import"./Button.js";import"./Icon.js";import"./VisuallyHidden.js";import"./Component-420bbc41.js";import"./directive-de55b00a.js";import"./translation.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./localization6.js";import"./localization7.js";import"./localization8.js";import"./property-03f59dce.js";import"./EventController-d99ebeef.js";import"./LightDomController-f78fb046.js";import"./cond-44672025.js";import"./Spinner.js";import"./if-defined-9b177db4.js";import"./InputMixin-4037827f.js";import"./SlotController-d733c575.js";import"./state-70f38ceb.js";import"./IconManager.js";import"./observe-a9c6dfb6.js";
|
|
2
2
|
//# sourceMappingURL=NavToggle.js.map
|
package/lib/NavToggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavToggle.js","sources":[
|
|
1
|
+
{"version":3,"file":"NavToggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/lib/Navigation.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as n,_ as o,s as a,x as e,e as t}from"./query-assigned-elements-
|
|
1
|
+
import{i as n,_ as o,s as a,x as e,e as t}from"./query-assigned-elements-15485e3d.js";import{S as r}from"./SlotController-d733c575.js";import{s as i}from"./Component-420bbc41.js";import{E as d}from"./EventController-d99ebeef.js";const l=n`:host{--_n-navigation-background-color:var(--n-navigation-background-color, var(--n-color-nav-surface));--_n-navigation-header-block-size:var(--n-navigation-header-block-size, var(--n-space-xxl));--_n-navigation-header-padding-inline:var(--n-navigation-header-padding-inline);--_n-navigation-header-background:var(--n-navigation-header-background, var(--_n-navigation-background-color));--_n-navigation-header-divider:var(--n-navigation-header-divider, 1px solid var(--n-color-border));--_n-navigation-header-color:var(--n-navigation-header-color);--_n-navigation-header-toggle-icon-color:var(--n-navigation-header-toggle-icon-color);--_n-navigation-header-focus-style:var(--n-navigation-header-focus-style, var(--_n-navigation-dropdown-box-shadow));--_n-navigation-dropdown-box-shadow:0 0 0 1px var(--n-color-accent) inset;display:flex;flex-direction:column;block-size:100%;background:var(--_n-navigation-background-color)}.n-navigation-main{display:flex;flex-direction:column;flex:1;overflow-y:auto;overscroll-behavior-y:none}nav{flex:1;padding:var(--n-space-m);padding-block-start:var(--n-space-s)}slot[name=footer],slot[name=header]{display:flex;flex-direction:column;justify-content:center;--n-button-text-align:start;--n-button-background-color:transparent;--n-button-border-color:transparent;--n-button-box-shadow:none;--n-button-gradient:none}slot[name=header]{--n-button-border-radius:0;--n-button-color:var(--_n-navigation-header-color);--n-button-min-block-size:var(--_n-navigation-header-block-size);--n-select-block-size:var(--n-button-min-block-size);--n-button-font-weight:var(--n-font-weight-active);--n-button-toggle-icon-color:var(--_n-navigation-header-toggle-icon-color);--n-button-padding-inline:var(--_n-navigation-header-padding-inline);block-size:var(--_n-navigation-header-block-size);background-color:var(--_n-navigation-header-background);border-block-end:var(--_n-navigation-header-divider)}slot[name=footer]{--n-button-color:var(--n-color-text-weak);--n-button-padding-inline:var(--n-space-xs);margin:var(--n-space-m)}:is([name=header],[name=footer])::slotted(:not([open]):focus-within){--n-button-border-color:var(--n-color-accent);--n-button-box-shadow:var(--_n-navigation-dropdown-box-shadow)}slot[name=header]::slotted(:not([open], :active):focus-within){--n-button-box-shadow:var(--_n-navigation-header-focus-style)}[name=footer]::slotted(:is(:hover, [open])){--n-button-border-color:var(--n-color-border-hover)}`;let s=class extends a{constructor(){super(...arguments),this.headerSlot=new r(this,"header"),this.events=new d(this),this.handleActivate=n=>{var o,a;const e=n.target,t=new Set;let r=null===(o=e.parentElement)||void 0===o?void 0:o.closest("nord-nav-item");for(;r;)t.add(r),r=null===(a=r.parentElement)||void 0===a?void 0:a.closest("nord-nav-item");for(const n of this.querySelectorAll("nord-nav-item"))if(n!==e){const o=t.has(n);n.open=o,n.active=o}}}connectedCallback(){super.connectedCallback(),this.events.listen(this,"activate",this.handleActivate)}render(){return e`<slot name="header" ?hidden="${this.headerSlot.isEmpty}"></slot><div class="n-navigation-main"><nav><slot></slot></nav><slot name="footer"></slot></div>`}};s.styles=[i,l],s=o([t("nord-navigation")],s);var c=s;export{c as default};
|
|
2
2
|
//# sourceMappingURL=Navigation.js.map
|
package/lib/Notification.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as o,x as i,_ as t,e as n,s as
|
|
1
|
+
import{i as o,x as i,_ as t,e as n,s as r}from"./query-assigned-elements-15485e3d.js";import{o as a}from"./class-map-cb77ead2.js";import{n as s}from"./ref-5526fb07.js";import"./Stack.js";import"./Icon.js";import{D as e}from"./DraftComponentMixin-9e4b7b34.js";import{N as c}from"./NotificationMixin-c06bb631.js";import{s as l}from"./Component-420bbc41.js";import{LocalizeController as m}from"./LocalizeController.js";import"./directive-de55b00a.js";import"./property-03f59dce.js";import"./state-70f38ceb.js";import"./if-defined-9b177db4.js";import"./cond-44672025.js";import"./IconManager.js";import"./observe-a9c6dfb6.js";import"./events-d9666e88.js";import"./translation.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./localization6.js";import"./localization7.js";import"./localization8.js";const d=o`:host{--_n-notification-focus-ring:0 0 0 2px var(--n-color-accent);--_n-notification-dismiss-size:calc(var(--n-space-m) * 2)}.n-notification{color:var(--n-color-text-weaker);background:var(--n-color-surface-raised);box-shadow:var(--n-box-shadow-nav);padding-block-start:calc(var(--n-space-l)/ 1.2);padding-block-end:var(--n-space-l);padding-inline-start:calc(var(--n-space-l)/ 1.2);padding-inline-end:var(--n-space-m);border-radius:var(--n-border-radius);position:relative;animation:n-enter var(--n-transition-slowly) forwards 1}.n-notification-body{flex:1;padding-inline-end:var(--_n-notification-dismiss-size)}.n-dismissed{animation-name:n-exit}@keyframes n-enter{from{transform:translateY(10%);opacity:0}}@keyframes n-exit{to{transform:scale(.97);opacity:0}}.n-dismiss{border:none;display:flex;justify-content:center;align-items:center;block-size:var(--_n-notification-dismiss-size);inline-size:var(--_n-notification-dismiss-size);background-color:transparent;border-radius:var(--n-border-radius-s);color:var(--n-color-icon);cursor:pointer;transition:opacity var(--n-transition-slowly),color var(--n-transition-slowly);position:absolute;inset-inline-end:var(--n-space-m);inset-block-start:14px}.n-dismiss:hover{color:var(--n-color-text);background:rgba(0,0,0,.04)}.n-dismiss:active{opacity:.8;transform:translateY(1px)}.n-dismiss:focus{outline:0;box-shadow:var(--_n-notification-focus-ring)}@supports selector(:focus-visible){.n-dismiss:focus{box-shadow:none}.n-dismiss:focus-visible{box-shadow:var(--_n-notification-focus-ring)}}::slotted(nord-icon),slot nord-icon{color:var(--n-color-text-link)!important;transform:translateY(3px) translateX(1px)!important}::slotted(:is(h1, h2, h3, h4, h5, h6)){color:var(--n-color-text)!important;font-size:var(--n-font-size-m)!important;line-height:var(--n-line-height)!important;margin:0 0 var(--n-space-s)!important;font-weight:var(--n-font-weight-active)!important;font-style:normal!important}::slotted(p){margin:0!important;font-size:var(--n-font-size-m)!important;color:var(--n-color-text-weaker)!important;line-height:var(--n-line-height)!important;font-weight:var(--n-font-weight)!important;font-style:normal!important}::slotted(a){color:var(--n-color-text-link)!important;text-decoration:none!important;margin:var(--n-space-s) 0 0!important;font-weight:var(--n-font-weight)!important;font-style:normal!important;display:block}::slotted(a:hover){text-decoration:underline!important}`;let p=class extends(c(e(r))){constructor(){super(...arguments),this.localize=new m(this)}render(){return i`<div ${s(this.notificationRef)} class="${a({"n-notification":!0,"n-dismissed":this.dismissed})}"><button class="n-dismiss" @click="${this.dismiss}"><nord-icon name="interface-close-small" size="xs" label="${this.localize.term("dismissLabel")}"></nord-icon></button><nord-stack align-items="stretch" direction="horizontal"><slot name="icon"><nord-icon name="navigation-notifications"></nord-icon></slot><div class="n-notification-body"><slot></slot></div></nord-stack></div>`}};p.styles=[l,d],p=t([n("nord-notification")],p);var f=p;export{f as default};
|
|
2
2
|
//# sourceMappingURL=Notification.js.map
|
package/lib/Notification.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sources":["../src/notification/Notification.ts"],"sourcesContent":["import { LitElement, html } from \"lit\"\nimport { customElement } from \"lit/decorators.js\"\nimport { classMap } from \"lit/directives/class-map.js\"\nimport { ref } from \"lit/directives/ref.js\"\n\nimport \"../stack/Stack.js\"\nimport \"../icon/Icon.js\"\nimport { DraftComponentMixin } from \"../common/mixins/DraftComponentMixin.js\"\nimport { NotificationMixin } from \"../common/mixins/NotificationMixin.js\"\nimport componentStyle from \"../common/styles/Component.css\"\nimport style from \"./Notification.css\"\nimport { LocalizeController } from \"../localization/LocalizeController.js\"\n\n/**\n * Notifications provide important information that requires action or acknowledgement.\n * A notification is displayed until the user dismisses it.\n *\n * @status draft\n * @category feedback\n * @slot - Default slot used for the notification text/message.\n * @slot icon - Slot used for the notification icon.\n * @fires dismiss - Fired when the notification is dismissed, and its exit animation has completed. This event should be used to remove the dismissed notification from the DOM.\n * @localization dismissLabel - Accessible label for the dismiss button.\n */\n@customElement(\"nord-notification\")\nexport default class Notification extends NotificationMixin(DraftComponentMixin(LitElement)) {\n static styles = [componentStyle, style]\n\n private localize = new LocalizeController<\"nord-notification\">(this)\n\n render() {\n return html`\n <div ${ref(this.notificationRef)} class=${classMap({ \"n-notification\": true, \"n-dismissed\": this.dismissed })}>\n <button class=\"n-dismiss\" @click=${this.dismiss}>\n <nord-icon name=\"interface-close-small\" size=\"xs\" label=${this.localize.term(\"dismissLabel\")}></nord-icon>\n </button>\n\n <nord-stack align-items=\"stretch\" direction=\"horizontal\">\n <slot name=\"icon\">\n <nord-icon name=\"navigation-notifications\"></nord-icon>\n </slot>\n <div class=\"n-notification-body\">\n <slot></slot>\n </div>\n </nord-stack>\n </div>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nord-notification\": Notification\n }\n}\n"],"names":["Notification","NotificationMixin","DraftComponentMixin","LitElement","constructor","this","localize","LocalizeController","render","html","ref","notificationRef","classMap","dismissed","dismiss","term","styles","componentStyle","style","__decorate","customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Notification.js","sources":["../src/notification/Notification.ts"],"sourcesContent":["import { LitElement, html } from \"lit\"\nimport { customElement } from \"lit/decorators.js\"\nimport { classMap } from \"lit/directives/class-map.js\"\nimport { ref } from \"lit/directives/ref.js\"\n\nimport \"../stack/Stack.js\"\nimport \"../icon/Icon.js\"\nimport { DraftComponentMixin } from \"../common/mixins/DraftComponentMixin.js\"\nimport { NotificationMixin } from \"../common/mixins/NotificationMixin.js\"\nimport componentStyle from \"../common/styles/Component.css\"\nimport style from \"./Notification.css\"\nimport { LocalizeController } from \"../localization/LocalizeController.js\"\n\n/**\n * Notifications provide important information that requires action or acknowledgement.\n * A notification is displayed until the user dismisses it.\n *\n * @status draft\n * @category feedback\n * @slot - Default slot used for the notification text/message.\n * @slot icon - Slot used for the notification icon.\n * @fires dismiss - Fired when the notification is dismissed, and its exit animation has completed. This event should be used to remove the dismissed notification from the DOM.\n * @localization dismissLabel - Accessible label for the dismiss button.\n */\n@customElement(\"nord-notification\")\nexport default class Notification extends NotificationMixin(DraftComponentMixin(LitElement)) {\n static styles = [componentStyle, style]\n\n private localize = new LocalizeController<\"nord-notification\">(this)\n\n render() {\n return html`\n <div ${ref(this.notificationRef)} class=${classMap({ \"n-notification\": true, \"n-dismissed\": this.dismissed })}>\n <button class=\"n-dismiss\" @click=${this.dismiss}>\n <nord-icon name=\"interface-close-small\" size=\"xs\" label=${this.localize.term(\"dismissLabel\")}></nord-icon>\n </button>\n\n <nord-stack align-items=\"stretch\" direction=\"horizontal\">\n <slot name=\"icon\">\n <nord-icon name=\"navigation-notifications\"></nord-icon>\n </slot>\n <div class=\"n-notification-body\">\n <slot></slot>\n </div>\n </nord-stack>\n </div>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nord-notification\": Notification\n }\n}\n"],"names":["Notification","NotificationMixin","DraftComponentMixin","LitElement","constructor","this","localize","LocalizeController","render","html","ref","notificationRef","classMap","dismissed","dismiss","term","styles","componentStyle","style","__decorate","customElement"],"mappings":"wxGAyBA,IAAqBA,EAArB,cAA0CC,EAAkBC,EAAoBC,KAAhFC,kCAGUC,KAAAC,SAAW,IAAIC,EAAwCF,KAoBhE,CAlBCG,SACE,OAAOC,CAAI,QACFC,EAAIL,KAAKM,2BAA0BC,EAAS,CAAE,kBAAkB,EAAM,cAAeP,KAAKQ,kDAC5DR,KAAKS,qEACoBT,KAAKC,SAASS,KAAK,wPAapF,GArBMf,EAAAgB,OAAS,CAACC,EAAgBC,GADdlB,EAAYmB,EAAA,CADhCC,EAAc,sBACMpB,SAAAA"}
|
package/lib/NotificationGroup.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as n,x as i,_ as e,e as t,s as o}from"./query-assigned-elements-
|
|
1
|
+
import{i as n,x as i,_ as e,e as t,s as o}from"./query-assigned-elements-15485e3d.js";import{D as a}from"./DraftComponentMixin-9e4b7b34.js";import{s}from"./Component-420bbc41.js";const r=n`:host{--_n-notification-group-mask:linear-gradient(black 95%, transparent 100%);position:fixed;inset-inline-end:0;inset-block-start:0;inset-block-end:0;z-index:var(--n-index-modal);-webkit-mask-image:var(--_n-notification-group-mask);mask-image:var(--_n-notification-group-mask);pointer-events:none}.n-notification-group{display:flex;flex-direction:column;align-items:end;gap:var(--n-space-m);margin:var(--n-space-m)}::slotted(nord-notification){pointer-events:auto;inline-size:100%;max-inline-size:400px}`;let m=class extends(a(o)){render(){return i`<div class="n-notification-group"><slot></slot></div>`}};m.styles=[s,r],m=e([t("nord-notification-group")],m);var l=m;export{l as default};
|
|
2
2
|
//# sourceMappingURL=NotificationGroup.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as s}from"./query-assigned-elements-
|
|
2
|
-
//# sourceMappingURL=NotificationMixin-
|
|
1
|
+
import{_ as s}from"./query-assigned-elements-15485e3d.js";import{t as i}from"./state-70f38ceb.js";import{e as t}from"./ref-5526fb07.js";import{a as e,N as o}from"./events-d9666e88.js";function a(a){class n extends a{constructor(){super(...arguments),this.notificationRef=t(),this.dismissed=!1}async dismiss(){this.notificationRef.value&&(this.dismissed=!0,await e(this.notificationRef.value),this.dispatchEvent(new o("dismiss")))}}return s([i()],n.prototype,"dismissed",void 0),n}export{a as N};
|
|
2
|
+
//# sourceMappingURL=NotificationMixin-c06bb631.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationMixin-
|
|
1
|
+
{"version":3,"file":"NotificationMixin-c06bb631.js","sources":["../src/common/mixins/NotificationMixin.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { LitElement } from \"lit\"\nimport { state } from \"lit/decorators.js\"\nimport type { Ref } from \"lit/directives/ref.js\"\nimport { createRef } from \"lit/directives/ref.js\"\nimport { animation, NordEvent } from \"../events.js\"\n\ntype Constructor<T = Record<string, unknown>> = new (...args: any[]) => T\n\nexport declare class NotificationMixinInterface {\n protected dismissed: boolean\n protected notificationRef: Ref<HTMLElement>\n dismiss(): Promise<void>\n}\n\nexport function NotificationMixin<T extends Constructor<LitElement>>(\n superClass: T\n): Constructor<NotificationMixinInterface> & T {\n class NotificationElement extends superClass {\n protected notificationRef = createRef<HTMLElement>()\n\n @state() protected dismissed = false\n\n /**\n * Programmatically dismiss the notification.\n * The returned promise resolves when notification's exit animation is complete.\n */\n async dismiss() {\n if (this.notificationRef.value) {\n this.dismissed = true\n await animation(this.notificationRef.value)\n this.dispatchEvent(new NordEvent(\"dismiss\"))\n }\n }\n }\n\n return NotificationElement as unknown as Constructor<NotificationMixinInterface> & T\n}\n"],"names":["NotificationMixin","superClass","NotificationElement","constructor","this","notificationRef","createRef","dismissed","async","value","animation","dispatchEvent","NordEvent","__decorate","state","prototype"],"mappings":"wLAeM,SAAUA,EACdC,GAEA,MAAMC,UAA4BD,EAAlCE,kCACYC,KAAeC,gBAAGC,IAETF,KAASG,WAAG,CAahC,CAPCC,gBACMJ,KAAKC,gBAAgBI,QACvBL,KAAKG,WAAY,QACXG,EAAUN,KAAKC,gBAAgBI,OACrCL,KAAKO,cAAc,IAAIC,EAAU,YAEpC,EAGH,OAfqBC,EAAA,CAAlBC,KAAmCZ,EAAAa,UAAA,iBAAA,GAe/Bb,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as t,i as o,x as e,e as i,s}from"./query-assigned-elements-
|
|
2
|
-
//# sourceMappingURL=Popout-
|
|
1
|
+
import{_ as t,i as o,x as e,e as i,s}from"./query-assigned-elements-15485e3d.js";import{e as n}from"./property-03f59dce.js";import{t as r}from"./state-70f38ceb.js";import{i as a}from"./query-2d22378e.js";import{c as l,l as p,o as h,f as d,s as c,h as m,a as u}from"./positioning-a572d126.js";import{L as f}from"./LightDismissController-a2645ae6.js";import{S as v}from"./ScrollbarController-773c79f4.js";import{N as g,t as y}from"./events-d9666e88.js";import{s as b}from"./Component-420bbc41.js";import{D as w}from"./DirectionController-f35f5476.js";import{o as x}from"./observe-a9c6dfb6.js";import{E}from"./EventController-d99ebeef.js";function C(o){class e extends o{constructor(){super(...arguments),this.open=!1,this.align="start",this.position="block-end"}}return t([n({type:Boolean,reflect:!0})],e.prototype,"open",void 0),t([n({reflect:!0})],e.prototype,"align",void 0),t([n({reflect:!0})],e.prototype,"position",void 0),e}const k=o`:host{position:fixed;pointer-events:none;z-index:var(--n-index-popout);left:var(--_n-popout-position-x);top:var(--_n-popout-position-y);color:var(--n-color-text);opacity:0;transition:opacity var(--n-transition-slowly)}.n-popout{pointer-events:none;transform:translateY(-10px) scale(.97);visibility:hidden;transition:transform var(--n-transition-slowly),visibility var(--n-transition-slowly);transform-origin:top left;will-change:transform,opacity,visibility;background:var(--n-color-surface);box-shadow:var(--n-box-shadow-popout);border-radius:var(--n-border-radius-s)}:host([open]){opacity:1}:host([open]) .n-popout{transition-property:transform;visibility:visible;pointer-events:auto;transform:translateY(0) translateX(0) scale(1)}@media (max-width:35.9375em){:host{position:fixed;inset:0;overflow-y:auto;opacity:1;background:0 0;transition:background var(--n-transition-mobile)}:host([open]){pointer-events:auto;background:var(--n-color-overlay)}:host .n-popout{position:fixed;inset:0;inset-block-start:auto;transform:translateY(100%);transition:transform var(--n-transition-mobile),visibility var(--n-transition-mobile);transform-origin:bottom center;border-radius:0}}.top-end,.top-start{transform:translateY(10px) scale(.97)}.left-end,.left-start{transform:translateX(10px) scale(.97)}.right-end,.right-start{transform:translateX(-10px) scale(.97)}.bottom-start.is-rtl,.left-end,.top-end{transform-origin:bottom right}.bottom-end,.left-start,.top-start.is-rtl{transform-origin:top right}.bottom-end.is-rtl,.right-end,.right-start{transform-origin:bottom left}.right-start,.top-end.is-rtl{transform-origin:top left}`,A=matchMedia("(max-width: 35.9375em)");let P=class extends(C(s)){constructor(){super(...arguments),this.scrollBar=new v(this),this.dismiss=new f(this,{isOpen:()=>this.open,onDismiss:t=>this.hide("click"!==t.type),isDismissible:t=>t!==this.popout&&t!==this.targetElement}),this.events=new E(this),this.direction=new w(this),this.smallViewport=A.matches,this.id="",this.enableScroll=()=>{this.open||this.scrollBar.unlockScroll()},this.updatePosition=async()=>{var t;const{x:o,y:e,placement:i,middlewareData:s}=await l(this.anchorElement,this,{strategy:"fixed",placement:p(this.position,this.align,this.direction.dir),middleware:[h(8),d(),c({padding:8}),m()]});this.computedPosition=i,this.style.setProperty("--_n-popout-position-x",`${o}px`),this.style.setProperty("--_n-popout-position-y",`${e}px`),(null===(t=s.hide)||void 0===t?void 0:t.referenceHidden)&&this.hide()},this.toggleOpen=t=>{t.preventDefault(),this.open?this.hide(!1):this.smallViewport?this.show():this.updatePosition().then((()=>this.show()))},this.handleMediaQueryChange=()=>{var t;this.smallViewport=A.matches,null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),!this.smallViewport&&this.open?(this.cleanupAutoUpdate=u(this.anchorElement,this,this.updatePosition),this.scrollBar.unlockScroll()):this.open&&this.scrollBar.lockScroll()}}async show(){return this.open?Promise.resolve():(this.open=!0,await this.updateComplete,this.dispatchEvent(new g("open")),y(this.popout))}async hide(t=!0){var o;return this.open?(this.open=!1,null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.dispatchEvent(new g("close")),t&&this.targetElement.focus({preventScroll:!0}),y(this.popout)):Promise.resolve()}firstUpdated(){this.smallViewport||this.updatePosition()}connectedCallback(){super.connectedCallback(),this.targetElement=this.getToggle(),this.anchorElement=this.getAnchor(),this.events.listen(this.targetElement,"click",this.toggleOpen),this.events.listen(A,"change",this.handleMediaQueryChange)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.targetElement.removeAttribute("aria-expanded")}render(){return e`<div class="n-popout ${this.computedPosition} is-${this.direction.dir}" aria-hidden="${this.open?"false":"true"}" @transitionend="${this.enableScroll}"><slot></slot></div>`}handleIdChange(){this.id||console.warn("NORD: popout requires an id attribute and value")}handleOpenChange(){var t;this.targetElement.setAttribute("aria-expanded",`${this.open}`),this.open?this.smallViewport?this.scrollBar.lockScroll():this.cleanupAutoUpdate=u(this.anchorElement,this,this.updatePosition):null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this)}handleAnchorChange(){var t;null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.anchorElement=this.getAnchor(),this.open&&!this.smallViewport&&(this.cleanupAutoUpdate=u(this.anchorElement,this,this.updatePosition))}getToggle(){const t=this.getRootNode().querySelector(`[aria-controls='${this.id}']`);return t instanceof HTMLSlotElement?t.assignedElements()[0]:t}getAnchor(){if(!this.anchor)return this.targetElement;const t=this.getRootNode().querySelector(`#${this.anchor}`);return t instanceof HTMLSlotElement?t.assignedElements()[0]:t}};P.styles=[b,k],t([a(".n-popout",!0)],P.prototype,"popout",void 0),t([r()],P.prototype,"computedPosition",void 0),t([r()],P.prototype,"smallViewport",void 0),t([n({reflect:!0})],P.prototype,"id",void 0),t([n({reflect:!0})],P.prototype,"anchor",void 0),t([x("id")],P.prototype,"handleIdChange",null),t([x("open")],P.prototype,"handleOpenChange",null),t([x("anchor")],P.prototype,"handleAnchorChange",null),P=t([i("nord-popout")],P);var S=P;export{C as F,S as P};
|
|
2
|
+
//# sourceMappingURL=Popout-c6ee2d7a.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popout-9f8752b0.js","sources":["../src/common/mixins/FloatingComponentMixin.ts","../src/popout/Popout.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { LitElement } from \"lit\"\nimport { property } from \"lit/decorators.js\"\nimport { Alignment } from \"@floating-ui/dom\"\nimport { LogicalSide } from \"../positioning.js\"\n\ntype Constructor<T = Record<string, unknown>> = new (...args: any[]) => T\n\nexport declare class FloatingMixinInterface {\n open: boolean\n align: Alignment\n position: LogicalSide\n}\n\nexport function FloatingMixin<T extends Constructor<LitElement>>(\n superClass: T\n): Constructor<FloatingMixinInterface> & T {\n class FloatingElement extends superClass {\n /**\n * Controls whether the component is open or not.\n */\n @property({ type: Boolean, reflect: true }) open = false\n\n /**\n * Set the alignment in relation to the toggle (or anchor) depending on the position.\n * `start` will align it to the left of the toggle (or anchor).\n * `end` will align it to the right of the toggle (or anchor).\n * Setting the `position` to `inline-start` or `inline-end` will switch\n * `start` and `end` to the top and bottom respectively.\n */\n @property({ reflect: true }) align: \"start\" | \"end\" = \"start\"\n\n /**\n * Set the position in relation to the toggle (or anchor).\n * Options follow logical properties.\n * `block-start` and `block-end` referring to top and bottom respectively,\n * `inline-start` and `inline-end` referring to left and right respectively.\n */\n @property({ reflect: true }) position: \"block-end\" | \"block-start\" | \"inline-start\" | \"inline-end\" = \"block-end\"\n }\n\n return FloatingElement\n}\n","import { LitElement, html } from \"lit\"\nimport { customElement, property, query, state } from \"lit/decorators.js\"\nimport { computePosition, shift, offset, flip, hide, autoUpdate, Placement } from \"@floating-ui/dom\"\nimport { LightDismissController } from \"../common/controllers/LightDismissController.js\"\nimport { ScrollbarController } from \"../common/controllers/ScrollbarController.js\"\nimport { NordEvent, transition } from \"../common/events.js\"\nimport { FloatingMixin } from \"../common/mixins/FloatingComponentMixin.js\"\n\nimport componentStyle from \"../common/styles/Component.css\"\nimport style from \"./Popout.css\"\nimport { logicalToPhysical } from \"../common/positioning.js\"\nimport { DirectionController } from \"../common/controllers/DirectionController.js\"\nimport { observe } from \"../common/decorators/observe.js\"\nimport { EventController } from \"../common/controllers/EventController.js\"\n\n/*\n * The breakpoint width to switch between \"sheet\" design and floating design\n */\nconst mediaQuery = matchMedia(\"(max-width: 35.9375em)\")\n\n/**\n * Popouts are small overlays that open on demand. They let users access additional content and actions without cluttering the page.\n *\n * @status ready\n * @category overlay\n * @slot - The popout content.\n */\n@customElement(\"nord-popout\")\nexport default class Popout extends FloatingMixin(LitElement) {\n static styles = [componentStyle, style]\n\n private targetElement!: HTMLElement\n private anchorElement!: HTMLElement\n private cleanupAutoUpdate?: ReturnType<typeof autoUpdate>\n\n @query(\".n-popout\", true) private popout!: HTMLDivElement\n\n private scrollBar = new ScrollbarController(this)\n\n /**\n * Handle dismissal of the popout, clicking outside the target button and popout.\n */\n private dismiss = new LightDismissController(this, {\n isOpen: () => this.open,\n onDismiss: e => this.hide(e.type !== \"click\"),\n isDismissible: node => node !== this.popout && node !== this.targetElement,\n })\n\n private events = new EventController(this)\n private direction = new DirectionController(this)\n\n @state() private computedPosition?: Placement\n\n @state() private smallViewport = mediaQuery.matches\n\n /**\n * The id for the active element to reference via aria-controls.\n */\n // eslint-disable-next-line lit/no-native-attributes\n @property({ reflect: true }) id: string = \"\"\n\n /**\n * Set an optional anchor element to align against, replacing the triggering element.\n */\n @property({ reflect: true }) anchor?: string\n\n /**\n * Show the popout.\n * A promise that resolves to a `TransitionEvent` when the popout's show animation ends or is cancelled.\n * If the popout is already open, the promise resolves immediately with `undefined`.\n */\n async show(): Promise<TransitionEvent | void> {\n if (this.open) {\n return Promise.resolve()\n }\n\n this.open = true\n\n // we should only focus once the popout is visible after render is complete\n await this.updateComplete\n\n /**\n * Dispatched when the popout is opened.\n */\n this.dispatchEvent(new NordEvent(\"open\"))\n\n return transition(this.popout)\n }\n\n /**\n * Hide the popout.\n * Returns a promise that resolves to a `TransitionEvent` when the popout's hide animation ends or is cancelled.\n * If the popout is already closed, the promise resolves immediately with `undefined`.\n * @param {boolean} moveFocusToButton prevent focus returning to the target button. Default is true.\n */\n async hide(moveFocusToButton: boolean = true): Promise<TransitionEvent | void> {\n if (!this.open) {\n return Promise.resolve()\n }\n\n this.open = false\n\n this.cleanupAutoUpdate?.()\n\n /**\n * Dispatched when the popout is closed.\n */\n this.dispatchEvent(new NordEvent(\"close\"))\n\n if (moveFocusToButton) {\n this.targetElement.focus({ preventScroll: true })\n }\n\n return transition(this.popout)\n }\n\n /**\n * Position the popout on load.\n */\n firstUpdated() {\n if (!this.smallViewport) {\n this.updatePosition()\n }\n }\n\n connectedCallback() {\n super.connectedCallback()\n\n this.targetElement = this.getToggle()\n this.anchorElement = this.getAnchor()\n\n this.events.listen(this.targetElement, \"click\", this.toggleOpen)\n this.events.listen(mediaQuery, \"change\", this.handleMediaQueryChange)\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n\n this.cleanupAutoUpdate?.()\n this.targetElement.removeAttribute(\"aria-expanded\")\n }\n\n render() {\n return html`\n <div\n class=\"n-popout ${this.computedPosition} is-${this.direction.dir}\"\n aria-hidden=${this.open ? \"false\" : \"true\"}\n @transitionend=${this.enableScroll}\n >\n <slot></slot>\n </div>\n `\n }\n\n @observe(\"id\")\n protected handleIdChange() {\n if (!this.id) {\n // eslint-disable-next-line no-console\n console.warn(\"NORD: popout requires an id attribute and value\")\n }\n }\n\n @observe(\"open\")\n protected handleOpenChange() {\n this.targetElement.setAttribute(\"aria-expanded\", `${this.open}`)\n\n if (this.open) {\n if (this.smallViewport) {\n // hide scrollbar and prevent scroll on body\n this.scrollBar.lockScroll()\n } else {\n this.cleanupAutoUpdate = autoUpdate(this.anchorElement, this, this.updatePosition)\n }\n } else {\n this.cleanupAutoUpdate?.()\n }\n }\n\n @observe(\"anchor\")\n protected handleAnchorChange() {\n this.cleanupAutoUpdate?.()\n this.anchorElement = this.getAnchor()\n\n // if the popout is already open when the anchor changes, we should update its position\n if (this.open && !this.smallViewport) {\n this.cleanupAutoUpdate = autoUpdate(this.anchorElement, this, this.updatePosition)\n }\n }\n\n private enableScroll = () => {\n // scrollbar should only be restored when the backdrop has transitioned\n // that way we avoid awkward double scrollbars.\n if (!this.open) {\n this.scrollBar.unlockScroll()\n }\n }\n\n /**\n * Get the position of the element toggling the popout\n * and position the popout underneath it, taking into account the optional placement.\n */\n private updatePosition = async () => {\n const { x, y, placement, middlewareData } = await computePosition(this.anchorElement, this, {\n strategy: \"fixed\",\n placement: logicalToPhysical(this.position, this.align, this.direction.dir),\n middleware: [\n offset(8),\n flip(),\n shift({\n padding: 8,\n }),\n hide(),\n ],\n })\n\n this.computedPosition = placement\n\n // use physical properties here since floating-ui\n // works exclusively in physical dimensions\n // we do all the mapping in logicalToPhysical\n this.style.setProperty(\"--_n-popout-position-x\", `${x}px`)\n this.style.setProperty(\"--_n-popout-position-y\", `${y}px`)\n\n if (middlewareData.hide?.referenceHidden) {\n this.hide()\n }\n }\n\n /**\n * Toggle the popout open or closed using state.\n * Updating the position to underneath the target button before the popout is opened.\n */\n private toggleOpen = (e: Event) => {\n e.preventDefault()\n if (this.open) {\n this.hide(false)\n } else if (!this.smallViewport) {\n this.updatePosition().then(() => this.show())\n } else {\n this.show()\n }\n }\n\n private getToggle() {\n const rootNode = this.getRootNode() as Document | ShadowRoot\n const toggle = <HTMLElement>rootNode.querySelector(`[aria-controls='${this.id}']`)\n\n if (toggle instanceof HTMLSlotElement) {\n return toggle.assignedElements()[0] as HTMLElement\n }\n\n return toggle\n }\n\n private getAnchor() {\n if (!this.anchor) {\n return this.targetElement\n }\n\n const rootNode = this.getRootNode() as Document | ShadowRoot\n const anchor = <HTMLElement>rootNode.querySelector(`#${this.anchor}`)\n\n if (anchor instanceof HTMLSlotElement) {\n return anchor.assignedElements()[0] as HTMLElement\n }\n\n return anchor\n }\n\n /**\n * Update the smallViewport flag to switch between \"sheet\" and \"floating\".\n * autoUpdate is needed when a viewport gets larger and the popout is open.\n */\n private handleMediaQueryChange = () => {\n this.smallViewport = mediaQuery.matches\n\n this.cleanupAutoUpdate?.()\n\n if (!this.smallViewport && this.open) {\n this.cleanupAutoUpdate = autoUpdate(this.anchorElement, this, this.updatePosition)\n this.scrollBar.unlockScroll()\n } else if (this.open) {\n this.scrollBar.lockScroll()\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nord-popout\": Popout\n }\n}\n"],"names":["FloatingMixin","superClass","FloatingElement","constructor","this","open","align","position","__decorate","property","type","Boolean","reflect","prototype","mediaQuery","matchMedia","Popout","LitElement","scrollBar","ScrollbarController","dismiss","LightDismissController","isOpen","onDismiss","e","hide","isDismissible","node","popout","targetElement","events","EventController","direction","DirectionController","smallViewport","matches","id","enableScroll","unlockScroll","updatePosition","async","x","y","placement","middlewareData","computePosition","anchorElement","strategy","logicalToPhysical","dir","middleware","offset","flip","shift","padding","computedPosition","style","setProperty","_a","referenceHidden","toggleOpen","preventDefault","show","then","handleMediaQueryChange","cleanupAutoUpdate","call","autoUpdate","lockScroll","Promise","resolve","updateComplete","dispatchEvent","NordEvent","transition","moveFocusToButton","focus","preventScroll","firstUpdated","connectedCallback","super","getToggle","getAnchor","listen","disconnectedCallback","removeAttribute","render","html","handleIdChange","console","warn","handleOpenChange","setAttribute","handleAnchorChange","toggle","getRootNode","querySelector","HTMLSlotElement","assignedElements","anchor","styles","componentStyle","query","state","observe","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popout-c6ee2d7a.js","sources":["../src/common/mixins/FloatingComponentMixin.ts","../src/popout/Popout.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { LitElement } from \"lit\"\nimport { property } from \"lit/decorators.js\"\nimport { Alignment } from \"@floating-ui/dom\"\nimport { LogicalSide } from \"../positioning.js\"\n\ntype Constructor<T = Record<string, unknown>> = new (...args: any[]) => T\n\nexport declare class FloatingMixinInterface {\n open: boolean\n align: Alignment\n position: LogicalSide\n}\n\nexport function FloatingMixin<T extends Constructor<LitElement>>(\n superClass: T\n): Constructor<FloatingMixinInterface> & T {\n class FloatingElement extends superClass {\n /**\n * Controls whether the component is open or not.\n */\n @property({ type: Boolean, reflect: true }) open = false\n\n /**\n * Set the alignment in relation to the toggle (or anchor) depending on the position.\n * `start` will align it to the left of the toggle (or anchor).\n * `end` will align it to the right of the toggle (or anchor).\n * Setting the `position` to `inline-start` or `inline-end` will switch\n * `start` and `end` to the top and bottom respectively.\n */\n @property({ reflect: true }) align: \"start\" | \"end\" = \"start\"\n\n /**\n * Set the position in relation to the toggle (or anchor).\n * Options follow logical properties.\n * `block-start` and `block-end` referring to top and bottom respectively,\n * `inline-start` and `inline-end` referring to left and right respectively.\n */\n @property({ reflect: true }) position: \"block-end\" | \"block-start\" | \"inline-start\" | \"inline-end\" = \"block-end\"\n }\n\n return FloatingElement\n}\n","import { LitElement, html } from \"lit\"\nimport { customElement, property, query, state } from \"lit/decorators.js\"\nimport { computePosition, shift, offset, flip, hide, autoUpdate, Placement } from \"@floating-ui/dom\"\nimport { LightDismissController } from \"../common/controllers/LightDismissController.js\"\nimport { ScrollbarController } from \"../common/controllers/ScrollbarController.js\"\nimport { NordEvent, transition } from \"../common/events.js\"\nimport { FloatingMixin } from \"../common/mixins/FloatingComponentMixin.js\"\n\nimport componentStyle from \"../common/styles/Component.css\"\nimport style from \"./Popout.css\"\nimport { logicalToPhysical } from \"../common/positioning.js\"\nimport { DirectionController } from \"../common/controllers/DirectionController.js\"\nimport { observe } from \"../common/decorators/observe.js\"\nimport { EventController } from \"../common/controllers/EventController.js\"\n\n/*\n * The breakpoint width to switch between \"sheet\" design and floating design\n */\nconst mediaQuery = matchMedia(\"(max-width: 35.9375em)\")\n\n/**\n * Popouts are small overlays that open on demand. They let users access additional content and actions without cluttering the page.\n *\n * @status ready\n * @category overlay\n * @slot - The popout content.\n */\n@customElement(\"nord-popout\")\nexport default class Popout extends FloatingMixin(LitElement) {\n static styles = [componentStyle, style]\n\n private targetElement!: HTMLElement\n private anchorElement!: HTMLElement\n private cleanupAutoUpdate?: ReturnType<typeof autoUpdate>\n\n @query(\".n-popout\", true) private popout!: HTMLDivElement\n\n private scrollBar = new ScrollbarController(this)\n\n /**\n * Handle dismissal of the popout, clicking outside the target button and popout.\n */\n private dismiss = new LightDismissController(this, {\n isOpen: () => this.open,\n onDismiss: e => this.hide(e.type !== \"click\"),\n isDismissible: node => node !== this.popout && node !== this.targetElement,\n })\n\n private events = new EventController(this)\n private direction = new DirectionController(this)\n\n @state() private computedPosition?: Placement\n\n @state() private smallViewport = mediaQuery.matches\n\n /**\n * The id for the active element to reference via aria-controls.\n */\n // eslint-disable-next-line lit/no-native-attributes\n @property({ reflect: true }) id: string = \"\"\n\n /**\n * Set an optional anchor element to align against, replacing the triggering element.\n */\n @property({ reflect: true }) anchor?: string\n\n /**\n * Show the popout.\n * A promise that resolves to a `TransitionEvent` when the popout's show animation ends or is cancelled.\n * If the popout is already open, the promise resolves immediately with `undefined`.\n */\n async show(): Promise<TransitionEvent | void> {\n if (this.open) {\n return Promise.resolve()\n }\n\n this.open = true\n\n // we should only focus once the popout is visible after render is complete\n await this.updateComplete\n\n /**\n * Dispatched when the popout is opened.\n */\n this.dispatchEvent(new NordEvent(\"open\"))\n\n return transition(this.popout)\n }\n\n /**\n * Hide the popout.\n * Returns a promise that resolves to a `TransitionEvent` when the popout's hide animation ends or is cancelled.\n * If the popout is already closed, the promise resolves immediately with `undefined`.\n * @param {boolean} moveFocusToButton prevent focus returning to the target button. Default is true.\n */\n async hide(moveFocusToButton: boolean = true): Promise<TransitionEvent | void> {\n if (!this.open) {\n return Promise.resolve()\n }\n\n this.open = false\n\n this.cleanupAutoUpdate?.()\n\n /**\n * Dispatched when the popout is closed.\n */\n this.dispatchEvent(new NordEvent(\"close\"))\n\n if (moveFocusToButton) {\n this.targetElement.focus({ preventScroll: true })\n }\n\n return transition(this.popout)\n }\n\n /**\n * Position the popout on load.\n */\n firstUpdated() {\n if (!this.smallViewport) {\n this.updatePosition()\n }\n }\n\n connectedCallback() {\n super.connectedCallback()\n\n this.targetElement = this.getToggle()\n this.anchorElement = this.getAnchor()\n\n this.events.listen(this.targetElement, \"click\", this.toggleOpen)\n this.events.listen(mediaQuery, \"change\", this.handleMediaQueryChange)\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n\n this.cleanupAutoUpdate?.()\n this.targetElement.removeAttribute(\"aria-expanded\")\n }\n\n render() {\n return html`\n <div\n class=\"n-popout ${this.computedPosition} is-${this.direction.dir}\"\n aria-hidden=${this.open ? \"false\" : \"true\"}\n @transitionend=${this.enableScroll}\n >\n <slot></slot>\n </div>\n `\n }\n\n @observe(\"id\")\n protected handleIdChange() {\n if (!this.id) {\n // eslint-disable-next-line no-console\n console.warn(\"NORD: popout requires an id attribute and value\")\n }\n }\n\n @observe(\"open\")\n protected handleOpenChange() {\n this.targetElement.setAttribute(\"aria-expanded\", `${this.open}`)\n\n if (this.open) {\n if (this.smallViewport) {\n // hide scrollbar and prevent scroll on body\n this.scrollBar.lockScroll()\n } else {\n this.cleanupAutoUpdate = autoUpdate(this.anchorElement, this, this.updatePosition)\n }\n } else {\n this.cleanupAutoUpdate?.()\n }\n }\n\n @observe(\"anchor\")\n protected handleAnchorChange() {\n this.cleanupAutoUpdate?.()\n this.anchorElement = this.getAnchor()\n\n // if the popout is already open when the anchor changes, we should update its position\n if (this.open && !this.smallViewport) {\n this.cleanupAutoUpdate = autoUpdate(this.anchorElement, this, this.updatePosition)\n }\n }\n\n private enableScroll = () => {\n // scrollbar should only be restored when the backdrop has transitioned\n // that way we avoid awkward double scrollbars.\n if (!this.open) {\n this.scrollBar.unlockScroll()\n }\n }\n\n /**\n * Get the position of the element toggling the popout\n * and position the popout underneath it, taking into account the optional placement.\n */\n private updatePosition = async () => {\n const { x, y, placement, middlewareData } = await computePosition(this.anchorElement, this, {\n strategy: \"fixed\",\n placement: logicalToPhysical(this.position, this.align, this.direction.dir),\n middleware: [\n offset(8),\n flip(),\n shift({\n padding: 8,\n }),\n hide(),\n ],\n })\n\n this.computedPosition = placement\n\n // use physical properties here since floating-ui\n // works exclusively in physical dimensions\n // we do all the mapping in logicalToPhysical\n this.style.setProperty(\"--_n-popout-position-x\", `${x}px`)\n this.style.setProperty(\"--_n-popout-position-y\", `${y}px`)\n\n if (middlewareData.hide?.referenceHidden) {\n this.hide()\n }\n }\n\n /**\n * Toggle the popout open or closed using state.\n * Updating the position to underneath the target button before the popout is opened.\n */\n private toggleOpen = (e: Event) => {\n e.preventDefault()\n if (this.open) {\n this.hide(false)\n } else if (!this.smallViewport) {\n this.updatePosition().then(() => this.show())\n } else {\n this.show()\n }\n }\n\n private getToggle() {\n const rootNode = this.getRootNode() as Document | ShadowRoot\n const toggle = <HTMLElement>rootNode.querySelector(`[aria-controls='${this.id}']`)\n\n if (toggle instanceof HTMLSlotElement) {\n return toggle.assignedElements()[0] as HTMLElement\n }\n\n return toggle\n }\n\n private getAnchor() {\n if (!this.anchor) {\n return this.targetElement\n }\n\n const rootNode = this.getRootNode() as Document | ShadowRoot\n const anchor = <HTMLElement>rootNode.querySelector(`#${this.anchor}`)\n\n if (anchor instanceof HTMLSlotElement) {\n return anchor.assignedElements()[0] as HTMLElement\n }\n\n return anchor\n }\n\n /**\n * Update the smallViewport flag to switch between \"sheet\" and \"floating\".\n * autoUpdate is needed when a viewport gets larger and the popout is open.\n */\n private handleMediaQueryChange = () => {\n this.smallViewport = mediaQuery.matches\n\n this.cleanupAutoUpdate?.()\n\n if (!this.smallViewport && this.open) {\n this.cleanupAutoUpdate = autoUpdate(this.anchorElement, this, this.updatePosition)\n this.scrollBar.unlockScroll()\n } else if (this.open) {\n this.scrollBar.lockScroll()\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nord-popout\": Popout\n }\n}\n"],"names":["FloatingMixin","superClass","FloatingElement","constructor","this","open","align","position","__decorate","property","type","Boolean","reflect","prototype","mediaQuery","matchMedia","Popout","LitElement","scrollBar","ScrollbarController","dismiss","LightDismissController","isOpen","onDismiss","e","hide","isDismissible","node","popout","targetElement","events","EventController","direction","DirectionController","smallViewport","matches","id","enableScroll","unlockScroll","updatePosition","async","x","y","placement","middlewareData","computePosition","anchorElement","strategy","logicalToPhysical","dir","middleware","offset","flip","shift","padding","computedPosition","style","setProperty","_a","referenceHidden","toggleOpen","preventDefault","show","then","handleMediaQueryChange","cleanupAutoUpdate","call","autoUpdate","lockScroll","Promise","resolve","updateComplete","dispatchEvent","NordEvent","transition","moveFocusToButton","focus","preventScroll","firstUpdated","connectedCallback","super","getToggle","getAnchor","listen","disconnectedCallback","removeAttribute","render","html","handleIdChange","console","warn","handleOpenChange","setAttribute","handleAnchorChange","toggle","getRootNode","querySelector","HTMLSlotElement","assignedElements","anchor","styles","componentStyle","query","state","observe","customElement"],"mappings":"4nBAcM,SAAUA,EACdC,GAEA,MAAMC,UAAwBD,EAA9BE,kCAI8CC,KAAIC,MAAG,EAStBD,KAAKE,MAAoB,QAQzBF,KAAQG,SAAgE,WACtG,EAED,OApB8CC,EAAA,CAA3CC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KAAoBV,EAAAW,UAAA,YAAA,GAS3BL,EAAA,CAA5BC,EAAS,CAAEG,SAAS,KAAwCV,EAAAW,UAAA,aAAA,GAQhCL,EAAA,CAA5BC,EAAS,CAAEG,SAAS,KAA2FV,EAAAW,UAAA,gBAAA,GAG3GX,CACT,gmDCxBMY,EAAaC,WAAW,0BAU9B,IAAqBC,EAArB,cAAoChB,EAAciB,IAAlDd,kCASUC,KAAAc,UAAY,IAAIC,EAAoBf,MAKpCA,KAAAgB,QAAU,IAAIC,EAAuBjB,KAAM,CACjDkB,OAAQ,IAAMlB,KAAKC,KACnBkB,UAAWC,GAAKpB,KAAKqB,KAAgB,UAAXD,EAAEd,MAC5BgB,cAAeC,GAAQA,IAASvB,KAAKwB,QAAUD,IAASvB,KAAKyB,gBAGvDzB,KAAA0B,OAAS,IAAIC,EAAgB3B,MAC7BA,KAAA4B,UAAY,IAAIC,EAAoB7B,MAI3BA,KAAA8B,cAAgBpB,EAAWqB,QAMf/B,KAAEgC,GAAW,GAkIlChC,KAAYiC,aAAG,KAGhBjC,KAAKC,MACRD,KAAKc,UAAUoB,cAChB,EAOKlC,KAAcmC,eAAGC,gBACvB,MAAMC,EAAEA,EAACC,EAAEA,EAACC,UAAEA,EAASC,eAAEA,SAAyBC,EAAgBzC,KAAK0C,cAAe1C,KAAM,CAC1F2C,SAAU,QACVJ,UAAWK,EAAkB5C,KAAKG,SAAUH,KAAKE,MAAOF,KAAK4B,UAAUiB,KACvEC,WAAY,CACVC,EAAO,GACPC,IACAC,EAAM,CACJC,QAAS,IAEX7B,OAIJrB,KAAKmD,iBAAmBZ,EAKxBvC,KAAKoD,MAAMC,YAAY,yBAA0B,GAAGhB,OACpDrC,KAAKoD,MAAMC,YAAY,yBAA0B,GAAGf,QAE7B,UAAnBE,EAAenB,YAAI,IAAAiC,OAAA,EAAAA,EAAEC,kBACvBvD,KAAKqB,MACN,EAOKrB,KAAAwD,WAAcpC,IACpBA,EAAEqC,iBACEzD,KAAKC,KACPD,KAAKqB,MAAK,GACArB,KAAK8B,cAGf9B,KAAK0D,OAFL1D,KAAKmC,iBAAiBwB,MAAK,IAAM3D,KAAK0D,QAGvC,EAiCK1D,KAAsB4D,uBAAG,WAC/B5D,KAAK8B,cAAgBpB,EAAWqB,QAEV,QAAtBuB,EAAAtD,KAAK6D,yBAAiB,IAAAP,GAAAA,EAAAQ,KAAA9D,OAEjBA,KAAK8B,eAAiB9B,KAAKC,MAC9BD,KAAK6D,kBAAoBE,EAAW/D,KAAK0C,cAAe1C,KAAMA,KAAKmC,gBACnEnC,KAAKc,UAAUoB,gBACNlC,KAAKC,MACdD,KAAKc,UAAUkD,YAChB,CAEJ,CAtNC5B,aACE,OAAIpC,KAAKC,KACAgE,QAAQC,WAGjBlE,KAAKC,MAAO,QAGND,KAAKmE,eAKXnE,KAAKoE,cAAc,IAAIC,EAAU,SAE1BC,EAAWtE,KAAKwB,QACxB,CAQDY,WAAWmC,GAA6B,SACtC,OAAKvE,KAAKC,MAIVD,KAAKC,MAAO,EAEU,QAAtBqD,EAAAtD,KAAK6D,yBAAiB,IAAAP,GAAAA,EAAAQ,KAAA9D,MAKtBA,KAAKoE,cAAc,IAAIC,EAAU,UAE7BE,GACFvE,KAAKyB,cAAc+C,MAAM,CAAEC,eAAe,IAGrCH,EAAWtE,KAAKwB,SAhBdyC,QAAQC,SAiBlB,CAKDQ,eACO1E,KAAK8B,eACR9B,KAAKmC,gBAER,CAEDwC,oBACEC,MAAMD,oBAEN3E,KAAKyB,cAAgBzB,KAAK6E,YAC1B7E,KAAK0C,cAAgB1C,KAAK8E,YAE1B9E,KAAK0B,OAAOqD,OAAO/E,KAAKyB,cAAe,QAASzB,KAAKwD,YACrDxD,KAAK0B,OAAOqD,OAAOrE,EAAY,SAAUV,KAAK4D,uBAC/C,CAEDoB,6BACEJ,MAAMI,uBAEgB,QAAtB1B,EAAAtD,KAAK6D,yBAAiB,IAAAP,GAAAA,EAAAQ,KAAA9D,MACtBA,KAAKyB,cAAcwD,gBAAgB,gBACpC,CAEDC,SACE,OAAOC,CAAI,wBAEWnF,KAAKmD,uBAAuBnD,KAAK4B,UAAUiB,qBAC/C7C,KAAKC,KAAO,QAAU,2BACnBD,KAAKiC,mCAK3B,CAGSmD,iBACHpF,KAAKgC,IAERqD,QAAQC,KAAK,kDAEhB,CAGSC,yBACRvF,KAAKyB,cAAc+D,aAAa,gBAAiB,GAAGxF,KAAKC,QAErDD,KAAKC,KACHD,KAAK8B,cAEP9B,KAAKc,UAAUkD,aAEfhE,KAAK6D,kBAAoBE,EAAW/D,KAAK0C,cAAe1C,KAAMA,KAAKmC,gBAG/C,QAAtBmB,EAAAtD,KAAK6D,yBAAiB,IAAAP,GAAAA,EAAAQ,KAAA9D,KAEzB,CAGSyF,2BACc,QAAtBnC,EAAAtD,KAAK6D,yBAAiB,IAAAP,GAAAA,EAAAQ,KAAA9D,MACtBA,KAAK0C,cAAgB1C,KAAK8E,YAGtB9E,KAAKC,OAASD,KAAK8B,gBACrB9B,KAAK6D,kBAAoBE,EAAW/D,KAAK0C,cAAe1C,KAAMA,KAAKmC,gBAEtE,CAwDO0C,YACN,MACMa,EADW1F,KAAK2F,cACeC,cAAc,mBAAmB5F,KAAKgC,QAE3E,OAAI0D,aAAkBG,gBACbH,EAAOI,mBAAmB,GAG5BJ,CACR,CAEOZ,YACN,IAAK9E,KAAK+F,OACR,OAAO/F,KAAKyB,cAGd,MACMsE,EADW/F,KAAK2F,cACeC,cAAc,IAAI5F,KAAK+F,UAE5D,OAAIA,aAAkBF,gBACbE,EAAOD,mBAAmB,GAG5BC,CACR,GA9OMnF,EAAAoF,OAAS,CAACC,EAAgB7C,GAMChD,EAAA,CAAjC8F,EAAM,aAAa,IAAqCtF,EAAAH,UAAA,cAAA,GAgBxCL,EAAA,CAAhB+F,KAA4CvF,EAAAH,UAAA,wBAAA,GAE5BL,EAAA,CAAhB+F,KAAkDvF,EAAAH,UAAA,qBAAA,GAMtBL,EAAA,CAA5BC,EAAS,CAAEG,SAAS,KAAuBI,EAAAH,UAAA,UAAA,GAKfL,EAAA,CAA5BC,EAAS,CAAEG,SAAS,KAAuBI,EAAAH,UAAA,cAAA,GA2FlCL,EAAA,CADTgG,EAAQ,OAMRxF,EAAAH,UAAA,iBAAA,MAGSL,EAAA,CADTgG,EAAQ,SAcRxF,EAAAH,UAAA,mBAAA,MAGSL,EAAA,CADTgG,EAAQ,WASRxF,EAAAH,UAAA,qBAAA,MA/JkBG,EAAMR,EAAA,CAD1BiG,EAAc,gBACMzF,SAAAA"}
|
package/lib/Popout.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./query-assigned-elements-
|
|
1
|
+
import"./query-assigned-elements-15485e3d.js";import"./property-03f59dce.js";import"./state-70f38ceb.js";import"./query-2d22378e.js";import"./positioning-a572d126.js";import"./LightDismissController-a2645ae6.js";import"./ScrollbarController-773c79f4.js";import"./events-d9666e88.js";export{P as default}from"./Popout-c6ee2d7a.js";import"./Component-420bbc41.js";import"./DirectionController-f35f5476.js";import"./observe-a9c6dfb6.js";import"./EventController-d99ebeef.js";import"./ShortcutController-87615e31.js";import"./tinykeys.module-84e6cc41.js";
|
|
2
2
|
//# sourceMappingURL=Popout.js.map
|
package/lib/ProgressBar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as r,_ as e,x as o,e as a,s}from"./query-assigned-elements-
|
|
1
|
+
import{i as r,_ as e,x as o,e as a,s}from"./query-assigned-elements-15485e3d.js";import{l as n}from"./if-defined-9b177db4.js";import{e as i}from"./property-03f59dce.js";import{n as t}from"./ref-5526fb07.js";import{F as d}from"./FocusableMixin-4300e44e.js";import{s as p}from"./Component-420bbc41.js";import"./directive-de55b00a.js";const l=r`:host{--_n-progress-size:var(--n-progress-size, var(--n-space-s));--_n-progress-border-radius:var(--n-progress-border-radius, var(--n-border-radius-s));--_n-progress-color:var(--n-progress-color, var(--n-color-accent));inline-size:100%}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;block-size:var(--_n-progress-size);background-color:var(--n-color-surface-lowered);border-radius:var(--_n-progress-border-radius);box-shadow:none;display:block;border:0;margin:0}label{display:block}progress::-webkit-progress-bar{background-color:transparent;border-radius:var(--_n-progress-border-radius)}progress::-moz-progress-bar{background:var(--_n-progress-color);border-radius:var(--_n-progress-border-radius)}progress::-webkit-progress-value{background:var(--_n-progress-color);border-radius:var(--_n-progress-border-radius);transition:width .25s ease-out,background .25s ease-out}progress:indeterminate{background-color:var(--n-color-nav-hover);background-image:linear-gradient(to right,transparent 45%,var(--n-color-accent) 0,var(--n-color-accent) 55%,transparent 0);background-position:right;background-size:225% 100%;animation:animate-indeterminate 2s infinite ease}progress:indeterminate::-moz-progress-bar{background-color:transparent}progress:indeterminate::-webkit-progress-value{background-color:transparent}@keyframes animate-indeterminate{50%{background-position:left}}progress:focus{box-shadow:0 0 0 1px var(--n-color-background),0 0 0 3px var(--n-color-accent);outline:0}`;let c=class extends(d(s)){constructor(){super(...arguments),this.max=100,this.label="Current progress"}render(){return o`<label><nord-visually-hidden>${this.label}</nord-visually-hidden><progress ${t(this.focusableRef)} aria-valuenow="${n(this.value)}" aria-valuemin="0" aria-valuemax="${this.max}" tabindex="-1" max="${this.max}" value="${n(this.value)}"></progress></label>`}};c.styles=[p,l],e([i({reflect:!0,type:Number})],c.prototype,"value",void 0),e([i({reflect:!0,type:Number})],c.prototype,"max",void 0),e([i({reflect:!0})],c.prototype,"label",void 0),c=e([a("nord-progress-bar")],c);var b=c;export{b as default};
|
|
2
2
|
//# sourceMappingURL=ProgressBar.js.map
|
package/lib/Qrcode.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as r,_ as t,s as e,x as o,e as n}from"./query-assigned-elements-2f8275b7.js";import{e as a}from"./property-03f59dce.js";import{i}from"./query-2d22378e.js";import{o as f}from"./style-map-75ce20b3.js";import{o as u}from"./observe-a9c6dfb6.js";import{s as l}from"./Component-253ecb24.js";import"./directive-de55b00a.js";let c=null;class s{}s.render=function(r,t){c(r,t)},self.QrCreator=s,function(r){function t(t,e,o,n){var a={},i=r(o,e);i.u(t),i.J(),n=n||0;var f=i.h(),u=i.h()+2*n;return a.text=t,a.level=e,a.version=o,a.O=u,a.a=function(r,t){return t-=n,!(0>(r-=n)||r>=f||0>t||t>=f)&&i.a(r,t)},a}function e(r,t,e,o,n,a,i,f,u,l){function c(t,e,o,n,i,f,u){t?(r.lineTo(e+f,o+u),r.arcTo(e,o,n,i,a)):r.lineTo(e,o)}i?r.moveTo(t+a,e):r.moveTo(t,e),c(f,o,e,o,n,-a,0),c(u,o,n,t,n,0,-a),c(l,t,n,t,e,a,0),c(i,t,e,o,e,0,a)}function o(r,t,e,o,n,a,i,f,u,l){function c(t,e,o,n){r.moveTo(t+o,e),r.lineTo(t,e),r.lineTo(t,e+n),r.arcTo(t,e,t+o,e,a)}i&&c(t,e,a,a),f&&c(o,e,-a,a),u&&c(o,n,-a,-a),l&&c(t,n,a,-a)}function n(r,n){r:{var a=n.text,i=n.v,f=n.N,u=n.K,l=n.P;for(f=Math.max(1,f||1),u=Math.min(40,u||40);f<=u;f+=1)try{var c=t(a,i,f,l);break r}catch(r){}c=void 0}if(!c)return null;for(a=r.getContext("2d"),n.background&&(a.fillStyle=n.background,a.fillRect(n.left,n.top,n.size,n.size)),i=c.O,u=n.size/i,a.beginPath(),l=0;l<i;l+=1)for(f=0;f<i;f+=1){var s=a,h=n.left+f*u,v=n.top+l*u,d=l,p=f,g=c.a,b=h+u,m=v+u,y=d-1,z=d+1,M=p-1,k=p+1,x=Math.floor(Math.min(.5,Math.max(0,n.R))*u),w=g(d,p),A=g(y,M),C=g(y,p);y=g(y,k);var j=g(d,k);k=g(z,k),p=g(z,p),z=g(z,M),d=g(d,M),h=Math.round(h),v=Math.round(v),b=Math.round(b),m=Math.round(m),w?e(s,h,v,b,m,x,!C&&!d,!C&&!j,!p&&!j,!p&&!d):o(s,h,v,b,m,x,C&&d&&A,C&&j&&y,p&&j&&k,p&&d&&z)}return function(r,t){var e=t.fill;if("string"==typeof e)r.fillStyle=e;else{var o=e.type,n=e.colorStops;if(e=e.position.map((r=>Math.round(r*t.size))),"linear-gradient"===o)var a=r.createLinearGradient.apply(r,e);else{if("radial-gradient"!==o)throw Error("Unsupported fill");a=r.createRadialGradient.apply(r,e)}n.forEach((([r,t])=>{a.addColorStop(r,t)})),r.fillStyle=a}}(a,n),a.fill(),r}var a={minVersion:1,maxVersion:40,ecLevel:"L",left:0,top:0,size:200,fill:"#000",background:null,text:"no text",radius:.5,quiet:0};c=function(r,t){var e={};Object.assign(e,a,r),e.N=e.minVersion,e.K=e.maxVersion,e.v=e.ecLevel,e.left=e.left,e.top=e.top,e.size=e.size,e.fill=e.fill,e.background=e.background,e.text=e.text,e.R=e.radius,e.P=e.quiet,t instanceof HTMLCanvasElement?(t.width===e.size&&t.height===e.size||(t.width=e.size,t.height=e.size),t.getContext("2d").clearRect(0,0,t.width,t.height),n(t,e)):((r=document.createElement("canvas")).width=e.size,r.height=e.size,e=n(r,e),t.appendChild(e))}}(function(){function r(n,i){function f(r,t){for(var e=-1;7>=e;e+=1)if(!(-1>=r+e||s<=r+e))for(var o=-1;7>=o;o+=1)-1>=t+o||s<=t+o||(c[r+e][t+o]=0<=e&&6>=e&&(0==o||6==o)||0<=o&&6>=o&&(0==e||6==e)||2<=e&&4>=e&&2<=o&&4>=o)}function u(r,e){for(var i=s=4*n+17,u=Array(i),d=0;d<i;d+=1){u[d]=Array(i);for(var p=0;p<i;p+=1)u[d][p]=null}for(c=u,f(0,0),f(s-7,0),f(0,s-7),i=o.G(n),u=0;u<i.length;u+=1)for(d=0;d<i.length;d+=1){p=i[u];var g=i[d];if(null==c[p][g])for(var b=-2;2>=b;b+=1)for(var m=-2;2>=m;m+=1)c[p+b][g+m]=-2==b||2==b||-2==m||2==m||0==b&&0==m}for(i=8;i<s-8;i+=1)null==c[i][6]&&(c[i][6]=0==i%2);for(i=8;i<s-8;i+=1)null==c[6][i]&&(c[6][i]=0==i%2);for(i=o.w(l<<3|e),u=0;15>u;u+=1)d=!r&&1==(i>>u&1),c[6>u?u:8>u?u+1:s-15+u][8]=d,c[8][8>u?s-u-1:9>u?15-u:14-u]=d;if(c[s-8][8]=!r,7<=n){for(i=o.A(n),u=0;18>u;u+=1)d=!r&&1==(i>>u&1),c[Math.floor(u/3)][u%3+s-8-3]=d;for(u=0;18>u;u+=1)d=!r&&1==(i>>u&1),c[u%3+s-8-3][Math.floor(u/3)]=d}if(null==h){for(r=a.I(n,l),i=function(){var r=[],t=0,e={B:function(){return r},c:function(t){return 1==(r[Math.floor(t/8)]>>>7-t%8&1)},put:function(r,t){for(var o=0;o<t;o+=1)e.m(1==(r>>>t-o-1&1))},f:function(){return t},m:function(e){var o=Math.floor(t/8);r.length<=o&&r.push(0),e&&(r[o]|=128>>>t%8),t+=1}};return e}(),u=0;u<v.length;u+=1)d=v[u],i.put(4,4),i.put(d.b(),o.f(4,n)),d.write(i);for(u=d=0;u<r.length;u+=1)d+=r[u].j;if(i.f()>8*d)throw Error("code length overflow. ("+i.f()+">"+8*d+")");for(i.f()+4<=8*d&&i.put(0,4);0!=i.f()%8;)i.m(!1);for(;!(i.f()>=8*d)&&(i.put(236,8),!(i.f()>=8*d));)i.put(17,8);var y=0;for(d=u=0,p=Array(r.length),g=Array(r.length),b=0;b<r.length;b+=1){var z=r[b].j,M=r[b].o-z;for(u=Math.max(u,z),d=Math.max(d,M),p[b]=Array(z),m=0;m<p[b].length;m+=1)p[b][m]=255&i.B()[m+y];for(y+=z,m=o.C(M),z=t(p[b],m.b()-1).l(m),g[b]=Array(m.b()-1),m=0;m<g[b].length;m+=1)M=m+z.b()-g[b].length,g[b][m]=0<=M?z.c(M):0}for(m=i=0;m<r.length;m+=1)i+=r[m].o;for(i=Array(i),m=y=0;m<u;m+=1)for(b=0;b<r.length;b+=1)m<p[b].length&&(i[y]=p[b][m],y+=1);for(m=0;m<d;m+=1)for(b=0;b<r.length;b+=1)m<g[b].length&&(i[y]=g[b][m],y+=1);h=i}for(r=h,i=-1,u=s-1,d=7,p=0,e=o.F(e),g=s-1;0<g;g-=2)for(6==g&&--g;;){for(b=0;2>b;b+=1)null==c[u][g-b]&&(m=!1,p<r.length&&(m=1==(r[p]>>>d&1)),e(u,g-b)&&(m=!m),c[u][g-b]=m,-1==--d&&(p+=1,d=7));if(0>(u+=i)||s<=u){u-=i,i=-i;break}}}var l=e[i],c=null,s=0,h=null,v=[],d={u:function(t){t=function(t){var e=r.s(t);return{S:function(){return 4},b:function(){return e.length},write:function(r){for(var t=0;t<e.length;t+=1)r.put(e[t],8)}}}(t),v.push(t),h=null},a:function(r,t){if(0>r||s<=r||0>t||s<=t)throw Error(r+","+t);return c[r][t]},h:function(){return s},J:function(){for(var r=0,t=0,e=0;8>e;e+=1){u(!0,e);var n=o.D(d);(0==e||r>n)&&(r=n,t=e)}u(!1,t)}};return d}function t(r,e){if(void 0===r.length)throw Error(r.length+"/"+e);var o=function(){for(var t=0;t<r.length&&0==r[t];)t+=1;for(var o=Array(r.length-t+e),n=0;n<r.length-t;n+=1)o[n]=r[n+t];return o}(),a={c:function(r){return o[r]},b:function(){return o.length},multiply:function(r){for(var e=Array(a.b()+r.b()-1),o=0;o<a.b();o+=1)for(var i=0;i<r.b();i+=1)e[o+i]^=n.i(n.g(a.c(o))+n.g(r.c(i)));return t(e,0)},l:function(r){if(0>a.b()-r.b())return a;for(var e=n.g(a.c(0))-n.g(r.c(0)),o=Array(a.b()),i=0;i<a.b();i+=1)o[i]=a.c(i);for(i=0;i<r.b();i+=1)o[i]^=n.i(n.g(r.c(i))+e);return t(o,0).l(r)}};return a}r.s=function(r){for(var t=[],e=0;e<r.length;e++){var o=r.charCodeAt(e);128>o?t.push(o):2048>o?t.push(192|o>>6,128|63&o):55296>o||57344<=o?t.push(224|o>>12,128|o>>6&63,128|63&o):(e++,o=65536+((1023&o)<<10|1023&r.charCodeAt(e)),t.push(240|o>>18,128|o>>12&63,128|o>>6&63,128|63&o))}return t};var e={L:1,M:0,Q:3,H:2},o=function(){function r(r){for(var t=0;0!=r;)t+=1,r>>>=1;return t}var e=[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],o={w:function(t){for(var e=t<<10;0<=r(e)-r(1335);)e^=1335<<r(e)-r(1335);return 21522^(t<<10|e)},A:function(t){for(var e=t<<12;0<=r(e)-r(7973);)e^=7973<<r(e)-r(7973);return t<<12|e},G:function(r){return e[r-1]},F:function(r){switch(r){case 0:return function(r,t){return 0==(r+t)%2};case 1:return function(r){return 0==r%2};case 2:return function(r,t){return 0==t%3};case 3:return function(r,t){return 0==(r+t)%3};case 4:return function(r,t){return 0==(Math.floor(r/2)+Math.floor(t/3))%2};case 5:return function(r,t){return 0==r*t%2+r*t%3};case 6:return function(r,t){return 0==(r*t%2+r*t%3)%2};case 7:return function(r,t){return 0==(r*t%3+(r+t)%2)%2};default:throw Error("bad maskPattern:"+r)}},C:function(r){for(var e=t([1],0),o=0;o<r;o+=1)e=e.multiply(t([1,n.i(o)],0));return e},f:function(r,t){if(4!=r||1>t||40<t)throw Error("mode: "+r+"; type: "+t);return 10>t?8:16},D:function(r){for(var t=r.h(),e=0,o=0;o<t;o+=1)for(var n=0;n<t;n+=1){for(var a=0,i=r.a(o,n),f=-1;1>=f;f+=1)if(!(0>o+f||t<=o+f))for(var u=-1;1>=u;u+=1)0>n+u||t<=n+u||(0!=f||0!=u)&&i==r.a(o+f,n+u)&&(a+=1);5<a&&(e+=3+a-5)}for(o=0;o<t-1;o+=1)for(n=0;n<t-1;n+=1)a=0,r.a(o,n)&&(a+=1),r.a(o+1,n)&&(a+=1),r.a(o,n+1)&&(a+=1),r.a(o+1,n+1)&&(a+=1),(0==a||4==a)&&(e+=3);for(o=0;o<t;o+=1)for(n=0;n<t-6;n+=1)r.a(o,n)&&!r.a(o,n+1)&&r.a(o,n+2)&&r.a(o,n+3)&&r.a(o,n+4)&&!r.a(o,n+5)&&r.a(o,n+6)&&(e+=40);for(n=0;n<t;n+=1)for(o=0;o<t-6;o+=1)r.a(o,n)&&!r.a(o+1,n)&&r.a(o+2,n)&&r.a(o+3,n)&&r.a(o+4,n)&&!r.a(o+5,n)&&r.a(o+6,n)&&(e+=40);for(n=a=0;n<t;n+=1)for(o=0;o<t;o+=1)r.a(o,n)&&(a+=1);return e+Math.abs(100*a/t/t-50)/5*10}};return o}(),n=function(){for(var r=Array(256),t=Array(256),e=0;8>e;e+=1)r[e]=1<<e;for(e=8;256>e;e+=1)r[e]=r[e-4]^r[e-5]^r[e-6]^r[e-8];for(e=0;255>e;e+=1)t[r[e]]=e;return{g:function(r){if(1>r)throw Error("glog("+r+")");return t[r]},i:function(t){for(;0>t;)t+=255;for(;256<=t;)t-=255;return r[t]}}}(),a=function(){function r(r,o){switch(o){case e.L:return t[4*(r-1)];case e.M:return t[4*(r-1)+1];case e.Q:return t[4*(r-1)+2];case e.H:return t[4*(r-1)+3]}}var t=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12,7,37,13],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],o={I:function(t,e){var o=r(t,e);if(void 0===o)throw Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+e);t=o.length/3,e=[];for(var n=0;n<t;n+=1)for(var a=o[3*n],i=o[3*n+1],f=o[3*n+2],u=0;u<a;u+=1){var l=f,c={};c.o=i,c.j=l,e.push(c)}return e}};return o}();return r}());var h=QrCreator;const v=r`:host{display:inline-block}.n-qrcode{position:relative}canvas{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}`;let d=class extends e{constructor(){super(...arguments),this.value="",this.label="",this.size=128,this.color="var(--n-color-text)",this.background="var(--n-color-surface)",this.correction="H"}firstUpdated(){this.generate()}generate(){if(!this.hasUpdated)return;const{backgroundColor:r,color:t}=getComputedStyle(this.computed);h.render({text:this.value,radius:0,ecLevel:this.correction,fill:t,background:"transparent"===r?null:r,size:2*this.size},this.canvas)}render(){return o`<div class="n-qrcode" style="${f({"inline-size":`${this.size}px`,"block-size":`${this.size}px`})}"><canvas role="img" aria-label="${this.label.length>0?this.label:this.value}"></canvas></div><div class="computed" hidden style="${f({"background-color":`${this.background}`,color:`${this.color}`})}"></div>`}};d.styles=[l,v],t([i("canvas",!0)],d.prototype,"canvas",void 0),t([i(".computed",!0)],d.prototype,"computed",void 0),t([a({reflect:!0})],d.prototype,"value",void 0),t([a({reflect:!0})],d.prototype,"label",void 0),t([a({reflect:!0,type:Number})],d.prototype,"size",void 0),t([a({reflect:!0})],d.prototype,"color",void 0),t([a({reflect:!0})],d.prototype,"background",void 0),t([a({reflect:!0})],d.prototype,"correction",void 0),t([u("correction"),u("color"),u("background"),u("size"),u("value")],d.prototype,"generate",null),d=t([n("nord-qrcode")],d);var p=d;export{p as default};
|
|
1
|
+
import{i as r,_ as t,s as e,x as o,e as n}from"./query-assigned-elements-15485e3d.js";import{e as a}from"./property-03f59dce.js";import{i}from"./query-2d22378e.js";import{o as f}from"./style-map-ed7e6cc6.js";import{o as u}from"./observe-a9c6dfb6.js";import{s as l}from"./Component-420bbc41.js";import"./directive-de55b00a.js";let c=null;class s{}s.render=function(r,t){c(r,t)},self.QrCreator=s,function(r){function t(t,e,o,n){var a={},i=r(o,e);i.u(t),i.J(),n=n||0;var f=i.h(),u=i.h()+2*n;return a.text=t,a.level=e,a.version=o,a.O=u,a.a=function(r,t){return t-=n,!(0>(r-=n)||r>=f||0>t||t>=f)&&i.a(r,t)},a}function e(r,t,e,o,n,a,i,f,u,l){function c(t,e,o,n,i,f,u){t?(r.lineTo(e+f,o+u),r.arcTo(e,o,n,i,a)):r.lineTo(e,o)}i?r.moveTo(t+a,e):r.moveTo(t,e),c(f,o,e,o,n,-a,0),c(u,o,n,t,n,0,-a),c(l,t,n,t,e,a,0),c(i,t,e,o,e,0,a)}function o(r,t,e,o,n,a,i,f,u,l){function c(t,e,o,n){r.moveTo(t+o,e),r.lineTo(t,e),r.lineTo(t,e+n),r.arcTo(t,e,t+o,e,a)}i&&c(t,e,a,a),f&&c(o,e,-a,a),u&&c(o,n,-a,-a),l&&c(t,n,a,-a)}function n(r,n){r:{var a=n.text,i=n.v,f=n.N,u=n.K,l=n.P;for(f=Math.max(1,f||1),u=Math.min(40,u||40);f<=u;f+=1)try{var c=t(a,i,f,l);break r}catch(r){}c=void 0}if(!c)return null;for(a=r.getContext("2d"),n.background&&(a.fillStyle=n.background,a.fillRect(n.left,n.top,n.size,n.size)),i=c.O,u=n.size/i,a.beginPath(),l=0;l<i;l+=1)for(f=0;f<i;f+=1){var s=a,h=n.left+f*u,v=n.top+l*u,d=l,p=f,g=c.a,b=h+u,m=v+u,y=d-1,z=d+1,M=p-1,k=p+1,x=Math.floor(Math.min(.5,Math.max(0,n.R))*u),w=g(d,p),A=g(y,M),C=g(y,p);y=g(y,k);var j=g(d,k);k=g(z,k),p=g(z,p),z=g(z,M),d=g(d,M),h=Math.round(h),v=Math.round(v),b=Math.round(b),m=Math.round(m),w?e(s,h,v,b,m,x,!C&&!d,!C&&!j,!p&&!j,!p&&!d):o(s,h,v,b,m,x,C&&d&&A,C&&j&&y,p&&j&&k,p&&d&&z)}return function(r,t){var e=t.fill;if("string"==typeof e)r.fillStyle=e;else{var o=e.type,n=e.colorStops;if(e=e.position.map((r=>Math.round(r*t.size))),"linear-gradient"===o)var a=r.createLinearGradient.apply(r,e);else{if("radial-gradient"!==o)throw Error("Unsupported fill");a=r.createRadialGradient.apply(r,e)}n.forEach((([r,t])=>{a.addColorStop(r,t)})),r.fillStyle=a}}(a,n),a.fill(),r}var a={minVersion:1,maxVersion:40,ecLevel:"L",left:0,top:0,size:200,fill:"#000",background:null,text:"no text",radius:.5,quiet:0};c=function(r,t){var e={};Object.assign(e,a,r),e.N=e.minVersion,e.K=e.maxVersion,e.v=e.ecLevel,e.left=e.left,e.top=e.top,e.size=e.size,e.fill=e.fill,e.background=e.background,e.text=e.text,e.R=e.radius,e.P=e.quiet,t instanceof HTMLCanvasElement?(t.width===e.size&&t.height===e.size||(t.width=e.size,t.height=e.size),t.getContext("2d").clearRect(0,0,t.width,t.height),n(t,e)):((r=document.createElement("canvas")).width=e.size,r.height=e.size,e=n(r,e),t.appendChild(e))}}(function(){function r(n,i){function f(r,t){for(var e=-1;7>=e;e+=1)if(!(-1>=r+e||s<=r+e))for(var o=-1;7>=o;o+=1)-1>=t+o||s<=t+o||(c[r+e][t+o]=0<=e&&6>=e&&(0==o||6==o)||0<=o&&6>=o&&(0==e||6==e)||2<=e&&4>=e&&2<=o&&4>=o)}function u(r,e){for(var i=s=4*n+17,u=Array(i),d=0;d<i;d+=1){u[d]=Array(i);for(var p=0;p<i;p+=1)u[d][p]=null}for(c=u,f(0,0),f(s-7,0),f(0,s-7),i=o.G(n),u=0;u<i.length;u+=1)for(d=0;d<i.length;d+=1){p=i[u];var g=i[d];if(null==c[p][g])for(var b=-2;2>=b;b+=1)for(var m=-2;2>=m;m+=1)c[p+b][g+m]=-2==b||2==b||-2==m||2==m||0==b&&0==m}for(i=8;i<s-8;i+=1)null==c[i][6]&&(c[i][6]=0==i%2);for(i=8;i<s-8;i+=1)null==c[6][i]&&(c[6][i]=0==i%2);for(i=o.w(l<<3|e),u=0;15>u;u+=1)d=!r&&1==(i>>u&1),c[6>u?u:8>u?u+1:s-15+u][8]=d,c[8][8>u?s-u-1:9>u?15-u:14-u]=d;if(c[s-8][8]=!r,7<=n){for(i=o.A(n),u=0;18>u;u+=1)d=!r&&1==(i>>u&1),c[Math.floor(u/3)][u%3+s-8-3]=d;for(u=0;18>u;u+=1)d=!r&&1==(i>>u&1),c[u%3+s-8-3][Math.floor(u/3)]=d}if(null==h){for(r=a.I(n,l),i=function(){var r=[],t=0,e={B:function(){return r},c:function(t){return 1==(r[Math.floor(t/8)]>>>7-t%8&1)},put:function(r,t){for(var o=0;o<t;o+=1)e.m(1==(r>>>t-o-1&1))},f:function(){return t},m:function(e){var o=Math.floor(t/8);r.length<=o&&r.push(0),e&&(r[o]|=128>>>t%8),t+=1}};return e}(),u=0;u<v.length;u+=1)d=v[u],i.put(4,4),i.put(d.b(),o.f(4,n)),d.write(i);for(u=d=0;u<r.length;u+=1)d+=r[u].j;if(i.f()>8*d)throw Error("code length overflow. ("+i.f()+">"+8*d+")");for(i.f()+4<=8*d&&i.put(0,4);0!=i.f()%8;)i.m(!1);for(;!(i.f()>=8*d)&&(i.put(236,8),!(i.f()>=8*d));)i.put(17,8);var y=0;for(d=u=0,p=Array(r.length),g=Array(r.length),b=0;b<r.length;b+=1){var z=r[b].j,M=r[b].o-z;for(u=Math.max(u,z),d=Math.max(d,M),p[b]=Array(z),m=0;m<p[b].length;m+=1)p[b][m]=255&i.B()[m+y];for(y+=z,m=o.C(M),z=t(p[b],m.b()-1).l(m),g[b]=Array(m.b()-1),m=0;m<g[b].length;m+=1)M=m+z.b()-g[b].length,g[b][m]=0<=M?z.c(M):0}for(m=i=0;m<r.length;m+=1)i+=r[m].o;for(i=Array(i),m=y=0;m<u;m+=1)for(b=0;b<r.length;b+=1)m<p[b].length&&(i[y]=p[b][m],y+=1);for(m=0;m<d;m+=1)for(b=0;b<r.length;b+=1)m<g[b].length&&(i[y]=g[b][m],y+=1);h=i}for(r=h,i=-1,u=s-1,d=7,p=0,e=o.F(e),g=s-1;0<g;g-=2)for(6==g&&--g;;){for(b=0;2>b;b+=1)null==c[u][g-b]&&(m=!1,p<r.length&&(m=1==(r[p]>>>d&1)),e(u,g-b)&&(m=!m),c[u][g-b]=m,-1==--d&&(p+=1,d=7));if(0>(u+=i)||s<=u){u-=i,i=-i;break}}}var l=e[i],c=null,s=0,h=null,v=[],d={u:function(t){t=function(t){var e=r.s(t);return{S:function(){return 4},b:function(){return e.length},write:function(r){for(var t=0;t<e.length;t+=1)r.put(e[t],8)}}}(t),v.push(t),h=null},a:function(r,t){if(0>r||s<=r||0>t||s<=t)throw Error(r+","+t);return c[r][t]},h:function(){return s},J:function(){for(var r=0,t=0,e=0;8>e;e+=1){u(!0,e);var n=o.D(d);(0==e||r>n)&&(r=n,t=e)}u(!1,t)}};return d}function t(r,e){if(void 0===r.length)throw Error(r.length+"/"+e);var o=function(){for(var t=0;t<r.length&&0==r[t];)t+=1;for(var o=Array(r.length-t+e),n=0;n<r.length-t;n+=1)o[n]=r[n+t];return o}(),a={c:function(r){return o[r]},b:function(){return o.length},multiply:function(r){for(var e=Array(a.b()+r.b()-1),o=0;o<a.b();o+=1)for(var i=0;i<r.b();i+=1)e[o+i]^=n.i(n.g(a.c(o))+n.g(r.c(i)));return t(e,0)},l:function(r){if(0>a.b()-r.b())return a;for(var e=n.g(a.c(0))-n.g(r.c(0)),o=Array(a.b()),i=0;i<a.b();i+=1)o[i]=a.c(i);for(i=0;i<r.b();i+=1)o[i]^=n.i(n.g(r.c(i))+e);return t(o,0).l(r)}};return a}r.s=function(r){for(var t=[],e=0;e<r.length;e++){var o=r.charCodeAt(e);128>o?t.push(o):2048>o?t.push(192|o>>6,128|63&o):55296>o||57344<=o?t.push(224|o>>12,128|o>>6&63,128|63&o):(e++,o=65536+((1023&o)<<10|1023&r.charCodeAt(e)),t.push(240|o>>18,128|o>>12&63,128|o>>6&63,128|63&o))}return t};var e={L:1,M:0,Q:3,H:2},o=function(){function r(r){for(var t=0;0!=r;)t+=1,r>>>=1;return t}var e=[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],o={w:function(t){for(var e=t<<10;0<=r(e)-r(1335);)e^=1335<<r(e)-r(1335);return 21522^(t<<10|e)},A:function(t){for(var e=t<<12;0<=r(e)-r(7973);)e^=7973<<r(e)-r(7973);return t<<12|e},G:function(r){return e[r-1]},F:function(r){switch(r){case 0:return function(r,t){return 0==(r+t)%2};case 1:return function(r){return 0==r%2};case 2:return function(r,t){return 0==t%3};case 3:return function(r,t){return 0==(r+t)%3};case 4:return function(r,t){return 0==(Math.floor(r/2)+Math.floor(t/3))%2};case 5:return function(r,t){return 0==r*t%2+r*t%3};case 6:return function(r,t){return 0==(r*t%2+r*t%3)%2};case 7:return function(r,t){return 0==(r*t%3+(r+t)%2)%2};default:throw Error("bad maskPattern:"+r)}},C:function(r){for(var e=t([1],0),o=0;o<r;o+=1)e=e.multiply(t([1,n.i(o)],0));return e},f:function(r,t){if(4!=r||1>t||40<t)throw Error("mode: "+r+"; type: "+t);return 10>t?8:16},D:function(r){for(var t=r.h(),e=0,o=0;o<t;o+=1)for(var n=0;n<t;n+=1){for(var a=0,i=r.a(o,n),f=-1;1>=f;f+=1)if(!(0>o+f||t<=o+f))for(var u=-1;1>=u;u+=1)0>n+u||t<=n+u||(0!=f||0!=u)&&i==r.a(o+f,n+u)&&(a+=1);5<a&&(e+=3+a-5)}for(o=0;o<t-1;o+=1)for(n=0;n<t-1;n+=1)a=0,r.a(o,n)&&(a+=1),r.a(o+1,n)&&(a+=1),r.a(o,n+1)&&(a+=1),r.a(o+1,n+1)&&(a+=1),(0==a||4==a)&&(e+=3);for(o=0;o<t;o+=1)for(n=0;n<t-6;n+=1)r.a(o,n)&&!r.a(o,n+1)&&r.a(o,n+2)&&r.a(o,n+3)&&r.a(o,n+4)&&!r.a(o,n+5)&&r.a(o,n+6)&&(e+=40);for(n=0;n<t;n+=1)for(o=0;o<t-6;o+=1)r.a(o,n)&&!r.a(o+1,n)&&r.a(o+2,n)&&r.a(o+3,n)&&r.a(o+4,n)&&!r.a(o+5,n)&&r.a(o+6,n)&&(e+=40);for(n=a=0;n<t;n+=1)for(o=0;o<t;o+=1)r.a(o,n)&&(a+=1);return e+Math.abs(100*a/t/t-50)/5*10}};return o}(),n=function(){for(var r=Array(256),t=Array(256),e=0;8>e;e+=1)r[e]=1<<e;for(e=8;256>e;e+=1)r[e]=r[e-4]^r[e-5]^r[e-6]^r[e-8];for(e=0;255>e;e+=1)t[r[e]]=e;return{g:function(r){if(1>r)throw Error("glog("+r+")");return t[r]},i:function(t){for(;0>t;)t+=255;for(;256<=t;)t-=255;return r[t]}}}(),a=function(){function r(r,o){switch(o){case e.L:return t[4*(r-1)];case e.M:return t[4*(r-1)+1];case e.Q:return t[4*(r-1)+2];case e.H:return t[4*(r-1)+3]}}var t=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12,7,37,13],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],o={I:function(t,e){var o=r(t,e);if(void 0===o)throw Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+e);t=o.length/3,e=[];for(var n=0;n<t;n+=1)for(var a=o[3*n],i=o[3*n+1],f=o[3*n+2],u=0;u<a;u+=1){var l=f,c={};c.o=i,c.j=l,e.push(c)}return e}};return o}();return r}());var h=QrCreator;const v=r`:host{display:inline-block}.n-qrcode{position:relative}canvas{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}`;let d=class extends e{constructor(){super(...arguments),this.value="",this.label="",this.size=128,this.color="var(--n-color-text)",this.background="var(--n-color-surface)",this.correction="H"}firstUpdated(){this.generate()}generate(){if(!this.hasUpdated)return;const{backgroundColor:r,color:t}=getComputedStyle(this.computed);h.render({text:this.value,radius:0,ecLevel:this.correction,fill:t,background:"transparent"===r?null:r,size:2*this.size},this.canvas)}render(){return o`<div class="n-qrcode" style="${f({"inline-size":`${this.size}px`,"block-size":`${this.size}px`})}"><canvas role="img" aria-label="${this.label.length>0?this.label:this.value}"></canvas></div><div class="computed" hidden style="${f({"background-color":`${this.background}`,color:`${this.color}`})}"></div>`}};d.styles=[l,v],t([i("canvas",!0)],d.prototype,"canvas",void 0),t([i(".computed",!0)],d.prototype,"computed",void 0),t([a({reflect:!0})],d.prototype,"value",void 0),t([a({reflect:!0})],d.prototype,"label",void 0),t([a({reflect:!0,type:Number})],d.prototype,"size",void 0),t([a({reflect:!0})],d.prototype,"color",void 0),t([a({reflect:!0})],d.prototype,"background",void 0),t([a({reflect:!0})],d.prototype,"correction",void 0),t([u("correction"),u("color"),u("background"),u("size"),u("value")],d.prototype,"generate",null),d=t([n("nord-qrcode")],d);var p=d;export{p as default};
|
|
2
2
|
//# sourceMappingURL=Qrcode.js.map
|
package/lib/Radio.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{A as e,i as t,x as o,_ as n,e as i,s as r}from"./query-assigned-elements-
|
|
1
|
+
import{A as e,i as t,x as o,_ as n,e as i,s as r}from"./query-assigned-elements-15485e3d.js";import{e as s}from"./property-03f59dce.js";import{n as a}from"./ref-5526fb07.js";import{L as l}from"./LightDomController-f78fb046.js";import{S as d}from"./SlotController-d733c575.js";import{o as c}from"./observe-a9c6dfb6.js";import{c as h}from"./cond-44672025.js";import{F as p}from"./FocusableMixin-4300e44e.js";import{F as m}from"./FormAssociatedMixin-edf83ac6.js";import{I as u}from"./InputMixin-4037827f.js";import{s as b}from"./Component-420bbc41.js";import{s as v}from"./FormField-cbfebb3f.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./events-d9666e88.js";import"./VisuallyHidden.js";class f extends d{constructor(t,o){super(t,o.slotName),this.options=o,this.onChange=()=>{this.syncLightDom()},this.renderHook=document.createComment(this.slotName),this.lightDom=new l(t,{render:()=>this.hasContent?e:this.options.render(),renderOptions:{renderBefore:this.renderHook}})}hostConnected(){super.hostConnected(),this.host.appendChild(this.renderHook),this.syncLightDom()}hostDisconnected(){this.renderHook.remove()}syncLightDom(){const e=this.content;e&&this.options.syncLightDom(e)}}const g=t`:host{--_n-radio-size:calc(var(--n-space-m) * 1.25);display:inline-block;line-height:var(--n-line-height)}.n-flex{display:flex}.n-expand{flex:1}.n-input-container{position:relative}::slotted(input){--_n-radio-accent-color:var(--n-color-accent);-moz-appearance:none;-webkit-appearance:none;appearance:none;margin:0!important;padding:0!important;border:1px solid var(--_n-radio-border-color,var(--n-color-border-hover))!important;border-radius:var(--n-border-radius-circle)!important;transition:none!important;display:block!important;inline-size:var(--_n-radio-size)!important;block-size:var(--_n-radio-size)!important;cursor:pointer}::slotted(input:checked){--_n-radio-border-color:var(--n-color-accent);background:var(--_n-radio-accent-color)!important}::slotted(input[aria-invalid]){--_n-radio-accent-color:var(--n-color-status-danger);--_n-radio-border-color:var(--_n-radio-accent-color)}::slotted(input:active){opacity:.8}::slotted(input:focus-visible){outline:0!important}::slotted(input:focus){outline:0!important;box-shadow:0 0 0 1px var(--n-color-surface),0 0 0 3px var(--n-color-accent)!important}:host([disabled]) ::slotted(input){--_n-radio-accent-color:var(--n-color-border-strong);--_n-radio-border-color:var(--_n-radio-accent-color);background:var(--_n-radio-accent-color);cursor:default;opacity:1}:host([disabled]) ::slotted(label){color:var(--n-color-text-weaker);cursor:default}.n-dot{--_n-radio-dot-size:var(--n-space-s);--_n-radio-dot-inset:calc((var(--_n-radio-size) - var(--_n-radio-dot-size)) / 2);position:absolute;border-radius:var(--n-border-radius-circle);inline-size:var(--_n-radio-dot-size);block-size:var(--_n-radio-dot-size);background-color:var(--n-color-text-on-accent);inset-inline-start:var(--_n-radio-dot-inset);inset-block-start:var(--_n-radio-dot-inset);z-index:var(--n-index-default);pointer-events:none}.n-label-container{margin-block-end:0}::slotted(label){-webkit-user-select:none;user-select:none;font-weight:var(--n-font-weight)!important;line-height:var(--n-line-height-l)!important;padding-inline-start:var(--n-space-s)!important;cursor:pointer}.n-hint{padding-inline-start:var(--n-space-s)}.n-error{margin-block-start:var(--n-space-xs);padding-inline-start:var(--n-space-s)}`;let k=0;const $=e=>`nord-radio-${e}-${k++}`;let y=class extends(m(u(p(r)))){constructor(){super(...arguments),this.inputId=$("input"),this.hintId=$("hint"),this.errorId=$("error"),this.hintSlot=new f(this,{slotName:"hint",render:()=>this.hint?o`<div slot="hint-internal" id="${this.hintId}">${this.hint}</div>`:e,syncLightDom:e=>{e.id=this.hintId}}),this.labelSlot=new f(this,{slotName:"label",render:()=>this.label?o`<label slot="label-internal" for="${this.inputId}">${this.label}</label>`:e,syncLightDom:e=>{!function(e){return"label"===e.localName}(e)?console.warn('NORD: Only <label> elements should be placed in radio\'s "label" slot'):e.htmlFor=this.inputId}}),this.errorSlot=new f(this,{slotName:"error",render:()=>this.error?o`<div slot="error-internal" id="${this.errorId}">${this.error}</div>`:e,syncLightDom:e=>{e.id=this.hintId}}),this.inputSlot=new l(this,{render:()=>o`<input slot="input" @blur="${this.handleBlur}" @focus="${this.handleFocus}" ${a(this.focusableRef)} class="n-input" id="${this.inputId}" type="radio" name="${h(this.name)}" .value="${h(this.value)}" .checked="${this.checked}" ?disabled="${this.disabled}" ?required="${this.required}" aria-describedby="${h(this.getDescribedBy())}" aria-invalid="${h(this.getInvalid())}" form="${h(this.getAttribute("form")||void 0)}">`}),this.checked=!1,this.handleBlur=e=>{e.stopPropagation(),this.dispatchEvent(new Event("blur",{bubbles:!1,cancelable:!0}))},this.handleFocus=e=>{e.stopPropagation(),this.dispatchEvent(new Event("focus",{bubbles:!1,cancelable:!0}))}}get formValue(){}render(){return o`<div class="n-flex"><div class="n-input-container" @change="${this.handleChange}"><slot name="input"></slot>${this.checked?o`<div class="n-dot"></div>`:e}</div><div class="n-expand"><div class="n-label-container">${t=this.hideLabel,n=()=>o`<slot name="label"></slot><slot name="label-internal"></slot>`,i=e=>o`<nord-visually-hidden>${e}</nord-visually-hidden>`,t?i(n()):n()}<div class="n-caption n-hint" ?hidden="${!this.hasHint}"><slot name="hint"></slot><slot name="hint-internal"></slot></div></div><div class="n-caption n-error" role="alert" ?hidden="${!this.hasError}"><slot name="error"></slot><slot name="error-internal"></slot></div></div></div>`;var t,n,i}handleCheckedChange(e){!e&&this.checked&&this.uncheckSiblings()}uncheckSiblings(){this.getRootNode().querySelectorAll(`nord-radio[name="${this.name}"]`).forEach((e=>{e!==this&&(e.checked=!1)}))}handleChange(e){e.stopPropagation();const t=e.target;this.checked=t.checked,super.handleChange(e)}};y.styles=[b,v,g],n([s({type:Boolean,reflect:!0})],y.prototype,"checked",void 0),n([c("checked")],y.prototype,"handleCheckedChange",null),y=n([i("nord-radio")],y);var _=y;export{_ as default};
|
|
2
2
|
//# sourceMappingURL=Radio.js.map
|
package/lib/Range.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as r,x as e,_ as n,e as a,s as o}from"./query-assigned-elements-
|
|
1
|
+
import{i as r,x as e,_ as n,e as a,s as o}from"./query-assigned-elements-15485e3d.js";import{n as t}from"./ref-5526fb07.js";import{o as i}from"./class-map-cb77ead2.js";import{e as s}from"./property-03f59dce.js";import{l as c}from"./if-defined-9b177db4.js";import{N as d}from"./events-d9666e88.js";import{F as l}from"./FocusableMixin-4300e44e.js";import{F as b}from"./FormAssociatedMixin-edf83ac6.js";import{I as g}from"./InputMixin-4037827f.js";import{R as m,s as u}from"./TextField-8b226327.js";import{A as h}from"./AutocompleteMixin-3cf61f49.js";import{D as p}from"./DirectionController-f35f5476.js";import{s as v}from"./Component-420bbc41.js";import{s as f}from"./FormField-cbfebb3f.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./SlotController-d733c575.js";import"./VisuallyHidden.js";const _=r`:host{--_n-range-progress:0%;--_n-range-thumb-focus-ring:0 0 0 1px var(--n-color-accent);--_n-range-thumb-color:var(--n-color-text-on-accent);--_n-range-thumb-border-size:1px;--_n-range-thumb-border-color:var(--n-color-border-strong);--_n-range-gradient-direction:right;--_n-range-thumb-size:var(--n-range-thumb-size, 20px);--_n-range-track-color-active:var(--n-range-track-color-active, var(--n-color-accent));--_n-range-track-color-inactive:var(--n-range-track-color-inactive, var(--n-color-border-strong));--_n-range-track-size:var(--n-range-track-size, 3px)}.n-range{-webkit-appearance:none;appearance:none;inline-size:100%;background:linear-gradient(to var(--_n-range-gradient-direction),var(--_n-range-track-color-active) 0,var(--_n-range-track-color-active) var(--_n-range-progress),var(--_n-range-track-color-inactive) var(--_n-range-progress));border-radius:var(--n-border-radius-s)}.n-range.is-rtl{--_n-range-gradient-direction:left}.n-range::-webkit-slider-runnable-track{inline-size:100%;block-size:var(--_n-range-track-size)}.n-range::-webkit-slider-thumb{block-size:var(--_n-range-thumb-size);inline-size:var(--_n-range-thumb-size);box-shadow:var(--n-box-shadow),var(--n-box-shadow);border-radius:var(--n-border-radius-circle);background:var(--_n-range-thumb-color);border:var(--_n-range-thumb-border-size) solid var(--_n-range-thumb-border-color);cursor:pointer;-webkit-appearance:none;margin-block-start:calc(calc(var(--_n-range-thumb-size) - var(--_n-range-track-size))/ 2 * -1)}.n-range::-moz-range-track{border:var(--n-space-s) solid var(--n-color-surface);inline-size:100%;block-size:var(--_n-range-track-size)}.n-range::-moz-range-thumb{block-size:var(--_n-range-thumb-size);inline-size:var(--_n-range-thumb-size);box-shadow:var(--n-box-shadow);border-radius:var(--n-border-radius-circle);background:var(--_n-range-thumb-color);border:var(--_n-range-thumb-border-size) solid var(--_n-range-thumb-border-color);cursor:pointer;appearance:none;margin-block-start:calc(calc(var(--_n-range-thumb-size) - var(--_n-range-track-size))/ 2 * -1)}.n-label-container{margin-block-end:0;inline-size:100%}label{display:flex!important}.n-range-output{font-weight:var(--n-font-weight);color:var(--n-color-text-weaker);font-size:var(--n-font-size-m);margin-inline-start:auto}.n-range:focus{outline:0}.n-label-container:hover+.n-input-container .n-input:disabled,.n-range:disabled{opacity:.5}.n-range:disabled::-webkit-slider-thumb,.n-range[readonly]::-webkit-slider-thumb{--_n-range-thumb-color:var(--n-color-border);--_n-range-thumb-border-color:var(--n-color-border);box-shadow:none;cursor:default}.n-range:disabled::-moz-range-thumb,.n-range[readonly]::-moz-range-thumb{--_n-range-thumb-color:var(--n-color-border);--_n-range-thumb-border-color:var(--n-color-border);box-shadow:none;cursor:default}.n-range:focus::-webkit-slider-thumb{--_n-range-thumb-border-color:var(--n-color-accent);box-shadow:var(--_n-range-thumb-focus-ring)}.n-range:focus::-moz-range-thumb{--_n-range-thumb-border-color:var(--n-color-accent);box-shadow:var(--_n-range-thumb-focus-ring)}`;let z=class extends(b(h(m(g(l(o)))))){constructor(){super(...arguments),this.direction=new p(this),this.min=0,this.max=10,this.step=1,this.expand=!1}render(){const r=Number(this.value)||0,n=Math.max(0,(r-this.min)/(this.max-this.min));return e`<div class="n-input-container">${this.renderLabel(e`<span class="n-range-output" aria-hidden="true">${r}</span>`)} <input ${t(this.focusableRef)} id="${this.inputId}" type="range" class="${i({"n-range":!0,"is-rtl":this.direction.isRTL})}" name="${c(this.name)}" min="${this.min}" step="${this.step}" max="${this.max}" style="${`--_n-range-progress: ${100*n}%`}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" .value="${this.value?this.value:"0"}" @input="${this.handleInput}" @change="${this.handleChange}" aria-describedby="${c(this.getDescribedBy())}" aria-invalid="${c(this.getInvalid())}"></div>${this.renderError()}`}handleInput(r){r.stopPropagation();const e=r.target;if(this.readonly)return r.preventDefault(),void(e.value=this.value);this.value=e.value,this.dispatchEvent(new d("input"))}};z.styles=[v,f,u,_],n([s()],z.prototype,"min",void 0),n([s()],z.prototype,"max",void 0),n([s()],z.prototype,"step",void 0),n([s({reflect:!0,type:Boolean})],z.prototype,"expand",void 0),z=n([a("nord-range")],z);var k=z;export{k as default};
|
|
2
2
|
//# sourceMappingURL=Range.js.map
|
package/lib/Select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as o,x as t,_ as e,e as n,s as r}from"./query-assigned-elements-
|
|
1
|
+
import{i as o,x as t,_ as e,e as n,s as r}from"./query-assigned-elements-15485e3d.js";import{e as i}from"./property-03f59dce.js";import{l as s}from"./if-defined-9b177db4.js";import{n as a}from"./ref-5526fb07.js";import"./Button.js";import l from"./Icon.js";import{I as c}from"./InputMixin-4037827f.js";import{F as d}from"./FocusableMixin-4300e44e.js";import{F as p}from"./FormAssociatedMixin-edf83ac6.js";import{A as b}from"./AutocompleteMixin-3cf61f49.js";import{S as u}from"./SizeMixin-fb379434.js";import{s as m}from"./Component-420bbc41.js";import{s as h}from"./FormField-cbfebb3f.js";import{S as v}from"./SlotController-d733c575.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-f78fb046.js";import"./cond-44672025.js";import"./Spinner.js";import"./state-70f38ceb.js";import"./IconManager.js";import"./observe-a9c6dfb6.js";import"./events-d9666e88.js";import"./VisuallyHidden.js";var f=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m14.0864 12.0402 1.8138 1.8137-4.7724 4.7724c-.2573.2573-.5789.373-.9133.373-.33447 0-.65606-.1286-.91333-.373l-4.77238-4.7724 1.81377-1.8137 3.85904 3.859 3.8591-3.859zm-3.859-7.93687 3.859 3.85907 1.8138-1.81376-4.7724-4.77238c-.5017-.50168-1.31208-.50168-1.81376 0l-4.77238 4.77238 1.81376 1.81376 3.85908-3.85907z" fill="currentColor"/></svg>',title:"interface-dropdown-small",tags:"nordicon small interface dropdown select arrow up down caret triangle chevron"});const x=o`:host{--_n-select-block-size:var(--n-select-block-size, var(--n-space-xl))}.n-select-container{position:relative;inline-size:fit-content}:host([expand]){inline-size:100%}:host([expand]) .n-select-container{inline-size:100%}select{-webkit-appearance:none;appearance:none;position:absolute;font-size:var(--n-font-size-m);font-family:var(--n-font-family);color:var(--n-color-text);inline-size:100%;opacity:.0001;cursor:pointer;background:0 0;border:0;block-size:var(--_n-select-block-size);inset-block-end:0;inset-inline-start:0;z-index:var(--n-index-default)}option{color:initial}nord-button{--n-button-text-align:start}nord-icon{color:var(--n-color-icon)}.n-label-container:hover+.n-select-container nord-button,select:hover+nord-button{--_n-button-border-color:var(--n-button-border-color, var(--n-color-border-hover));--_n-button-background-color:var(--n-button-background-color, var(--n-color-button-hover))}.n-label-container:hover+.n-select-container nord-button nord-icon,select:hover+nord-button nord-icon{color:var(--n-color-icon-hover)}select:focus+nord-button{--n-button-border-color:var(--n-color-accent);--n-button-box-shadow:0 0 0 1px var(--n-button-border-color)}:host([disabled]){cursor:auto;pointer-events:none}:host([disabled]) nord-button{--n-input-border-color:var(--n-color-active);--_n-button-color:var(--n-color-text-weakest);--_n-button-background-color:var(--n-color-active);--_n-button-opacity:1}:host([disabled]) nord-icon{color:var(--n-color-text-weakest)}::slotted(:not([slot])){display:none}select[aria-invalid=true]+nord-button{--n-button-border-color:var(--n-color-status-danger)}`;l.registerIcon(f);let g=class extends(u(p(b(c(d(r)))))){constructor(){super(...arguments),this.defaultSlot=new v(this),this.inputId="select",this.expand=!1}get formValue(){return this.value||void 0}render(){const o=this.options,e=this.getButtonText(o);return t`<slot></slot>${this.renderLabel()}<div class="n-select-container"><select ${a(this.focusableRef)} id="${this.inputId}" ?disabled="${this.disabled}" ?required="${this.required}" name="${s(this.name)}" @change="${this.handleChange}" @input="${this.handleInput}" aria-describedby="${s(this.getDescribedBy())}" aria-invalid="${s(this.getInvalid())}" autocomplete="${this.autocomplete}">${this.placeholder&&t`<option value="" disabled="disabled" ?selected="${!this.value}">${this.placeholder}</option>`} ${o.map((o=>this.renderOption(o)))}</select><nord-button size="${this.size}" tabindex="-1" ?disabled="${this.disabled}" ?expand="${this.expand}" aria-hidden="true" type="button"><slot slot="start" name="icon"></slot>${e}<nord-icon slot="end" name="interface-dropdown-small"></nord-icon></nord-button></div>${this.renderError()}`}get options(){return Array.from(this.querySelectorAll("option"))}getButtonText(o){const t=o.find((o=>o.value===this.value.toString()));return t?t.text:this.placeholder?this.placeholder:o[0]?o[0].text:""}renderOption(o){return t`<option value="${s(o.value)}" ?disabled="${o.disabled}" .selected="${o.value===this.value.toString()}">${o.text}</option>`}};g.styles=[m,h,x],e([i({reflect:!0,type:Boolean})],g.prototype,"expand",void 0),g=e([n("nord-select")],g);var j=g;export{j as default};
|
|
2
2
|
//# sourceMappingURL=Select.js.map
|