@carbon/web-components 1.39.0 → 1.40.0-rc.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/dist/16-8b1c3ec4.js +65 -0
- package/dist/16-f84de92d.js +65 -0
- package/dist/accordion.min.js +1 -1
- package/dist/accordion.rtl.min.js +1 -1
- package/dist/breadcrumb.min.js +1 -1
- package/dist/breadcrumb.rtl.min.js +1 -1
- package/dist/{collection-helpers-4e32fe16.js → collection-helpers-bc0df692.js} +1 -1
- package/dist/combo-box.min.js +1 -1
- package/dist/combo-box.rtl.min.js +1 -1
- package/dist/{content-switcher-item-6df85f1c.js → content-switcher-item-97882c68.js} +1 -1
- package/dist/{content-switcher-item-88761ecf.js → content-switcher-item-9c0951ff.js} +1 -1
- package/dist/content-switcher.min.js +1 -1
- package/dist/content-switcher.rtl.min.js +1 -1
- package/dist/data-table.min.js +1 -1
- package/dist/data-table.rtl.min.js +1 -1
- package/dist/date-picker.min.js +1 -1
- package/dist/date-picker.rtl.min.js +1 -1
- package/dist/{dropdown-item-0d7d9847.js → dropdown-item-5f11f61b.js} +1 -1
- package/dist/{dropdown-item-5ea25a90.js → dropdown-item-988f7917.js} +1 -1
- package/dist/dropdown.min.js +1 -1
- package/dist/dropdown.rtl.min.js +1 -1
- package/dist/multi-select.min.js +1 -1
- package/dist/multi-select.rtl.min.js +1 -1
- package/dist/overflow-menu-92d0e3a4.js +74 -0
- package/dist/overflow-menu-fefec311.js +74 -0
- package/dist/overflow-menu.min.js +1 -10
- package/dist/overflow-menu.rtl.min.js +1 -10
- package/dist/pagination-nav.min.js +1 -1
- package/dist/pagination-nav.rtl.min.js +1 -1
- package/dist/pagination.min.js +1 -1
- package/dist/pagination.rtl.min.js +1 -1
- package/dist/progress-indicator.min.js +1 -1
- package/dist/progress-indicator.rtl.min.js +1 -1
- package/dist/radio-button.min.js +1 -1
- package/dist/radio-button.rtl.min.js +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.rtl.min.js +1 -1
- package/dist/structured-list.min.js +1 -1
- package/dist/structured-list.rtl.min.js +1 -1
- package/dist/tabs.min.js +1 -1
- package/dist/tabs.rtl.min.js +1 -1
- package/dist/tooltip.min.js +1 -1
- package/dist/tooltip.rtl.min.js +1 -1
- package/dist/ui-shell.min.js +1 -1
- package/dist/ui-shell.rtl.min.js +1 -1
- package/es/components/breadcrumb/index.d.ts +1 -0
- package/es/components/breadcrumb/index.js +1 -0
- package/es/components/breadcrumb/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
/**
|
|
10
|
+
* @license
|
|
11
|
+
*
|
|
12
|
+
* This bundle contains the following third-party dependencies:
|
|
13
|
+
*
|
|
14
|
+
* lit-html:
|
|
15
|
+
*
|
|
16
|
+
* @license
|
|
17
|
+
* Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
|
|
18
|
+
* This code may only be used under the BSD style license found at
|
|
19
|
+
* http://polymer.github.io/LICENSE.txt
|
|
20
|
+
* The complete set of authors may be found at
|
|
21
|
+
* http://polymer.github.io/AUTHORS.txt
|
|
22
|
+
* The complete set of contributors may be found at
|
|
23
|
+
* http://polymer.github.io/CONTRIBUTORS.txt
|
|
24
|
+
* Code distributed by Google as part of the polymer project is also
|
|
25
|
+
* subject to an additional IP rights grant found at
|
|
26
|
+
* http://polymer.github.io/PATENTS.txt
|
|
27
|
+
*
|
|
28
|
+
* lit-element:
|
|
29
|
+
*
|
|
30
|
+
* @license
|
|
31
|
+
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
32
|
+
* This code may only be used under the BSD style license found at
|
|
33
|
+
* http://polymer.github.io/LICENSE.txt
|
|
34
|
+
* The complete set of authors may be found at
|
|
35
|
+
* http://polymer.github.io/AUTHORS.txt
|
|
36
|
+
* The complete set of contributors may be found at
|
|
37
|
+
* http://polymer.github.io/CONTRIBUTORS.txt
|
|
38
|
+
* Code distributed by Google as part of the polymer project is also
|
|
39
|
+
* subject to an additional IP rights grant found at
|
|
40
|
+
* http://polymer.github.io/PATENTS.txt
|
|
41
|
+
*
|
|
42
|
+
* flatpickr:
|
|
43
|
+
*
|
|
44
|
+
*****************************************************************************
|
|
45
|
+
Copyright (c) Microsoft Corporation.
|
|
46
|
+
|
|
47
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
48
|
+
purpose with or without fee is hereby granted.
|
|
49
|
+
|
|
50
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
51
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
52
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
53
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
54
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
55
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
56
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
57
|
+
*****************************************************************************
|
|
58
|
+
*
|
|
59
|
+
* Also refer to the following links for the license of other third-party dependencies:
|
|
60
|
+
*
|
|
61
|
+
* https://www.npmjs.com/package/@carbon/icons
|
|
62
|
+
* https://www.npmjs.com/package/lodash-es
|
|
63
|
+
*/
|
|
64
|
+
|
|
65
|
+
import{a as o,c as e,_ as t,h as n,s as r,L as i}from"./settings-898bd7b0.js";import{_ as s,a as l}from"./get-d229c408.js";import{s as a}from"./spread-989d7408.js";import{H as f,a as d}from"./host-listener-01e0a787.js";import{F as b}from"./focus-1800056c.js";import{a as c}from"./collection-helpers-bc0df692.js";import{F as u}from"./shared-enums-c6fe8c39.js";import{c as m}from"./carbon-element-18175602.js";import{p as v}from"./decorators-56213c84.js";
|
|
66
|
+
/**
|
|
67
|
+
* @license
|
|
68
|
+
*
|
|
69
|
+
* Copyright IBM Corp. 2020, 2022
|
|
70
|
+
*
|
|
71
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
|
+
* LICENSE file in the root directory of this source tree.
|
|
73
|
+
*/
|
|
74
|
+
let h;!function(o){o.REGULAR="",o.SMALL="sm",o.EXTRA_LARGE="xl"}(h||(h={}));const p={ArrowDown:1,ArrowUp:-1};var g=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--assistive-text,.bx--visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--body{background-color:var(--cds-ui-background,#fff);border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}.bx--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:ltr}.bx--overflow-menu,.bx--overflow-menu__trigger,:host(bx-breadcrumb-overflow-menu),:host(bx-overflow-menu){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;height:2.5rem;justify-content:center;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:relative;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%;width:2.5rem}.bx--overflow-menu::-moz-focus-inner,.bx--overflow-menu__trigger::-moz-focus-inner{border:0}.bx--overflow-menu *,.bx--overflow-menu :after,.bx--overflow-menu :before,.bx--overflow-menu__trigger *,.bx--overflow-menu__trigger :after,.bx--overflow-menu__trigger :before,:host(bx-breadcrumb-overflow-menu) *,:host(bx-breadcrumb-overflow-menu) :after,:host(bx-breadcrumb-overflow-menu) :before,:host(bx-overflow-menu) *,:host(bx-overflow-menu) :after,:host(bx-overflow-menu) :before{box-sizing:inherit}.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline-style:dotted}}.bx--overflow-menu:hover,.bx--overflow-menu__trigger:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu--sm,:host(bx-breadcrumb-overflow-menu[size=sm]),:host(bx-overflow-menu[size=sm]){height:2rem;width:2rem}.bx--overflow-menu--lg,.bx--overflow-menu--xl,:host(bx-breadcrumb-overflow-menu[size=xl]),:host(bx-overflow-menu[size=xl]){height:3rem;width:3rem}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg{outline:none}.bx--overflow-menu.bx--overflow-menu--open,.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-01,#f4f4f4);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));transition:none}.bx--overflow-menu--light.bx--overflow-menu--open,.bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu__icon{fill:var(--cds-icon-01,#161616);height:1rem;width:1rem}.bx--overflow-menu-options,:host(bx-overflow-menu-body),:host(bx-overflow-menu-body):after,:host(bx-overflow-menu-body[direction=top]):after{align-items:flex-start;background-color:var(--cds-field-01,#f4f4f4);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;display:none;flex-direction:column;font-family:inherit;font-size:100%;list-style:none;margin:0;padding:0;position:absolute;right:0;top:32px;vertical-align:baseline;width:10rem;z-index:6000}.bx--overflow-menu-options *,.bx--overflow-menu-options :after,.bx--overflow-menu-options :before,:host(bx-overflow-menu-body) *,:host(bx-overflow-menu-body) :after,:host(bx-overflow-menu-body) :before,:host(bx-overflow-menu-body):after *,:host(bx-overflow-menu-body):after :after,:host(bx-overflow-menu-body):after :before{box-sizing:inherit}.bx--overflow-menu-options:after{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;position:absolute;transition:background-color .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--overflow-menu-options:after{transition:none}}.bx--overflow-menu.bx--overflow-menu--open:hover{background-color:var(--cds-field-01,#f4f4f4)}.bx--overflow-menu-options--light,.bx--overflow-menu-options--light:after,.bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after{height:.1875rem;right:0;top:-.1875rem;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=top]:after{bottom:-.5rem;height:.5rem;right:0;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=left]:after{height:2.5rem;left:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2.5rem;right:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:2rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=top]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:3rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=right]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:3rem}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]:after{left:0;right:auto}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]:after{bottom:0;top:auto}.bx--overflow-menu-options--open,:host(bx-overflow-menu-body[open]){display:flex}.bx--overflow-menu-options__content{width:100%}.bx--overflow-menu-options__option,:host(bx-overflow-menu-item){align-items:center;background-color:transparent;border:0;box-sizing:border-box;display:flex;font-family:inherit;font-size:100%;height:2.5rem;margin:0;padding:0;transition:background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__option *,.bx--overflow-menu-options__option :after,.bx--overflow-menu-options__option :before,:host(bx-overflow-menu-item) *,:host(bx-overflow-menu-item) :after,:host(bx-overflow-menu-item) :before{box-sizing:inherit}.bx--overflow-menu-options--sm .bx--overflow-menu-options__option,.bx--overflow-menu-options--sm :host(bx-overflow-menu-item){height:2rem}.bx--overflow-menu-options--lg .bx--overflow-menu-options__option,.bx--overflow-menu-options--lg :host(bx-overflow-menu-item),.bx--overflow-menu-options--xl .bx--overflow-menu-options__option,.bx--overflow-menu-options--xl :host(bx-overflow-menu-item){height:3rem}.bx--overflow-menu--divider{border-top:1px solid var(--cds-ui-03,#e0e0e0)}.bx--overflow-menu--light .bx--overflow-menu--divider{border-top:1px solid var(--cds-decorative-01,#e0e0e0)}a.bx--overflow-menu-options__btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.bx--overflow-menu-options__btn{align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;height:100%;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;max-width:11.25rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;text-align:right;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9),color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__btn *,.bx--overflow-menu-options__btn :after,.bx--overflow-menu-options__btn :before{box-sizing:inherit}.bx--overflow-menu-options__btn:hover{color:var(--cds-text-01,#161616)}.bx--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu-options__btn:focus{outline-style:dotted}}.bx--overflow-menu-options__btn::-moz-focus-inner{border:none}.bx--overflow-menu-options__btn svg{fill:var(--cds-icon-02,#525252)}.bx--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-01,#161616)}.bx--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--overflow-menu-options__option:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-danger-01,#da1e28);color:var(--cds-text-04,#fff)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover svg{fill:currentColor}.bx--overflow-menu-options__option--disabled:hover{background-color:var(--cds-ui-01,#f4f4f4);cursor:not-allowed}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn{color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:active,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-ui-01,#f4f4f4);outline:2px solid transparent;outline-offset:-2px}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--overflow-menu--flip{right:-140px}.bx--overflow-menu--flip:before{right:145px}.bx--overflow-menu__container{display:inline-block}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu-options__btn:focus,.bx--overflow-menu:focus{color:Highlight;outline:1px solid Highlight}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu svg,:host(bx-breadcrumb-overflow-menu) svg,:host(bx-overflow-menu) svg{fill:ButtonText}}:host(bx-breadcrumb-overflow-menu[disabled]),:host(bx-overflow-menu[disabled]){cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]) svg,:host(bx-overflow-menu[disabled]) svg{fill:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]:hover),:host(bx-overflow-menu[disabled]:hover){background-color:transparent}:host(bx-breadcrumb-overflow-menu[open]),:host(bx-overflow-menu[open]){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:0 2px 6px 0 rgba(0,0,0,.3);transition:none}:host(bx-breadcrumb-overflow-menu[color-scheme=light][open]),:host(bx-overflow-menu[color-scheme=light][open]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[direction=top]){margin-bottom:.25rem;margin-top:0}:host(bx-overflow-menu-body[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[color-scheme=light]):after{background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-item){outline:none}']);let x,w=o=>o;const{prefix:_}=r;let y=t([m(`${_}-overflow-menu`)],(function(e,t){class r extends t{constructor(...o){super(...o),e(this)}}return{F:r,d:[{kind:"field",key:"_menuBody",value:()=>null},{kind:"method",key:"_handleUserInitiatedToggle",value:async function(){this.open=!this.open;const{open:o,updateComplete:e}=this;if(o){await e;const{_menuBody:o}=this;null==o||o.focus()}}},{kind:"field",decorators:[d("click")],key:"_handleClickTrigger",value(){return async()=>{this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[d("keydown")],key:"_handleKeydownTrigger",value(){return async({key:o})=>{" "!==o&&"Enter"!==o||this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[v({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",decorators:[v({reflect:!0})],key:"size",value:()=>h.REGULAR},{kind:"get",key:"triggerPosition",value:function(){return this.getBoundingClientRect()}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true"),this.hasAttribute("aria-expanded")||this.setAttribute("aria-expanded","false"),this.shadowRoot||this.attachShadow({mode:"open"}),s(l(r.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(o){if(o.has("open")){const{colorScheme:o,open:e}=this;e&&!this._menuBody&&(this._menuBody=c(this.childNodes,(o=>o.constructor.FLOATING_MENU)));const{_menuBody:t}=this;t&&(t.colorScheme=o,t.open=e,this.setAttribute("aria-expanded",String(Boolean(e))))}if(o.has("colorScheme")){const{colorScheme:o}=this,{_menuBody:e}=this;e&&(e.colorScheme=o)}}},{kind:"method",key:"render",value:function(){return n(x||(x=w`<slot name="icon">${0}</slot>`),(({children:e,...t}={})=>o`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${a(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<circle cx="16" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="16" cy="24" r="2"></circle></svg>`)({class:`${_}--overflow-menu__icon`}))}},{kind:"field",static:!0,key:"styles",value:()=>g}]}}),f(b(i)));export{y as B,p as N,g as s};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
/**
|
|
10
|
+
* @license
|
|
11
|
+
*
|
|
12
|
+
* This bundle contains the following third-party dependencies:
|
|
13
|
+
*
|
|
14
|
+
* lit-html:
|
|
15
|
+
*
|
|
16
|
+
* @license
|
|
17
|
+
* Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
|
|
18
|
+
* This code may only be used under the BSD style license found at
|
|
19
|
+
* http://polymer.github.io/LICENSE.txt
|
|
20
|
+
* The complete set of authors may be found at
|
|
21
|
+
* http://polymer.github.io/AUTHORS.txt
|
|
22
|
+
* The complete set of contributors may be found at
|
|
23
|
+
* http://polymer.github.io/CONTRIBUTORS.txt
|
|
24
|
+
* Code distributed by Google as part of the polymer project is also
|
|
25
|
+
* subject to an additional IP rights grant found at
|
|
26
|
+
* http://polymer.github.io/PATENTS.txt
|
|
27
|
+
*
|
|
28
|
+
* lit-element:
|
|
29
|
+
*
|
|
30
|
+
* @license
|
|
31
|
+
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
32
|
+
* This code may only be used under the BSD style license found at
|
|
33
|
+
* http://polymer.github.io/LICENSE.txt
|
|
34
|
+
* The complete set of authors may be found at
|
|
35
|
+
* http://polymer.github.io/AUTHORS.txt
|
|
36
|
+
* The complete set of contributors may be found at
|
|
37
|
+
* http://polymer.github.io/CONTRIBUTORS.txt
|
|
38
|
+
* Code distributed by Google as part of the polymer project is also
|
|
39
|
+
* subject to an additional IP rights grant found at
|
|
40
|
+
* http://polymer.github.io/PATENTS.txt
|
|
41
|
+
*
|
|
42
|
+
* flatpickr:
|
|
43
|
+
*
|
|
44
|
+
*****************************************************************************
|
|
45
|
+
Copyright (c) Microsoft Corporation.
|
|
46
|
+
|
|
47
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
48
|
+
purpose with or without fee is hereby granted.
|
|
49
|
+
|
|
50
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
51
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
52
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
53
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
54
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
55
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
56
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
57
|
+
*****************************************************************************
|
|
58
|
+
*
|
|
59
|
+
* Also refer to the following links for the license of other third-party dependencies:
|
|
60
|
+
*
|
|
61
|
+
* https://www.npmjs.com/package/@carbon/icons
|
|
62
|
+
* https://www.npmjs.com/package/lodash-es
|
|
63
|
+
*/
|
|
64
|
+
|
|
65
|
+
import{a as o,c as e,_ as t,h as n,s as r,L as i}from"./settings-898bd7b0.js";import{_ as s,a as l}from"./get-d229c408.js";import{s as a}from"./spread-989d7408.js";import{H as f,a as d}from"./host-listener-01e0a787.js";import{F as b}from"./focus-1800056c.js";import{a as c}from"./collection-helpers-bc0df692.js";import{F as u}from"./shared-enums-c6fe8c39.js";import{c as m}from"./carbon-element-18175602.js";import{p as v}from"./decorators-56213c84.js";
|
|
66
|
+
/**
|
|
67
|
+
* @license
|
|
68
|
+
*
|
|
69
|
+
* Copyright IBM Corp. 2020, 2022
|
|
70
|
+
*
|
|
71
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
|
+
* LICENSE file in the root directory of this source tree.
|
|
73
|
+
*/
|
|
74
|
+
let h;!function(o){o.REGULAR="",o.SMALL="sm",o.EXTRA_LARGE="xl"}(h||(h={}));const p={ArrowDown:1,ArrowUp:-1};var g=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--assistive-text,.bx--visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--body{background-color:var(--cds-ui-background,#fff);border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}.bx--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:rtl}.bx--overflow-menu,.bx--overflow-menu__trigger,:host(bx-breadcrumb-overflow-menu),:host(bx-overflow-menu){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;height:2.5rem;justify-content:center;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:relative;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%;width:2.5rem}.bx--overflow-menu::-moz-focus-inner,.bx--overflow-menu__trigger::-moz-focus-inner{border:0}.bx--overflow-menu *,.bx--overflow-menu :after,.bx--overflow-menu :before,.bx--overflow-menu__trigger *,.bx--overflow-menu__trigger :after,.bx--overflow-menu__trigger :before,:host(bx-breadcrumb-overflow-menu) *,:host(bx-breadcrumb-overflow-menu) :after,:host(bx-breadcrumb-overflow-menu) :before,:host(bx-overflow-menu) *,:host(bx-overflow-menu) :after,:host(bx-overflow-menu) :before{box-sizing:inherit}.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline-style:dotted}}.bx--overflow-menu:hover,.bx--overflow-menu__trigger:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu--sm,:host(bx-breadcrumb-overflow-menu[size=sm]),:host(bx-overflow-menu[size=sm]){height:2rem;width:2rem}.bx--overflow-menu--lg,.bx--overflow-menu--xl,:host(bx-breadcrumb-overflow-menu[size=xl]),:host(bx-overflow-menu[size=xl]){height:3rem;width:3rem}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg{outline:none}.bx--overflow-menu.bx--overflow-menu--open,.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-01,#f4f4f4);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));transition:none}.bx--overflow-menu--light.bx--overflow-menu--open,.bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu__icon{fill:var(--cds-icon-01,#161616);height:1rem;width:1rem}.bx--overflow-menu-options,:host(bx-overflow-menu-body),:host(bx-overflow-menu-body):after,:host(bx-overflow-menu-body[direction=top]):after{align-items:flex-start;background-color:var(--cds-field-01,#f4f4f4);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;display:none;flex-direction:column;font-family:inherit;font-size:100%;left:0;list-style:none;margin:0;padding:0;position:absolute;top:32px;vertical-align:baseline;width:10rem;z-index:6000}.bx--overflow-menu-options *,.bx--overflow-menu-options :after,.bx--overflow-menu-options :before,:host(bx-overflow-menu-body) *,:host(bx-overflow-menu-body) :after,:host(bx-overflow-menu-body) :before,:host(bx-overflow-menu-body):after *,:host(bx-overflow-menu-body):after :after,:host(bx-overflow-menu-body):after :before{box-sizing:inherit}.bx--overflow-menu-options:after{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;position:absolute;transition:background-color .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--overflow-menu-options:after{transition:none}}.bx--overflow-menu.bx--overflow-menu--open:hover{background-color:var(--cds-field-01,#f4f4f4)}.bx--overflow-menu-options--light,.bx--overflow-menu-options--light:after,.bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after{height:.1875rem;left:0;top:-.1875rem;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=top]:after{bottom:-.5rem;height:.5rem;left:0;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=left]:after{height:2.5rem;right:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2.5rem;left:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:2rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=top]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:3rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=right]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:3rem}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]:after{left:auto;right:0}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]:after{bottom:0;top:auto}.bx--overflow-menu-options--open,:host(bx-overflow-menu-body[open]){display:flex}.bx--overflow-menu-options__content{width:100%}.bx--overflow-menu-options__option,:host(bx-overflow-menu-item){align-items:center;background-color:transparent;border:0;box-sizing:border-box;display:flex;font-family:inherit;font-size:100%;height:2.5rem;margin:0;padding:0;transition:background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__option *,.bx--overflow-menu-options__option :after,.bx--overflow-menu-options__option :before,:host(bx-overflow-menu-item) *,:host(bx-overflow-menu-item) :after,:host(bx-overflow-menu-item) :before{box-sizing:inherit}.bx--overflow-menu-options--sm .bx--overflow-menu-options__option,.bx--overflow-menu-options--sm :host(bx-overflow-menu-item){height:2rem}.bx--overflow-menu-options--lg .bx--overflow-menu-options__option,.bx--overflow-menu-options--lg :host(bx-overflow-menu-item),.bx--overflow-menu-options--xl .bx--overflow-menu-options__option,.bx--overflow-menu-options--xl :host(bx-overflow-menu-item){height:3rem}.bx--overflow-menu--divider{border-top:1px solid var(--cds-ui-03,#e0e0e0)}.bx--overflow-menu--light .bx--overflow-menu--divider{border-top:1px solid var(--cds-decorative-01,#e0e0e0)}a.bx--overflow-menu-options__btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.bx--overflow-menu-options__btn{align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;height:100%;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;max-width:11.25rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;text-align:left;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9),color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__btn *,.bx--overflow-menu-options__btn :after,.bx--overflow-menu-options__btn :before{box-sizing:inherit}.bx--overflow-menu-options__btn:hover{color:var(--cds-text-01,#161616)}.bx--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu-options__btn:focus{outline-style:dotted}}.bx--overflow-menu-options__btn::-moz-focus-inner{border:none}.bx--overflow-menu-options__btn svg{fill:var(--cds-icon-02,#525252)}.bx--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-01,#161616)}.bx--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--overflow-menu-options__option:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-danger-01,#da1e28);color:var(--cds-text-04,#fff)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover svg{fill:currentColor}.bx--overflow-menu-options__option--disabled:hover{background-color:var(--cds-ui-01,#f4f4f4);cursor:not-allowed}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn{color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:active,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-ui-01,#f4f4f4);outline:2px solid transparent;outline-offset:-2px}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--overflow-menu--flip{left:-140px}.bx--overflow-menu--flip:before{left:145px}.bx--overflow-menu__container{display:inline-block}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu-options__btn:focus,.bx--overflow-menu:focus{color:Highlight;outline:1px solid Highlight}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu svg,:host(bx-breadcrumb-overflow-menu) svg,:host(bx-overflow-menu) svg{fill:ButtonText}}:host(bx-breadcrumb-overflow-menu[disabled]),:host(bx-overflow-menu[disabled]){cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]) svg,:host(bx-overflow-menu[disabled]) svg{fill:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]:hover),:host(bx-overflow-menu[disabled]:hover){background-color:transparent}:host(bx-breadcrumb-overflow-menu[open]),:host(bx-overflow-menu[open]){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:0 2px 6px 0 rgba(0,0,0,.3);transition:none}:host(bx-breadcrumb-overflow-menu[color-scheme=light][open]),:host(bx-overflow-menu[color-scheme=light][open]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[direction=top]){margin-bottom:.25rem;margin-top:0}:host(bx-overflow-menu-body[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[color-scheme=light]):after{background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-item){outline:none}']);let x,w=o=>o;const{prefix:_}=r;let y=t([m(`${_}-overflow-menu`)],(function(e,t){class r extends t{constructor(...o){super(...o),e(this)}}return{F:r,d:[{kind:"field",key:"_menuBody",value:()=>null},{kind:"method",key:"_handleUserInitiatedToggle",value:async function(){this.open=!this.open;const{open:o,updateComplete:e}=this;if(o){await e;const{_menuBody:o}=this;null==o||o.focus()}}},{kind:"field",decorators:[d("click")],key:"_handleClickTrigger",value(){return async()=>{this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[d("keydown")],key:"_handleKeydownTrigger",value(){return async({key:o})=>{" "!==o&&"Enter"!==o||this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[v({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",decorators:[v({reflect:!0})],key:"size",value:()=>h.REGULAR},{kind:"get",key:"triggerPosition",value:function(){return this.getBoundingClientRect()}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true"),this.hasAttribute("aria-expanded")||this.setAttribute("aria-expanded","false"),this.shadowRoot||this.attachShadow({mode:"open"}),s(l(r.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(o){if(o.has("open")){const{colorScheme:o,open:e}=this;e&&!this._menuBody&&(this._menuBody=c(this.childNodes,(o=>o.constructor.FLOATING_MENU)));const{_menuBody:t}=this;t&&(t.colorScheme=o,t.open=e,this.setAttribute("aria-expanded",String(Boolean(e))))}if(o.has("colorScheme")){const{colorScheme:o}=this,{_menuBody:e}=this;e&&(e.colorScheme=o)}}},{kind:"method",key:"render",value:function(){return n(x||(x=w`<slot name="icon">${0}</slot>`),(({children:e,...t}={})=>o`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${a(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<circle cx="16" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="16" cy="24" r="2"></circle></svg>`)({class:`${_}--overflow-menu__icon`}))}},{kind:"field",static:!0,key:"styles",value:()=>g}]}}),f(b(i)));export{y as B,p as N,g as s};
|
|
@@ -62,13 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{
|
|
66
|
-
/**
|
|
67
|
-
* @license
|
|
68
|
-
*
|
|
69
|
-
* Copyright IBM Corp. 2020, 2022
|
|
70
|
-
*
|
|
71
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
|
-
* LICENSE file in the root directory of this source tree.
|
|
73
|
-
*/
|
|
74
|
-
let w;!function(e){e.REGULAR="",e.SMALL="sm",e.EXTRA_LARGE="xl"}(w||(w={}));const _={ArrowDown:1,ArrowUp:-1};var y=o(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--assistive-text,.bx--visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--body{background-color:var(--cds-ui-background,#fff);border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}.bx--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:rtl}.bx--overflow-menu,.bx--overflow-menu__trigger,:host(bx-breadcrumb-overflow-menu),:host(bx-overflow-menu){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;height:2.5rem;justify-content:center;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:relative;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%;width:2.5rem}.bx--overflow-menu::-moz-focus-inner,.bx--overflow-menu__trigger::-moz-focus-inner{border:0}.bx--overflow-menu *,.bx--overflow-menu :after,.bx--overflow-menu :before,.bx--overflow-menu__trigger *,.bx--overflow-menu__trigger :after,.bx--overflow-menu__trigger :before,:host(bx-breadcrumb-overflow-menu) *,:host(bx-breadcrumb-overflow-menu) :after,:host(bx-breadcrumb-overflow-menu) :before,:host(bx-overflow-menu) *,:host(bx-overflow-menu) :after,:host(bx-overflow-menu) :before{box-sizing:inherit}.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline-style:dotted}}.bx--overflow-menu:hover,.bx--overflow-menu__trigger:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu--sm,:host(bx-breadcrumb-overflow-menu[size=sm]),:host(bx-overflow-menu[size=sm]){height:2rem;width:2rem}.bx--overflow-menu--lg,.bx--overflow-menu--xl,:host(bx-breadcrumb-overflow-menu[size=xl]),:host(bx-overflow-menu[size=xl]){height:3rem;width:3rem}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg{outline:none}.bx--overflow-menu.bx--overflow-menu--open,.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-01,#f4f4f4);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));transition:none}.bx--overflow-menu--light.bx--overflow-menu--open,.bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu__icon{fill:var(--cds-icon-01,#161616);height:1rem;width:1rem}.bx--overflow-menu-options,:host(bx-overflow-menu-body),:host(bx-overflow-menu-body):after,:host(bx-overflow-menu-body[direction=top]):after{align-items:flex-start;background-color:var(--cds-field-01,#f4f4f4);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;display:none;flex-direction:column;font-family:inherit;font-size:100%;left:0;list-style:none;margin:0;padding:0;position:absolute;top:32px;vertical-align:baseline;width:10rem;z-index:6000}.bx--overflow-menu-options *,.bx--overflow-menu-options :after,.bx--overflow-menu-options :before,:host(bx-overflow-menu-body) *,:host(bx-overflow-menu-body) :after,:host(bx-overflow-menu-body) :before,:host(bx-overflow-menu-body):after *,:host(bx-overflow-menu-body):after :after,:host(bx-overflow-menu-body):after :before{box-sizing:inherit}.bx--overflow-menu-options:after{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;position:absolute;transition:background-color .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--overflow-menu-options:after{transition:none}}.bx--overflow-menu.bx--overflow-menu--open:hover{background-color:var(--cds-field-01,#f4f4f4)}.bx--overflow-menu-options--light,.bx--overflow-menu-options--light:after,.bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after{height:.1875rem;left:0;top:-.1875rem;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=top]:after{bottom:-.5rem;height:.5rem;left:0;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=left]:after{height:2.5rem;right:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2.5rem;left:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:2rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=top]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:3rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=right]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:3rem}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]:after{left:auto;right:0}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]:after{bottom:0;top:auto}.bx--overflow-menu-options--open,:host(bx-overflow-menu-body[open]){display:flex}.bx--overflow-menu-options__content{width:100%}.bx--overflow-menu-options__option,:host(bx-overflow-menu-item){align-items:center;background-color:transparent;border:0;box-sizing:border-box;display:flex;font-family:inherit;font-size:100%;height:2.5rem;margin:0;padding:0;transition:background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__option *,.bx--overflow-menu-options__option :after,.bx--overflow-menu-options__option :before,:host(bx-overflow-menu-item) *,:host(bx-overflow-menu-item) :after,:host(bx-overflow-menu-item) :before{box-sizing:inherit}.bx--overflow-menu-options--sm .bx--overflow-menu-options__option,.bx--overflow-menu-options--sm :host(bx-overflow-menu-item){height:2rem}.bx--overflow-menu-options--lg .bx--overflow-menu-options__option,.bx--overflow-menu-options--lg :host(bx-overflow-menu-item),.bx--overflow-menu-options--xl .bx--overflow-menu-options__option,.bx--overflow-menu-options--xl :host(bx-overflow-menu-item){height:3rem}.bx--overflow-menu--divider{border-top:1px solid var(--cds-ui-03,#e0e0e0)}.bx--overflow-menu--light .bx--overflow-menu--divider{border-top:1px solid var(--cds-decorative-01,#e0e0e0)}a.bx--overflow-menu-options__btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.bx--overflow-menu-options__btn{align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;height:100%;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;max-width:11.25rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;text-align:left;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9),color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__btn *,.bx--overflow-menu-options__btn :after,.bx--overflow-menu-options__btn :before{box-sizing:inherit}.bx--overflow-menu-options__btn:hover{color:var(--cds-text-01,#161616)}.bx--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu-options__btn:focus{outline-style:dotted}}.bx--overflow-menu-options__btn::-moz-focus-inner{border:none}.bx--overflow-menu-options__btn svg{fill:var(--cds-icon-02,#525252)}.bx--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-01,#161616)}.bx--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--overflow-menu-options__option:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-danger-01,#da1e28);color:var(--cds-text-04,#fff)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover svg{fill:currentColor}.bx--overflow-menu-options__option--disabled:hover{background-color:var(--cds-ui-01,#f4f4f4);cursor:not-allowed}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn{color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:active,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-ui-01,#f4f4f4);outline:2px solid transparent;outline-offset:-2px}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--overflow-menu--flip{left:-140px}.bx--overflow-menu--flip:before{left:145px}.bx--overflow-menu__container{display:inline-block}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu-options__btn:focus,.bx--overflow-menu:focus{color:Highlight;outline:1px solid Highlight}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu svg,:host(bx-breadcrumb-overflow-menu) svg,:host(bx-overflow-menu) svg{fill:ButtonText}}:host(bx-breadcrumb-overflow-menu[disabled]),:host(bx-overflow-menu[disabled]){cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]) svg,:host(bx-overflow-menu[disabled]) svg{fill:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]:hover),:host(bx-overflow-menu[disabled]:hover){background-color:transparent}:host(bx-breadcrumb-overflow-menu[open]),:host(bx-overflow-menu[open]){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:0 2px 6px 0 rgba(0,0,0,.3);transition:none}:host(bx-breadcrumb-overflow-menu[color-scheme=light][open]),:host(bx-overflow-menu[color-scheme=light][open]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[direction=top]){margin-bottom:.25rem;margin-top:0}:host(bx-overflow-menu-body[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[color-scheme=light]):after{background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-item){outline:none}']);let k,z=e=>e;const{prefix:A}=r;t([v(`${A}-overflow-menu`)],(function(o,t){class r extends t{constructor(...e){super(...e),o(this)}}return{F:r,d:[{kind:"field",key:"_menuBody",value:()=>null},{kind:"method",key:"_handleUserInitiatedToggle",value:async function(){this.open=!this.open;const{open:e,updateComplete:o}=this;if(e){await o;const{_menuBody:e}=this;null==e||e.focus()}}},{kind:"field",decorators:[f("click")],key:"_handleClickTrigger",value(){return async()=>{this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[f("keydown")],key:"_handleKeydownTrigger",value(){return async({key:e})=>{" "!==e&&"Enter"!==e||this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[h({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>m.REGULAR},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",decorators:[h({reflect:!0})],key:"size",value:()=>w.REGULAR},{kind:"get",key:"triggerPosition",value:function(){return this.getBoundingClientRect()}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true"),this.hasAttribute("aria-expanded")||this.setAttribute("aria-expanded","false"),this.shadowRoot||this.attachShadow({mode:"open"}),s(l(r.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(e){if(e.has("open")){const{colorScheme:e,open:o}=this;o&&!this._menuBody&&(this._menuBody=u(this.childNodes,(e=>e.constructor.FLOATING_MENU)));const{_menuBody:t}=this;t&&(t.colorScheme=e,t.open=o,this.setAttribute("aria-expanded",String(Boolean(o))))}if(e.has("colorScheme")){const{colorScheme:e}=this,{_menuBody:o}=this;o&&(o.colorScheme=e)}}},{kind:"method",key:"render",value:function(){return n(k||(k=z`<slot name="icon">${0}</slot>`),(({children:o,...t}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${a(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${o}<circle cx="16" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="16" cy="24" r="2"></circle></svg>`)({class:`${A}--overflow-menu__icon`}))}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),d(c(i)));let B,S=e=>e;const{prefix:j}=r;t([v(`${j}-overflow-menu-body`)],(function(e,o){class t extends o{constructor(...o){super(...o),e(this)}}return{F:t,d:[{kind:"field",decorators:[h()],key:"alignment",value:()=>g.START},{kind:"field",decorators:[h({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>m.REGULAR},{kind:"field",decorators:[h()],key:"direction",value:()=>x.BOTTOM},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",key:"selected",value:()=>null},{kind:"method",key:"_getNextItem",value:function(e,o){const{selectorItemEnabled:t}=this.constructor,n=this.querySelectorAll(t),r=b(n,e),i=(s=r+o,l=n.length,s<0?l-1:s>=l?0:s);var s,l;return i===r?null:n[i]}},{kind:"method",key:"_navigate",value:function(e){if(this.selected){const o=this._getNextItem(this.selected,e);null==o||o.focus()}}},{kind:"field",decorators:[f("keydown")],key:"_handleKeydown",value(){return async e=>{const{key:o}=e;this.open&&(this.contains(document.activeElement)&&(this.selected=document.activeElement),o in _&&this._navigate(_[o]),"Escape"===o&&(this.open=!1))}}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menu"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),s(l(t.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return n(B||(B=S`<slot></slot>`))}},{kind:"get",static:!0,key:"selectorMenuItem",value:function(){return`${j}-overflow-menu-item`}},{kind:"get",static:!0,key:"selectorItemEnabled",value:function(){return`${j}-overflow-menu-item:not([disabled])`}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),p);let R,$,E=e=>e;const{prefix:T}=r;t([v(`${T}-overflow-menu-item`)],(function(e,o){class t extends o{constructor(...o){super(...o),e(this)}}return{F:t,d:[{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"danger",value:()=>!1},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[h()],key:"href",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menuitem"),s(l(t.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return this.href?n(R||(R=E`<a class="${0}--overflow-menu-options__btn" ?disabled="${0}" href="${0}" tabindex="${0}"><slot></slot></a>`),T,this.disabled,this.href,this.disabled?-1:0):n($||($=E`<button class="${0}--overflow-menu-options__btn" ?disabled="${0}" tabindex="${0}"><slot></slot></button>`),T,this.disabled,this.disabled?-1:0)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),c(i));
|
|
65
|
+
import{N as e,s as t}from"./overflow-menu-fefec311.js";import{_ as o,h as s,s as n,L as i}from"./settings-898bd7b0.js";import{_ as r,a}from"./get-d229c408.js";import{B as l,F as d,a as c}from"./floating-menu-14b01da2.js";import{a as u}from"./host-listener-01e0a787.js";import{i as m}from"./collection-helpers-bc0df692.js";import{c as f}from"./carbon-element-18175602.js";import{F as h}from"./shared-enums-c6fe8c39.js";import{p as k}from"./decorators-56213c84.js";import{F as b}from"./focus-1800056c.js";import"./spread-989d7408.js";import"./objectSpread2-8dc8a158.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";let p,v=e=>e;const{prefix:y}=n;o([f(`${y}-overflow-menu-body`)],(function(o,n){class i extends n{constructor(...e){super(...e),o(this)}}return{F:i,d:[{kind:"field",decorators:[k()],key:"alignment",value:()=>d.START},{kind:"field",decorators:[k({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>h.REGULAR},{kind:"field",decorators:[k()],key:"direction",value:()=>c.BOTTOM},{kind:"field",decorators:[k({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",key:"selected",value:()=>null},{kind:"method",key:"_getNextItem",value:function(e,t){const{selectorItemEnabled:o}=this.constructor,s=this.querySelectorAll(o),n=m(s,e),i=(r=n+t,a=s.length,r<0?a-1:r>=a?0:r);var r,a;return i===n?null:s[i]}},{kind:"method",key:"_navigate",value:function(e){if(this.selected){const t=this._getNextItem(this.selected,e);null==t||t.focus()}}},{kind:"field",decorators:[u("keydown")],key:"_handleKeydown",value(){return async t=>{const{key:o}=t;this.open&&(this.contains(document.activeElement)&&(this.selected=document.activeElement),o in e&&this._navigate(e[o]),"Escape"===o&&(this.open=!1))}}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menu"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),r(a(i.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return s(p||(p=v`<slot></slot>`))}},{kind:"get",static:!0,key:"selectorMenuItem",value:function(){return`${y}-overflow-menu-item`}},{kind:"get",static:!0,key:"selectorItemEnabled",value:function(){return`${y}-overflow-menu-item:not([disabled])`}},{kind:"field",static:!0,key:"styles",value:()=>t}]}}),l);let g,j,x=e=>e;const{prefix:$}=n;o([f(`${$}-overflow-menu-item`)],(function(e,o){class n extends o{constructor(...t){super(...t),e(this)}}return{F:n,d:[{kind:"field",decorators:[k({type:Boolean,reflect:!0})],key:"danger",value:()=>!1},{kind:"field",decorators:[k({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[k()],key:"href",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menuitem"),r(a(n.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return this.href?s(g||(g=x`<a class="${0}--overflow-menu-options__btn" ?disabled="${0}" href="${0}" tabindex="${0}"><slot></slot></a>`),$,this.disabled,this.href,this.disabled?-1:0):s(j||(j=x`<button class="${0}--overflow-menu-options__btn" ?disabled="${0}" tabindex="${0}"><slot></slot></button>`),$,this.disabled,this.disabled?-1:0)}},{kind:"field",static:!0,key:"styles",value:()=>t}]}}),b(i));
|
|
@@ -62,13 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{
|
|
66
|
-
/**
|
|
67
|
-
* @license
|
|
68
|
-
*
|
|
69
|
-
* Copyright IBM Corp. 2020, 2022
|
|
70
|
-
*
|
|
71
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
|
-
* LICENSE file in the root directory of this source tree.
|
|
73
|
-
*/
|
|
74
|
-
let w;!function(e){e.REGULAR="",e.SMALL="sm",e.EXTRA_LARGE="xl"}(w||(w={}));const _={ArrowDown:1,ArrowUp:-1};var y=o(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--assistive-text,.bx--visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--body{background-color:var(--cds-ui-background,#fff);border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}.bx--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:ltr}.bx--overflow-menu,.bx--overflow-menu__trigger,:host(bx-breadcrumb-overflow-menu),:host(bx-overflow-menu){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;height:2.5rem;justify-content:center;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:relative;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%;width:2.5rem}.bx--overflow-menu::-moz-focus-inner,.bx--overflow-menu__trigger::-moz-focus-inner{border:0}.bx--overflow-menu *,.bx--overflow-menu :after,.bx--overflow-menu :before,.bx--overflow-menu__trigger *,.bx--overflow-menu__trigger :after,.bx--overflow-menu__trigger :before,:host(bx-breadcrumb-overflow-menu) *,:host(bx-breadcrumb-overflow-menu) :after,:host(bx-breadcrumb-overflow-menu) :before,:host(bx-overflow-menu) *,:host(bx-overflow-menu) :after,:host(bx-overflow-menu) :before{box-sizing:inherit}.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu:focus,.bx--overflow-menu__trigger:focus{outline-style:dotted}}.bx--overflow-menu:hover,.bx--overflow-menu__trigger:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu--sm,:host(bx-breadcrumb-overflow-menu[size=sm]),:host(bx-overflow-menu[size=sm]){height:2rem;width:2rem}.bx--overflow-menu--lg,.bx--overflow-menu--xl,:host(bx-breadcrumb-overflow-menu[size=xl]),:host(bx-overflow-menu[size=xl]){height:3rem;width:3rem}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg{outline:none}.bx--overflow-menu.bx--overflow-menu--open,.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-01,#f4f4f4);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));transition:none}.bx--overflow-menu--light.bx--overflow-menu--open,.bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu__icon{fill:var(--cds-icon-01,#161616);height:1rem;width:1rem}.bx--overflow-menu-options,:host(bx-overflow-menu-body),:host(bx-overflow-menu-body):after,:host(bx-overflow-menu-body[direction=top]):after{align-items:flex-start;background-color:var(--cds-field-01,#f4f4f4);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;display:none;flex-direction:column;font-family:inherit;font-size:100%;list-style:none;margin:0;padding:0;position:absolute;right:0;top:32px;vertical-align:baseline;width:10rem;z-index:6000}.bx--overflow-menu-options *,.bx--overflow-menu-options :after,.bx--overflow-menu-options :before,:host(bx-overflow-menu-body) *,:host(bx-overflow-menu-body) :after,:host(bx-overflow-menu-body) :before,:host(bx-overflow-menu-body):after *,:host(bx-overflow-menu-body):after :after,:host(bx-overflow-menu-body):after :before{box-sizing:inherit}.bx--overflow-menu-options:after{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;position:absolute;transition:background-color .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--overflow-menu-options:after{transition:none}}.bx--overflow-menu.bx--overflow-menu--open:hover{background-color:var(--cds-field-01,#f4f4f4)}.bx--overflow-menu-options--light,.bx--overflow-menu-options--light:after,.bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover{background-color:var(--cds-field-02,#fff)}.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after{height:.1875rem;right:0;top:-.1875rem;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=top]:after{bottom:-.5rem;height:.5rem;right:0;width:2.5rem}.bx--overflow-menu-options[data-floating-menu-direction=left]:after{height:2.5rem;left:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2.5rem;right:-.375rem;top:0;width:.375rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:2rem}.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:2rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=top]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=top]:after{width:3rem}.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=right]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=right]:after{height:3rem}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]:after{left:0;right:auto}.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]:after,.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]:after{bottom:0;top:auto}.bx--overflow-menu-options--open,:host(bx-overflow-menu-body[open]){display:flex}.bx--overflow-menu-options__content{width:100%}.bx--overflow-menu-options__option,:host(bx-overflow-menu-item){align-items:center;background-color:transparent;border:0;box-sizing:border-box;display:flex;font-family:inherit;font-size:100%;height:2.5rem;margin:0;padding:0;transition:background-color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__option *,.bx--overflow-menu-options__option :after,.bx--overflow-menu-options__option :before,:host(bx-overflow-menu-item) *,:host(bx-overflow-menu-item) :after,:host(bx-overflow-menu-item) :before{box-sizing:inherit}.bx--overflow-menu-options--sm .bx--overflow-menu-options__option,.bx--overflow-menu-options--sm :host(bx-overflow-menu-item){height:2rem}.bx--overflow-menu-options--lg .bx--overflow-menu-options__option,.bx--overflow-menu-options--lg :host(bx-overflow-menu-item),.bx--overflow-menu-options--xl .bx--overflow-menu-options__option,.bx--overflow-menu-options--xl :host(bx-overflow-menu-item){height:3rem}.bx--overflow-menu--divider{border-top:1px solid var(--cds-ui-03,#e0e0e0)}.bx--overflow-menu--light .bx--overflow-menu--divider{border-top:1px solid var(--cds-decorative-01,#e0e0e0)}a.bx--overflow-menu-options__btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.bx--overflow-menu-options__btn{align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;height:100%;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;max-width:11.25rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;text-align:right;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9),color .11s cubic-bezier(0,0,.38,.9);vertical-align:baseline;width:100%}.bx--overflow-menu-options__btn *,.bx--overflow-menu-options__btn :after,.bx--overflow-menu-options__btn :before{box-sizing:inherit}.bx--overflow-menu-options__btn:hover{color:var(--cds-text-01,#161616)}.bx--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--overflow-menu-options__btn:focus{outline-style:dotted}}.bx--overflow-menu-options__btn::-moz-focus-inner{border:none}.bx--overflow-menu-options__btn svg{fill:var(--cds-icon-02,#525252)}.bx--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-01,#161616)}.bx--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--overflow-menu-options__option:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-danger-01,#da1e28);color:var(--cds-text-04,#fff)}.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg,.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:focus svg,:host(bx-overflow-menu-item[danger]) .bx--overflow-menu-options__btn:hover svg{fill:currentColor}.bx--overflow-menu-options__option--disabled:hover{background-color:var(--cds-ui-01,#f4f4f4);cursor:not-allowed}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn{color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus,.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:active,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:focus,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn:hover{background-color:var(--cds-ui-01,#f4f4f4);outline:2px solid transparent;outline-offset:-2px}.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg,:host(bx-overflow-menu-item[disabled]) .bx--overflow-menu-options__btn svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--overflow-menu--flip{right:-140px}.bx--overflow-menu--flip:before{right:145px}.bx--overflow-menu__container{display:inline-block}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu-options__btn:focus,.bx--overflow-menu:focus{color:Highlight;outline:1px solid Highlight}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--overflow-menu svg,:host(bx-breadcrumb-overflow-menu) svg,:host(bx-overflow-menu) svg{fill:ButtonText}}:host(bx-breadcrumb-overflow-menu[disabled]),:host(bx-overflow-menu[disabled]){cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]) svg,:host(bx-overflow-menu[disabled]) svg{fill:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}:host(bx-breadcrumb-overflow-menu[disabled]:hover),:host(bx-overflow-menu[disabled]:hover){background-color:transparent}:host(bx-breadcrumb-overflow-menu[open]),:host(bx-overflow-menu[open]){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:0 2px 6px 0 rgba(0,0,0,.3);transition:none}:host(bx-breadcrumb-overflow-menu[color-scheme=light][open]),:host(bx-overflow-menu[color-scheme=light][open]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[direction=top]){margin-bottom:.25rem;margin-top:0}:host(bx-overflow-menu-body[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-body[color-scheme=light]):after{background-color:var(--cds-ui-02,#fff)}:host(bx-overflow-menu-item){outline:none}']);let k,z=e=>e;const{prefix:A}=r;t([h(`${A}-overflow-menu`)],(function(o,t){class r extends t{constructor(...e){super(...e),o(this)}}return{F:r,d:[{kind:"field",key:"_menuBody",value:()=>null},{kind:"method",key:"_handleUserInitiatedToggle",value:async function(){this.open=!this.open;const{open:e,updateComplete:o}=this;if(e){await o;const{_menuBody:e}=this;null==e||e.focus()}}},{kind:"field",decorators:[f("click")],key:"_handleClickTrigger",value(){return async()=>{this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[f("keydown")],key:"_handleKeydownTrigger",value(){return async({key:e})=>{" "!==e&&"Enter"!==e||this._handleUserInitiatedToggle()}}},{kind:"field",decorators:[v({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>m.REGULAR},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",decorators:[v({reflect:!0})],key:"size",value:()=>w.REGULAR},{kind:"get",key:"triggerPosition",value:function(){return this.getBoundingClientRect()}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true"),this.hasAttribute("aria-expanded")||this.setAttribute("aria-expanded","false"),this.shadowRoot||this.attachShadow({mode:"open"}),s(l(r.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(e){if(e.has("open")){const{colorScheme:e,open:o}=this;o&&!this._menuBody&&(this._menuBody=u(this.childNodes,(e=>e.constructor.FLOATING_MENU)));const{_menuBody:t}=this;t&&(t.colorScheme=e,t.open=o,this.setAttribute("aria-expanded",String(Boolean(o))))}if(e.has("colorScheme")){const{colorScheme:e}=this,{_menuBody:o}=this;o&&(o.colorScheme=e)}}},{kind:"method",key:"render",value:function(){return n(k||(k=z`<slot name="icon">${0}</slot>`),(({children:o,...t}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${a(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${o}${o}<circle cx="16" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="16" cy="24" r="2"></circle></svg>`)({class:`${A}--overflow-menu__icon`}))}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),d(c(i)));let B,S=e=>e;const{prefix:j}=r;t([h(`${j}-overflow-menu-body`)],(function(e,o){class t extends o{constructor(...o){super(...o),e(this)}}return{F:t,d:[{kind:"field",decorators:[v()],key:"alignment",value:()=>g.START},{kind:"field",decorators:[v({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>m.REGULAR},{kind:"field",decorators:[v()],key:"direction",value:()=>x.BOTTOM},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",key:"selected",value:()=>null},{kind:"method",key:"_getNextItem",value:function(e,o){const{selectorItemEnabled:t}=this.constructor,n=this.querySelectorAll(t),r=b(n,e),i=(s=r+o,l=n.length,s<0?l-1:s>=l?0:s);var s,l;return i===r?null:n[i]}},{kind:"method",key:"_navigate",value:function(e){if(this.selected){const o=this._getNextItem(this.selected,e);null==o||o.focus()}}},{kind:"field",decorators:[f("keydown")],key:"_handleKeydown",value(){return async e=>{const{key:o}=e;this.open&&(this.contains(document.activeElement)&&(this.selected=document.activeElement),o in _&&this._navigate(_[o]),"Escape"===o&&(this.open=!1))}}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menu"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),s(l(t.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return n(B||(B=S`<slot></slot>`))}},{kind:"get",static:!0,key:"selectorMenuItem",value:function(){return`${j}-overflow-menu-item`}},{kind:"get",static:!0,key:"selectorItemEnabled",value:function(){return`${j}-overflow-menu-item:not([disabled])`}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),p);let $,R,E=e=>e;const{prefix:T}=r;t([h(`${T}-overflow-menu-item`)],(function(e,o){class t extends o{constructor(...o){super(...o),e(this)}}return{F:t,d:[{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"danger",value:()=>!1},{kind:"field",decorators:[v({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[v()],key:"href",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menuitem"),s(l(t.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return this.href?n($||($=E`<a class="${0}--overflow-menu-options__btn" ?disabled="${0}" href="${0}" tabindex="${0}"><slot></slot></a>`),T,this.disabled,this.href,this.disabled?-1:0):n(R||(R=E`<button class="${0}--overflow-menu-options__btn" ?disabled="${0}" tabindex="${0}"><slot></slot></button>`),T,this.disabled,this.disabled?-1:0)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),c(i));
|
|
65
|
+
import{N as e,s as t}from"./overflow-menu-92d0e3a4.js";import{_ as o,h as s,s as n,L as i}from"./settings-898bd7b0.js";import{_ as r,a}from"./get-d229c408.js";import{B as l,F as d,a as c}from"./floating-menu-14b01da2.js";import{a as u}from"./host-listener-01e0a787.js";import{i as m}from"./collection-helpers-bc0df692.js";import{c as f}from"./carbon-element-18175602.js";import{F as h}from"./shared-enums-c6fe8c39.js";import{p as k}from"./decorators-56213c84.js";import{F as b}from"./focus-1800056c.js";import"./spread-989d7408.js";import"./objectSpread2-8dc8a158.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";let p,v=e=>e;const{prefix:y}=n;o([f(`${y}-overflow-menu-body`)],(function(o,n){class i extends n{constructor(...e){super(...e),o(this)}}return{F:i,d:[{kind:"field",decorators:[k()],key:"alignment",value:()=>d.START},{kind:"field",decorators:[k({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>h.REGULAR},{kind:"field",decorators:[k()],key:"direction",value:()=>c.BOTTOM},{kind:"field",decorators:[k({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",key:"selected",value:()=>null},{kind:"method",key:"_getNextItem",value:function(e,t){const{selectorItemEnabled:o}=this.constructor,s=this.querySelectorAll(o),n=m(s,e),i=(r=n+t,a=s.length,r<0?a-1:r>=a?0:r);var r,a;return i===n?null:s[i]}},{kind:"method",key:"_navigate",value:function(e){if(this.selected){const t=this._getNextItem(this.selected,e);null==t||t.focus()}}},{kind:"field",decorators:[u("keydown")],key:"_handleKeydown",value(){return async t=>{const{key:o}=t;this.open&&(this.contains(document.activeElement)&&(this.selected=document.activeElement),o in e&&this._navigate(e[o]),"Escape"===o&&(this.open=!1))}}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menu"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),r(a(i.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return s(p||(p=v`<slot></slot>`))}},{kind:"get",static:!0,key:"selectorMenuItem",value:function(){return`${y}-overflow-menu-item`}},{kind:"get",static:!0,key:"selectorItemEnabled",value:function(){return`${y}-overflow-menu-item:not([disabled])`}},{kind:"field",static:!0,key:"styles",value:()=>t}]}}),l);let g,j,x=e=>e;const{prefix:$}=n;o([f(`${$}-overflow-menu-item`)],(function(e,o){class n extends o{constructor(...t){super(...t),e(this)}}return{F:n,d:[{kind:"field",decorators:[k({type:Boolean,reflect:!0})],key:"danger",value:()=>!1},{kind:"field",decorators:[k({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[k()],key:"href",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","menuitem"),r(a(n.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return this.href?s(g||(g=x`<a class="${0}--overflow-menu-options__btn" ?disabled="${0}" href="${0}" tabindex="${0}"><slot></slot></a>`),$,this.disabled,this.href,this.disabled?-1:0):s(j||(j=x`<button class="${0}--overflow-menu-options__btn" ?disabled="${0}" tabindex="${0}"><slot></slot></button>`),$,this.disabled,this.disabled?-1:0)}},{kind:"field",static:!0,key:"styles",value:()=>t}]}}),b(i));
|
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{c as e,a as t,_ as n,L as a,h as i,s as o}from"./settings-898bd7b0.js";import{_ as r,a as s}from"./get-d229c408.js";import{c}from"./carbon-element-18175602.js";import{c as p}from"./class-map-bd61e03f.js";import{s as g}from"./spread-989d7408.js";import{p as l}from"./decorators-56213c84.js";var d=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}.bx--pagination-nav *,.bx--pagination-nav :after,.bx--pagination-nav :before{box-sizing:inherit}.bx--pagination-nav__list{align-items:center;display:flex;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-left:0}.bx--pagination-nav__list-item:last-child{padding-right:0}.bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.bx--pagination-nav__page *,.bx--pagination-nav__page :after,.bx--pagination-nav__page :before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page:after,.bx--pagination-nav__page.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper:after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{left:calc(50% - .5rem);pointer-events:none;position:absolute;top:calc(50% - .5rem)}.bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav :after,:host(bx-pagination-nav) .bx--pagination-nav :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{align-items:center;display:flex;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page :after,:host(bx-pagination-nav) .bx--pagination-nav__page :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page:after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{left:calc(50% - .5rem);pointer-events:none;position:absolute;top:calc(50% - .5rem)}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:revert}']);let h,v,b,f,u=e=>e;const{prefix:x}=o;n([c(`${x}-pagination-nav`)],(function(e,n){class a extends n{constructor(...t){super(...t),e(this)}}return{F:a,d:[{kind:"field",decorators:[l({attribute:"items-shown",reflect:!0,type:Number})],key:"itemsShown",value:()=>1},{kind:"field",decorators:[l({attribute:"loop",type:Boolean})],key:"loop",value:()=>!1},{kind:"field",decorators:[l({attribute:"page",reflect:!0,type:Number})],key:"page",value:()=>0},{kind:"field",decorators:[l({attribute:"total-items",reflect:!0,type:Number})],key:"totalItems",value:()=>1},{kind:"field",key:"_iterator",value:()=>[]},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("itemsShown")&&this.itemsShown<5&&(this.itemsShown=5),(e.has("count")||e.has("page"))&&(this.page>this.totalItems&&(this.page=this.totalItems-1),this.page<0&&(this.page=0)),!0}},{kind:"method",key:"update",value:function(e){if(e.has("totalItems")||e.has("itemsShown")||e.has("page")){const{totalItems:e,itemsShown:t,page:n}=this,{calculateCuts:a}=this.constructor,i=[...new Array(Math.max(e,1))].map(((e,t)=>t));let o;if(i.length>t){const e=i.shift(),r=i.pop(),{front:s,back:c}=a(n,i.length,t-2),p=i.splice(c),g=i.splice(0,s),l=p.length>1?p:p[0];o=[e,g.length>1?g:g[0],...i,l,r].filter((e=>"number"==typeof e||Array.isArray(e)&&e.length))}else o=i;this._iterator=o}r(s(a.prototype),"update",this).call(this,e)}},{kind:"method",key:"updated",value:function(e){if(e.has("page")){const{pageChangedEvent:t}=this.constructor,n=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{oldValue:e.get("page"),newValue:this.page}});this.dispatchEvent(n),window.requestAnimationFrame((()=>{const e=this.shadowRoot.querySelector(".bx--pagination-nav__page--active"),t=this.shadowRoot.activeElement;if(t){t.matches("button:not([value])")||t===e||e.focus()}}))}}},{kind:"method",key:"setIndex",value:function(e){const{target:t}=e,{value:n}=t;this.page=parseInt(n),t instanceof HTMLSelectElement&&(t.value="")}},{kind:"method",key:"decrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t-1<0;this.page=e?a?n-1:t-1:Math.max(this.page-1,0)}},{kind:"method",key:"incrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t+1>=n;this.page=e?a?0:t+1:Math.min(this.page+1,this.totalItems-1)}},{kind:"method",key:"renderIndividualItem",value:function(e=3){const{page:t,setIndex:n}=this;return i(h||(h=u`<li class="${0}--pagination-nav__list-item"><button class="${0}" type="button" value="${0}" @click="${0}">${0}</button></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--active`]:e===t}),e,n,e+1)}},{kind:"method",key:"renderGroupedItems",value:function(e){const{setIndex:n}=this;return i(v||(v=u`<li><div class="${0}--pagination-nav__select"><select class="${0}" @change="${0}" aria-label="Select Page Number"><option value=""></option>${0}</select><div class="${0}--pagination-nav__select-icon-wrapper">${0}</div></div></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--select`]:!0}),n,e.map((e=>i(b||(b=u`<option value="${0}">${0}</option>`),e,e+1))),x,(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<circle cx="8" cy="16" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="24" cy="16" r="2"></circle></svg>`)({class:`${x}--pagination-nav__select-icon`}))}},{kind:"method",key:"render",value:function(){const{loop:e,page:n,totalItems:a,_iterator:o,incrementIndex:r,decrementIndex:s}=this,c=!e&&n>=a-1,l={[`${x}--pagination-nav__page`]:!0,[`${x}--btn--icon-only`]:!0,[`${x}--btn`]:!0,[`${x}--btn--ghost`]:!0};return i(f||(f=u`<nav class="${0}--pagination-nav"><ul class="${0}--pagination-nav__list"><li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li>${0}<li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li></ul></nav>`),x,x,x,s,!e&&n<=0,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<path d="M20 24L10 16 20 8z"></path></svg>`)(),o.map((e=>"number"==typeof e?this.renderIndividualItem(e):Array.isArray(e)?this.renderGroupedItems(e):void 0)),x,r,c,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<path d="M12 8L22 16 12 24z"></path></svg>`)())}},{kind:"get",static:!0,key:"pageChangedEvent",value:function(){return`${x}-page-changed`}},{kind:"method",static:!0,key:"calculateCuts",value:function(e,t,n){const a=(n-1)/2;let i=e-Math.ceil(a),o=e+Math.floor(a)-1;return i<1&&(o+=Math.abs(i-1)),o>t-1&&(i-=Math.abs(t-o-1)),{front:i,back:o}}},{kind:"field",static:!0,key:"styles",value:()=>d}]}}),a);
|
|
65
|
+
import{c as e,a as t,_ as n,L as a,h as i,s as o}from"./settings-898bd7b0.js";import{_ as r,a as s}from"./get-d229c408.js";import{c as p}from"./carbon-element-18175602.js";import{c}from"./class-map-bd61e03f.js";import{s as g}from"./spread-989d7408.js";import{s as l}from"./16-8b1c3ec4.js";import{p as d}from"./decorators-56213c84.js";var h=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}.bx--pagination-nav *,.bx--pagination-nav :after,.bx--pagination-nav :before{box-sizing:inherit}.bx--pagination-nav__list{align-items:center;display:flex;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-left:0}.bx--pagination-nav__list-item:last-child{padding-right:0}.bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.bx--pagination-nav__page *,.bx--pagination-nav__page :after,.bx--pagination-nav__page :before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page:after,.bx--pagination-nav__page.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper:after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{left:calc(50% - .5rem);pointer-events:none;position:absolute;top:calc(50% - .5rem)}.bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav :after,:host(bx-pagination-nav) .bx--pagination-nav :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{align-items:center;display:flex;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page :after,:host(bx-pagination-nav) .bx--pagination-nav__page :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page:after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{left:calc(50% - .5rem);pointer-events:none;position:absolute;top:calc(50% - .5rem)}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:revert}']);let b,v,f,u,m=e=>e;const{prefix:x}=o;n([p(`${x}-pagination-nav`)],(function(e,n){class a extends n{constructor(...t){super(...t),e(this)}}return{F:a,d:[{kind:"field",decorators:[d({attribute:"items-shown",reflect:!0,type:Number})],key:"itemsShown",value:()=>1},{kind:"field",decorators:[d({attribute:"loop",type:Boolean})],key:"loop",value:()=>!1},{kind:"field",decorators:[d({attribute:"page",reflect:!0,type:Number})],key:"page",value:()=>0},{kind:"field",decorators:[d({attribute:"total-items",reflect:!0,type:Number})],key:"totalItems",value:()=>1},{kind:"field",key:"_iterator",value:()=>[]},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("itemsShown")&&this.itemsShown<5&&(this.itemsShown=5),(e.has("count")||e.has("page"))&&(this.page>this.totalItems&&(this.page=this.totalItems-1),this.page<0&&(this.page=0)),!0}},{kind:"method",key:"update",value:function(e){if(e.has("totalItems")||e.has("itemsShown")||e.has("page")){const{totalItems:e,itemsShown:t,page:n}=this,{calculateCuts:a}=this.constructor,i=[...new Array(Math.max(e,1))].map(((e,t)=>t));let o;if(i.length>t){const e=i.shift(),r=i.pop(),{front:s,back:p}=a(n,i.length,t-2),c=i.splice(p),g=i.splice(0,s),l=c.length>1?c:c[0];o=[e,g.length>1?g:g[0],...i,l,r].filter((e=>"number"==typeof e||Array.isArray(e)&&e.length))}else o=i;this._iterator=o}r(s(a.prototype),"update",this).call(this,e)}},{kind:"method",key:"updated",value:function(e){if(e.has("page")){const{pageChangedEvent:t}=this.constructor,n=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{oldValue:e.get("page"),newValue:this.page}});this.dispatchEvent(n),window.requestAnimationFrame((()=>{const e=this.shadowRoot.querySelector(".bx--pagination-nav__page--active"),t=this.shadowRoot.activeElement;if(t){t.matches("button:not([value])")||t===e||e.focus()}}))}}},{kind:"method",key:"setIndex",value:function(e){const{target:t}=e,{value:n}=t;this.page=parseInt(n),t instanceof HTMLSelectElement&&(t.value="")}},{kind:"method",key:"decrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t-1<0;this.page=e?a?n-1:t-1:Math.max(this.page-1,0)}},{kind:"method",key:"incrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t+1>=n;this.page=e?a?0:t+1:Math.min(this.page+1,this.totalItems-1)}},{kind:"method",key:"renderIndividualItem",value:function(e=3){const{page:t,setIndex:n}=this;return i(b||(b=m`<li class="${0}--pagination-nav__list-item"><button class="${0}" type="button" value="${0}" @click="${0}">${0}</button></li>`),x,c({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--active`]:e===t}),e,n,e+1)}},{kind:"method",key:"renderGroupedItems",value:function(e){const{setIndex:t}=this;return i(v||(v=m`<li><div class="${0}--pagination-nav__select"><select class="${0}" @change="${0}" aria-label="Select Page Number"><option value=""></option>${0}</select><div class="${0}--pagination-nav__select-icon-wrapper">${0}</div></div></li>`),x,c({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--select`]:!0}),t,e.map((e=>i(f||(f=m`<option value="${0}">${0}</option>`),e,e+1))),x,l({class:`${x}--pagination-nav__select-icon`}))}},{kind:"method",key:"render",value:function(){const{loop:e,page:n,totalItems:a,_iterator:o,incrementIndex:r,decrementIndex:s}=this,p=!e&&n>=a-1,l={[`${x}--pagination-nav__page`]:!0,[`${x}--btn--icon-only`]:!0,[`${x}--btn`]:!0,[`${x}--btn--ghost`]:!0};return i(u||(u=m`<nav class="${0}--pagination-nav"><ul class="${0}--pagination-nav__list"><li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li>${0}<li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li></ul></nav>`),x,x,x,s,!e&&n<=0,c(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<path d="M20 24L10 16 20 8z"></path></svg>`)(),o.map((e=>"number"==typeof e?this.renderIndividualItem(e):Array.isArray(e)?this.renderGroupedItems(e):void 0)),x,r,p,c(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<path d="M12 8L22 16 12 24z"></path></svg>`)())}},{kind:"get",static:!0,key:"pageChangedEvent",value:function(){return`${x}-page-changed`}},{kind:"method",static:!0,key:"calculateCuts",value:function(e,t,n){const a=(n-1)/2;let i=e-Math.ceil(a),o=e+Math.floor(a)-1;return i<1&&(o+=Math.abs(i-1)),o>t-1&&(i-=Math.abs(t-o-1)),{front:i,back:o}}},{kind:"field",static:!0,key:"styles",value:()=>h}]}}),a);
|
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{c as e,a as t,_ as n,L as i,h as a,s as o}from"./settings-898bd7b0.js";import{_ as r,a as s}from"./get-d229c408.js";import{c}from"./carbon-element-18175602.js";import{c as p}from"./class-map-bd61e03f.js";import{s as g}from"./spread-989d7408.js";import{p as l}from"./decorators-56213c84.js";var d=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}.bx--pagination-nav *,.bx--pagination-nav :after,.bx--pagination-nav :before{box-sizing:inherit}.bx--pagination-nav__list{align-items:center;display:flex;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-right:0}.bx--pagination-nav__list-item:last-child{padding-left:0}.bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.bx--pagination-nav__page *,.bx--pagination-nav__page :after,.bx--pagination-nav__page :before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page:after,.bx--pagination-nav__page.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper:after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{pointer-events:none;position:absolute;right:calc(50% - .5rem);top:calc(50% - .5rem)}.bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav :after,:host(bx-pagination-nav) .bx--pagination-nav :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{align-items:center;display:flex;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page :after,:host(bx-pagination-nav) .bx--pagination-nav__page :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page:after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{pointer-events:none;position:absolute;right:calc(50% - .5rem);top:calc(50% - .5rem)}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:revert}']);let h,v,b,f,u=e=>e;const{prefix:x}=o;n([c(`${x}-pagination-nav`)],(function(e,n){class i extends n{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[l({attribute:"items-shown",reflect:!0,type:Number})],key:"itemsShown",value:()=>1},{kind:"field",decorators:[l({attribute:"loop",type:Boolean})],key:"loop",value:()=>!1},{kind:"field",decorators:[l({attribute:"page",reflect:!0,type:Number})],key:"page",value:()=>0},{kind:"field",decorators:[l({attribute:"total-items",reflect:!0,type:Number})],key:"totalItems",value:()=>1},{kind:"field",key:"_iterator",value:()=>[]},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("itemsShown")&&this.itemsShown<5&&(this.itemsShown=5),(e.has("count")||e.has("page"))&&(this.page>this.totalItems&&(this.page=this.totalItems-1),this.page<0&&(this.page=0)),!0}},{kind:"method",key:"update",value:function(e){if(e.has("totalItems")||e.has("itemsShown")||e.has("page")){const{totalItems:e,itemsShown:t,page:n}=this,{calculateCuts:i}=this.constructor,a=[...new Array(Math.max(e,1))].map(((e,t)=>t));let o;if(a.length>t){const e=a.shift(),r=a.pop(),{front:s,back:c}=i(n,a.length,t-2),p=a.splice(c),g=a.splice(0,s),l=p.length>1?p:p[0];o=[e,g.length>1?g:g[0],...a,l,r].filter((e=>"number"==typeof e||Array.isArray(e)&&e.length))}else o=a;this._iterator=o}r(s(i.prototype),"update",this).call(this,e)}},{kind:"method",key:"updated",value:function(e){if(e.has("page")){const{pageChangedEvent:t}=this.constructor,n=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{oldValue:e.get("page"),newValue:this.page}});this.dispatchEvent(n),window.requestAnimationFrame((()=>{const e=this.shadowRoot.querySelector(".bx--pagination-nav__page--active"),t=this.shadowRoot.activeElement;if(t){t.matches("button:not([value])")||t===e||e.focus()}}))}}},{kind:"method",key:"setIndex",value:function(e){const{target:t}=e,{value:n}=t;this.page=parseInt(n),t instanceof HTMLSelectElement&&(t.value="")}},{kind:"method",key:"decrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,i=t-1<0;this.page=e?i?n-1:t-1:Math.max(this.page-1,0)}},{kind:"method",key:"incrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,i=t+1>=n;this.page=e?i?0:t+1:Math.min(this.page+1,this.totalItems-1)}},{kind:"method",key:"renderIndividualItem",value:function(e=3){const{page:t,setIndex:n}=this;return a(h||(h=u`<li class="${0}--pagination-nav__list-item"><button class="${0}" type="button" value="${0}" @click="${0}">${0}</button></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--active`]:e===t}),e,n,e+1)}},{kind:"method",key:"renderGroupedItems",value:function(e){const{setIndex:n}=this;return a(v||(v=u`<li><div class="${0}--pagination-nav__select"><select class="${0}" @change="${0}" aria-label="Select Page Number"><option value=""></option>${0}</select><div class="${0}--pagination-nav__select-icon-wrapper">${0}</div></div></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--select`]:!0}),n,e.map((e=>a(b||(b=u`<option value="${0}">${0}</option>`),e,e+1))),x,(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<circle cx="8" cy="16" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="24" cy="16" r="2"></circle></svg>`)({class:`${x}--pagination-nav__select-icon`}))}},{kind:"method",key:"render",value:function(){const{loop:e,page:n,totalItems:i,_iterator:o,incrementIndex:r,decrementIndex:s}=this,c=!e&&n>=i-1,l={[`${x}--pagination-nav__page`]:!0,[`${x}--btn--icon-only`]:!0,[`${x}--btn`]:!0,[`${x}--btn--ghost`]:!0};return a(f||(f=u`<nav class="${0}--pagination-nav"><ul class="${0}--pagination-nav__list"><li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li>${0}<li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li></ul></nav>`),x,x,x,s,!e&&n<=0,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<path d="M20 24L10 16 20 8z"></path></svg>`)(),o.map((e=>"number"==typeof e?this.renderIndividualItem(e):Array.isArray(e)?this.renderGroupedItems(e):void 0)),x,r,c,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<path d="M12 8L22 16 12 24z"></path></svg>`)())}},{kind:"get",static:!0,key:"pageChangedEvent",value:function(){return`${x}-page-changed`}},{kind:"method",static:!0,key:"calculateCuts",value:function(e,t,n){const i=(n-1)/2;let a=e-Math.ceil(i),o=e+Math.floor(i)-1;return a<1&&(o+=Math.abs(a-1)),o>t-1&&(a-=Math.abs(t-o-1)),{front:a,back:o}}},{kind:"field",static:!0,key:"styles",value:()=>d}]}}),i);
|
|
65
|
+
import{c as e,a as t,_ as n,L as a,h as i,s as o}from"./settings-898bd7b0.js";import{_ as r,a as s}from"./get-d229c408.js";import{c as p}from"./carbon-element-18175602.js";import{c}from"./class-map-bd61e03f.js";import{s as g}from"./spread-989d7408.js";import{s as l}from"./16-f84de92d.js";import{p as d}from"./decorators-56213c84.js";var h=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}.bx--pagination-nav *,.bx--pagination-nav :after,.bx--pagination-nav :before{box-sizing:inherit}.bx--pagination-nav__list{align-items:center;display:flex;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-right:0}.bx--pagination-nav__list-item:last-child{padding-left:0}.bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.bx--pagination-nav__page *,.bx--pagination-nav__page :after,.bx--pagination-nav__page :before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page:after,.bx--pagination-nav__page.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper:after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{pointer-events:none;position:absolute;right:calc(50% - .5rem);top:calc(50% - .5rem)}.bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav :after,:host(bx-pagination-nav) .bx--pagination-nav :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{align-items:center;display:flex;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page :after,:host(bx-pagination-nav) .bx--pagination-nav__page :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page:after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{pointer-events:none;position:absolute;right:calc(50% - .5rem);top:calc(50% - .5rem)}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:revert}']);let b,v,f,u,m=e=>e;const{prefix:x}=o;n([p(`${x}-pagination-nav`)],(function(e,n){class a extends n{constructor(...t){super(...t),e(this)}}return{F:a,d:[{kind:"field",decorators:[d({attribute:"items-shown",reflect:!0,type:Number})],key:"itemsShown",value:()=>1},{kind:"field",decorators:[d({attribute:"loop",type:Boolean})],key:"loop",value:()=>!1},{kind:"field",decorators:[d({attribute:"page",reflect:!0,type:Number})],key:"page",value:()=>0},{kind:"field",decorators:[d({attribute:"total-items",reflect:!0,type:Number})],key:"totalItems",value:()=>1},{kind:"field",key:"_iterator",value:()=>[]},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("itemsShown")&&this.itemsShown<5&&(this.itemsShown=5),(e.has("count")||e.has("page"))&&(this.page>this.totalItems&&(this.page=this.totalItems-1),this.page<0&&(this.page=0)),!0}},{kind:"method",key:"update",value:function(e){if(e.has("totalItems")||e.has("itemsShown")||e.has("page")){const{totalItems:e,itemsShown:t,page:n}=this,{calculateCuts:a}=this.constructor,i=[...new Array(Math.max(e,1))].map(((e,t)=>t));let o;if(i.length>t){const e=i.shift(),r=i.pop(),{front:s,back:p}=a(n,i.length,t-2),c=i.splice(p),g=i.splice(0,s),l=c.length>1?c:c[0];o=[e,g.length>1?g:g[0],...i,l,r].filter((e=>"number"==typeof e||Array.isArray(e)&&e.length))}else o=i;this._iterator=o}r(s(a.prototype),"update",this).call(this,e)}},{kind:"method",key:"updated",value:function(e){if(e.has("page")){const{pageChangedEvent:t}=this.constructor,n=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{oldValue:e.get("page"),newValue:this.page}});this.dispatchEvent(n),window.requestAnimationFrame((()=>{const e=this.shadowRoot.querySelector(".bx--pagination-nav__page--active"),t=this.shadowRoot.activeElement;if(t){t.matches("button:not([value])")||t===e||e.focus()}}))}}},{kind:"method",key:"setIndex",value:function(e){const{target:t}=e,{value:n}=t;this.page=parseInt(n),t instanceof HTMLSelectElement&&(t.value="")}},{kind:"method",key:"decrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t-1<0;this.page=e?a?n-1:t-1:Math.max(this.page-1,0)}},{kind:"method",key:"incrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t+1>=n;this.page=e?a?0:t+1:Math.min(this.page+1,this.totalItems-1)}},{kind:"method",key:"renderIndividualItem",value:function(e=3){const{page:t,setIndex:n}=this;return i(b||(b=m`<li class="${0}--pagination-nav__list-item"><button class="${0}" type="button" value="${0}" @click="${0}">${0}</button></li>`),x,c({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--active`]:e===t}),e,n,e+1)}},{kind:"method",key:"renderGroupedItems",value:function(e){const{setIndex:t}=this;return i(v||(v=m`<li><div class="${0}--pagination-nav__select"><select class="${0}" @change="${0}" aria-label="Select Page Number"><option value=""></option>${0}</select><div class="${0}--pagination-nav__select-icon-wrapper">${0}</div></div></li>`),x,c({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--select`]:!0}),t,e.map((e=>i(f||(f=m`<option value="${0}">${0}</option>`),e,e+1))),x,l({class:`${x}--pagination-nav__select-icon`}))}},{kind:"method",key:"render",value:function(){const{loop:e,page:n,totalItems:a,_iterator:o,incrementIndex:r,decrementIndex:s}=this,p=!e&&n>=a-1,l={[`${x}--pagination-nav__page`]:!0,[`${x}--btn--icon-only`]:!0,[`${x}--btn`]:!0,[`${x}--btn--ghost`]:!0};return i(u||(u=m`<nav class="${0}--pagination-nav"><ul class="${0}--pagination-nav__list"><li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li>${0}<li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li></ul></nav>`),x,x,x,s,!e&&n<=0,c(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<path d="M20 24L10 16 20 8z"></path></svg>`)(),o.map((e=>"number"==typeof e?this.renderIndividualItem(e):Array.isArray(e)?this.renderGroupedItems(e):void 0)),x,r,p,c(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<path d="M12 8L22 16 12 24z"></path></svg>`)())}},{kind:"get",static:!0,key:"pageChangedEvent",value:function(){return`${x}-page-changed`}},{kind:"method",static:!0,key:"calculateCuts",value:function(e,t,n){const a=(n-1)/2;let i=e-Math.ceil(a),o=e+Math.floor(a)-1;return i<1&&(o+=Math.abs(i-1)),o>t-1&&(i-=Math.abs(t-o-1)),{front:i,back:o}}},{kind:"field",static:!0,key:"styles",value:()=>h}]}}),a);
|